:root{--bg-page: #faf8f5;--bg-panel: #ffffff;--bg-sidebar: #f4f1ec;--bg-sidebar-hover: #eae4da;--bg-subtle: #fbf9f6;--bg-inset: #f6f3ee;--border-default: #e9e4dc;--border-soft: #efe9e0;--border-row: #f4efe8;--border-input: #ded7cc;--border-muted: #ece7de;--text-primary: #211f1c;--text-secondary: #4a443c;--text-muted: #7b7468;--text-faint: #8b8478;--text-nav-inactive: #6c6459;--accent-green: #1f6b53;--green-hover: #17553f;--green-deep: #1a5943;--green-soft-bg: #eaf2ed;--green-soft-bg-alt: #eef5f0;--green-soft-border: #c9ddd2;--green-soft-border-alt: #cfe2d7;--green-on-diff: #1c5c46;--accent-terracotta: #9a5b3f;--terracotta-soft-bg: #f8ece4;--terracotta-soft-bg-alt: #fbf3ec;--terracotta-soft-border: #e9d6c8;--terracotta-soft-border-alt: #e2cabb;--terracotta-text: #7d4527;--accent-red: #9a4a2f;--red-soft-bg: #f9ece7;--red-soft-border: #ecd4c8;--red-on-diff: #8f3f26;--accent-indigo: #4c63a8;--indigo-soft-bg: #eceff8;--indigo-soft-border: #d3d9ee;--ink-dark: #211f1c;--ink-hover: #3a352f;--disabled: #bdb5a8;--paper: #efe9dc;--paper-stripe: #e7dfcf;--preview-desk: #2a2723;--font-display: "Newsreader", serif;--font-ui: "Instrument Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-content: 24px;--space-card-gap: 20px;--space-stat-gap: 16px;--card-padding: 18px;--radius-card: 12px;--radius-control: 8px;--radius-chip: 6px;--radius-small: 4px;--shadow-card: 0 1px 2px rgba(33, 31, 28, .05);--shadow-nav-active: 0 1px 3px rgba(33, 31, 28, .1);--shadow-dialog-preview: 0 2px 10px rgba(0, 0, 0, .07);--shadow-reader-window: 0 6px 26px rgba(0, 0, 0, .13);--switch-width: 38px;--switch-height: 20px;--switch-knob: 16px;--switch-on: #1f6b53;--switch-off: #cfd2d7;--sidebar-width: 272px;--topbar-height: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-ui)}a{color:inherit}button,.button{font:inherit;font-size:12.5px;font-weight:500;color:var(--text-primary);background:var(--bg-panel);border:1px solid var(--border-input);border-radius:var(--radius-control);padding:8px 12px;cursor:pointer;text-decoration:none}button:hover:not(:disabled),.button:hover{border-color:var(--accent-green)}button:disabled{color:var(--disabled);cursor:default}button.primary,.button.primary{color:var(--bg-panel);background:var(--ink-dark);border-color:var(--ink-dark)}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--ink-hover);border-color:var(--ink-hover)}button.primary:disabled{color:var(--bg-panel);background:var(--disabled);border-color:var(--disabled)}button.danger{color:var(--accent-red);border-color:var(--red-soft-border)}button.danger:hover:not(:disabled){background:var(--red-soft-bg)}button.link{color:var(--text-muted);background:none;border:none;padding:0;text-decoration:underline}button.link:hover:not(:disabled){color:var(--accent-green)}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],input[type=date],textarea,select{font:inherit;font-size:13px;color:var(--text-primary);background:var(--bg-panel);border:1px solid var(--border-input);border-radius:var(--radius-control);padding:8px 10px}textarea{line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-green)}input:disabled,textarea:disabled,select:disabled{color:var(--text-faint);background:var(--bg-inset)}select{appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%237b7468' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}input[type=checkbox],input[type=radio]{width:15px;height:15px;margin:0;accent-color:var(--accent-green);cursor:pointer}input[type=range]{accent-color:var(--accent-green)}input[type=file]{font:inherit;font-size:12.5px;color:var(--text-secondary);max-width:100%}input[type=file]::file-selector-button{font:inherit;font-size:12.5px;font-weight:500;color:var(--text-primary);background:var(--bg-panel);border:1px solid var(--border-input);border-radius:var(--radius-control);padding:7px 12px;margin-right:10px;cursor:pointer}input[type=file]::file-selector-button:hover{border-color:var(--accent-green)}*{scrollbar-width:thin;scrollbar-color:var(--border-input) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-input);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--green-soft-border);outline-offset:1px}button.danger{font:inherit;font-size:12.5px;font-weight:500;color:var(--accent-red);background:var(--bg-panel);border:1px solid var(--border-input);border-radius:var(--radius-control);padding:8px 13px;cursor:pointer}button.danger:hover:not(:disabled){border-color:var(--accent-red)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#211f1c52}.modal{display:flex;flex-direction:column;gap:10px;width:min(460px,100%);background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-reader-window);padding:20px}.modal h2{font-family:var(--font-display);font-size:16px;font-weight:500;margin:0}.modal p{font-size:12.5px;color:var(--text-secondary);line-height:1.55;margin:0}.modal-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-secondary)}.modal-field code{font-family:var(--font-mono);color:var(--text-primary)}.modal-field input{font:inherit;font-size:13px;border:1px solid var(--border-input);border-radius:var(--radius-control);padding:8px 10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.modal-actions button{font:inherit;font-size:12.5px;font-weight:500;color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--border-input);border-radius:var(--radius-control);padding:8px 13px;cursor:pointer}.modal-actions button:disabled{opacity:.55;cursor:default}button.danger-solid{color:var(--accent-red);background:var(--red-soft-bg);border-color:var(--red-soft-border)}button.danger-solid:hover:not(:disabled){border-color:var(--accent-red)}.segment-row{display:flex;flex-wrap:wrap}.segment{font:inherit;font-size:12.5px;color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--border-input);border-radius:0;padding:7px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.segment+.segment{margin-left:-1px}.segment:first-of-type{border-start-start-radius:var(--radius-control);border-end-start-radius:var(--radius-control)}.segment:last-of-type{border-start-end-radius:var(--radius-control);border-end-end-radius:var(--radius-control)}.segment:hover:not(.selected){color:var(--text-primary);background:var(--bg-subtle);border-color:var(--border-input)}.segment.selected{position:relative;z-index:1;border-color:var(--accent-green);color:var(--accent-green);background:var(--green-soft-bg)}.segment-lang{font-size:12px;padding:5px 10px}.controls-label{font-size:11.5px;color:var(--text-muted);align-self:center;margin-right:8px}.chips{display:flex;flex-wrap:wrap;width:fit-content}.chip{font:inherit;font-size:12.5px;color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--border-input);border-radius:0;padding:8px 12px;cursor:pointer}.chip+.chip{margin-left:-1px}.chip:first-of-type{border-start-start-radius:var(--radius-control);border-end-start-radius:var(--radius-control)}.chip:last-of-type{border-start-end-radius:var(--radius-control);border-end-end-radius:var(--radius-control)}.chip:hover:not(.selected):not(:disabled){color:var(--text-primary);background:var(--bg-subtle);border-color:var(--border-input)}.chip.selected{position:relative;z-index:1;border-color:var(--accent-green);color:var(--accent-green);background:var(--green-soft-bg)}.switch{position:relative;display:inline-block;width:var(--switch-width);height:var(--switch-height);flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch .knob{position:absolute;inset:0;background:var(--switch-off);border-radius:var(--switch-height);cursor:pointer}.switch .knob:before{content:"";position:absolute;width:var(--switch-knob);height:var(--switch-knob);left:2px;top:2px;background:#fff;border-radius:50%}.switch input:checked+.knob{background:var(--switch-on)}.switch input:checked+.knob:before{transform:translate(calc(var(--switch-width) - var(--switch-knob) - 4px))}.switch input:disabled+.knob{cursor:not-allowed;opacity:.6}.field-label{font-size:12px;color:var(--text-muted)}.section-label{font-size:12.5px;font-weight:600;color:var(--text-primary)}.owner-editor{display:flex;gap:8px;align-items:center}.owner-editor select,.owner-editor input{font:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--border-input);border-radius:var(--radius-control)}.owner-editor select{min-width:220px}.owner-editor button{font:inherit;font-size:12.5px;font-weight:500;color:#fff;background:var(--accent-green);border:none;border-radius:var(--radius-control);padding:8px 13px;cursor:pointer}.saved-note{align-self:center;font-size:12px;color:var(--accent-green);white-space:nowrap}