:root{--bg:#fff;--bg-subtle:#fafafa;--bg-muted:#f4f4f5;--fg:#09090b;--fg-muted:#71717a;--fg-subtle:#a1a1aa;--border:#e4e4e7;--border-strong:#d4d4d8;--ring:#18181b;--primary:#18181b;--primary-fg:#fafafa;--accent-blue:#3b82f6;--accent-blue-soft:#dbeafe;--accent-red:#ef4444;--cat-blue-bg:#eff6ff;--cat-blue-bd:#60a5fa;--cat-blue-fg:#1e40af;--cat-violet-bg:#f5f3ff;--cat-violet-bd:#a78bfa;--cat-violet-fg:#5b21b6;--cat-emerald-bg:#ecfdf5;--cat-emerald-bd:#34d399;--cat-emerald-fg:#065f46;--cat-amber-bg:#fffbeb;--cat-amber-bd:#fbbf24;--cat-amber-fg:#92400e;--cat-rose-bg:#fff1f2;--cat-rose-bd:#fb7185;--cat-rose-fg:#9f1239;--cat-slate-bg:#f1f5f9;--cat-slate-bd:#94a3b8;--cat-slate-fg:#334155;--radius:8px;--radius-sm:6px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000a;--shadow:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}[data-theme=dark]{--bg:#09090b;--bg-subtle:#0c0c0e;--bg-muted:#18181b;--fg:#fafafa;--fg-muted:#a1a1aa;--fg-subtle:#71717a;--border:#27272a;--border-strong:#3f3f46;--ring:#fafafa;--primary:#fafafa;--primary-fg:#18181b;--accent-blue:#60a5fa;--accent-blue-soft:#1e3a8a;--cat-blue-bg:#172554;--cat-blue-bd:#3b82f6;--cat-blue-fg:#bfdbfe;--cat-violet-bg:#2e1065;--cat-violet-bd:#8b5cf6;--cat-violet-fg:#ddd6fe;--cat-emerald-bg:#064e3b;--cat-emerald-bd:#10b981;--cat-emerald-fg:#a7f3d0;--cat-amber-bg:#451a03;--cat-amber-bd:#f59e0b;--cat-amber-fg:#fde68a;--cat-rose-bg:#4c0519;--cat-rose-bd:#f43f5e;--cat-rose-fg:#fecdd3;--cat-slate-bg:#1e293b;--cat-slate-bd:#64748b;--cat-slate-fg:#cbd5e1}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-family:inherit}input,textarea{color:inherit;font-family:inherit}.app{background:var(--bg);grid-template-rows:56px 1fr;grid-template-columns:280px 1fr;height:100vh;display:grid}.app[data-sidebar=right]{grid-template-columns:1fr 280px}.app[data-sidebar=right] .topbar{grid-column:1/-1}.app[data-sidebar=right] .sidebar{border-right:0;border-left:1px solid var(--border);grid-area:2/2}.app[data-sidebar=right] .main{grid-area:2/1}.topbar{border-bottom:1px solid var(--border);background:var(--bg);grid-column:1/-1;align-items:center;gap:12px;padding:0 16px;display:flex}.brand{letter-spacing:-.01em;border-right:1px solid var(--border);align-items:center;gap:8px;height:100%;margin-right:4px;padding-left:4px;padding-right:12px;font-size:14px;font-weight:600;display:flex}.brand-dot{background:var(--fg);width:20px;height:20px;color:var(--bg);border-radius:6px;place-items:center;font-size:11px;display:grid}.nav-group{align-items:center;gap:2px;display:flex}.icon-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--fg-muted);place-items:center;transition:background .12s,color .12s;display:grid}.icon-btn:hover{background:var(--bg-muted);color:var(--fg)}.btn{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;height:30px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.btn-ghost{color:var(--fg-muted)}.btn-ghost:hover{background:var(--bg-muted);color:var(--fg)}.btn-outline{border-color:var(--border);background:var(--bg);color:var(--fg)}.btn-outline:hover{background:var(--bg-muted);border-color:var(--border-strong)}.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-primary:hover{opacity:.9}.btn-sm{height:26px;padding:4px 8px;font-size:12px}.topbar-title{letter-spacing:-.01em;color:var(--fg);margin-left:4px;font-size:14px;font-weight:600}.topbar-sub{color:var(--fg-muted);margin-left:2px;font-size:12px}.spacer{flex:1}.kbd{background:var(--bg-muted);border:1px solid var(--border);min-width:16px;height:16px;font-family:var(--font-mono);color:var(--fg-muted);border-radius:4px;place-items:center;padding:0 3px;font-size:10px;display:inline-grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-subtle);flex-direction:column;display:flex;overflow:hidden}.sb-section{border-bottom:1px solid var(--border);padding:16px}.sb-section:last-child{border-bottom:0;flex:1;overflow-y:auto}.sb-label{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.timer-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:14px;position:relative;overflow:hidden}.timer-card.running{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}.timer-card.running:before{content:"";background:linear-gradient(135deg, transparent 40%, color-mix(in oklch, var(--cat-blue-bd) 8%, transparent));pointer-events:none;position:absolute;inset:0}.timer-input{width:100%;color:var(--fg);background:0 0;border:0;outline:none;margin-bottom:10px;font-size:14px;font-weight:500}.timer-input::placeholder{color:var(--fg-subtle)}.timer-display{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;margin-bottom:12px;font-size:28px;font-weight:500;display:flex}.timer-display .sec{color:var(--fg-muted);font-size:20px}.timer-actions{gap:6px;display:flex}.timer-actions .btn{flex:1;justify-content:center}.pulse{background:var(--accent-red);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.cat-pills{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.cat-pill{border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);border-radius:100px;align-items:center;gap:5px;padding:3px 8px 3px 6px;font-size:11px;font-weight:500;transition:all .12s;display:inline-flex}.cat-pill:hover{border-color:var(--border-strong);color:var(--fg)}.cat-pill.active{border-color:var(--fg);background:var(--bg-muted);color:var(--fg)}.cat-dot{border-radius:3px;width:8px;height:8px}.activity-list{flex-direction:column;gap:2px;display:flex}.activity-row{border-radius:var(--radius-sm);cursor:pointer;grid-template-columns:3px 1fr auto;align-items:center;gap:10px;padding:8px 10px;transition:background .12s;display:grid;position:relative}.activity-row:hover{background:var(--bg-muted)}.activity-row .bar{border-radius:2px;align-self:center;width:3px;height:28px}.activity-row .title-col{min-width:0}.activity-row .title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.activity-row .time{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:11px}.activity-row .duration{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.totals{border-top:1px dashed var(--border);justify-content:space-between;align-items:baseline;margin-top:8px;padding:10px 10px 6px;display:flex}.totals .label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.totals .value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.main{flex-direction:column;display:flex;position:relative;overflow:hidden}.cal-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:5;grid-template-columns:64px repeat(7,1fr);display:grid;position:sticky;top:0}.cal-header-cell{border-left:1px solid var(--border);flex-direction:column;gap:2px;min-width:0;padding:12px 10px 10px;display:flex}.cal-header-cell:first-child{border-left:0}.cal-header-cell .dow{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);font-size:11px;font-weight:500}.cal-header-cell .dnum{letter-spacing:-.01em;width:26px;height:26px;color:var(--fg);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:inline-flex}.cal-header-cell.today .dow{color:var(--accent-blue)}.cal-header-cell.today .dnum{background:var(--accent-blue);color:#fff}.cal-body{flex:1;position:relative;overflow:hidden auto}.cal-grid{grid-template-columns:64px repeat(7,1fr);display:grid;position:relative}.time-gutter{border-right:1px solid var(--border);flex-direction:column;display:flex}.time-label{text-align:right;height:48px;color:var(--fg-subtle);font-variant-numeric:tabular-nums;padding-right:8px;font-size:10px;font-weight:500;position:relative;top:-6px}.day-col{border-left:1px solid var(--border);min-height:1152px;position:relative}.day-col:first-child{border-left:0}.day-col.today-col{background:color-mix(in oklch, var(--accent-blue) 3%, transparent)}.day-col.weekend{background:var(--bg-subtle)}.hour-line{border-top:1px solid var(--border);position:absolute;left:0;right:0}.halfhour-line{border-top:1px dashed color-mix(in oklch, var(--border) 60%, transparent);position:absolute;left:0;right:0}.event{cursor:grab;-webkit-user-select:none;user-select:none;border-left:3px solid var(--cat-blue-bd);background:var(--cat-blue-bg);color:var(--cat-blue-fg);z-index:2;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.3;transition:box-shadow .12s,transform .12s;position:absolute;left:4px;right:4px;overflow:hidden}.event:hover{box-shadow:var(--shadow-md);z-index:3}.event.dragging{cursor:grabbing;opacity:.85;box-shadow:var(--shadow-lg);z-index:10}.event.short{padding:2px 6px}.event.short .event-title{font-size:11px}.event.short .event-time{display:none}.event.running{box-shadow:0 0 0 1.5px var(--cat-rose-bd), var(--shadow);border-left-style:solid;border-left-width:3px;animation:2s ease-in-out infinite liveGlow}@keyframes liveGlow{0%,to{box-shadow:0 0 0 1.5px var(--cat-rose-bd), 0 1px 3px 0 color-mix(in oklch, var(--cat-rose-bd) 25%, transparent)}50%{box-shadow:0 0 0 2.5px var(--cat-rose-bd), 0 2px 8px 0 color-mix(in oklch, var(--cat-rose-bd) 35%, transparent)}}.event-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-weight:500;display:flex;overflow:hidden}.event-time{opacity:.75;font-variant-numeric:tabular-nums;margin-top:1px;font-size:10.5px}.event.cat-blue{border-left-color:var(--cat-blue-bd);background:var(--cat-blue-bg);color:var(--cat-blue-fg)}.event.cat-violet{border-left-color:var(--cat-violet-bd);background:var(--cat-violet-bg);color:var(--cat-violet-fg)}.event.cat-emerald{border-left-color:var(--cat-emerald-bd);background:var(--cat-emerald-bg);color:var(--cat-emerald-fg)}.event.cat-amber{border-left-color:var(--cat-amber-bd);background:var(--cat-amber-bg);color:var(--cat-amber-fg)}.event.cat-rose{border-left-color:var(--cat-rose-bd);background:var(--cat-rose-bg);color:var(--cat-rose-fg)}.event.cat-slate{border-left-color:var(--cat-slate-bd);background:var(--cat-slate-bg);color:var(--cat-slate-fg)}.event .resize-handle{cursor:ns-resize;height:6px;position:absolute;bottom:0;left:4px;right:4px}.event-delete{background:color-mix(in oklch, var(--bg) 70%, transparent);width:16px;height:16px;color:var(--fg-muted);border-radius:4px;justify-content:center;align-items:center;display:none;position:absolute;top:4px;right:4px}.event:hover .event-delete{display:flex}.event-delete:hover{color:var(--accent-red);background:var(--bg)}.create-ghost{background:color-mix(in oklch, var(--accent-blue) 12%, transparent);border:1.5px dashed var(--accent-blue);pointer-events:none;z-index:4;color:var(--accent-blue);border-radius:6px;align-items:flex-start;padding:6px 8px;font-size:12px;font-weight:500;display:flex;position:absolute;left:4px;right:4px}.now-line{border-top:1.5px solid var(--accent-red);z-index:1;pointer-events:none;position:absolute;left:0;right:0}.now-line:before{content:"";background:var(--accent-red);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:-5px}.popover{z-index:50;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-lg);padding:14px;position:absolute}.popover input.title-input{letter-spacing:-.01em;width:100%;color:var(--fg);background:0 0;border:0;outline:none;margin-bottom:10px;font-size:15px;font-weight:600}.popover-row{color:var(--fg-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.popover-row .time-pill{border:1px solid var(--border);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg);background:var(--bg);border-radius:6px;padding:4px 8px}.popover-actions{border-top:1px solid var(--border);justify-content:space-between;gap:8px;margin-top:4px;padding-top:10px;display:flex}.tweaks-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-lg);z-index:100;padding:14px;font-size:13px;position:fixed;bottom:16px;right:16px}.tweaks-panel h3{letter-spacing:-.01em;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.tweak-row{margin-bottom:12px}.tweak-row:last-child{margin-bottom:0}.tweak-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:500}.seg{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:2px;display:grid}.seg button{color:var(--fg-muted);border-radius:4px;padding:5px 8px;font-size:12px;font-weight:500}.seg button.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-sm)}.swatch-row{gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:transform .12s}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:var(--fg)}.cal-body::-webkit-scrollbar{width:10px}.sb-section::-webkit-scrollbar{width:10px}.cal-body::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:8px}.sb-section::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:8px}.cal-body::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.running-chip{color:var(--accent-red);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.login-screen{background:var(--bg-subtle);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-md);flex-direction:column;padding:24px;display:flex}.login-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600}.login-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:var(--radius-sm);font:inherit;outline:none;padding:8px 10px;transition:border-color .15s}.login-input:focus{border-color:var(--ring)}.login-error{color:var(--accent-red);background:var(--cat-rose-bg);border:1px solid var(--cat-rose-bd);border-radius:var(--radius-sm);margin-top:10px;padding:6px 8px;font-size:12px}.login-hint{color:var(--fg-subtle);text-align:center;margin-top:16px;font-size:11px}.login-hint code{font-family:var(--font-mono);background:var(--bg-muted);color:var(--fg-muted);border-radius:3px;padding:1px 4px}.sync-chip{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.sync-chip.err{color:var(--accent-red)}.event.event-google{cursor:pointer;background-image:repeating-linear-gradient(45deg,#0000 0 6px,#00000008 6px 8px);border-style:dashed}[data-theme=dark] .event.event-google{background-image:repeating-linear-gradient(45deg,#0000 0 6px,#ffffff0a 6px 8px)}.event.event-google .event-title{opacity:.85}.gcal-dot{opacity:.6;vertical-align:middle;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.tweak-divider{background:var(--border);height:1px;margin:12px -16px}.tweak-section-label{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:10px;font-weight:600}.toast{border-radius:var(--radius-sm);max-width:360px;box-shadow:var(--shadow-md);cursor:pointer;z-index:50;padding:10px 14px;font-size:13px;position:fixed;bottom:24px;right:24px}.toast-ok{background:var(--cat-emerald-bg);color:var(--cat-emerald-fg);border:1px solid var(--cat-emerald-bd)}.toast-err{background:var(--cat-rose-bg);color:var(--cat-rose-fg);border:1px solid var(--cat-rose-bd)}