:root{--ink:#14161b;--ink-2:#5c6370;--ink-3:#8a909c;--line:#ecedf0;--chip:#f1f2f5;--chip-line:#dde0e6;--tab-off:#a3a8b3;--bg:#fff;--t-easy:#2b5bd7;--t-long:#6b3fc9;--t-hard:#c25a00;--t-race:#b3261e;--v-good:#1b7a48;--v-warn:#9a5b00;--v-bad:#b3261e;--v-skip:#8a909c;--font:"Noto Sans TC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num:"Barlow Condensed", "Noto Sans TC", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}.num{font-family:var(--font-num);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.shell{flex-direction:column;max-width:600px;min-height:100dvh;margin:0 auto;display:flex}.shell>main{padding:0 20px calc(84px + env(safe-area-inset-bottom));flex:auto}.topbar{z-index:2;padding:calc(14px + env(safe-area-inset-top)) 20px 12px;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.01em;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.topbar .aside{color:var(--ink-2);white-space:nowrap;align-items:baseline;gap:3px;font-size:13px;display:flex}.topbar .aside .num{color:var(--ink);font-size:18px}.topbar .back{justify-content:center;align-items:center;width:44px;height:44px;margin-left:-12px;display:flex}.tabbar{z-index:3;background:var(--bg);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.tabbar nav{max-width:600px;padding:6px 8px calc(10px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid}.tabbar a{min-height:44px;color:var(--tab-off);justify-content:center;align-items:center;display:flex}.tabbar a[aria-current=page]{color:var(--ink)}.section-h{color:var(--ink-3);letter-spacing:.08em;margin:20px 0 4px;font-size:12px;font-weight:600}.section-row{justify-content:space-between;align-items:baseline;margin:20px 0 4px;display:flex}.section-row .section-h{margin:0}.section-row a{color:var(--ink-2);font-size:13px}.hero{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:18px 0 16px;display:flex}.hero .big{align-items:baseline;gap:6px;display:flex}.hero .big .num{font-size:40px}.hero .big span{color:var(--ink-2);font-size:15px}.hero .sub{color:var(--ink-2);font-size:13px}.bar{background:var(--line);border-radius:999px;height:3px;overflow:hidden}.bar>i{background:var(--ink-3);border-radius:999px;height:100%;transition:width .5s;display:block}.bar.good>i{background:var(--v-good)}.bar.ink>i{background:var(--ink)}.post{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:40px 1fr;gap:12px;padding:12px 0;display:grid}.post.link:active{background:var(--chip);margin:0 -20px;padding-left:20px;padding-right:20px}.post.dim{color:var(--ink-3)}.post .body{min-width:0}.post .meta{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;display:flex}.post .meta b{font-weight:600}.post .meta .grey{color:var(--ink-3)}.post .title{margin-top:2px;font-weight:600}.post .title.lg{margin-top:4px;font-size:16px;line-height:1.4}.post .text{margin-top:4px;font-size:15px;line-height:1.55}.post .text.clamp{-webkit-line-clamp:2;color:var(--ink-2);-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.post .muted{color:var(--ink-2);margin-top:2px;font-size:13px}.post .foot{color:var(--ink-3);margin-top:8px;font-size:12px}.post .stats{color:var(--ink-2);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:13px;display:flex}.post .stats .num{color:var(--ink);font-size:17px}.post .stats .num.over{color:var(--v-bad)}.pill{color:#fff;background:var(--ink);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.avatar{width:36px;height:36px;font-family:var(--font-num);color:#fff;background:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.avatar.cjk{font-family:var(--font);font-size:13px}.avatar.easy{background:var(--t-easy)}.avatar.long{background:var(--t-long)}.avatar.hard{background:var(--t-hard)}.avatar.race{background:var(--t-race)}.avatar.rest{color:var(--ink-3);border:1.5px solid var(--chip-line);background:0 0}.verdict{align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.verdict:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.verdict.good{color:var(--v-good)}.verdict.warn{color:var(--v-warn)}.verdict.bad{color:var(--v-bad)}.verdict.skip{color:var(--v-skip)}.reminders{color:var(--ink-2);flex-direction:column;gap:2px;margin-top:6px;font-size:13px;display:flex}.reminders li{gap:8px;display:flex}.reminders li:before{content:"";background:var(--ink-3);border-radius:50%;flex:none;width:4px;height:4px;margin-top:8px}.week-row{flex-direction:column;gap:8px;padding:12px 0;display:flex}.week-row .line{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.week-row .line b{font-weight:600}.week-row .line .grey{color:var(--ink-3)}.week-row .line .num{flex:none;font-size:17px}.week-row .line .num .of{color:var(--ink-3);font-weight:600}.chips{scrollbar-width:none;gap:8px;padding:14px 0 6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--chip-line);background:var(--bg);border-radius:999px;flex:none;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chip .dot{border-radius:50%;width:8px;height:8px}.chip .dot.easy{background:var(--t-easy)}.chip .dot.long{background:var(--t-long)}.chip .dot.hard{background:var(--t-hard)}.empty{color:var(--ink-3);text-align:center;padding:24px 0;font-size:14px}.note{color:var(--ink-3);text-align:center;margin:18px 0 0;font-size:12px}.weekbars{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:18px 0 14px;display:flex}.weekbars .cols{grid-template-columns:repeat(var(--n), minmax(0, 1fr));align-items:end;gap:5px;height:72px;display:grid}.weekbars .col{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.weekbars .col>i{background:var(--line);border-radius:3px;display:block;position:relative;overflow:hidden}.weekbars .col>i>b{background:var(--ink);position:absolute;bottom:0;left:0;right:0}.weekbars .col.done>i{background:var(--v-good)}.weekbars .col.race>i{border:1.5px solid var(--t-race)}.weekbars .labels{grid-template-columns:repeat(var(--n), minmax(0, 1fr));font-family:var(--font-num);color:var(--ink-3);text-align:center;gap:5px;font-size:13px;font-weight:600;display:grid}.weekbars .labels .cur{color:var(--ink);font-weight:700}.weekbars .labels .race{color:var(--t-race)}.weekbars .legend{color:var(--ink-3);justify-content:space-between;gap:12px;font-size:12px;display:flex}.statgrid{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;padding:16px 0;display:grid}.statgrid .num{font-size:30px}.statgrid .num.over{color:var(--v-bad)}.statgrid .num small{font-size:14px}.statgrid .k{color:var(--ink-3);margin-top:2px;font-size:12px}.verdict-block{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:16px 0;display:flex}.verdict-block h2{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.verdict-block h2:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.verdict-block.good h2{color:var(--v-good)}.verdict-block.warn h2{color:var(--v-warn)}.verdict-block.bad h2{color:var(--v-bad)}.verdict-block .reminders{gap:4px;margin:0;padding-left:16px;font-size:14px}.verdict-block .src{color:var(--ink-3);font-size:11px}.compare{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:16px 0;display:flex}.compare .rows{flex-direction:column;gap:6px;font-size:13px;display:flex}.compare .row{grid-template-columns:44px 1fr 52px 40px;align-items:center;gap:10px;display:grid}.compare .row .d{color:var(--ink-3)}.compare .row.cur .d{color:var(--ink);font-weight:600}.compare .row .bar{height:4px}.compare .row .num{text-align:right;font-size:16px;font-weight:600}.compare .row.cur .num{font-weight:700}.compare .num.over{color:var(--v-bad)}.compare .num.under{color:var(--v-good)}.compare .legend{color:var(--ink-3);justify-content:flex-end;gap:10px;font-size:11px;display:flex}.gear{color:var(--ink-3);padding:14px 0;font-size:12px;line-height:1.7}.login{text-align:center;flex-direction:column;justify-content:space-between;max-width:600px;min-height:100dvh;margin:0 auto;padding:0 28px;display:flex}.login .mid{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:18px;display:flex}.login .eyebrow{color:var(--ink-3);letter-spacing:.08em;font-size:13px}.login h1{letter-spacing:-.01em;margin-top:4px;font-size:28px;font-weight:700;line-height:1.25}.login .sub{color:var(--ink-2);margin-top:10px}.login .count{align-items:baseline;gap:4px;margin-top:8px;display:flex}.login .count .num{font-size:64px}.login .count span{color:var(--ink-2);font-size:15px}.login .bottom{padding-bottom:calc(44px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.apple-btn{color:#fff;background:#000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:17px;font-weight:600;display:flex}.apple-btn:disabled{opacity:.6}.login .fine{color:var(--ink-3);font-size:12px;line-height:1.6}.login .err{color:var(--v-bad);font-size:13px}.sk{background:linear-gradient(90deg, var(--chip) 25%, #e6e8ec 50%, var(--chip) 75%);background-size:200% 100%;border-radius:6px;animation:1.2s infinite sk}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme:dark){:root{--bg:#0f1013;--ink:#f2f3f5;--ink-2:#a8adb8;--ink-3:#7d8390;--line:#23262c;--chip:#1a1c21;--chip-line:#2c3038;--tab-off:#5c616c;--t-easy:#6b8ff0;--t-long:#a37cf0;--t-hard:#f08a3c;--t-race:#ff7b7b;--v-good:#4ccb84;--v-warn:#f0b34a;--v-bad:#ff7b7b;--v-skip:#7d8390;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.avatar.rest{color:var(--ink-3)}.sk{background:linear-gradient(90deg, var(--chip) 25%, #23262c 50%, var(--chip) 75%);background-size:200% 100%}}