:root{--bg:#050810;--panel:rgba(8,12,22,0.88);--ink:#d8dee8;--ink-dim:#8a93a5;--ink-mute:#5c6578;--gold:#c9a84c;--gold-hi:#e0c070;--cyan:#00e5ff;--border:rgba(201,168,76,0.22);--border-cyan:rgba(0,229,255,0.2);--font-mono:"SF Mono","Cascadia Code","Consolas",ui-monospace,monospace;--font-sans:"Segoe UI",system-ui,-apple-system,sans-serif;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;}#globe-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;transition:filter 0.35s ease;}#globe-canvas.blurred{filter:blur(6px) brightness(0.55);}.top-bar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0.85rem 1.2rem;pointer-events:none;}.top-bar>*{pointer-events:auto;}.title{font-size:0.95rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-hi);}.cam-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--panel);}.cam-btn{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.45rem 0.85rem;border:none;background:transparent;color:var(--ink-dim);cursor:pointer;}.cam-btn:hover{color:var(--ink);}.cam-btn.active{background:rgba(201,168,76,0.15);color:var(--gold-hi);}.boot-error{position:fixed;top:4rem;left:50%;transform:translateX(-50%);z-index:50;background:#3a1010;color:#ffaaaa;padding:0.7rem 1.2rem;border-radius:4px;}.observer-hint{position:fixed;top:3.4rem;left:50%;transform:translateX(-50%);z-index:15;font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.06em;color:var(--cyan);background:var(--panel);border:1px solid var(--border-cyan);padding:0.4rem 0.8rem;border-radius:3px;max-width:90vw;text-align:center;}.panel{position:fixed;z-index:20;width:min(320px,calc(100vw - 1.5rem));background:var(--panel);border:1px solid var(--border);border-radius:6px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.panel-dial{left:1rem;bottom:1rem;}.panel-natal{right:1rem;bottom:1rem;}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:0.55rem 0.75rem;border-bottom:1px solid var(--border);}.panel-head h2{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:500;}.panel.collapsed .panel-body{display:none;}.panel.collapsed .panel-head{border-bottom:none;}.panel-body{padding:0.75rem;}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--ink-dim);width:1.6rem;height:1.6rem;border-radius:3px;cursor:pointer;font-size:0.75rem;line-height:1;}.icon-btn:hover{color:var(--gold);border-color:var(--gold);}.dial-date{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.04em;color:var(--cyan);margin-bottom:0.55rem;line-height:1.4;word-break:break-word;}.jd-slider{width:100%;margin-bottom:0.7rem;accent-color:var(--gold);cursor:pointer;}.scrub-grid{display:grid;grid-template-columns:1fr auto auto;gap:0.3rem 0.4rem;align-items:center;margin-bottom:0.75rem;}.scrub-label{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-mute);}.scrub-grid button{font-family:var(--font-mono);font-size:0.8rem;width:2rem;height:1.55rem;border:1px solid var(--border);background:rgba(255,255,255,0.03);color:var(--ink);border-radius:3px;cursor:pointer;}.scrub-grid button:hover{border-color:var(--cyan);color:var(--cyan);}.field{display:flex;flex-direction:column;gap:0.25rem;font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-mute);}.field select,.form-row input{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0;text-transform:none;background:rgba(0,0,0,0.35);border:1px solid var(--border);color:var(--ink);border-radius:3px;padding:0.35rem 0.45rem;width:100%;}.field select:focus,.form-row input:focus{outline:1px solid var(--cyan);border-color:var(--cyan);}.form-row{display:flex;gap:0.4rem;margin-bottom:0.45rem;}.form-row label{flex:1;display:flex;flex-direction:column;gap:0.2rem;font-family:var(--font-mono);font-size:0.6rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-mute);}.form-actions{display:flex;gap:0.5rem;margin-top:0.5rem;}.primary,.ghost{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.45rem 0.8rem;border-radius:3px;cursor:pointer;}.primary{background:linear-gradient(120deg,var(--gold-hi),var(--gold));color:#050810;border:none;font-weight:600;}.primary:hover{filter:brightness(1.08);}.ghost{background:transparent;border:1px solid var(--border);color:var(--ink-dim);}.ghost:hover{border-color:var(--ink-dim);color:var(--ink);}.natal-result{margin-top:0.65rem;font-family:var(--font-mono);font-size:0.65rem;line-height:1.5;color:var(--ink-dim);white-space:pre-wrap;background:rgba(0,0,0,0.3);padding:0.5rem;border-radius:3px;border:1px solid var(--border-cyan);}.sep{border:none;border-top:1px solid var(--border);margin:0.75rem 0 0.55rem;}.muted{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:0.4rem;}.legend{position:fixed;top:3.5rem;left:1rem;z-index:15;max-width:280px;font-family:var(--font-mono);font-size:0.62rem;line-height:1.45;letter-spacing:0.04em;color:var(--ink-mute);pointer-events:none;}.rr-backdrop{display:none;position:fixed;inset:0;z-index:30;background:rgba(0,0,0,0.35);}.rr-backdrop.visible{display:block;}.reading-room{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(420px,100vw);background:rgba(6,10,18,0.96);border-left:1px solid var(--border);transform:translateX(105%);transition:transform 0.35s ease;overflow-y:auto;}.reading-room.open{transform:translateX(0);}.rr-inner{padding:2rem 1.6rem 2.5rem;position:relative;}.rr-close{position:absolute;top:0.8rem;right:0.9rem;background:transparent;border:1px solid var(--border);color:var(--ink-dim);width:2rem;height:2rem;border-radius:3px;font-size:1.2rem;cursor:pointer;line-height:1;}.rr-close:hover{color:var(--gold);border-color:var(--gold);}.reading-room h2{font-size:1.25rem;font-weight:600;color:var(--gold-hi);line-height:1.3;padding-right:2rem;margin-bottom:0.5rem;}.rr-meta{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.2rem;}.rr-excerpt{font-size:0.95rem;line-height:1.65;color:var(--ink-dim);}@media (max-width:720px){.panel-dial,.panel-natal{width:calc(100vw - 1.2rem);}.panel-dial{bottom:auto;top:3.6rem;left:0.6rem;}.panel-natal{bottom:0.6rem;right:0.6rem;left:0.6rem;width:auto;}.legend{display:none;}}