:root{--paper: #f7f8fa;--paper-2: #eceef1;--ink: #1d3450;--ink-2: #24272d;--prose: #2f3540;--muted: #5a6270;--blue: #3a5a8c;--yellow: #c79412;--yellow-text: var(--yellow);--yellow-large: #ab7e06;--rule: rgba(29, 52, 80, .12);--faint: rgba(29, 52, 80, .16);--faint-2: rgba(29, 52, 80, .05);--focus-ring: var(--ink);--error: #b5432f;--error-bg: rgba(181, 67, 47, .08);--font-mono: "JetBrains Mono", "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif: "Newsreader", "Newsreader Variable", Georgia, "Times New Roman", serif;--radius-pill: 999px;--radius-sm: 5px;--radius-md: 9px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 22px;--space-6: 26px;--ease-smooth: cubic-bezier(.16, 1, .3, 1);--duration-fast: .16s;--duration-med: .32s}:root[data-theme=dark]{--paper: #0d1421;--paper-2: #141f32;--ink: #c2d8ee;--ink-2: #a8bfcf;--prose: #87a3b8;--muted: #6f88a3;--blue: #78aad8;--yellow: #d0a81e;--yellow-large: var(--yellow);--rule: rgba(148, 192, 232, .09);--faint: rgba(148, 192, 232, .12);--faint-2: rgba(148, 192, 232, .05);--focus-ring: var(--yellow);--error: #e07b64;--error-bg: rgba(224, 123, 100, .1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;height:100%}body{background:var(--paper);color:var(--ink-2);font-family:var(--font-mono);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color var(--duration-med) var(--ease-smooth),color var(--duration-med) var(--ease-smooth)}::selection{background:#f3c02c57}a{color:var(--yellow-text);text-decoration:none}a:hover{color:var(--yellow)}button{font-family:inherit}textarea,input{font-family:inherit;color:inherit}#app{height:100%;min-height:100vh}.blink-cursor{display:inline-block;width:.6ch;height:1em;background:var(--yellow);vertical-align:-.15em;margin-left:.15ch;animation:qn-blink 1.1s steps(1) infinite}@keyframes qn-blink{0%,49%{opacity:1}50%,to{opacity:0}}.btn{font-family:var(--font-mono);font-size:11px;color:var(--ink);background:var(--faint-2);border:1px solid var(--faint);border-radius:6px;padding:6px 12px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.btn:hover{border-color:var(--yellow);color:var(--yellow-large)}.btn:disabled{opacity:.5;cursor:default;pointer-events:none}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.btn-quiet{color:var(--muted);background:transparent}.btn-quiet:hover{border-color:var(--ink);color:var(--ink)}.btn-primary{color:var(--yellow-large);background:#f3c02c14;border-color:var(--yellow)}.btn-primary:hover{background:#f3c02c26}.btn-danger:hover{border-color:var(--error);color:var(--error)}.tag-chip{font-family:var(--font-mono);font-size:10.5px;color:var(--ink);padding:2px 9px;border-radius:var(--radius-pill);border:1px solid var(--faint);background:var(--faint-2);white-space:nowrap}.tag-chip.is-active{color:var(--yellow-text);border-color:var(--yellow);background:#f3c02c14}button.tag-chip{cursor:pointer}.offline-banner{display:flex;gap:10px;align-items:center;flex:none;border-bottom:1px solid var(--faint);background:var(--faint-2);padding:9px 20px;font-size:11.5px;color:var(--muted)}.offline-banner .bang{color:var(--yellow);font-weight:600}.offline-banner .retry{margin-left:auto;color:var(--yellow-large);cursor:pointer;background:none;border:none;font:inherit}.toast-stack{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;width:min(92vw,420px)}.toast{background:var(--ink);color:var(--paper);border-radius:var(--radius-md);padding:11px 15px;font-size:12.5px;box-shadow:0 8px 24px #00000038;display:flex;align-items:center;gap:10px;animation:qn-toast-in var(--duration-med) var(--ease-smooth)}.toast.is-error{background:var(--error)}@keyframes qn-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}.app-shell{display:flex;flex-direction:column;height:100vh}.app-main{flex:1;display:flex;min-height:0;overflow:hidden;position:relative}.sidebar{display:none;flex:none;width:240px;border-right:1px solid var(--faint);flex-direction:column;padding:22px 18px;gap:22px;overflow-y:auto}.sidebar-logo{font-size:14px;letter-spacing:.02em}.sidebar-logo b{font-weight:600}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:7px;border:1px solid transparent;font-size:12px;cursor:pointer;background:none;color:var(--prose);width:100%;font-family:var(--font-mono);text-align:left}.sidebar-nav-item:hover{background:var(--faint-2)}.sidebar-nav-item.is-active{background:#f3c02c14;border-color:var(--yellow);color:var(--yellow-large);font-weight:500}.sidebar-nav-item .count{color:var(--muted);font-size:11px}.sidebar-tags-label{font-size:11px;letter-spacing:.2em;color:var(--muted);padding:0 10px 6px}.sidebar-tags-label span{color:var(--yellow)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.sidebar-hint{font-size:10.5px;color:var(--muted)}.sidebar-hint b{color:var(--yellow);font-weight:500}.search-box{border:1px solid var(--faint);border-radius:var(--radius-md);background:var(--faint-2);padding:8px 11px;font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;transition:border-color var(--duration-fast) var(--ease-smooth)}.search-box:focus-within{border-color:var(--yellow)}.search-box .prompt{color:var(--yellow);flex:none}.search-box input{border:none;outline:none;background:transparent;color:var(--ink);flex:1;font-family:var(--font-mono);font-size:12px;min-width:0}.search-box input::placeholder{color:var(--muted)}.search-meta{font-size:10.5px;color:var(--muted);padding:8px 2px 0}.list-col{flex:1;width:100%;border-right:1px solid var(--faint);display:flex;flex-direction:column;overflow:hidden;min-width:0}.list-col-header{padding:14px 16px;border-bottom:1px solid var(--faint);display:flex;flex-direction:column;gap:10px;flex:none}.list-col-toprow{display:none;justify-content:space-between;align-items:center;gap:10px}.list-col-toprow .actions{display:flex;gap:6px}.note-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px 16px 20px}.tag-row{display:flex;gap:6px;padding:0 16px 12px;overflow-x:auto;flex:none}.tag-row::-webkit-scrollbar{display:none}.quick-capture{border:1px solid var(--faint);border-radius:var(--radius-lg);background:var(--faint-2);padding:12px 14px;display:flex;flex-direction:column;gap:9px;transition:border-color var(--duration-fast) var(--ease-smooth)}.quick-capture:focus-within{border-color:var(--yellow)}.quick-capture-prompt{font-size:12px;color:var(--muted);display:flex;align-items:baseline}.quick-capture-prompt b{color:var(--ink);font-weight:500}.quick-capture-prompt .lead{color:var(--yellow);font-weight:500}.quick-capture textarea{font-family:var(--font-serif);font-size:16px;color:var(--prose);background:transparent;border:none;outline:none;resize:none;min-height:24px;max-height:240px;width:100%;padding:0}.quick-capture textarea::placeholder{color:var(--muted);font-style:italic}.quick-capture-foot{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted)}.quick-capture-foot .key{color:var(--yellow)}.note-card{flex:none;border:1px solid var(--faint);background:var(--faint-2);border-radius:var(--radius-lg);padding:13px 15px;display:flex;flex-direction:column;gap:6px;cursor:pointer;width:100%;text-align:left;font-family:var(--font-mono);transition:border-color var(--duration-fast) var(--ease-smooth),opacity var(--duration-fast)}.note-card:hover,.note-card:focus-visible{border-color:var(--yellow)}.note-card.is-selected{border-color:var(--yellow);background:#f3c02c12}.note-card.is-pending{opacity:.7}.note-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.note-card-title{font-family:var(--font-serif);font-size:16.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-card-title .slash{font-family:var(--font-mono);font-size:12px;color:var(--yellow);margin-right:2px}.note-card-date{font-size:10.5px;color:var(--muted);flex:none}.note-card-preview{font-family:var(--font-serif);font-size:14px;line-height:1.55;color:var(--prose);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.note-card-preview mark{background:#f3c02c59;color:inherit;border-radius:2px}.note-card-foot{display:flex;gap:6px;align-items:center;min-height:16px;flex-wrap:wrap}.sync-badge{margin-left:auto;font-size:10px;flex:none}.sync-badge.is-saved{color:var(--muted)}.sync-badge.is-syncing,.sync-badge.is-queued{color:var(--yellow)}.sync-badge.is-error{color:var(--error)}.empty-list-hint{text-align:center;padding:36px 12px;display:flex;flex-direction:column;gap:8px}.empty-list-hint .lead{font-size:12px;color:var(--muted)}.empty-list-hint .msg{font-family:var(--font-serif);font-size:15px;font-style:italic;color:var(--prose);line-height:1.6}.right-pane{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.pane-view{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column}.detail-view{justify-content:flex-start;align-items:center}.detail-inner{width:100%;max-width:720px;padding:32px 24px 64px;display:flex;flex-direction:column;gap:20px}.detail-toprow{display:flex;justify-content:space-between;align-items:center;gap:16px}.detail-prompt{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-prompt b{color:var(--ink);font-weight:500}.detail-prompt .cmd{color:var(--yellow);font-weight:500}.detail-actions{display:flex;gap:8px;flex:none}.detail-back{display:none}.detail-heading{display:flex;flex-direction:column;gap:10px}.detail-title{font-family:var(--font-serif);font-size:30px;font-weight:500;line-height:1.15;color:var(--ink);text-wrap:pretty;word-break:break-word}.detail-meta{font-size:11px;color:var(--muted)}.detail-meta .synced{color:var(--yellow-large)}.detail-meta .queued{color:var(--yellow)}.detail-meta .err{color:var(--error)}.detail-tags{display:flex;gap:6px;flex-wrap:wrap}.detail-prose{font-family:var(--font-serif);font-size:17px;line-height:30px;color:var(--prose);background:repeating-linear-gradient(to bottom,transparent 0 29px,var(--rule) 29px 30px);padding-bottom:8px;word-break:break-word}.detail-prose p{margin:0 0 30px}.detail-prose ul,.detail-prose ol{margin:0 0 30px;padding-left:1.3em}.detail-prose li{margin:0}.detail-prose h1,.detail-prose h2,.detail-prose h3{font-family:var(--font-serif);color:var(--ink);margin:0 0 30px;line-height:30px}.detail-prose code{font-family:var(--font-mono);font-size:.85em;background:var(--faint-2);border:1px solid var(--faint);border-radius:5px;padding:1px 6px}.detail-prose pre{background:var(--faint-2);border:1px solid var(--faint);border-radius:8px;padding:12px 14px;overflow-x:auto;margin:0 0 30px}.detail-prose pre code{border:none;padding:0;background:none}.detail-prose a{color:var(--ink);border-bottom:1px solid var(--yellow)}.detail-prose a:hover{color:var(--yellow-large)}.detail-prose blockquote{margin:0 0 30px;padding-left:14px;border-left:2px solid var(--yellow);color:var(--muted);font-style:italic}.detail-footer{font-size:11.5px;color:var(--muted);border-top:1px solid var(--faint);padding-top:14px}.edit-view{overflow:hidden}.edit-header{flex:none;height:54px;border-bottom:1px solid var(--faint);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:10px}.edit-header .label{font-size:11px;color:var(--muted)}.edit-path{flex:none;padding:12px 18px 0;font-size:10.5px;color:var(--muted)}.edit-path b{color:var(--ink);font-weight:400}.edit-textarea{flex:1;overflow-y:auto;padding:14px 18px 40px;font-family:var(--font-mono);font-size:13.5px;line-height:1.85;color:var(--prose);background:transparent;border:none;outline:none;resize:none;width:100%}.edit-footer{flex:none;border-top:1px solid var(--faint);padding:10px 18px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.edit-footer .save-state{color:var(--yellow)}.state-empty{align-items:center;justify-content:center;text-align:center;padding:24px}.state-empty-inner{display:flex;flex-direction:column;gap:10px;max-width:340px}.state-empty .cmd{font-size:13px;color:var(--muted)}.state-empty .cmd span{color:var(--yellow);font-weight:500}.state-empty .msg{font-family:var(--font-serif);font-size:19px;font-style:italic;color:var(--prose);line-height:1.5;text-wrap:pretty}.state-empty .msg kbd{font-family:var(--font-mono);font-size:15px;font-style:normal;color:var(--yellow-large)}.state-empty .exit{font-size:11px;color:var(--muted)}.mobile-header{flex:none;height:54px;border-bottom:1px solid var(--faint);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--paper);gap:10px}.mobile-header .logo{font-size:13.5px;flex:none}.mobile-header .logo b{font-weight:600}.mobile-header .actions{display:flex;gap:6px;flex:none}.icon-btn{font-family:var(--font-mono);font-size:13px;color:var(--muted);background:var(--faint-2);border:1px solid var(--faint);border-radius:6px;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{border-color:var(--yellow)}.mobile-search-bar{flex:none;padding:10px 14px 0;display:none}.mobile-search-bar.is-visible{display:block}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:400px;border:1px solid var(--faint);background:var(--faint-2);border-radius:var(--radius-lg);padding:32px 30px;display:flex;flex-direction:column;gap:20px}.login-head{display:flex;flex-direction:column;gap:8px}.login-head .brand{font-size:14px}.login-head .brand b{font-weight:600}.login-head .brand .lead{color:var(--yellow);font-weight:500}.login-head .brand .who{color:var(--muted)}.login-head .tagline{font-family:var(--font-serif);font-size:19px;color:var(--prose);font-style:italic}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{font-size:11px;letter-spacing:.08em;color:var(--muted)}.login-field input{font-family:var(--font-mono);font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--faint);border-radius:var(--radius-md);padding:11px 13px;outline:none;width:100%;transition:border-color var(--duration-fast) var(--ease-smooth)}.login-field input:focus{border-color:var(--yellow)}.login-remember{font-size:11.5px;color:var(--prose);display:flex;gap:8px;align-items:center;cursor:pointer;padding:4px 0;user-select:none}.login-remember .box{color:var(--yellow);font-weight:500}.login-submit{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--yellow-large);background:#f3c02c14;border:1px solid var(--yellow);border-radius:var(--radius-md);padding:12px;cursor:pointer;width:100%;transition:background var(--duration-fast) var(--ease-smooth)}.login-submit:hover{background:#f3c02c26}.login-submit:disabled{opacity:.6;cursor:default}.login-foot{font-size:10.5px;color:var(--muted);line-height:1.6}.login-error{font-size:11.5px;color:var(--error);background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);padding:9px 12px}@media (max-width: 719.98px){.app-main[data-route=detail] .list-col,.app-main[data-route=edit] .list-col,.app-main[data-route=list] .right-pane{display:none}.right-pane{position:absolute;inset:0;background:var(--paper);z-index:5}.detail-back{display:inline-flex}}@media (min-width: 720px){.list-col{width:340px;flex:none}.list-col-toprow{display:flex}.mobile-header,.detail-back{display:none}}@media (min-width: 1180px){.sidebar{display:flex}.list-col{width:360px}.list-col-toprow,.tag-row{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}