:root{color-scheme:light;--ink:#203b35;--muted:#6b746b;--paper:#f7f6f0;--line:#dddfd4;--accent:#d9ed9b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a86a36;outline-offset:5px}.topbar{max-width:1280px;margin:auto;padding:27px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-weight:800;font-size:23px;letter-spacing:-1px;display:flex;align-items:center;gap:4px}.brand>span:last-child{font-weight:400}.brand-icon{background:var(--ink);color:var(--accent);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;margin-right:8px;letter-spacing:2px}.top-note,.eyebrow,.small-label,.edition,dt,.category-heading>span{font-size:10px;letter-spacing:1.8px;font-weight:700}.top-note{color:var(--muted)}main{max-width:1120px;margin:auto;padding:0 40px}.intro{text-align:center;padding:54px 0 42px}.eyebrow{color:#6a7650;font-size:11px}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5vw,61px);font-weight:400;letter-spacing:-2px;line-height:1.08;margin:20px 0}.intro h1 em{font-weight:400;color:#758258}.intro>p:last-child{font-size:14px;line-height:1.8;color:var(--muted)}.category-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.category-heading h2{font-size:15px;margin:0}.category-heading>span{font-size:9px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.category{display:flex;align-items:center;gap:16px;text-align:left;padding:19px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);transition:background .15s,transform .15s}.category:hover{background:#ecefe2;transform:translateY(-2px)}.category.active{background:var(--ink);border-color:var(--ink);color:#fff}.category-icon{font-size:28px;line-height:1}.category.active .category-icon{color:var(--accent)}.category strong{display:block;font-size:14px;margin-bottom:6px}.category small{display:block;font-size:11px;opacity:.75}.character-card{display:grid;grid-template-columns:34% 66%;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fffef9;box-shadow:0 10px 35px #203b3505}.profile{background:#edf0e3;padding:27px}.profile-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.pill{border:1px solid #b7c1a4;border-radius:20px;padding:6px 9px;font-size:8px;font-weight:700;letter-spacing:1px}.edition{font-size:8px;letter-spacing:1px;color:var(--muted)}.portrait{position:relative;width:88px;height:88px;display:grid;place-items:center;margin:27px 0 24px;background:#dce5c5;border:1px solid #c7d4ac;border-radius:50%;font:italic 32px Georgia,serif;color:#52683c}.portrait i{position:absolute;right:-7px;bottom:0;width:29px;height:29px;border-radius:50%;background:var(--ink);color:var(--accent);font:18px Arial;display:grid;place-items:center}.small-label{font-size:9px;color:#687458;letter-spacing:1.3px}.profile h2{font:400 30px/1.1 Georgia,serif;letter-spacing:-.8px;margin:10px 0}.demographics{font-size:12px;color:#66705d;margin-bottom:26px}dl{margin:0}dt{font-size:8px;letter-spacing:1.4px;color:#6b755f;margin-top:19px}dd{font-size:13px;line-height:1.6;margin:7px 0 0}.voice-box{border-top:1px solid #d2dac2;margin-top:23px;padding-top:20px}.voice-box p{font-size:12px;line-height:1.7;margin:9px 0 0}.script-panel{padding:32px 35px;display:flex;flex-direction:column}.script-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.script-top h2{font:400 23px Georgia,serif;margin:0;letter-spacing:-.5px}.timing{font-size:10px;color:#6b746b;white-space:nowrap;background:#f1f2e9;padding:7px 10px;border-radius:20px}.direction{font-size:12px;color:#73766b;line-height:1.8;padding-bottom:22px;margin:19px 0 0;border-bottom:1px solid #e8e9de}.script-text{position:relative;padding:21px 0 19px;flex:1}.quote-mark{font:70px Georgia,serif;color:#dce3cb;position:absolute;left:-5px;top:12px;line-height:1}.script-text p{position:relative;font:19px/1.85 Georgia,serif;margin:12px 0 0}.script-bottom{font-size:10px;line-height:1.6;color:#747b6c;border-top:1px solid #e8e9de;padding-top:18px;display:flex;gap:8px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:#83975c;flex-shrink:0}.actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0}.actions p{color:var(--muted);font-size:12px}.generate{background:var(--accent);color:var(--ink);border:1px solid #ccdf90;border-radius:7px;padding:17px 22px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:30px;transition:background .15s}.generate:hover{background:#cbe480}.generate:active{transform:translateY(1px)}.generate span{font-size:19px}.practice-tip{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:23px 0 32px}.practice-tip>span{font-size:28px;color:#81925f}.practice-tip p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.practice-tip strong{display:block;font-size:11px;color:var(--ink)}footer{max-width:1184px;padding:22px 32px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#777e70;gap:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1400px){.intro{padding-top:65px}}@media(max-width:760px){.topbar{padding:20px 24px}.top-note{display:none}main{padding:0 22px}.intro{padding:35px 0 28px}.categories{gap:8px}.category{padding:14px 10px;gap:8px}.category-icon{font-size:22px}.category small{display:none}.category strong{font-size:12px;margin:0}.character-card{grid-template-columns:1fr}.profile{padding:24px}.portrait{width:65px;height:65px;margin:20px 0}.profile h2{font-size:29px}dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}dt{grid-row:1;margin:0}dd{grid-row:2}.demographics{margin-bottom:20px}.voice-box{margin-top:19px;padding-top:16px}.script-panel{padding:26px 24px}.script-top{flex-wrap:wrap}.script-text p{font-size:18px;line-height:1.8}.actions{flex-direction:column-reverse;gap:2px}.generate{width:100%;justify-content:center}.category-heading>span{font-size:8px;letter-spacing:.7px}footer{padding:20px 22px;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.generate .arrow{width:11px;height:11px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;position:relative;margin-right:2px}.generate .arrow:after{content:"";position:absolute;width:14px;height:1.5px;background:currentColor;top:4px;right:-2px;transform:rotate(-45deg)}

.control-panel{border:1px solid var(--line);border-radius:15px;padding:24px;background:#fffef9;margin-bottom:24px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:20px 0}label{display:block;font-size:13px;line-height:1.8}select,input[type=text],textarea{width:100%;font:inherit;padding:9px;border:1px solid #b7c1a4;border-radius:5px;background:white;color:var(--ink)}fieldset{border:1px solid var(--line);border-radius:6px}legend{font-size:13px}fieldset label{display:inline-block;margin-right:12px}summary{cursor:pointer;padding:12px 0;font-weight:bold}button{color:var(--ink);border:1px solid #b7c1a4;border-radius:6px;padding:10px;background:#edf0e3}button:disabled{opacity:.5}input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #a86a36;outline-offset:3px}.cast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.cast-card,.profile-details-card,.scene-block{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fffef9;margin:16px 0}.scene-block p{line-height:1.7}#challenge h2{font-family:Georgia,serif}#challenge pre{white-space:pre-wrap;font:18px/1.8 Georgia,serif}.continuations{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.actions{flex-wrap:wrap}#validation{color:#8b321c}@media(max-width:500px){.control-panel{padding:16px}.filter-grid{grid-template-columns:1fr}}

.character-development{margin:12px 0 20px}.character-development[open]{padding-bottom:12px;border-bottom:1px solid var(--line)}