:root{color-scheme:dark;--navy:#091f36;--ink:#eef5ed;--muted:#aec6ce;--teal:#65dbcd;--gold:#f2d899;--line:#29465a;--panel:#102a41;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--navy);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 70% 0%,#174456 0,transparent 48%),var(--navy)}a{color:var(--teal);text-underline-offset:4px}button,.button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:12px;padding:11px 17px;background:var(--teal);color:#072431;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.3;white-space:normal}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary,.button.secondary{border-color:var(--line);color:var(--ink);background:#15364c}button.danger{background:#653947;color:#ffe7e7}button.small{font-size:13px;padding:9px 13px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}input,select,textarea{min-height:46px;width:100%;border:1px solid #4c687c;border-radius:10px;padding:10px 12px;background:#071c2f;color:var(--ink)}input[type=range]{accent-color:var(--teal);padding:10px 0;background:transparent}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--teal)}label{display:block;margin:9px 0 6px;font-size:14px;color:#d4e4e6}header{max-width:1280px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:750}.brand img{width:44px;height:44px;border-radius:11px}.by{font-size:11px;display:block;color:var(--muted);font-weight:500;letter-spacing:1px}nav,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}main{max-width:1200px;margin:auto;padding:36px 28px 56px}h1{font-family:Georgia,serif;font-size:clamp(36px,5.8vw,76px);line-height:1.02;font-weight:500;letter-spacing:-2px;max-width:900px;margin:12px 0 22px}h2{font-size:25px;letter-spacing:-.5px;margin:5px 0 18px}h3{font-size:20px;margin:9px 0 12px}p{line-height:1.65;margin:10px 0}.lead{font-size:18px;max-width:650px;color:#cadde0}.eyebrow,.tag{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:2px;color:var(--gold)}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:24px 0 50px}.hero-art{width:100%;max-width:370px;justify-self:center;border-radius:30px;box-shadow:0 25px 70px #001a2b88}.grid,.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px;align-items:start}.card{padding:22px;background:linear-gradient(145deg,#15374c,#10273d);border:1px solid var(--line);border-radius:18px;min-width:0}.section{margin:28px 0 42px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.hint,.empty,.aside{color:var(--muted);font-size:13px}.empty{border:1px dashed var(--line);border-radius:12px;padding:24px}.notice{border:1px solid #528c8b;border-radius:12px;padding:14px 18px;background:#194047;color:#e2f9f1}.notice.error{border-color:#b97578;background:#4b2c3b;color:#ffe6e2}.status{max-width:1144px;margin:12px auto}.status:empty{display:none}.status .notice{margin:0 20px}.stage{position:relative;overflow:hidden;border-radius:17px;background:#071b30;border:1px solid var(--line)}canvas{display:block;width:100%;height:auto;aspect-ratio:900/550}.meter{font-variant-numeric:tabular-nums;color:var(--gold);font-size:14px}.badge{display:inline-flex;padding:6px 10px;border:1px solid var(--line);border-radius:20px;color:var(--teal);font-size:12px}.check{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.private-link{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all}.connection-line{border-left:2px solid var(--teal);padding:0 0 0 16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1;min-width:110px}.form{max-width:720px}.field{margin-bottom:15px}.actions{margin-top:16px}.wide{width:100%}details{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}summary{min-height:44px;cursor:pointer;padding:10px 0;font-weight:700}footer{padding-top:36px;margin-top:36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}footer div{display:flex;gap:18px}dialog{max-width:620px;background:var(--navy);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:26px}dialog::backdrop{background:#001323bb}.mini-stage canvas{max-height:250px}.inline main{padding-top:22px}.inline .hero{padding-top:0}body[aria-busy=true] button{cursor:progress}@media(max-width:740px){header{padding:16px;align-items:flex-start;flex-wrap:wrap}main{padding:24px 16px 40px}.hero{grid-template-columns:1fr;gap:24px;padding-bottom:28px}.hero-art{max-width:220px;grid-row:2}.layout{grid-template-columns:1fr}.card{padding:18px}h1{letter-spacing:-1px}.lead{font-size:16px}.actions>*{flex-grow:1}nav{width:100%;justify-content:space-between}.brand{font-size:20px}.row>*{min-width:100%}footer{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}