:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#24363b;background:#edf0ef;font-size:16px;--ink:#1c343a;--muted:#627276;--line:#d7dfdd;--accent:#a45532}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);padding:9px 13px;font-size:.875rem}button:hover{background:#e9efed;border-color:#829992}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c08943;outline-offset:2px}button:disabled{opacity:.35;cursor:default}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#31515a}.quiet{background:transparent;border-color:transparent}.danger{color:#a33931}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}aside{background:#172f35;color:#e5ecea;padding:28px 18px;display:flex;flex-direction:column;gap:22px}.brand{font-family:Georgia,serif;font-size:1.8rem;letter-spacing:-1px}.brand small{display:block;font:12px system-ui;letter-spacing:2px;margin-top:8px;color:#b9c6c7}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:600}.project-list{display:grid;gap:6px}.project-list button{text-align:left;background:transparent;color:#bfcfce;border:0;padding:13px 10px;line-height:1.4}.project-list button.selected{background:#2e484e;color:white;border-left:3px solid #dfaf67}.project-list small{display:block;color:#a3b6b7;font-size:12px;margin-top:5px}aside .eyebrow{color:#9eb4b7}aside .new{background:transparent;border-color:#5c7276;color:white}aside footer{margin-top:auto;font-size:12px;line-height:1.7;color:#a3b6b7}main{min-width:0}.topbar{padding:24px 32px 20px;background:#fafbf9;border-bottom:1px solid var(--line)}.topline,.toolbar,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topline{justify-content:space-between}.title{font-family:Georgia,serif;font-size:2rem;width:100%;border:0;background:transparent;padding:7px 0;margin:8px 0 18px;color:var(--ink)}.toolbar{justify-content:space-between}.tabs{background:#e8edeb;padding:4px;border-radius:7px;display:flex}.tabs button{border:0;background:transparent}.tabs .active{background:white;box-shadow:0 1px 4px #0001}.stats{font-size:.875rem;color:var(--muted)}.workspace{padding:26px 32px}.board{display:flex;gap:22px;overflow-x:auto;align-items:flex-start;padding-bottom:24px;min-height:60vh}.section{flex:0 0 310px;min-height:220px;border-top:3px solid #aebebb;padding-top:14px}.section-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px}.section-heading input{min-width:0;width:100%;font-weight:600;font-size:1rem;background:transparent;border:0;color:var(--ink);padding:5px}.section-number{font:italic 1.25rem Georgia;color:#81938f}.section-controls{display:flex;gap:2px;margin:0 0 14px}.section-controls button{padding:4px 8px;font-size:12px}.cards{min-height:40px;padding:2px}.card{background:#fff;border:1px solid #d9e0dd;border-radius:8px;padding:18px;margin-bottom:12px;box-shadow:0 3px 6px #18362f05;cursor:grab}.card:hover{border-color:#829c94;box-shadow:0 5px 14px #18362f0c}.card.dragging{opacity:.4}.card h3{font:600 1.1rem/1.4 Georgia;margin:14px 0 9px}.card p{white-space:pre-wrap;font:1rem/1.65 Georgia;color:#4b5756;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.tag{font-size:12px;color:#88542f;background:#f6ebda;padding:4px 7px;border-radius:3px}.tag.performance{color:#376b68;background:#e1f0eb}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#73837f;font-size:12px}.card-bottom button{font-size:12px;padding:4px 9px}.add-card{width:100%;background:transparent;border-style:dashed;color:#637873}.drop-target{outline:2px dashed #a45532;outline-offset:4px}.empty{color:var(--muted);font-size:.875rem;line-height:1.6;padding:12px 0}.script{max-width:780px;margin:0 auto;background:#fff;padding:48px 60px;border:1px solid var(--line);box-shadow:0 8px 30px #16302908}.script h1{font:2.3rem/1.2 Georgia}.script h2{font:12px system-ui;letter-spacing:2px;text-transform:uppercase;color:#718580;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.script h3{font:600 1.05rem Georgia;margin:24px 0 8px}.script p{white-space:pre-wrap;font:1.15rem/1.85 Georgia;margin:0 0 20px}.script .cue{color:#337068;font-style:italic}.script-actions{max-width:780px;margin:0 auto 18px}dialog{border:1px solid var(--line);border-radius:12px;padding:0;width:min(780px,calc(100% - 28px));max-height:90vh;color:var(--ink);box-shadow:0 24px 90px #0004}dialog::backdrop{background:#10262ca8;backdrop-filter:blur(3px)}.editor-head{padding:22px 28px;background:#f0f3f1;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.editor-head h2{font:1.4rem Georgia;margin:0}.editor-body{padding:25px 28px}.field{display:grid;gap:7px;margin-bottom:18px;font-size:.875rem;color:#526b67}.field input,.field select,.field textarea{width:100%;border:1px solid #bccbc7;border-radius:5px;background:white;padding:11px;color:#243a36}.field textarea{font:1.1rem/1.7 Georgia;min-height:230px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.take-bar{display:flex;gap:6px;overflow:auto;margin:10px 0 18px;padding:3px}.take-bar .active{background:var(--ink);color:white}.take-note{font-size:.875rem;color:var(--muted);margin-bottom:12px}.editor-foot{border-top:1px solid var(--line);padding:18px 28px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.library-tools{display:flex;gap:6px}.library-tools button{color:#c0d2cf;background:transparent;border-color:#5c7276;font-size:12px;padding:7px}.save{font-size:12px;color:#61766e}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:8px;display:none;z-index:20;max-width:90vw}.hint{font-size:12px;color:var(--muted);margin:0 0 20px}.section-add{flex:0 0 150px;margin-top:18px} @media(max-width:800px){.shell{grid-template-columns:1fr}aside{padding:16px;gap:12px}.brand{font-size:1.3rem}.brand small,aside footer{display:none}.project-list{display:flex;overflow:auto}.project-list button{min-width:180px}.topbar{padding:20px}.workspace{padding:20px}.title{font-size:1.65rem}.script{padding:28px}.two{grid-template-columns:1fr}.section{flex-basis:290px}.editor-body{padding:20px}.toolbar{gap:15px}}@media print{aside,.topbar,.script-actions,.hint,#notice,dialog{display:none!important}.shell{display:block}.workspace{padding:0}.script{border:0;box-shadow:none;padding:0;max-width:none}.script h2{break-after:avoid}.script article{break-inside:avoid}body{background:white}}
/* Vertical writing flow and compact, directly editable cards. */
:root{--surface:#fff;--canvas:#edf0ef;--header:#fafbf9;--field:#f2f5f3;--text:#24363b;--body:#465953;--line:#d7dfdd;color-scheme:light}
:root[data-theme=dark]{--surface:#213236;--canvas:#142429;--header:#1b2d32;--field:#2b4146;--text:#e1eae7;--ink:#e1eae7;--muted:#a1b6b1;--body:#d0ded8;--line:#3c5358;color-scheme:dark}
body{background:var(--canvas);color:var(--text)}button{background:var(--surface);color:var(--text)}button:hover{background:var(--field)}.shell{grid-template-columns:220px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;overflow-y:auto}.topbar{padding:14px 30px;background:var(--header);position:relative}.topline{position:absolute;right:30px;top:22px}.title{font-size:1.45rem;padding:0;margin:0 0 12px;width:calc(100% - 210px)}.toolbar{gap:8px}.toolbar button{padding:6px 10px}.tabs{background:var(--field)}.tabs .active{background:var(--surface)}.stats{font-size:12px}.workspace{padding:24px 30px}.board{display:flex;flex-direction:column;gap:28px;overflow:visible;max-width:900px;margin:auto}.section{flex:none;width:100%;min-height:0;border-top:1px solid var(--line);padding-top:12px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.section-heading{flex:1;margin:0}.section-controls{margin:0;flex-shrink:0}.section-controls button{font-size:14px}.section-heading input{font-size:1rem}.cards{padding:0}.card{padding:14px 20px 8px;cursor:default;background:var(--surface);border-color:var(--line);margin-bottom:10px}.card-top{display:flex;align-items:center;gap:8px}.drag-handle{cursor:grab;font-size:22px;padding:0 4px;line-height:1;touch-action:none}.drag-handle:active{cursor:grabbing}.inline-type{font-size:12px;padding:4px 5px;max-width:190px;border:0;background:var(--field);color:var(--body);border-radius:4px}.version-controls{margin-left:auto;display:flex;gap:4px;align-items:center}.version-controls button{font-size:12px;padding:4px 6px}.version-select{font-size:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:4px;padding:3px;width:54px}.inline-title{display:block;width:100%;font:600 1.2rem/1.5 Georgia;background:transparent;color:var(--text);border:0;padding:8px 0 4px}.inline-text{display:block;width:100%;font:1.06rem/1.7 Georgia;color:var(--body);border:0;background:transparent;padding:3px 0;resize:vertical;min-height:64px;overflow-y:hidden}.inline-title:hover,.inline-text:hover{background:var(--field)}.card-bottom{margin-top:8px;border-top:1px solid var(--line);padding-top:5px;color:var(--muted)}.card-bottom button{font-size:12px}.section-add{flex:none;margin:0;align-self:flex-start}.add-card{padding:8px}.theme-toggle{margin-top:8px}.script{background:var(--surface);color:var(--text)}.script .cue{color:var(--body)}dialog{background:var(--surface);color:var(--text)}.editor-head{background:var(--header)}.field{color:var(--muted)}.field input,.field textarea,.field select{background:var(--surface);color:var(--text);border-color:var(--line)}.take-bar .active,.primary{background:#254d57;color:#fff}.save{color:var(--muted)}.danger{color:#ac483b}:root[data-theme=dark] .danger{color:#f0a28f}:root[data-theme=dark] .section-number{color:#a1b6b1}:root[data-theme=dark] #notice{background:#e1eae7;color:#172f35}
@media(max-width:800px){.shell{grid-template-columns:180px minmax(0,1fr)}aside{padding:18px 12px;gap:18px}.project-list{display:grid;overflow:visible}.project-list button{min-width:0}.brand small{display:block}.topbar{padding:15px 18px}.topline{position:static;margin-bottom:8px}.title{width:100%;font-size:1.35rem}.workspace{padding:20px 18px}.toolbar .stats{display:none}.card{padding:12px}.section{flex-basis:auto}.version-controls button{font-size:0}.version-controls button::after{content:'+';font-size:16px}.card-top{gap:4px}}
@media(max-width:540px){.shell{grid-template-columns:135px minmax(0,1fr)}aside{padding:16px 9px}.brand{font-size:1.2rem}.brand small{font-size:10px;letter-spacing:1px}.project-list button{font-size:12px;padding:8px 5px}.library-tools{flex-wrap:wrap}aside .new{font-size:12px;padding:8px}.workspace,.topbar{padding:12px}.toolbar{align-items:flex-start}.section-top{flex-wrap:wrap}.section-controls{margin-left:24px}.inline-type{max-width:108px;font-size:11px}.inline-title{font-size:1.05rem}.inline-text{font-size:1rem}.card-bottom{flex-wrap:wrap}.drag-handle{font-size:18px}.version-select{width:43px}.card{padding:10px}.card-bottom span{font-size:11px}}
@media print{body,.script{background:white!important;color:#182e29!important}.script .cue{color:#254d42!important}aside,.topbar{display:none!important}}
/* Compact cards and a sidebar outline. */
:root{--writing-size:16px}.board{gap:18px}.section{border:0;padding:0}.section-top{margin:0 0 8px;gap:12px;flex-wrap:nowrap}.section-top::after{content:'';height:1px;flex:1;background:var(--line)}.section-heading{flex:0 1 auto;max-width:75%;min-width:0;gap:6px}.section-heading input{width:230px;max-width:100%;font-size:.9rem;padding:3px}.section-number{font-size:1rem}.card{padding:9px 13px;margin-bottom:8px}.card-top{gap:8px}.card-top .inline-title{flex:1;min-width:60px;width:auto;padding:0;font-size:calc(var(--writing-size) * 1.06);line-height:1.4}.inline-type{flex:0 1 150px;min-width:60px;max-width:150px;font-size:12px}.version-controls{margin:0;flex-shrink:0}.version-select{width:52px}.card-settings{padding:0 3px!important;font-size:23px!important;line-height:1.2}.inline-text{font-size:var(--writing-size);line-height:1.55;min-height:36px;padding:5px 0 0}.drag-handle{font-size:19px}.add-card{padding:5px;font-size:12px}.script p,.field textarea{font-size:var(--writing-size)}aside{gap:18px}.projects summary{cursor:pointer;color:#b9ccca;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding-bottom:8px}.projects .new{width:100%;margin-top:8px}.outline{display:grid;gap:6px}.outline .eyebrow{margin-bottom:5px}.outline-item{display:flex;align-items:center;min-width:0;border-radius:5px}.outline-item:hover{background:#29444a}.outline-item button{color:#c5d8d4;background:transparent;border:0;padding:5px 3px}.outline-name{flex:1;min-width:0;text-align:left;font-size:13px!important;overflow-wrap:anywhere}.section-handle{cursor:grab;font-size:20px!important}.outline-delete{font-size:19px!important;color:#c5aaa4!important}.outline .new{font-size:12px;padding:6px}.appearance{display:flex;gap:8px;align-items:center}.appearance .theme-toggle{margin:0;padding:7px 10px}.text-size{display:flex;align-items:center;gap:3px;color:#bfd0cc;font-size:12px}.text-size button{padding:6px;background:transparent;border-color:#5c7276;color:#e0e9e6;font-size:12px}.outline-item.drop-target{outline-offset:0}.section{scroll-margin-top:16px}
@media(max-width:800px){.card-top{gap:5px}.inline-type{flex-basis:95px;max-width:110px}.section-heading input{width:190px}.card{padding:8px 10px}.version-select{width:46px}.card-top .inline-title{font-size:var(--writing-size)}.appearance{gap:4px;flex-wrap:wrap}.section-heading{max-width:85%}}
@media(max-width:540px){.card-top{flex-wrap:wrap}.card-top .inline-title{flex-basis:calc(100% - 35px)}.inline-type{margin-left:23px;flex:1;max-width:none}.version-controls{margin-left:auto}.section-heading input{width:130px}.section-top{gap:5px}.card-settings{font-size:20px!important}.section-heading{max-width:95%}.text-size button{padding:5px 3px}}
/* Javi: text-only cards, tools above the writing surface. */
.card-unit{margin-bottom:9px}.card-tools{display:flex;align-items:center;justify-content:space-between;height:27px;padding:0 3px 3px}.card-tools-right{display:flex;align-items:center;gap:7px}.card-tools button,.card-tools select{background:transparent}.card-tools .drag-handle{color:var(--muted);padding:0}.card-tools .card-settings{color:var(--muted);font-size:20px!important}.card-tools .version-select{border:0;font-size:12px;width:45px;padding:0}.color-select{border:0;border-radius:4px;font-size:12px;width:76px;padding:2px;color:var(--muted)}.card-unit .card{margin:0;padding:8px 13px;border-left:3px solid var(--card-color,var(--line))}.card-unit .inline-text{padding:0;min-height:25px}.card-unit.dragging{opacity:.4}.card[data-color=amber]{--card-color:#b9892e;background:light-dark(#fff7e6,#3b3324)}.card[data-color=teal]{--card-color:#418b79;background:light-dark(#edf8f4,#203c36)}.card[data-color=blue]{--card-color:#538bc4;background:light-dark(#eff5fd,#25374b)}.card[data-color=rose]{--card-color:#ba6b79;background:light-dark(#fff1f3,#432c34)}.card[data-color=violet]{--card-color:#9670bd;background:light-dark(#f7f1fc,#352c44)}.color-select[data-color=amber]{color:light-dark(#8c6215,#e2bd75)}.color-select[data-color=teal]{color:light-dark(#28765f,#84cbb5)}.color-select[data-color=blue]{color:light-dark(#326ba6,#90bbed)}.color-select[data-color=rose]{color:light-dark(#a3435a,#e4a1b2)}.color-select[data-color=violet]{color:light-dark(#79549c,#c3a5e3)}aside .sidebar-bottom{margin-top:auto;display:block!important}.sidebar-bottom p{margin:0 0 14px;font-size:12px;line-height:1.6}.appearance{flex-wrap:nowrap;gap:10px}.size-label{font-size:19px;line-height:1;white-space:nowrap;margin-right:5px}.size-label span{font-size:12px;margin-left:1px}.size-value{min-width:20px;text-align:right;font-variant-numeric:tabular-nums}.text-size{gap:4px}.text-size button{font-size:16px;line-height:1;padding:5px 7px}.card-tools .version-select option,.color-select option{background:var(--surface);color:var(--text)}.inline-text:hover{background:transparent}.section-top{margin-bottom:3px}
@media(max-width:540px){.appearance{flex-wrap:wrap;gap:7px}.card-tools-right{gap:3px}.color-select{width:66px}.card-unit .card{padding:7px 9px}.sidebar-bottom p{font-size:11px}}
.color-select{width:90px}@media(max-width:540px){.color-select{width:85px}}
/* Side rails keep the writing surface and controls on one row. */
.card-unit{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 107px;gap:7px;align-items:start;margin-bottom:10px}.card-tools{display:contents}.card-tools>.drag-handle{grid-column:1;grid-row:1;margin-top:9px}.card-unit>.card{grid-column:2;grid-row:1;min-width:0}.card-tools-right{grid-column:3;grid-row:1;display:flex;gap:5px;align-items:center;padding-top:8px}.card-tools-right .version-select{width:43px}.color-picker{position:relative;flex:0 0 20px}.color-picker summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;width:20px;height:22px;border-radius:4px}.color-picker summary::-webkit-details-marker{display:none}.color-picker summary:focus-visible{outline:2px solid #c08943;outline-offset:3px}.swatch{display:inline-block;width:15px;height:15px;border-radius:50%;padding:0!important;border:1px solid #ffffff55!important;box-shadow:0 0 0 1px #0002;background:var(--swatch)!important;min-width:15px}.swatch[data-color=neutral]{--swatch:#9ca8ab}.swatch[data-color=amber]{--swatch:#d9a743}.swatch[data-color=teal]{--swatch:#4ea78d}.swatch[data-color=blue]{--swatch:#609bd5}.swatch[data-color=rose]{--swatch:#d17d91}.swatch[data-color=violet]{--swatch:#a07ec9}.color-palette{position:absolute;top:28px;right:0;display:grid;grid-template-columns:repeat(3,22px);gap:9px;background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:8px;box-shadow:0 6px 20px #0003;z-index:5}.color-palette .swatch{width:22px;height:22px}.color-palette .swatch[aria-pressed=true]{outline:2px solid var(--text);outline-offset:2px}.card-tools-right .card-settings{font-size:20px!important}.card-unit.drop-target{outline-offset:2px}@media(max-width:540px){.card-unit{grid-template-columns:15px minmax(0,1fr) 30px;gap:4px}.card-tools-right{flex-direction:column;padding-top:3px;gap:6px}.card-tools-right .version-select{width:33px;font-size:11px}.color-palette{right:0}.card-unit>.card{padding:7px}.card-tools>.drag-handle{font-size:16px}}