:root{--bg:#faf8f4;--panel:#ffffff;--ink:#1c1a17;--ink-soft:#6b6558;--ink-faint:#9a9487;--line:#e6e1d7;--line-soft:#f0ece4;--accent:#8a5a2b;--accent-soft:#f2e7d9;--danger:#a3341f;--radius:10px;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14130f;--panel:#1c1a16;--ink:#ece7dc;--ink-soft:#a09a8c;--ink-faint:#6d6759;--line:#2c2924;--line-soft:#232019;--accent:#d3a06a;--accent-soft:#2a231a;--danger:#e0765c;color-scheme:dark}}:root[data-theme=dark]{--bg:#14130f;--panel:#1c1a16;--ink:#ece7dc;--ink-soft:#a09a8c;--ink-faint:#6d6759;--line:#2c2924;--line-soft:#232019;--accent:#d3a06a;--accent-soft:#2a231a;--danger:#e0765c;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a,button{color:inherit}button{font:inherit;background:none;border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease}button:hover{background:var(--line-soft)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}button.primary:hover{opacity:.88;background:var(--ink)}button.ghost{border-color:transparent;color:var(--ink-soft);padding:4px 8px}button.ghost:hover{color:var(--ink);background:var(--line-soft)}input,select,textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.topbar{display:flex;align-items:center;gap:14px;height:56px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--panel);position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar .brand{font-family:var(--serif);font-size:18px;letter-spacing:.01em}.topbar .spacer{flex:1 1}.topbar .status{color:var(--ink-faint);font-size:12.5px;min-width:120px;text-align:right}.shell{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;min-height:calc(100vh - 56px)}@media (max-width:1100px){.shell{grid-template-columns:1fr}}.pane{padding:22px 20px}.pane.left{border-right:1px solid var(--line)}.pane.right{border-left:1px solid var(--line);padding-top:68px}.pane h3{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);margin:0 0 12px;font-weight:600}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:5px}.field textarea{resize:vertical;min-height:54px;line-height:1.5}.editor{max-width:660px;margin:0 auto;padding:34px 0 200px}.editor .title-input{font-family:var(--serif);font-size:30px;border:none;background:none;padding:0 0 6px;margin-bottom:22px}.editor .title-input:focus{outline:none;border-bottom:1px solid var(--line)}.row{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start}.row.section-start{margin-top:22px}.row.section-start:first-child{margin-top:0}.gutter{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;padding:5px 12px 0 0;font-size:11px;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gutter .rhyme{font-weight:600;font-size:10.5px;letter-spacing:.04em}.gutter .syl.off{color:var(--danger);font-weight:600}.row textarea{font-family:var(--serif);font-size:19px;line-height:1.62;background:none;border-radius:0;padding:2px 4px;resize:none;overflow:hidden;border:none;border-left:2px solid transparent}.row textarea:focus{outline:none;border-left-color:var(--accent);background:var(--line-soft)}.row.has-note textarea{box-shadow:inset -3px 0 0 -1px var(--accent-soft)}.section-tag{grid-column:2;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);padding:0 0 4px 6px}.section-tag select{border:none;background:none;padding:0;width:auto;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}.margin{position:relative}.note{position:absolute;left:0;right:0;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--role,var(--accent));border-radius:var(--radius);padding:10px 12px;transition:top .2s ease,opacity .16s ease;box-shadow:0 1px 2px rgba(0,0,0,.04)}.note.stale{opacity:.45}.note .head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.note .role{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--role,var(--accent));font-weight:600}.note .sev{font-size:10.5px;color:var(--ink-faint)}.note .body,.note .question{font-size:13px;line-height:1.5}.note .question{margin-top:7px;color:var(--ink-soft);font-style:italic}.note .actions{display:flex;gap:4px;margin-top:8px}.note .quote{font-family:var(--serif);font-size:12px;color:var(--ink-faint);margin-bottom:6px}.roles{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);cursor:pointer;color:var(--ink-soft)}.chip.on{border-color:var(--role);color:var(--role);font-weight:600}.banner,.chip.on{background:var(--panel)}.banner{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;font-size:12.5px;color:var(--ink-soft);line-height:1.5;margin-bottom:14px}.banner.warn{border-color:var(--danger);color:var(--danger)}.center-page{max-width:560px;margin:0 auto;padding:90px 20px}.song-list{list-style:none;padding:0;margin:22px 0 0}.song-list li{border-bottom:1px solid var(--line)}.song-list a{display:flex;justify-content:space-between;align-items:baseline;padding:14px 4px;text-decoration:none;gap:12px}.song-list a:hover{background:var(--line-soft)}.song-list .name{font-family:var(--serif);font-size:18px}.song-list .meta{font-size:12px;color:var(--ink-faint);white-space:nowrap}.row-actions{display:flex;gap:8px;margin-top:22px}.muted{color:var(--ink-faint);line-height:1.55}.muted,.toggle{font-size:12.5px}.toggle{display:flex;align-items:center;gap:8px;color:var(--ink-soft);margin-bottom:14px}.toggle input{width:auto}.note .quote{cursor:pointer}.field input,.field textarea{font-size:13.5px}.role-images{--role:#a8461c}.role-dramaturg{--role:#4741c4}.role-singability{--role:#126f64}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .role-images{--role:#e59468}:root:not([data-theme=light]) .role-dramaturg{--role:#9d9aef}:root:not([data-theme=light]) .role-singability{--role:#4fc0b0}}:root[data-theme=dark] .role-images{--role:#e59468}:root[data-theme=dark] .role-dramaturg{--role:#9d9aef}:root[data-theme=dark] .role-singability{--role:#4fc0b0}