:root{
  color-scheme:dark;
  --bg:#080a0c;
  --panel:#111418;
  --panel2:#171b20;
  --ink:#f1f2f3;
  --muted:#9ea5ad;
  --line:#30363d;
  --silver:#d6d8db;
  --gold:#d6a13a;
  --orange:#dc5a0a;
  --danger:#9f3b2b;
  --good:#57c78b;
  --shadow:0 18px 60px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -15%,#2b1a0f 0,transparent 34rem),var(--bg);color:var(--ink)}
button,input,select{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit}
.page-shell{max-width:1680px;margin:auto;padding:18px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 4px 18px;border-bottom:1px solid var(--line)}
.brand-lockup{display:flex;align-items:center;gap:16px;min-width:0}.cosigo-mark{width:72px;height:72px;border-radius:50%;box-shadow:0 0 0 1px rgba(214,161,58,.45),0 8px 28px rgba(0,0,0,.5)}
.brand-copy h1{font-size:clamp(1.55rem,3vw,2.65rem);line-height:.92;letter-spacing:.11em;margin:.15rem 0 .3rem}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.23em;color:var(--gold)}.tagline{color:var(--muted);font-size:.9rem;letter-spacing:.045em}
.header-actions{display:flex;align-items:center;gap:12px}.cigo-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid var(--gold);color:#111;background:linear-gradient(145deg,#f3c663,#b86a17);font-weight:900;letter-spacing:.08em;box-shadow:inset 0 0 0 4px #17110a,inset 0 0 0 5px #e6ba58;color:#f6d98c;text-shadow:0 1px 1px #000}
.ghost-button,.primary-button,.mini-button,.seg,.preset-row button,.footer-links button{border:1px solid var(--line);background:#161a1f;color:var(--ink);border-radius:8px;padding:.72rem .92rem;font-weight:750;letter-spacing:.055em}.ghost-button:hover,.mini-button:hover,.preset-row button:hover,.footer-links button:hover{border-color:#646b73;background:#20252b}.primary-button{background:linear-gradient(180deg,#d06b22,#a54712);border-color:#e37b2c;color:#fff}.primary-button.danger{background:linear-gradient(180deg,#8f4436,#60281f);border-color:#a95544}.primary-button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:#11151a;color:var(--muted)}
.instrument-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 0}.quadrant{position:relative;min-height:590px;padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 38%),var(--panel);box-shadow:var(--shadow);overflow:hidden}.quadrant::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(214,161,58,.045),transparent 25%)}
.quad-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:15px;position:relative;z-index:1}.quad-no{font-size:.68rem;font-weight:900;letter-spacing:.25em;color:var(--orange)}.quad-head h2{margin:.15rem 0 0;letter-spacing:.09em;font-size:1.08rem}.quad-intro{color:var(--muted);line-height:1.55;max-width:72ch;font-size:.92rem;position:relative;z-index:1}
.status-dot{width:12px;height:12px;border-radius:50%;background:#555;margin-top:8px;box-shadow:0 0 0 5px rgba(255,255,255,.03)}.status-dot.running{background:var(--good);box-shadow:0 0 0 5px rgba(87,199,139,.08),0 0 16px rgba(87,199,139,.45)}.status-dot.stopped{background:#bd604e}
.control-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.status-table{border-top:1px solid var(--line);position:relative;z-index:1}.status-table>div{display:flex;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid var(--line)}.status-table span{font-size:.72rem;color:var(--muted);letter-spacing:.13em}.status-table strong{text-align:right;font-size:.78rem;letter-spacing:.06em}.notice-card{margin-top:24px;padding:14px;border-left:3px solid var(--gold);background:#0d1013;color:var(--muted);line-height:1.5}.notice-card strong{color:var(--silver);text-transform:uppercase;letter-spacing:.08em}.notice-card p{margin:.4rem 0 0}
.segmented{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.seg{border:0;border-radius:0;padding:.55rem .7rem;font-size:.72rem;color:var(--muted);background:#0e1114}.seg.active{background:#d05c12;color:#fff}
.clock-wrap{display:grid;grid-template-columns:minmax(250px,1.18fr) minmax(220px,.82fr);gap:18px;align-items:center;height:450px}.clock-wrap canvas{width:100%;max-width:430px;aspect-ratio:1/1;margin:auto;display:block}.digital-clock{padding:16px;border-left:1px solid var(--line)}.digital-label{font-size:.66rem;letter-spacing:.18em;color:var(--gold);font-weight:800}.digital-time{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:clamp(1.55rem,4vw,3.05rem);font-weight:800;letter-spacing:.04em;margin:.5rem 0;white-space:nowrap}.phase-line,.day-fraction{font-family:ui-monospace,monospace;color:var(--muted);font-size:.76rem;margin-top:.45rem}.clock-key{display:flex;gap:8px;flex-wrap:wrap}.clock-key span,.model-chip{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:.42rem .6rem;border:1px solid var(--line);background:#0d1013;border-radius:999px;color:var(--muted)}
.public-speed-warning{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(145px,auto);gap:12px;align-items:center;margin:18px 0 8px;padding:12px;border:1px solid #77571f;background:#17130c;border-radius:9px}.public-speed-warning>div:first-child strong{display:block;color:#ffd48a;font-size:.72rem;letter-spacing:.08em}.public-speed-warning>div:first-child span,.public-rate span{display:block;color:var(--muted);font-size:.65rem;margin-top:4px;line-height:1.35}.public-speed-warning label{font-size:.62rem;letter-spacing:.1em;color:var(--muted)}.public-speed-warning select{display:block;width:100%;margin-top:4px;background:#101419;color:var(--ink);border:1px solid #454c53;border-radius:7px;padding:.48rem .6rem;font-weight:800}.public-rate{text-align:right}.public-rate strong{display:block;color:#ffd48a;font-family:ui-monospace,monospace;font-size:.78rem}
.jovian-axis{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--muted);font-size:.67rem;letter-spacing:.15em;margin:28px 0 4px}.jovian-axis span:nth-child(1){text-align:left}.jovian-axis span:nth-child(3){text-align:right}.moon-rows{display:grid;gap:14px}.moon-row{display:grid;grid-template-columns:82px 1fr 128px;gap:12px;align-items:center}.moon-name strong{display:block;font-size:.92rem}.moon-name span{font-size:.68rem;color:var(--muted)}.moon-track{height:54px;position:relative;border-radius:8px;background:linear-gradient(90deg,rgba(208,92,18,.08),transparent 47%,rgba(214,161,58,.12) 50%,transparent 53%,rgba(208,92,18,.08));border:1px solid #262c32;overflow:hidden}.moon-track::before{content:"";position:absolute;left:50%;top:5px;bottom:5px;width:1px;background:#8a6f40}.jupiter{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#f5d48e,#b87522 55%,#71410f);box-shadow:0 0 16px rgba(214,161,58,.5)}.moon-dot{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:#e6e8ea;box-shadow:0 0 8px rgba(255,255,255,.35);transition:none}.moon-state{text-align:right;font-family:ui-monospace,monospace}.moon-state strong{display:block;font-size:.75rem}.moon-state span{display:block;color:var(--muted);font-size:.65rem;margin-top:.25rem}.jovian-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.jovian-foot>div{padding:12px;border:1px solid var(--line);background:#0d1013}.jovian-foot strong{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.1em}.jovian-foot span{display:block;color:var(--muted);font-size:.7rem;margin-top:4px}
.q4{display:flex;flex-direction:column}.subcard{border:1px solid var(--line);background:#0d1013;border-radius:10px;padding:14px;margin-bottom:12px;position:relative;z-index:1}.subhead{font-size:.68rem;font-weight:850;letter-spacing:.15em;color:var(--gold);margin-bottom:11px}.number-grid{display:grid;grid-template-columns:.8fr 2fr .8fr;gap:8px}.number-grid>div,.angle-result>div{padding:10px;background:#15191d;border-radius:7px;min-width:0}.number-grid span,.angle-result span{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.number-grid strong,.angle-result strong{display:block;font-family:ui-monospace,monospace;font-size:.84rem;margin-top:.35rem;word-break:break-all}.angle-controls{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:9px;align-items:center}.angle-controls label{font-size:.68rem;color:var(--muted);letter-spacing:.1em}.angle-controls input,.tone-controls select{background:#171b20;color:var(--ink);border:1px solid #3a4149;border-radius:7px;padding:.58rem .65rem;font-family:ui-monospace,monospace}.angle-result{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin-top:10px}.preset-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.preset-row button{padding:.38rem .5rem;font-family:ui-monospace,monospace;font-size:.72rem}.formula{color:var(--muted);font-size:.68rem;line-height:1.4;margin-top:9px}.tone-controls{display:grid;grid-template-columns:100px 1fr auto auto;gap:8px;align-items:center}.tone-controls>span{font-size:.72rem;color:var(--muted)}.tone-readout{margin-top:10px;color:var(--muted);font-size:.75rem}.tone-readout strong{color:var(--silver);font-family:ui-monospace,monospace}
.site-footer{display:grid;grid-template-columns:1.5fr auto;gap:12px;padding:18px 4px 8px;border-top:1px solid var(--line);font-size:.73rem;color:var(--muted);line-height:1.55}.site-footer strong{color:var(--silver)}.footer-links{display:flex;gap:12px;align-items:start;justify-content:flex-end}.footer-links a,.footer-links button{background:none;border:0;padding:0;color:var(--silver);text-decoration:none;font-size:.73rem;font-weight:700;letter-spacing:0}.footer-note{grid-column:1/-1;font-size:.68rem;color:#7f878f}
.whitepaper-dialog{width:min(900px,calc(100% - 28px));max-height:88vh;padding:0;border:1px solid #555d66;border-radius:14px;background:#0e1114;color:var(--ink);box-shadow:0 32px 100px rgba(0,0,0,.7)}.whitepaper-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.dialog-shell{margin:0}.dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:start;padding:18px 22px;background:#0e1114;border-bottom:1px solid var(--line)}.dialog-head h2{margin:.25rem 0 0;font-size:1.4rem}.dialog-close{border:0;background:none;color:var(--muted);font-size:2rem;line-height:1}.dialog-body{padding:24px 24px 8px;line-height:1.65;color:#c8cdd2}.dialog-body .lead{font-size:1.02rem;color:var(--silver)}.dialog-body h3{color:var(--gold);margin:1.5rem 0 .35rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.version-note{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-family:ui-monospace,monospace;font-size:.74rem;color:var(--muted)}.dialog-actions{position:sticky;bottom:0;display:flex;gap:9px;flex-wrap:wrap;padding:14px 22px;background:#0e1114;border-top:1px solid var(--line)}.link-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1100px){.quadrant{min-height:auto}.clock-wrap{grid-template-columns:1fr;height:auto}.digital-clock{border-left:0;border-top:1px solid var(--line);text-align:center}.number-grid{grid-template-columns:1fr}.tone-controls{grid-template-columns:100px 1fr}.tone-controls .mini-button{width:100%}}
@media(max-width:780px){.public-speed-warning{grid-template-columns:1fr}.public-rate{text-align:left}.page-shell{padding:10px}.site-header{align-items:flex-start}.cosigo-mark{width:58px;height:58px}.header-actions{flex-direction:column;align-items:flex-end}.cigo-badge{width:44px;height:44px;font-size:.72rem}.ghost-button{font-size:.68rem}.instrument-grid{grid-template-columns:1fr}.quadrant{padding:16px}.moon-row{grid-template-columns:64px 1fr 95px;gap:7px}.moon-state{font-size:.65rem}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.angle-result{grid-template-columns:1fr}.control-stack{grid-template-columns:1fr}.brand-copy h1{letter-spacing:.06em}.tagline{font-size:.75rem}.number-grid strong{font-size:.75rem}}
@media(max-width:480px){.site-header{flex-direction:column}.header-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.clock-key{justify-content:center}.moon-row{grid-template-columns:1fr}.moon-state{text-align:left;display:flex;gap:12px}.jovian-foot{grid-template-columns:1fr}.tone-controls{grid-template-columns:1fr}.angle-controls{grid-template-columns:1fr}.site-footer{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.ghost-button.lab-link{display:inline-block;text-decoration:none;text-align:center}