@font-face { font-family:'Sora'; font-weight:200; font-style:normal; font-display:swap;
  src:url('/fonts/sora-latin-200-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Sora'; font-weight:200; font-style:normal; font-display:swap;
  src:url('/fonts/sora-latin-ext-200-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Sora'; font-weight:300; font-style:normal; font-display:swap;
  src:url('/fonts/sora-latin-300-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Sora'; font-weight:300; font-style:normal; font-display:swap;
  src:url('/fonts/sora-latin-ext-300-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Sora'; font-weight:400; font-style:normal; font-display:swap;
  src:url('/fonts/sora-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Sora'; font-weight:400; font-style:normal; font-display:swap;
  src:url('/fonts/sora-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
[hidden] { display:none !important; }
html { background:var(--bg-solid); }
body {
  min-height:100vh; min-height:100dvh; display:flex; align-items:center; justify-content:center;
  padding:calc(24px + env(safe-area-inset-top)) 22px calc(64px + env(safe-area-inset-bottom));
  font-family:'Sora', system-ui, sans-serif; font-weight:300; line-height:1.5; color:var(--title); background:var(--bg);
  -webkit-font-smoothing:antialiased; text-align:center;
}
.cd { width:100%; max-width:520px; display:flex; flex-direction:column; align-items:center; gap:18px; }
.cd-eyebrow { font-size:11px; font-weight:400; letter-spacing:.22em; text-transform:uppercase; color:var(--micro); }
.cd-q { font-size:clamp(26px,7vw,40px); font-weight:200; line-height:1.25; letter-spacing:.01em; color:var(--title); overflow-wrap:break-word; }
.cd-when { font-size:14px; font-weight:300; color:var(--sub); }
.cd-count { font-size:clamp(20px,5.5vw,28px); font-weight:300; color:var(--accent); font-variant-numeric:tabular-nums; min-height:1.5em; }
.cd-cal { font-size:11px; font-weight:400; letter-spacing:.14em; text-transform:uppercase; }
.cd-cal a { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 8px; color:var(--micro); text-decoration:none; transition:color .3s ease; }
.cd-cal a:hover, .cd-cal a:active, .cd-cal a:focus-visible { color:var(--accent); }
.cd-cal a:focus-visible { outline:1px solid var(--in-focus); outline-offset:2px; }
.cd-ic { width:16px; height:16px; flex:0 0 16px; }
.cd-foot { position:fixed; left:0; right:0; bottom:calc(16px + env(safe-area-inset-bottom)); font-size:10px; font-weight:400; letter-spacing:.22em; text-transform:uppercase; color:var(--micro); }
@media (prefers-reduced-motion:reduce) { .cd-cal a { transition:none; } }