@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:16px;--radius-sm:10px;--gap:12px}.app{flex-direction:column;min-height:100vh;display:flex}.app.dark{--bg:#10131a;--surface:#181c25;--surface-2:#222735;--text:#eef1f6;--text-dim:#9aa3b5;--border:#ffffff14;--accent:#6b9aff;--accent-soft:#6b9aff1f;--good:#34c759;--warn:#ff9f0a;--shadow:0 2px 14px #00000038;color:var(--text);background:radial-gradient(1100px 520px at 50% -12%, #6b9aff12, transparent 62%), var(--bg)}.app.light{--bg:#f5f6fa;--surface:#fff;--surface-2:#eef0f6;--text:#171c26;--text-dim:#5f6a7c;--border:#171e2d17;--accent:#2f6bff;--accent-soft:#2f6bff17;--good:#248a3d;--warn:#c77700;--shadow:0 2px 14px #171e2d0f;color:var(--text);background:radial-gradient(1100px 520px at 50% -12%, #2f6bff0d, transparent 62%), var(--bg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}body{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}html{-webkit-text-size-adjust:100%}.header{justify-content:space-between;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:16px 20px 8px;display:flex}.home-link{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:fit-content;color:var(--accent);align-self:flex-start;margin:12px 20px 0;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.home-link:hover{filter:brightness(1.08)}.brand{align-items:baseline;gap:10px;display:flex}.brand-mark{color:var(--accent);font-size:26px;line-height:1}.brand h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.brand-tag{color:var(--text-dim);font-size:12px}.icon-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:42px;height:42px;font-size:18px}.icon-btn:hover{filter:brightness(1.08)}.main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:8px 20px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:var(--gap);flex-direction:column;margin-bottom:16px;padding:20px;display:flex}.section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:15px;font-weight:700}.preset-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.preset-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;transition:transform .12s,border-color .15s,box-shadow .2s;display:flex}.preset-card:hover{border-color:var(--accent);box-shadow:0 8px 22px color-mix(in srgb, var(--app) 30%, transparent);transform:translateY(-2px)}.preset-emoji{font-size:26px}.preset-name{font-size:13px;font-weight:600}.timer-list{flex-direction:column;gap:14px;display:flex}.timer-row{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:10px;padding:14px;display:flex}.timer-head{align-items:center;gap:10px;display:flex}.timer-name-input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:16px;font-weight:600}.timer-actions{align-items:center;gap:6px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.lang-switch{align-items:center;gap:4px;display:flex}.lang-btn{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 9px;font-size:12px;font-weight:700}.lang-btn.lang-active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.play-btn,.pause-btn,.lap-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.lap-btn{background:var(--surface-2);color:var(--accent);border:1px solid var(--border)}.play-btn{background:linear-gradient(135deg, var(--app), var(--app-2));color:#fff;box-shadow:0 4px 16px color-mix(in srgb, var(--app) 45%, transparent)}.play-btn:disabled{opacity:.4;cursor:default}.pause-btn{background:var(--accent);color:#fff}.mini-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-dim);cursor:pointer;border-radius:8px;font-size:14px}.mini-btn:hover{color:var(--text)}.mini-btn.danger{color:#ff453a}.mini-btn.danger:hover{background:#ff453a1a}.progress{background:var(--surface);border-radius:999px;height:6px;display:block;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--app), var(--app-2));border-radius:999px;height:100%;transition:width .2s;display:block}.timer-display{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.timer-time{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.timer-done{color:var(--good)}.timer-badge{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.loop-row{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:13px;display:flex}.switch{appearance:none;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--text-dim);border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{background:#fff;transform:translate(18px)}.lap-list{border-top:1px solid var(--border);max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}.lap-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:8px 0;font-size:14px;display:flex}.lap-row:last-child{border-bottom:none}.lap-num{color:var(--text-dim);font-weight:600}.lap-time{font-variant-numeric:tabular-nums;font-weight:600}.hint{text-align:center;color:var(--text-dim);margin-top:16px;font-size:13px}.notice{border-radius:var(--radius-sm);color:var(--warn);text-align:center;background:#ff9f0a1f;margin:12px 0 0;padding:10px 14px;font-size:13px;font-weight:600}.footer{text-align:center;color:var(--text-dim);padding:16px;font-size:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent)}button{transition:transform 80ms,filter .15s}button:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){button{transition:none}button:active,.preset-card:hover{transform:none}}@media (width<=560px){.header{flex-wrap:wrap;gap:8px;padding:14px 14px 6px}.home-link{margin:10px 14px 0}.brand-tag{display:none}.brand h1{font-size:19px}.header-actions{gap:6px}.lang-btn{padding:7px 8px;font-size:11px}.icon-btn{width:40px;height:40px}.main{padding:8px 14px 24px}.card{padding:16px}.timer-row{padding:12px}.timer-head{flex-wrap:wrap}.timer-name-input{flex:140px}.timer-actions{flex-wrap:wrap}.play-btn,.pause-btn,.lap-btn{min-height:40px;padding:10px 16px}.mini-btn{width:36px;height:36px}.timer-display{flex-wrap:wrap}.timer-time{font-size:32px}canvas,svg{max-width:100%;height:auto}}@media (width<=420px){.preset-grid{grid-template-columns:1fr}}.name-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);outline:none;flex:1;padding:12px 14px;font-size:16px}.name-input:focus{border-color:var(--accent)}.primary-btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:12px 18px;font-size:14px;font-weight:700}.primary-btn:hover{filter:brightness(1.08)}a.primary-btn{text-align:center;text-decoration:none;display:inline-block}.secondary-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer;padding:10px 16px;font-size:13px;font-weight:600}.secondary-btn:hover{filter:brightness(1.08)}.clear-done{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 0 0;font-size:13px;font-weight:600}.clear-done:hover{color:var(--accent)}.dep-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acct-text{margin:0;font-size:14px}.acct-text.dim{color:var(--text-dim)}.acct-error{color:var(--danger,#ff453a);margin:0;font-size:13px;font-weight:600}.recovery-box{border-radius:var(--radius-sm);background:var(--surface-2);border:1px dashed var(--accent);letter-spacing:.04em;word-break:break-all;-webkit-user-select:all;user-select:all;padding:14px;font-family:ui-monospace,monospace;font-size:15px}.merge-notice{border-radius:var(--radius-sm);color:var(--good);text-align:center;background:#30d1581f;margin:0 0 12px;padding:10px 14px;font-size:13px;font-weight:600}.app{--app:var(--accent);--app-2:var(--accent);isolation:isolate;min-height:100dvh;position:relative}@supports (background:color-mix(in srgb, red 50%, blue)){.app{--app-2:color-mix(in srgb, var(--accent) 55%, #38e1ff)}}.aurora{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora:before,.aurora:after{content:"";filter:blur(110px);border-radius:50%;width:560px;height:560px;position:absolute}.aurora:before{background:radial-gradient(circle, var(--app) 0%, transparent 65%);opacity:.28;top:-220px;left:50%;transform:translate(-50%)}.aurora:after{background:radial-gradient(circle, var(--app-2) 0%, transparent 65%);opacity:.16;width:380px;height:380px;top:-140px;left:calc(50% + 180px)}.app.light .aurora:before{opacity:.16}.app.light .aurora:after{opacity:.1}.brand-mark{color:#fff;background:radial-gradient(circle at 50% 50%, #0b1220 0 58%, transparent 59%), conic-gradient(from 210deg, var(--app), var(--app-2), var(--app));width:40px;height:40px;box-shadow:0 0 24px color-mix(in srgb, var(--app) 35%, transparent), inset 0 1px 0 #ffffff40;border-radius:50%;place-items:center;font-size:19px;line-height:1;display:grid}.app.light .brand-mark{box-shadow:0 2px 10px color-mix(in srgb, var(--app) 40%, transparent), inset 0 1px 0 #ffffff59}.brand-tag{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:3px 9px}.lang-switch{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:999px;gap:2px;padding:3px}.lang-btn{letter-spacing:.06em;background:0 0;border:none;border-radius:999px;font-size:11px;font-weight:800}.lang-btn.lang-active{color:#fff;background:linear-gradient(135deg, var(--app), var(--app-2));box-shadow:0 2px 10px color-mix(in srgb, var(--app) 45%, transparent)}.icon-btn{border-radius:50%}.icon-btn:hover{border-color:var(--accent)}.home-link{-webkit-backdrop-filter:blur(12px);color:var(--text-dim);border-radius:999px;transition:color .15s,border-color .15s}.home-link:hover{color:var(--accent);border-color:var(--accent)}.card{-webkit-backdrop-filter:blur(18px);border-radius:20px;position:relative}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--app) 30%, var(--app-2) 70%, transparent);opacity:.55;pointer-events:none;height:1px;position:absolute;top:0;left:24px;right:24px}.section-title{text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:800}.field-label{letter-spacing:.12em;font-size:11px;font-weight:800}.tab-active,.chip-active{color:#fff;background:linear-gradient(135deg, var(--app), var(--app-2));box-shadow:0 4px 18px color-mix(in srgb, var(--app) 50%, transparent);border-color:#0000}:focus-visible{outline-color:var(--app)}html[data-profile=ocean] .app{--app:#38bdf8;--app-2:#818cf8}html[data-profile=ember] .app{--app:#fb923c;--app-2:#f43f5e}html[data-profile=forest] .app{--app:#34d399;--app-2:#a3e635}html[data-profile=violet] .app{--app:#a78bfa;--app-2:#e879f9}html[data-profile=mono] .app{--app:#64748b;--app-2:#94a3b8}.avatar{color:#fff;background:linear-gradient(135deg, var(--app,var(--accent)), var(--app-2,var(--accent)));width:42px;height:42px;box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:800;text-decoration:none;display:grid}.avatar:hover{filter:brightness(1.08)}