.sid-card{--sid-bg: radial-gradient(circle at 50% 50%, var(--bg-surface) 0%, var(--bg-page) 100%);--sid-card-bg: color-mix(in srgb, var(--bg-surface) 70%, transparent);--sid-border: var(--border-color);--sid-glow: color-mix(in srgb, var(--accent) 30%, transparent);--sid-text: var(--text-base);--sid-text-muted: var(--text-muted);--sid-gold: #fbbf24;--sid-gold-glow: rgba(251, 191, 36, .3);--sid-star: #fff;--sid-black: #000;--sid-dial-outer-bg: #090a16;--sid-dial-inner-bg: #040510;--sid-constellation-stroke: rgba(255, 255, 255, .15);--sid-sky-text: rgba(255, 255, 255, .4);--sid-indigo: #6366f1;--sid-second-hand: #dc2626;background:var(--sid-bg);color:var(--sid-text);padding:2rem;border-radius:1.5rem;box-shadow:var(--shadow-base);max-width:1200px;margin:0 auto;border:1px solid var(--sid-border)}.sid-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;margin-top:1.5rem}@media(max-width:900px){.sid-grid{grid-template-columns:1fr}}.sid-header-title{font-size:2.2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--sid-text) 0%,var(--sid-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sid-header-desc{font-size:1rem;color:var(--sid-text-muted);line-height:1.6;margin:0}.sid-dial-container{display:flex;justify-content:center;align-items:center;position:relative;padding:2rem}.sid-svg-clock{width:100%;max-width:420px;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.sid-sky-sphere{transform-origin:200px 200px;transition:transform .5s cubic-bezier(.1,.8,.2,1)}.sid-hand-solar{transform-origin:200px 200px;stroke:var(--sid-star);transition:transform .5s cubic-bezier(.1,.8,.2,1)}.sid-hand-sidereal{transform-origin:200px 200px;stroke:var(--sid-gold);filter:drop-shadow(0 0 4px var(--sid-gold-glow));transition:transform .5s cubic-bezier(.1,.8,.2,1)}.sid-controls-column{display:flex;flex-direction:column;gap:1.5rem}.sid-card-panel{background:var(--sid-card-bg);border:1px solid var(--sid-border);border-radius:1.25rem;padding:1.5rem}.sid-readout-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--sid-border)}.sid-readout-row:last-child{border-bottom:none}.sid-readout-label{font-size:.95rem;color:var(--sid-text-muted)}.sid-readout-value{font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--sid-text)}.sid-readout-value.sid-gold-text{color:var(--sid-gold)}.sid-control-group{margin-bottom:1.25rem}.sid-control-group:last-child{margin-bottom:0}.sid-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:var(--sid-text-muted)}.sid-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:color-mix(in srgb,var(--sid-text) 10%,transparent);border-radius:3px;outline:none}.sid-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--sid-gold);cursor:pointer;box-shadow:0 0 8px var(--sid-gold-glow)}.sid-btn-toggle{background:transparent;border:1px solid var(--sid-border);color:var(--sid-text);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease}.sid-btn-toggle:hover{background:color-mix(in srgb,var(--sid-gold) 10%,transparent);border-color:var(--sid-gold)}.sid-btn-toggle.active{background:var(--sid-gold);color:var(--sid-black);border-color:var(--sid-gold)}.sid-speed-btn-row{display:flex;gap:.5rem}.sid-speed-btn-row button{flex:1}.sid-tip-box{background:#fbbf240d;border-left:3px solid var(--sid-gold);padding:1rem;border-radius:0 .5rem .5rem 0;font-size:.9rem;line-height:1.5;color:var(--sid-text-muted)}.sid-tip-title{font-weight:600;color:var(--sid-gold);margin-bottom:.25rem}.sid-constellation{stroke-dasharray:2 2;stroke:var(--sid-constellation-stroke)}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.sid-star-blink{animation:twinkle 3s infinite ease-in-out}.sid-btn-location{background:transparent;border:none;color:var(--sid-gold);cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sid-btn-location:hover{background:color-mix(in srgb,var(--sid-gold) 10%,transparent);transform:scale(1.1)}