:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142d48;background:#eff3f8;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:600px;margin:auto;padding:calc(28px + env(safe-area-inset-top)) 22px calc(35px + env(safe-area-inset-bottom))}header,.list-head,.task,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:.875rem;font-weight:800;letter-spacing:.13em}.local{font-size:.875rem;color:#53667e}h1{font-size:clamp(2.3rem,9vw,3.5rem);line-height:1.06;letter-spacing:-.04em;margin:36px 0 28px}h2{font-size:1.25rem;margin:0}button,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:0;border-radius:12px;background:#e9eef5;color:#142d48;padding:10px 14px}button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #146db2;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.capture{background:white;padding:24px;border-radius:24px;box-shadow:0 8px 30px #142d4808;margin-bottom:30px}.mic{display:block;margin:0 auto;width:104px;height:104px;border-radius:50%;background:#c4ef53;color:#142d48;box-shadow:0 0 0 9px #f0f8df}.mic svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.mic[aria-pressed=true]{background:#142d48;color:white;box-shadow:0 0 0 9px #dce5ef}#status{text-align:center;min-height:24px;margin:23px 0;font-weight:600}label{display:block;font-size:.875rem;font-weight:600;margin:0 0 8px}textarea{display:block;resize:vertical;width:100%;padding:14px;border:1px solid #d5dfeb;border-radius:12px;background:#f7f9fc;color:#142d48;line-height:1.5}.primary{background:#142d48;color:white;font-weight:600}#save{width:100%;margin-top:12px}.hint,details{font-size:.875rem;line-height:1.5;color:#53667e}.hint{margin:16px 0 0}.list-head{margin:0 0 14px}#count{font-size:.875rem;color:#53667e}.task{background:white;border-radius:14px;padding:12px;margin:9px 0;align-items:flex-start}.task .note-content{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0;margin:0;font-size:1rem;font-weight:400;line-height:1.5}.task input{width:23px;height:23px;margin:11px 0;flex:none;accent-color:#142d48}.task span{padding:9px 0;overflow-wrap:anywhere;white-space:pre-wrap}.task.done span{text-decoration:line-through;color:#66778e}.task .actions{gap:3px;flex-wrap:wrap;justify-content:flex-end}.task button{padding:9px;font-size:.875rem;background:transparent}#empty{text-align:center;color:#64758b;line-height:1.6;padding:24px 0}details{margin-top:28px;border-top:1px solid #d7e0eb;padding-top:18px}summary{cursor:pointer;min-height:44px}dialog{border:0;border-radius:20px;max-width:calc(100% - 32px);width:440px;padding:24px;color:#142d48}dialog::backdrop{background:#142d4880}dialog h2{margin-bottom:20px}dialog .actions{margin-top:18px}@media(max-width:360px){main{padding-left:14px;padding-right:14px}.capture{padding:18px}.task{flex-wrap:wrap}.task .actions{width:100%}}
:root{--page:#101923;--panel:#1b2838;--text:#edf3fc;--muted:#adbed2;--line:#3b4f66;--input:#142130;--button:#2b3e54;--accent:#c4ef53;color-scheme:dark;color:var(--text);background:var(--page)}:root[data-theme=light]{--page:#eff3f8;--panel:#fff;--text:#142d48;--muted:#53667e;--line:#d5dfeb;--input:#f7f9fc;--button:#e9eef5;--accent:#b6df48;color-scheme:light}.capture,.task,dialog,.folder{background:var(--panel);color:var(--text)}button{background:var(--button);color:var(--text)}.primary{background:var(--accent);color:#142d48}.hint,details,.local,#count,#empty,#backup-status,.folder small{color:var(--muted)}textarea{background:var(--input);border-color:var(--line);color:var(--text)}details{border-color:var(--line)}.mic{background:var(--accent);color:#142d48;box-shadow:0 0 0 9px var(--input)}.mic[aria-pressed=true]{background:var(--text);color:var(--page);box-shadow:0 0 0 9px var(--input)}.task.done span{color:var(--muted)}.theme-toggle{display:flex;align-items:center;gap:8px;margin:0;min-height:44px;flex-shrink:0;font-weight:400}.theme-toggle input{appearance:none;width:44px;height:26px;border-radius:20px;background:var(--line);position:relative;margin:0;cursor:pointer}.theme-toggle input:before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff}.theme-toggle input:checked{background:#a9ce3b}.theme-toggle input:checked:before{left:21px;background:#142d48}.theme-toggle input:focus-visible{outline:3px solid #69b4fa;outline-offset:3px}.folder{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:20px;margin:12px 0;border:1px solid var(--line);border-radius:18px}.folder svg{width:32px;height:32px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.8}.folder strong{font-size:1.125rem;display:block;overflow-wrap:anywhere}.folder small{display:block;font-size:.875rem;margin-top:6px}.backup{margin-top:30px;border-top:1px solid var(--line);padding-top:24px}.backup .actions{justify-content:flex-start;flex-wrap:wrap;margin-top:16px}#backup-status{font-size:.875rem;line-height:1.5}#folder-name{overflow-wrap:anywhere;font-size:2.5rem}#back{margin-top:25px}[hidden]{display:none!important}
.language{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:15px}.language label{margin:0;color:var(--muted);font-size:.875rem}.language select{font:inherit;font-size:.875rem;min-height:44px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px}
#folder-input{width:100%;font:inherit;min-height:48px;padding:12px;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:10px}#folder-mic{width:100%;margin-top:12px}#folder-status{font-size:.875rem;line-height:1.5;color:var(--muted)}
.compose-toggle{width:100%;margin-bottom:18px}.slide-panel{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-8px);transition:grid-template-rows .25s ease,opacity .2s ease,transform .25s ease}.slide-panel.open{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.slide-inner{overflow:hidden;min-height:0}.slide-panel:not(.open) .capture{margin-bottom:0}dialog{animation:dialog-in .2s ease}@keyframes dialog-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.slide-panel{transition:none}dialog{animation:none}}
.task .note-content>div{flex:1;min-width:0}.task .note-content>div>span{display:block;padding-bottom:3px}.timestamp{display:block;font-size:.875rem;line-height:1.5;color:var(--muted);margin-bottom:5px;text-decoration:none}
.folder-row{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin:12px 0;overflow:hidden}.folder-row .folder{margin:0;border:0;border-radius:0;background:transparent}.folder-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}.folder-actions button{font-size:.875rem}.danger{color:#ff9292}:root[data-theme=light] .danger{color:#a51e1e}#folder-feedback{font-size:.875rem;color:var(--muted);line-height:1.5}

.folder-row{display:flex;align-items:center;gap:4px;padding-right:8px}.folder-row .folder-open{flex:1;min-width:0;padding:14px 10px 14px 16px;gap:12px}.folder-row .folder-open>div{min-width:0}.folder-row .folder-open svg{width:27px;height:27px}.folder-actions{flex:none;display:flex;flex-wrap:nowrap;gap:2px;padding:0}.folder-actions button{width:44px;min-width:44px;height:44px;padding:11px;border-radius:10px;background:transparent}.folder-actions button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.folder-actions button:active{background:var(--button)}.folder strong{font-size:1rem}.folder small{margin-top:3px}

.sort-control{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.sort-control label{margin:0;color:var(--muted)}.sort-control select{font:inherit;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
.all-notes{width:100%;text-align:left;margin-bottom:22px;padding:14px 16px;border:1px solid var(--line);font-weight:600;background:var(--panel)}.note-folder{display:block;font-size:.875rem;line-height:1.5;color:var(--muted);margin-bottom:7px;overflow-wrap:anywhere}#notes-sort-control{margin:0 0 16px}
.palette{border:0;padding:0;margin:18px 0 0}.palette legend{font-size:.875rem;color:var(--muted);padding:0;margin-bottom:4px}#palette-options{display:flex;gap:5px;flex-wrap:wrap}.color-option{position:relative;display:flex;justify-content:center;align-items:center;width:44px;height:44px;margin:0;cursor:pointer}.color-option input{position:absolute;inset:0;width:44px;height:44px;margin:0;opacity:0;cursor:pointer}.swatch{width:26px;height:26px;border-radius:50%;pointer-events:none;border:1px solid #142d4840}.color-option input:checked+.swatch{outline:2px solid var(--text);outline-offset:4px}.color-option input:focus-visible+.swatch{outline:3px solid var(--text);outline-offset:4px}.theme-toggle input:checked{background:var(--accent)}.task input{accent-color:var(--accent)}
:root[data-theme=light] .folder svg{stroke:color-mix(in srgb,var(--accent) 45%,#142d48)}

.task.compact-note{align-items:center;flex-wrap:nowrap;gap:4px;padding:12px 8px 12px 12px}.task.compact-note .note-icon-actions{width:auto;flex:none;display:flex;flex-wrap:nowrap;gap:2px;padding:0}.task.compact-note .note-icon-actions button{width:44px;min-width:44px;height:44px;padding:11px;border-radius:10px;background:transparent}.note-icon-actions button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.task.compact-note .note-icon-actions button:active{background:var(--button)}

.palette{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
.due-label{margin-top:16px}input[type=date]{font:inherit;width:100%;min-height:46px;padding:10px 12px;color:var(--text);background:var(--input);border:1px solid var(--line);border-radius:10px}.due-date{display:block;font-size:.875rem;line-height:1.5;color:var(--text);margin-bottom:5px}.read-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.read-controls p{width:100%;font-size:.875rem;color:var(--muted);margin:0;line-height:1.5}

.voice-settings{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.voice-settings select{font:inherit;width:100%;max-width:100%;min-height:44px;padding:10px 12px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px}

.settings-toggle{display:block;width:100%;margin-top:26px;padding:12px 16px;text-align:left;border:1px solid var(--line);background:var(--panel);font-weight:600}.settings-toggle:after{content:'+';float:right}.settings-toggle[aria-expanded=true]:after{content:'−'}.settings-panel{padding-top:14px}.settings-panel .language{justify-content:flex-start;margin-top:0}.theme-setting{margin-top:12px}.settings-panel .backup{margin-top:20px}

.copyright{margin-top:30px;text-align:center;font-size:.8125rem;line-height:1.6;color:var(--muted)}

.read-controls button{width:44px;height:44px;min-width:44px;padding:11px}.read-controls button svg{width:22px;height:22px;fill:currentColor}

.note-preview{cursor:pointer}.note-preview:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}#note-detail{max-height:85dvh;overflow:auto}#note-detail-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;max-height:55dvh;overflow:auto;margin:16px 0}#note-detail form{margin-top:18px}