:root{color-scheme:light dark;--tint: #ff3b30;--bg: #f2f2f7;--bg-elevated: #ffffff;--label: #1c1c1e;--label-secondary: #6c6c70;--label-tertiary: #9a9aa0;--separator: rgba(60, 60, 67, .14);--radius: 20px;--radius-sm: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .04);--tabbar-height: 58px}@media(prefers-color-scheme:dark){:root{--tint: #ff453a;--bg: #000000;--bg-elevated: #1c1c1e;--label: #f2f2f7;--label-secondary: #a1a1a6;--label-tertiary: #6c6c70;--separator: rgba(84, 84, 88, .5);--shadow: none}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;line-height:1.55;color:var(--label);background:var(--bg);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}@media(min-width:900px){body{padding-bottom:48px}}a{color:var(--tint);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;letter-spacing:-.02em;margin:0}p{margin:0 0 1em}p:last-child{margin-bottom:0}.wrap{max-width:720px;margin:0 auto;padding:0 16px}.wrap-wide{max-width:1080px}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:10px 16px calc(10px + env(safe-area-inset-top));padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--separator)}.topbar .brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--label)}.topbar .brand:hover{text-decoration:none}.topbar .brand img{width:26px;height:26px;border-radius:7px;display:block}.topbar nav{display:none;margin-left:auto;gap:22px;font-size:15px}.topbar nav a{color:var(--label-secondary);font-weight:500}.topbar nav a[aria-current=page]{color:var(--tint)}@media(min-width:900px){.topbar nav{display:flex}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--separator)}.tabbar a{flex:1;height:var(--tabbar-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:500;color:var(--label-tertiary);text-decoration:none}.tabbar a[aria-current=page]{color:var(--tint)}.tabbar svg{width:24px;height:24px}@media(min-width:900px){.tabbar{display:none}}.card{background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow)}.section-title{font-size:22px;font-weight:700;margin:0 0 2px}.section-blurb{font-size:14px;color:var(--label-secondary);margin:0 0 12px}.page-head{padding:28px 0 20px}.page-head h1{font-size:34px;font-weight:800;margin-bottom:8px}.page-head .lede{color:var(--label-secondary);font-size:17px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--label) 7%,transparent);color:var(--label-secondary)}.pill.good{background:color-mix(in srgb,#34c759 16%,transparent);color:#248a3d}.pill.mixed{background:color-mix(in srgb,#ff9500 18%,transparent);color:#b26200}.pill.bad{background:color-mix(in srgb,#ff3b30 15%,transparent);color:#c9271d}@media(prefers-color-scheme:dark){.pill.good{color:#4cd964}.pill.mixed{color:#ffb340}.pill.bad{color:#ff6961}}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;border:0;font:inherit;font-size:16px;font-weight:600;background:var(--tint);color:#fff;cursor:pointer}.button:hover{text-decoration:none;filter:brightness(1.06)}.button.secondary{background:color-mix(in srgb,var(--label) 8%,transparent);color:var(--label)}.button:disabled{opacity:.45;cursor:default}.note{border-radius:var(--radius-sm);padding:14px 16px;font-size:15px;background:color-mix(in srgb,#34c759 12%,transparent)}.note.warn{background:color-mix(in srgb,#ff9500 15%,transparent)}.note.alert{background:color-mix(in srgb,#ff3b30 12%,transparent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-footer{margin-top:56px;padding:28px 0 40px;border-top:1px solid var(--separator);font-size:14px;color:var(--label-secondary)}.site-footer a{color:var(--label-secondary);text-decoration:underline}.site-footer .links{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:12px}.install-banner{display:none;align-items:center;gap:14px;padding:14px 16px;margin:16px 0 0}.install-banner.show{display:flex}.install-banner img{width:44px;height:44px;border-radius:11px;flex:none}.install-banner .txt{flex:1;min-width:0}.install-banner strong{display:block;font-size:15px}.install-banner span{font-size:13px;color:var(--label-secondary)}.install-banner button{flex:none;padding:9px 16px;font-size:15px}.install-banner .dismiss{background:none;border:0;color:var(--label-tertiary);font-size:20px;line-height:1;cursor:pointer;padding:4px 2px}.card-display{position:fixed;inset:0;z-index:200;background:#fff;color:#000;overflow-y:auto;overscroll-behavior:contain;padding:max(28px,env(safe-area-inset-top)) 28px calc(40px + env(safe-area-inset-bottom))}.card-display-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;width:44px;height:44px;border:0;border-radius:50%;background:#0000000f;color:#00000080;font-size:24px;line-height:1;cursor:pointer}.card-display-inner{max-width:620px;margin:0 auto;padding-top:44px}.card-display h2{font-size:34px;font-weight:800;letter-spacing:0;margin:0 0 4px;color:#000}.card-display-sub{font-size:19px;color:#0000008c;margin:0 0 22px}.card-display-row{padding-top:22px;margin-top:22px;border-top:1px solid rgba(0,0,0,.12)}.card-display-labels{display:flex;align-items:baseline;gap:10px;margin:0 0 4px}.card-display-labels .zh{font-size:21px;font-weight:600;color:#0000008c}.card-display-labels .en{font-size:15px;color:#0006}.card-display-value{font-size:27px;font-weight:600;line-height:1.3;margin:0;color:#000;overflow-wrap:anywhere}.card-display-footer{margin-top:34px;font-size:17px;color:#00000080}
