:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#242424;background:#eee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.comparison-page{min-height:100vh;padding:28px}.page-header{max-width:1200px;margin:0 auto 22px}.eyebrow{margin:0 0 8px;color:#666;font-size:12px;letter-spacing:.12em;text-transform:uppercase}h1{margin:0 0 8px;font-size:clamp(28px,5vw,48px);font-weight:600;letter-spacing:-.04em}.page-header p:last-child{margin:0;color:#666}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.mode-toggle{display:flex;gap:4px;padding:4px;border:1px solid #c8c8c8;border-radius:999px;background:#e4e4e4}.mode-toggle button{border:0;border-radius:999px;padding:8px 14px;color:#666;background:transparent;cursor:pointer;font:inherit;font-size:12px}.mode-toggle button.active{color:#222;background:#fff;box-shadow:0 1px 3px #0002}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1400px;margin:0 auto}.world-panel{overflow:hidden;border:1px solid #c8c8c8;border-radius:12px;background:#d8d8d8}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;background:#ececec}.panel-title strong{font-size:14px}.panel-title span{color:#666;font-size:11px;text-transform:uppercase}.canvas-wrap{height:min(52vw,480px);min-height:280px}.canvas-wrap canvas{display:block}.single-world .comparison-grid{grid-template-columns:1fr;max-width:1200px}.single-world .canvas-wrap{height:min(72vh,760px);min-height:440px}.status{padding:32px;color:#555}.place-page{min-height:100vh;background:#353f50;color:#e0e5e9;padding:30px 44px 24px}.place-header{display:flex;justify-content:space-between;align-items:center}.place-header h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,3vw,40px);font-weight:400;letter-spacing:-.04em}.place-header .eyebrow{font-size:10px;letter-spacing:.2em;color:#abb8c4}.place-subtitle{font-size:12px;color:#abb8c4;margin:0}.clean-link,.inspection-controls a{color:inherit;font-size:12px;text-underline-offset:5px}.place-stage{background:radial-gradient(ellipse at 49% 42%,#849098,#566473 48%,#353f50 82%);height:min(66vh,800px);min-height:420px}.place-stage canvas{display:block}.place-wood{background:#302925}.place-wood .place-stage{background:radial-gradient(ellipse at 49% 42%,#897b6c,#5f5349 48%,#302925 82%)}.seed-key{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #b8c2c5;padding:19px 0;max-width:1240px;margin:0 auto}.seed-key>div{display:flex;gap:12px;align-items:start}.seed-number{font-size:10px;color:#a0afbe;margin-top:3px}.seed-key p{margin:0;flex:1}.seed-key strong{font-size:12px;display:block;font-weight:600}.seed-key p span{font-size:11px;line-height:1.7;display:block;margin-top:5px;color:#b9c4cd}.swatch{width:28px;height:28px;border-radius:50%;margin-top:2px}.twice{background:linear-gradient(90deg,#fcc89b 50%,#ed398c 50%)}.petal{background:linear-gradient(90deg,#2c2e33 50%,#f0eee9 50%)}.freedom{background:linear-gradient(135deg,#17243d 40%,#ffe355 40%,#ffe355 52%,#54795b 52%,#54795b 73%,#e65737 73%)}.place-controls{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#b9c4cd}.stage-picker,.inspection-controls{display:flex;align-items:center;gap:12px}.place-controls button,.place-controls select{font:inherit;color:#34434b;border:1px solid #aebbc0;background:#ffffff40;padding:7px 12px;border-radius:5px;cursor:pointer}.place-controls button:disabled{opacity:.5;cursor:default}.inspection-controls label{display:flex;align-items:center;gap:4px}.inspection-controls input{accent-color:#657580}.place-clean{padding:0}.place-clean .place-stage{height:100vh;height:100dvh;min-height:0}@media (max-width: 720px){.place-page:not(.place-clean){padding:24px 18px}.place-stage{min-height:340px;height:52vh}.seed-key{grid-template-columns:1fr;gap:16px}.place-controls{align-items:start;flex-direction:column}.inspection-controls{flex-wrap:wrap}.stage-picker{gap:8px}}@media (max-width: 960px){.heading-row{align-items:start;flex-direction:column}.comparison-grid{grid-template-columns:1fr;max-width:700px}.canvas-wrap{height:420px}}.place-stage{position:relative}.object-navigation{position:absolute;left:24px;bottom:20px;display:flex;align-items:center;gap:18px;color:#e8dac1aa;font-size:11px}.object-navigation button{color:#eadfce;border:1px solid #d7c9b338;background:#30292580;border-radius:20px;padding:7px 12px;font:inherit;cursor:pointer}.place-clean .object-navigation{opacity:0;transition:opacity .2s}.place-clean .object-navigation:hover,.place-clean .object-navigation:focus-within{opacity:1}.trace-note{position:absolute;right:24px;bottom:72px;max-width:min(300px,calc(100% - 48px));padding:15px 18px;border:1px solid #d9c4a330;border-radius:12px;background:#29221eee;box-shadow:0 6px 24px #0002;color:#efe4d4;pointer-events:none}.trace-detail{pointer-events:auto;padding-right:36px}.trace-seed{display:block;font-size:10px;color:#c3ae92;margin-bottom:7px}.trace-note strong{display:block;font-size:12px;font-weight:500}.trace-note p{font-size:12px;line-height:1.8;color:#d5c7b5;margin:10px 0 0}.trace-close{position:absolute;right:9px;top:7px;background:none;border:none;color:#dccab2;font-size:20px;cursor:pointer}@media (max-width: 720px){.object-navigation{left:16px;right:16px;gap:10px;font-size:10px}.object-navigation span{max-width:160px}.trace-note{right:16px;bottom:82px}}.trace-mapping{display:block;font-size:10px;line-height:1.6;color:#c3ae92;margin-top:6px}@media (min-width: 721px){.trace-note.trace-secondary{left:24px;right:auto}}.music-experience{min-height:100dvh;background:#302925;color:#ede2d1}.music-experience button{font:inherit;cursor:pointer}.music-experience button:focus-visible{outline:2px solid #ead3b2;outline-offset:4px}.utopia-landing{min-height:100dvh;padding:36px 48px 16px;background:radial-gradient(ellipse at 68% 45%,#675747,#41372e 45%,#302925 82%)}.landing-brand{font-family:Georgia,serif;font-size:22px;display:flex;justify-content:space-between;align-items:center}.landing-brand>span{font-size:11px;color:#bba991}.landing-body{max-width:1440px;margin:auto;display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;min-height:calc(100dvh - 95px)}.landing-copy{padding-left:clamp(0px,4vw,64px)}.landing-copy h1{margin:24px 0;font-size:clamp(28px,2.8vw,42px);font-weight:400;letter-spacing:-.04em;line-height:1.5}.landing-copy>p:not(.selection-eyebrow){max-width:335px;color:#c5b49e;font-size:14px;line-height:2;margin:0 0 32px}.landing-copy .landing-memory{max-width:360px;color:#bdaa90;font-size:13px;margin:0}.landing-visual{pointer-events:none}.landing-visual .place-page{min-height:0;background:transparent}.landing-visual .place-stage{height:min(80dvh,900px);background:transparent}.intro-home{border:none;padding:0;color:inherit;background:none;font-family:Georgia,serif!important;font-size:inherit}.demo-seed-card{cursor:default}.generation-seeds>span{border:1px solid transparent;padding:6px 8px;border-radius:24px;transition:opacity .12s,border-color .12s;opacity:.48}.generation-seeds>.seed-is-shaping{color:#f0e2cf;opacity:1;border-color:#e8cfaa80;background:#31271fcc}.seed-is-shaping .music-seed-token{animation:shaping-pulse .55s ease-in-out infinite alternate}@keyframes shaping-pulse{0%{transform:scale(1);box-shadow:0 0 0 2px #ead0a600}to{transform:scale(1.2);box-shadow:0 0 0 4px #ead0a624}}@media (prefers-reduced-motion: reduce){.seed-is-shaping .music-seed-token{animation:none;outline:2px solid #ead0a6;outline-offset:3px}}@media (max-width: 720px){.utopia-landing{padding:24px 22px}.landing-brand{font-size:19px}.landing-brand>span{font-size:9px}.landing-body{display:flex;flex-direction:column;min-height:0}.landing-visual{order:-1;width:100%}.landing-visual .place-stage{height:min(47dvh,440px)}.landing-copy{align-self:stretch;padding:0}.landing-copy .selection-eyebrow{font-size:9px}.landing-copy h1{font-size:30px;margin:12px 0;line-height:1.45}.landing-copy>p:not(.selection-eyebrow){font-size:12px;margin-bottom:24px}.generation-seeds{gap:4px}.generation-seeds>span{padding:4px 6px}}.demo-seed-intro{min-height:100dvh;max-width:880px;margin:auto;padding:44px 40px 24px}.selection-brand{margin:0 0 52px;font-family:Georgia,serif;font-size:20px}.selection-brand span{float:right;font-family:inherit;font-size:12px;color:#b7a793;padding-top:4px}.selection-eyebrow{color:#bdaa90;font-size:10px;text-transform:uppercase;letter-spacing:.18em}.demo-seed-intro header h1{font-size:clamp(28px,4vw,38px);font-weight:400;letter-spacing:-.03em}.demo-seed-intro header>p:last-child{font-size:13px;line-height:1.8;color:#c1b19d;margin:14px 0 36px}.seed-groups{display:grid;gap:24px}.seed-groups h2{font-size:12px;font-weight:500;margin:0 0 10px}.seed-groups h2 span{margin-left:12px;color:#a08e79;font-size:11px;font-weight:400}.seed-groups ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.demo-seed-card{padding:17px 18px;border:1px solid #af927435;border-radius:12px;display:flex;align-items:center;gap:14px;background:#d3ad7910}.demo-seed-card>div{min-width:0;flex:1}.demo-seed-card strong{display:block;font-size:14px;font-weight:500}.demo-seed-card div>span{display:block;margin-top:5px;color:#b7a48e;font-size:11px}.music-seed-token{display:inline-flex;width:38px;height:38px;flex-shrink:0;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(130deg,var(--token-a) 46%,var(--token-b) 47%);box-shadow:inset 0 0 0 1px #ffffff30;color:#302925;font-family:Georgia,serif;font-size:21px}.selection-generate{margin-top:34px;padding-top:24px;border-top:1px solid #aa90752e;display:flex;justify-content:space-between;align-items:center;gap:20px}.selection-generate strong{display:block;font-size:12px;font-weight:500}.selection-generate div span{display:block;font-size:10px;color:#a99780;margin-top:6px}.generate-button{padding:14px 24px;border:0;border-radius:28px;background:#e5ccb0;color:#382b21;font-size:14px!important;min-width:166px}.generate-button:hover{background:#f0ddc5}.generate-button span{margin-left:32px}.selection-footnote{text-align:center;font-family:Georgia,serif;font-size:12px;color:#927e69;margin:32px 0 0}.experience-brand{position:fixed;top:30px;left:32px;font-family:Georgia,serif;font-size:17px;color:#ede2d1bd;pointer-events:none}.experience-brand span{display:block;margin-top:6px;font-family:inherit;font-size:10px;color:#c1aa9088}.experience-actions{position:fixed;top:28px;right:28px;display:flex;gap:6px;border-radius:24px}.experience-actions button{font-size:11px;padding:9px 14px;border-radius:24px;border:1px solid #d7c9b326;background:#30292599;color:#e5d5be}.experience-actions button:hover{background:#5a493ac9}.explore-prompt{position:fixed;bottom:24px;left:32px;color:#e5d4baad;font-size:11px;margin:0;pointer-events:none}.generation-status{position:fixed;bottom:38px;left:50%;transform:translate(-50%);width:min(680px,calc(100% - 48px));text-align:center;pointer-events:none}.generation-seeds{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.generation-seeds>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#e4d6c0ba}.token-small{width:20px;height:20px;font-size:12px}.generation-caption strong{display:block;font-size:15px;font-weight:400;letter-spacing:.02em}.generation-caption>span{display:block;margin-top:8px;font-size:11px;color:#c3b39d}.generation-progress{height:2px;width:220px;background:#ecdbbb24;margin:16px auto 0;border-radius:2px;overflow:hidden}.generation-progress i{display:block;height:100%;background:#e6c9a1;transition:width .1s linear}.trace-type{display:inline-block;border:1px solid #cfb79845;border-radius:4px;padding:1px 4px;margin-left:4px;font-size:9px}.trace-compact{bottom:54px}.trace-compact strong{font-size:14px}.experience-clean .experience-brand,.experience-clean .explore-prompt{display:none}.experience-clean .experience-actions{opacity:0;transition:opacity .2s}.experience-clean .experience-actions:hover,.experience-clean .experience-actions:focus-within{opacity:1}@media (max-width: 720px){.demo-seed-intro{padding:28px 22px 22px}.selection-brand{margin-bottom:34px;font-size:18px}.selection-brand span{font-size:10px}.demo-seed-intro header>p:last-child{margin-bottom:28px}.seed-groups{gap:18px}.seed-groups ul{grid-template-columns:1fr;gap:8px}.demo-seed-card{padding:12px 14px}.music-seed-token{width:30px;height:30px;font-size:18px}.demo-seed-card strong{font-size:13px}.selection-generate{align-items:start;flex-direction:column;margin-top:26px}.generate-button{width:100%}.selection-footnote{margin-top:24px}.experience-brand{top:20px;left:20px;font-size:14px}.experience-brand span{display:none}.experience-actions{top:auto;right:12px;left:12px;bottom:12px;justify-content:center;gap:4px}.experience-actions button{padding:8px 9px;font-size:10px}.explore-prompt{bottom:60px;left:0;right:0;text-align:center;font-size:10px}.trace-compact{bottom:94px}.generation-status{bottom:30px}.generation-seeds{gap:8px 12px;margin-bottom:20px}.token-small{width:17px;height:17px;font-size:11px}}.world-reading{visibility:hidden;pointer-events:none}.product-story{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;background:#302925;color:#ede2d1}.story-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 40px;background:#302925f5;border-bottom:1px solid #aa90752e}.story-brand{font-family:Georgia,serif;font-size:22px}.story-header nav{display:flex;gap:24px}.story-header button{padding:8px 0;border:0;background:none;color:#c5b49e;font-size:13px}.story-header button:hover{color:#f0ddc5}.story-header .story-return{color:#ead3b2}.story-return span{margin-left:12px}.story-section{min-height:calc(100dvh - 84px);display:flex;align-items:center;padding:64px 48px;scroll-margin-top:84px}.story-section+.story-section{border-top:1px solid #aa90752e}.story-content{width:100%;max-width:1120px;margin:auto}.story-status{display:inline-block;margin:0 0 24px;padding:7px 12px;border:1px solid #ceb59266;border-radius:20px;color:#e0c8a8;font-size:12px}.story-eyebrow{margin:0 0 24px;color:#bdaa90;font-size:12px;letter-spacing:.08em}.story-content h1,.story-content h2{max-width:780px;margin:0 0 24px;font-size:clamp(28px,2.8vw,40px);font-weight:400;line-height:1.6;letter-spacing:-.025em}.story-content h1:focus{outline:none}.story-lead{max-width:700px;margin:0 0 36px;color:#c5b49e;font-size:16px;line-height:2}.utopia-growth,.ai-grammar{display:grid;gap:32px;margin:0 0 28px;padding:0;list-style:none}.utopia-growth{grid-template-columns:repeat(3,minmax(0,1fr))}.utopia-growth li,.ai-grammar li{position:relative;padding:26px 24px;border:1px solid #af92743d;border-radius:12px;background:#d3ad790a}.utopia-growth li:not(:last-child):after,.ai-grammar li:not(:last-child):after{content:"→";position:absolute;right:-25px;top:50%;transform:translateY(-50%);color:#bdaa90}.utopia-growth span{display:block;color:#bdaa90;font-size:11px;margin-bottom:14px}.utopia-growth strong{display:block;font-size:18px;font-weight:400}.utopia-growth p,.ai-grammar p{margin:14px 0 0;color:#bdaa90;font-size:14px;line-height:1.9}.story-note{max-width:740px;margin:0;color:#bdaa90;font-size:13px;line-height:1.9}.ai-grammar{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-grammar li{padding:24px 20px}.ai-grammar strong{display:block;font-size:15px;font-weight:500}.ai-grammar span{display:block;margin-top:10px;color:#dac4a7;font-size:13px}.story-demo-boundary{max-width:900px;margin:0;padding:16px 20px;border-left:2px solid #ceb592;background:#d3ad790a;color:#c5b49e;font-size:14px;line-height:1.9}.story-demo-boundary strong{margin-right:12px;color:#ead3b2;font-weight:500}.ending-content{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.ending-content h2{font-size:clamp(25px,2.2vw,34px)}.ending-content h2 span{display:block}.ending-content h2 span+span{margin-top:16px}.ending-content img{display:block;width:100%;height:auto;border-radius:12px}@media (max-width: 960px) and (min-width: 721px){.ai-grammar{gap:24px}.ai-grammar li{padding:20px 12px}.story-header{padding:20px 28px;gap:16px}.story-header nav{gap:16px}}@media (max-width: 720px){.experience-actions{flex-wrap:wrap}.experience-actions .story-open{flex-basis:100%;max-width:230px}.explore-prompt{bottom:94px}.trace-compact{bottom:124px}.story-header{flex-wrap:wrap;gap:12px;padding:16px 22px 12px}.story-brand{font-size:19px}.story-header nav{order:1;flex-basis:100%;justify-content:space-between;gap:12px}.story-header button{font-size:12px}.story-section{min-height:calc(100dvh - 112px);padding:36px 22px;scroll-margin-top:112px}.story-content h1,.story-content h2{font-size:28px}.story-lead{font-size:14px;margin-bottom:28px}.utopia-growth,.ai-grammar{grid-template-columns:1fr;gap:24px}.utopia-growth li,.ai-grammar li{padding:20px}.utopia-growth li:not(:last-child):after,.ai-grammar li:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-24px;transform:translate(50%)}.ending-content{grid-template-columns:1fr;gap:24px}.ending-content img{order:-1}.ending-content h2{font-size:24px}}