:root{--color-primary: #0a84ff;--color-primary-soft: rgba(10, 132, 255, .1);--color-bg: #f2f2f7;--color-card: #ffffff;--color-text: #000000;--color-text-secondary: rgba(60, 60, 67, .6);--color-danger: #ff3b30;--color-success: #34c759;--color-warning: #ff9f0a;--color-border: rgba(60, 60, 67, .12);--color-divider: rgba(60, 60, 67, .16);--color-fill: rgba(120, 120, 128, .12);--radius-card: 18px;--radius-control: 12px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--page-gutter: 16px;--card-padding: 16px;--card-gap: 12px;--tab-bar-height: 50px;--header-height: 44px;--touch-target: 44px;--duration-fast: .2s;--ease: ease;--font-stack: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--color-primary: #0a84ff;--color-primary-soft: rgba(10, 132, 255, .18);--color-bg: #000000;--color-card: #1c1c1e;--color-text: #ffffff;--color-text-secondary: rgba(235, 235, 245, .6);--color-danger: #ff453a;--color-success: #30d158;--color-warning: #ffd60a;--color-border: rgba(255, 255, 255, .08);--color-divider: rgba(255, 255, 255, .12);--color-fill: rgba(120, 120, 128, .32);--shadow-card: none}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-stack);font-size:17px;line-height:1.45;-webkit-text-size-adjust:100%}body{overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,p,ul,ol{margin:0}a{color:var(--color-primary);text-decoration:none}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}input,button,textarea,select{font:inherit;color:inherit}button,input,select,textarea{min-height:var(--touch-target)}button{border:none;background:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.page{flex:1;padding:0 var(--page-gutter) calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--card-gap);scroll-margin-top:var(--header-height)}.page--tabbar{padding-bottom:calc(var(--tab-bar-height) + 24px + env(safe-area-inset-bottom))}.page--centered{justify-content:center}.page>*{min-width:0}.page--devtools .harness{max-width:100%;padding:0 0 calc(48px + env(safe-area-inset-bottom));overflow-x:auto}.stack{display:flex;flex-direction:column;gap:var(--card-gap)}.stack--tight{gap:8px}.inline{display:flex;align-items:center;gap:8px}.inline--between{justify-content:space-between}.grow{flex:1;min-width:0}.large-title{font-size:34px;line-height:1.2;font-weight:700;letter-spacing:.01em;padding:12px 0 4px}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;min-height:var(--header-height);padding:env(safe-area-inset-top) 0 0;background:color-mix(in srgb,var(--color-bg) 86%,transparent);backdrop-filter:saturate(180%) blur(12px)}.navbar__inner{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--header-height);padding:0 var(--page-gutter)}.navbar__back,.navbar__action{min-height:var(--touch-target);min-width:var(--touch-target);display:inline-flex;align-items:center;gap:2px;color:var(--color-primary);font-size:17px;padding:0 4px}.navbar__action{justify-content:flex-end;margin-left:auto}.navbar__title{font-size:17px;font-weight:600;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-title{font-size:22px;line-height:1.27;font-weight:700}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;color:var(--color-text-secondary);padding:8px 2px 0}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:15px;line-height:1.35}.text-xs{font-size:13px;line-height:1.4}.text-danger{color:var(--color-danger)}.text-primary{color:var(--color-primary)}.text-center{text-align:center}.strong{font-weight:600}.card{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--card-padding);display:flex;flex-direction:column;gap:8px;border:1px solid transparent}@media (prefers-color-scheme: dark){.card{border-color:var(--color-border)}}.card--tight{padding:8px}.card--accent{border-color:var(--color-primary)}.card--danger{border-color:var(--color-danger)}.card--quiet{background:transparent;border:1px dashed var(--color-divider);box-shadow:none;align-items:center;text-align:center;color:var(--color-text-secondary)}.card__title{font-size:17px;font-weight:600}.card__value{font-size:34px;font-weight:700;line-height:1.1}.btn{min-height:var(--touch-target);border-radius:var(--radius-control);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:17px;font-weight:500;border:1px solid transparent;transition:opacity var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.btn--primary{background:var(--color-primary);color:#fff}.btn--secondary{background:var(--color-primary-soft);color:var(--color-primary)}.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn--danger{background:transparent;color:var(--color-danger)}.btn--danger-solid{background:var(--color-danger);color:#fff}.btn--lg{min-height:56px;font-size:18px;font-weight:600}.btn--hero{min-height:64px;font-size:19px;font-weight:600;border-radius:var(--radius-card)}.btn--block{width:100%}.btn--sm{min-height:var(--touch-target);min-width:var(--touch-target);font-size:15px;padding:0 12px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--hero:active:not(:disabled){transform:scale(.98)}.list{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid transparent;overflow:hidden}@media (prefers-color-scheme: dark){.list{border-color:var(--color-border)}}.row{display:flex;align-items:center;gap:12px;min-height:var(--touch-target);padding:10px var(--card-padding);width:100%;text-align:left;background:transparent;color:inherit}.row+.row{border-top:1px solid var(--color-divider);border-top-color:color-mix(in srgb,var(--color-divider) 60%,transparent)}.row__label{flex:1;min-width:0}.row__value{color:var(--color-text-secondary);font-size:15px;text-align:right;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__chevron{color:var(--color-text-secondary);font-size:15px;opacity:.7}.row--danger .row__label{color:var(--color-danger)}.row--stacked{flex-direction:column;align-items:stretch;gap:6px}.row__tap{display:flex;flex-direction:column;justify-content:center;gap:6px;width:100%;min-height:var(--touch-target);text-align:left;color:inherit}.switch{width:51px;flex:0 0 51px;border-radius:var(--radius-pill);background:transparent;position:relative;margin:-9px 0}.switch:before{content:"";position:absolute;left:0;right:0;top:50%;height:31px;margin-top:-15.5px;border-radius:var(--radius-pill);background:var(--color-fill);transition:background-color var(--duration-fast) var(--ease)}.switch[aria-checked=true]:before{background:var(--color-success)}.switch:after{content:"";position:absolute;top:50%;left:2px;width:27px;height:27px;margin-top:-13.5px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--duration-fast) var(--ease)}.switch[aria-checked=true]:after{transform:translate(20px)}.segmented{display:flex;gap:2px;padding:2px;background:var(--color-fill);border-radius:var(--radius-control)}.segmented__item{flex:1;min-height:var(--touch-target);padding:0 8px;border-radius:9px;font-size:15px;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.segmented__item--active{background:var(--color-card);font-weight:600;box-shadow:0 1px 2px #00000014}.pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.pill{min-height:var(--touch-target);padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:15px;display:inline-flex;align-items:center;white-space:nowrap}.pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tabbar{position:sticky;bottom:0;z-index:30;margin-top:auto;display:flex;align-items:stretch;background:color-mix(in srgb,var(--color-card) 92%,transparent);backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.tabbar__item{flex:1;min-height:var(--tab-bar-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-secondary);font-size:10px;position:relative;padding:6px 0}.tabbar__item--active{color:var(--color-primary)}.tabbar__icon{display:flex;align-items:center;justify-content:center;line-height:1}.tabbar__icon svg{width:24px;height:24px;display:block}.tabbar__badge{position:absolute;top:4px;right:50%;transform:translate(16px);min-width:16px;height:16px;border-radius:999px;background:var(--color-danger);color:#fff;font-size:10px;line-height:16px;text-align:center;padding:0 4px}.identity{display:flex;align-items:center;gap:12px;padding:12px 0 0}.identity__avatar{width:44px;height:44px;border-radius:50%;background:var(--color-card);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:var(--shadow-card);flex:none}.identity__name{font-size:22px;font-weight:700;line-height:1.2}.color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.timer{font-size:56px;font-weight:700;line-height:1.05;letter-spacing:.02em;text-align:center}.timer--sm{font-size:34px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-danger);display:inline-block}.status-dot--muted{background:var(--color-text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{display:flex;flex-direction:column;gap:2px;min-width:0}.stat__value{font-size:21px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat__label{font-size:13px;color:var(--color-text-secondary)}.bar-track{height:8px;border-radius:999px;background:var(--color-fill);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:var(--color-primary)}.rank-row{display:flex;align-items:center;gap:12px;min-height:var(--touch-target);padding:10px var(--card-padding)}.rank-row+.rank-row{border-top:1px solid var(--color-divider)}.rank-row--me{background:var(--color-primary-soft)}.rank-medal{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;background:var(--color-text-secondary);flex:none}.rank-medal--1{background:#f0a020}.rank-medal--2{background:#9aa0a6}.rank-medal--3{background:#c47b3a}.rank-medal--plain{background:transparent;color:var(--color-text-secondary);font-weight:600}.rank-value{font-size:15px;font-weight:600;white-space:nowrap}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.calendar__weekday{text-align:center;font-size:12px;color:var(--color-text-secondary);padding-bottom:2px}.calendar__cell{min-height:46px;border-radius:10px;background:var(--color-fill);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;font-size:13px}.calendar__cell--outside{opacity:.35}.calendar__cell--active{border:1.5px solid var(--color-primary)}.calendar__dots{display:flex;gap:2px;align-items:center;font-size:10px;color:var(--color-text-secondary)}.heatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.heatmap__cell{aspect-ratio:1 / 1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-text);background:var(--color-fill)}.heatmap__cell--l1{background:color-mix(in srgb,var(--color-primary) 25%,transparent)}.heatmap__cell--l2{background:color-mix(in srgb,var(--color-primary) 45%,transparent)}.heatmap__cell--l3{background:color-mix(in srgb,var(--color-primary) 70%,transparent)}.heatmap__cell--l4{background:color-mix(in srgb,var(--color-primary) 92%,transparent);color:#fff}.heatmap__cell--outside{opacity:0;pointer-events:none}.chart{width:100%;height:180px}.chart--tall{height:220px}.chart-note{font-size:13px;color:var(--color-text-secondary)}.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--color-text-secondary)}.sheet-backdrop{position:fixed;inset:0;background:#0006;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:sheet-fade var(--duration-fast) var(--ease)}.sheet{width:100%;max-width:480px;background:var(--color-card);border-radius:20px 20px 0 0;padding:8px var(--page-gutter) calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;max-height:88vh;overflow-y:auto;animation:sheet-rise var(--duration-fast) var(--ease)}.sheet__handle{width:36px;height:5px;border-radius:999px;background:var(--color-fill);margin:4px auto 0;flex:none}.sheet__title{font-size:22px;font-weight:700;line-height:1.27;text-align:center}.sheet__text{font-size:15px;color:var(--color-text-secondary);text-align:center}.sheet__actions{display:flex;flex-direction:column;gap:8px}@keyframes sheet-rise{0%{transform:translateY(12px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}.toast-stack{position:fixed;left:0;right:0;bottom:calc(var(--tab-bar-height) + 16px + env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 var(--page-gutter)}.toast{background:#000000db;color:#fff;border-radius:var(--radius-pill);padding:10px 16px;font-size:15px;max-width:100%;text-align:center;animation:sheet-fade var(--duration-fast) var(--ease)}.toast--error{background:var(--color-danger)}.toast--success{background:var(--color-success)}.skeleton{background:var(--color-fill);border-radius:8px;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton--text{height:14px}.skeleton--title{height:22px}.skeleton--circle{border-radius:50%}.skeleton--button{height:var(--touch-target);border-radius:var(--radius-control)}.skeleton-card{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--card-padding);display:flex;flex-direction:column;gap:10px}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.top-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:90;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:top-progress 1s linear infinite}@keyframes top-progress{0%{background-position:-40% 0}to{background-position:140% 0}}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.empty__title{font-size:17px;font-weight:600}.error-state{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--color-text-secondary)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;color:var(--color-text-secondary)}.input{width:100%;min-height:var(--touch-target);border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-card);padding:8px 12px;font-size:17px}.input--error{border-color:var(--color-danger)}.field__error{color:var(--color-danger);font-size:13px}.checkbox-row{display:flex;align-items:center;gap:10px;min-height:var(--touch-target);padding:8px 2px;text-align:left;width:100%}.checkbox{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--color-divider);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;flex:none}.checkbox--checked,.checkbox[aria-checked=true]{background:var(--color-primary);border-color:var(--color-primary)}.code-input{display:flex;gap:8px;justify-content:space-between}.code-input__cell{flex:1;min-width:0;min-height:56px;border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-card);text-align:center;font-size:22px;letter-spacing:.08em;text-transform:uppercase;padding:0 4px;font-variant-numeric:tabular-nums}.code-input__cell--error{border-color:var(--color-danger)}.code-display{display:grid;gap:8px;justify-content:center}.code-display__cell{min-width:0;padding:10px 4px;border-radius:var(--radius-control);background:var(--color-fill);text-align:center;font-size:20px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.search-bar{display:flex;align-items:center;gap:8px;min-height:var(--touch-target);padding:0 12px;border-radius:var(--radius-control);background:var(--color-card);border:1px solid var(--color-border)}.search-bar input{flex:1;min-width:0;border:none;background:transparent;outline:none}.category-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.category-cell{min-width:106px;scroll-snap-align:start;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:10px 8px;display:flex;flex-direction:column;gap:2px;text-align:left}.category-cell--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.category-cell__name{font-size:15px;font-weight:600}.category-cell__key{font-size:11px;color:var(--color-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.article{display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.55}.article h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.article p,.article li{overflow-wrap:anywhere}.article ul,.article ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}.article blockquote{margin:0;padding:8px 12px;border-left:3px solid var(--color-primary);background:var(--color-primary-soft);border-radius:0 8px 8px 0;color:var(--color-text-secondary)}.article table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}.article th,.article td{border:1px solid var(--color-divider);padding:6px 8px;text-align:left}.article code{background:var(--color-fill);border-radius:4px;padding:1px 4px;font-size:15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.article hr{border:none;border-top:1px solid var(--color-divider);width:100%}.legal-footer{margin-top:auto;padding:16px 0 8px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:13px;color:var(--color-text-secondary)}.legal-footer a{display:inline-flex;align-items:center;min-height:var(--touch-target);color:var(--color-text-secondary);text-decoration:underline}.link-44{display:inline-flex;align-items:center;min-height:var(--touch-target);min-width:var(--touch-target)}.overlay{position:fixed;inset:0;z-index:70;background:var(--color-bg);overflow-y:auto;display:flex;justify-content:center}.overlay>.page{width:100%;max-width:480px}.devtools-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}