@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.table{display:table}}:root{--ink:#24221f;--muted:#89847b;--line:#e8e3d9;--paper:#fffdf8;--sidebar:#f5f1e8;--accent:#e8a321;--accent-soft:#fff0c8}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:#ded9cf;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}.notes-shell{background:var(--paper);grid-template-columns:minmax(300px,360px) minmax(0,760px);max-width:1120px;min-height:100svh;margin:0 auto;display:grid;box-shadow:0 24px 90px #3c322324}.notes-pane{min-height:100svh;padding:calc(24px + env(safe-area-inset-top)) 20px 28px;background:var(--sidebar);border-right:1px solid var(--line)}.list-header,.editor-header,.note-row,.section-label,.editor-actions{align-items:center;display:flex}.list-header,.note-row,.section-label,.editor-header{justify-content:space-between}.privacy-label{color:var(--muted);letter-spacing:.04em;margin:0 0 3px;font-size:11px;font-weight:650}.privacy-label span{color:#61a36c;font-size:8px}.list-header h1{letter-spacing:-.03em;margin:0;font-family:Georgia,Songti SC,serif;font-size:34px;font-weight:600}.round-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:28px;font-weight:300;display:grid;box-shadow:0 8px 18px #cd891138}.round-button:disabled{cursor:wait;opacity:.62}.search-box{height:42px;color:var(--muted);background:#ffffffa8;border:1px solid #766b5614;border-radius:12px;align-items:center;gap:9px;margin:24px 0 23px;padding:0 13px;display:flex}.search-box span{font-size:21px;line-height:1;transform:rotate(-20deg)}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.search-box input::placeholder{color:#a9a39a}.section-label{color:var(--muted);padding:0 4px 9px;font-size:12px;font-weight:650}.note-list{gap:8px;display:grid}.note-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;width:100%;padding:16px 16px 15px}.note-card:hover{background:#ffffff7a}.note-card.is-active{background:var(--accent-soft);border-color:#d89d2a1a}.note-row{gap:12px}.note-row strong{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Songti SC,serif;font-size:17px;font-weight:600;overflow:hidden}.note-row time{color:var(--muted);flex:none;font-size:11px}.note-preview{color:#756f66;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:13px;display:block;overflow:hidden}.empty-list{color:#aaa399;text-align:center;padding:54px 20px}.empty-list span{margin-bottom:4px;font-size:32px;display:block}.empty-list p{margin:0;font-size:13px}.editor-pane{background:var(--paper);min-height:100svh}.editor-header{min-height:70px;padding:calc(12px + env(safe-area-inset-top)) 24px 12px;border-bottom:1px solid var(--line)}.back-button{color:#ad7410;background:0 0;border:0;align-items:center;gap:3px;padding:8px 4px;font-weight:600;display:none}.back-button:first-letter{font-size:27px;font-weight:300}.editor-actions{gap:14px;margin-left:auto}.save-state{color:var(--muted);font-size:12px}.save-state.has-error{color:#b95246}.delete-button{color:#8d7650;cursor:pointer;background:#f6f1e8;border:0;border-radius:10px;min-height:36px;padding:0 13px;font-size:12px;font-weight:650}.editor-body{flex-direction:column;min-height:calc(100svh - 70px);padding:56px clamp(28px,7vw,78px) 44px;display:flex}.title-input,.content-input{resize:none;background:0 0;border:0;outline:0;width:100%}.title-input{letter-spacing:-.025em;font-family:Georgia,Songti SC,serif;font-size:clamp(30px,5vw,42px);font-weight:600}.title-input::placeholder,.content-input::placeholder{color:#c7c0b5}.updated-at{color:#a09a90;margin:13px 0 31px;font-size:12px}.content-input{flex:1;min-height:360px;font-size:17px;line-height:1.85}.empty-editor{min-height:calc(100svh - 70px);color:var(--muted);text-align:center;place-content:center;justify-items:center;display:grid}.empty-editor-mark{background:var(--accent-soft);color:#bd7b09;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:16px;font-family:Georgia,Songti SC,serif;font-size:24px;display:grid}.empty-editor h2,.empty-editor p{margin:0}.empty-editor h2{color:var(--ink);font-family:Georgia,Songti SC,serif;font-size:22px}.empty-editor p{margin-top:7px;font-size:13px}.empty-editor button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:20px;padding:9px 15px;font-size:13px;font-weight:650}@media (max-width:720px){body{background:var(--sidebar)}.notes-shell{box-shadow:none;display:block}.notes-pane{border-right:0}.editor-pane,.notes-shell.is-editing .notes-pane{display:none}.notes-shell.is-editing .editor-pane{display:block}.back-button{display:flex}.editor-header{padding-left:15px;padding-right:16px}.editor-body{padding:34px 24px calc(30px + env(safe-area-inset-bottom))}.title-input{font-size:32px}}@media (prefers-reduced-motion:no-preference){.round-button,.note-card,.delete-button{transition:transform .15s,background-color .15s}.round-button:active,.delete-button:active{transform:scale(.95)}}
.login-shell{min-height:100svh;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 50% -10%,#243553 0%,#111827 43%,#090e18 100%);place-items:center;display:grid}.login-card{color:#f8fafc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172af0;border:1px solid #94a3b833;border-radius:16px;width:min(100%,420px);padding:34px clamp(24px,7vw,40px) 28px;box-shadow:0 30px 90px #00000073}.login-header{justify-content:space-between;align-items:center;margin-bottom:43px;display:flex}.login-mark{background:#111c30;border:1px solid #475569;border-radius:8px;width:34px;height:34px;position:relative}.login-mark span{border:2px solid #38bdf8;width:10px;height:10px;position:absolute}.login-mark span:first-child{border-bottom:0;border-right:0;top:7px;left:7px}.login-mark span:last-child{border-top:0;border-left:0;bottom:7px;right:7px}.login-brand{color:#64748b;letter-spacing:.18em;margin:0;font-size:10px;font-weight:750}.login-eyebrow{color:#38bdf8;letter-spacing:.15em;margin:0 0 10px;font-size:10px;font-weight:750}.login-card h1{letter-spacing:-.03em;margin:0;font-family:inherit;font-size:29px}.login-copy{color:#94a3b8;margin:12px 0 27px;font-size:14px;line-height:1.7}.login-form{gap:15px;display:grid}.login-form label{color:#cbd5e1;gap:7px;font-size:13px;font-weight:650;display:grid}.login-form input{color:#f8fafc;background:#0b1220;border:1px solid #334155;border-radius:9px;outline:0;width:100%;height:48px;padding:0 14px;font-size:16px}.login-form input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}.login-form input[readonly]{color:#64748b;background:#111827}.login-form button{color:#f8fafc;cursor:pointer;background:#0ea5e9;border:0;border-radius:9px;min-height:48px;margin-top:3px;font-weight:700;box-shadow:0 10px 24px #0ea5e933}.login-form button:disabled{cursor:wait;opacity:.64}.login-message{color:#fca5a5;text-align:center;margin:16px 0 0;font-size:13px}.login-footer{color:#475569;letter-spacing:.1em;text-align:center;text-transform:uppercase;margin:30px 0 0;font-size:9px}
.vault-gate{min-height:100svh;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 18%,#ffefc4c2,#0000 34%),linear-gradient(145deg,#f7f2e8 0%,#ebe3d6 100%);place-items:center;display:grid}.gate-card,.security-modal{background:#fffdf8f5;border:1px solid #7e69431f;border-radius:24px;width:min(100%,460px);box-shadow:0 28px 80px #3e311f26}.gate-card{padding:34px clamp(24px,7vw,42px) 36px;position:relative}.gate-mark{background:var(--accent-soft);color:#b87509;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:18px;font-family:Georgia,Songti SC,serif;font-size:23px;display:grid}.gate-brand,.modal-eyebrow{color:#9a7b45;letter-spacing:.07em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.gate-card h1,.security-modal h2{letter-spacing:-.02em;margin:0;font-family:Georgia,Songti SC,serif;font-weight:600}.gate-card h1{font-size:30px}.gate-copy,.gate-footnote,.gate-message,.security-modal>p{color:#766f65;font-size:13px;line-height:1.7}.gate-copy{margin:12px 0 22px}.gate-footnote{margin:18px 0 0}.gate-message,.inline-message{color:#a15b34;margin:15px 0 0}.vault-form{gap:15px;margin-top:22px;display:grid}.vault-form label{color:#625d55;gap:7px;font-size:12px;font-weight:650;display:grid}.vault-form input,.vault-form textarea{background:#fff;border:1px solid #ded6c9;border-radius:12px;outline:0;width:100%;font-size:15px}.vault-form input{height:45px;padding:0 13px}.vault-form textarea{resize:vertical;min-height:110px;padding:12px 13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6}.vault-form input:focus,.vault-form textarea:focus{border-color:#d8a23d;box-shadow:0 0 0 3px #e5a63421}.vault-form>button,.primary-modal-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:45px;font-size:14px;font-weight:700}.vault-form button:disabled,.primary-modal-button:disabled{cursor:not-allowed;opacity:.5}.unlock-tabs{background:#f2ede4;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-top:24px;padding:4px;display:grid}.unlock-tabs button{color:#80786d;cursor:pointer;background:0 0;border:0;border-radius:9px;height:37px;font-size:12px;font-weight:650}.unlock-tabs button.is-active{color:#5d5040;background:#fff;box-shadow:0 2px 8px #382f2314}.list-actions{align-items:center;gap:9px;display:flex}.small-action{color:#81725f;cursor:pointer;background:#fff9;border:1px solid #7e69431f;border-radius:10px;min-height:36px;padding:0 12px;font-size:12px;font-weight:650}.small-action:disabled{cursor:wait;opacity:.58}.gate-signout{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px 9px;font-size:12px;position:absolute;top:20px;right:22px}.recovery-banner{color:#8c5c0b;text-align:left;cursor:pointer;background:#fff0c8;border:1px solid #c481112e;border-radius:11px;width:100%;margin-top:17px;padding:11px 13px;font-size:12px}.inline-message{padding:0 3px;font-size:12px;line-height:1.5}.modal-backdrop{z-index:50;padding:calc(22px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2620187a;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.security-modal{padding:30px}.security-modal h2{font-size:26px}.security-modal>p{margin:9px 0 19px}.recovery-code{overflow-wrap:anywhere;color:#5d4a2a;-webkit-user-select:all;user-select:all;background:#fff9eb;border:1px dashed #d9bd83;border-radius:12px;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.75;display:block}.modal-actions{justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.modal-actions button{color:#695f51;cursor:pointer;background:#fff;border:1px solid #ded6c9;border-radius:10px;min-height:38px;padding:0 14px;font-size:12px;font-weight:650}.modal-actions button.is-primary{border-color:var(--accent);background:var(--accent);color:#fff}.recovery-advice{color:#776f64;margin:20px 0;padding-left:20px;font-size:12px;line-height:1.65}.confirm-backup{color:#5f574d;align-items:flex-start;gap:9px;font-size:12px;font-weight:650;line-height:1.45;display:flex}.confirm-backup input{accent-color:var(--accent);margin-top:2px}.primary-modal-button{width:100%;margin-top:18px}.compact-modal{width:min(100%,420px)}@media (max-width:720px){.gate-card,.security-modal{border-radius:21px}.security-modal{padding:25px 22px}.editor-actions{gap:7px}.save-state{text-overflow:ellipsis;white-space:nowrap;max-width:92px;overflow:hidden}}