.screenplay-container{margin:4rem auto;font-family:Courier New,Courier,monospace;font-size:12pt;line-height:1.5;background:#fff;color:#000;border:3px solid #ccc}.dark .screenplay-container{background:#1a1a1a;color:#e5e5e5}.title-page{margin-top:15rem;text-align:center;margin-bottom:10em;page-break-after:always}.title-page h1{font-size:24pt;font-weight:700;margin:0 0 .5in;text-transform:uppercase}.title-page .authors{font-size:14pt;margin:.25in 0}.title-page .authors:before{content:"by "}.title-page .draft-date{font-size:12pt;margin:.25in 0}.script-body{max-width:6in;margin:0 auto}.script-body h3{font-weight:700;font-size:12pt;margin:1.5em 0 1em;text-transform:uppercase;letter-spacing:.5px}.script-body p:not(.parenthetical){margin:1em 0;text-align:left;max-width:6in}.script-body .dialogue h4{font-weight:700;text-align:center;margin:1.5em 0 .25em;text-transform:uppercase;letter-spacing:1px}.script-body .dialogue p:not(.parenthetical){text-align:center;margin:0 1.5in 1em;max-width:3.5in}.script-body .parenthetical{text-align:center;font-style:italic;margin:0 2in .5em;max-width:2in}.script-body h2{text-align:right;font-weight:700;margin:1.5em 0;text-transform:uppercase}.error-message{padding:2rem;text-align:center;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.error-details{margin-top:1rem;font-size:.875rem;opacity:.8}.dark .error-message{color:#fca5a5;background:#431b1b;border-color:#7f1d1d}@media (max-width: 768px){.screenplay-container{padding:.5in;font-size:11pt}.title-page h1{font-size:20pt}.script-body .dialogue p:not(.parenthetical){margin:0 .5in 1em}.script-body .parenthetical{margin:0 1in .5em}}@media print{.screenplay-container{background:#fff!important;color:#000!important;box-shadow:none}.title-page{page-break-after:always}.script-body h3{page-break-after:avoid}}.screenplay-highlight{cursor:pointer;transition:all .3s ease;padding:2px 4px;border-radius:3px;position:relative}.screenplay-highlight:hover{background-color:#3b82f633}.screenplay-highlight-active{background-color:#3b82f666;animation:highlight-pulse 2s ease-in-out;border:2px solid rgba(59,130,246,.6);box-shadow:0 0 8px #3b82f64d}@keyframes highlight-pulse{0%{background-color:#3b82f699;transform:scale(1)}50%{background-color:#3b82f6cc;transform:scale(1.02)}to{background-color:#3b82f666;transform:scale(1)}}.dark .screenplay-highlight:hover{background-color:#63b3ed4d}.dark .screenplay-highlight-active{background-color:#63b3ed80;border-color:#63b3edb3;box-shadow:0 0 8px #63b3ed66}.dark .screenplay-highlight-active{animation:highlight-pulse-dark 2s ease-in-out}@keyframes highlight-pulse-dark{0%{background-color:#63b3edb3;transform:scale(1)}50%{background-color:#63b3ede6;transform:scale(1.02)}to{background-color:#63b3ed80;transform:scale(1)}}.script-body-with-highlighting{position:relative}.highlighting-notice{margin-top:1rem;padding:1rem;background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:.5rem;text-align:center;font-style:italic;color:#b45309cc}.dark .highlighting-notice{background-color:#f59e0b33;border-color:#f59e0b66;color:#fbbf24e6}.screenplay-highlight:focus{outline:2px solid #3b82f6;outline-offset:2px}.dark .screenplay-highlight:focus{outline-color:#63b3ed}.screenplay-with-audio{display:flex;flex-direction:column;gap:2rem}.audio-controls-section{position:sticky;top:0;z-index:10;background:#fffffff2;backdrop-filter:blur(10px);padding:1rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}.dark .audio-controls-section{background:#1a1a1af2;box-shadow:0 2px 10px #0000004d}.screenplay-section{flex:1}@media (max-width: 768px){.screenplay-with-audio{gap:1rem}.audio-controls-section{position:relative;top:auto}}.test-mode-controls{padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;text-align:center}.test-mode-controls h3{margin:0 0 1rem;color:#fff}.test-mode-controls p{margin:.5rem 0;opacity:.9}.test-mode-controls button{margin:.5rem;padding:.5rem 1rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;transition:all .3s ease}.test-mode-controls button:hover{background:#ffffff4d;border-color:#ffffff80}.script-header[data-astro-cid-uvj2mvvy]{background:linear-gradient(90deg,#ff8080,#9f80ff);border-radius:12px;box-shadow:0 2px 12px #00000012;padding:2rem 1.5rem 1.5rem;margin-bottom:2.5rem;text-align:center;transition:background .3s}.dark .script-header[data-astro-cid-uvj2mvvy]{background:linear-gradient(90deg,#232a34,#1a1f26);box-shadow:0 2px 12px #00000040}.script-header[data-astro-cid-uvj2mvvy] h1[data-astro-cid-uvj2mvvy]{font-family:"DM Serif",serif;font-size:2.8rem;letter-spacing:1px;color:#222;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.04)}.script-header[data-astro-cid-uvj2mvvy] h2[data-astro-cid-uvj2mvvy]{font-family:"DM Serif",serif;font-size:2.2rem;letter-spacing:1px;color:#222;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.04)}.dark .script-header[data-astro-cid-uvj2mvvy] h1[data-astro-cid-uvj2mvvy]{color:#e5e5e5;text-shadow:0 2px 8px rgba(0,0,0,.18)}.script-header[data-astro-cid-uvj2mvvy] .logline[data-astro-cid-uvj2mvvy]{font-size:1.25rem;font-weight:500;color:#181818;margin-bottom:.5rem;font-family:Outfit,sans-serif;letter-spacing:.5px}.dark .script-header[data-astro-cid-uvj2mvvy] .logline[data-astro-cid-uvj2mvvy]{color:#b3c6ff}.script-header[data-astro-cid-uvj2mvvy] .genre-comp[data-astro-cid-uvj2mvvy]{font-size:1rem;font-style:italic;color:#3a3a3a;margin-bottom:.5rem;font-family:Poppins,sans-serif}.dark .script-header[data-astro-cid-uvj2mvvy] .genre-comp[data-astro-cid-uvj2mvvy]{color:#a3a3a3}.script-awards[data-astro-cid-uvj2mvvy]{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem}.award-img[data-astro-cid-uvj2mvvy]{max-width:180px;border-radius:8px;box-shadow:0 2px 8px #0000001f}.script-breakdown{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}:global(.dark) .script-breakdown{background:#2a2a2a;border-color:#404040}.breakdown-header{text-align:center;margin-bottom:1.5rem}.breakdown-header h3{font-size:1.5rem;font-weight:600;margin:0 0 .25rem;color:#333}:global(.dark) .breakdown-header h3{color:#e5e5e5}.breakdown-subtitle{font-size:.875rem;color:#666;margin:0;font-style:italic}:global(.dark) .breakdown-subtitle{color:#999}.breakdown-content{display:grid;gap:1.5rem}.stats-section h4,.characters-section h4{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:#333;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}:global(.dark) .stats-section h4,:global(.dark) .characters-section h4{color:#e5e5e5;border-bottom-color:#404040}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item{text-align:center;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}:global(.dark) .stat-item{background:#1a1a1a;border-color:#404040}:global(.dark) .stat-item:hover{box-shadow:0 4px 12px #0000004d}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:#007bff;line-height:1}:global(.dark) .stat-value{color:#4a8eff}.stat-label{display:block;font-size:.875rem;color:#666;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}:global(.dark) .stat-label{color:#999}.characters-list{display:grid;gap:.75rem}.character-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.character-item:hover{border-color:#007bff;transform:translate(4px)}:global(.dark) .character-item{background:#1a1a1a;border-color:#404040}:global(.dark) .character-item:hover{border-color:#4a8eff}.character-name{font-weight:600;font-size:1rem;color:#333;font-family:Courier New,monospace}:global(.dark) .character-name{color:#e5e5e5}.character-details{display:flex;gap:.75rem;align-items:center;font-size:.875rem}.character-lines{font-weight:600;color:#007bff}:global(.dark) .character-lines{color:#4a8eff}.character-gender,.character-age{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.character-gender{background:#e3f2fd;color:#1976d2}.character-age{background:#f3e5f5;color:#7b1fa2}:global(.dark) .character-gender{background:#1a237e;color:#90caf9}:global(.dark) .character-age{background:#4a148c;color:#ce93d8}.no-characters{text-align:center;color:#666;font-style:italic;margin:2rem 0}:global(.dark) .no-characters{color:#999}@media (max-width: 768px){.script-breakdown{padding:1rem;margin:1rem 0}.stats-grid{grid-template-columns:repeat(2,1fr)}.character-item{flex-direction:column;align-items:flex-start;gap:.5rem}.character-details{align-self:stretch;justify-content:space-between}}