@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(7.5% 0 0);--surface:oklch(13% .018 190/.92);--surface-solid:oklch(13% .018 190);--surface-strong:oklch(18% .025 190/.97);--ink:oklch(96% .018 170);--muted:oklch(76% .03 175);--faint:oklch(55% .035 180);--primary:oklch(67% .14 170);--primary-soft:oklch(67% .14 170/.2);--accent:oklch(78% .15 55);--accent-soft:oklch(78% .15 55/.15);--danger:oklch(68% .16 26);--line:oklch(95% .02 180/.14);--line-strong:oklch(95% .02 180/.26);--pixel:"Space Mono", "SFMono-Regular", "SF Mono", ui-monospace, monospace;--body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--z-scene:0;--z-atmosphere:2;--z-ui:10;--z-drawer:30;--z-toast:50}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-width:320px;min-height:100%;margin:0}body{color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}textarea{resize:vertical}.app-shell{isolation:isolate;background:#05070c;width:100vw;height:100svh;min-height:620px;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 62% 42%,oklch(16% .05 210/.2),#0000 32%),radial-gradient(circle at 18% 76%,oklch(12% .06 280/.23),#0000 36%);position:absolute;inset:0}.scene-canvas{z-index:var(--z-scene);transition:filter .5s var(--ease), transform 1.2s var(--ease), opacity .6s var(--ease);position:absolute;inset:-3%}.scene-canvas canvas{display:block;width:100%!important;height:100%!important}.content-layer{z-index:var(--z-ui);pointer-events:none;position:absolute;inset:0}.content-layer>*{pointer-events:auto}.topbar{z-index:var(--z-ui);pointer-events:none;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,62px);display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand-button{text-align:left;background:0 0;padding:0}.brand-lockup{align-items:center;gap:12px;display:inline-flex}.brand-lockup strong{color:var(--ink);font-family:var(--pixel);letter-spacing:.08em;font-size:12px;font-weight:700;line-height:1;display:block}.brand-lockup small{color:var(--faint);font-family:var(--pixel);letter-spacing:.08em;margin-top:5px;font-size:8px;display:block}.brand-orb{border:1px solid var(--primary);background:radial-gradient(circle at 32% 26%, #d8fff0 0 7%, var(--primary) 14%, #0c414a 63%, #06131b 100%);width:27px;height:27px;box-shadow:0 0 24px var(--primary-soft);border-radius:50%;place-items:center;display:grid;position:relative}.brand-orb:after{content:"";border:1px solid oklch(88% .07 172/.72);border-radius:50%;position:absolute;inset:8px -5px;transform:rotate(-24deg)}.brand-orb i{background:var(--accent);width:3px;height:3px;box-shadow:0 0 8px var(--accent);border-radius:50%}.topbar-right{align-items:center;gap:20px;display:flex}.secure-status{color:var(--faint);font-family:var(--pixel);letter-spacing:.02em;align-items:center;gap:6px;font-size:9px;display:inline-flex}.secure-status svg{color:var(--primary)}.nav-button{border:1px solid var(--line);color:var(--muted);font-family:var(--pixel);background:oklch(10% .012 190/.68);border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.nav-button:hover,.nav-button:focus-visible{color:var(--ink);border-color:var(--line-strong);background:oklch(16% .03 190/.8)}.nav-button.is-muted{color:var(--faint)}.nav-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.scene-copy{width:min(430px,40vw);position:absolute;top:19%;left:clamp(20px,7vw,106px)}.scene-copy .eyebrow,.eyebrow{color:var(--accent);font-family:var(--pixel);letter-spacing:.08em;align-items:center;gap:9px;margin:0;font-size:9px;display:flex}.eyebrow-line{background:var(--accent);width:22px;height:1px;box-shadow:0 0 8px var(--accent);display:inline-block}.scene-copy h1{letter-spacing:-.035em;text-wrap:balance;margin:20px 0 0;font-size:clamp(34px,4.1vw,66px);font-weight:500;line-height:1.06}.scene-copy h1 em{color:var(--primary);font-style:normal}.scene-copy .lede{max-width:34ch;color:var(--muted);text-wrap:pretty;margin:20px 0 0;font-size:14px;line-height:1.8}.scene-actions{align-items:center;gap:20px;margin-top:30px;display:flex}.primary-button,.secondary-button,.hud-button,.text-button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.primary-button{background:var(--primary);color:oklch(10% .025 180);min-height:42px;font-family:var(--pixel);transition:transform .2s var(--ease), filter .2s;border:1px solid oklch(72% .12 168/.7);border-radius:9px;padding:0 14px;font-size:10px;font-weight:700}.primary-button span{margin-left:6px;font-size:14px}.primary-button:hover{filter:brightness(1.11);transform:translateY(-2px)}.secondary-button{border:1px solid var(--line-strong);min-height:40px;color:var(--primary);font-family:var(--pixel);background:0 0;border-radius:9px;padding:0 14px;font-size:10px}.secondary-button:hover{border-color:var(--primary);background:var(--primary-soft)}.secondary-button:disabled{cursor:default;color:var(--faint);border-color:var(--line)}.scroll-hint{color:var(--faint);font-family:var(--pixel);letter-spacing:.06em;font-size:8px}.scroll-hint b{color:var(--accent);margin-left:5px;font-size:14px;font-weight:400;animation:1.9s ease-in-out infinite float-y;display:inline-block}.journey-status{width:min(430px,100vw - 40px);position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.journey-status-top{color:var(--muted);font-family:var(--pixel);letter-spacing:.035em;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:8px;display:flex}.journey-status-top small{color:var(--faint);font-size:7px}.journey-track{justify-content:space-between;align-items:center;height:12px;display:flex;position:relative}.journey-track:before,.journey-track i{content:"";transform-origin:0;background:var(--line-strong);height:1px;position:absolute;top:50%;left:0;right:0}.journey-track i{background:var(--primary);box-shadow:0 0 7px var(--primary);transition:transform .42s var(--ease)}.journey-track b{z-index:1;background:var(--surface-strong);width:5px;height:5px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;transition:background .28s,box-shadow .28s;position:relative}.journey-track b.is-passed{background:var(--theme);box-shadow:0 0 8px var(--theme)}.legend{width:170px;position:absolute;bottom:15%;right:clamp(20px,4vw,62px)}.legend-heading{border-bottom:1px solid var(--line);color:var(--ink);font-family:var(--pixel);justify-content:space-between;align-items:baseline;padding-bottom:10px;font-size:10px;display:flex}.legend-heading small{color:var(--faint);font-size:7px}.legend-list{gap:3px;margin-top:8px;display:grid}.legend-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:17px 1fr auto;align-items:center;gap:8px;padding:7px 4px;transition:background .2s,border-color .2s,color .2s,transform .2s;display:grid}.legend-item i{background:var(--theme);color:#09121a;width:15px;height:15px;box-shadow:0 0 13px var(--glow);border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid}.legend-item span{font-family:var(--pixel);font-size:10px}.legend-item small{color:var(--faint);font-size:9px}.legend-item:hover,.legend-item.is-active{border-color:var(--line);color:var(--ink);background:oklch(15% .03 190/.72);transform:translate(-3px)}.legend-back{color:var(--primary);font-family:var(--pixel);margin-top:16px;font-size:9px}.text-button{background:0 0;padding:4px 0}.self-hud{justify-items:end;gap:13px;display:grid;position:absolute;bottom:13%;right:clamp(20px,4vw,62px)}.self-status{color:var(--primary);font-family:var(--pixel);align-items:center;gap:8px;font-size:9px;display:inline-flex}.self-status i{background:var(--primary);width:6px;height:6px;box-shadow:0 0 9px var(--primary);border-radius:50%}.self-actions{gap:7px;display:flex}.hud-button{border:1px solid var(--line);min-height:35px;color:var(--muted);font-family:var(--pixel);background:oklch(10% .012 190/.7);border-radius:8px;padding:0 11px;font-size:9px;transition:color .2s,border-color .2s,background .2s}.hud-button:hover{border-color:var(--primary);color:var(--ink);background:var(--primary-soft)}.galaxy-count{color:var(--faint);font-family:var(--pixel);font-size:9px;position:absolute;top:18%;right:clamp(20px,4vw,62px)}.galaxy-count:before{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 7px var(--accent);border-radius:50%;margin-right:7px;display:inline-block}.galaxy-count span{color:var(--muted);margin-left:4px}.galaxy-planets{border-top:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;width:min(270px,30vw);max-height:58vh;padding-top:11px;position:absolute;top:24%;right:clamp(20px,4vw,62px);overflow-y:auto}.galaxy-planets-head{font-family:var(--pixel);justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:8px;display:flex}.galaxy-planets-head small{color:var(--faint);font-size:7px}.galaxy-planets button{text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;width:100%;padding:8px 5px;display:grid}.galaxy-planets button:hover{border-color:var(--line);background:oklch(15% .03 190/.76)}.planet-mini{border-radius:50%;width:8px;height:8px}.galaxy-planets b,.galaxy-planets small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.galaxy-planets b{color:var(--ink);font-size:10px;font-weight:500}.galaxy-planets small{color:var(--faint);margin-top:2px;font-size:9px}.galaxy-planets svg{color:var(--primary)}.portal-layer{z-index:var(--z-atmosphere);pointer-events:none;opacity:calc(var(--portal) * .96);transition:opacity .35s var(--ease);position:absolute;inset:0;overflow:hidden}.portal-noise{filter:blur(22px);transform:scale(calc(1.05 + var(--portal) * .18));opacity:calc(.2 + var(--portal) * .78);background:radial-gradient(at 20% 60%,oklch(22% .12 280/.55),#0000 34%),radial-gradient(at 76% 40%,oklch(18% .1 185/.65),#0000 38%),radial-gradient(at 54% 85%,oklch(18% .12 330/.46),#0000 37%);animation:12s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.portal-vignette{opacity:calc(var(--portal) * .85);background:radial-gradient(#0000 8%,oklch(3.5% .01 260/.17) 45%,oklch(2% 0 0/.92) 100%);position:absolute;inset:-18%}.portal-caption{color:var(--accent);font-family:var(--pixel);letter-spacing:.08em;opacity:calc(var(--portal) * var(--portal));font-size:9px;position:absolute;bottom:8.5%;left:50%;transform:translate(-50%)}.drawer{z-index:var(--z-drawer);border-left:1px solid var(--line-strong);width:min(460px,100vw);animation:drawer-in .5s var(--ease) both;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;background:linear-gradient(112deg,oklch(8% .01 190/.76),oklch(10.5% .025 190/.97) 32%,oklch(14% .03 190/.99));padding:92px clamp(22px,4vw,42px) 36px;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-24px 0 70px oklch(1% 0 0/.42)}.drawer:before{content:"";background:var(--accent);width:1px;height:35%;box-shadow:0 0 20px var(--accent);position:absolute;top:0;left:-1px}.drawer-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.drawer-kicker{color:var(--faint);font-family:var(--pixel);letter-spacing:.06em;align-items:center;gap:7px;font-size:8px;display:inline-flex}.drawer-kicker i{background:var(--primary);width:6px;height:6px;box-shadow:0 0 10px var(--primary);border-radius:50%;display:inline-block}.drawer-kicker .copper-dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.drawer-kicker .teal-dot{background:var(--primary)}.drawer h2{color:var(--ink);letter-spacing:-.04em;margin:13px 0 0;font-size:28px;font-weight:500}.drawer-lede{max-width:32ch;color:var(--muted);margin:14px 0 26px;font-size:13px;line-height:1.75}.icon-button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.icon-button:hover{border-color:var(--line-strong);color:var(--ink)}.signal-row{align-items:center;gap:10px;margin:22px 0 18px;display:flex}.mood-chip{border:1px solid color-mix(in oklch, var(--mood) 50%, transparent);background:color-mix(in oklch, var(--mood) 13%, transparent);color:var(--mood);font-family:var(--pixel);border-radius:99px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:inline-flex}.signal-text{color:var(--faint);font-size:11px}.climate-readout{background:linear-gradient(115deg,#18393f4d,#0d1a2338);border:1px solid #85caca29;border-radius:9px;margin:-3px 0 19px;padding:12px 13px}.climate-readout>div{color:#b6ded6;letter-spacing:.04em;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.climate-readout small{color:var(--faint);letter-spacing:0;font-size:10px}.climate-readout p{color:var(--ink);margin:8px 0 0;font-size:13px;line-height:1.55}.planet-message{color:var(--ink);letter-spacing:-.02em;margin:0 0 22px;font-size:19px;line-height:1.6}.billboard{background:oklch(18% .045 55/.22);border:1px solid oklch(78% .12 55/.38);border-radius:10px;margin:22px 0;padding:15px 16px;position:relative}.billboard:after{content:"";background:var(--accent);width:38px;height:1px;box-shadow:0 0 8px var(--accent);position:absolute;bottom:-4px;right:10px;transform:rotate(-7deg)}.billboard-head,.section-label{color:var(--accent);font-family:var(--pixel);justify-content:space-between;align-items:center;font-size:9px;display:flex}.billboard-head span{align-items:center;gap:5px;display:inline-flex}.billboard-head time,.section-label small{color:var(--faint);font-size:8px;font-weight:400}.billboard p{color:var(--ink);margin:11px 0 7px;font-size:13px;line-height:1.7}.billboard small{color:var(--faint);font-size:10px}.music-link{border-block:1px solid var(--line);color:var(--primary);font-family:var(--pixel);align-items:center;gap:8px;padding:11px 0;font-size:9px;text-decoration:none;display:flex}.music-link svg:last-child{margin-left:auto}.reply-section,.replies{margin-top:28px}.reply-form{margin-top:10px;position:relative}.reply-form textarea{border:1px solid var(--line);width:100%;min-height:77px;color:var(--ink);background:oklch(8% .015 190/.7);border-radius:8px;outline:0;padding:12px 43px 12px 13px;font-size:12px;line-height:1.6;display:block}.reply-form textarea::placeholder,.drawer textarea::placeholder{color:var(--faint)}.reply-form textarea:focus,.drawer textarea:focus,.input-with-icon input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.send-button{background:var(--primary);color:oklch(10% .02 190);border-radius:7px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:8px;right:8px}.send-button:disabled{background:var(--surface-strong);color:var(--faint);cursor:not-allowed}.privacy-note{color:var(--faint);align-items:center;gap:5px;margin-top:8px;font-size:10px;display:inline-flex}.replies{border-top:1px solid var(--line);padding-top:18px}.reply-item{color:var(--muted);gap:8px;margin:13px 0 0;font-size:12px;display:flex}.reply-item i{background:var(--primary);width:5px;height:5px;box-shadow:0 0 7px var(--primary);border-radius:50%;flex:none;margin-top:8px}.empty-replies,.empty-history{color:var(--faint);font-size:12px}.compose-drawer form{gap:23px;display:grid}.field-group{gap:9px;display:grid;position:relative}.field-group>label,.privacy-field legend{color:var(--ink);align-items:baseline;gap:8px;font-size:12px;font-weight:600;display:flex}.field-group>label small{color:var(--faint);font-size:10px;font-weight:400}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.choice{border:1px solid var(--line);min-height:35px;color:var(--muted);text-align:left;background:oklch(9% .012 190/.72);border-radius:7px;align-items:center;gap:7px;padding:0 8px;font-size:11px;transition:background .2s,color .2s,border-color .2s;display:flex}.choice:hover{color:var(--ink);border-color:var(--line-strong)}.choice.is-selected{border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.theme-choices .choice i{border-radius:50%;width:8px;height:8px}.mood-choices .choice{justify-content:center;gap:5px}.mood-choices .choice span{color:var(--accent);font-size:14px}.intensity-field label{justify-content:space-between}.intensity-field output{color:var(--accent);font-family:var(--pixel);font-size:10px}input[type=range]{width:100%;accent-color:var(--primary)}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-button{border:1px solid var(--line);color:var(--faint);background:0 0;border-radius:6px;padding:6px 8px;font-size:10px}.tag-button:hover,.tag-button.is-selected{border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.drawer textarea{border:1px solid var(--line);width:100%;min-height:84px;color:var(--ink);background:oklch(8% .015 190/.7);border-radius:8px;outline:0;padding:11px 12px;font-size:12px;line-height:1.65}.field-count{color:var(--faint);font-family:var(--pixel);font-size:8px;position:absolute;bottom:8px;right:8px}.public-field{border-top:1px solid var(--line);padding-top:14px}.doodle-wrap{border:1px solid var(--line);background:oklch(8% .015 190/.55);border-radius:8px;padding:12px}.doodle-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.doodle-head button{color:var(--faint);background:0 0;padding:0;font-size:10px}.doodle-pad{border:1px dashed var(--line-strong);touch-action:none;background:radial-gradient(circle at 55% 46%,oklch(17% .02 190/.6),#0000 70%);border-radius:5px;width:100%;height:100px;display:block}.input-with-icon{border:1px solid var(--line);color:var(--faint);background:oklch(8% .015 190/.7);border-radius:8px;align-items:center;gap:9px;padding:0 11px;display:flex}.input-with-icon input{width:100%;min-width:0;height:39px;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.privacy-field{border:0;gap:10px;padding:0;display:grid}.privacy-field legend{padding:0}.privacy-field label{border:1px solid var(--line);cursor:pointer;background:oklch(9% .012 190/.56);border-radius:8px;gap:9px;padding:9px 10px;display:flex}.privacy-field label:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.privacy-field input{accent-color:var(--primary);margin-top:2px}.privacy-field span{gap:2px;display:grid}.privacy-field b{color:var(--ink);font-size:11px;font-weight:500}.privacy-field small{color:var(--faint);font-size:10px}.full-button{width:100%}.range-tabs{border-bottom:1px solid var(--line);gap:2px;margin:26px 0 24px;display:flex}.range-tabs button{color:var(--faint);font-family:var(--pixel);background:0 0;border-bottom:2px solid #0000;padding:8px 14px 10px;font-size:10px}.range-tabs button:hover,.range-tabs button.is-active{border-color:var(--accent);color:var(--accent)}.history-chart{border:1px solid var(--line);background:oklch(8% .012 190/.6);border-radius:9px;grid-template-columns:35px 1fr;gap:10px;min-height:160px;padding:16px 10px 10px;display:grid}.chart-axis{color:var(--faint);font-family:var(--pixel);flex-direction:column;justify-content:space-between;padding-bottom:22px;font-size:7px;display:flex}.chart-bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 32px,oklch(90% .02 180/.06) 33px);justify-content:space-between;align-items:flex-end;gap:4px;padding-top:3px;display:flex}.chart-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.chart-bar i{background:var(--faint);opacity:.38;border-radius:2px 2px 0 0;width:min(16px,85%);min-height:4px;display:block}.chart-bar i.mood-joy,.chart-bar i.mood-hope{background:var(--accent);opacity:.9}.chart-bar i.mood-calm{background:var(--primary);opacity:.8}.chart-bar i.mood-sad,.chart-bar i.mood-tired{opacity:.72;background:#82a7d2}.chart-bar i.mood-anxious{opacity:.9;background:#ec8b84}.chart-bar small{color:var(--faint);font-family:var(--pixel);white-space:nowrap;transform-origin:top;font-size:7px;transform:rotate(-36deg)}.history-insight{background:var(--primary-soft);color:var(--muted);border:1px solid oklch(67% .14 170/.3);border-radius:8px;gap:9px;margin:18px 0 26px;padding:12px 13px;display:flex}.history-insight svg{color:var(--primary);flex:none;margin-top:2px}.history-insight p{margin:0;font-size:11px;line-height:1.65}.recent-list{border-top:1px solid var(--line);padding-top:17px}.recent-item{grid-template-columns:24px 1fr auto;align-items:start;gap:9px;margin-top:15px;display:grid}.mood-dot{background:var(--surface-strong);width:23px;height:23px;color:var(--primary);font-family:var(--pixel);border-radius:50%;place-items:center;font-size:10px;display:grid}.mood-dot.mood-joy,.mood-dot.mood-hope{color:var(--accent)}.mood-dot.mood-anxious{color:#ef9b91}.recent-item b{color:var(--ink);font-size:11px;font-weight:500}.recent-item p{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:10px;overflow:hidden}.recent-item time{color:var(--faint);font-family:var(--pixel);font-size:8px}.care-card-large{background:radial-gradient(circle at 85% 15%,oklch(46% .1 55/.16),#0000 40%),oklch(18% .045 55/.26);border:1px solid oklch(78% .15 55/.52);border-radius:10px;margin:28px 0 16px;padding:22px 18px 17px}.care-card-icon{width:36px;height:36px;color:var(--accent);border:1px solid oklch(78% .15 55/.7);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 22px oklch(78% .15 55/.2)}.care-title{color:var(--ink);letter-spacing:-.02em;margin:20px 0 9px;font-size:18px}.care-card-large>p:not(.care-title){color:var(--muted);margin:0;font-size:12px;line-height:1.75}.care-action{border-top:1px solid oklch(78% .15 55/.24);gap:4px;margin:20px 0;padding-top:13px;display:grid}.care-action span{color:var(--faint);font-family:var(--pixel);font-size:8px}.care-action b{color:var(--accent);font-size:12px;font-weight:500}.care-card-large small{color:var(--faint);font-size:9px}.footer-hud{z-index:var(--z-ui);color:var(--faint);font-family:var(--pixel);letter-spacing:.02em;pointer-events:none;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:22px;left:clamp(20px,4vw,62px);right:clamp(20px,4vw,62px)}.footer-center{color:oklch(62% .045 180)}.footer-hud span:last-child{align-items:center;gap:5px;display:inline-flex}.footer-hud svg{color:var(--primary)}.fallback-universe{z-index:20;background:radial-gradient(circle at 50% 18%,oklch(18% .06 200/.5),#0000 45%),#05070c;padding:140px clamp(22px,7vw,100px) 80px;position:absolute;inset:0;overflow:auto}.fallback-head{max-width:530px}.fallback-head h2{letter-spacing:-.04em;margin:18px 0 13px;font-size:clamp(32px,5vw,55px);font-weight:500;line-height:1.08}.fallback-head p{max-width:42ch;color:var(--muted);margin:0;font-size:14px}.fallback-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;max-width:800px;margin:38px 0 25px;display:grid}.fallback-grid button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:13px 1fr auto;align-items:center;gap:3px 9px;padding:15px;display:grid}.fallback-grid button:hover{border-color:var(--primary);background:var(--primary-soft)}.fallback-grid i{border-radius:50%;grid-row:span 2;width:11px;height:11px;box-shadow:0 0 14px}.fallback-grid span{font-family:var(--pixel);font-size:11px}.fallback-grid small{color:var(--faint);font-size:10px}.fallback-grid svg{color:var(--primary);grid-row:span 2}@keyframes drawer-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes drift{0%{transform:translate(-2%,1%)scale(1.03)}to{transform:translate(2%,-2%)scale(1.11)}}@media (width<=820px){.app-shell{min-height:560px}.topbar{padding:17px 18px}.secure-status{display:none}.scene-copy{width:min(330px,100vw - 40px);top:16%;left:20px}.scene-copy h1{font-size:36px}.scene-copy .lede{font-size:13px}.legend{width:145px;bottom:15%;right:18px}.legend-item small{display:none}.legend-item{grid-template-columns:17px 1fr}.legend-heading small{display:none}.self-hud{bottom:15%;right:18px}.galaxy-planets{width:190px;top:29%;right:18px}.journey-status{width:min(360px,100vw - 36px);bottom:58px}.footer-hud{bottom:13px;left:18px;right:18px}.footer-center{display:none}.fallback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.brand-lockup small{display:none}.scene-copy{top:15%}.scene-copy h1{font-size:32px}.scene-copy .lede{max-width:27ch}.scene-actions{justify-items:start;gap:13px;margin-top:22px;display:grid}.legend{width:126px;bottom:13%;right:14px}.galaxy-planets{width:min(190px,52vw);top:31%;right:14px}.journey-status{width:calc(100vw - 28px);bottom:52px}.journey-status-top{font-size:7px}.legend-item{padding:6px 2px}.legend-item span{font-size:9px}.legend-back{margin-top:8px}.self-hud{align-items:end;bottom:13%;right:14px}.self-actions{gap:5px;display:grid}.hud-button{min-height:31px;font-size:8px}.footer-hud{font-size:7px}.drawer{border-left:0;width:100%;padding:77px 18px 28px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.fallback-universe{padding:112px 20px 50px}.fallback-grid{grid-template-columns:1fr;margin-top:30px}.view-galaxy .legend,.view-planet .legend{width:auto;inset:36% auto auto 20px}.view-galaxy .legend-heading,.view-galaxy .legend-list,.view-planet .legend-heading,.view-planet .legend-list{display:none}.view-galaxy .legend-back,.view-planet .legend-back{border:1px solid var(--line-strong);background:oklch(7% .01 190/.88);border-radius:7px;margin:0;padding:7px 9px}.view-galaxy .galaxy-count{top:31%;right:20px}.view-galaxy .galaxy-planets{border:1px solid var(--line-strong);background:oklch(6.5% .013 190/.94);border-radius:9px;width:auto;max-height:32vh;padding:10px 12px;inset:auto 14px 60px;box-shadow:0 16px 45px oklch(0% 0 0/.38)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scene-canvas{filter:none!important;transform:none!important}}
