:root{--bg-0: #02140f;--bg-1: #06231b;--bg-2: #020a08;--panel: rgba(7, 30, 23, .86);--panel-strong: rgba(7, 23, 18, .94);--line: rgba(113, 231, 255, .22);--line-soft: rgba(113, 231, 255, .13);--text: #eaf7f2;--muted: #91aea5;--accent: #56d8f8;--accent-strong: #9ef3ff;--mint: #73e2ce;--ember: #ffbc77;--danger: #ffcea8;--shadow: 0 22px 60px rgba(0, 0, 0, .42);--ui-font: "Avenir Next", "Nunito Sans", "Segoe UI", sans-serif;--display-font: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);font-family:var(--ui-font);background:radial-gradient(1120px 560px at 50% -15%,rgba(95,242,195,.22),transparent 68%),radial-gradient(720px 580px at 100% -5%,rgba(92,220,255,.18),transparent 72%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 41%,var(--bg-2) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.6;background:radial-gradient(circle at 12% 26%,rgba(86,219,255,.2),transparent 16%),radial-gradient(circle at 86% 16%,rgba(114,226,205,.16),transparent 15%),radial-gradient(circle at 70% 74%,rgba(255,188,119,.11),transparent 20%)}.atlas-shell{position:relative;z-index:1;width:min(1280px,calc(100% - .95rem));margin:0 auto;padding:env(safe-area-inset-top,0) 0 calc(6.4rem + env(safe-area-inset-bottom,0))}.loading-shell{min-height:100svh;display:grid;place-content:center;text-align:center;gap:.4rem}.loading-shell h1{margin:0;font-family:var(--display-font);font-size:clamp(2rem,8vw,3.4rem)}.eyebrow{margin:0;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:700}.atlas-header{position:sticky;top:0;z-index:20;display:grid;gap:.8rem;padding:.85rem .2rem 1rem;background:linear-gradient(180deg,rgba(4,19,14,.97),rgba(4,19,14,.74),transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{width:2.35rem;height:2.35rem;border-radius:.84rem;display:grid;place-items:center;color:#04231b;font-family:var(--display-font);font-size:1.3rem;background:linear-gradient(145deg,#b8fff4,#77e4d2);box-shadow:0 0 0 1px #ffffff29,0 10px 24px #72e2cd5c}.brand-copy strong{display:block;font-family:var(--display-font);font-size:1.32rem;line-height:1.04}.brand-copy span{color:var(--muted)}.header-actions{display:grid;grid-template-columns:auto 1fr;gap:.56rem;align-items:stretch}.login-button,.avatar-button,.ink-pill,.view-all-button,.back-button,.showcase-cta,.showcase-controls button,.bottom-nav button,.modal-actions button,.drawer-head button,.launch-button,.profile-actions button,.sort-row button{border:0;color:inherit;font:inherit;cursor:pointer}.login-button{border-radius:999px;border:1px solid var(--line);background:linear-gradient(145deg,#0a3429d6,#0a221beb);padding:.72rem 1rem;font-weight:650}.avatar-wrap{position:relative}.avatar-button{width:2.8rem;height:2.8rem;border-radius:.95rem;border:1px solid var(--line-soft);background:linear-gradient(135deg,#61ddff33,#7ee9d53d);font-weight:700}.avatar-menu{position:absolute;top:calc(100% + .45rem);left:0;min-width:8.2rem;display:grid;gap:.3rem;border-radius:.85rem;border:1px solid var(--line-soft);background:#061812f5;padding:.4rem;box-shadow:var(--shadow)}.avatar-menu button{text-align:left;border-radius:.56rem;padding:.42rem .52rem;border:1px solid transparent;background:#0d271dc7}.ink-pill{width:11rem;min-width:11rem;justify-self:end;display:flex;align-items:center;justify-content:center;gap:.46rem;border-radius:999px;border:1px solid var(--line-soft);background:#0a221aeb;padding:.72rem .9rem;white-space:nowrap;flex-shrink:0}.ink-pill .icon{width:1.05rem;height:1.05rem;fill:var(--accent)}.ink-pill:disabled{cursor:default}.atlas-main{display:grid;gap:.92rem}.panel{border-radius:1.42rem;border:1px solid var(--line-soft);background:radial-gradient(120% 150% at 78% -22%,rgba(84,221,255,.12),transparent 48%),linear-gradient(180deg,#071f18e0,#06140ff2);box-shadow:var(--shadow);padding:.96rem;overflow:hidden}.onboarding-panel h2{margin:.32rem 0 0;font-family:var(--display-font);font-size:clamp(1.4rem,6.2vw,2.15rem)}.model-guide-grid{margin-top:.62rem;display:grid;gap:.56rem}.model-guide-card{border-radius:.95rem;border:1px solid rgba(113,231,255,.2);background:#081e18e0;padding:.72rem;display:grid;gap:.2rem}.model-guide-card span{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.model-guide-card h3{margin:0;font-size:1.02rem}.model-guide-card p{margin:0;color:#d3ebe4;font-size:.92rem}.model-guide-card small{color:#bddad2}.onboarding-actions{margin-top:.68rem;display:flex;gap:.45rem;flex-wrap:wrap}.showcase-head h1{margin:.35rem 0 0;font-family:var(--display-font);font-size:clamp(1.7rem,7.6vw,3rem);line-height:.98}.showcase-card{margin-top:.72rem;border-radius:1.2rem;border:1px solid var(--line);min-height:16.6rem;cursor:pointer;padding:1rem;display:grid;align-content:end;background:linear-gradient(180deg,#07121a2e,#07121ae0),radial-gradient(circle at 74% 16%,rgba(93,224,255,.34),transparent 18%),linear-gradient(130deg,#112643,#173558 46%,#0f2436)}.showcase-copy{display:grid;gap:.34rem}.showcase-copy span{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}.showcase-copy h2{margin:0;font-size:clamp(2.05rem,9.6vw,4.2rem);line-height:.92;color:var(--accent)}.showcase-copy p{margin:.15rem 0 0;max-width:48ch;color:#d7ece5}.showcase-cta{justify-self:start;margin-top:.6rem;border-radius:999px;background:linear-gradient(128deg,var(--accent),var(--mint));color:#03231b;font-weight:700;padding:.74rem 1.2rem}.showcase-controls{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.showcase-controls>button{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--line-soft);background:#082119db;font-size:1.2rem;line-height:1}.showcase-dots{display:flex;align-items:center;gap:.4rem}.showcase-dots button{width:.5rem;height:.5rem;border-radius:999px;border:1px solid rgba(145,236,255,.4);background:#91ecff38;padding:0}.showcase-dots button.active{width:1.3rem;background:linear-gradient(90deg,var(--accent),var(--mint))}.rail-head{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.rail-head h2{margin:0;font-family:var(--display-font);font-size:clamp(1.35rem,5.8vw,2rem)}.view-all-button{border-radius:999px;border:1px solid var(--line-soft);background:#082119d1;padding:.4rem .75rem;color:#c6ebe3}.rail-row{margin-top:.64rem;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,78%);gap:.58rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.24rem}.story-tile{border-radius:1.05rem;border:1px solid rgba(113,231,255,.18);min-height:11.6rem;padding:.8rem;display:grid;align-content:end;gap:.2rem;cursor:pointer;scroll-snap-align:start;background:linear-gradient(180deg,#08121c38,#08121ce0),radial-gradient(circle at 74% 16%,rgba(92,222,255,.32),transparent 18%),linear-gradient(134deg,#132845,#163b61 47%,#0f2740)}.story-tile span{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.11em;font-size:.71rem}.story-tile h3{margin:0;font-size:1.34rem}.story-tile p{margin:.12rem 0;color:#d4e9e2;font-size:.94rem}.story-tile div{display:flex;justify-content:space-between;gap:.75rem;color:#def3ec}.story-tile small{color:#b8d2cb}.empty-note{margin:.65rem 0 0;color:#c3ddd5}.browser-head{display:flex;gap:.8rem;align-items:flex-start}.back-button{border-radius:999px;border:1px solid var(--line-soft);background:#08221ad1;padding:.45rem .72rem;color:#cdebe4}.browser-head h2{margin:.35rem 0 0;font-family:var(--display-font);font-size:clamp(1.45rem,6vw,2.3rem)}.browser-controls{margin-top:.72rem;display:grid;gap:.6rem}.browser-controls input{width:100%;border-radius:.9rem;border:1px solid rgba(113,231,255,.22);background:#071e17d1;color:var(--text);font:inherit;padding:.75rem .85rem}.sort-row{display:flex;gap:.45rem;flex-wrap:wrap}.sort-row button{border-radius:999px;border:1px solid var(--line-soft);background:#082119d1;padding:.36rem .7rem;color:#c8e8e1}.sort-row button.active{border-color:#9df3fff0;background:#58d8f838;color:#e4fbff}.browser-grid{margin-top:.72rem;display:grid;gap:.55rem}.browser-card{border-radius:1rem;border:1px solid rgba(113,231,255,.18);padding:.78rem;display:grid;gap:.24rem;cursor:pointer;background:linear-gradient(180deg,#08121c38,#08121ce0),radial-gradient(circle at 74% 16%,rgba(92,222,255,.28),transparent 20%),linear-gradient(132deg,#10253f,#193b5f 46%,#112a44)}.browser-card span{color:#b8d6cf;font-size:.82rem}.browser-card h3{margin:0;font-size:1.2rem}.browser-card p{margin:0;color:#cfe4de}.browser-card div{display:flex;justify-content:space-between;gap:.7rem}.profile-panel h2{margin:.32rem 0 0;font-family:var(--display-font);font-size:clamp(1.65rem,6.2vw,2.3rem)}.profile-panel p{margin:.65rem 0 0;color:#cde3dc}.session-panel h2{margin:.32rem 0 0;font-family:var(--display-font);font-size:clamp(1.7rem,6.4vw,2.4rem)}.session-panel>p{margin:.62rem 0 0;color:#d3e7e0}.session-meta{margin-top:.66rem;display:flex;flex-wrap:wrap;gap:.46rem}.session-meta span{border-radius:999px;border:1px solid var(--line-soft);background:#082119cc;padding:.34rem .58rem;color:#cdebe4;font-size:.82rem}.session-opening{margin-top:.68rem;display:grid;gap:.6rem}.session-opening p{margin:0;border-radius:.85rem;border:1px solid rgba(113,231,255,.18);background:#082119c7;padding:.68rem .76rem;color:#d8ede7}.profile-actions{margin-top:.72rem;display:flex;gap:.5rem;flex-wrap:wrap}.profile-actions button,.profile-panel>button{border-radius:999px;border:1px solid var(--line-soft);background:#08221ad1;padding:.48rem .76rem;color:#d0ece5}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;border:0;background:#010706b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:35}.story-modal{position:fixed;left:50%;top:50%;width:min(92vw,28rem);transform:translate(-50%,-50%);z-index:36;border-radius:1.2rem;border:1px solid var(--line);background:linear-gradient(180deg,#08121c33,#08121ce6),radial-gradient(circle at 76% 18%,rgba(92,222,255,.35),transparent 18%),linear-gradient(130deg,#10253f,#17395e 45%,#112a43);padding:.94rem;box-shadow:var(--shadow)}.onboarding-modal{position:fixed;left:50%;top:50%;width:min(94vw,34rem);max-height:88svh;transform:translate(-50%,-50%);z-index:37;border-radius:1.2rem;border:1px solid var(--line-soft);background:#071712fa;box-shadow:var(--shadow);padding:.95rem;overflow-y:auto}.story-modal h3{margin:.35rem 0 0;font-size:clamp(1.65rem,7vw,2.5rem)}.story-modal p{margin:.58rem 0 0;color:#d6ebe5}.modal-meta{margin-top:.58rem;display:flex;gap:.72rem;color:#b6d1c9;font-size:.88rem}.modal-actions{margin-top:.8rem;display:flex;gap:.5rem}.modal-actions button{border-radius:999px;padding:.56rem .82rem;background:#09251de6;border:1px solid var(--line-soft)}.modal-actions button:first-child{background:linear-gradient(128deg,var(--accent),var(--mint));color:#03231a;border-color:transparent;font-weight:700}.composer-drawer{position:fixed;left:0;right:0;bottom:0;z-index:37;max-height:88svh;transform:translateY(104%);transition:transform .22s ease;border-radius:1.2rem 1.2rem 0 0;border:1px solid var(--line-soft);border-bottom:0;background:var(--panel-strong);box-shadow:var(--shadow);padding:.9rem .9rem calc(1rem + env(safe-area-inset-bottom,0));overflow-y:auto}.composer-drawer.open{transform:translateY(0)}.drawer-head{display:flex;justify-content:space-between;gap:.7rem}.drawer-head h3{margin:.34rem 0 0;font-family:var(--display-font);font-size:clamp(1.35rem,5.8vw,2rem)}.drawer-head button{border-radius:999px;border:1px solid var(--line-soft);background:#09231bdb;padding:.4rem .68rem}.drawer-form{margin-top:.72rem;display:grid;gap:.65rem}.drawer-form label{display:grid;gap:.35rem;color:#d7ebe4;font-size:.93rem;font-weight:600}.drawer-form input,.drawer-form textarea,.drawer-form select{width:100%;border-radius:.88rem;border:1px solid rgba(113,231,255,.22);background:#081f18d1;color:var(--text);font:inherit;padding:.7rem .8rem}.drawer-form textarea{resize:vertical}.drawer-grid{display:grid;gap:.62rem}.toggle-label input[type=checkbox]{appearance:none;width:3.2rem;height:1.8rem;border-radius:999px;border:1px solid rgba(113,231,255,.22);background:#08231be6;position:relative}.toggle-label input[type=checkbox]:before{content:"";position:absolute;width:1.2rem;height:1.2rem;left:.2rem;top:.18rem;border-radius:999px;background:#e6f8fb;transition:transform .15s ease}.toggle-label input[type=checkbox]:checked{background:linear-gradient(120deg,#56d8f899,#73e2cea3)}.toggle-label input[type=checkbox]:checked:before{transform:translate(1.28rem)}.estimate-box{border-radius:.92rem;border:1px solid rgba(113,231,255,.2);background:radial-gradient(circle at 84% 16%,rgba(86,216,248,.17),transparent 36%),#081f18db;padding:.72rem .78rem;display:grid;gap:.45rem}.estimate-box>div{display:flex;justify-content:space-between;gap:.72rem;align-items:baseline}.estimate-box span{color:#bad7cf;font-size:.85rem}.estimate-box strong{font-size:1.06rem}.estimate-box p{margin:0;color:#c8ded8;font-size:.9rem}.meter{width:100%;height:.52rem;border-radius:999px;border:1px solid rgba(113,182,166,.22);background:#54978833;overflow:hidden}.meter .fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#95eeff);transition:width .18s ease}.meter.alt .fill{background:linear-gradient(90deg,var(--ember),#ffd9a9)}.hint-note{margin:0;color:#d3efe8}.error-note{margin:0;border-radius:.8rem;border:1px solid rgba(255,188,119,.35);background:#29171075;padding:.48rem .6rem;color:var(--danger)}.launch-button{border-radius:999px;border:0;background:linear-gradient(126deg,var(--accent),var(--mint));color:#02231a;font-weight:700;padding:.78rem 1rem}.launch-button:disabled{opacity:.72;cursor:not-allowed}.launch-toast{position:fixed;left:50%;bottom:calc(5.7rem + env(safe-area-inset-bottom,0));transform:translate(-50%);width:min(92vw,30rem);z-index:38;border-radius:999px;border:1px solid rgba(113,231,255,.3);background:#08221af2;padding:.56rem .9rem;text-align:center;color:#daf5ee}.bottom-nav{position:fixed;left:50%;bottom:env(safe-area-inset-bottom,0);transform:translate(-50%);width:min(540px,calc(100% - .95rem));z-index:39;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.36rem;border-radius:1rem 1rem 0 0;border:1px solid var(--line-soft);border-bottom:0;background:#05140ff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.34rem .35rem calc(.4rem + env(safe-area-inset-bottom,0))}.bottom-nav button{border-radius:.85rem;border:1px solid transparent;background:#0a211ac7;color:#d0ece5;display:grid;justify-items:center;gap:.14rem;padding:.38rem .26rem;font-size:.73rem}.bottom-nav button:disabled{opacity:.55;cursor:default}.bottom-nav .icon{width:1.08rem;height:1.08rem;fill:var(--accent-strong)}.art-cinder-arcade,.story-modal.art-cinder-arcade{background:linear-gradient(180deg,#160a0747,#160a07db),radial-gradient(circle at 72% 17%,rgba(255,194,130,.34),transparent 18%),linear-gradient(130deg,#412f2a,#764533 48%,#321f29)}.art-fernglass-house,.story-modal.art-fernglass-house{background:linear-gradient(180deg,#07130e40,#07130ee3),radial-gradient(circle at 70% 18%,rgba(143,241,207,.36),transparent 19%),linear-gradient(130deg,#183830,#2d5547 49%,#18322b)}.art-blue-hour-express,.story-modal.art-blue-hour-express{background:linear-gradient(180deg,#0a111f3d,#0a111fe6),radial-gradient(circle at 72% 17%,rgba(113,210,255,.34),transparent 19%),linear-gradient(130deg,#112843,#20426a 48%,#122d4a)}.art-tideline-letters,.story-modal.art-tideline-letters{background:linear-gradient(180deg,#0a131f3b,#0a131fe0),radial-gradient(circle at 72% 17%,rgba(130,232,255,.33),transparent 20%),linear-gradient(130deg,#17334c,#2a5072 48%,#19374f)}.art-hollow-signal,.story-modal.art-hollow-signal{background:linear-gradient(180deg,#1307153d,#130715e3),radial-gradient(circle at 73% 17%,rgba(232,151,255,.34),transparent 20%),linear-gradient(130deg,#201d3b,#362250 48%,#202944)}.art-ivory-circuit,.story-modal.art-ivory-circuit{background:linear-gradient(180deg,#0f101d3d,#0f101de3),radial-gradient(circle at 72% 16%,rgba(178,212,255,.31),transparent 19%),linear-gradient(130deg,#1f2842,#314167 48%,#1f2f4f)}.art-night-archive,.story-modal.art-night-archive{background:linear-gradient(180deg,#0a0e1a38,#0a0e1ae6),radial-gradient(circle at 73% 17%,rgba(126,179,255,.32),transparent 19%),linear-gradient(130deg,#18243d,#243f64 48%,#182e4a)}.art-rainclock-paradox,.story-modal.art-rainclock-paradox{background:linear-gradient(180deg,#0a111c3d,#0a111ce6),radial-gradient(circle at 72% 17%,rgba(128,223,255,.33),transparent 19%),linear-gradient(130deg,#163245,#28617b 48%,#17384b)}.art-velvet-barricade,.story-modal.art-velvet-barricade{background:linear-gradient(180deg,#17081240,#170812e6),radial-gradient(circle at 72% 17%,rgba(255,145,198,.31),transparent 19%),linear-gradient(130deg,#311a34,#56305e 48%,#2d2745)}.art-glass-lighthouse,.story-modal.art-glass-lighthouse{background:linear-gradient(180deg,#0810183d,#081018e6),radial-gradient(circle at 73% 16%,rgba(111,230,255,.31),transparent 19%),linear-gradient(130deg,#122d3a,#1f4a63 48%,#163142)}.art-saltglass-atlas,.story-modal.art-saltglass-atlas{background:linear-gradient(180deg,#08111a3b,#08111ae6),radial-gradient(circle at 72% 16%,rgba(94,228,255,.36),transparent 18%),linear-gradient(132deg,#0d2238,#16466a 49%,#123949)}.art-mirrorfall-verdict,.story-modal.art-mirrorfall-verdict{background:linear-gradient(180deg,#120c083d,#120c08e6),radial-gradient(circle at 72% 16%,rgba(255,193,133,.31),transparent 19%),linear-gradient(132deg,#37281e,#5f4334 49%,#2f2430)}.art-signal-of-brine,.story-modal.art-signal-of-brine{background:linear-gradient(180deg,#09111940,#091119e6),radial-gradient(circle at 72% 16%,rgba(102,211,255,.34),transparent 19%),linear-gradient(132deg,#112f40,#1f4f66 49%,#133145)}.art-crown-of-quiet-static,.story-modal.art-crown-of-quiet-static{background:linear-gradient(180deg,#130a1442,#130a14e6),radial-gradient(circle at 72% 16%,rgba(205,146,255,.33),transparent 19%),linear-gradient(132deg,#2b1f3b,#4a3265 49%,#292b49)}.art-marigold-cipher,.story-modal.art-marigold-cipher{background:linear-gradient(180deg,#120e073d,#120e07e6),radial-gradient(circle at 72% 16%,rgba(255,206,119,.33),transparent 19%),linear-gradient(132deg,#362f1f,#5c4b30 49%,#352a2f)}.login-button:hover,.avatar-button:hover,.ink-pill:hover,.view-all-button:hover,.showcase-cta:hover,.showcase-controls button:hover,.story-tile:hover,.browser-card:hover,.modal-actions button:hover,.bottom-nav button:hover,.profile-actions button:hover,.launch-button:hover,.drawer-head button:hover,.sort-row button:hover,.back-button:hover{transform:translateY(-1px)}.rail-row,.browser-grid{scrollbar-width:thin;scrollbar-color:rgba(114,226,205,.55) transparent}@media(min-width:700px){.atlas-shell{width:min(1280px,calc(100% - 1.3rem))}.atlas-header{grid-template-columns:1fr auto;align-items:center}.header-actions{grid-template-columns:auto auto;align-items:center}.ink-pill{width:11rem}.showcase-card{min-height:18rem;align-content:center}.showcase-copy h2{font-size:clamp(2.4rem,7.2vw,4.6rem)}.rail-row{grid-auto-columns:minmax(230px,43%)}.model-guide-grid,.browser-grid,.drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px){.atlas-main{grid-template-columns:minmax(0,1fr)}.showcase-panel{padding:1.08rem}.showcase-card{min-height:20rem}.rail-row{grid-auto-columns:minmax(230px,26%)}.model-guide-grid,.browser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-drawer{left:auto;right:.9rem;width:min(560px,calc(100% - 1.8rem));border-radius:1rem 1rem 0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}