:root{color-scheme:dark;--bg:#24273a;--fg:#cad3f5;--mut:#a5adcb;--gbg:#2b4048;--gbd:#8bd5ca;--gfg:#8bd5ca;--nbg:#363a4f;--nbd:#5b6078;--nfg:#b8c0e0}*,::after,::before{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-width:560px;margin-inline:auto}main{display:flex;flex-direction:column;gap:16px}h1{font-size:18px;margin:0;font-weight:600}.card{border:2px solid var(--nbd);background:var(--nbg);color:var(--nfg);border-radius:16px;padding:clamp(14px,4vw,20px);font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,"Cascadia Mono",Consolas,"DejaVu Sans Mono","Liberation Mono",monospace;transition:background .3s,border-color .3s}.card.on{border-color:var(--gbd);background:var(--gbg);color:var(--gfg)}.name{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600;font-size:17px}.badge{font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid currentColor;white-space:nowrap}.time{font-size:clamp(30px, 9vw, 40px);font-variant-numeric:tabular-nums;margin:14px 0 2px;font-weight:600}.sub{font-size:13px;opacity:.8;font-variant-numeric:tabular-nums}.lbl{font-size:13px;margin-top:16px;opacity:.85}.cd{font-size:clamp(24px, 7vw, 30px);font-variant-numeric:tabular-nums;font-weight:600}.rate{font-size:13px;margin-top:8px;opacity:.85}.next{font-size:13px;margin-top:12px;padding-top:12px;border-top:1px solid currentColor;opacity:.85;line-height:1.6;white-space:pre-line}.note{font-size:12px;color:var(--mut);line-height:1.6}.note a{color:var(--gbd)}footer{margin-top:8px;text-align:center;font-size:12px;color:var(--mut)}footer a{color:var(--gbd)}.note a,footer a{text-decoration:none}.note a:focus-visible,.note a:hover,footer a:focus-visible,footer a:hover{text-decoration:underline}@media (max-width:380px){body{padding:14px;padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.name{font-size:15px}.badge{font-size:10px;padding:3px 7px}}@media (prefers-reduced-motion:reduce){.card{transition:none}}