:root{color-scheme:dark;--bg:#0b100e;--panel:#141d18;--ink:#edf1e9;--muted:#a1afa4;--accent:#c0e0a8;--line:#ffffff18}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:system-ui,sans-serif;color:var(--ink);line-height:1.6}main{max-width:1120px;margin:auto;padding:32px 32px 20px}nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font:21px ui-monospace,monospace;color:var(--ink);text-decoration:none;letter-spacing:-.06em}.brand span{color:var(--muted)}.top-note,.eyebrow,.section-heading>span{font:10px ui-monospace,monospace;letter-spacing:.12em;color:var(--accent)}header{padding:88px 0 35px;max-width:750px}h1{font-size:clamp(44px,7vw,78px);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:25px 0}.intro{font-size:17px;max-width:57ch;color:var(--muted)}.status{display:flex;align-items:flex-start;gap:14px;background:#bedfa408;border:1px solid #bedfa429;border-radius:14px;padding:15px 20px;margin:10px 0 52px}.status p{font-size:13px;color:var(--muted);margin:0}.status strong{font-weight:550;color:var(--ink)}.dot{margin-top:8px;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}h2{font-weight:500;font-size:24px;letter-spacing:-.025em;margin:0}.package{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel)}.poster{padding:40px;min-height:350px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at top right,#45623c60,transparent 75%),#19271d;position:relative;color:var(--accent);font-family:ui-monospace,monospace}.poster-label{font-size:10px;letter-spacing:.15em;margin-bottom:40px}.poster-clock{font-size:clamp(40px,6vw,70px);letter-spacing:-.07em;line-height:1.2}.poster-bar{font-size:clamp(10px,1.4vw,17px);white-space:pre;margin:15px 0 30px}.poster-foot{font-size:10px;color:#a3b59c}.package-body{padding:36px;display:flex;flex-direction:column;align-items:flex-start}.tags{font:10px ui-monospace,monospace;letter-spacing:.06em;color:var(--accent)}h3{font-size:28px;font-weight:500;letter-spacing:-.035em;margin:13px 0 4px}.description{font-size:14px;color:var(--muted);margin:8px 0 18px}.package-note{font-size:12px;color:#bfcbb9;border-left:2px solid #bedfa450;padding-left:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid #ffffff30;border-radius:10px;text-decoration:none;color:var(--ink);font-size:13px;background:transparent;cursor:pointer}.button.primary{background:var(--accent);color:#182113;border-color:var(--accent)}.button:hover{filter:brightness(1.12)}.button[aria-disabled=true]{opacity:.5;pointer-events:none}a{color:var(--accent);text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.download-status{font-size:12px;margin:0;color:var(--muted)}details{width:100%;margin-top:20px;border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere;color:var(--ink)}code{font-family:ui-monospace,monospace;font-size:10px}ul{padding-left:18px}.how{margin:70px 0 50px;padding-top:30px;border-top:1px solid var(--line)}.how h2{font-size:30px;line-height:1.2;margin:20px 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.facts p{font-size:13px;color:var(--muted)}.facts span{display:block;font:10px ui-monospace,monospace;color:var(--accent);margin-bottom:12px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font:11px ui-monospace,monospace;color:var(--muted)}#error{color:#efb0a0}@media(max-width:700px){main{padding:22px 18px}.top-note{font-size:8px;text-align:right;max-width:100px}header{padding-top:55px}.package{grid-template-columns:1fr}.poster{min-height:250px;padding:28px}.poster-label{margin-bottom:22px}.poster-clock{font-size:54px}.poster-bar{font-size:15px}.package-body{padding:26px}.facts{grid-template-columns:1fr;gap:5px}.section-heading{align-items:baseline}.section-heading>span{font-size:8px}.section-heading h2{font-size:21px}.status{margin-bottom:35px}h1{font-size:52px}.how{margin-top:45px}.actions{width:100%}.actions .button{flex:1}.how h2{font-size:27px}}
