:root{--bg:#f4f3ef;--card:#fff;--ink:#1c1b18;--ink-soft:#6b6a63;--line:#e4e2da;--accent:#d7592c;--accent-soft:#fde8dd;--good:#2f8f5b;--warn:#c2410c;--shadow:0 1px 2px #1c1b180a, 0 8px 24px #1c1b180f;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#171613;--card:#211f1b;--ink:#f2f0ea;--ink-soft:#a5a297;--line:#35322b;--accent:#ff7a45;--accent-soft:#3a2216;--good:#4fbf85;--warn:#ffb17a;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;padding:24px 16px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45}p,h1,h2,h3{margin:0}[hidden]{display:none!important}.wrap{max-width:640px;margin:0 auto}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}h1{letter-spacing:-.02em;font-size:28px}.subtitle,.muted{color:var(--ink-soft);font-size:14.5px}.clock{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.card-heading,.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:13px;font-weight:700}.card-heading{margin-bottom:12px}.section-title{align-items:center;gap:8px;margin:26px 0 10px;display:flex}.count{background:var(--accent);color:var(--card);border-radius:999px;padding:1px 8px;font-size:11px}label{color:var(--ink-soft);margin:10px 0 5px;font-size:13px;font-weight:600;display:block}input,select{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px}@supports (-webkit-touch-callout:none){input[type=date],input[type=time]{appearance:none;text-align:left;max-width:100%;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left}input[type=time]::-webkit-date-and-time-value{text-align:left}.time-field.empty .time-hint{display:block}}.time-field{position:relative}.time-hint{color:var(--ink-soft);pointer-events:none;display:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sound-row{gap:8px;display:flex}.secondary-button{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);border-radius:10px;flex-shrink:0;padding:8px 14px;font-weight:600}.upload-row{align-items:center;gap:14px;margin-top:8px;display:flex}.upload-button{color:var(--ink);cursor:pointer;align-items:center;margin:0;font-size:15px;display:inline-flex}.upload-button:has(+input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hint{color:var(--ink-soft);margin-top:6px;font-size:13px}.field-label{color:var(--ink-soft);margin:14px 0 6px;font-size:13px;font-weight:600}.optional{font-weight:400}.history-summary{cursor:pointer;min-height:44px;list-style:none}.history-summary::-webkit-details-marker{display:none}.history-summary:before{content:"▸";color:var(--accent);font-size:15px}.history[open] .history-summary:before{content:"▾"}.history-hint{text-transform:none;letter-spacing:0;font-weight:400}.history-day+.history-day{margin-top:18px}.history-day-title{margin-bottom:4px;font-size:15px}.task-form-card.editing{border:1.5px solid var(--accent)}.cancel-edit-button{width:100%;margin-top:8px}.quick-minutes{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.segmented{gap:8px;display:flex}.segment{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--ink);border-radius:10px;flex:1;padding:8px 10px;font-size:15px}.segment[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.photo-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.photo-thumb{object-fit:cover;border:1px solid var(--line);border-radius:8px;flex-shrink:0;width:44px;height:44px}.photo-thumb.large{width:96px;height:96px}.take-photo{cursor:pointer;align-items:center;margin:0;display:inline-flex}.take-photo:has(+input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.check-status{color:var(--ink-soft);margin-top:8px;font-size:14.5px}.check-status.problem{color:var(--warn);font-weight:600}.task-left{align-items:center;gap:10px;min-width:0;display:flex}.crop-overlay{z-index:10;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.crop-panel{border-radius:var(--radius);background:var(--card);width:100%;max-width:560px;max-height:100%;padding:16px;overflow:auto}.crop-title{font-size:19px}.crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;width:fit-content;margin:12px auto 0;position:relative;overflow:hidden}.crop-image{pointer-events:none;max-width:100%;max-height:60vh;display:block}.crop-box{border:3px solid var(--accent);cursor:move;outline:1px solid #0009;position:absolute;box-shadow:0 0 0 9999px #00000080}.crop-box:focus-visible{outline:3px solid var(--ink)}.crop-handle{width:44px;height:44px;position:absolute}.crop-handle:after{content:"";border:0 solid var(--accent);filter:drop-shadow(0 0 1px #000c);width:18px;height:18px;position:absolute}.crop-handle.nw{cursor:nwse-resize;top:0;left:0}.crop-handle.nw:after{border-width:5px 0 0 5px;top:0;left:0}.crop-handle.ne{cursor:nesw-resize;top:0;right:0}.crop-handle.ne:after{border-width:5px 5px 0 0;top:0;right:0}.crop-handle.sw{cursor:nesw-resize;bottom:0;left:0}.crop-handle.sw:after{border-width:0 0 5px 5px;bottom:0;left:0}.crop-handle.se{cursor:nwse-resize;bottom:0;right:0}.crop-handle.se:after{border-width:0 5px 5px 0;bottom:0;right:0}.crop-preparing{text-align:center;color:var(--ink-soft);padding:48px 0}.crop-actions{gap:10px;margin-top:14px;display:flex}.crop-actions .primary-button{flex:1;margin-top:0}.tag-chip{color:color-mix(in srgb, var(--tag) 75%, var(--ink));background:color-mix(in srgb, var(--tag) 14%, transparent);border:1px solid color-mix(in srgb, var(--tag) 35%, transparent);border-radius:999px;align-items:center;padding:2px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.tag-list,.tag-picker,.tag-filter{flex-wrap:wrap;gap:6px;display:flex}.tag-list{margin-top:6px}.tag-picker,.tag-filter{gap:8px}.tag-filter{margin-bottom:10px}.tag-toggle{border:1px solid var(--line);background:var(--card);min-height:36px;color:var(--ink);border-radius:999px;padding:6px 12px;font-size:14px}.tag-toggle[aria-pressed=true]{--tag:var(--ink);border-color:var(--tag);background:color-mix(in srgb, var(--tag) 14%, transparent);color:color-mix(in srgb, var(--tag) 75%, var(--ink));font-weight:600}.manage-tags-button{margin-top:10px;font-size:14px}.tag-manager{border:1px dashed var(--line);border-radius:12px;margin-top:10px;padding:12px}.tag-manager-row{justify-content:space-between;align-items:center;display:flex}.new-tag-row{gap:8px;display:flex}.color-picker{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.color-swatch{border:3px solid var(--card);background:var(--tag);width:40px;height:40px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.color-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--ink)}.field-error{color:var(--warn);margin-top:4px;font-size:13.5px}button{font:inherit;cursor:pointer}.primary-button{background:var(--ink);width:100%;min-height:46px;color:var(--card);border:none;border-radius:10px;margin-top:16px;font-weight:600}.sound-button{border:1px solid var(--accent);background:var(--accent-soft);min-height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:14px;font-weight:600}@media (width<=400px){.app-header{flex-direction:column;align-items:stretch}.sound-button{align-self:flex-start}h1{font-size:24px}.row{grid-template-columns:1fr;gap:0}}.left-today .card-heading{align-items:center;gap:8px;display:flex}.left-today-row{justify-content:space-between;gap:12px;padding:4px 0;display:flex}.left-today-row.ringing .left-today-time{color:var(--warn);font-weight:700}.left-today-time{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-shrink:0}.how-it-works{margin-top:6px;font-size:14px}.welcome-card{border:1.5px solid var(--accent)}.welcome-title{font-size:19px}.welcome-steps{margin:12px 0;padding-left:22px}.welcome-steps li{margin-bottom:6px}.welcome-actions{gap:10px;margin-top:14px;display:flex}.welcome-actions .primary-button{flex:1;margin-top:0}.practice-hint{background:var(--card);border-radius:10px;margin-top:10px;padding:10px 12px;font-size:14.5px}.alert-card{border:1.5px solid var(--warn);background:var(--accent-soft);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #d7592c59}50%{box-shadow:0 0 0 10px #d7592c00}}@media (prefers-reduced-motion:reduce){.alert-card{animation:none}}.alert-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.alert-badge{color:var(--warn);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.alert-title{overflow-wrap:anywhere;margin:4px 0 2px;font-size:20px}.snooze-button{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:14px;font-weight:600}.proof-area{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}.proof-row{gap:8px;margin-top:6px;display:flex}.done-button{background:var(--good);color:#fff;border:none;border-radius:10px;flex-shrink:0;min-height:44px;padding:10px 16px;font-weight:600}.task-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.task-row:first-child{padding-top:0}.task-row:last-child{border-bottom:none;padding-bottom:0}.task-text{min-width:0}.task-description{overflow-wrap:anywhere;font-weight:600}.link-button{color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0;font-weight:600}.delete-button{width:40px;height:40px;color:var(--ink-soft);background:0 0;border:none;border-radius:10px;flex-shrink:0;font-size:16px}.delete-button:hover{background:var(--bg)}.empty{color:var(--ink-soft);text-align:center;padding:8px 0}.toast-undo{color:var(--accent);background:0 0;border:none;border-radius:6px;margin-left:14px;padding:4px 8px;font-weight:700}.toast{background:var(--ink);max-width:calc(100% - 32px);color:var(--card);box-shadow:var(--shadow);border-radius:12px;padding:12px 16px;font-size:15px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}
