:root{color:#24232a;font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#f8f7f4;--text:#24232a;--muted:#77747c;--accent:#7863a1;--line:#e8e5e1;--symbol:#eee9f3;--surface:#fff;--danger:#a52e42;background:#f8f7f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0}button,input,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.app-shell{min-height:100vh;flex-direction:column;max-width:760px;min-height:100svh;margin:0 auto;display:flex}.page-header{padding:calc(44px + env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) 0 max(28px, env(safe-area-inset-left))}.eyebrow{color:var(--muted);letter-spacing:.015em;font-size:13px;font-weight:500;display:block}h1{letter-spacing:-.04em;margin:10px 0 24px;font-size:38px;font-weight:700;line-height:1.15}.header-rule{background:var(--accent);border-radius:2px;width:32px;height:3px;display:block}.page-content{flex:1;justify-content:center;align-items:center;padding:44px 28px;display:flex}.empty-state{text-align:center;max-width:320px;padding:16px 0 36px}.empty-symbol{background:var(--symbol);width:84px;height:84px;color:var(--accent);border-radius:28px;place-items:center;margin:0 auto 28px;display:grid}.empty-symbol svg{width:40px;height:40px}h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:24px;font-weight:600;line-height:1.3}.empty-state p{color:var(--muted);text-wrap:pretty;margin:14px 0 0;font-size:16px;line-height:1.6}.bottom-navigation{padding:12px max(20px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--background);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto;display:grid;position:sticky;bottom:0}.bottom-navigation button{min-height:58px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 4px;display:flex}.bottom-navigation svg{width:24px;height:24px}.bottom-navigation span{font-size:12px;font-weight:500}.bottom-navigation button[aria-current=page]{color:var(--accent);background:var(--symbol)}@media (prefers-color-scheme:dark){:root{--background:#19191d;--text:#eeedf2;--muted:#aaa5b2;--accent:#c0ace5;--line:#303037;--symbol:#2e2839;--surface:#222227;--danger:#f3a5b1}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.heading-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.primary-button,.secondary-button,.text-button,.icon-button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 14px;font-size:15px;font-weight:500;display:inline-flex}.primary-button{color:var(--background);background:var(--accent)}.secondary-button{color:var(--accent);background:var(--symbol)}.text-button,.icon-button{color:var(--accent);background:0 0}.text-button{text-align:left;padding-left:0;padding-right:8px}.icon-button{flex-shrink:0;width:44px;padding:10px}.primary-button svg,.text-button svg,.icon-button svg{flex-shrink:0;width:22px;height:22px}.notes-content{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:24px 28px 32px;display:flex}.notes-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.small-text{color:var(--muted);font-size:13px;line-height:1.6}.backup-reminder{text-align:left;color:var(--muted);background:0 0;border:0;padding:12px 0;font-size:13px;line-height:1.5}.notes-content .empty-state{margin:auto;padding-top:36px}.note-list{margin:12px 0 0;padding:0;list-style:none}.note-list li{border-bottom:1px solid var(--line)}.note-card{text-align:left;width:100%;color:var(--text);overflow-wrap:anywhere;background:0 0;border:0;flex-direction:column;gap:8px;padding:20px 0;display:flex}.note-card strong{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;display:-webkit-box;overflow:hidden}.note-preview{color:var(--muted);-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.note-card time{color:var(--muted);font-size:12px}.notice{background:var(--symbol);overflow-wrap:anywhere;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.6}.notice p{margin:0}.error-notice{color:var(--danger);background:var(--background);border:1px solid}.global-error{margin:calc(12px + env(safe-area-inset-top)) 20px 0}.button-row{flex-wrap:wrap;gap:8px 12px;margin-top:10px;display:flex}.editor-page{padding:calc(12px + env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex-direction:column;flex:1;display:flex}.editor-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.save-status{color:var(--muted);white-space:nowrap;font-size:12px}.save-status.error{color:var(--danger)}.note-title-input,.note-body-input{width:100%;color:var(--text);background:0 0;border:0;border-radius:0;outline:none;padding:0}.note-title-input{letter-spacing:-.025em;margin:24px 0 16px;font-size:28px;font-weight:650}.note-body-input{resize:none;flex:1;min-height:55svh;font-size:17px;line-height:1.7}.note-title-input::placeholder,.note-body-input::placeholder{color:var(--muted);opacity:.8}.backup-page{padding:calc(16px + env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}.backup-page h1{overflow-wrap:anywhere;margin-top:20px;font-size:30px}.backup-page>.notice{margin-bottom:16px}.backup-section{border-bottom:1px solid var(--line);padding:24px 0}.backup-section h2{font-size:22px}.backup-section p{color:var(--muted);font-size:15px;line-height:1.6}.ready-file{background:var(--surface);overflow-wrap:anywhere;border-radius:16px;flex-direction:column;gap:12px;margin-top:20px;padding:16px;font-size:14px;display:flex}.ready-file span{color:var(--muted);line-height:1.6}.ready-file .primary-button{align-self:flex-start}.update-banner{padding:calc(8px + env(safe-area-inset-top)) 20px 8px;background:var(--symbol);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}@media (max-height:500px){.page-header{padding-top:calc(20px + env(safe-area-inset-top))}.page-content{padding:24px 28px}.empty-state{padding-bottom:0}}