:root{--bg:#1f2430;--surface:#242b38;--raised:#2b3342;--paper:#202733;--ink:#e2e5df;--muted:#a4afc0;--line:#3e4858;--accent:#ff8f40;--danger:#ff8c91;--accent-ink:#151a22;--radius:7px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ease:cubic-bezier(.22, 1, .36, 1);--fast:.15s;--enter:.25s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark]{--bg:#0a0e14;--surface:#111821;--raised:#1b2430;--paper:#0e141d;--ink:#e6e3dc;--muted:#a0a9b6;--line:#343f4c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f3f5f4;--surface:#fff;--raised:#e9eeec;--paper:#fbfcfb;--ink:#292f32;--muted:#59656c;--line:#c6cfca;--danger:#a72d36;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);margin:0;font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:1px solid var(--line);border-radius:var(--radius);min-height:42px;color:var(--ink);cursor:pointer;transition:background var(--fast), border-color var(--fast), transform var(--fast) var(--ease);background:0 0;justify-content:center;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}button:hover:not(:disabled){background:var(--raised);border-color:var(--muted)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:default}button svg{flex-shrink:0}.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:650}.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.06);border-color:#0000}.icon-button{width:42px;height:42px;color:var(--muted);border:0;padding:10px}.icon-button:hover:not(:disabled) svg{transform:rotate(-7deg)}.icon-button svg{transition:transform .22s var(--ease)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}a{color:inherit}p{margin:0 0 12px}h1,h2{letter-spacing:-.035em;margin:0;line-height:1.2}.muted{color:var(--muted)}.small{font-size:12px}.danger,.error-text{color:var(--danger)}.app-shell{min-height:100dvh}.app-header{min-height:76px;padding:max(16px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) 16px max(28px, env(safe-area-inset-left));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.brand svg{color:var(--accent)}.header-actions{align-items:center;gap:3px;display:flex}.workspace{max-width:1136px;padding:46px 28px max(30px, env(safe-area-inset-bottom));margin:0 auto}.workspace-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.workspace-heading h1{font-size:clamp(28px,4vw,35px);font-weight:650}.workspace-heading p{margin:8px 0 0}.title-dot{color:var(--accent)}.pad{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:310px minmax(0,1fr);min-height:570px;display:grid;overflow:hidden}.note-library{border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.library-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px 12px 22px;font-size:13px;font-weight:600;display:flex}.count{background:var(--raised);min-width:23px;height:22px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;margin-left:8px;padding:0 6px;font-size:11px;display:inline-flex}.note-list{flex:1}.note-item{border:0;border-bottom:1px solid var(--line);text-align:left;border-radius:0;width:100%;padding:22px;display:block;position:relative}.note-item.selected{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.note-item.selected:before{content:"";background:var(--accent);width:3px;animation:marker-in .22s var(--ease);border-radius:0 2px 2px 0;position:absolute;inset:16px auto 16px 0}.note-item-title{align-items:center;gap:9px;margin-bottom:7px;display:flex}.note-item-title svg{color:var(--muted)}.note-item-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.note-excerpt{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-family:var(--font-code);font-size:11px;line-height:1.6;display:block;overflow:hidden}.note-date{color:var(--muted);margin-top:12px;font-size:11px;display:block}.library-foot{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding:20px 22px;font-size:11px;display:flex}.connection-dot{background:var(--muted);border-radius:50%;width:5px;height:5px}.note-preview{background:var(--paper);flex-direction:column;min-width:0;display:flex}.preview-toolbar{justify-content:space-between;align-items:center;padding:13px 23px;display:flex}.edit-button{border:0;font-size:12px}.note-paper{animation:note-in .18s var(--ease);flex:1;padding:27px 36px 48px}.note-paper h2{overflow-wrap:anywhere;font-size:25px;font-weight:600}.note-paper pre{font:13px/1.95 var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:25px 0 0}.preview-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px 25px;font-size:10px;display:flex}.empty-pad{text-align:center;margin:auto;padding:60px 24px}.paper-symbol{border:1px solid var(--line);width:78px;height:86px;color:var(--accent);background:var(--surface);box-shadow:6px 6px 0 var(--raised);border-radius:6px;place-items:center;margin:0 auto 27px;display:grid;transform:rotate(-6deg)}.empty-pad h2{font-size:26px;font-weight:550}.empty-pad p{color:var(--muted);margin:16px 0 24px;font-size:13px;line-height:1.85}.empty-pad button{font-size:12px}.list-message{padding:30px 22px}.workspace-foot{color:var(--muted);justify-content:space-between;padding-top:20px;font-size:11px;display:flex}.dialog{border:1px solid var(--line);width:min(460px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);background:var(--surface);border-radius:13px;margin:auto;padding:0;box-shadow:0 28px 100px #0006}.dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080c1477;animation:.18s fade-in}.dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.dialog-header h2{font-size:17px;font-weight:600}.editor-dialog{width:min(680px,100vw - 32px)}.editor-fields{flex-direction:column;gap:9px;padding:23px;display:flex}.editor-fields label{color:var(--muted);font-size:12px}.editor-fields input,.editor-fields textarea{background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px}.editor-fields input{margin-bottom:12px;font-size:18px}.editor-fields textarea{font:13px/1.8 var(--font-code);resize:vertical;white-space:pre-wrap;tab-size:2;min-height:280px}.editor-fields input::placeholder,.editor-fields textarea::placeholder{color:var(--muted);opacity:.8}.editor-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:16px 23px;display:flex}.save-status{color:var(--muted);margin-right:auto;font-size:11px}.editor-error,.discard-warning{border-top:1px solid var(--line);padding:15px 23px}.editor-error p{color:var(--danger)}.discard-warning button{margin-right:8px}.delete-content{padding:24px}.delete-content p{overflow-wrap:anywhere}.delete-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.appearance-content{padding:24px}.appearance-content fieldset{border:0;margin:0 0 28px;padding:0}.appearance-content legend{color:var(--muted);margin-bottom:12px;font-size:12px}.theme-options{gap:8px;display:flex}.theme-options button{text-transform:capitalize;flex-direction:column;flex:1;padding:18px 8px;font-size:12px;position:relative}.theme-options button[aria-pressed=true]{border-color:var(--ink);background:var(--raised)}.theme-options button[aria-pressed=true] svg:first-child{animation:icon-greet .4s var(--ease)}.theme-options button svg:last-child:not(:first-child){position:absolute;top:8px;right:7px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatches button{border:2px solid #0000;border-radius:50%;width:42px;min-height:42px;padding:0}.swatches button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.swatches button:hover{transform:translateY(-2px)}.custom-color{align-items:center;gap:10px;margin-top:22px;font-size:12px;display:flex}.custom-color span{color:var(--muted);margin-left:auto}.custom-color input{border:1px solid var(--line);background:0 0;border-radius:6px;width:44px;height:42px;padding:3px}.toast-region{bottom:max(26px, env(safe-area-inset-bottom));pointer-events:none;z-index:20;justify-content:center;display:flex;position:fixed;left:16px;right:16px}.toast{border:1px solid var(--line);background:var(--raised);max-width:480px;color:var(--ink);animation:toast-in .22s var(--ease);border-radius:9px;align-items:center;gap:10px;padding:13px 19px;font-size:12px;display:flex;box-shadow:0 8px 26px #0003}.toast svg{color:var(--accent);flex-shrink:0}.login{flex-direction:column;justify-content:center;align-items:flex-start;max-width:480px;min-height:100dvh;margin:auto;padding:42px 28px;display:flex}.login-mark{color:var(--accent);margin-bottom:24px}.login .brand{color:var(--muted);margin-bottom:27px}.login h1{font-size:clamp(46px,9vw,66px);font-weight:550;line-height:1.05}.login-copy{max-width:300px;color:var(--muted);margin:25px 0 30px;line-height:1.8}.login form{margin:0 0 12px}.login-foot{color:var(--muted);margin-top:40px;font-size:11px}.loading{text-align:center;color:var(--muted);padding:80px 28px}@keyframes note-in{0%{opacity:0;transform:translateY(4px)}}@keyframes marker-in{0%{transform:scaleY(.3)}}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes icon-greet{0%{transform:rotate(-12deg)scale(.9)}60%{transform:rotate(7deg)scale(1.1)}to{transform:none}}@media (max-width:700px){.app-header{min-height:66px;padding-left:max(17px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.brand{gap:7px;font-size:14px}.workspace{padding:30px 16px max(24px, env(safe-area-inset-bottom))}.workspace-heading{margin-bottom:24px}.workspace-heading h1{font-size:29px}.workspace-heading p{font-size:12px}.workspace-heading .primary{padding:10px;font-size:12px}.pad{grid-template-columns:minmax(0,1fr);min-height:0}.note-library{border-right:0}.library-heading{padding:9px 12px 9px 18px}.note-list{max-height:275px;overflow-y:auto}.note-item{padding:16px 18px}.note-date{margin-top:7px}.library-foot{padding:13px 18px}.note-preview{border-top:1px solid var(--line);min-height:290px}.note-paper{padding:20px 23px 35px}.note-paper h2{font-size:22px}.note-paper pre{margin-top:20px;font-size:12px}.preview-toolbar{padding:8px 14px}.preview-foot{padding:14px 20px}.preview-foot span:last-child{display:none}.workspace-foot{font-size:10px}.empty-pad{padding:38px 22px}.empty-pad h2{font-size:23px}.empty-pad p{font-size:12px}.paper-symbol{width:60px;height:65px;margin-bottom:22px}.dialog{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 20px);padding-bottom:env(safe-area-inset-bottom);border-radius:17px 17px 0 0;margin:auto auto 0}.editor-fields{padding:18px}.editor-fields input,.editor-fields textarea{font-size:16px}.editor-fields textarea{min-height:35dvh}.editor-footer{flex-wrap:wrap;padding:15px 18px}.save-status{flex-basis:100%}.dialog-header{padding:12px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}