@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end: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!important}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--paper:#fbfaf6;--canvas:#f3f2ed;--panel:#f7f6f1;--ink:#272822;--ink-soft:#65665e;--muted:#98998f;--line:#e5e3dc;--line-soft:#efede7;--accent:#e47558;--accent-deep:#c95d42;--accent-soft:#f7e5df;--accent-rgb:228, 117, 88;--sidebar-bg:#f3f1eb;--surface:#fffefb;--surface-pure:#fff;--subtle:#faf9f5;--hover:#f1f0eb;--toolbar-bg:#fbfaf6;--quote-bg:#faf2ee;--green:#6f9e8b;--shadow:0 24px 70px #3c352b1c}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{grid-template-columns:248px var(--note-pane-width,326px) 6px minmax(430px, 1fr);background:var(--paper);width:100vw;height:100dvh;min-height:0;font-family:var(--ui-font-family,inherit);display:grid;overflow:hidden}.note-pane-resizer{z-index:20;cursor:col-resize;background:var(--subtle);border-right:1px solid var(--line);touch-action:none;width:6px;position:relative}.note-pane-resizer:after{content:"";background:0 0;width:2px;position:absolute;top:0;bottom:0;left:2px}.note-pane-resizer:hover:after,.resizing-note-pane .note-pane-resizer:after{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.note-pane-resizer:hover:after,.resizing-note-pane .note-pane-resizer:after{background:color-mix(in srgb, var(--accent) 55%, transparent)}}.resizing-note-pane,.resizing-note-pane *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.sidebar,.note-pane,.editor-pane{min-width:0;min-height:0}.sidebar{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;flex-direction:column;padding:23px 16px 18px;display:flex;position:relative;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.sidebar{scrollbar-color:color-mix(in srgb, var(--accent) 24%, transparent) transparent}}.sidebar{background:radial-gradient(circle at 16px 12px, rgba(var(--accent-rgb), .055) 1px, transparent 1.5px) 0 0 / 18px 18px, var(--sidebar-bg);border-right:1px solid var(--line)}.brand-row{align-items:center;gap:10px;padding:0 6px 20px;display:flex}.brand-mark{background:var(--ink);color:#fffdf7;border-radius:10px 10px 10px 3px;place-items:center;width:36px;height:36px;font-family:Songti SC,SimSun,serif;font-size:17px;display:grid;box-shadow:0 6px 16px #27282229}.brand-name{letter-spacing:.12em;font-family:Songti SC,SimSun,serif;font-size:18px;font-weight:700;line-height:1.1}.brand-subtitle{color:var(--muted);letter-spacing:.22em;margin-top:5px;font-size:8px;font-weight:700}.new-note-button{background:var(--accent);color:#fff;cursor:pointer;width:100%;height:42px;box-shadow:0 7px 18px rgba(var(--accent-rgb), .18);border:0;border-radius:10px;align-items:center;gap:9px;padding:0 12px;font-size:13px;font-weight:650;transition:transform .15s,background .15s;display:flex}.new-note-control{display:flex;position:relative}.new-note-control .new-note-button{border-radius:10px 0 0 10px}.new-note-folder-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-left:1px solid #ffffff47;border-radius:0 10px 10px 0;flex:0 0 38px;place-items:center;width:38px;display:grid}.new-note-folder-button:hover{background:var(--accent-deep)}.manual-sync-button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;width:100%;min-height:38px;box-shadow:0 7px 18px rgba(var(--accent-rgb), .18);border-radius:9px;flex:none;align-items:center;gap:8px;margin:28px 0 13px;padding:0 11px;font-size:12px;font-weight:700;transition:transform .15s,background .15s;display:flex}.manual-sync-button:hover{border-color:var(--accent-deep);background:var(--accent-deep);color:#fff;transform:translateY(-1px)}.manual-sync-button:disabled{cursor:wait;opacity:.68}.manual-sync-button span{color:#ffffffe0;letter-spacing:0;text-shadow:none;-webkit-font-smoothing:antialiased;margin-left:auto;font-size:10px;font-weight:400}.new-note-folder-menu{z-index:40;border:1px solid var(--line);background:var(--surface);border-radius:11px;width:216px;padding:7px;position:absolute;top:48px;left:0;box-shadow:0 14px 38px #2d282129}.new-note-folder-menu>strong{color:var(--muted);padding:5px 9px 7px;font-size:9px;display:block}.new-note-folder-menu button{width:100%;height:34px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 8px;font-size:11px;display:flex}.new-note-folder-menu button:hover,.new-note-folder-menu button.active{background:var(--accent-soft);color:var(--accent-deep)}.new-note-folder-menu button span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.new-note-button:hover{background:var(--accent-deep);transform:translateY(-1px)}.shortcut{color:#ffffffb3;margin-left:auto;font-size:10px;font-weight:500}.primary-nav{gap:2px;margin:20px 0 8px;display:grid}.nav-button{width:100%;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:12px;transition:color .14s,background .14s;display:flex}.nav-button svg{color:#8a8b82;stroke-width:1.8px}.nav-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-button em{color:#a1a299;text-align:right;min-width:19px;margin-left:auto;font-size:10px;font-style:normal}.nav-button:hover{background:var(--surface-pure)}@supports (color:color-mix(in lab, red, red)){.nav-button:hover{background:color-mix(in srgb, var(--surface-pure) 72%, transparent)}}.nav-button:hover{color:var(--ink)}.nav-button.active{background:var(--surface);color:var(--ink);font-weight:650;box-shadow:0 1px #27282208}.nav-button.active svg{color:var(--accent)}.folder-nav-row{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:2px;display:grid}.folder-edit-button{color:#999a91;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;place-items:center;width:26px;height:26px;padding:0;transition:opacity .12s,background .12s,color .12s;display:grid}.folder-nav-row:hover .folder-edit-button,.folder-nav-row:focus-within .folder-edit-button{opacity:1}.folder-edit-button:hover{background:var(--surface-pure);color:var(--accent)}@media (hover:none){.folder-edit-button{opacity:1}}.sidebar-section{margin-top:16px}.sidebar-section>header{color:#a09f96;letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;height:26px;padding:0 8px;font-size:9px;font-weight:750;display:flex}.sidebar-section.folder-section>header{background:var(--surface-pure);border-radius:8px;height:32px;margin:0 2px 5px;padding:0 8px 0 10px}@supports (color:color-mix(in lab, red, red)){.sidebar-section.folder-section>header{background:color-mix(in srgb, var(--surface-pure) 70%, transparent)}}.sidebar-section.folder-section>header{color:var(--ink-soft);letter-spacing:.08em;font-size:12px;font-weight:800}.sidebar-section>header button{color:#999a91;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.sidebar-section>header button:hover{background:var(--surface-pure);color:var(--accent)}.tag-cloud{flex-wrap:wrap;gap:6px;padding:4px 7px;display:flex}.tag-nav-item{align-items:center;gap:2px;display:inline-flex}.sidebar-tag{background:var(--surface-pure);border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.sidebar-tag{background:color-mix(in srgb, var(--surface-pure) 55%, transparent)}}.sidebar-tag{color:var(--ink-soft);cursor:pointer;font-size:10px}.sidebar-tag:hover,.sidebar-tag.active{border-color:var(--line);background:var(--surface-pure);color:var(--ink)}.tag-edit-button{width:22px;height:22px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:opacity .12s,background .12s,color .12s;display:grid}.tag-nav-item:hover .tag-edit-button,.tag-nav-item:focus-within .tag-edit-button{opacity:1}.tag-edit-button:hover{background:var(--surface-pure);color:var(--accent-deep)}@media (hover:none){.tag-edit-button{opacity:1}}.tag-dot{border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.sidebar-bottom{margin-top:auto}.sync-card{background:var(--surface-pure);border:1px solid #e5e3dcd1;border-radius:9px;align-items:center;gap:9px;margin:12px 3px;padding:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.sync-card{background:color-mix(in srgb, var(--surface-pure) 48%, transparent)}}.sync-orb{width:25px;height:25px;color:var(--green);background:#e4efe9;border-radius:50%;flex:none;place-items:center;display:grid}.sync-orb.local,.sync-orb.offline,.sync-orb.error{color:#b57a43;background:#f3e9dc}.sync-card div{gap:2px;display:grid}.sync-card strong{font-size:10px;font-weight:650}.sync-card span{color:var(--muted);font-size:8px}.profile-row{border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:12px 5px 0;transition:background .14s;display:flex}.profile-row:hover{background:#ffffffa6}.profile-settings-icon{color:var(--muted);margin-left:auto}.avatar{color:#625d54;background:#ddd6c9;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-family:Songti SC,SimSun,serif;font-size:13px;font-weight:700;display:grid}.profile-copy{gap:2px;min-width:0;display:grid}.profile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.profile-copy span{color:var(--muted);font-size:8px}.icon-button{width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;place-items:center;padding:0;text-decoration:none;transition:background .14s,color .14s;display:grid}.icon-button:hover{border-color:var(--line-soft);background:var(--surface-pure);color:var(--ink)}.icon-button.compact{width:28px;height:28px;margin-left:auto}.icon-button.is-favorite{color:#d18b43}.icon-button.note-confirm-button{border-color:rgba(var(--accent-rgb), .28);background:var(--accent-soft);color:var(--accent-deep)}.icon-button.note-confirm-button:hover{border-color:var(--accent);background:var(--accent);color:#fff}.note-trash-button{color:#9a8f86;margin-left:8px}.note-trash-button:hover{color:#ad5b4b;background:#fbefec;border-color:#ad5b4b33}.icon-button.voice-record-button.is-recording{color:#bf4141;background:#fff0ef;border-color:#c441413d;gap:6px;width:auto;padding:0 9px;display:flex}.voice-record-button span{font-variant-numeric:tabular-nums;font-size:9px}.note-pane{background:var(--subtle);border-right:1px solid var(--line);flex-direction:column;display:flex}.note-pane-header{align-items:center;gap:10px;height:84px;padding:20px 18px 12px 21px;display:flex}.note-pane-header>div{min-width:0;margin-right:auto}.eyebrow{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin:0 0 5px;font-size:8px;font-weight:800}.note-pane-header h1{letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Songti SC,SimSun,serif;font-size:20px;line-height:1.2;overflow:hidden}.clear-trash-button{color:#b95743;cursor:pointer;background:#fff8f6;border:1px solid #e5c9c2;border-radius:7px;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:9px;display:flex}.search-box{border:1px solid var(--line-soft);background:var(--hover);color:#989990;border-radius:9px;align-items:center;gap:8px;height:36px;margin:2px 18px 11px;padding:0 10px;display:flex}.search-box:focus-within{background:var(--surface-pure);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .07);border-color:#dcd9d0}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search-box input::placeholder{color:#a3a49b}.search-box button{color:#999a92;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.list-meta{color:var(--muted);justify-content:space-between;padding:0 21px 9px;font-size:8px;display:flex}.note-list{scrollbar-width:thin;scrollbar-color:#d8d5cd transparent;flex:1;min-height:0;padding:0 10px 18px;overflow-y:auto}.note-card{contain-intrinsic-size:102px;content-visibility:auto;contain-intrinsic-size:auto 96px;border:1px solid #0000;border-bottom-color:var(--line-soft);text-align:left;cursor:pointer;background:0 0;border-radius:9px;gap:7px;width:100%;padding:14px 12px 13px;display:grid}.note-list-load-more{border:1px solid var(--line);background:var(--surface-pure);width:calc(100% - 20px);min-height:38px;color:var(--muted);cursor:pointer;border-radius:9px;margin:8px 10px 18px;font-size:10px}.note-list-load-more:hover{border-color:var(--accent);color:var(--accent-deep)}.note-card:hover{background:var(--surface-pure)}@supports (color:color-mix(in lab, red, red)){.note-card:hover{background:color-mix(in srgb, var(--surface-pure) 72%, transparent)}}.note-card.active{background:var(--surface-pure);border-color:#eee8e0;box-shadow:0 7px 22px #38342c0f}.note-card-top{align-items:center;gap:7px;display:flex}.note-card-top strong{color:#353630;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:700;overflow:hidden}.note-card-top svg{color:#d18b43}.note-excerpt{color:#7b7c74;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.65;display:-webkit-box;overflow:hidden}.note-card-bottom{color:#aaa9a1;align-items:center;gap:7px;min-height:16px;font-size:8px;display:flex}.note-card-bottom time{margin-right:auto}.mini-tags{gap:5px;display:flex}.mini-tags span{color:#888981;align-items:center;gap:3px;display:flex}.mini-tags i{border-radius:50%;width:4px;height:4px}.loading-list{gap:12px;padding:9px 4px;display:grid}.loading-list span{background:linear-gradient(100deg,#f0eee8 25%,#f9f8f4 40%,#f0eee8 55%) 0 0/220% 100%;border-radius:9px;height:94px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position-x:-220%}}.empty-list,.empty-editor{height:100%;min-height:280px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-list svg{color:#c4c1b8;margin-bottom:13px}.empty-list strong{color:var(--ink-soft);font-family:Songti SC,SimSun,serif;font-size:15px}.empty-list span{margin:7px 0 15px;font-size:10px}.empty-list button,.empty-editor button{background:var(--accent-soft);color:var(--accent-deep);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 13px;font-size:10px;font-weight:650;display:inline-flex}.editor-pane{background:var(--paper);flex-direction:column;display:flex;position:relative;overflow:hidden}.editor-header{border-bottom:1px solid var(--line-soft);background:var(--toolbar-bg);justify-content:space-between;align-items:center;height:58px;padding:0 22px 0 24px;display:flex}@supports (color:color-mix(in lab, red, red)){.editor-header{background:color-mix(in srgb, var(--toolbar-bg) 90%, transparent)}}.editor-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.qingjian-desktop .brand-row,.qingjian-desktop .note-pane-header,.qingjian-desktop .editor-header{-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.sidebar-window-drag-strip,.window-drag-spacer{display:none}.qingjian-desktop .sidebar-window-drag-strip{z-index:3;-webkit-user-select:none;user-select:none;-webkit-app-region:drag;height:23px;display:block;position:absolute;top:0;left:0;right:0}.qingjian-desktop .window-drag-spacer{-webkit-user-select:none;user-select:none;-webkit-app-region:drag;flex:auto;align-self:stretch;min-width:18px;display:block}.qingjian-desktop .header-sync{-webkit-user-select:none;user-select:none;-webkit-app-region:drag}.qingjian-desktop .editor-header{padding-right:150px}.qingjian-native-window-controls .editor-header{padding-right:162px}.desktop-window-controls{display:none}.qingjian-custom-window-controls .desktop-window-controls{z-index:260;border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;padding:2px;display:flex;position:fixed;top:8px;right:10px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.qingjian-custom-window-controls .desktop-window-controls{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.qingjian-custom-window-controls .desktop-window-controls{pointer-events:auto;isolation:isolate;-webkit-app-region:no-drag;box-shadow:0 4px 14px #2d2b2614}.desktop-window-controls button{width:42px;height:30px;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-app-region:no-drag;background:0 0;border:0;border-radius:6px;place-items:center;transition:background .16s,color .16s;display:grid}.desktop-window-controls button+button{border-left:1px solid var(--line-soft);border-top-left-radius:0;border-bottom-left-radius:0}.desktop-window-controls button:hover{background:var(--accent-soft);color:var(--accent-deep)}.window-minimize-mark{background:currentColor;border-radius:1px;width:12px;height:1.5px}.window-maximize-mark{border:1.4px solid;border-radius:1px;width:11px;height:9px;position:relative}.window-maximize-mark.is-restored{transform:translate(-1px,1px)}.window-maximize-mark.is-restored:after{z-index:-1;content:"";border:1.3px solid;border-radius:1px;width:8px;height:7px;position:absolute;top:-4px;right:-4px}.qingjian-desktop button,.qingjian-desktop input,.qingjian-desktop select,.qingjian-desktop textarea,.qingjian-desktop a,.qingjian-desktop [contenteditable=true]{-webkit-app-region:no-drag}.editor-header-left,.editor-actions{flex:none;align-items:center;gap:3px;min-width:0;display:flex}.folder-select-wrap{color:var(--ink-soft);align-items:center;gap:6px;display:flex}.folder-select-wrap>span{white-space:nowrap;font-size:9px}.folder-select-wrap select{appearance:none;max-width:150px;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:4px 0;font-size:10px;font-weight:600}.header-sync{color:var(--green);white-space:nowrap;align-items:center;gap:5px;margin-right:6px;font-size:8px;display:flex}.header-sync.local,.header-sync.offline,.header-sync.error{color:#b57a43}.ai-trigger{color:#6f5fa8;cursor:pointer;background:linear-gradient(135deg,#f5f1ff,#fff8f4);border:1px solid #ded8ef;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:32px;margin-right:4px;padding:0 11px;font-size:9px;font-weight:700;transition:border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.ai-trigger:hover{border-color:#cfc4eb;transform:translateY(-1px);box-shadow:0 7px 18px #6451971c}.ai-backdrop{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#26241f33;border:0;animation:.18s ease-out ai-fade;position:fixed;inset:0}.ai-drawer{z-index:120;background:radial-gradient(circle at 92% 4%,#8b76be21,#0000 24%),#fbfaf7;border-left:1px solid #e4dfed;flex-direction:column;width:min(408px,100vw);animation:.21s ease-out ai-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-22px 0 70px #2e283b29}.ai-drawer-header{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf7db;justify-content:space-between;align-items:center;min-height:72px;padding:0 20px;display:flex}.ai-drawer-header>div{align-items:center;gap:11px;display:flex}.ai-drawer-header>div>div{flex-direction:column;gap:3px;display:flex}.ai-drawer-header strong{font-family:Georgia,Songti SC,serif;font-size:15px}.ai-drawer-header span{color:var(--muted);font-size:9px}.ai-mark{background:linear-gradient(135deg,#7e70b5,#ab78a8);border-radius:11px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 8px 20px #67529738;color:#fff!important}.ai-drawer-body{flex-direction:column;flex:1;gap:17px;padding:22px 20px 28px;display:flex;overflow-y:auto}.ai-source-card{background:#ffffffb8;border:1px solid #e4e0eb;border-radius:14px;padding:17px}.ai-source-card>span,.ai-section-label,.ai-instruction>span{color:var(--muted);letter-spacing:.08em;margin-bottom:7px;font-size:8px;font-weight:750;display:block}.ai-source-card strong{color:var(--ink);font-family:Georgia,Songti SC,serif;font-size:14px;display:block}.ai-source-card p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:10px;line-height:1.6;display:-webkit-box;overflow:hidden}.ai-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:-9px;display:grid}.ai-mode-grid button{border:1px solid var(--line);height:42px;color:var(--ink-soft);cursor:pointer;background:#ffffffad;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:10px;font-weight:650;display:flex}.ai-mode-grid button:hover,.ai-mode-grid button.active{color:#68589c;background:#f2eefb;border-color:#cfc5e7}.ai-instruction{display:block;position:relative}.ai-instruction textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:134px;color:var(--ink);font:inherit;background:#ffffffbd;border-radius:12px;outline:0;padding:13px 42px 13px 13px;font-size:11px;line-height:1.7;display:block}.ai-instruction textarea:focus{border-color:#b9abd9;box-shadow:0 0 0 3px #7e69b114}.voice-button{color:#7463a8;cursor:pointer;background:#f0ecf8;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:9px;right:9px}.voice-button.listening{color:#a34b70;background:#eadff0}.ai-status-card{color:#9a6c2c;background:#fff8e9;border:1px solid #ead9bc;border-radius:11px;align-items:flex-start;gap:10px;padding:12px 13px;display:flex}.ai-status-card>div{flex-direction:column;gap:3px;display:flex}.ai-status-card strong{font-size:10px}.ai-status-card span{color:#947950;font-size:9px;line-height:1.5}.ai-disclosure-card{background:#f7f4fc;border:1px solid #dcd5eb;border-radius:12px;gap:12px;padding:14px;display:grid}.ai-disclosure-card>div{color:#67558f;align-items:flex-start;gap:9px;display:flex}.ai-disclosure-card>div>div{gap:4px;display:grid}.ai-disclosure-card strong{font-size:10px}.ai-disclosure-card span{color:#655f70;font-size:9px;line-height:1.65}.ai-disclosure-card label{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.ai-disclosure-card label input{accent-color:#7563aa;flex:none;width:15px;height:15px;margin-top:1px}.ai-disclosure-card p{gap:14px;margin:0 0 0 23px;display:flex}.ai-disclosure-card a{color:#725da8;font-size:9px;font-weight:700;text-decoration:none}.ai-disclosure-card a:hover{text-decoration:underline}.ai-generate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7563aa,#9b6fa4);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:auto;font-size:11px;font-weight:750;display:flex;box-shadow:0 11px 25px #674e9738}.ai-generate-button:disabled{cursor:not-allowed;opacity:.72}.ai-privacy-note{color:var(--muted);text-align:center;margin:-8px 0 0;font-size:8px}@keyframes ai-drawer-in{0%{opacity:0;transform:translate(22px)}}@keyframes ai-fade{0%{opacity:0}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu-anchor{position:relative}.floating-menu{z-index:30;border:1px solid var(--line);background:var(--surface-pure);border-radius:10px;min-width:174px;padding:7px;position:absolute;box-shadow:0 18px 50px #37332c24}.floating-menu button{width:100%;height:32px;color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:10px;display:flex}.floating-menu button:hover{background:var(--panel);color:var(--ink)}.more-menu{top:38px;right:0}.tag-menu{top:27px;left:0}.menu-label{color:var(--muted);letter-spacing:.08em;padding:4px 8px 7px;font-size:8px;font-weight:700}.floating-menu .menu-check{color:var(--accent);margin-left:auto}.floating-menu .menu-add{border-top:1px solid var(--line-soft);color:var(--accent-deep);border-radius:0 0 6px 6px;margin-top:4px}.editor-scroll{scrollbar-width:thin;scrollbar-color:#d9d6cd transparent;flex:1;min-height:0;overflow:hidden auto}.document{width:min(100%, var(--editor-width,820px));min-width:0;max-width:100%;min-height:100%;margin:0 auto;padding:51px clamp(42px,7vw,92px) 90px}.note-title-input{width:100%;color:var(--ink);letter-spacing:-.035em;background:0 0;border:0;outline:0;padding:0;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(30px,3.2vw,42px);font-weight:700;line-height:1.25}.note-title-input::placeholder{color:#c6c3ba}.note-meta-row{min-height:30px;color:var(--muted);align-items:center;gap:10px;margin-top:11px;font-size:9px;display:flex}.meta-divider{background:var(--line);width:1px;height:10px}.tag-picker-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-size:9px;display:flex}.tag-picker-button:hover{background:var(--panel);color:var(--ink-soft)}.reminder-button.active{color:var(--accent-deep);background:var(--accent-soft)}.reminder-menu{width:248px;padding:10px;top:29px;left:0}.reminder-menu input{border:1px solid var(--line);background:var(--surface-pure);width:100%;height:36px;color:var(--ink);border-radius:7px;outline:0;padding:0 8px;font-size:10px}.reminder-menu input:focus{border-color:var(--accent)}.reminder-actions{justify-content:flex-end;gap:7px;margin-top:9px;display:flex}.floating-menu .reminder-actions button{width:auto;padding-inline:10px}.floating-menu .reminder-actions button.primary{background:var(--accent);color:#fff}.reminder-alert{z-index:160;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#221f1b47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reminder-alert>div{border:1px solid var(--line);background:var(--surface-pure);width:min(390px,100%);box-shadow:var(--shadow);border-radius:15px;padding:27px}.reminder-alert-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-deep);border-radius:12px;place-items:center;display:grid}.reminder-alert small{color:var(--accent-deep);margin-top:15px;font-weight:700;display:block}.reminder-alert h2{margin:6px 0;font-family:SimSun,serif;font-size:24px}.reminder-alert p{color:var(--muted);margin:0 0 20px;font-size:11px}.reminder-alert>div>div{justify-content:flex-end;gap:9px;display:flex}.reminder-alert button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;height:35px;padding:0 13px}.reminder-alert button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.format-toolbar{z-index:12;border:1px solid var(--line-soft);border-left:0;border-right:0;border-bottom:1px solid var(--line-soft);background:var(--toolbar-bg);flex-wrap:wrap;align-content:center;align-items:center;gap:2px;min-height:40px;margin:23px 0 21px;padding:4px 6px;display:flex;position:sticky;top:0;overflow:visible}@supports (color:color-mix(in lab, red, red)){.format-toolbar{background:color-mix(in srgb, var(--toolbar-bg) 96%, transparent)}}.format-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 18px #39342c09}.format-toolbar button{color:#707168;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:29px;height:28px;padding:0;display:grid}.format-toolbar button:hover{background:var(--hover);color:var(--ink)}.format-toolbar button.is-active{background:var(--accent-soft);color:var(--accent-deep);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .16)}.format-toolbar select{color:#707168;cursor:pointer;background:0 0;border:0;outline:0;height:28px;padding:0 21px 0 7px;font-size:9px}.format-toolbar .font-size-select{min-width:55px}.word-color-control{flex:none;position:relative}.format-toolbar .word-color-button{justify-content:center;align-items:center;gap:3px;width:40px;display:flex;position:relative}.word-color-letter{color:#3d3e38;border-radius:3px;place-items:center;width:18px;height:21px;font-family:Arial,sans-serif;font-size:15px;font-weight:700;line-height:1;display:grid;position:relative}.word-color-swatch{flex:0 0 18px;place-items:start center;width:18px;height:23px;display:grid;position:relative}.word-color-letter.highlight{border:1px solid #dedbd3}.word-color-line{border:1px solid #00000014;width:18px;height:3px;position:absolute;bottom:0;left:0}.word-color-control.open .word-color-button{background:var(--hover);color:var(--ink)}.word-color-menu{z-index:90;border:1px solid var(--line);background:var(--surface);border-radius:9px;width:174px;padding:10px;position:absolute;top:32px;left:0;box-shadow:0 12px 32px #2d28212e}.word-color-menu>strong{color:var(--ink-soft);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.word-color-grid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.format-toolbar .word-color-grid button{background:var(--surface-pure);border:1px solid #dedbd3;border-radius:4px;width:26px;height:26px;position:relative}.format-toolbar .word-color-grid button:hover,.format-toolbar .word-color-grid button.active{border-color:var(--accent-deep);box-shadow:0 0 0 2px var(--accent-soft)}.word-color-grid button>span{border-radius:2px;width:16px;height:16px;display:block}.word-color-grid button.no-color:after{content:"";background:#cf4f45;width:21px;height:2px;position:absolute;transform:rotate(-45deg)}.password-input-wrap{position:relative}.auth-form .password-input-wrap input{padding-right:42px}.auth-form .password-visibility{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.auth-form .password-visibility:hover{color:var(--ink)}.password-rule{color:var(--muted);font-size:9px;line-height:1.5}.toolbar-divider{background:var(--line);flex:none;width:1px;height:18px;margin:0 4px}.table-tool-label{color:var(--accent-deep);white-space:nowrap;padding:0 5px;font-size:9px;font-weight:750}.format-toolbar button.table-action{white-space:nowrap;background:#ffffffb8;border:1px solid #e8e3db;gap:4px;width:auto;padding:0 8px;font-size:9px;display:inline-flex}.format-toolbar button.table-action.danger{border-color:rgba(var(--accent-rgb), .2);color:var(--accent-deep)}.table-resize-hint{color:var(--muted);white-space:nowrap;padding:0 5px;font-size:8px}.rich-editor{color:#3d3e38;width:100%;min-width:0;max-width:100%;min-height:280px;font-family:var(--body-font-family,ui-sans-serif, sans-serif);font-size:var(--body-font-size,14px);letter-spacing:.012em;line-height:var(--body-line-height,1.9);overflow-wrap:anywhere;word-break:break-word;white-space:break-spaces;caret-color:var(--accent);outline:0}.rich-editor :where(p,div,span,li,blockquote,h1,h2,h3,h4,h5,h6,pre,code){overflow-wrap:anywhere;word-break:break-word;white-space:break-spaces!important;max-width:100%!important}.rich-editor :where(img,video,iframe,object,embed){max-width:100%!important}.rich-editor.format-painter-active,.rich-editor.format-painter-active *{cursor:url(/format-painter-cursor.svg) 2 2,default!important}.rich-editor:empty:before{content:"从这里写下第一句话…";color:#bbb8af;pointer-events:none}.rich-editor p{text-indent:var(--body-indent,0em);margin:0}.rich-editor :where(p,div,li,ol,ul,blockquote,h1,h2,h3,h4,h5,h6,pre){margin-top:0!important;margin-bottom:0!important}.rich-editor h1,.rich-editor h2,.rich-editor h3{color:#30312c;margin:1.6em 0 .65em;font-family:Songti SC,STSong,SimSun,serif;line-height:1.35}.rich-editor h1{font-size:25px}.rich-editor h2{font-size:20px}.rich-editor h3{font-size:17px}.rich-editor blockquote{border-left:3px solid var(--accent);background:var(--quote-bg);color:#71665f;margin:1.5em 0;padding:9px 16px;font-family:Songti SC,STSong,SimSun,serif;font-size:15px}.rich-editor ul,.rich-editor ol{margin:.8em 0 1.2em;padding-left:1.7em}.rich-editor ol{list-style:decimal}.rich-editor ul{list-style:outside}.rich-editor li{padding-left:.2em;display:list-item}.rich-editor li::marker{font-size:1em}.rich-editor a{color:var(--accent-deep);-webkit-text-decoration-color:rgba(var(--accent-rgb), .35);-webkit-text-decoration-color:rgba(var(--accent-rgb), .35);-webkit-text-decoration-color:rgba(var(--accent-rgb), .35);text-decoration-color:rgba(var(--accent-rgb), .35);text-underline-offset:3px}.rich-editor img{cursor:pointer;border-radius:8px;max-width:100%;height:auto;margin:1.25em auto;transition:outline-color .14s,box-shadow .14s;display:block}.rich-editor img.is-selected{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 6px rgba(var(--accent-rgb), .1)}.rich-editor table{border-collapse:collapse;table-layout:fixed;touch-action:pan-y;margin:1.35em 0;width:100%!important;max-width:100%!important}.rich-editor td,.rich-editor th{vertical-align:top;overflow-wrap:anywhere;border:1px solid #d9d6cd;outline:0;min-width:80px;height:36px;padding:7px 9px}.rich-editor th{background:var(--sidebar-bg);font-weight:700}.rich-editor td:focus,.rich-editor th:focus{background:var(--surface);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .42)}.attachments-section{border-top:1px solid var(--line-soft);margin-top:42px;padding-top:18px}.attachments-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.attachments-heading>div{color:var(--ink-soft);align-items:center;gap:7px;display:flex}.attachments-heading strong{font-size:10px}.attachments-heading span{min-width:17px;height:17px;color:var(--muted);background:#efede7;border-radius:8px;place-items:center;font-size:8px;display:grid}.attachments-heading button{color:var(--accent-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:5px 7px;font-size:9px;display:flex}.attachment-heading-actions{align-items:center;gap:4px;display:flex}.attachments-heading .attachment-heading-actions>button.recording{color:#bf4141;font-variant-numeric:tabular-nums;background:#fff0ef;border-radius:7px}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.attachment-card,.upload-row{border:1px solid var(--line-soft);background:var(--subtle);border-radius:9px;align-items:center;gap:9px;min-width:0;min-height:53px;padding:8px 9px;display:flex}.attachment-card.pending-upload{border-color:rgba(var(--accent-rgb), .34);background:var(--accent-soft)}.attachment-card.pending-upload>div>span{color:var(--accent-deep)}.file-icon{color:#7a766d;background:#eeeae2;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.file-icon.uploading{background:var(--accent-soft);color:var(--accent)}.attachment-card>div{flex:1;gap:3px;min-width:0;display:grid}.attachment-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.attachment-card span{color:var(--muted);font-size:8px}.attachment-card a,.attachment-card button{color:#9b9b92;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:25px;height:25px;padding:0;display:grid}.attachment-card a:hover,.attachment-card button:hover{color:var(--ink);background:#eeece6}.upload-row{margin-bottom:8px}.upload-info{flex:1;gap:7px;min-width:0;display:grid}.upload-info strong{font-size:9px}.upload-info strong small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;font-weight:400;display:block;overflow:hidden}.upload-info>small{color:var(--muted);font-size:8px}.upload-info>div{background:#e8e5dd;border-radius:2px;height:3px;overflow:hidden}.upload-info>div span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s;display:block}.upload-row em{color:var(--muted);font-size:8px;font-style:normal}.drop-overlay{z-index:50;border:2px dashed rgba(var(--accent-rgb), .5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:var(--ink-soft);pointer-events:auto;background:#fbf8f2f0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:16px}.drop-overlay>span{background:var(--accent-soft);width:58px;height:58px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:13px;display:grid}.drop-overlay strong{font-family:Songti SC,SimSun,serif;font-size:18px}.drop-overlay p{color:var(--muted);margin:6px 0 0;font-size:10px}.drop-overlay button{border:1px solid var(--line);background:var(--surface-pure);color:var(--ink-soft);cursor:pointer;border-radius:999px;margin-top:16px;padding:7px 18px}.empty-editor{min-height:100%}.empty-editor>span{color:#a59e92;background:#f2ede5;border-radius:21px 21px 21px 7px;place-items:center;width:68px;height:68px;display:grid}.empty-editor h2{color:var(--ink);margin:18px 0 6px;font-family:Songti SC,SimSun,serif;font-size:22px}.empty-editor p{max-width:300px;margin:0 0 18px;font-size:10px;line-height:1.7}.note-context-menu{z-index:60;border:1px solid var(--line);background:var(--surface);border-radius:9px;width:200px;padding:5px;position:fixed;box-shadow:0 14px 38px #302b2329}.context-menu-divider{background:var(--line-soft);height:1px;margin:5px 7px}.context-menu-label{color:var(--muted);padding:4px 10px 3px;font-size:8px}.note-context-menu button.active{color:var(--accent-deep);background:var(--accent-soft)}.context-check{margin-left:auto}.note-context-menu button{width:100%;height:34px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 10px;font-size:11px;display:flex}.note-context-menu button:hover{background:var(--panel);color:var(--accent-deep)}.image-context-menu{width:162px}.image-preview-backdrop{z-index:240;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#121414eb;place-items:center;padding:64px 32px 54px;display:grid;position:fixed;inset:0}.image-preview-backdrop>img{object-fit:contain;cursor:default;-webkit-user-select:none;user-select:none;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 18px 70px #00000061}.image-preview-actions{z-index:1;gap:10px;display:flex;position:fixed;top:18px;right:20px}.qingjian-desktop .image-preview-actions{top:58px;right:58px}.image-preview-actions button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .14s,transform .14s;display:grid}.image-preview-actions button:hover{background:#ffffff38;transform:translateY(-1px)}.image-preview-actions button:focus-visible{outline-offset:3px;outline:2px solid #fff}.image-preview-hint{color:#ffffffa8;pointer-events:none;font-size:12px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}@media (max-width:720px){.image-preview-backdrop{padding:58px 10px 46px}.image-preview-actions{top:10px;right:10px}}.note-context-menu button.danger{color:#ad5b4b}.settings-screen{z-index:110;background:var(--canvas);border:1px solid var(--line);width:min(820px,100vw - 360px);color:var(--ink);font-family:var(--ui-font-family,inherit);border-radius:14px;flex-direction:column;display:flex;position:fixed;inset:12px auto 12px 12px;overflow:hidden;box-shadow:18px 0 54px #29251f2e}.settings-header{border-bottom:1px solid var(--line);background:var(--toolbar-bg);justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex}@supports (color:color-mix(in lab, red, red)){.settings-header{background:color-mix(in srgb, var(--toolbar-bg) 96%, transparent)}}.settings-header>div,.settings-header>div>div{align-items:center;gap:11px;display:flex}.settings-header>div>div{flex-direction:column;align-items:flex-start;gap:2px}.settings-mark{background:var(--ink);color:#fffdf7;border-radius:9px;place-items:center;width:34px;height:34px;font-family:SimSun,serif;display:grid}.settings-header strong{font-size:14px}.settings-header small{color:var(--muted);font-size:9px}.settings-header>button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.settings-header>button:hover{background:#efede7}.settings-layout{flex:1;grid-template-columns:180px minmax(0,1fr);min-height:0;display:grid}.settings-nav{border-right:1px solid var(--line);background:#f2f0ea;align-content:start;gap:4px;padding:28px 18px;display:grid}.settings-nav button{height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:12px;display:flex}.settings-nav button:hover,.settings-nav button.active{color:var(--ink);background:#fffefb}.settings-nav button.active{font-weight:700;box-shadow:0 1px 5px #2d28210f}.settings-nav button.active svg{color:var(--accent)}.settings-content{width:100%;padding:34px 30px 60px;overflow-y:auto}.settings-title{margin-bottom:24px}.settings-title h1{margin:0 0 7px;font-family:SimSun,serif;font-size:28px;font-weight:600}.settings-title p{color:var(--muted);margin:0;font-size:11px}.settings-card{border:1px solid var(--line);background:#fffefb;border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 7px 24px #322c2309}.settings-card h2{align-items:center;gap:7px;margin:0 0 18px;font-size:13px;display:flex}.settings-card h2.settings-subheading{border-top:1px solid var(--line-soft);margin-top:30px;padding-top:24px}.settings-grid{grid-template-columns:1fr 1fr;gap:17px 20px;display:grid}.settings-grid label,.settings-grid .setting-select-field{gap:7px;display:grid}.settings-grid label.full{grid-column:1/-1}.settings-grid label>span,.settings-grid .setting-select-field>span{color:var(--ink-soft);font-size:10px;font-weight:700}.settings-grid input,.settings-grid select{border:1px solid var(--line);width:100%;height:40px;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:0 11px;font-size:11px}.settings-grid input:focus,.settings-grid select:focus{border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .07)}.settings-grid input:disabled{color:var(--muted);background:#f4f2ed}.settings-grid label small{color:var(--muted);font-size:9px}.setting-select{min-width:0;position:relative}.setting-select-trigger{border:1px solid var(--line);width:100%;height:40px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:8px;outline:0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 11px;font-size:11px;display:flex}.setting-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.setting-select-trigger svg{color:var(--muted);flex:none;transition:transform .16s}.setting-select.open .setting-select-trigger{border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .07)}.setting-select.open .setting-select-trigger svg{transform:rotate(180deg)}.setting-select-menu{z-index:180;border:1px solid var(--line);background:var(--surface-pure);border-radius:9px;gap:2px;max-height:238px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #2d282126}.setting-select-menu button{width:100%;min-height:34px;color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:10px;display:flex}.setting-select-menu button:hover,.setting-select-menu button.selected{background:var(--accent-soft);color:var(--accent-deep)}.setting-select-menu button svg{flex:none}.settings-actions{justify-content:flex-end;margin-top:20px;display:flex}.settings-actions button.primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:11px;font-weight:700;display:inline-flex}.settings-actions button:disabled{cursor:wait;opacity:.6}.settings-message{color:var(--accent-deep);margin:15px 0 0;font-size:10px}.ai-connection-message{border:1px solid var(--accent);padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.ai-connection-message{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line))}}.ai-connection-message{background:var(--accent);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.ai-connection-message{background:color-mix(in srgb, var(--accent) 7%, white)}}.ai-connection-message{font-size:11px;line-height:1.6}.version-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.version-card-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-deep);border-radius:12px;place-items:center;display:grid}.version-card h2{margin:0 0 6px}.version-card p,.version-card small,.offline-status-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.75}.version-card small{margin-top:5px;display:block}.version-card-actions{gap:8px;display:flex}.version-card-actions button{border:1px solid var(--line);height:36px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:10px;display:inline-flex}.version-card-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.version-card-actions button:disabled{cursor:wait;opacity:.6}.offline-status-card>span{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;margin-top:15px;padding:6px 10px;font-size:9px;font-weight:700;display:inline-flex}.offline-status-card>span.offline{color:var(--ink-soft);background:#eeeae2}.sync-health-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.sync-health-card h2{margin:0 0 6px}.sync-health-card p,.sync-event-list p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.sync-health-card>button{border:1px solid var(--line);height:36px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:10px;display:inline-flex}.sync-health-card>button:disabled{cursor:wait;opacity:.65}.sync-health-orb{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-deep);border-radius:12px;place-items:center;display:grid}.sync-health-orb.offline,.sync-health-orb.local{color:var(--ink-soft);background:#eeeae2}.sync-health-orb.error{color:#b34c3c;background:#fff0ed}.sync-diagnostics-grid{grid-template-columns:1fr 1fr;gap:14px 22px;margin:0;display:grid}.sync-diagnostics-grid>div{min-width:0}.sync-diagnostics-grid dt{color:var(--muted);margin:0 0 5px;font-size:9px}.sync-diagnostics-grid dd{overflow-wrap:anywhere;color:var(--ink-soft);margin:0;font-size:10px;line-height:1.55}.sync-diagnostic-warning,.sync-diagnostic-error{color:#7c6030;background:#fff7e4;border-radius:8px;margin:18px 0 0;padding:10px 12px;font-size:10px;line-height:1.6}.sync-diagnostic-error{color:#9f4437;background:#fff0ed}.sync-event-list{display:grid}.sync-event-list article{border-bottom:1px solid var(--line-soft);min-height:38px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:18px;font-size:10px;display:flex}.sync-event-list article:last-child{border-bottom:0}.sync-event-list time{color:var(--muted);flex:none;font-size:9px}.recovery-intro-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.recovery-intro-card>span{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-deep);border-radius:12px;place-items:center;display:grid}.recovery-intro-card h2{margin:0 0 6px}.recovery-intro-card p,.recovery-empty{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.recovery-intro-card>button,.recovery-version-list button{border:1px solid var(--line);height:34px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:10px;display:inline-flex}.recovery-intro-card>button:disabled,.recovery-version-list button:disabled{cursor:wait;opacity:.6}.recovery-empty{align-items:center;gap:7px;display:flex}.recovery-version-list{display:grid}.recovery-version-list article{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:15px 0;display:grid}.recovery-version-list article:first-child{padding-top:0}.recovery-version-list article:last-child{border-bottom:0;padding-bottom:0}.recovery-version-list strong{margin-bottom:5px;font-size:11px;display:block}.recovery-version-list p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.recovery-version-list small{color:var(--muted);font-size:9px}.backup-action-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.backup-action-card{align-content:start;display:grid}.backup-action-card>span{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-deep);border-radius:11px;place-items:center;margin-bottom:16px;display:grid}.backup-action-card h2{margin-bottom:8px}.backup-action-card p,.backup-notice-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.75}.backup-action-card>button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:fit-content;height:36px;margin-top:18px;padding:0 14px;font-size:10px;font-weight:700;display:inline-flex}.backup-action-card>button:disabled{cursor:wait;opacity:.65}.backup-notice-card p+p{margin-top:9px}.update-notice{z-index:600;border:1px solid var(--accent);grid-template-columns:auto minmax(0,260px) auto;align-items:center;gap:12px;padding:15px 16px;display:grid;position:fixed;bottom:24px;right:24px}@supports (color:color-mix(in lab, red, red)){.update-notice{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line))}}.update-notice{background:var(--surface-pure);border-radius:13px;box-shadow:0 18px 48px #2d28212b}.update-notice-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-deep);border-radius:10px;place-items:center;display:grid}.update-notice>div{gap:4px;display:grid}.update-notice strong{font-size:11px}.update-notice small{color:var(--muted);font-size:9px;line-height:1.5}.update-notice .primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;height:34px;padding:0 13px;font-size:10px;font-weight:700}.update-notice-close{width:25px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:5px;right:5px}.update-notice-close:hover{background:var(--hover);color:var(--ink)}.protocol-upgrade-notice{z-index:650;border:1px solid var(--accent);grid-template-columns:auto minmax(0,430px) auto;align-items:center;gap:12px;width:min(680px,100vw - 32px);padding:13px 15px;display:grid;position:fixed;top:20px;left:50%}@supports (color:color-mix(in lab, red, red)){.protocol-upgrade-notice{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--line))}}.protocol-upgrade-notice{background:var(--surface-pure);color:var(--accent-deep);border-radius:12px;transform:translate(-50%);box-shadow:0 18px 48px #2d28212e}.protocol-upgrade-notice>div{gap:3px;display:grid}.protocol-upgrade-notice strong{color:var(--ink);font-size:11px}.protocol-upgrade-notice small{color:var(--muted);font-size:9px;line-height:1.5}.protocol-upgrade-notice button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;height:34px;padding:0 14px;font-size:10px;font-weight:700}.danger-card{justify-content:space-between;align-items:center;display:flex}.danger-card h2{margin-bottom:5px}.danger-card p{color:var(--muted);margin:0;font-size:10px}.danger-card>button{height:34px;color:var(--accent-deep);cursor:pointer;background:0 0;border:1px solid #edc9bf;border-radius:8px;align-items:center;gap:7px;padding:0 13px;font-size:10px;display:inline-flex}.reading-preview{background:#faf8f2;border:1px dashed #d9d5cc;border-radius:9px;margin-top:24px;padding:20px}.reading-preview strong{margin-bottom:11px;font-size:11px;display:block}.reading-preview p{color:#4c4d46;margin:0}.ai-endpoint-card p{color:var(--muted);margin:-6px 0 14px;font-size:10px;line-height:1.7}.ai-help-link{color:var(--accent-deep);margin-top:12px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.ai-help-link:hover{text-decoration:underline}.settings-card-intro{color:var(--muted);margin:-5px 0 12px;font-size:9px;line-height:1.7}.ai-endpoint-card>code,.ai-secret>code{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);overflow-wrap:anywhere;border-radius:8px;padding:11px 13px;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.settings-grid label.ai-checkbox{grid-template-columns:auto 1fr;align-content:end;align-items:center;min-height:40px}.settings-grid label.ai-checkbox input{width:16px;height:16px;accent-color:var(--accent)}.settings-grid label.ai-checkbox span{font-size:10px}.ai-secret{border:1px solid var(--accent);grid-template-columns:1fr auto;gap:10px;margin-top:20px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.ai-secret{border:1px solid color-mix(in srgb, var(--accent) 36%, var(--line))}}.ai-secret{background:var(--accent);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.ai-secret{background:color-mix(in srgb, var(--accent) 7%, white)}}.ai-secret>div{grid-column:1/-1;gap:3px;display:grid}.ai-secret strong{font-size:11px}.ai-secret small{color:var(--muted);font-size:9px}.ai-secret button,.ai-connection-list button{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:10px;display:inline-flex}.ai-secret button.copied{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-secret button.copied{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}}.ai-secret button.copied{background:var(--accent-soft);color:var(--accent-deep)}.ai-secret button.copy-error{color:#a54e3e;border-color:#d9a096}.ai-connection-list{gap:9px;display:grid}.ai-connection-list article{border:1px solid var(--line-soft);background:var(--panel);border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.ai-connection-list article.revoked{opacity:.55}.ai-connection-list article>div{gap:5px;min-width:0;display:grid}.ai-connection-list strong{font-size:11px}.ai-connection-list code{color:var(--accent-deep);font-size:9px}.ai-connection-list small,.ai-empty{color:var(--muted);margin:0;font-size:9px}.ai-audit-list{display:grid}.ai-audit-list article{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.ai-audit-list article:last-child{border-bottom:0}.ai-audit-list article>div{gap:3px;min-width:0;display:grid}.ai-audit-list article strong{font-size:10px}.ai-audit-list article span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.ai-audit-list article small,.ai-audit-list article time{color:var(--muted);white-space:nowrap;font-size:8px}.app-shell .brand-name{font-size:calc(18px * var(--ui-scale,1))}.app-shell .brand-subtitle{font-size:calc(8px * var(--ui-scale,1))}.app-shell .new-note-button{font-size:calc(13px * var(--ui-scale,1))}.app-shell .nav-button{font-size:calc(12px * var(--ui-scale,1))}.app-shell .sidebar-tag,.app-shell .profile-copy strong,.app-shell .sync-card strong{font-size:calc(10px * var(--ui-scale,1))}.app-shell .profile-copy span,.app-shell .sync-card span{font-size:calc(8px * var(--ui-scale,1))}.app-shell .note-pane-header h1{font-size:calc(20px * var(--ui-scale,1))}.app-shell .search-box input,.app-shell .note-card{font-size:calc(11px * var(--ui-scale,1))}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2625213d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.name-dialog{background:var(--surface);width:min(100%,380px);box-shadow:var(--shadow);border:1px solid #fffc;border-radius:17px;padding:27px;position:relative}.dialog-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:11px;place-items:center;margin-bottom:18px;display:grid}.dialog-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:17px;right:17px}.dialog-close:hover{background:var(--panel)}.name-dialog h2{margin:0;font-family:Songti SC,SimSun,serif;font-size:22px}.name-dialog>p{color:var(--muted);margin:7px 0 21px;font-size:10px}.name-dialog>input{border:1px solid var(--line);background:var(--paper);width:100%;height:42px;color:var(--ink);border-radius:9px;outline:0;padding:0 12px;font-size:12px}.name-dialog>input:focus{border-color:rgba(var(--accent-rgb), .6);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08)}.local-file-link-button{border:1px solid var(--line);background:var(--panel);width:100%;min-height:39px;color:var(--ink-soft);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:11px;font-size:11px;font-weight:650;display:flex}.local-file-link-button:hover{border-color:rgba(var(--accent-rgb), .45);background:var(--accent-soft);color:var(--accent-deep)}.local-file-link-button:disabled{opacity:.6;cursor:wait}.dialog-error{color:#b75742;margin-top:8px;font-size:9px;display:block}.tag-color-fieldset{border:0;margin:17px 0 0;padding:0}.tag-color-fieldset legend{color:var(--ink-soft);margin-bottom:9px;font-size:10px;font-weight:700}.tag-color-fieldset>div{gap:8px;display:flex}.tag-color-fieldset button{border:1px solid var(--line);background:var(--surface-pure);cursor:pointer;border-radius:8px;place-items:center;width:31px;height:31px;padding:0;display:grid}.tag-color-fieldset button span{border-radius:50%;width:15px;height:15px}.tag-color-fieldset button:hover,.tag-color-fieldset button.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.dialog-action-spacer{flex:1}.dialog-actions button.delete-tag-button{color:#b75742;border-color:#e7c5bd}.dialog-actions button.delete-tag-button:hover{background:#fbefec}.dialog-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:74px;height:34px;font-size:10px;font-weight:650;display:flex}.dialog-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.dialog-actions button:disabled{opacity:.48;cursor:default}.toast{z-index:110;color:#fff;background:#272822eb;border:1px solid #ffffff26;border-radius:9px;max-width:min(360px,100vw - 32px);padding:10px 15px;font-size:10px;animation:.18s ease-out toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #27282233}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.signin-page{background:radial-gradient(circle at 75% 23%, rgba(var(--accent-rgb), .12), transparent 28%), radial-gradient(circle at 22% 76%, #6f9e8b21, transparent 30%), #f2f0e9;place-items:center;width:100vw;min-height:100dvh;padding:28px;display:grid;position:relative;overflow:hidden}.signin-grain{opacity:.6;background-image:radial-gradient(#27282217 .6px,#0000 .7px);background-size:12px 12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.signin-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#fffefae0;border:1px solid #fffc;border-radius:28px;width:min(100%,500px);padding:58px 54px 49px;position:relative;box-shadow:0 35px 100px #3630271f}.signin-mark{background:var(--ink);color:#fff;border-radius:16px 16px 16px 5px;place-items:center;width:55px;height:55px;margin:0 auto 27px;font-family:Songti SC,SimSun,serif;font-size:24px;display:grid;box-shadow:0 13px 30px #2728222e}.signin-card h1{letter-spacing:-.05em;margin:10px 0 16px;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(32px,7vw,47px)}.signin-lead{max-width:370px;color:var(--ink-soft);margin:0 auto 30px;font-family:Songti SC,STSong,SimSun,serif;font-size:14px;line-height:1.9}.signin-button{background:var(--accent);color:#fff;min-width:220px;height:44px;box-shadow:0 10px 24px rgba(var(--accent-rgb), .22);border-radius:11px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.signin-button:hover{background:var(--accent-deep)}.signin-button:disabled{cursor:wait;opacity:.68}.auth-loading{padding-block:70px 58px}.auth-loading .signin-lead{margin-bottom:0}.auth-tabs{background:#eeece5;border-radius:11px;grid-template-columns:1fr 1fr;width:min(100%,340px);margin:0 auto 18px;padding:3px;display:grid}.auth-tabs button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:11px}.auth-tabs button.active{color:var(--ink);background:#fffefb;font-weight:700;box-shadow:0 2px 8px #2d2a2314}.auth-form{text-align:left;gap:13px;width:min(100%,340px);margin:0 auto;display:grid}.auth-form label{gap:6px;display:grid}.auth-form label>span{color:var(--ink-soft);font-size:10px;font-weight:700}.auth-form input{border:1px solid var(--line);width:100%;height:42px;color:var(--ink);background:#ffffffc2;border-radius:9px;outline:none;padding:0 12px;font-size:12px}.auth-form input:focus{border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08)}.signin-preferences{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-form .signin-check{border:1px solid var(--line-soft);cursor:pointer;background:#ffffff80;border-radius:9px;align-items:center;gap:8px;min-width:0;padding:8px 9px;display:flex}.auth-form .signin-check input{width:14px;height:14px;accent-color:var(--accent);flex:none;margin:0}.auth-form .signin-check>span{min-width:0;font-size:inherit;font-weight:inherit;gap:1px;display:grid}.signin-check strong{color:var(--ink-soft);font-size:9px}.signin-check small{color:var(--muted);white-space:nowrap;font-size:8px}.auth-form .signin-button{cursor:pointer;border:0;width:100%}.auth-message{color:#b24d3c;text-align:center;margin:-2px 0 0;font-size:10px;line-height:1.5}.auth-message.success{color:#4d7d69}.signin-footnote{color:var(--muted);margin-top:18px;font-size:9px;display:block}.signin-footnote a{color:var(--accent-deep);text-underline-offset:2px}.mobile-tabs,.only-mobile{display:none}@media (max-width:1080px){.app-shell{grid-template-columns:218px var(--note-pane-width,270px) 6px minmax(390px, 1fr)}.sidebar{padding-inline:13px}.document{padding-inline:44px}.header-sync{display:none}}@media (max-width:820px){.app-shell{top:var(--mobile-viewport-top,0px);width:100%;height:var(--mobile-viewport-height,100dvh);min-height:0;padding-bottom:62px;display:block;position:fixed;left:0}.note-pane-resizer{display:none}.sidebar,.note-pane,.editor-pane{border-right:0;width:100%;position:absolute;inset:0 0 62px}.sidebar{z-index:6;padding:22px 18px;display:none}.note-pane{z-index:4;display:none}.editor-pane{z-index:5;display:none}.mobile-folders .sidebar,.mobile-notes .note-pane,.mobile-editor .editor-pane{display:flex}.only-mobile{display:grid}.brand-row .only-mobile{margin-left:auto}.note-pane-header{height:80px;padding-inline:14px}.note-pane-header>.only-mobile{margin-right:2px}.search-box{margin-inline:15px}.note-list{padding-inline:8px}.note-card{min-height:104px;padding:16px 14px}.note-card-top strong{font-size:14px}.note-excerpt{font-size:11px}.editor-header{height:55px;padding:0 10px 0 8px}.editor-actions{gap:0}.folder-select-wrap select{max-width:90px}.document{width:100%;padding:31px 22px 80px}.note-title-input{font-size:31px}.format-toolbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfaf6f5;margin-inline:-22px;padding-inline:20px;position:sticky;top:0}.rich-editor{font-size:var(--body-font-size,15px);line-height:var(--body-line-height,1.85)}.settings-screen{border:0;border-radius:0;width:100%;inset:0}.settings-header{height:58px;padding:0 14px}.settings-layout{flex-direction:column;display:flex}.settings-nav{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;padding:9px 12px;display:grid}.settings-nav button{justify-content:center}.settings-content{width:100%;padding:24px 15px 70px}.settings-title h1{font-size:24px}.settings-card{padding:18px}.settings-grid{grid-template-columns:1fr}.settings-grid label.full{grid-column:auto}.danger-card{flex-direction:column;align-items:flex-start;gap:16px}.attachment-grid{grid-template-columns:1fr}.mobile-tabs{z-index:90;height:calc(62px + env(safe-area-inset-bottom));padding:7px 12px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf6f0;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.mobile-tabs button{color:#92938b;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;line-height:1.2;display:flex}.mobile-tabs button.active{color:var(--accent)}.mobile-tab-icon{border-radius:8px;flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.mobile-add{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb), .2)}.toast{bottom:78px}.protocol-upgrade-notice{grid-template-columns:auto minmax(0,1fr);top:12px}.protocol-upgrade-notice button{grid-column:1/-1}}@media (max-width:480px){.ai-trigger{width:32px;padding:0}.ai-trigger span{display:none}.ai-drawer-body{padding-inline:16px}.editor-actions .icon-button{width:32px}.editor-header-left{gap:0}.note-meta-row{flex-wrap:wrap}.signin-card{border-radius:22px;padding:45px 25px 38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}