:root{--paper:#f4f1e9;--white:#fffef9;--ink:#233b32;--muted:#5d695f;--line:#d5d9cc;--green:#284d3e;--red:#8b3728;--yellow:#f7e7a6;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button,a,select,input{touch-action:manipulation}[hidden]{display:none!important}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}.masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px;padding:22px 4.5%}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.3;font-size:11px}.brand strong{font-size:15px;font-weight:500}.seal{font-size:40px}.masthead-title{font-size:9px;letter-spacing:1.8px;color:var(--muted)}nav{display:flex;align-items:center;gap:24px;font-size:12px}nav a{text-decoration:none}main{max-width:1400px;margin:auto;padding:0 4.5%}.intro{padding:49px 0 32px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.5px;line-height:1.5;margin:0 0 20px}.intro h1{font-family:var(--serif);font-size:clamp(44px,5.4vw,74px);font-weight:400;letter-spacing:-2px;line-height:1.05;margin:0 0 22px}.intro h1 em{font-weight:400;color:var(--red)}.lead{font-size:15px;color:var(--muted);max-width:690px;margin:0}.work-note{display:flex;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:12px;align-items:center}.work-note p{margin:0;max-width:900px}.work-note>span{font-size:22px}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;margin:35px 0 65px;align-items:start}.controls{position:sticky;top:24px}.controls label{display:block;font-size:12px;margin-bottom:9px}.controls select{width:100%;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:2px;padding:12px 32px 12px 12px;font-size:12px;min-height:44px}.transport{margin:24px 0 22px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:2px;min-height:43px;padding:11px 13px;font-size:11px;font-weight:600;line-height:1.4;border:1px solid var(--green);text-decoration:none}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-hover)}.secondary{background:transparent;color:var(--ink)}.secondary:hover{background:var(--soft)}.primary:disabled,.secondary:disabled{opacity:.5;cursor:default}#play{width:100%;justify-content:space-between;font-size:13px;margin-bottom:10px}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--ink);font-size:12px;padding:8px 0;min-height:40px}.pace label{font-size:10px}.pace select{font-size:11px;padding:8px 10px;min-height:36px}.controls .follow{display:flex;align-items:center;gap:7px;font-size:10px;margin:12px 0 24px}.follow input{accent-color:var(--green);width:15px;height:15px}.process{border-top:1px solid var(--line);padding-top:22px}.process .eyebrow{margin-bottom:17px}#stages{list-style:none;padding:0;margin:0 0 25px}#stages li{display:flex;gap:11px;margin-bottom:19px;opacity:.48;line-height:1.4}#stages li.active,#stages li.done{opacity:1}#stages li>span{font-size:10px;border:1px solid var(--line);width:26px;height:26px;display:grid;place-items:center;flex:none}#stages li.active>span{background:var(--green);border-color:var(--green);color:white}#stages li.done>span{background:var(--soft)}#stages strong{font-size:11px;display:block;font-weight:500;margin:1px 0 4px}#stages small{font-size:10px;color:var(--muted);display:block}.progress-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px}progress{width:100%;height:4px;appearance:none;border:0;border-radius:0;background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--red)}progress::-moz-progress-bar{background:var(--red)}.mode{display:inline-block;font-size:9px;border:1px solid var(--line);padding:3px 7px;letter-spacing:.2px}.hint{font-size:10px;color:var(--muted);line-height:1.7;margin:5px 0}.document{background:var(--white);border:1px solid var(--line);padding:27px 42px 35px;min-width:0}.document-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:9px;letter-spacing:1px}.article-header{margin:30px 0 10px}.article-header .eyebrow{color:var(--muted);font-size:9px;margin-bottom:13px}.article-header h2{font:400 clamp(32px,3vw,44px)/1.1 var(--serif);letter-spacing:-1px;margin:0 0 18px}.byline{font-size:11px;color:var(--muted);line-height:1.7}.version-note{font-size:11px;background:var(--soft);border-left:2px solid var(--line);padding:12px 15px;margin:20px 0}.version-note.changed{border-color:var(--red);background:var(--warm)}.live-status{font-size:11px;color:var(--red);min-height:20px;margin:18px 0 22px}.article-text{font-family:var(--serif);font-size:19px;line-height:1.8;outline:none}.paragraph{position:relative;padding:5px 13px 7px;margin:0 -13px 19px;border-left:2px solid transparent;transition:background-color .6s,border-color .6s;scroll-margin:90px}.paragraph p{margin:0;white-space:pre-line}.paragraph-number{position:absolute;left:-22px;top:11px;font:9px/1 var(--sans);color:var(--muted)}.paragraph.selected{background:var(--yellow);border-left-color:transparent;box-shadow:none}.selection-label{display:flex;align-items:center;gap:7px;font:8px/1.4 var(--sans);letter-spacing:1px;color:var(--selected-ink);margin-top:8px}.paragraph.rewritten{border-left-color:var(--line)}.paragraph.just-changed{background:var(--changed)}.paragraph[data-revision="3"]{font-size:23px;line-height:1.55}.article-text.final{font-size:clamp(32px,3.6vw,49px);line-height:1.24;padding:28px 0;color:var(--red);letter-spacing:-.5px}.article-text.final .paragraph{border:0;margin:0;padding:0}.article-text.final .paragraph-number{display:none}.ending{border-top:1px solid var(--line);padding-top:22px;margin-top:20px;font-size:12px}.ending p{margin:0}.ending .text-button{margin-left:8px}.document-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:30px;padding-top:15px}.document-bottom .text-button{font-size:10px}#history{margin-top:18px;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:12px;padding:15px 0;min-height:44px}#history-count{font-size:9px;margin-left:8px;color:var(--muted)}.history-entry{border-top:1px solid var(--line);padding:16px 0;font-size:12px}.history-entry h3{font-size:11px;font-weight:500}.history-entry del,.history-entry ins{display:block;text-decoration:none;padding:12px;margin:8px 0;white-space:pre-line}.history-entry del{background:var(--warm);color:var(--ink)}.history-entry ins{background:var(--changed)}.history-label{font-size:8px;letter-spacing:1px}.about-section{display:grid;grid-template-columns:1fr 1.6fr;gap:65px;padding:40px 0 60px;border-top:1px solid var(--line)}.about-section h2{font:400 33px/1.2 var(--serif);margin:0}.about-section p{font-size:13px;margin-top:0}.about-section details{border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 4.5%;border-top:1px solid var(--line);font-size:9px;letter-spacing:.3px}dialog{border:1px solid var(--line);max-width:850px;width:90vw;max-height:88vh;padding:30px 42px;color:var(--ink);background:var(--white)}dialog::backdrop{background:#192e28a8}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:-30px;background:var(--white);padding:10px 0}.dialog-top .eyebrow{margin:0}dialog h2{font:400 34px/1.15 var(--serif)}.source-text{font:18px/1.8 var(--serif)}.source-text p{margin:20px 0}.source-text .source-number{display:block;font:9px var(--sans);color:var(--muted);margin-bottom:8px}.bibliography{white-space:pre-line;font-size:13px}#source-link{font-size:11px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.noscript{padding:20px;background:white;border-top:2px solid var(--red)}.receipt{padding:25px;background:white;overflow:auto}.receipt table{border-collapse:collapse;font-size:12px;width:100%}.receipt th,.receipt td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}
@media(max-width:1000px){.workspace{grid-template-columns:240px minmax(0,1fr);gap:24px}.document{padding:24px 30px}.masthead-title{display:none}.controls{top:15px}.paragraph-number{left:-19px}.article-text{font-size:18px}}
@media(max-width:720px){.masthead{padding:16px 5%;gap:15px}.brand strong{font-size:13px}.seal{font-size:33px}nav{gap:17px;font-size:11px}nav .text-button{font-size:10px}main{padding:0 5%}.intro{padding:36px 0 28px}.intro h1{font-size:48px;letter-spacing:-1.5px}.intro .eyebrow{font-size:8px}.lead{font-size:13px}.work-note{font-size:11px;align-items:start}.workspace{display:block;margin-top:25px}.controls{position:static;margin-bottom:24px}.controls select{font-size:13px}.transport{margin:17px 0}.process{padding-top:15px}.process .eyebrow{margin-bottom:14px}#stages{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}#stages li{margin:0 0 10px;gap:8px}#stages small{display:none}#stages strong{font-size:10px}.pace{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.pace label{margin:0}.controls .follow{grid-column:1/-1;margin:4px 0 18px}.document{padding:20px 25px}.article-header h2{font-size:34px}.article-text{font-size:18px;line-height:1.75}.paragraph{padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px;scroll-margin:25px}.paragraph-number{left:-12px;top:10px;font-size:7px}.document-top{font-size:8px;letter-spacing:.5px}.document-bottom{flex-wrap:wrap;gap:0}.article-text.final{font-size:35px}.about-section{grid-template-columns:1fr;gap:22px;padding-bottom:35px}.about-section h2{font-size:30px}footer{flex-wrap:wrap;font-size:8px;gap:10px;padding:23px 5%}footer>span:first-child{width:100%}dialog{width:94vw;padding:20px 24px}.dialog-top{top:-20px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:auto;margin:18mm}body{background:white;color:black;font-size:10pt}.masthead,.intro,.work-note,.controls,.about-section,footer,.document-bottom,.ending,#history,dialog,.skip{display:none!important}main{max-width:none;padding:0}.workspace{display:block;margin:0}.document{padding:0;border:0}.article-header h2{font-size:25pt}.article-text{font-size:11pt;line-height:1.6}.paragraph{break-inside:avoid;border:0!important;background:none!important;box-shadow:none!important;margin-bottom:12pt}.selection-label,.paragraph-number{display:none}.article-text.final{font-size:30pt}.version-note{background:none}.live-status{display:none}}

.mobile-play{display:none}
@media(max-width:720px){.mobile-play{display:inline-flex;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:5%;z-index:5;box-shadow:0 3px 18px #233b3233;min-height:44px}body{padding-bottom:64px}}
@media print{.mobile-play{display:none!important}}

.document-top{flex-wrap:wrap;align-items:baseline}.document-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:0 5px}.document-meta .text-button{font:inherit;letter-spacing:inherit;min-height:32px;padding:0}
@media print{.document-meta .text-button,.document-meta>span[aria-hidden]{display:none}}

:root{--green-hover:#163a2a;--soft:#e9ece0;--warm:#f8eee1;--changed:#e9eddc;--selected-border:#af7b22;--selected-ink:#483616;--button-ink:#fff;--focus:#be762e}
:root[data-scheme="nordic"]{--paper:#edf1f5;--white:#fafcff;--ink:#20334c;--muted:#52667f;--line:#b9c8d9;--green:#254f78;--green-hover:#163652;--red:#994325;--soft:#e4ebf3;--warm:#f5e9de;--changed:#dfeaf4;--yellow:#f5e2a5;--selected-border:#8e6d1e;--selected-ink:#44320f}
:root[data-scheme="native"]{--paper:#f4f1e9;--white:#fffef9;--ink:#233b32;--muted:#5d695f;--line:#c4cbb8;--green:#284d3e;--green-hover:#163a2a;--red:#8b3728;--soft:#e9ece0;--warm:#f8eee1;--changed:#e9eddc;--yellow:#f7e7a6;--selected-border:#af7b22;--selected-ink:#483616}
:root[data-scheme="royal"]{--paper:#f3ede2;--white:#fffaf1;--ink:#432c35;--muted:#73565d;--line:#cebca5;--green:#682d46;--green-hover:#481e31;--red:#805717;--soft:#ede3d5;--warm:#f1dfd9;--changed:#e9e1d3;--yellow:#f1d693;--selected-border:#956d20;--selected-ink:#44310f}
:root[data-scheme="black"]{--paper:#151713;--white:#22251f;--ink:#f4eee0;--muted:#c2c5b4;--line:#626950;--green:#e2bd65;--green-hover:#f3d58e;--button-ink:#222019;--red:#f09c89;--soft:#2d352a;--warm:#3d2d29;--changed:#2b4030;--yellow:#e5c97c;--selected-border:#f4dc9a;--selected-ink:#302810}
.primary{color:var(--button-ink)}.paragraph.selected{color:var(--selected-ink)}.receipt,.skip{background:var(--white)}.paragraph.just-changed{background:var(--changed)}
.direction-control{margin-top:18px}.direction-control .hint,.story-count{margin-top:7px}.palette-picker{display:flex;justify-content:flex-end;align-items:center;gap:24px;border-top:1px solid var(--line);padding:26px 0 32px}.palette-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.palette-option{display:flex;align-items:center;gap:8px;padding:9px 12px;min-height:44px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:2px;font-size:11px}.palette-option[aria-pressed="true"]{border:2px solid var(--green);padding:8px 11px;font-weight:bold}.palette-swatch{width:18px;height:18px;border-radius:50%;border:1px solid #777}.swatch-native{background:linear-gradient(135deg,#f4f1e9 50%,#284d3e 50%)}.swatch-nordic{background:linear-gradient(135deg,#edf1f5 50%,#254f78 50%)}.swatch-royal{background:linear-gradient(135deg,#e2bd65 50%,#682d46 50%)}.swatch-black{background:linear-gradient(135deg,#151713 50%,#e2bd65 50%)}
@media(max-width:720px){.palette-picker{display:block}.palette-option{flex:1 0 130px}}
@media print{.palette-picker{display:none}.document,.receipt{background:white;color:black}.version-note,.history-entry{color:black}.article-text.final,.document-top,.byline{color:black}}

#stages li.active>span{color:var(--button-ink)}

.footer-notes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 20px;margin-left:auto}

.controls label.eyebrow{font-size:9px;margin-bottom:20px}.controls .pace{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}

@media screen{
.document{--article-inset:42px;--number-offset:35px}
.paragraph.selected{margin-left:calc(0px - var(--article-inset));margin-right:calc(0px - var(--article-inset));padding-left:var(--article-inset);padding-right:var(--article-inset);box-shadow:none;border-left-color:transparent}
.article-text.final .paragraph{margin-left:calc(0px - var(--article-inset));margin-right:calc(0px - var(--article-inset));padding:18px var(--article-inset);background:var(--changed);color:var(--ink);border:0;box-shadow:none}
.paragraph.selected .paragraph-number{left:calc(var(--article-inset) - var(--number-offset));color:var(--selected-ink)}
}
@media screen and (max-width:1000px){.document{--article-inset:30px;--number-offset:32px}}
@media screen and (max-width:720px){.document{--article-inset:25px;--number-offset:22px}}

.kofi-image{border:0;height:36px;width:auto;max-width:100%;object-fit:contain}

.kofi-box{border-radius:1rem;border:1px solid #333;padding:.5rem;font-size:small;margin-bottom:1rem}
.kofi-box>p{margin-top:0;margin-bottom:.25rem}

.selection-label::after{content:"";width:10px;height:10px;flex:none;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:selection-spin .8s linear infinite}
@keyframes selection-spin{to{transform:rotate(360deg)}}
.article-text.paused .selection-label::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.selection-label::after{animation:none}}

@media screen{.document-meta .print-icon{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:32px;min-height:32px;text-decoration:none}}

.input-box{border:1px solid var(--line);border-radius:.75rem;padding:18px;background:var(--soft);margin-bottom:24px;min-width:0}
.input-box h2{font:400 23px/1.2 var(--serif);margin:0 0 24px}
.input-box .transport{margin-bottom:0}

:root{--status-success:#246442;--status-info:#245b93;--status-danger:#a32d2d}
:root[data-scheme="black"]{--status-success:#9ad8b2;--status-info:#9bc7f1;--status-danger:#ffb0a4}
#generation-mode[data-tone="success"],#generation-explanation[data-tone="success"]{color:var(--status-success)}
#generation-mode[data-tone="info"],#generation-explanation[data-tone="info"]{color:var(--status-info)}
#generation-mode[data-tone="danger"],#generation-explanation[data-tone="danger"]{color:var(--status-danger)}
#generation-mode[data-tone]{border-color:currentColor}