:root{--bg-app:#F7F7F2;--bg-rail:#EFEEE8;--bg-surface:#FFFFFF;--text-primary:#1D1D1F;--text-secondary:#6E6E73;--text-tertiary:#9B9BA1;--accent:#C7860B;--accent-icon:#E8A12B;--sel-bg:rgba(232,161,43,.14);--sel-stripe:#E8A12B;--border:rgba(0,0,0,.1);--border-strong:rgba(0,0,0,.16);--danger:#C2342B;--text-on-accent:#FFFFFF;--shadow-panel:0 0 12px rgba(0,0,0,.08);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--radius:6px;--radius-lg:10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-app:#1A1A1A;--bg-rail:#202020;--bg-surface:#242424;--text-primary:#F2F2F0;--text-secondary:#A1A1A6;--text-tertiary:#6E6E73;--accent:#F0B23E;--accent-icon:#E8A12B;--sel-bg:rgba(232,161,43,.18);--sel-stripe:#E8A12B;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.18);--danger:#E5564B;--text-on-accent:#1A1A1A;--shadow-panel:0 0 12px rgba(0,0,0,.45)}}:root[data-theme=dark]{--bg-app:#1A1A1A;--bg-rail:#202020;--bg-surface:#242424;--text-primary:#F2F2F0;--text-secondary:#A1A1A6;--text-tertiary:#6E6E73;--accent:#F0B23E;--accent-icon:#E8A12B;--sel-bg:rgba(232,161,43,.18);--sel-stripe:#E8A12B;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.18);--danger:#E5564B;--text-on-accent:#1A1A1A;--shadow-panel:0 0 12px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-app);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-grid{display:grid;grid-template-columns:220px 290px minmax(0,1fr);height:100%}.pane-rail{display:flex;flex-direction:column;background:var(--bg-rail);border-right:.5px solid var(--border);min-height:0}.rail-body{flex:1;overflow:auto;padding:10px 8px}.rail-footer{border-top:.5px solid var(--border);padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-secondary)}.rail-account{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-list{background:var(--bg-surface);border-right:.5px solid var(--border);overflow:auto;min-height:0}.pane-editor{background:var(--bg-surface);overflow:auto;min-height:0}@media (max-width: 1023px){.app-grid{grid-template-columns:290px minmax(0,1fr)}.pane-rail{display:none}}@media (max-width: 759px){.app-grid{grid-template-columns:1fr}.pane-list{display:none}}.folders-rail{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.rail-all-notes{display:block;width:100%;text-align:left;padding:.375rem .75rem;background:none;border:none;cursor:pointer;font-size:.875rem;color:var(--text-primary);border-radius:4px}.rail-all-notes:hover{background:var(--sel-bg, rgba(0,0,0,.06))}.rail-all-notes.selected{background:var(--sel-bg, rgba(0,0,0,.1));font-weight:600}.rail-section{padding:.5rem 0}.folders-rail .folder-tree{list-style:none;margin:0;padding:0}.folders-rail .folder-row{display:flex;align-items:center;gap:.25rem;padding:0 .75rem}.folders-rail .folder-row:hover{background:var(--sel-bg, rgba(0,0,0,.06))}.folders-rail .folder-row.selected{background:var(--sel-bg, rgba(0,0,0,.1))}.folders-rail .folder-name{flex:1;min-width:0;text-align:left;background:none;border:none;cursor:pointer;padding:.375rem 0;font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folders-rail .folder-actions{display:flex;align-items:center;gap:1px;opacity:0;pointer-events:none;transition:opacity .12s ease}.folders-rail .folder-row:hover .folder-actions,.folders-rail .folder-row.selected .folder-actions,.folders-rail .folder-actions:focus-within{opacity:1;pointer-events:auto}.folders-rail .folder-action{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer}.folders-rail .folder-action:hover{background:var(--sel-bg, rgba(0, 0, 0, .08));color:var(--text-primary)}.folders-rail .folder-action--danger:hover{color:var(--danger)}.folders-rail .folder-action:hover:after{content:attr(data-tip);position:absolute;right:calc(100% + 4px);top:50%;transform:translateY(-50%);z-index:20;padding:3px 7px;border-radius:4px;background:var(--text-primary);color:var(--bg-app);font-size:.6875rem;line-height:1.2;white-space:nowrap;pointer-events:none}.tags-section{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem .75rem}.tags-section .tag{padding:.1875rem .5rem;border:1px solid var(--border, #ccc);border-radius:999px;background:none;cursor:pointer;font-size:.8125rem;color:var(--accent-icon, var(--text-secondary))}.tags-section .tag:hover{background:var(--sel-bg, rgba(0,0,0,.06))}.tags-section .tag.selected{background:var(--sel-bg, rgba(0,0,0,.1));font-weight:600}.new-folder-btn{display:block;width:100%;text-align:left;padding:.375rem .75rem;background:none;border:none;cursor:pointer;font-size:.875rem;color:var(--text-tertiary)}.new-folder-btn:hover{color:var(--text-primary)}.rail-view-toggle{display:flex;gap:2px;margin:.25rem .75rem .5rem;padding:2px;background:var(--sel-bg, rgba(0, 0, 0, .06));border-radius:6px}.rail-view-btn{flex:1;padding:.25rem .5rem;border:none;background:none;border-radius:4px;cursor:pointer;font-size:.8125rem;color:var(--text-secondary)}.rail-view-btn:hover{color:var(--text-primary)}.rail-view-btn.selected{background:var(--bg-app, #fff);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #00000014}.rail-no-tags{margin:0;padding:.25rem 0;font-size:.8125rem;color:var(--text-tertiary)}.notes-list{display:flex;flex-direction:column;height:100%}.notes-list-header{padding:10px 10px 6px;display:flex;flex-direction:column;gap:6px;border-bottom:.5px solid var(--border)}.notes-search-box{width:100%;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-app);color:var(--text-primary);font-size:13px}.notes-search-box:focus{outline:none;border-color:var(--accent)}.notes-new-btn{align-self:flex-start;padding:4px 10px;border:none;border-radius:var(--radius);background:transparent;color:var(--accent);font-size:13px;cursor:pointer}.notes-new-btn:hover{background:var(--sel-bg)}.notes-new-btn:disabled{opacity:.5;cursor:default}.notes-rows{list-style:none;margin:0;padding:0;overflow:auto;flex:1}.note-row{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-bottom:.5px solid var(--border);text-decoration:none;color:var(--text-primary);cursor:pointer}.note-row:hover{background:var(--sel-bg)}.note-row.selected{background:var(--sel-bg);border-left:3px solid var(--sel-stripe);padding-left:11px}.note-row-title{font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row-preview{font-size:12px;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-row-date{font-size:11px;color:var(--text-tertiary)}.notes-empty{padding:20px 14px;color:var(--text-secondary);font-size:13px;margin:0}.editor{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-surface);position:relative}.editor-header{padding:24px 28px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.editor-header-top{display:flex;align-items:flex-start;gap:12px}.editor-title{flex:1;font-size:28px;font-weight:600;color:var(--text-primary);background:transparent;border:none;outline:none;padding:0;font-family:var(--font-sans);line-height:1.25}.editor-title::placeholder{color:var(--text-tertiary)}.editor-date{font-size:12px;color:var(--text-tertiary);margin-top:6px;letter-spacing:.01em}.editor-format-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 28px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-surface) 92%,var(--bg-app));flex-shrink:0}.editor-format-toolbar button,.editor-format-toolbar select{min-height:30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-secondary);font:600 12px/1 var(--font-sans);padding:0 9px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.editor-format-toolbar select{padding-right:24px}.editor-format-toolbar button:hover,.editor-format-toolbar select:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--sel-bg)}.editor-format-toolbar button:focus-visible,.editor-format-toolbar select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editor-toolbar{display:flex;align-items:center;gap:6px;flex-shrink:0;padding-top:4px}.editor-toolbar select{font-size:12px;color:var(--text-secondary);background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius);padding:4px 8px;cursor:pointer}.toolbar-btn{font-size:12px;padding:4px 10px;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;font-family:var(--font-sans);transition:background .15s}.toolbar-btn--ai{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);font-weight:600}.toolbar-btn--ai:hover{opacity:.88}.toolbar-btn--delete{background:transparent;color:var(--danger);border-color:var(--danger)}.toolbar-btn--delete:hover{background:var(--danger);color:var(--text-on-accent)}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-chip{font-size:12px;padding:2px 8px;border-radius:100px;background:var(--sel-bg);color:var(--accent);font-weight:500}.editor-body{flex:1;overflow:auto;padding:0}.editor-body .cm-editor{height:100%;background:transparent;font-family:var(--font-sans);font-size:15px;line-height:1.65;color:var(--text-primary)}.editor-body .cm-focused{outline:none}.editor-body .cm-content{padding:34px 42px 80px;max-width:860px;margin:0 auto}.editor-body .cm-scroller{overflow:auto}.editor-body .cm-line{padding:1px 0}.editor-display{flex:1;overflow:auto;max-width:860px;width:100%;margin:0 auto;padding:34px 42px 80px;color:var(--text-primary);font-size:15px;line-height:1.65}.editor-display-empty{color:var(--text-tertiary)}.editor-display h1,.editor-display h2,.editor-display h3{line-height:1.2;margin:1.2em 0 .45em}.editor-display h1{font-size:2.05em}.editor-display h2{font-size:1.55em}.editor-display h3{font-size:1.25em}.editor-display p,.editor-display ul,.editor-display ol,.editor-display blockquote,.editor-display pre,.editor-display table{margin:0 0 1em}.editor-display a,.editor-display .wikilink{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);cursor:pointer}.editor-display blockquote{margin-left:0;padding-left:14px;border-left:3px solid var(--border-strong);color:var(--text-secondary)}.editor-display code{font-family:var(--font-mono);background:var(--bg-app);border:1px solid var(--border);border-radius:4px;padding:1px 4px}.editor-display pre{overflow:auto;background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.editor-display pre code{border:0;padding:0;background:transparent}.editor-display table{width:100%;border-collapse:collapse;font-size:14px}.editor-display th,.editor-display td{border:1px solid var(--border);padding:8px 10px;text-align:left}.editor-display th{background:var(--bg-app);font-weight:650}.cm-h1{font-size:2.05em;font-weight:700;line-height:1.18}.cm-h2{font-size:1.55em;font-weight:650;line-height:1.25}.cm-h3{font-size:1.25em;font-weight:650}.cm-h4{font-size:1.1em;font-weight:600}.cm-h5{font-size:1em;font-weight:600}.cm-h6{font-size:.9em;font-weight:600;color:var(--text-secondary)}.editor-body .cm-line.cm-h1,.editor-body .cm-line.cm-h2,.editor-body .cm-line.cm-h3{padding-top:12px;padding-bottom:4px}.cm-strong{font-weight:700}.cm-em{font-style:italic}.editor-body .cm-line:has(.cm-monospace){font-family:var(--font-mono)}.editor-body .cm-line:has(.cm-formatting-quote){color:var(--text-secondary);border-left:3px solid var(--border-strong);padding-left:14px}.editor-body .cm-table-row{font-family:var(--font-mono);font-size:13px;background:color-mix(in srgb,var(--bg-app) 70%,transparent);padding-left:10px;padding-right:10px}.editor-body .cm-table-row+.cm-table-row{border-top:1px solid var(--border)}.cm-md-mark{opacity:0;font-size:0;line-height:0;pointer-events:none}.cm-wikilink{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);cursor:pointer;border-radius:2px}.cm-wikilink:hover{background:var(--sel-bg)}.cm-tag{color:var(--accent);font-weight:500;opacity:.85}.editor-body code,.assistant-preview-pane code{font-family:var(--font-mono);background:var(--bg-app);border:1px solid var(--border);border-radius:4px;padding:1px 4px}.assistant-preview-pane table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.assistant-preview-pane th,.assistant-preview-pane td{border:1px solid var(--border);padding:7px 9px;text-align:left}.assistant-preview-pane th{background:var(--bg-app);font-weight:650}.backlinks-footer{flex-shrink:0;border-top:1px solid var(--border);padding:8px 28px 12px;font-size:13px}.backlinks-toggle{background:none;border:none;cursor:pointer;font-size:13px;color:var(--text-secondary);padding:4px 0;font-family:var(--font-sans);display:flex;align-items:center;gap:4px}.backlinks-toggle:hover{color:var(--text-primary)}.backlinks-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.backlinks-list li a{color:var(--accent);text-decoration:none;font-size:13px;padding:2px 6px;border-radius:var(--radius);background:var(--sel-bg)}.backlinks-list li a:hover{text-decoration:underline}.editor-body .cm-gutters{background:transparent;border-right:none;color:var(--text-tertiary)}.editor-body .cm-lineNumbers .cm-gutterElement{color:var(--text-tertiary)}.editor-body .cm-cursor,.editor-body .cm-dropCursor{border-left-color:var(--text-primary)}.editor-body .cm-selectionBackground,.editor-body .cm-focused .cm-selectionBackground{background:color-mix(in srgb,var(--accent) 25%,transparent)!important}.editor-body .cm-content ::selection{background:color-mix(in srgb,var(--accent) 25%,transparent)}@media (max-width: 760px){.editor-header,.editor-format-toolbar{padding-left:16px;padding-right:16px}.editor-header-top{flex-direction:column}.editor-toolbar{width:100%;flex-wrap:wrap}.editor-body .cm-content,.editor-display{padding:24px 16px 64px}}.assistant-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.assistant-slideover{position:absolute;top:0;right:0;bottom:0;width:360px;background:var(--bg-surface);border-left:1px solid var(--border-strong);display:flex;flex-direction:column;overflow:hidden;pointer-events:all;box-shadow:var(--shadow-panel)}.assistant-slideover-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.assistant-slideover-title{font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--text-primary)}.assistant-slideover-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:14px;padding:4px 6px;border-radius:var(--radius);line-height:1;transition:background .15s,color .15s}.assistant-slideover-close:hover{background:var(--sel-bg);color:var(--text-primary)}.assistant-panel{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.assistant-ask{display:flex;flex-direction:column;gap:8px}.assistant-ask textarea{width:100%;min-height:72px;resize:vertical;font-family:var(--font-sans);font-size:13px;color:var(--text-primary);background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;box-sizing:border-box}.assistant-ask textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.assistant-ask button{align-self:flex-end;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--bg-surface);background:var(--accent);border:none;border-radius:var(--radius);padding:6px 14px;cursor:pointer}.assistant-ask button:disabled{opacity:.5;cursor:not-allowed}.assistant-answer{font-family:var(--font-sans);font-size:13px;color:var(--text-primary)}.assistant-answer p{margin:0 0 8px}.assistant-sources{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.assistant-sources li a{font-size:12px;color:var(--accent);text-decoration:none}.assistant-sources li a:hover{text-decoration:underline}.assistant-error{font-family:var(--font-sans);font-size:13px;color:var(--danger)}.assistant-error p{margin:0 0 4px}.assistant-error a{color:var(--accent);font-size:12px}.assistant-improve{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--border)}.assistant-improve input[type=text]{width:100%;font-family:var(--font-sans);font-size:13px;color:var(--text-primary);background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;box-sizing:border-box}.assistant-improve input[type=text]:focus{outline:2px solid var(--accent);outline-offset:-1px}.assistant-improve>button{align-self:flex-end;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--bg-surface);background:var(--accent);border:none;border-radius:var(--radius);padding:6px 14px;cursor:pointer}.assistant-improve>button:disabled{opacity:.5;cursor:not-allowed}.assistant-preview{display:flex;flex-direction:column;gap:10px}.assistant-preview-panes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assistant-preview-pane{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius);padding:8px;overflow:auto;max-height:200px}.assistant-preview-pane h4{font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px}.assistant-preview-pane pre{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);margin:0;white-space:pre-wrap;word-break:break-word}.assistant-preview-actions{display:flex;gap:8px;justify-content:flex-end}.assistant-preview-actions button{font-family:var(--font-sans);font-size:13px;font-weight:500;border:none;border-radius:var(--radius);padding:6px 14px;cursor:pointer}.assistant-preview-actions button:first-child{background:var(--accent);color:var(--bg-surface)}.assistant-preview-actions button:last-child{background:var(--bg-app);color:var(--text-primary);border:1px solid var(--border)}.auth-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-app);padding:24px;box-sizing:border-box}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:40px 36px;width:100%;max-width:380px;box-sizing:border-box}.auth-wordmark{font-family:var(--font-sans);font-size:18px;font-weight:700;color:var(--accent);letter-spacing:-.02em;margin-bottom:20px}.auth-title{font-family:var(--font-sans);font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.auth-error{font-family:var(--font-sans);font-size:13px;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius);padding:8px 12px;margin:0 0 16px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-label{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-secondary)}.auth-input{font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:var(--bg-app);border:1px solid var(--border-strong);border-radius:var(--radius);padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.btn-primary{font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--text-on-accent);background:var(--accent);border:none;border-radius:var(--radius);padding:10px 16px;cursor:pointer;margin-top:4px;transition:opacity .15s}.btn-primary:hover{opacity:.88}.auth-footer{font-family:var(--font-sans);font-size:13px;color:var(--text-secondary);text-align:center;margin:20px 0 0}.auth-footer a{color:var(--accent);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.settings{min-height:100vh;background:var(--bg-app);padding:32px 24px;box-sizing:border-box;max-width:620px;margin:0 auto;font-family:var(--font-sans)}.settings-header{margin-bottom:28px}.settings-back{display:inline-block;font-size:13px;color:var(--text-secondary);text-decoration:none;margin-bottom:12px;transition:color .15s}.settings-back:hover{color:var(--text-primary)}.settings-title{font-size:26px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.settings-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:20px 24px;margin-bottom:20px}.settings-section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-row-label{font-size:14px;font-weight:500;color:var(--text-primary)}.theme-control{display:flex;gap:0;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.theme-btn{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-app);border:none;padding:6px 14px;cursor:pointer;transition:background .15s,color .15s;border-right:1px solid var(--border-strong)}.theme-btn:last-child{border-right:none}.theme-btn:hover:not(.theme-btn--active){background:var(--sel-bg);color:var(--text-primary)}.theme-btn--active{background:var(--accent);color:var(--text-on-accent);font-weight:600}.settings-status{font-size:13px;color:var(--text-secondary);margin:0 0 16px}.settings-form{display:flex;flex-direction:column;gap:14px}.settings-field{display:flex;flex-direction:column;gap:5px}.settings-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.settings-select,.settings-input{font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:var(--bg-app);border:1px solid var(--border-strong);border-radius:var(--radius);padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s}.settings-select:focus,.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.settings-save-btn{font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--text-on-accent);background:var(--accent);border:none;border-radius:var(--radius);padding:10px 20px;cursor:pointer;align-self:flex-start;transition:opacity .15s}.settings-save-btn:hover{opacity:.88}