:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#efede8;--text:#1c1b19;--muted:#6d6a63;--border:#e3e0d9;--accent:#2f6f4f;--accent-text:#fff;--danger:#b4372f;--danger-bg:#fbeceb;--warn:#9a6100;--warn-bg:#fdf3e1;--ok-bg:#e7f3ec;--radius:14px;--shadow:0 1px 2px #0000000d, 0 2px 8px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#131312;--surface:#1d1d1b;--surface-2:#272724;--text:#f1efea;--muted:#a19d94;--border:#33322f;--accent:#5fbf8c;--accent-text:#0d1f15;--danger:#f08279;--danger-bg:#3a1d1b;--warn:#f0b75a;--warn-bg:#3a2c14;--ok-bg:#173225;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}a{color:inherit}.page{max-width:560px;padding:calc(env(safe-area-inset-top) + 20px) 16px calc(env(safe-area-inset-bottom) + 96px);margin:0 auto}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:28px}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:28px 0 10px;font-size:13px;font-weight:600}p{margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack>*+*{margin-top:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.item{border-top:1px solid var(--border);align-items:center;gap:12px;min-height:60px;padding:12px 14px;text-decoration:none;display:flex}.item:first-child{border-top:0}.item .icon{text-align:center;flex:none;width:36px;font-size:26px}.item .main{flex:1;min-width:0}.item .title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.item .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.item .end{text-align:right;flex:none;font-size:14px}.pill{white-space:nowrap;background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.pill.overdue{background:var(--danger-bg);color:var(--danger)}.pill.today{background:var(--warn-bg);color:var(--warn)}.pill.done{background:var(--ok-bg);color:var(--accent)}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-grid}button,.btn{appearance:none;cursor:pointer;min-height:48px;font:inherit;background:var(--surface-2);color:var(--text);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary,button.primary{background:var(--accent);color:var(--accent-text)}.btn-danger,button.danger{background:var(--danger-bg);color:var(--danger)}.btn-big{border-radius:16px;width:100%;min-height:64px;font-size:20px}.btn-block{width:100%}.btn-small{border-radius:10px;min-height:36px;padding:0 12px;font-size:14px}button:disabled{opacity:.6}.link-btn{min-height:0;color:var(--muted);background:0 0;padding:0;font-weight:500;text-decoration:underline}label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}input[type=text],input[type=password],input[type=number],select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;font-size:16px}input[type=color]{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:none;width:48px;height:48px;padding:4px}.field{margin-bottom:16px}.hint{color:var(--muted);margin-top:6px;font-size:13px}.check{align-items:center;gap:10px;margin:0;font-size:16px;font-weight:500;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent)}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented label{margin:0}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;min-height:40px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.segmented input:checked+span{background:var(--accent);color:var(--accent-text)}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.error{background:var(--danger-bg);color:var(--danger);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.notice{background:var(--ok-bg);border-radius:12px;padding:12px 14px;font-size:14px}.hero{text-align:center;padding:28px 16px}.hero .big-icon{margin-bottom:8px;font-size:64px;line-height:1}.timer{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:44px;font-weight:700}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bar{background:var(--surface-2);border-radius:999px;height:10px;display:flex;overflow:hidden}.bar>div{height:100%}code,.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.copybox{background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex;overflow:hidden}.copybox code{overflow-wrap:anywhere;flex:1;min-width:0}ol.steps{margin:0;padding-left:20px}ol.steps li{margin-bottom:8px}.tabbar{z-index:10;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tabbar nav{max-width:560px;margin:0 auto;display:flex}.tabbar a{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 6px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--accent)}.tabbar .ti{font-size:22px;line-height:1}