:root{--bg:#fff;--fg:#111827;--muted:#6b7280;--accent:#2563eb;--border:#e5e7eb;--error:#dc2626;--warn:#b45309;--surface:#f3f4f6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111827;--fg:#f3f4f6;--muted:#9ca3af;--border:#374151;--warn:#f59e0b;--surface:#1f2937}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}button,input{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.error{color:var(--error)}.warn{color:var(--warn)}.login{flex-direction:column;gap:12px;max-width:320px;margin:20vh auto 0;padding:0 16px;display:flex}.login input{border:1px solid var(--border);color:inherit;background:0 0;border-radius:8px;padding:12px}.login button[type=submit]{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px}.login button:disabled{opacity:.5}.main{max-width:720px;margin:0 auto}.main header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.main nav{gap:4px;display:flex}.main nav button{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:8px 16px}.main nav button.active{background:var(--accent);color:#fff}.main section{padding:16px 16px 120px}button.link{color:var(--muted);background:0 0;border:none;padding:4px 0}button.link.danger{color:var(--error)}button.primary{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px}button.primary:disabled{opacity:.5}input,textarea,select{font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:8px}input,textarea{width:100%;padding:8px 10px}.small{font-size:.875rem}.row{align-items:center;gap:8px;display:flex}.capture{align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.capture textarea{resize:vertical}.filters{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}button.filter{border:1px solid var(--border);color:inherit;background:0 0;border-radius:999px;padding:4px 12px;font-size:.875rem}button.filter.active{border-color:var(--accent);background:var(--accent);color:#fff}.lists-manager{border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:12px}.lists-manager ul{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.cards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card{border:1px solid var(--border);border-left:4px solid var(--kind-color,var(--border));border-radius:8px;padding:10px 12px}.card.pending{opacity:.7}.card.kind-buy{--kind-color:#16a34a}.card.kind-order{--kind-color:#0891b2}.card.kind-do{--kind-color:#2563eb}.card.kind-learn{--kind-color:#9333ea}.card.kind-idea{--kind-color:#ca8a04}.card-title{width:100%;color:inherit;text-align:left;background:0 0;border:none;padding:0;font-weight:500;display:block}.card p{margin:4px 0 0}.chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}select.chip{cursor:pointer;border-radius:999px;padding:2px 8px;font-size:.8125rem}select.chip-kind{border-color:var(--kind-color,var(--border))}select.chip.chip-empty{color:var(--muted);border-style:dashed}select option{color:var(--fg);background:var(--bg)}.meta{color:var(--muted);font-size:.8125rem}.parse-failed{color:var(--error)}.card-editor{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.card-editor label{flex-direction:column;gap:2px;display:flex}.card-editor .row{justify-content:space-between}.card audio{width:100%;height:36px;margin-top:6px}.outbox-item{--kind-color:var(--muted);border-style:dashed dashed dashed solid}.record{left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.record-error{background:var(--bg);border:1px solid var(--error);color:var(--error);pointer-events:auto;border-radius:8px;margin:0 16px;padding:6px 12px;font-size:.875rem}.record-button{pointer-events:auto;background:var(--accent);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:background .15s,transform .15s;display:flex;position:relative;box-shadow:0 4px 16px #00000040}.record-button.starting,.record-button.recording{background:#dc2626;transform:scale(1.1)}.record-button.recording{animation:1.2s ease-in-out infinite record-pulse}@keyframes record-pulse{0%,to{box-shadow:0 0 #dc262680}50%{box-shadow:0 0 0 16px #dc262600}}.record-icon{background:#fff;border-radius:50%;width:28px;height:28px;transition:border-radius .15s,width .15s,height .15s}.record-button.recording .record-icon{border-radius:4px;width:22px;height:22px}.record-time{color:#fff;font-variant-numeric:tabular-nums;background:#dc2626;border-radius:999px;padding:2px 8px;font-size:.8125rem;position:absolute;top:-28px}.leftovers{border:1px dashed var(--border);border-radius:8px;margin-bottom:12px;padding:8px 12px}.leftovers p{margin:0}.leftovers ul{flex-direction:column;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.leftovers li{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.day-strip{scrollbar-width:thin;gap:6px;margin:0 -16px 12px;padding:2px 16px 6px;display:flex;overflow-x:auto}.day-tab{border:1px solid var(--border);min-width:56px;color:inherit;background:0 0;border-radius:10px;flex-direction:column;flex:none;align-items:center;padding:6px 8px;line-height:1.2;display:flex;position:relative}.day-tab.free{background:var(--surface)}.day-tab.active{border-color:var(--accent);background:var(--accent);color:#fff}.day-tab-weekday{font-size:.75rem}.day-tab-date{font-size:1.125rem;font-weight:600}.day-tab-count{background:var(--fg);min-width:18px;color:var(--bg);border-radius:999px;padding:0 5px;font-size:.6875rem;line-height:18px;position:absolute;top:-6px;right:-4px}.day-header h2{margin:0;font-size:1.25rem}.day-header p{margin:2px 0 0}.window-editor{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;margin:8px 0;padding:10px 12px;display:flex}.window-editor p{margin:0}.window-inputs input{width:auto;min-width:0}.load{margin:8px 0 12px}.load-bar{background:var(--surface);border-radius:999px;height:6px;overflow:hidden}.load-fill{background:var(--accent);height:100%}.load-fill.over{background:var(--warn)}.day-empty{margin:16px 0}.timeline{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.slot{border:1px solid var(--border);border-left:4px solid var(--kind-color,var(--border));background:var(--bg);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.slot.kind-buy{--kind-color:#16a34a}.slot.kind-order{--kind-color:#0891b2}.slot.kind-do{--kind-color:#2563eb}.slot.kind-learn{--kind-color:#9333ea}.slot.kind-idea{--kind-color:#ca8a04}.slot.overflow{border-style:dashed dashed dashed solid}.slot.overflow .slot-time{color:var(--warn)}.slot.dragging{z-index:1;position:relative;box-shadow:0 4px 16px #0003}.slot.done .slot-title{color:var(--muted);text-decoration:line-through}.drag-handle{cursor:grab;color:var(--muted);letter-spacing:-4px;touch-action:none;-webkit-user-select:none;user-select:none;margin:-8px 0 -8px -6px;padding:8px 6px;font-size:1.125rem;line-height:1}.slot-time{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;display:block}.slot-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.slot-text{min-width:0;line-height:1.3}.slot-controls{flex:none;align-items:center;gap:4px;display:flex}.slot-main input,.pick input{flex:none;width:18px;height:18px}.slot-title{overflow-wrap:anywhere}.slot-remove{padding:2px 4px}.untimed-title{margin:0 0 6px}button.add-ideas{width:100%;margin:4px 0 16px}.picker{margin:4px 0 16px}.picker-bar{z-index:2;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 -16px 10px;padding:8px 16px;display:flex;position:sticky;top:0}.picker-bar p{margin:0}.pick{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.pick input{margin-top:3px}.pick .card-title{display:block}.usual-windows{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.usual-windows p{margin:0}
