:root{--bg:#f7f8fa;--card-bg:#fff;--text:#1c2330;--text-muted:#5c6779;--border:#e4e8ef;--accent:#4b5fe0;--peak:#b45309;--peak-bg:#fff3e0;--peak-border:#f2c98f;--off-peak:#15803d;--off-peak-bg:#e8f7ee;--off-peak-border:#b7e0c6;--page-tint:#4b5fe00b;--card-shadow:0 1px 2px #1018280a, 0 10px 28px -14px #10182824;--ring-peak:#b453091f;--ring-off:#15803d1f;--shadow-peak:#b4530959;--shadow-off:#15803d59;--glow-peak:#b4530921;--glow-off:#15803d1f;--strip-bg:#edf0f5;--strip-peak:#b4530933;--strip-peak-active:#b453098c;--row-hover:#1c233009;--selection-bg:#4b5fe029;--scrollbar-thumb:#c7cedb}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1116;--card-bg:#161b23;--text:#e8ecf3;--text-muted:#9aa6b8;--border:#262d38;--accent:#8299ff;--peak:#fbbf24;--peak-bg:#332408;--peak-border:#7c521c;--off-peak:#4ade80;--off-peak-bg:#10241a;--off-peak-border:#2e6b45;--page-tint:#8299ff0f;--card-shadow:0 1px 2px #00000059, 0 12px 30px -16px #0009;--ring-peak:#fbbf2424;--ring-off:#4ade801f;--shadow-peak:#fbbf2440;--shadow-off:#4ade8038;--glow-peak:#fbbf2417;--glow-off:#4ade8014;--strip-bg:#1e2530;--strip-peak:#fbbf2429;--strip-peak-active:#fbbf2466;--row-hover:#e8ecf30a;--selection-bg:#8299ff47;--scrollbar-thumb:#39424f}}*{box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(1100px 480px at 50% -160px, var(--page-tint), transparent 70%);color:var(--text);background-repeat:no-repeat;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}::selection{background:var(--selection-bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (pointer:fine){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:content-box;border:2px solid #0000;border-radius:8px}}.page{max-width:760px;margin:0 auto;padding:40px 20px 60px}.page-peak{--status-color:var(--peak);--status-ring:var(--ring-peak);--status-shadow:var(--shadow-peak)}.page-off-peak{--status-color:var(--off-peak);--status-ring:var(--ring-off);--status-shadow:var(--shadow-off)}.header{text-align:center;margin-bottom:32px}.header h1{letter-spacing:-.03em;margin:0;font-size:1.7rem}.subtitle{color:var(--text-muted);margin:6px 0 0}.hero{text-align:center;background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:20px;margin-bottom:24px;padding:44px 24px 40px;position:relative;overflow:hidden}.hero-ambient{pointer-events:none;position:absolute;inset:0}.ambient-layer{opacity:0;border-radius:50%;height:110%;transition:opacity .8s;position:absolute;inset:-30% -15% auto}.ambient-peak{background:radial-gradient(closest-side, var(--glow-peak), transparent 72%)}.ambient-off{background:radial-gradient(closest-side, var(--glow-off), transparent 72%)}.ambient-layer.is-on{opacity:1}.badge{letter-spacing:.08em;border-radius:999px;align-items:center;gap:10px;padding:12px 28px;font-size:1.35rem;font-weight:700;transition:background-color .45s,border-color .45s,color .45s,box-shadow .45s;display:inline-flex}.badge-peak{color:var(--peak);background:var(--peak-bg);border:1px solid var(--peak-border);box-shadow:0 0 0 4px var(--ring-peak), 0 10px 26px -14px var(--shadow-peak)}.badge-off-peak{color:var(--off-peak);background:var(--off-peak-bg);border:1px solid var(--off-peak-border);box-shadow:0 0 0 4px var(--ring-off), 0 10px 26px -14px var(--shadow-off)}.badge-inner{align-items:center;gap:10px;animation:.5s cubic-bezier(.16,1,.3,1) both badge-pop;display:inline-flex;position:relative}.badge-inner:after{content:"";opacity:0;pointer-events:none;border:2px solid;border-radius:999px;animation:.7s ease-out 50ms both badge-ping;position:absolute;inset:-14px}@keyframes badge-pop{0%{opacity:0;transform:scale(.94)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes badge-ping{0%{opacity:.55;transform:scale(.85)}to{opacity:0;transform:scale(1.3)}}.badge-dot{background:currentColor;border-radius:50%;width:11px;height:11px;animation:2s ease-in-out infinite pulse}@media (prefers-reduced-motion:reduce){.badge-dot{animation:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-label{color:var(--text-muted);margin:18px 0 4px}.hero-clock{font-variant-numeric:tabular-nums;letter-spacing:.01em;margin:8px 0 0;font-size:2.4rem;font-weight:700}.clock-seconds{min-width:1.6em;color:var(--text-muted);margin-left:.06em;font-size:.55em;font-weight:500;animation:.6s cubic-bezier(.16,1,.3,1) both sec-tick;display:inline-block}@keyframes sec-tick{0%{opacity:.35;transform:translateY(.18em)}to{opacity:1;transform:translateY(0)}}.hero-tz{color:var(--text-muted);overflow-wrap:anywhere;font-size:1rem;font-weight:400}.hero-utc{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.9rem}.hero-countdown{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:16px 0 0;font-size:.95rem}.countdown-value{color:var(--status-color);font-weight:700;animation:.35s cubic-bezier(.16,1,.3,1) both minute-bump;display:inline-block}@keyframes minute-bump{0%{transform:scale(1.06)}to{transform:scale(1)}}.hero .badge{animation:.4s cubic-bezier(.16,1,.3,1) 50ms both rise-fade}.hero-clock{animation:.45s cubic-bezier(.16,1,.3,1) .1s both rise-fade}.hero-label{animation:.4s cubic-bezier(.16,1,.3,1) .16s both rise-fade}.hero-utc,.hero-countdown{animation:.4s cubic-bezier(.16,1,.3,1) .22s both rise-fade}main>.card{animation:.45s cubic-bezier(.16,1,.3,1) .28s both rise-fade}main>.card+.card{animation-delay:.36s}@keyframes rise-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:20px;margin-bottom:24px;padding:24px 26px}.card h2{letter-spacing:-.01em;margin:0 0 4px;font-size:1.15rem}.hint{color:var(--text-muted);margin:0 0 16px;font-size:.9rem}.day-strip{margin:4px 0 18px}.strip-track{background:var(--strip-bg);border-radius:999px;height:18px;position:relative}.strip-segment{background:var(--strip-peak);border-radius:999px;transition:background-color .5s,box-shadow .5s;animation:.45s cubic-bezier(.16,1,.3,1) both strip-in;position:absolute;top:0;bottom:0}.strip-segment-active{background:var(--strip-peak-active);box-shadow:0 0 12px -2px var(--status-shadow)}@keyframes strip-in{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.strip-now{pointer-events:none;width:2px;transition:left .6s;position:absolute;top:-5px;bottom:-5px;transform:translate(-50%)}.strip-now-line{background:var(--status-color);opacity:.85;border-radius:2px;position:absolute;inset:0}.strip-now-dot{background:var(--card-bg);border:2px solid var(--status-color);width:10px;height:10px;box-shadow:0 0 0 3px var(--status-ring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.strip-hours{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:.72rem;display:flex}.window-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.window-item{border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.window-active{border-color:var(--peak-border);background:var(--peak-bg);color:var(--peak);font-weight:600}.window-now{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.next-day{color:var(--text-muted);font-size:.9em;font-weight:400}.pricing-table{border-collapse:collapse;width:100%;font-size:.95rem}.pricing-table th,.pricing-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.pricing-table thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.85rem}.pricing-table .thead-sub th{text-transform:none;letter-spacing:0;padding-top:0;font-size:.78rem;font-weight:400}.pricing-table tbody tr{transition:background-color .15s}.pricing-table tbody tr:hover{background:var(--row-hover)}.pricing-table tbody tr:last-child th,.pricing-table tbody tr:last-child td{border-bottom:none}.model-name{word-break:break-word;font-family:ui-monospace,Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.85rem;font-weight:600}.tier-prices{font-variant-numeric:tabular-nums;white-space:nowrap}.price-off-peak{color:var(--off-peak)}.price-peak{color:var(--peak)}.price-slash{color:var(--text-muted)}.footer{color:var(--text-muted);text-align:center;margin-top:32px;font-size:.82rem}.footer p{margin:0 0 4px}.footer a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.footer a:hover{text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){.badge-dot,.clock-seconds,.countdown-value,.strip-segment,.badge-inner,.badge-inner:after,.hero .badge,.hero-clock,.hero-label,.hero-utc,.hero-countdown,main>.card{animation:none}.strip-now{transition:none}}@media (width<=640px){.page{padding-top:28px}.hero{border-radius:16px;padding:34px 18px 30px}.hero-clock{font-size:1.9rem}.badge{padding:10px 22px;font-size:1.15rem}.card{border-radius:16px;padding:20px}.strip-track{height:16px}.pricing-table{font-size:.82rem}.tier-prices{white-space:normal}}
