@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#050914;--panel:#0a1221;--panel2:#0d1a2c;--line:rgba(126,167,198,.17);--line-strong:rgba(126,209,207,.3);--text:#edf5ff;--muted:#8194ac;--soft:#a9b8ca;--mint:#7bf2dc;--cyan:#58cce2;--violet:#b3a0ff;--gold:#f2bd79;--radius:18px;--shadow:0 24px 80px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}::selection{background:#7bf2dc55;color:#fff}.ambient{position:fixed;z-index:-3;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.14}.ambient-one{width:560px;height:560px;background:#146a8d;top:-300px;right:4%}.ambient-two{width:600px;height:600px;background:#5b3a94;left:-430px;top:42%}.starfield{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.48;background-image:radial-gradient(1px 1px at 7% 16%,#b5d8f7 99%,transparent),radial-gradient(1px 1px at 23% 72%,#c1e9f5 99%,transparent),radial-gradient(1px 1px at 51% 34%,#c1d9ef 99%,transparent),radial-gradient(1px 1px at 76% 17%,#c1e9f5 99%,transparent),radial-gradient(1px 1px at 91% 64%,#d7e6ff 99%,transparent),radial-gradient(1px 1px at 66% 83%,#b5d8f7 99%,transparent),radial-gradient(1px 1px at 39% 9%,#b5d8f7 99%,transparent),radial-gradient(1px 1px at 13% 91%,#b5d8f7 99%,transparent);background-size:420px 340px}
.topbar{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid rgba(126,167,198,.14);background:rgba(5,9,20,.82);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{width:38px;height:38px;border:1px solid #4ca5a37a;border-radius:12px;display:block;position:relative;background:radial-gradient(circle at 50% 50%,#1b4b55,#0b1a2b 70%);box-shadow:0 0 28px #55d9c31c}.brand-symbol:before,.brand-symbol:after{content:"";position:absolute;border:1px solid #8df5df88;border-radius:50%;inset:8px 3px;transform:rotate(-34deg)}.brand-symbol:after{inset:3px 8px;transform:rotate(54deg)}.brand-symbol span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--mint);top:15px;left:15px;box-shadow:0 0 12px var(--mint)}.brand-symbol i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f0bc78;right:4px;top:8px}.brand-name{display:flex;flex-direction:column;gap:3px}.brand-name strong{font-size:13px;letter-spacing:1.1px;font-weight:800}.brand-name strong b{color:var(--mint)}.brand-name small{font:9px 'DM Mono',monospace;letter-spacing:1.7px;color:#68869c}.main-nav{display:flex;align-items:center;gap:clamp(12px,2.1vw,30px);margin-left:auto}.main-nav a{font-size:11px;color:#9aabc0;transition:color .2s;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--mint)}.top-actions{display:flex;align-items:center;gap:17px}.system-live{display:flex;align-items:center;gap:8px;color:#8eb5a9;font:9px 'DM Mono',monospace;letter-spacing:.7px;white-space:nowrap}.system-live i,.live-dot,.reference-status i,.hero-meta i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);display:inline-block}.language-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#0a1423}.language-button{border:0;background:transparent;color:#73869d;border-radius:6px;padding:6px 9px;font:11px 'DM Mono',monospace}.language-button.active{background:#173642;color:var(--mint);box-shadow:inset 0 0 0 1px #3e8582}
.page-shell{max-width:1580px;margin:0 auto;padding:34px clamp(16px,4vw,64px) 30px}.hero-section{display:grid;grid-template-columns:minmax(0,.92fr) minmax(450px,1.08fr);gap:34px;align-items:center;min-height:460px;padding:32px 0 28px}.hero-copy{padding:20px 0 18px}.eyebrow,.section-index{display:flex;align-items:center;gap:10px;color:var(--mint);font:10px 'DM Mono',monospace;letter-spacing:1.7px}.eyebrow-line{width:26px;height:1px;background:var(--mint)}.eyebrow-id{color:#50667d;margin-left:10px}.hero-copy h1{font-size:clamp(42px,5.5vw,76px);line-height:1.02;letter-spacing:-3.8px;margin:26px 0 20px;font-weight:800}.hero-copy h1 em,.section-heading h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#e8f5ff 4%,#7cebd8 44%,#8f9cf8 94%);background-clip:text;-webkit-background-clip:text}.hero-lead{max-width:580px;color:#9bacc0;font-size:15px;line-height:1.9;margin:0}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.button-primary{display:inline-flex;align-items:center;gap:24px;padding:14px 18px;border-radius:10px;background:linear-gradient(110deg,#82f1da,#6bcfd6);color:#06202a;font-size:12px;font-weight:800;box-shadow:0 8px 34px #63e8d32c;transition:transform .2s,box-shadow .2s}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 42px #63e8d34c}.button-arrow{font-size:18px}.hero-meta{display:flex;align-items:center;gap:8px;color:#6e829a;font-size:10px}.hero-meta i{width:5px;height:5px}.hero-metrics{display:flex;gap:30px;margin-top:45px;padding-top:22px;border-top:1px solid var(--line);max-width:580px}.hero-metrics div{display:flex;flex-direction:column;gap:3px}.hero-metrics strong{font:700 21px 'DM Mono',monospace;color:#e7f6ff}.hero-metrics span{font-size:9px;color:#71859d;letter-spacing:.3px}
.hero-visual{height:430px;position:relative;overflow:hidden;border:1px solid #36566b66;border-radius:24px;background:radial-gradient(ellipse at 51% 49%,#183f535c 0,transparent 48%),linear-gradient(145deg,#0c1c30,#070d1b 72%);box-shadow:var(--shadow),inset 0 0 70px #142f4929}.hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#81d5d20a 1px,transparent 1px),linear-gradient(90deg,#81d5d20a 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 78%)}.hero-visual-grid{position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,#fff8 0 1px,transparent 1.6px),radial-gradient(circle at 77% 30%,#d7eaff 0 1px,transparent 1.5px),radial-gradient(circle at 83% 74%,#d7eaff 0 1px,transparent 1.5px),radial-gradient(circle at 24% 76%,#d7eaff 0 1px,transparent 1.5px);background-size:190px 170px;opacity:.5}.hero-orbit{position:absolute;left:50%;top:48%;border:1px solid #7ddcc52e;border-radius:50%;transform:translate(-50%,-50%) rotate(-27deg)}.hero-orbit-a{width:70%;height:46%}.hero-orbit-b{width:91%;height:65%;transform:translate(-50%,-50%) rotate(24deg);border-style:dashed;border-color:#a4b7ef25}.hero-sun{position:absolute;left:50%;top:48%;width:112px;height:112px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff4c4,#f7b76b 42%,#d45a2e 73%,#4e1e30 100%);box-shadow:0 0 30px #ffb968b0,0 0 90px #e8794b55,0 0 170px #e8794b25;overflow:hidden}.hero-sun span{position:absolute;inset:0;border-radius:50%;background-image:url('assets/textures/sun-local.webp'),url('assets/textures/sun-fallback.svg');background-size:200% 100%,200% 100%;mix-blend-mode:screen;opacity:.78;animation:texture-roll 24s linear infinite}.hero-earth-orbit{position:absolute;left:50%;top:48%;width:70%;height:46%;transform:translate(-50%,-50%) rotate(-27deg);border-radius:50%;animation:hero-orbit 32s linear infinite}.hero-earth{position:absolute;left:4%;top:50%;width:72px;height:72px;border-radius:50%;transform:translate(-50%,-50%);background-color:#145c83;background-image:url('assets/textures/earth-local.webp'),url('assets/textures/earth-fallback.svg');background-position:center,center;background-size:200% 100%,200% 100%;box-shadow:inset -18px -4px 22px #020915,0 0 22px #53d6db70;animation:texture-roll 35s linear infinite}.hero-earth:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 27%,#fff6,transparent 35%),linear-gradient(90deg,transparent 40%,#010714e6 100%)}.hero-moon-orbit{position:absolute;left:4%;top:50%;width:104px;height:104px;transform:translate(-50%,-50%);border:1px dashed #b8d3e84a;border-radius:50%;animation:hero-moon-orbit 8s linear infinite}.hero-moon{position:absolute;left:50%;top:0;width:15px;height:15px;transform:translate(-50%,-50%);border-radius:50%;background-color:#b9c2d1;background-image:url('assets/textures/moon-local.webp'),url('assets/textures/moon-fallback.svg');background-position:center,center;background-size:200% 100%,200% 100%;box-shadow:0 0 12px #c9d8e4a8}.hero-visual-label{position:absolute;font:9px 'DM Mono',monospace;letter-spacing:1px;color:#a8bbce}.hero-visual-label b{color:#6c899c;margin-left:8px}.label-sun{left:53%;top:25%}.label-earth{left:12%;top:66%}.label-moon{right:9%;top:30%}.hero-coordinates{position:absolute;right:22px;top:20px;display:flex;flex-direction:column;gap:6px;text-align:right;color:#6f879d;font:8px 'DM Mono',monospace;letter-spacing:1px}.hero-coordinates strong{font-size:12px;color:#b5d8df}.hero-visual-footer{position:absolute;left:20px;right:20px;bottom:17px;display:flex;justify-content:space-between;color:#627d92;font:8px 'DM Mono',monospace;letter-spacing:.8px}.hero-visual-footer>span:first-child{display:flex;align-items:center;gap:7px}.pulse-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);animation:pulse 1.7s ease infinite}
.how-to{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,2fr);gap:28px;padding:25px 28px;margin:12px 0 22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(100deg,#0c1728,#0a1322)}.how-title h2{font-size:17px;margin:8px 0 4px;letter-spacing:-.5px}.how-title p{font-size:11px;color:#7e92a9;margin:0;line-height:1.7}.how-title .section-index{font-size:9px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.how-step{display:flex;gap:12px;align-items:flex-start;padding:6px 0}.step-number{font:12px 'DM Mono',monospace;color:var(--mint);border:1px solid #4a9c9280;background:#13323a;border-radius:8px;padding:7px 8px}.how-step strong{font-size:11px;color:#dce9f4}.how-step p{font-size:10px;line-height:1.6;color:#7388a0;margin:5px 0 0}
.panel{background:linear-gradient(145deg,rgba(14,27,45,.96),rgba(8,17,31,.97));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.time-machine{padding:25px 28px;margin:22px 0 18px;position:relative;overflow:hidden}.time-machine:before{content:"";position:absolute;right:-90px;top:-150px;width:380px;height:300px;background:radial-gradient(ellipse,#1b68745c,transparent 68%);pointer-events:none}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative}.section-index{font-size:9px}.panel-heading h2{font-size:23px;margin:8px 0 3px;letter-spacing:-.8px}.panel-heading p{margin:0;color:#7f92a9;font-size:11px}.reference-status{display:flex;align-items:center;gap:8px;color:#6d8c9b;font:9px 'DM Mono',monospace;letter-spacing:.7px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#091421;white-space:nowrap}.reference-status strong{color:var(--mint);font-size:10px}.reference-status i{width:6px;height:6px}.time-controls{display:grid;grid-template-columns:minmax(230px,1.15fr) minmax(200px,1fr) auto;gap:13px;align-items:end;margin-top:23px}.control-field{display:flex;flex-direction:column;gap:8px;min-width:0}.control-field>span,.playback-controls label>span{font:9px 'DM Mono',monospace;color:#7891a7;letter-spacing:1px}.control-field input,.control-field select,.playback-controls select,.solar-tools select,.resonance-controls select{height:43px;width:100%;border:1px solid #2c435b;border-radius:9px;background:#0a1728;color:#e3f0fc;padding:0 12px;outline:none;color-scheme:dark}.control-field input:focus,.control-field select:focus,.playback-controls select:focus,.solar-tools select:focus,.resonance-controls select:focus{border-color:#66d7c5;box-shadow:0 0 0 3px #67dfca15}.date-actions{display:flex;gap:7px}.button-quiet,.button-live,.button-outline,.mini-control{height:43px;border-radius:9px;padding:0 13px;font-size:10px;font-weight:750;white-space:nowrap;transition:.2s}.button-quiet{border:1px solid #30465e;background:#0c1b2d;color:#b4c6d8}.button-quiet:hover{border-color:#66cfc4;color:#fff}.button-live{display:flex;align-items:center;gap:8px;border:1px solid #4e9e8b;background:#143c3d;color:#9ff8e0}.button-live i{width:6px;height:6px;background:#70f2ce;border-radius:50%;box-shadow:0 0 9px #70f2ce}.button-live.is-live{background:linear-gradient(100deg,#174b4c,#12313d)}.timeline-control{margin-top:20px;padding:0 2px}.timeline-labels{display:flex;justify-content:space-between;align-items:center;color:#627990;font:9px 'DM Mono',monospace;margin-bottom:7px}.timeline-labels strong{color:var(--mint);font-size:12px}.timeline-control input{width:100%;accent-color:var(--mint);cursor:pointer}.time-machine-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px;padding-top:16px;border-top:1px solid var(--line)}.playback-controls{display:flex;align-items:center;gap:12px}.playback-controls label{display:flex;flex-direction:column;gap:4px}.playback-controls select{height:32px;min-width:110px;padding:0 9px;font-size:10px}.play-button{width:38px;height:38px;border-radius:50%;border:1px solid #4b9d91;background:linear-gradient(145deg,#1b4b4e,#102a39);color:var(--mint);font-size:15px;box-shadow:0 0 22px #55ddc51c}.selected-instant{display:flex;flex-direction:column;gap:4px;text-align:center}.selected-instant span{font:8px 'DM Mono',monospace;color:#678096;letter-spacing:1px}.selected-instant strong{font:12px 'DM Mono',monospace;color:#c8d9e9}.button-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #38566c;background:#0c1a2a;color:#b8cbdc}.button-outline:hover{border-color:var(--mint);color:var(--mint)}.button-outline>span:first-child{font-size:16px}.control-hint{margin:14px 0 0;color:#61788f;font-size:9px}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 54px}.metric-card{display:flex;align-items:center;gap:13px;padding:17px 18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(120deg,#0d1a2b,#091322)}.metric-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:#173341;color:var(--mint);font:12px 'DM Mono',monospace;border:1px solid #37666c}.moon-icon{color:#c2adff;background:#262440;border-color:#575084}.sun-icon{color:#ffc982;background:#3a2d26;border-color:#755339;font-size:20px}.drift-icon{color:#8db4ff;background:#1b2940;border-color:#3b5277;font-size:19px}.metric-card>div{display:flex;flex-direction:column;min-width:0}.metric-card>div>span{font:8px 'DM Mono',monospace;color:#7288a0;letter-spacing:.8px}.metric-card strong{font:700 18px 'DM Mono',monospace;color:#e4f5ff;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card small{font-size:9px;color:#73879d}
.content-section{padding-top:20px;margin-top:28px;scroll-margin-top:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px}.section-heading h2{font-size:clamp(25px,3vw,35px);line-height:1.15;letter-spacing:-1.3px;margin:8px 0}.section-heading p{font-size:12px;color:#8498af;line-height:1.8;margin:0;max-width:760px}.section-badge{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#0b1726;color:#7893a8;font:8px 'DM Mono',monospace;letter-spacing:.6px;white-space:nowrap}.section-badge i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px var(--mint)}
.solar-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:0;overflow:hidden}.solar-main{padding:19px 20px 15px;min-width:0}.solar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.solar-toolbar>span{display:flex;align-items:center;gap:8px;color:#91a9bc;font:9px 'DM Mono',monospace;letter-spacing:.8px}.live-dot{width:6px;height:6px}.solar-tools{display:flex;align-items:center;gap:8px}.solar-tools label{display:flex;align-items:center;gap:7px;color:#718ba1;font:8px 'DM Mono',monospace}.solar-tools select{height:29px;width:78px;padding:0 7px;font:10px 'DM Mono',monospace}.mini-control{height:29px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #314a60;background:#0c1b2b;color:#a5bacd;font:9px 'DM Mono',monospace}.mini-control:hover{color:var(--mint);border-color:#56b6a7}.solar-stage{position:relative;width:min(100%,680px);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 50%,#172a3d 0,#0a1728 34%,#07101d 68%,#060b16 100%);isolation:isolate}.solar-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 17%,#e5f1ff 0 1px,transparent 1.5px),radial-gradient(circle at 77% 22%,#e5f1ff 0 1px,transparent 1.5px),radial-gradient(circle at 84% 72%,#e5f1ff 0 1px,transparent 1.5px),radial-gradient(circle at 14% 83%,#e5f1ff 0 1px,transparent 1.5px),radial-gradient(circle at 40% 62%,#e5f1ff 0 1px,transparent 1.5px),radial-gradient(circle at 62% 90%,#e5f1ff 0 1px,transparent 1.5px);background-size:180px 170px;opacity:.58;pointer-events:none}.deep-space-grid{position:absolute;inset:0;background-image:linear-gradient(#6dc9d20b 1px,transparent 1px),linear-gradient(90deg,#6dc9d20b 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#000 10%,transparent 80%);pointer-events:none}.orbit-track{position:absolute;left:50%;top:50%;width:calc(var(--orbit)*2);height:calc(var(--orbit)*2);transform:translate(-50%,-50%);border:1px solid #6fabc52b;border-radius:50%;box-shadow:0 0 1px #8ac8db18}.orbit-track:nth-of-type(3n){border-style:dashed;border-color:#75e3d71c}.sun-core{position:absolute;left:50%;top:50%;width:clamp(34px,7%,58px);height:clamp(34px,7%,58px);transform:translate(-50%,-50%);border-radius:50%;z-index:4;box-shadow:0 0 20px #ffb85c,0 0 60px #ff8b4b66,0 0 110px #e8794b30}.sun-texture{position:absolute;inset:0;border-radius:50%;background:#f8a951 url('assets/textures/sun-local.webp') center/200% 100%;animation:texture-roll 24s linear infinite}.sun-corona{position:absolute;inset:-23%;border-radius:50%;background:radial-gradient(circle,transparent 32%,#ffc27c30 48%,#f18c3a00 72%);animation:corona-pulse 4s ease-in-out infinite}.planet-runner{position:absolute;inset:0;--orbit:10%;--phase:0deg;--duration:40s;animation:orbit-turn var(--duration) linear infinite;transform:rotate(var(--phase));z-index:5}.planet-anchor{position:absolute;left:50%;top:calc(50% - var(--orbit));transform:translate(-50%,-50%);display:block;padding:0;border:0;background:transparent;width:clamp(10px,2.5vw,25px);height:clamp(10px,2.5vw,25px);border-radius:50%;filter:drop-shadow(0 0 7px #5bd9dd48);transition:filter .2s}.planet-anchor:hover,.planet-anchor.selected{filter:drop-shadow(0 0 12px #8fffea) drop-shadow(0 0 20px #58bfe0)}.planet-sphere{position:absolute;inset:0;display:block;border-radius:50%;overflow:hidden;background-color:#667788;background-size:200% 100%;background-position:0 50%;box-shadow:inset -5px -2px 8px #020611b5,0 0 7px #8bb8d33a;animation:texture-roll var(--spin,32s) linear infinite}.planet-sphere:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 29% 23%,#ffffff63,transparent 31%),linear-gradient(105deg,transparent 25%,#02071412 48%,#010511db 100%);pointer-events:none}.planet-sphere.mercury{background-image:url('https://cloud.solarsystemscope.com/textures/download/2k_mercury.jpg'),url('assets/textures/mercury-fallback.svg');--spin:30s}.planet-sphere.venus{background-image:url('https://cloud.solarsystemscope.com/textures/download/2k_venus_surface.jpg'),url('assets/textures/venus-fallback.svg');--spin:38s}.planet-sphere.earth{background-image:url('assets/textures/earth-local.webp'),url('assets/textures/earth-fallback.svg');--spin:24s;box-shadow:inset -6px -3px 9px #020611c9,0 0 10px #4bd5ef7a}.planet-sphere.mars{background-image:url('https://cloud.solarsystemscope.com/textures/download/2k_mars.jpg'),url('assets/textures/mars-fallback.svg');--spin:31s}.planet-sphere.jupiter{background-image:url('https://cloud.solarsystemscope.com/textures/download/2k_jupiter.jpg'),url('assets/textures/jupiter-fallback.svg');--spin:44s}.planet-sphere.saturn{background-image:url('https://cloud.solarsystemscope.com/textures/download/2k_saturn.jpg'),url('assets/textures/saturn-fallback.svg');--spin:41s}.planet-sphere.uranus{background-image:url('https://cloud.solarsystemscope.com/textures/download/2k_uranus.jpg'),url('assets/textures/uranus-fallback.svg');--spin:40s}.planet-sphere.neptune{background-image:url('https://cloud.solarsystemscope.com/textures/download/2k_neptune.jpg'),url('assets/textures/neptune-fallback.svg');--spin:37s}.planet-anchor[data-planet="jupiter"]{width:clamp(18px,3.3vw,34px);height:clamp(18px,3.3vw,34px)}.planet-anchor[data-planet="saturn"]{width:clamp(17px,3vw,31px);height:clamp(17px,3vw,31px)}.planet-anchor[data-planet="earth"]{width:clamp(14px,2.4vw,23px);height:clamp(14px,2.4vw,23px)}.planet-anchor[data-planet="neptune"],.planet-anchor[data-planet="uranus"]{width:clamp(12px,2vw,20px);height:clamp(12px,2vw,20px)}.saturn-rings{position:absolute;left:-42%;top:22%;width:185%;height:58%;border:3px solid #d6c5a6aa;border-left-color:#bda98755;border-right-color:#f0d9adcc;border-radius:50%;transform:rotate(-20deg);z-index:2;box-shadow:0 0 5px #e6d3a455}.planet-anchor[data-planet="saturn"] .planet-sphere{z-index:3}.earth-anchor .moon-orbit{position:absolute;width:clamp(32px,5vw,48px);height:clamp(32px,5vw,48px);left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #d5e8f166;border-radius:50%;animation:moon-orbit var(--duration,7s) linear infinite;transform:translate(-50%,-50%) rotate(var(--phase,0deg));pointer-events:none}.earth-anchor .moon-mini{position:absolute;left:50%;top:-3px;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);background-color:#d5d9e3;background-image:url('assets/textures/moon-local.webp'),url('assets/textures/moon-fallback.svg');background-position:center,center;background-size:200% 100%,200% 100%;box-shadow:0 0 6px #dbeaff}.scene-crosshair{position:absolute;width:13px;height:13px;border-color:#6ccfc277;border-style:solid;z-index:1}.crosshair-a{left:12px;top:12px;border-width:1px 0 0 1px}.crosshair-b{right:12px;bottom:12px;border-width:0 1px 1px 0}.scene-coordinates{position:absolute;top:14px;left:18px;display:flex;flex-direction:column;gap:3px;color:#647f98;font:7px 'DM Mono',monospace;letter-spacing:1px;pointer-events:none}.scene-coordinates strong{color:#9fc8d5;font-size:9px}.scene-caption{position:absolute;bottom:13px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;color:#607c92;font:7px 'DM Mono',monospace;letter-spacing:.4px;pointer-events:none}.planet-key{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:11px 0 0;color:#71879d;font-size:9px}.planet-key span{display:flex;align-items:center;gap:6px}.planet-key i{width:6px;height:6px;border-radius:50%;display:inline-block}.key-sun{background:#f5b96e;box-shadow:0 0 7px #f5b96e}.key-rocky{background:#68cfd4}.key-giant{background:#b9a6f3}.key-moon{background:#d7dce6}.planet-inspector{padding:22px 20px;background:linear-gradient(170deg,#0d1b2c,#091321);border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.inspector-top{display:flex;justify-content:space-between;align-items:center;color:#6f899e;font:8px 'DM Mono',monospace;letter-spacing:1px}.inspector-id{color:var(--mint)}.inspector-visual{height:150px;display:grid;place-items:center;position:relative;margin:10px 0 5px;background:radial-gradient(circle,#1d3a50 0,transparent 68%)}.inspector-visual:before{content:"";position:absolute;width:160px;height:90px;border:1px solid #8cd8d32b;border-radius:50%;transform:rotate(-23deg)}.planet-sphere.large{position:relative;width:104px;height:104px;inset:auto;box-shadow:inset -16px -8px 25px #020611d1,0 0 26px #65d9d15a}.planet-sphere.large:after{background:radial-gradient(circle at 28% 22%,#ffffff78,transparent 32%),linear-gradient(100deg,transparent 34%,#020714d9 100%)}.inspector-visual .saturn-rings{position:absolute;width:155px;height:66px;border-width:7px;transform:rotate(-18deg);z-index:2}.planet-class{font:8px 'DM Mono',monospace;letter-spacing:1px;color:var(--mint)}.planet-inspector h3{font-size:26px;letter-spacing:-1px;margin:5px 0}.planet-inspector>p{font-size:10px;color:#8297ad;line-height:1.7;margin:0 0 16px;min-height:40px}.planet-facts{display:flex;flex-direction:column;gap:10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.planet-facts div{display:flex;flex-direction:column;gap:3px}.planet-facts span{font:7px 'DM Mono',monospace;color:#68829a;letter-spacing:.8px}.planet-facts strong{font:12px 'DM Mono',monospace;color:#d7e9f5}.inspector-tip{display:flex;gap:9px;margin-top:13px;color:#d9b67e}.inspector-tip p{font-size:9px;color:#8298ad;line-height:1.7;margin:0}.planet-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:auto;padding-top:16px}.planet-selector button{height:29px;border:1px solid #273e54;border-radius:6px;background:#0a1929;color:#8095a8;font:8px 'DM Mono',monospace}.planet-selector button.active,.planet-selector button:hover{border-color:#57bda9;color:var(--mint);background:#14323b}.data-credit{font-size:9px;color:#607a91;margin:12px 2px 0}.data-credit a{color:#8cdacb;text-decoration:underline;text-underline-offset:2px}
.calendar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.calendar-card{min-height:154px;padding:15px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#0d1b2d,#091321);text-align:left;display:flex;flex-direction:column;gap:8px;position:relative;transition:transform .2s,border-color .2s,background .2s;min-width:0}.calendar-card:hover{transform:translateY(-3px);border-color:#56a99e;background:linear-gradient(145deg,#132b3a,#0b1828)}.calendar-card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.calendar-symbol{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:#173340;color:var(--mint);font:9px 'DM Mono',monospace}.calendar-type{font:7px 'DM Mono',monospace;letter-spacing:.6px;color:#71869b;text-align:right}.calendar-card h3{font-size:12px;color:#dbe9f5;margin:3px 0 0}.calendar-date{font-size:14px;font-weight:700;color:#f0f6ff;line-height:1.4;overflow-wrap:anywhere}.calendar-note-icon{position:absolute;bottom:11px;right:13px;color:#557c8b;font-size:11px}.inline-note{font-size:9px;color:#6f849a;line-height:1.75;margin:13px 0 0;padding-left:2px}
.cycles-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cycle-card{padding:21px 23px;min-width:0}.cycle-card-top{display:flex;align-items:center;justify-content:space-between;color:#7890a7;font:8px 'DM Mono',monospace;letter-spacing:1px}.cycle-tag{padding:5px 8px;border:1px solid #6c5c9b66;background:#24213c;color:#c2b0ff;border-radius:5px}.sun-tag{color:#ffd09a;border-color:#8b694866;background:#332719}.cycle-main{display:flex;align-items:center;gap:23px;padding:20px 4px}.moon-display{position:relative;width:150px;height:150px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,#25364a 0,#111d2f 70%,transparent 72%);display:grid;place-items:center}.moon-texture{position:relative;width:105px;height:105px;border-radius:50%;background-color:#a7b0c0;background-image:url('assets/textures/moon-local.webp'),url('assets/textures/moon-fallback.svg');background-position:center,center;background-size:200% 100%,200% 100%;box-shadow:inset -14px -5px 20px #02050cdd,0 0 20px #9aaedb4d;overflow:hidden;animation:texture-roll 60s linear infinite}.moon-shadow{position:absolute;width:105px;height:105px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(90deg,#020713e8 0%,#020713b8 48%,transparent 100%);mix-blend-mode:multiply;pointer-events:none}.moon-orbit-mark{position:absolute;inset:4px;border:1px dashed #7a8fab33;border-radius:50%;animation:orbit-turn 35s linear infinite}.cycle-main-copy{display:flex;flex-direction:column;gap:5px}.cycle-main-copy>span{font:8px 'DM Mono',monospace;color:#8197ab;letter-spacing:1px}.cycle-main-copy h3{font-size:19px;margin:0;color:#e9effc}.cycle-main-copy>strong{font:700 29px 'DM Mono',monospace;color:#c9b8ff}.cycle-main-copy small{font:8px 'DM Mono',monospace;color:#71869d;letter-spacing:.8px}.cycle-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:15px;border-top:1px solid var(--line)}.cycle-data-grid div{display:flex;flex-direction:column;gap:4px}.cycle-data-grid span,.sun-cycle-data span,.sunrise-line span{font:7px 'DM Mono',monospace;color:#70869c;letter-spacing:.8px}.cycle-data-grid strong{font-size:11px;color:#d6e6f4}.sun-cycle-main{display:flex;align-items:center;justify-content:space-around;gap:16px;padding:9px 0 5px}.season-orb{width:190px;height:190px;position:relative;display:grid;place-items:center;flex-shrink:0}.season-orb svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.season-orb-core{width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#72503a,#291f23 70%,#0d1725);border:1px solid #956d4a66;box-shadow:0 0 35px #d28a4b20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.season-orb-core span{font:8px 'DM Mono',monospace;color:#c79c72;letter-spacing:1px}.season-orb-core strong{font-size:16px;color:#f6d3a3}.sun-cycle-data{display:flex;flex-direction:column;gap:13px;min-width:0}.sun-cycle-data div{display:flex;flex-direction:column;gap:4px}.sun-cycle-data strong{font-size:13px;color:#e7d6c0}.sun-cycle-data small{font-size:9px;color:#8193a6}.sunrise-line{display:flex;align-items:center;gap:12px;padding-top:13px;border-top:1px solid var(--line)}.sunrise-line div:not(.sunrise-track){display:flex;flex-direction:column;gap:4px;white-space:nowrap}.sunrise-line strong{font:12px 'DM Mono',monospace;color:#f3c38b}.sunrise-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#3a4f76,#eab36f,#f3d9a2,#243c65);flex:1;position:relative}.sunrise-track span{position:absolute;width:9px;height:9px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#ffd18e;box-shadow:0 0 10px #ffd18e}
.fingerprint-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.fingerprint-visual{position:relative;min-height:340px;overflow:hidden}.fingerprint-visual canvas{width:100%;height:310px;display:block}.fingerprint-visual-caption{position:absolute;bottom:14px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;color:#718ba0;font:8px 'DM Mono',monospace;letter-spacing:.8px}.fingerprint-visual-caption strong{color:var(--mint)}.fingerprint-data{padding:20px}.data-panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line);color:#8299ad;font:8px 'DM Mono',monospace;letter-spacing:1px}.data-panel-heading i{font-style:normal;color:var(--mint);font-size:8px}.fingerprint-list{display:flex;flex-direction:column}.fp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #263a4c}.fp-row:last-child{border-bottom:0}.fp-row span{font-size:10px;color:#8499ae}.fp-row strong{font:11px 'DM Mono',monospace;color:#d9eaf6;text-align:right}
.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#0b1726}.segmented button{border:0;border-radius:6px;padding:7px 10px;background:transparent;color:#7e94a9;font-size:9px}.segmented button.selected{background:#173c42;color:var(--mint)}.chart-card{padding:20px 22px}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8398ad;font:8px 'DM Mono',monospace;letter-spacing:.8px}.chart-legend{display:flex;gap:13px;flex-wrap:wrap}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-julian{background:#71ebd9}.legend-gregorian{background:#9da4fe}.legend-lunar{background:#e5aa78}.chart-wrap{height:320px;position:relative;margin-top:10px}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-tooltip{position:absolute;pointer-events:none;padding:9px 11px;background:#10243a;border:1px solid #4d7c89;border-radius:7px;color:#c8e6f0;font-size:9px;line-height:1.6;box-shadow:0 8px 30px #0007}.chart-explainer{display:grid;grid-template-columns:auto auto auto minmax(160px,1fr);gap:22px;align-items:center;border-top:1px solid var(--line);padding-top:14px}.chart-explainer div{display:flex;flex-direction:column;gap:3px}.chart-explainer strong{font:13px 'DM Mono',monospace;color:#c3e7e1}.chart-explainer span{font-size:8px;color:#71869c}.chart-explainer p{font-size:9px;line-height:1.6;color:#6e8399;margin:0}
.history-layout{display:grid;grid-template-columns:250px 1fr;gap:14px}.reform-list{display:flex;flex-direction:column;gap:7px}.reform-button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#0b1727;color:#d6e5f3;transition:.2s}.reform-button:hover,.reform-button.selected{border-color:#987b61;background:linear-gradient(100deg,#2b211e,#101827)}.reform-button strong{font:700 15px 'DM Mono',monospace;color:#f0c08d}.reform-button small{display:block;font-size:9px;color:#7d91a5;margin-top:3px}.reform-button span{font-size:9px;color:#7d91a5}.reform-detail{padding:24px 26px;background:radial-gradient(ellipse at 90% 0%,#70482c24,transparent 45%),linear-gradient(140deg,#131c2b,#0a1422)}.reform-top{display:flex;justify-content:space-between;align-items:center;color:#8c9aab;font:8px 'DM Mono',monospace;letter-spacing:.8px}.reform-top strong{color:#e6b987}.reform-tag{padding:5px 8px;border-radius:5px;background:#3b2a20;color:#e4b98b;border:1px solid #74523c}.reform-detail h3{font-size:22px;margin:17px 0 8px}.reform-detail>p{font-size:10px;color:#8b9caf;line-height:1.8;margin:0}.reform-transition{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;margin:25px 0 15px;padding:18px 0;border-top:1px solid #3b3a3a;border-bottom:1px solid #3b3a3a}.reform-transition div{display:flex;flex-direction:column;gap:7px}.reform-transition div:last-child{text-align:right}.reform-transition span{font:8px 'DM Mono',monospace;color:#a58d78}.reform-transition strong{font-size:13px;color:#e8d5c2}.reform-gap{text-align:center;align-items:center}.reform-gap strong{color:#f0b67e;font:700 14px 'DM Mono',monospace}.reform-gap span{font-size:12px;color:#c28d65}.reform-detail .reform-footnote{font-size:9px;color:#b18e70}
.resonance-panel{padding:19px 21px}.resonance-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:15px;border-bottom:1px solid var(--line)}.resonance-controls>span{font:8px 'DM Mono',monospace;letter-spacing:1px;color:#7b92a7}.resonance-controls label{display:flex;align-items:center;gap:7px;font-size:10px;color:#a4b5c7}.resonance-controls input{accent-color:var(--mint)}.horizon-control{margin-left:auto}.horizon-control select{height:30px;width:90px;padding:0 7px;font-size:9px}.recurrence-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.recurrence-result{min-height:108px;padding:13px;border:1px solid #2a4158;border-radius:9px;background:#0b1a2b;text-align:left;display:flex;flex-direction:column;gap:8px;transition:.2s}.recurrence-result:hover{transform:translateY(-2px);border-color:#60c6b4}.match-top{display:flex;justify-content:space-between;color:#8095a9;font:8px 'DM Mono',monospace}.match-top b{color:var(--mint)}.recurrence-result>strong{font-size:14px;color:#e6f1fa}.match-footer{display:flex;justify-content:space-between;gap:8px;color:#778da3;font-size:8px}.empty-state{grid-column:1/-1;color:#8094a8;padding:20px;font-size:11px}
.world-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.world-globe,.world-clocks{padding:19px 21px;min-width:0}.world-globe canvas{width:100%;height:300px;display:block}.world-globe>p{font-size:8px;color:#667f95;text-align:center;margin:0}.world-clock-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 2px;border-bottom:1px solid #26394c;cursor:pointer}.world-clock-row:last-child{border:0}.world-clock-row:hover .world-city strong,.world-clock-row.is-selected .world-city strong{color:var(--mint)}.world-city{display:flex;flex-direction:column;gap:3px}.world-city strong{font-size:11px;color:#dce9f5}.world-city small{font-size:8px;color:#6e849b}.world-time{font:700 18px 'DM Mono',monospace;color:#b7eee3}
.methodology{display:flex;gap:17px;margin-top:52px;padding:22px 24px;background:linear-gradient(110deg,#101f30,#0a1726)}.methodology-icon{width:34px;height:34px;flex-shrink:0;border-radius:9px;border:1px solid #3e777a;background:#14323a;color:var(--mint);display:grid;place-items:center;font:700 16px 'DM Mono',monospace}.methodology h2{font-size:15px;margin:6px 0 7px}.methodology p{font-size:9px;line-height:1.8;color:#8196aa;margin:0;max-width:1200px}.source-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:13px}.source-links a{font:8px 'DM Mono',monospace;color:#7bd2c5;letter-spacing:.5px}.source-links a:hover{text-decoration:underline}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px;padding:22px 0 8px;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:10px}.footer-mark{font-size:25px;color:var(--mint)}.footer-brand div{display:flex;flex-direction:column;gap:3px}.footer-brand strong{font-size:10px;letter-spacing:1px}.footer-brand small{font:8px 'DM Mono',monospace;color:#688398;letter-spacing:1px}.footer-credit{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;font-size:10px;color:#a2b3c4}.footer-credit strong,.footer-credit a{color:var(--mint);font-weight:800;text-decoration:underline;text-underline-offset:3px}.credit-dot{color:#52677d}.footer-end{display:flex;flex-direction:column;gap:3px;text-align:right;font:8px 'DM Mono',monospace;color:#71869a;letter-spacing:.5px}.footer-end small{color:#4c7b79}.toast{position:fixed;z-index:100;bottom:22px;right:22px;max-width:min(90vw,380px);padding:12px 16px;border:1px solid #438d82;border-radius:10px;background:#102c32;color:#c8fff2;font-size:11px;box-shadow:0 14px 40px #0008;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:translateY(0)}
@keyframes texture-roll{from{background-position:0 50%}to{background-position:200% 50%}}@keyframes orbit-turn{from{transform:rotate(var(--phase))}to{transform:rotate(calc(var(--phase) + 360deg))}}@keyframes moon-orbit{from{transform:translate(-50%,-50%) rotate(var(--phase,0deg))}to{transform:translate(-50%,-50%) rotate(calc(var(--phase,0deg) + 360deg))}}@keyframes hero-orbit{from{transform:translate(-50%,-50%) rotate(-27deg)}to{transform:translate(-50%,-50%) rotate(333deg)}}@keyframes hero-moon-orbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes corona-pulse{0%,100%{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse{0%,100%{opacity:.55}50%{opacity:1;box-shadow:0 0 16px var(--mint)}}
@media(max-width:1250px){.main-nav{gap:14px}.main-nav a{font-size:10px}.system-live{display:none}.hero-section{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)}.solar-layout{grid-template-columns:minmax(0,1fr) 260px}.calendar-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.calendar-card{padding:12px}.cycles-grid{grid-template-columns:1fr}.cycle-card{min-height:250px}}
@media(max-width:980px){.topbar{height:104px;padding:12px 22px 42px;align-items:flex-start}.main-nav{display:flex;position:absolute;left:22px;right:22px;bottom:7px;overflow-x:auto;gap:18px;white-space:nowrap;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{font-size:9px}.top-actions{margin-left:auto}.hero-section{grid-template-columns:1fr 1fr;gap:20px;min-height:410px}.hero-copy h1{font-size:clamp(40px,6vw,58px)}.hero-visual{height:370px}.how-to{grid-template-columns:1fr;gap:12px}.time-controls{grid-template-columns:1fr 1fr}.date-actions{grid-column:1/-1}.date-actions>*{flex:1}.solar-layout{grid-template-columns:1fr}.planet-inspector{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:140px 1fr 1fr;gap:0 18px;align-items:center}.inspector-top{grid-column:1/-1}.inspector-visual{grid-row:2/6;height:130px}.planet-class,.planet-inspector h3,.planet-inspector>p{grid-column:2/4}.planet-inspector>p{min-height:0}.planet-facts{grid-column:2/4;display:grid;grid-template-columns:1fr 1fr}.inspector-tip{grid-column:2/4}.planet-selector{grid-column:1/-1;grid-template-columns:repeat(8,1fr)}.calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.page-shell{padding:18px 13px 24px}.topbar{height:98px;padding:11px 13px 40px}.main-nav{left:13px;right:13px;bottom:6px;gap:15px}.main-nav a{font-size:8px}.brand-symbol{width:34px;height:34px}.brand-name strong{font-size:11px}.brand-name small{font-size:7px}.hero-section{display:flex;flex-direction:column;align-items:stretch;padding:18px 0 20px;gap:20px}.hero-copy{padding:8px 4px 0}.hero-copy h1{font-size:clamp(40px,10vw,58px);letter-spacing:-2.5px;margin:20px 0 13px}.hero-lead{font-size:12px}.hero-metrics{margin-top:28px;gap:16px}.hero-metrics strong{font-size:17px}.hero-metrics span{font-size:8px}.hero-visual{height:330px;min-height:330px}.hero-sun{width:84px;height:84px}.hero-earth{width:54px;height:54px}.hero-moon{width:11px;height:11px}.how-to{padding:18px 16px;margin:4px 0 15px}.how-steps{grid-template-columns:1fr;gap:7px}.how-step{padding:3px 0}.time-machine{padding:19px 15px;margin:15px 0}.panel-heading{flex-direction:column;gap:12px}.panel-heading h2{font-size:20px}.reference-status{align-self:flex-start}.time-controls{grid-template-columns:1fr}.date-actions{grid-column:auto}.date-actions button{padding:0 7px;font-size:9px}.time-machine-footer{flex-wrap:wrap;gap:12px}.selected-instant{order:3;flex-basis:100%;text-align:left}.button-outline{margin-left:auto}.stats-row{gap:8px;margin:13px 0 35px}.metric-card{padding:12px 10px;gap:9px}.metric-icon{width:31px;height:31px;font-size:10px}.metric-card>div>span{font-size:7px}.metric-card strong{font-size:14px}.metric-card small{font-size:8px}.section-heading{flex-direction:column;align-items:flex-start;gap:10px}.section-heading h2{font-size:27px}.section-heading p{font-size:10px}.section-badge{font-size:7px}.solar-main{padding:13px 9px 10px}.solar-toolbar{align-items:flex-start}.solar-toolbar>span{font-size:7px}.solar-tools{gap:4px}.solar-tools label{font-size:7px}.solar-tools select{width:65px}.mini-control{padding:0 6px;font-size:8px}.solar-stage{width:100%;border-radius:12px}.scene-caption{font-size:6px;left:9px;right:9px}.scene-coordinates{left:10px;top:10px}.planet-key{gap:10px;font-size:7px}.planet-inspector{padding:16px 14px;grid-template-columns:105px 1fr;gap:0 12px}.inspector-top{grid-column:1/-1}.inspector-visual{grid-row:2/7;height:115px}.planet-class,.planet-inspector h3,.planet-inspector>p,.planet-facts,.inspector-tip{grid-column:2}.planet-inspector h3{font-size:22px}.planet-facts{display:flex;gap:7px;padding:10px 0}.planet-facts strong{font-size:10px}.planet-facts span{font-size:6px}.inspector-tip{margin-top:8px}.planet-selector{grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-top:10px;padding-top:10px}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.calendar-card{min-height:138px;padding:11px}.calendar-card h3{font-size:11px}.calendar-date{font-size:12px}.cycle-card{padding:16px 13px}.cycle-main{gap:12px;padding:15px 0}.moon-display{width:120px;height:120px}.moon-texture,.moon-shadow{width:84px;height:84px}.cycle-main-copy h3{font-size:16px}.cycle-main-copy>strong{font-size:24px}.cycle-data-grid{gap:10px}.cycle-data-grid strong{font-size:10px}.sun-cycle-main{gap:8px}.season-orb{width:145px;height:145px}.season-orb-core{width:90px;height:90px}.season-orb-core strong{font-size:13px}.sun-cycle-data{gap:9px}.sun-cycle-data strong{font-size:11px}.sunrise-line{gap:6px}.sunrise-line strong{font-size:10px}.sunrise-line span{font-size:6px}.fingerprint-layout,.world-layout,.history-layout{grid-template-columns:1fr}.fingerprint-visual{min-height:300px}.fingerprint-visual canvas{height:270px}.fingerprint-data{padding:15px}.segmented{align-self:flex-start}.chart-card{padding:15px 11px}.chart-head{flex-direction:column;align-items:flex-start}.chart-legend{gap:9px}.chart-wrap{height:260px}.chart-explainer{grid-template-columns:1fr 1fr;gap:12px}.chart-explainer p{grid-column:1/-1}.reform-list{display:grid;grid-template-columns:repeat(2,1fr)}.reform-button{padding:10px}.reform-transition{gap:5px}.reform-transition strong{font-size:10px}.reform-gap strong{font-size:11px}.reform-gap span{font-size:8px}.resonance-panel{padding:14px 12px}.resonance-controls{gap:11px}.horizon-control{margin-left:0}.recurrence-list{grid-template-columns:1fr}.world-globe,.world-clocks{padding:15px}.world-globe canvas{height:250px}.methodology{margin-top:35px;padding:16px 14px;gap:11px}.methodology p{font-size:8px}.source-links{gap:10px}.source-links a{font-size:7px}.site-footer{flex-direction:column;text-align:center;gap:12px}.footer-end{text-align:center}.footer-credit{font-size:9px;justify-content:center}}
@media(max-width:380px){.language-button{padding:5px 7px}.hero-metrics{gap:10px}.hero-metrics strong{font-size:15px}.hero-metrics span{font-size:7px}.date-actions{gap:4px}.date-actions button{font-size:8px}.planet-key{gap:7px}.planet-inspector{grid-template-columns:88px 1fr}.planet-inspector h3{font-size:19px}.planet-facts strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

.solar-stage.paused .planet-runner,.solar-stage.paused .moon-orbit{animation-play-state:paused}