:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}:root{--ink: #0a0d13;--ink-raised: #11151f;--ink-veil: rgba(8, 11, 17, .72);--line: rgba(243, 238, 230, .12);--line-strong: rgba(243, 238, 230, .22);--mist: #f3eee6;--mist-dim: rgba(243, 238, 230, .62);--mist-faint: rgba(243, 238, 230, .38);--signal: #f0a35e;--signal-soft: rgba(240, 163, 94, .16);--depth: #6fd3d8;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--radius: 14px;--radius-sm: 10px;--blur: blur(18px)}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;background:var(--ink);color:var(--mist);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.start-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(120% 90% at 50% 38%,rgba(240,163,94,.06),transparent 60%),var(--ink-veil);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);animation:overlay-in .6s ease both}.start-panel{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}.orbit-field{width:168px;height:168px;display:block}.orbit-field .ring{fill:none;stroke:var(--line);stroke-width:1}.orbit-field .ring--outer{stroke:var(--line-strong)}.orbit-field .tick{stroke:var(--line-strong);stroke-width:1}.orbit-field .listener{fill:var(--mist)}.orbit-field .listener-halo{fill:none;stroke:var(--depth);stroke-width:1;opacity:.5}.orbit-field .sources{transform-origin:100px 100px;animation:orbit-spin 26s linear infinite}.orbit-field .source{fill:var(--signal)}.orbit-field .source-link{stroke:var(--signal);stroke-width:1;opacity:.3}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--depth);margin:0}.start-title{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,9vw,68px);line-height:.98;letter-spacing:-.02em;margin:0}.start-title .mark-orbit{color:var(--mist)}.start-subtitle{font-family:var(--font-display);font-weight:500;font-size:14px;letter-spacing:.06em;color:var(--mist-dim);margin:-14px 0 0}.start-lead{font-size:15px;line-height:1.7;color:var(--mist-dim);max-width:38ch;margin:0}.req-chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mist);background:var(--signal-soft);border:1px solid rgba(240,163,94,.3);border-radius:999px;padding:7px 14px;display:inline-flex;align-items:center;gap:8px}.start-button{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.01em;cursor:pointer;color:var(--ink);background:var(--signal);border:none;border-radius:999px;padding:15px 34px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 30px #f0a35e47;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.start-button:hover{transform:translateY(-2px);background:#f4b074;box-shadow:0 16px 38px #f0a35e5c}.start-button:active{transform:translateY(0)}.start-button .arrow{transition:transform .18s ease}.start-button:hover .arrow{transform:translate(4px)}.instructions{position:absolute;top:20px;left:20px;z-index:10;width:260px;background:#11151fa8;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);padding:16px 18px;box-shadow:0 20px 50px #0006}.instructions-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.instructions-head h3{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--mist-dim);margin:0}.instructions-head .dot{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px var(--signal)}.guide-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.guide-row{display:flex;align-items:center;gap:12px}.guide-key{flex-shrink:0;min-width:64px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--mist);text-align:center;background:#f3eee60f;border:1px solid var(--line);border-radius:7px;padding:5px 6px}.guide-text{font-size:13px;color:var(--mist-dim);line-height:1.4}.uploader{position:absolute;bottom:22px;left:20px;z-index:10}.uploader-button{font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer;color:var(--mist);background:#11151fc7;border:1px solid var(--line-strong);border-radius:999px;padding:12px 20px 12px 16px;display:inline-flex;align-items:center;gap:10px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 14px 34px #00000073;transition:border-color .18s ease,transform .18s ease,background .18s ease}.uploader-button:hover{transform:translateY(-2px);border-color:#f0a35e80;background:#161a25db}.uploader-button .plus{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--signal);color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:15px;line-height:1}:focus-visible{outline:2px solid var(--depth);outline-offset:3px}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.start-overlay,.orbit-field .sources{animation:none}.start-button,.uploader-button,.start-button:hover .arrow{transition:none}}@media(max-width:560px){.instructions{width:calc(100vw - 40px);max-width:300px}.orbit-field{width:132px;height:132px}}