:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}a,button,input,label,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #278777}button{color:inherit}button,input,textarea{border-radius:9px}input,textarea{min-width:0}textarea{resize:vertical}a{color:inherit}.app-shell{--bg:#f4f6f9;--surface:#fff;--text:#18263d;--muted:#5b697c;--line:#dce2eb;--accent:#0a7767;--active:#e3f4ef;background:var(--bg);min-height:100vh;color:var(--text)}.app-shell.dark{--bg:#202124;--surface:#292a2d;--text:#e8eaed;--muted:#9aa0a6;--line:#5f6368;--accent:#8ab4f8;--active:#394457;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;gap:20px;height:88px;padding:0 4%}.brand,.topbar{align-items:center;display:flex}.brand{letter-spacing:-1px;gap:10px;font-size:1.65rem;font-weight:750;text-decoration:none}.brand-dot{color:var(--accent)}.brand-mark{color:#77dec9;background:#18263d;border-radius:10px;place-items:center;width:34px;height:34px;font:700 28px Georgia;display:grid}.header-actions{align-items:center;gap:18px;display:flex}.privacy,.quiet{color:var(--muted);font-size:.875rem}.quiet{background:0 0;border:0;padding:9px 4px}.quiet:hover{color:var(--accent)}.workspace{grid-template-columns:230px minmax(0,1fr);max-width:1600px;margin:auto;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;min-height:calc(100vh - 88px);padding:38px 24px;display:flex}.eyebrow,.sidebar-heading{letter-spacing:1.8px;color:var(--muted);font-size:.75rem;font-weight:700}.sidebar-heading{margin-bottom:16px;padding:0 14px}.sidebar nav{gap:8px;display:grid}.sidebar nav button{text-align:left;color:var(--muted);background:0 0;border:0;align-items:center;gap:12px;padding:13px;display:flex}.sidebar nav button.active{background:var(--active);color:var(--accent);font-weight:650}.sidebar nav small{margin-left:auto}.tag-heading{margin-top:40px}.tag-list{flex-wrap:wrap;gap:7px;padding:0 12px;display:flex}.card-tags button,.tag-list button{color:var(--muted);background:0 0;border:0;padding:5px;font-size:.875rem}.tag-list button.selected{color:var(--accent);background:var(--active)}.sidebar-bottom{justify-items:start;margin-top:auto;padding:70px 12px 0;display:grid}.feed-area{min-width:0;padding:36px 42px 32px}.demo-banner{background:var(--active);color:var(--accent);letter-spacing:.5px;border-radius:8px;gap:15px;margin-bottom:27px;padding:10px 14px;font-size:.75rem;display:flex}.demo-banner span{letter-spacing:0;font-size:.875rem}.feed-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}h1{letter-spacing:-1.7px;margin:7px 0 0;font-size:2.5rem;font-weight:650}.search{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:10px;width:250px;padding:10px 13px;display:flex}.search span{color:var(--muted);font-size:1.5rem}.search input{width:100%;color:var(--text);background:0 0;border:0;font-size:.875rem}.feed-meta{color:var(--muted);justify-content:space-between;margin-bottom:18px;font-size:.875rem;display:flex}.masonry{-moz-columns:230px 3;columns:230px 3;-moz-column-gap:18px;column-gap:18px}.note{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid var(--line);background:var(--surface);border-radius:15px;margin:0 0 18px;padding:22px;box-shadow:0 3px 9px #14253e04}.note.tone-1{border-top:3px solid #5585c6}.note.tone-2{border-top:3px solid #a78cce}.note.tone-3{border-top:3px solid #d6a452}.note-meta{color:var(--muted);letter-spacing:1px;justify-content:space-between;font-size:.75rem;display:flex}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 25px;font-size:1.05rem;line-height:1.65}.note-image{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;max-height:350px;margin-top:16px}.note footer{justify-content:space-between;align-items:end;gap:10px;margin-top:22px;display:flex}.card-tags{flex-wrap:wrap;gap:4px;display:flex}.card-tags button{color:var(--accent);padding:0}.note time{color:var(--muted);white-space:nowrap;font-size:.75rem}.checklist{gap:13px;display:grid}.checklist label{overflow-wrap:anywhere;align-items:flex-start;gap:10px;line-height:1.5;display:flex}.checklist input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:4px}.checklist .done span{color:var(--muted);text-decoration:line-through}.reminder{background:var(--active);color:var(--accent);border-radius:8px;margin-top:22px;padding:11px;font-size:.875rem}.reminder small{margin-top:4px;font-size:.75rem;display:block}.composer{background:var(--surface);border:1px solid var(--line);border-radius:17px;max-width:860px;margin:35px auto 0;padding:17px;position:sticky;bottom:20px;box-shadow:0 12px 45px #13233d18}.composer-main{align-items:center;gap:15px;display:flex}.composer-mark{color:var(--accent);font-size:1.8rem}.composer-main textarea{color:var(--text);background:0 0;border:0;flex:1;max-height:220px;padding:8px 0;line-height:1.6}.send{background:var(--text);color:var(--surface);border:0;flex-shrink:0;width:43px;height:43px;font-size:1.6rem}.composer-tools{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;padding-top:9px;display:flex}.shortcut{color:var(--muted);margin-left:auto;font-size:.75rem}.image-picker{cursor:pointer;color:var(--muted);font-size:.875rem}.image-picker input{width:110px;font-size:.75rem;display:block}.capture-details{grid-template-columns:1fr 1fr;gap:14px;margin:15px 0;display:grid}.auth-panel label,.capture-details label{gap:7px;font-size:.875rem;display:grid}.auth-panel input,.capture-details input,.capture-details textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);padding:10px}.capture-details small{color:var(--muted);font-size:.75rem}.full-width{grid-column:1/-1}.status{color:var(--accent);margin:10px 0 0;font-size:.875rem}.attachment-name{overflow-wrap:anywhere;max-width:200px;font-size:.75rem}.empty{text-align:center;color:var(--muted);padding:60px 20px}.auth-panel{max-width:470px;margin:0 auto;padding:70px 25px}.auth-panel h1{margin:20px 0;font-size:3.5rem;line-height:1.12}.auth-panel p{color:var(--muted);line-height:1.7}.auth-panel form{gap:18px;margin:30px 0 15px;display:grid}.primary{background:var(--text);color:var(--surface);border:0;padding:15px}.subtle{font-size:.875rem}.setup-note{border:1px solid var(--line);border-radius:10px;padding:15px}.demo-button{color:var(--accent);font-weight:650}@media (width>=1450px){.masonry{-moz-columns:3;columns:3}.feed-area{padding:40px 55px}}@media (width<=1000px){.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:30px 12px}.feed-area{padding:30px 24px}.feed-heading{flex-direction:column;align-items:start}.search{width:100%}.privacy{display:none}.masonry{-moz-columns:210px 2;columns:210px 2}}@media (width<=640px){.topbar{height:72px;padding:0 18px}.brand{font-size:1.3rem}.header-actions{gap:10px}.workspace{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:15px 18px}.sidebar-bottom,.sidebar-heading,.tag-heading{display:none}.sidebar nav{gap:2px;display:flex;overflow:auto}.sidebar nav button{padding:10px;font-size:.875rem}.tag-list{flex-wrap:nowrap;padding:10px 0 0;overflow:auto}.tag-list button{white-space:nowrap}.feed-area{padding:24px 18px}.feed-heading{margin-bottom:20px}h1{font-size:2rem}.masonry{-moz-columns:1;columns:1}.demo-banner{display:block}.demo-banner span{margin-top:4px;display:block}.composer{margin-top:15px;position:relative;bottom:auto}.composer-tools{gap:10px}.shortcut{display:none}.capture-details{grid-template-columns:1fr}.composer-mark{display:none}.auth-panel{padding-top:45px}.auth-panel h1{font-size:2.8rem}}@media (prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}}.dark .brand-mark{color:#8ab4f8;background:#35363a}.dark .composer,.dark .search{background:#303134}.dark .primary,.dark .send{color:#202124;background:#8ab4f8}.dark .note.tone-1{border-top-color:#8ab4f8}.dark .note.tone-2{border-top-color:#c58af9}.dark .note.tone-3{border-top-color:#fdd663}.dark .composer{box-shadow:0 12px 45px #00000040}.dark :is(button,a,input,textarea):focus-visible{outline-color:#8ab4f8}.dark :is(input,textarea)::-moz-placeholder{color:#9aa0a6;opacity:1}.dark :is(input,textarea)::placeholder{color:#9aa0a6;opacity:1}.note-meta{align-items:center}.delete-note{letter-spacing:0;padding:6px 8px}.delete-confirmation{border:1px solid var(--line);background:var(--bg);border-radius:9px;margin:12px 0;padding:12px;font-size:.875rem}.delete-confirmation p{margin:0 0 10px;line-height:1.5}.delete-confirmation>div{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.delete-confirm{color:#fff;background:#b3261e;border:0;padding:9px 12px}.dark .delete-confirm{color:#601410;background:#f2b8b5}.note-editor[data-v-5b9c6294]{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:16px;width:min(620px,100vw - 32px);max-height:85dvh;padding:24px;overflow:auto}.note-editor[data-v-5b9c6294]::backdrop{background:#0009}.note-editor h2[data-v-5b9c6294]{margin:0 0 22px}.note-editor fieldset[data-v-5b9c6294]{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.note-editor label[data-v-5b9c6294]{gap:7px;font-size:.875rem;display:grid}.note-editor input[data-v-5b9c6294]:not([type=checkbox]),.note-editor textarea[data-v-5b9c6294]{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);padding:10px}.note-editor small[data-v-5b9c6294]{color:var(--muted);line-height:1.5}.edit-images[data-v-5b9c6294],.edit-list[data-v-5b9c6294]{gap:10px;display:grid}.edit-list-row[data-v-5b9c6294]{align-items:center;gap:10px;display:flex}.edit-list-row input[type=checkbox][data-v-5b9c6294]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.edit-list-row input[data-v-5b9c6294]:not([type=checkbox]){flex:1}.edit-image-row[data-v-5b9c6294]{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:12px;font-size:.875rem;display:flex}.edit-image-row img[data-v-5b9c6294]{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:64px;height:64px}.note-editor footer[data-v-5b9c6294]{justify-content:flex-end;gap:18px;margin-top:24px;display:flex}.edit-error[data-v-5b9c6294]{color:#b3261e}.dark .edit-error[data-v-5b9c6294]{color:#f2b8b5}.storage-check[data-v-c1b6cdaa]{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:860px;margin:24px auto;padding:18px;font-size:.875rem;line-height:1.6}summary[data-v-c1b6cdaa]{cursor:pointer;font-weight:600}li[data-v-c1b6cdaa]{overflow-wrap:anywhere}