:root{color-scheme:dark;--bg:#020907;--green:#65ff9a;--pale:#d6ffe2;--muted:#9ab8a4;--line:#1a4a2d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 65% 70% at 50% 28%,#0a1e12 0%,var(--bg) 72%);color:var(--pale);font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:var(--green)}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.matrix{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(#39d3730a 1px,transparent 1px),linear-gradient(90deg,#39d3730a 1px,transparent 1px),repeating-linear-gradient(90deg,transparent 0 10.5%,#1b683c0d 10.5% 10.65%,transparent 10.65% 18%);background-size:38px 38px,38px 38px,100% 100%}
.site{width:min(1390px,calc(100% - 54px));min-height:100vh;margin:auto;display:flex;flex-direction:column}.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:12px;letter-spacing:.11em;font-weight:700;text-shadow:0 0 12px #66ff9a88}.brand:first-letter{font-size:18px}.top-actions{display:flex;align-items:center;gap:30px}.system{color:var(--muted);font-size:11px;letter-spacing:.15em}.system:first-letter{color:var(--green)}.install{padding:10px 14px;border:1px solid #4eaa70;background:#07180d;color:#d6ffe2;letter-spacing:.12em;font-size:11px;cursor:pointer;box-shadow:0 0 14px #41ff8225}.install:hover{background:#113421}
main{width:min(950px,100%);margin:0 auto;padding:12px 0 60px;text-align:center;flex:1}.eyebrow{margin:0 0 8px;color:#98dba9;font-size:11px;letter-spacing:.33em}h1{margin:0;color:#d8ffe3;font-size:clamp(42px,8.8vw,82px);line-height:1.05;letter-spacing:.17em;text-shadow:0 0 36px #65ff9a35}.intro{margin:17px 0 45px;color:#a8c2af;letter-spacing:.12em}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.time-box{min-height:164px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--line);background:linear-gradient(150deg,#0b2414ad,#04100a9c);position:relative}.time-box:before,.time-box:after{content:"";position:absolute;width:8px;height:8px;border-color:#8cffb0}.time-box:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.time-box:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.time-box strong{color:var(--green);font-size:clamp(38px,5.5vw,76px);font-weight:400;line-height:1.15;letter-spacing:.03em;text-shadow:0 0 25px #34ff8066}.time-box span{margin-top:13px;color:#a1bca9;letter-spacing:.2em;font-size:11px}.accuracy{max-width:720px;margin:19px auto 28px;color:#839a88;font-size:12px;line-height:1.6}.target{display:flex;justify-content:center;align-items:center;gap:23px;font-size:12px;letter-spacing:.08em}.target span{color:#a8bbaa}.target strong{font-weight:400}.offsets{width:max-content;max-width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:12px auto 18px;padding:8px 14px;border:1px solid var(--line);color:#93a698;font-size:10px;letter-spacing:.08em}.offsets strong{color:#9beeb4;font-weight:400}.timezone{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:28px}.timezone label{font-size:11px;letter-spacing:.14em;color:#9caf9e}.timezone select{max-width:min(100%,390px);padding:10px 34px 10px 12px;border:1px solid #1f5834;background:#08170d;color:#d7ffe1;cursor:pointer;font-size:12px}
.world{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;text-align:left}.world-card{min-height:70px;padding:10px 12px;border:1px solid #183e27;background:#06150ca3}.world-head{display:flex;justify-content:space-between;gap:10px;color:#d5ffe0;font-size:10px;letter-spacing:.07em}.world-head time{color:#89f1a8}.world-count{font-size:12px;color:#d6eadd}.world-meta{color:#7f9b87;font-size:10px}.midnight{margin:39px 0 0;color:#6b8973;font-size:10px;letter-spacing:.18em}.install-help{max-width:500px;margin:18px auto;padding:12px;border:1px solid var(--line);background:#081b10;color:#c6e6d0;font-size:12px}
footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:65px;border-top:1px solid #123923;color:#74977c;font-size:11px}footer nav{display:flex;gap:20px;flex-wrap:wrap}footer a{color:#97bba1;text-decoration:none}footer a:hover{text-decoration:underline}.info-button{position:fixed;right:28px;bottom:25px;width:38px;height:38px;border:1px solid #46d979;border-radius:50%;background:#06160b;color:#8dffad;cursor:pointer;box-shadow:0 0 18px #35ef7855;font-weight:700}.info-button:hover{background:#194b2b}dialog{width:min(430px,calc(100% - 30px));border:1px solid #3ea664;background:#07170e;color:#d9ffe3;box-shadow:0 0 0 100vmax #0009,0 0 40px #4bff8830;padding:25px}dialog::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-head h2{margin:0;font-size:17px;letter-spacing:.1em}.dialog-head button{border:0;background:none;color:#a1dcb4;cursor:pointer;font-size:10px;letter-spacing:.1em}dialog p{color:#a9c4b0}.dialog-links{display:flex;gap:20px;margin-top:24px;font-size:12px}
@media(max-width:760px){.site{width:min(100% - 30px,600px)}.topbar{min-height:72px}.top-actions{gap:10px}.system{display:none}main{padding-top:46px}.intro{margin-bottom:32px}.countdown{gap:8px}.time-box{min-height:124px}.time-box span{font-size:9px;letter-spacing:.08em}.world{grid-template-columns:repeat(2,1fr)}footer{align-items:flex-start;flex-direction:column;padding:18px 0}.info-button{right:16px;bottom:16px}}
@media(max-width:420px){.brand{font-size:10px}.install{font-size:9px;padding:8px}.time-box{min-height:99px}.time-box strong{font-size:clamp(29px,9vw,42px)}.accuracy{font-size:11px}.timezone{align-items:flex-start;flex-direction:column;gap:6px}.timezone select{width:100%}.offsets{gap:7px;font-size:9px}.world-card{padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.project-overview{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 14px;border:1px solid #82ffab;border-radius:5px;background:#0c2c19;color:#acffc5;font:800 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-decoration:none;box-shadow:0 0 18px #5cff9e70,inset 0 0 10px #5cff9e22;text-shadow:0 0 11px #7bffad}.project-overview:hover{background:#195c32;color:#f0fff4;box-shadow:0 0 26px #5cff9eb0}.top-actions{display:flex;align-items:center;gap:12px}@media(max-width:700px){.topbar{flex-wrap:wrap}.top-actions{width:100%;flex-wrap:wrap}.project-overview{white-space:normal}}