:root{color-scheme:light;--cue-bg: #f7f8fa;--cue-surface: #ffffff;--cue-surface-subtle: #f7f8fa;--cue-text: #17181c;--cue-text-secondary: #6b7280;--cue-text-tertiary: #9ca3af;--cue-accent: #176bce;--cue-accent-hover: #1560b8;--cue-accent-soft: #eaf4fd;--cue-border: #e5e7eb;--cue-danger: #dc2626;--cue-danger-soft: #fee2e2;--cue-warning: #b45309;--cue-warning-soft: #fef3c7;--cue-success: #15803d;--cue-on-accent: #ffffff;--cue-scrim: rgba(15, 17, 21, .45);--cue-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cue-title: 1.75rem;--cue-heading: 1.25rem;--cue-body: 1rem;--cue-space-xs: .25rem;--cue-space-s: .5rem;--cue-space-m: 1rem;--cue-space-l: 1.5rem;--cue-space-xl: 2rem;--cue-space-xxl: 3rem;--cue-radius-s: .5rem;--cue-radius-m: .75rem;--cue-radius-l: 1rem;--shell-nav: 16rem;--bg: var(--cue-bg);--surface: var(--cue-surface);--text: var(--cue-text);--text-2: var(--cue-text-secondary);--accent: var(--cue-accent);--accent-hover: var(--cue-accent-hover);--border: var(--cue-border);--danger: var(--cue-danger);--danger-soft: var(--cue-danger-soft);--font: var(--cue-font);--space-s: var(--cue-space-s);--space-m: var(--cue-space-m);--space-l: var(--cue-space-l);--space-xl: var(--cue-space-xl);--radius: var(--cue-radius-m)}@media(min-width:960px)and (max-width:1199px){:root{--shell-nav: 13.5rem}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--cue-bg: #0f1115;--cue-surface: #1a1d23;--cue-surface-subtle: #12141a;--cue-text: #f3f4f6;--cue-text-secondary: #9ca3af;--cue-text-tertiary: #6b7280;--cue-accent: #4da3f5;--cue-accent-hover: #7ab8f7;--cue-accent-soft: #12283d;--cue-border: #2a2e36;--cue-danger: #f87171;--cue-danger-soft: #3a1414;--cue-warning: #fbbf24;--cue-warning-soft: #3a2a0a;--cue-success: #4ade80;--cue-on-accent: #0f1115;--cue-scrim: rgba(0, 0, 0, .55)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:clip;background:var(--cue-bg);color:var(--cue-text);font-family:var(--cue-font);font-size:var(--cue-body);line-height:1.5}img{max-width:100%;height:auto}.screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--cue-space-l)}.card{width:min(100%,24rem);background:var(--cue-surface);border:1px solid var(--cue-border);border-radius:var(--cue-radius-m);padding:var(--cue-space-xl) var(--cue-space-l)}.card h1{margin:var(--cue-space-m) 0 var(--cue-space-l);font-size:var(--cue-title);line-height:1.2;letter-spacing:-.02em}.card picture,.card img{display:block;width:3rem;height:3rem}form{display:flex;flex-direction:column;gap:var(--cue-space-s)}label{font-size:.875rem;font-weight:600}input{width:100%;padding:.75rem;border:1px solid var(--cue-border);border-radius:var(--cue-radius-s);background:var(--cue-surface);color:var(--cue-text);font:inherit}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:default}button[type=submit],.button-primary{margin-top:var(--cue-space-s);padding:.75rem 1rem;border:0;border-radius:var(--cue-radius-s);background:var(--cue-accent);color:var(--cue-on-accent);font-weight:600}button[type=submit]:hover,.button-primary:hover{background:var(--cue-accent-hover)}.button-secondary{padding:.5rem .875rem;border:1px solid var(--cue-border);border-radius:var(--cue-radius-s);background:var(--cue-surface);color:var(--cue-text);font-weight:600}.button-secondary:hover{background:var(--cue-bg)}.button-secondary{margin-top:var(--cue-space-s)}.menu-button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:var(--cue-radius-s);background:transparent;color:var(--cue-text)}.menu-button:hover{background:var(--cue-bg)}a{color:var(--cue-accent)}a:hover{color:var(--cue-accent-hover)}input:focus-visible,button:focus-visible,a:focus-visible,.nav-link:focus-visible,.brand:focus-visible{outline:2px solid var(--cue-accent);outline-offset:2px}[role=alert]{margin:0;padding:var(--cue-space-s) var(--cue-space-m);border-radius:var(--cue-radius-s);background:var(--cue-danger-soft);color:var(--cue-danger)}.switch,.signed-in,.status{color:var(--cue-text-secondary)}.switch{margin:var(--cue-space-l) 0 0}.app-shell{display:grid;grid-template-columns:var(--shell-nav) minmax(0,1fr) clamp(20rem,40vw,36rem);grid-template-rows:minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden;background:var(--cue-bg)}.app-shell.is-single{grid-template-columns:var(--shell-nav) minmax(0,1fr)}.app-topbar{display:none}.nav-slot,.cue-nav,.list-region,.detail-region{min-width:0;min-height:0}.nav-slot{grid-column:1;grid-row:1}.list-region{grid-column:2;grid-row:1}.detail-region{grid-column:3;grid-row:1}.cue-nav{display:flex;flex-direction:column;height:100%;overflow:auto;padding:var(--cue-space-m);background:var(--cue-surface);border-right:1px solid var(--cue-border)}.brand{display:flex;align-items:center;gap:var(--cue-space-s);margin:0 0 var(--cue-space-l);padding:.25rem .5rem;color:var(--cue-text);font-size:var(--cue-heading);font-weight:600;letter-spacing:-.02em;text-decoration:none}.brand:hover{color:var(--cue-text)}.brand img{display:block;width:1.75rem;height:1.75rem}.nav-links{display:flex;flex-direction:column;gap:.125rem}.nav-link{display:block;padding:.55rem .75rem;border-radius:var(--cue-radius-s);color:var(--cue-text);font-weight:500;text-decoration:none}.nav-link:hover{background:var(--cue-bg);color:var(--cue-text)}.nav-link[aria-current=page]{background:var(--cue-accent-soft);color:var(--cue-text);font-weight:600;box-shadow:inset 3px 0 0 var(--cue-accent)}.nav-folders{margin:var(--cue-space-m) .75rem var(--cue-space-s);color:var(--cue-text-secondary);font-size:var(--cue-body)}.list-region,.detail-region{overflow:auto}.detail-region{background:var(--cue-surface);border-left:1px solid var(--cue-border)}.list-page,.settings-page{min-height:100%}.list-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;min-height:3.25rem;padding:0 var(--cue-space-l);background:var(--cue-bg);border-bottom:1px solid var(--cue-border)}.list-toolbar h1{margin:0;font-size:var(--cue-heading);font-weight:600;letter-spacing:-.02em;line-height:1.3}.list-body,.list-feed{padding:var(--cue-space-xl) var(--cue-space-l)}.reminder-sections{display:flex;flex-direction:column;gap:var(--cue-space-l)}.section-title{margin:0 0 var(--cue-space-s);color:var(--cue-text-secondary);font-size:.9375rem;font-weight:600;letter-spacing:.01em}.reminder-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--cue-border)}.reminder-row{display:flex;gap:.75rem;align-items:flex-start;min-height:3.5rem;padding:.8rem .35rem;border-bottom:1px solid var(--cue-border);color:var(--cue-text);text-decoration:none}.reminder-row[aria-current=page]{background:var(--cue-accent-soft);box-shadow:inset 3px 0 0 var(--cue-accent)}.reminder-row-body{display:flex;flex-direction:column;gap:.3rem;min-width:0;padding-top:.05rem}.detail-copy h2,.detail-body,.nav-link{overflow-wrap:anywhere}.reminder-row-title{display:-webkit-box;overflow:hidden;font-weight:600;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.reminder-row-meta{display:flex;flex-wrap:wrap;gap:.3rem .65rem;align-items:center;color:var(--cue-text-secondary);font-size:.875rem;line-height:1.35}.reminder-state.is-overdue{color:var(--cue-danger)}.reminder-folder{padding:.05rem .4rem;border:1px solid var(--cue-border);border-radius:999px;background:var(--cue-surface);color:var(--cue-text-secondary);font-size:.8125rem;line-height:1.4}.reminder-row .preview-image,.reminder-row .preview-fallback{width:2.75rem;height:2.75rem;flex:none;border-radius:var(--cue-radius-s)}.reminder-row .preview-image{object-fit:cover}.reminder-row .preview-fallback{display:block;background:var(--cue-border)}.detail-copy .preview-image{display:block;width:100%;max-height:16rem;margin:var(--cue-space-m) 0 0;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--cue-radius-m)}.detail-facts{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:var(--cue-space-m) 0 0}.detail-facts div{display:flex;gap:.35rem;align-items:baseline}.detail-facts dt{color:var(--cue-text-secondary);font-size:.875rem}.detail-facts dd{margin:0}.detail-body{margin:var(--cue-space-m) 0 0;white-space:pre-wrap}.detail-device{margin:var(--cue-space-s) 0 0;color:var(--cue-text-secondary)}a.open-original{display:inline-flex;align-items:center;margin-top:var(--cue-space-m);color:var(--cue-text);text-decoration:none}a.open-original:hover{color:var(--cue-text)}.empty-state{max-width:28rem}.empty-state h1,.empty-state h2{margin:0;color:var(--cue-text);font-size:var(--cue-heading);font-weight:600;letter-spacing:-.02em;line-height:1.35;overflow-wrap:break-word}.empty-state p{margin:var(--cue-space-s) 0 0;color:var(--cue-text-secondary)}.empty-action{margin-top:var(--cue-space-m)}.detail-selected,.detail-region .empty-state{padding:var(--cue-space-l)}.detail-selected h2{margin:0 0 var(--cue-space-s);font-size:var(--cue-heading);font-weight:600;letter-spacing:-.02em;line-height:1.3}.detail-selected p{margin:0;max-width:36rem}.detail-selected .detail-body{color:var(--cue-text)}.detail-back{display:none;margin-bottom:var(--cue-space-m);font-weight:600;text-decoration:none}.settings-body{display:flex;flex-direction:column;gap:var(--cue-space-xl);max-width:36rem;padding:var(--cue-space-l)}.settings-account h2{margin:0 0 var(--cue-space-s);font-size:var(--cue-heading);font-weight:600;letter-spacing:-.02em}.settings-email{margin:0;overflow-wrap:anywhere}.settings-email strong{font-weight:600}.legal-links{display:flex;flex-wrap:wrap;gap:var(--cue-space-m)}.error-state .button-secondary{color:var(--cue-text);background:var(--cue-surface)}.skeleton-block{display:grid;gap:var(--cue-space-s);max-width:28rem}.skeleton{display:block;height:.875rem;border-radius:var(--cue-radius-s);background:var(--cue-border)}.skeleton-row.short{width:62%}.nav-backdrop{position:fixed;inset:0;z-index:20;background:var(--cue-scrim)}@media(max-width:959px){.app-shell,.app-shell.is-single{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.app-topbar{position:relative;z-index:40;display:flex;align-items:center;gap:.35rem;grid-column:1;grid-row:1;min-height:3.25rem;padding:0 .65rem;background:var(--cue-surface);border-bottom:1px solid var(--cue-border)}.topbar-brand{display:inline-flex;align-items:center;gap:.45rem;color:var(--cue-text);font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.topbar-brand img{display:block;width:1.375rem;height:1.375rem}.list-toolbar h1,.detail-copy h2,.detail-selected h2{font-size:1.125rem}.section-title{font-size:.875rem}.reminder-row{padding:.7rem .15rem}.reminder-row-title{-webkit-line-clamp:3}.detail-selected{padding:var(--cue-space-m)}.list-region,.detail-region{grid-column:1;grid-row:2}.nav-slot{grid-column:1;grid-row:1;position:fixed;z-index:30;top:0;bottom:0;left:0;width:min(18rem,calc(100vw - 2.5rem));transform:translate(-105%)}.app-shell.is-nav-open .nav-slot{transform:none;transition:transform .18s ease}@starting-style{.app-shell.is-nav-open .nav-slot{transform:translate(-105%)}}.cue-nav{padding-top:calc(3.25rem + var(--cue-space-m));box-shadow:0 12px 40px #0f11152e}.app-shell.is-selected .list-region{display:none}.app-shell:not(.is-selected) .detail-region{display:none}.detail-region{border-left:0}.detail-back{display:inline-flex}.list-toolbar,.list-body,.list-feed,.settings-body{padding-left:var(--cue-space-m);padding-right:var(--cue-space-m)}.detail-actions,.form-actions{flex-direction:column;align-items:stretch}.button-danger{margin-left:0}.detail-actions button,.form-actions button,.nav-create{min-height:2.75rem}}.nav-quick{margin-top:.35rem;font-weight:500}.nav-create{margin:.35rem 0 .5rem;padding:.55rem .75rem;border:1px solid var(--cue-border);border-radius:var(--cue-radius-s);background:var(--cue-surface);color:var(--cue-text);font-weight:600;text-align:left}.detail-actions,.form-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:var(--cue-space-l)}.detail-actions .button-secondary,.detail-actions .button-danger,.form-actions .button-secondary,.form-actions .button-danger{margin-top:0}.button-danger{margin-left:auto;padding:.5rem .875rem;border:1px solid var(--cue-danger);border-radius:var(--cue-radius-s);background:transparent;color:var(--cue-danger);font-weight:600}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--cue-space-m);background:var(--cue-scrim)}.dialog-panel{width:min(100%,28rem);max-height:min(40rem,calc(100vh - 2rem));overflow:auto;padding:var(--cue-space-l);border:1px solid var(--cue-border);border-radius:var(--cue-radius-m);background:var(--cue-surface)}.dialog-panel h2{margin:0;font-size:var(--cue-heading)}.dialog-panel:has(.quick-add){width:min(100%,24rem)}.time-choices{display:flex;flex-wrap:wrap;gap:.5rem}.time-chip{min-height:2.75rem;padding:.4rem .75rem;border:1px solid var(--cue-border);border-radius:var(--cue-radius-s);background:transparent;color:var(--cue-text);font-weight:600}.time-chip[aria-pressed=true]{border-color:var(--cue-accent);background:var(--cue-accent-soft)}.quick-add-hint{margin:var(--cue-space-m) 0 0;color:var(--cue-text-secondary);font-weight:400}.form-field{display:flex;flex-direction:column;gap:.35rem;margin-top:var(--cue-space-m);font-weight:600}.form-field textarea,.form-field select,.form-field input{font-weight:400}.form-row{display:flex;gap:.75rem}.form-row .form-field{flex:1}.form-error{margin:var(--cue-space-m) 0 0}@media(max-width:959px){.detail-actions,.form-actions{flex-direction:column;align-items:stretch}.detail-actions .button-danger,.form-actions .button-danger{margin-left:0}.detail-actions button,.form-actions button,.nav-create{min-height:2.75rem}.quick-add .form-row{flex-direction:column}}@media(prefers-reduced-motion:no-preference){.skeleton{animation:cue-skeleton 1.2s ease-in-out infinite}}@keyframes cue-skeleton{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){*,.nav-slot,.cue-nav,.list-region,.detail-region{scroll-behavior:auto;transition:none;animation:none}}