:root{--ink:#241b19;--paper:#f5efe5;--cream:#fffaf1;--red:#a52b31;--gold:#d9a441;--blue:#244d66;--muted:#786a63}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -10%,#d9a44147,#0000 36rem),linear-gradient(160deg,#f9f4eb 0%,#eee2d2 100%);margin:0;font-family:Georgia,Times New Roman,serif}button,a{font:inherit}.home{place-items:center;min-height:100vh;padding:2rem;display:grid}.stage-button,.play-button,.small-button{cursor:pointer;border:1px solid #241b1940;border-radius:999px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s}.stage-button{color:#fff;background:var(--red);padding:1.1rem 1.7rem;font-weight:700;box-shadow:0 12px 30px #5a1c1f38}.stage-button:hover,.play-button:hover,.small-button:hover{transform:translateY(-2px)}.sitcom-page{width:min(920px,100% - 2rem);margin:0 auto;padding:1rem 0 4rem}nav{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:.6rem 0 1.5rem;font-family:Arial,sans-serif;font-size:.78rem;display:flex}nav a{color:var(--ink);font-weight:800;text-decoration:none}nav span{color:#fff;background:var(--red);border-radius:4px;padding:.35rem .55rem;box-shadow:0 0 0 3px #a52b3124}.player-shell,.status-card,.history-shell{background:#fffaf1eb;border:1px solid #241b1924;border-radius:24px;box-shadow:0 24px 70px #462d2224}.scene-tabs{background:#fffaf1b8;border:1px solid #241b1924;border-radius:999px;gap:.4rem;width:fit-content;margin-bottom:.75rem;padding:.3rem;display:flex}.scene-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.58rem .9rem;font-family:Arial,sans-serif;font-size:.78rem;font-weight:700}.scene-tabs button.active{color:#fff;background:var(--red)}.history-shell{overflow:hidden}.history-heading{border-bottom:1px solid #241b191f;justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.history-heading h1{font-size:clamp(2rem,5vw,3.4rem)}.history-list{gap:.7rem;margin:0;padding:clamp(1rem,3vw,2rem);list-style:none;display:grid}.history-list button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#f5efe59e;border:1px solid #241b191f;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.history-list button:hover{border-color:var(--gold)}.history-list button>span:first-child{gap:.28rem;display:grid}.history-list small,.history-meta,.history-status,.archive-back{font-family:Arial,sans-serif}.history-list small{color:var(--muted);line-height:1.4}.history-meta{color:var(--muted);white-space:nowrap;flex:none;font-size:.72rem}.history-status{color:var(--muted);padding:1.5rem 2rem}.archive-back{color:var(--red);cursor:pointer;background:0 0;border:0;margin:0 0 .75rem;padding:0;font-size:.8rem;font-weight:700}.status-card{text-align:center;padding:2rem}.scene-header{border-bottom:1px solid #241b191f;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.eyebrow,.setting,.scene-footer,.audience-cue{font-family:Arial,sans-serif}.eyebrow{color:var(--red);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .5rem;font-size:.72rem;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,6vw,4.3rem);line-height:.96}.premise{color:#4e403b;max-width:42rem;margin:1rem 0 .7rem;font-size:1.05rem;line-height:1.55}.setting{color:var(--muted);margin:0;font-size:.78rem}.controls{flex:none;align-items:flex-start;gap:.55rem;display:flex}.play-button,.small-button{padding:.72rem 1rem;font-family:Arial,sans-serif;font-size:.82rem;font-weight:700}.play-button{color:#fff;background:var(--red)}.small-button{color:var(--ink);background:0 0}.transcript{gap:0;margin:0;padding:clamp(1rem,3vw,2rem);list-style:none;display:grid}.transcript li{border-radius:16px;width:min(78%,39rem);margin:.45rem 0;padding:1rem 1.15rem;transition:transform .18s,box-shadow .18s}.transcript li.actor-a{background:#e8f0f2;border-bottom-left-radius:4px;justify-self:start}.transcript li.actor-b{background:#f2e2d4;border-bottom-right-radius:4px;justify-self:end}.transcript li.active{box-shadow:0 8px 24px #241b1921, 0 0 0 2px var(--gold);transform:scale(1.018)}.speaker-row{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem;font-family:Arial,sans-serif;font-size:.76rem;display:flex}.transcript p{margin:.32rem 0 0;font-size:1.08rem;line-height:1.48}.transcript em{color:var(--muted);font-size:.88rem}.audience-cue{color:var(--muted);letter-spacing:.06em;font-size:.62rem;font-weight:700}.audience-cue.big_laugh{color:var(--red)}.scene-footer{color:var(--muted);border-top:1px solid #241b191f;justify-content:space-between;gap:1rem;padding:1rem clamp(1.5rem,4vw,3rem);font-size:.73rem;display:flex}.error-note{color:#781f24;background:#fae8e8;border-radius:8px;margin:1rem 2rem 0;padding:.75rem 1rem}@media (max-width:700px){.scene-header{flex-direction:column}.controls{width:100%}.play-button{flex:1}.transcript li{width:92%}.scene-footer{flex-direction:column}.history-list button{flex-direction:column;align-items:flex-start}.history-meta{white-space:normal}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}