:root{--bg: #111417;--surface: #1a1f24;--surface-2: #232a31;--border: #2c343c;--text: #e8edf1;--text-dim: #8b97a3;--effort: #5db3a8;--recovery: #e0a458;--danger: #d97070;--accent: #5db3a8;--tap-min: 56px;--radius: 16px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none}#root{display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font-family:inherit;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:var(--tap-min);transition:transform .08s ease,background .12s ease,border-color .12s ease}button:active{transform:scale(.98)}button:disabled{opacity:.4}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;width:100%;min-height:var(--tap-min)}.app{display:flex;flex-direction:column;flex:1;min-height:0;max-width:560px;width:100%;margin:0 auto}.screen{flex:1;display:flex;flex-direction:column;min-height:0;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.topbar h1{font-size:1.05rem;font-weight:600;margin:0;color:var(--text-dim);letter-spacing:.02em}.navlinks{display:flex;gap:8px}.navlinks button{min-height:44px;padding:8px 14px;background:transparent;border-color:transparent;color:var(--text-dim);font-size:.95rem}.navlinks button.active{color:var(--text);background:var(--surface);border-color:var(--border)}.timer{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px}.clock{text-align:center;font-variant-numeric:tabular-nums;font-size:4.2rem;font-weight:300;letter-spacing:.01em;line-height:1;margin:8px 0 4px}.clock .type-label{display:block;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.type-label.effort{color:var(--effort)}.type-label.recovery{color:var(--recovery)}.start-buttons{display:flex;flex-direction:column;gap:14px}.big-btn{min-height:88px;font-size:1.4rem;font-weight:600;letter-spacing:.01em}.big-btn.effort{background:color-mix(in srgb,var(--effort) 16%,var(--surface));border-color:color-mix(in srgb,var(--effort) 40%,var(--border))}.big-btn.recovery{background:color-mix(in srgb,var(--recovery) 16%,var(--surface));border-color:color-mix(in srgb,var(--recovery) 40%,var(--border))}.big-btn.stop{min-height:96px;font-size:1.5rem;background:var(--surface-2);border-color:var(--border)}.inline-tags{display:flex;flex-direction:column;gap:12px;align-items:center}.chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{min-height:44px;padding:8px 16px;border-radius:999px;background:var(--surface);font-size:.95rem}.chip.selected{background:color-mix(in srgb,var(--accent) 26%,var(--surface));border-color:var(--accent);color:var(--text)}.chip-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.still-running{text-align:center;color:var(--text-dim);font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fade .15s ease}.sheet{background:var(--surface);border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid var(--border);width:100%;max-width:560px;padding:20px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:slideup .18s ease}.sheet h2{margin:4px 0 2px;font-size:1.2rem}.sheet .hint{color:var(--text-dim);font-size:.9rem;margin:0}.sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sheet-grid.three{grid-template-columns:1fr 1fr 1fr}.sheet-btn{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:1.1rem;font-weight:600}.sheet-btn .sub{font-size:.8rem;font-weight:400;color:var(--text-dim)}.sheet-btn.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--surface))}@keyframes slideup{0%{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.day-header{color:var(--text-dim);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:16px 0 4px}.day-header:first-child{margin-top:0}.bout-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;text-align:left;width:100%}.bout-row .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.effort{background:var(--effort)}.dot.recovery{background:var(--recovery)}.bout-main{flex:1;min-width:0}.bout-title{font-size:1rem;font-weight:500}.bout-sub{font-size:.85rem;color:var(--text-dim);margin-top:2px}.bout-dur{font-variant-numeric:tabular-nums;font-size:1.05rem;color:var(--text)}.tag{display:inline-block;font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-dim);margin-right:6px}.tag.ejected{color:var(--recovery);background:color-mix(in srgb,var(--recovery) 18%,var(--surface-2))}.tag.manual,.tag.edited{color:var(--text-dim)}.empty{text-align:center;color:var(--text-dim);margin-top:40px;line-height:1.6}.form{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.field label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:6px}.row{display:flex;gap:10px}.row>*{flex:1}.seg{display:flex;gap:8px}.seg button{flex:1;min-height:52px}.seg button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--surface))}.section-title{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 8px}.kind-row{display:flex;align-items:center;gap:8px}.kind-row input{flex:1}.icon-btn{min-height:48px;min-width:48px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.primary{background:color-mix(in srgb,var(--accent) 24%,var(--surface));border-color:var(--accent);font-weight:600;min-height:60px}.ghost{background:transparent}.destructive{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:transparent}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--text-dim);font-size:.9rem;line-height:1.5}.fab{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));min-height:60px;min-width:60px;border-radius:50%;font-size:1.8rem;background:color-mix(in srgb,var(--accent) 24%,var(--surface));border-color:var(--accent);box-shadow:0 6px 20px #0006;z-index:20}