:root{color-scheme:dark;--background:#04070d;--foreground:#e7ecf4;--orange:#ffa65a;--yellow:#ffda91;--blue:#74abec;--green:#7ab6a0;--red:#ec907d;--purple:#a79bda;--muted-foreground:#8998ad;--border:#253044;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 35% -20%,#142032 0,transparent 55%),#060911;color:var(--foreground);font-size:14px;line-height:1.6}a{color:#98a8be;text-underline-offset:4px;text-decoration-color:#40516b}button,input,select{font:inherit}[hidden]{display:none!important}.shell{max-width:1540px;margin:auto;padding:22px 48px 30px}.cosmic-header{display:flex;align-items:center;gap:11px;color:#9eabbd;font-size:10px;letter-spacing:.2em;border-bottom:1px solid #c6d9ff12;padding:0 0 17px}.brand-mark{font-size:24px;line-height:1;color:#dec79d}.header-note{margin-left:auto;font-size:9px;color:#64738a}.solar-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:26px 0 24px}.eyebrow{color:#ac9874;font-size:10px;letter-spacing:.28em;margin:0 0 8px}.solar-heading h1{font-size:clamp(34px,3.4vw,52px);font-weight:400;letter-spacing:.13em;line-height:1.2;margin:0;color:#faf6ed}.solar-heading h1 span{color:#e1c9a0}.solar-heading h1 i{font-size:29px;font-style:normal;color:#a28c69;margin-left:16px}.intro{color:#8c9aaf;font-size:12px;letter-spacing:.12em;margin:12px 0 0}.camera-actions{text-align:right;max-width:420px;padding-bottom:3px}.btn{border:1px solid #29364a;background:#121c2c;color:#dee5ef;border-radius:7px;padding:11px 20px;min-height:44px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.btn:hover{background:#213048;border-color:#6b7b92}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:wait}.camera-toggle{background:#111b29;border-color:#384963;display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.035em}.camera-toggle[data-active=true]{border-color:#72967e;background:#162922}.camera-icon{display:inline-block;width:15px;height:11px;border:1px solid #a6b4c8;border-radius:3px;position:relative}.camera-icon:after{content:"";position:absolute;right:-6px;top:2px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:4px solid #a6b4c8}.camera-status{min-height:20px;color:#72839d;font-size:10px;margin:8px 0 0}.camera-status[data-state=error]{color:#ffb6a2}.camera-status[data-state=active]{color:#94c6ac}.universe-frame{border:1px solid #9bb8eb23;border-radius:12px;overflow:hidden;background:#03060d;box-shadow:0 24px 80px #0005,0 0 0 5px #080e18}.stage-toolbar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #d0e3ff0d;background:#10182770}.mode-switch{display:flex;gap:20px;height:100%;align-items:stretch}.mode-btn{position:relative;border:0;background:transparent;color:#718198;padding:0 4px;font-size:12px;letter-spacing:.08em;cursor:pointer}.mode-btn[aria-pressed=true]{color:#edd4aa}.mode-btn[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#d1b17e;box-shadow:0 -1px 13px #e2bc6270}.live-indicator{color:#65738a;font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.live-indicator b{width:4px;height:4px;background:#8da58f;border-radius:50%;box-shadow:0 0 8px #7bba8c70}#solar-voyage .solar-stage{height:clamp(390px,54vh,690px);background:radial-gradient(ellipse at 50% 50%,#0a1322,#02050b);cursor:crosshair}#solar-voyage[data-interaction-mode=explore] .solar-stage{cursor:grab}.stage-coordinate{position:absolute;top:21px;left:25px;right:25px;display:flex;justify-content:space-between;color:#42516a;font-size:8px;letter-spacing:.22em;pointer-events:none}.creation-feedback{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;width:90%;text-align:center;text-shadow:0 2px 12px #000;color:#9ea9bc;font-size:11px;letter-spacing:.06em}.feedback-kicker{color:#7b715f;font-size:8px;letter-spacing:.25em}.creation-feedback[data-phase=gathering],.creation-feedback[data-phase=charged]{color:#ffe0a9}.creation-feedback[data-phase=released]{color:#e9d2ad}.charge-track{width:100px;height:1px;background:#5f5e5b45;margin-top:5px;overflow:hidden}.charge-track>div{width:100%;height:100%;background:#ffe0a5;box-shadow:0 0 10px #ffcc80;transform:scaleX(0);transform-origin:left;transition:transform .07s linear}.play-deck{min-height:91px;border-top:1px solid #c7dcff11;background:linear-gradient(95deg,#101723,#0b111b);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px}.play-tip{display:flex;gap:15px;align-items:center}.play-tip>span{color:#c1a06b;font-size:25px}.play-tip p{margin:0;color:#c5cfde;font-size:12px;letter-spacing:.03em}.play-tip small{color:#6d7e96;font-size:10px}.preview-actions{display:flex;gap:10px}.preview-actions .btn{font-size:12px;min-width:127px;letter-spacing:.04em}.preview-actions .btn span{padding-right:8px;font-size:18px;line-height:1}.birth-btn{background:linear-gradient(130deg,#d7bd90,#ae8e5c);color:#1b1916;border-color:#e9d0a3}.birth-btn:hover{background:#e6cfaa;border-color:#fff0d5}.comet-btn{background:#142334;border-color:#34516a;color:#b8d5eb}.gesture-cards{display:flex;align-items:center;gap:46px;padding:24px 6px;color:#a4afc0}.gesture-cards>div{display:flex;align-items:center;gap:15px}.gesture-symbol{color:#b99b6b;white-space:nowrap;font-size:18px;letter-spacing:.05em}.gesture-cards p{margin:0;display:flex;flex-direction:column}.gesture-cards strong{font-size:11px;font-weight:500;letter-spacing:.06em;color:#c1c8d3}.gesture-cards small{font-size:10px;color:#64738b}.privacy-note{margin-left:auto;font-size:10px;color:#718b81;white-space:nowrap}.privacy-note i{display:inline-block;width:6px;height:7px;border:1px solid #718b81;border-radius:2px;margin-right:8px}.explore-drawer{border-top:1px solid #bbd5ff14;border-bottom:1px solid #bbd5ff14}.explore-drawer summary{list-style:none;cursor:pointer;padding:16px 6px;color:#a4b0c2;font-size:11px;letter-spacing:.08em;display:flex;align-items:center;gap:18px}.explore-drawer summary::-webkit-details-marker{display:none}.explore-drawer summary span{font-size:10px;color:#52627a;letter-spacing:0}.explore-drawer summary b{margin-left:auto;font-size:15px;font-weight:300;color:#7889a1}.explore-drawer[open] summary b{transform:rotate(45deg)}.viz-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:end;padding:8px 6px 0}.form-label{display:flex;flex-direction:column;gap:5px;min-width:180px;color:#8495ad;font-size:11px}.form-select{min-height:42px;border:1px solid var(--border);border-radius:6px;padding:8px 38px 8px 12px;background:#101928;color:#c1cde1;cursor:pointer}.form-range{margin:0;display:block;width:100%;accent-color:#b59b75;min-height:24px;cursor:pointer}#solar-voyage .solar-speed{margin-left:auto;max-width:300px}.solar-speed output{color:#9eacbd;font-size:10px}.btn-primary{font-size:12px;background:#1d2c40}.solar-detail{font-size:11px;padding:0 6px 5px;color:#8291a7}#solar-voyage .solar-notes{display:flex;justify-content:space-between;gap:8px 24px;margin-top:16px;font-size:9px;color:#46566f;line-height:1.8}#solar-voyage .solar-label{font-size:9px;color:#70849b;letter-spacing:.1em;text-shadow:0 2px 6px #000}#solar-voyage .hand-panel{position:absolute;bottom:17px;right:17px;width:180px;aspect-ratio:4/3;background:#101a2b;border:1px solid #566b7e70;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #0008;pointer-events:none;opacity:.8}#solar-voyage .hand-panel video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}#solar-voyage .hand-panel canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#solar-voyage .hand-panel>span{position:absolute;bottom:3px;left:9px;font-size:9px;color:#d7e2ee;text-shadow:0 1px 4px #000}.hand-cursor{position:absolute;left:0;top:0;width:27px;height:27px;border:1px solid #d0b78b80;border-radius:50%;pointer-events:none;box-shadow:0 0 24px #d4b16233;transform:translate(-50%,-50%)}.hand-cursor[data-pinch=true]{border-color:#ffcf88;background:#ffcf8820;width:18px;height:18px}.loading-star{display:block;font-size:38px;line-height:1.7;color:#d4b682}#solar-voyage .solar-loading{font-size:12px;color:#91a1b9;letter-spacing:.12em;top:40%}:focus-visible{outline:2px solid #c7ae86;outline-offset:5px}.text-small{font-size:12px}.text-muted{color:var(--muted-foreground)}@media(min-width:1800px){#solar-voyage .solar-stage{height:600px}}@media(max-width:850px){.shell{padding:20px 25px}.gesture-cards{gap:28px;flex-wrap:wrap}.privacy-note{margin-left:0}.camera-actions{max-width:270px}#solar-voyage .solar-notes{justify-content:flex-start}}@media(max-width:600px){.shell{padding:16px 14px 24px}.cosmic-header{font-size:9px;padding-bottom:13px}.header-note{font-size:7px;letter-spacing:.1em}.solar-heading{padding:21px 2px;gap:14px;align-items:center;flex-wrap:wrap}.solar-heading h1{font-size:35px}.solar-heading h1 i{font-size:20px;margin-left:8px}.eyebrow{font-size:8px}.intro{font-size:10px;letter-spacing:.06em;margin-top:8px}.camera-actions{max-width:none;width:100%;text-align:left;display:flex;align-items:center;gap:12px}.camera-toggle{padding:9px 13px;font-size:11px;white-space:nowrap}.camera-status{font-size:9px;line-height:1.5;margin:0;min-height:0;flex:1}.stage-toolbar{height:47px;padding:0 15px}.mode-switch{gap:18px}.mode-btn{font-size:11px}.live-indicator{font-size:7px;letter-spacing:.06em}#solar-voyage .solar-stage{height:440px}.stage-coordinate{top:17px;left:17px;right:17px;font-size:6px}.play-deck{padding:15px;flex-direction:column;align-items:stretch;gap:13px}.play-tip p{font-size:11px}.play-tip small{font-size:9px}.play-tip>span{font-size:21px}.preview-actions .btn{flex:1;font-size:11px;min-width:0}.creation-feedback{font-size:10px;bottom:22px}.feedback-kicker{font-size:7px}.gesture-cards{gap:16px 25px;padding:23px 4px}.gesture-cards>div{gap:10px}.gesture-symbol{font-size:15px}.gesture-cards strong{font-size:10px}.gesture-cards small{font-size:9px}.privacy-note{font-size:9px}.explore-drawer summary{font-size:10px;gap:12px}.explore-drawer summary span{font-size:9px}.form-label{flex:1}.viz-controls>.btn{flex:1}#solar-voyage .solar-speed{min-width:100%;max-width:none}#solar-voyage .solar-notes{font-size:8px;gap:6px}#solar-voyage .hand-panel{width:105px;bottom:75px;right:10px}.universe-frame{box-shadow:0 10px 50px #0004}.creation-feedback{width:94%}}@media(max-width:360px){.header-note{display:none}.solar-heading h1{font-size:32px}#solar-voyage .solar-stage{height:390px}.live-indicator{font-size:6px}.mode-switch{gap:12px}.gesture-cards{gap:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}