:root{--navy-950: #0b1626;--navy-900: #0f1b2d;--navy-800: #16263d;--navy-700: #1f3352;--navy-600: #2a4468;--sand-100: #f3efe4;--sand-300: #c9c2ae;--sand-500: #97a3b8;--gold-400: #ffc35c;--gold-500: #f5a623;--gold-600: #d98c12;--teal-400: #4fe0c9;--teal-500: #2fd4c0;--copper-500: #d9714e;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--navy-900);background-image:radial-gradient(ellipse at 50% -10%,rgba(245,166,35,.08),transparent 55%);color:var(--sand-100);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em}a{color:var(--gold-400)}:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page{max-width:1080px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6)}.page-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.mark{display:inline-flex;color:var(--gold-500);flex-shrink:0}.wordmark{font-size:1.15rem;font-weight:700}.tagline{margin:.15rem 0 0;color:var(--sand-500);font-size:.9rem}.layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:var(--space-4);align-items:start}@media (max-width: 860px){.layout{grid-template-columns:1fr}}.panel-form{display:flex;flex-direction:column;gap:var(--space-3)}fieldset{border:1px solid var(--navy-700);background:var(--navy-800);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4) var(--space-4);margin:0}legend{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-400);padding:0 .35rem}label{display:block;margin-top:var(--space-3);font-size:.88rem;font-weight:500;color:var(--sand-300)}fieldset>label:first-of-type{margin-top:.4rem}input[type=number],input[type=text]{width:100%;margin-top:.35rem;padding:.6rem .7rem;font-family:var(--font-mono);font-size:.95rem;font-variant-numeric:tabular-nums;color:var(--sand-100);background:var(--navy-900);border:1px solid var(--navy-600);border-radius:var(--radius-sm);transition:border-color .15s ease}input[type=number]:focus,input[type=text]:focus{border-color:var(--gold-500)}input[type=checkbox],input[type=radio]{accent-color:var(--gold-500);width:1.05rem;height:1.05rem}.checkbox-row{display:flex;align-items:center;gap:.6rem;font-weight:500;color:var(--sand-100)}.radio-row{display:flex;align-items:center;gap:.6rem;font-weight:500;color:var(--sand-100);padding:.6rem .7rem;margin-top:var(--space-1);border:1px solid var(--navy-600);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease,background .15s ease}.radio-row:first-of-type{margin-top:.4rem}.radio-row:has(input:checked){border-color:var(--gold-500);background:#f5a62314}.hint{font-weight:400;color:var(--sand-500);font-size:.82rem}button{width:100%;padding:.8rem 1.2rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.01em;color:var(--navy-950);background:linear-gradient(180deg,var(--gold-400),var(--gold-500));border:none;border-radius:var(--radius-sm);cursor:pointer;transition:filter .15s ease,transform .1s ease}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:var(--navy-600);color:var(--sand-500);cursor:not-allowed}.error{margin:0;padding:var(--space-2) var(--space-3);background:#d9714e1f;border:1px solid var(--copper-500);border-radius:var(--radius-sm);color:var(--sand-100);font-size:.88rem}.loading-note{margin:0;color:var(--sand-500);font-size:.88rem}.panel-result{background:var(--navy-800);border:1px solid var(--navy-700);border-radius:var(--radius-lg);padding:var(--space-4)}.panel-result.is-empty{display:flex;align-items:center;justify-content:center;min-height:320px;color:var(--sand-500);font-size:.92rem;text-align:center}.result-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.result-header h2{font-size:1.15rem}.mode-badge{font-family:var(--font-mono);font-size:.78rem;color:var(--sand-500)}.sun-arc-wrap{position:relative;margin:0 auto var(--space-2);max-width:420px}.sun-arc-track{fill:none;stroke:var(--navy-600);stroke-width:8;stroke-linecap:round}.sun-arc-fill{fill:none;stroke:url(#sunArcGradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}.sun-marker{fill:var(--gold-400);filter:drop-shadow(0 0 7px rgba(255,195,92,.85));transition:cx .7s cubic-bezier(.4,0,.2,1),cy .7s cubic-bezier(.4,0,.2,1)}.arc-axis-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;fill:var(--sand-500)}.arc-figure{text-align:center;margin-top:-2.2rem}.arc-figure .value{display:block;font-family:var(--font-mono);font-size:2.4rem;font-weight:600;color:var(--sand-100);line-height:1}.arc-figure .label{display:block;margin-top:.3rem;font-size:.82rem;color:var(--sand-500)}.split-block{margin-top:var(--space-4)}.split-block h3{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sand-500);margin-bottom:.5rem}.split-bar{display:flex;height:2rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--navy-600)}.split-seg{display:flex;align-items:center;padding:0 .5rem;font-size:.72rem;font-family:var(--font-mono);color:var(--navy-950);white-space:nowrap;overflow:hidden}.split-seg--gold{background:var(--gold-500)}.split-seg--teal{background:var(--teal-500)}.split-seg--muted{background:var(--navy-600);color:var(--sand-300)}.split-legend{display:flex;gap:var(--space-3);margin-top:.5rem;font-size:.78rem;color:var(--sand-500);flex-wrap:wrap}.split-legend span{display:inline-flex;align-items:center;gap:.35rem}.legend-dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block}.legend-dot--gold{background:var(--gold-500)}.legend-dot--teal{background:var(--teal-500)}.legend-dot--muted{background:var(--navy-600)}.data-table{width:100%;border-collapse:collapse;margin-top:var(--space-4);font-size:.9rem}.data-table td{padding:.5rem 0;border-bottom:1px solid var(--navy-700);color:var(--sand-300)}.data-table td:last-child{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--sand-100);font-weight:500}.disclaimer{margin-top:var(--space-3);font-size:.8rem;line-height:1.5;color:var(--sand-500)}.permalink-box{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--navy-700)}.permalink-box label{margin-top:0;font-size:.78rem;color:var(--sand-500)}.permalink-row{display:flex;gap:.5rem;margin-top:.35rem}.permalink-row input{flex:1;font-size:.82rem;color:var(--sand-300);background:var(--navy-900)}.copy-btn{width:auto;flex-shrink:0;padding:.6rem 1rem;font-size:.82rem;background:var(--navy-600);color:var(--sand-100)}.copy-btn:hover:not(:disabled){filter:brightness(1.15)}.page-footer{margin-top:var(--space-5);color:var(--sand-500);font-size:.8rem;text-align:center}