:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button.danger{color:var(--error);border-color:var(--error)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1:focus,h2:focus{outline:none}.ui-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px);color:var(--text);margin:auto;overflow-y:auto}.ui-dialog:focus{outline:none}.ui-dialog::backdrop{background:#0009}.ui-dialog-body{gap:12px;display:grid}.ui-dialog-body h2,.ui-dialog-body p{margin:0}.toast-zone:empty{position:absolute}.toast{right:16px;bottom:var(--toast-bottom,calc(16px + env(safe-area-inset-bottom)));z-index:5;max-width:688px;min-height:48px;color:var(--text);background:var(--surface);border:1px solid var(--accent);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:4px 4px 4px 16px;display:flex;position:fixed;left:16px}.toast-space{height:56px}.toast button{min-height:44px;color:var(--accent);border:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--toast-bottom:calc(80px + env(safe-area-inset-bottom));--bg:var(--lightningcss-light,#f7f5f3)var(--lightningcss-dark,#181614);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#25221e);--text:var(--lightningcss-light,#1f1c1a)var(--lightningcss-dark,#f2eee8);--muted:var(--lightningcss-light,#625c56)var(--lightningcss-dark,#b3aca2);--field-border:var(--lightningcss-light,#837c75)var(--lightningcss-dark,#7f786f);--border:var(--lightningcss-light,#ddd8d3)var(--lightningcss-dark,#3a362f);--accent:var(--lightningcss-light,#1f6fa8)var(--lightningcss-dark,#94cdf0);--on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0d2b40);--error:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#f2978f);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{margin-top:20px;font-size:1rem}p{margin:0 0 12px}.center{place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:16px;display:grid}.topbar{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex}.topbar h1{white-space:nowrap;margin:0;font-size:1rem}.topbar .muted{text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.content{max-width:720px;padding:16px 16px calc(88px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:16px;margin:0 auto;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:16px}.narrow{text-align:center;gap:12px;width:min(360px,100vw - 32px);display:grid}.narrow p{margin:0}.muted{color:var(--muted)}.error{color:var(--error)}button,.button{min-height:48px;color:var(--text);border:1px solid var(--border);font:inherit;text-align:center;cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:10px 14px;text-decoration:none;display:inline-block}button:disabled{cursor:not-allowed;opacity:.6}.primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:600}:is(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{width:100%;min-width:0;min-height:48px;color:var(--text);background:var(--bg);border:1px solid var(--field-border);border-radius:6px;padding:10px 12px;font-size:16px}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabs{z-index:10;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{border:0;border-radius:0;flex:1;align-content:center;justify-items:center;gap:2px;min-width:0;min-height:64px;padding:6px 2px;font-size:.75rem;display:grid}.tabs button[aria-current=page]{color:var(--accent);font-weight:700}.tabs button[aria-current=page] .tab-icon{width:48px;height:24px;color:var(--on-accent);background:var(--accent);border-radius:12px;padding:2px 0}.notice{border:1px solid var(--accent);border-radius:6px;margin-top:12px;padding:12px}.theme-picker{border:0;margin:12px 0 0;padding:0}.theme-picker legend{margin-bottom:4px}.collapsible summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:28px;list-style:none;display:flex}.collapsible summary::-webkit-details-marker{display:none}.collapsible summary:after{content:"›";color:var(--muted);font-size:1.25rem;line-height:1;transition:transform .15s}.collapsible[open] summary:after{transform:rotate(90deg)}.collapsible summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.collapsible h2{margin:0}.collapsible-body{margin-top:12px}@media (prefers-reduced-motion:reduce){.collapsible summary:after{transition:none}}.collapsible summary{min-height:48px}@media (height<=500px){:root{--toast-bottom:16px}.tabs{position:static}.content{padding-bottom:16px}}.topbar-icon{flex:none;display:block}.logout{width:100%}a.portal-link{width:44px;height:44px;color:var(--muted);touch-action:manipulation;border-radius:8px;flex:none;place-items:center;margin:-6px -10px -6px -4px;display:grid}a.portal-link:active{filter:brightness(.92)}.topbar-separator{background:var(--muted);flex:none;width:1px;height:24px}.field{gap:4px;display:grid}button,summary,label,select,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active:not(:disabled){filter:brightness(.92)}.row{gap:8px;display:flex}.row>button{flex:1}.privacy-link{text-align:center;margin-top:12px;display:block}.search{gap:4px;display:grid}.new-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.item-list{gap:8px;display:grid}button.item-card{background:var(--surface);text-align:left;border-radius:8px;gap:2px;width:100%;padding:12px 14px;display:grid}.item-head{justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.item-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.item-meta{color:var(--accent);font-size:.75rem}.editor{gap:12px;display:grid}.editor-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}textarea{width:100%;min-height:45dvh;color:var(--text);background:var(--bg);border:1px solid var(--field-border);font:inherit;resize:vertical;border-radius:6px;padding:10px 12px;font-size:16px}:is(textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.line{border-top:1px solid var(--border);align-items:center;gap:4px;display:flex}.line .check{flex:1;min-width:0}.line-done{color:var(--muted);text-decoration:line-through}button.line-remove{width:44px;color:var(--muted);border:0;padding:0;font-size:1.25rem}.check{align-items:center;gap:10px;min-height:48px;display:flex}.check input{width:22px;min-height:22px;accent-color:var(--accent)}.line-add{gap:8px;display:flex}.trash-row{border-top:1px solid var(--border);gap:8px;padding:12px 0;display:grid}.editor-actions{flex-wrap:wrap;justify-content:flex-end}.editor-bar{flex-wrap:wrap}.editor-info{margin:0;font-size:.875rem}.notifications{gap:12px;display:grid}.notifications p{margin:0}.notifications .row>button{flex:1}.share-row{border-top:1px solid var(--border);text-align:left}.levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-bottom:10px;display:grid}.level{border:1px solid var(--field-border);cursor:pointer;border-radius:6px;place-items:center;min-height:44px;font-size:.875rem;display:grid;position:relative}.level input{opacity:0;width:1px;min-height:0;position:absolute}.level:has(input:checked){color:var(--accent);border:2px solid var(--accent);font-weight:700}.level:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.reuse>button{flex:1;font-size:.875rem}