@font-face{font-family:Switzer;font-weight:400;font-display:swap;src:url(/fonts/switzer-400.woff2)format("woff2")}@font-face{font-family:Switzer;font-weight:500;font-display:swap;src:url(/fonts/switzer-500.woff2)format("woff2")}@font-face{font-family:Switzer;font-weight:600;font-display:swap;src:url(/fonts/switzer-600.woff2)format("woff2")}:root{--bg:#f4f4f4;--surface:#fff;--ink:#1e1e1e;--ink-2:#6c6c70;--ink-3:#9d9da2;--line:#ececec;--chip:#f1f1f1;--me:#d93a2d;--me-soft:#fdeceb;--hard:#b8750a;--hard-soft:#fbf1df;--easy:#1f8f55;--easy-soft:#e5f4ec;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Switzer,system-ui,sans-serif;font-size:15px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}.num{font-variant-numeric:tabular-nums}.shell{justify-content:center;gap:24px;min-height:100vh;padding:0 24px 64px;display:flex}.column{width:100%;max-width:640px}.has-detail .column{max-width:560px}.bar{align-items:center;gap:14px;height:60px;display:flex}.product{font-size:15px;font-weight:600}.mode{color:var(--ink-2);align-items:center;gap:7px;font-size:13px;display:inline-flex}.bar .round-sm{margin-left:auto}.hero{text-align:center;background:radial-gradient(60% 70% at 30% 0,#ccdcea99,#0000 70%),radial-gradient(50% 60% at 85% 20%,#f6e2cc8c,#0000 70%);border-radius:28px;padding:36px 0 32px;position:relative}.hero-num{letter-spacing:-.03em;font-size:64px;font-weight:500;line-height:1}.hero-label{color:var(--ink-2);margin-top:6px;font-size:15px}.hero-stats{color:var(--ink-3);align-items:center;gap:10px;margin-top:14px;font-size:13px;display:inline-flex}.sep{background:var(--ink-3);border-radius:50%;width:3px;height:3px}.actions{justify-content:center;gap:28px;margin-top:28px;display:flex}.action{color:var(--ink-2);justify-items:center;gap:8px;font-size:13px;display:grid}.round{background:var(--surface);width:56px;height:56px;color:var(--ink);transition:transform .22s var(--ease), box-shadow .22s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 2px #0000000d,0 6px 18px -8px #00000024}.action:hover .round{transform:translateY(-1px);box-shadow:0 2px 3px #0000000d,0 10px 22px -8px #0000002e}.action:active .round{transform:scale(.96)}.round-sm{width:36px;height:36px;box-shadow:none;background:var(--surface)}.round-sm:hover{background:#ededed}.group{margin-top:28px}.group-head{align-items:center;gap:8px;padding:0 6px 10px;display:flex}.group-head h2{letter-spacing:-.01em;font-size:15px;font-weight:600}.group-count{color:var(--ink-3);font-size:14px}.group-hint{color:var(--ink-3);margin-left:auto;font-size:13px}.dot{border-radius:50%;flex:none;width:6px;height:6px}.dot-me{background:var(--me)}.dot-hard{background:var(--hard)}.dot-easy{background:var(--easy)}.list{background:var(--surface);border-radius:20px;overflow:hidden}.row{width:100%;transition:background .16s var(--ease);grid-template-columns:40px minmax(0,1fr) auto 16px;align-items:center;column-gap:14px;padding:12px 14px 12px 16px;display:grid;position:relative}.row+.row:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:70px;right:0}.row:hover,.row.is-active{background:#f8f8f8}.row:hover .row-caret,.row.is-active .row-caret{opacity:1;transform:none}.row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.glyph{background:var(--chip);width:40px;height:40px;color:var(--ink-2);letter-spacing:.01em;border-radius:50%;place-items:center;font-size:13px;font-weight:500;display:grid}.row-text{gap:2px;min-width:0;display:grid}.row-from{letter-spacing:-.01em;font-size:15px;font-weight:600}.row-subject{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row-side{justify-items:end;gap:4px;display:grid}.row-time{color:var(--ink-3);font-size:12px}.chip{border-radius:999px;padding:4px 7px;font-size:11px;font-weight:500;line-height:1}.chip-me{background:var(--me-soft);color:var(--me)}.chip-hard{background:var(--hard-soft);color:var(--hard)}.chip-easy{background:var(--easy-soft);color:var(--easy)}.row-caret{color:var(--ink-3);opacity:0;transition:opacity .16s var(--ease), transform .2s var(--ease);transform:translate(-3px)}.foot{color:var(--ink-3);margin-top:24px;padding:0 6px;font-size:12px}.detail{background:var(--surface);border-radius:24px;flex-direction:column;align-self:flex-start;gap:22px;width:400px;max-height:calc(100vh - 32px);margin-top:16px;padding:22px 22px 20px;display:flex;position:sticky;top:16px;overflow:auto}.detail-head{align-items:flex-start;gap:12px;display:flex}.detail-head h2{letter-spacing:-.01em;flex:1;font-size:17px;font-weight:600;line-height:1.3}.detail-head .round-sm{background:var(--chip);flex:none}.facts>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.facts>div:first-child{padding-top:0}.facts dt{color:var(--ink-2);flex:none;font-size:14px}.facts dd{text-align:right;max-width:62%;font-size:14px;font-weight:500}.block h3{color:var(--ink-2);margin-bottom:8px;font-size:13px;font-weight:500}.mail-body{white-space:pre-line;background:#f7f7f7;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5}.detail-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.pill{height:46px;transition:transform .16s var(--ease), background .16s var(--ease), opacity .16s;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}.pill:active{transform:scale(.98)}.pill-dark{background:var(--ink);color:#fff}.pill-dark:hover{background:#000}.pill-dark:disabled{opacity:.35;cursor:default}.pill-light{background:var(--chip);color:var(--ink)}.pill-light:hover{background:#e9e9e9}.pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (width<=1080px){.detail{border-radius:0;width:min(420px,100%);max-height:none;margin:0;position:fixed;inset:0 0 0 auto}.has-detail .column{max-width:640px}}@media (width<=640px){.shell{padding:0 12px 48px}.mode,.group-hint{display:none}.actions{gap:18px}.hero-num{font-size:56px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.row.is-closed .row-from{color:var(--ink-2);font-weight:500}.empty{color:var(--ink-3);padding:14px 16px;font-size:14px}.error{background:var(--me-soft);color:var(--me);border-radius:12px;margin:8px 0;padding:10px 14px;font-size:13px}.muted{color:var(--ink-3);font-weight:400}.action:disabled{opacity:.4;cursor:default}.cats{gap:6px;display:flex}.cat{height:32px;color:var(--ink-2);background:var(--chip);transition:background .16s var(--ease), color .16s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.cat.is-on{background:var(--ink);color:#fff}.cat:disabled{opacity:.5;cursor:default}.ask{background:var(--hard-soft);border-radius:16px;padding:14px}.ask .mail-body{background:#fff}.ask .detail-actions{margin-top:10px}.input{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;background:#fff;border-radius:14px;margin-top:8px;padding:12px 14px;font-size:14px;line-height:1.5}.input:focus{outline:2px solid var(--ink);outline-offset:-1px}.input-tall{min-height:220px;margin-top:0}.detail-minor{justify-content:center;gap:18px;display:flex}.link{color:var(--ink-3);align-items:center;gap:5px;font-size:13px;display:inline-flex}.link:hover{color:var(--ink)}.link:disabled{opacity:.5;cursor:default}