@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap";:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;display:block;background:#080810;color:#f0ede6}a{font-weight:500;color:#f5a623;text-decoration:inherit}a:hover{color:#ffc856}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}h1,h2,h3{font-family:Playfair Display,Georgia,serif}:root{--bg-color: #080810;--bg-gradient: radial-gradient(ellipse at 50% 0%, #130d1f 0%, #080810 60%);--surface-color: #111120;--surface-hover: #1a1a2e;--surface-glass: rgba(17, 17, 32, .85);--accent: #F5A623;--accent-hover: #e8931f;--accent-dim: rgba(245, 166, 35, .12);--accent-glow: rgba(245, 166, 35, .25);--accent-border: rgba(245, 166, 35, .3);--text-primary: #f0ede6;--text-secondary: #7c7a90;--text-muted: #4a4860;--success-color: #4ade80;--warning-color: #fbbf24;--error-color: #f87171;--border-color: rgba(245, 166, 35, .1);--border-subtle: rgba(255, 255, 255, .06);--border-active: rgba(245, 166, 35, .45);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-gold: 0 0 20px rgba(245, 166, 35, .15);--shadow-gold-strong: 0 0 30px rgba(245, 166, 35, .3);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.app:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6;z-index:101;pointer-events:none}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#080810eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 1px #f5a62314,var(--shadow-sm)}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.brand-icon{font-size:1.4rem;line-height:1;filter:drop-shadow(0 0 6px rgba(245,166,35,.5))}.app-header h1{font-family:var(--font-display);font-size:1.3rem;font-weight:700;font-style:italic;background:linear-gradient(135deg,#f0ede6 30%,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.01em}.settings-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.5rem;cursor:pointer;border-radius:.6rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.settings-btn:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim);box-shadow:var(--shadow-gold)}.app-main{flex:1;padding:1.5rem 1rem;max-width:620px;margin:0 auto;width:100%}button{font-family:var(--font-body);cursor:pointer}.primary-btn{background:linear-gradient(135deg,#f5a623,#e8931f);color:#0a0609;border:none;padding:.875rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;width:100%;transition:all .25s ease;box-shadow:0 4px 14px #f5a6234d;letter-spacing:.01em}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffc24d,#f5a623);box-shadow:0 6px 20px #f5a62373;transform:translateY(-1px)}.primary-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #f5a6234d}.primary-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.secondary-btn{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-subtle);padding:.875rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:500;transition:all .2s ease}.secondary-btn:hover{background:var(--surface-hover);border-color:var(--accent-border);color:var(--accent)}.back-btn{background:none;border:none;color:var(--text-secondary);font-size:.9rem;padding:.5rem 0;margin-bottom:1.25rem;display:flex;align-items:center;gap:.4rem;transition:color .2s;letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;font-weight:600}.back-btn:hover{color:var(--accent)}.script-list h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 60%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state{text-align:center;padding:3rem 1rem 2.5rem;color:var(--text-secondary)}.empty-stage{position:relative;width:160px;height:120px;margin:0 auto 2rem}.empty-stage:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(0deg,rgba(245,166,35,.08) 0%,transparent 100%);border-bottom:2px solid rgba(245,166,35,.2);border-radius:0 0 50% 50%/0 0 20px 20px}.spotlight{position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-top:90px solid rgba(245,166,35,.08);filter:blur(2px)}.spotlight:after{content:"🎭";position:absolute;top:-60px;left:-18px;font-size:2rem;filter:none}.empty-state-emoji{font-size:4rem;line-height:1;margin-bottom:1rem;display:block;filter:drop-shadow(0 0 12px rgba(245,166,35,.3))}.empty-state-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-style:italic}.empty-state-sub{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.scripts-grid{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.script-card{background:var(--surface-color);border:1px solid var(--border-subtle);border-left:3px solid var(--border-color);border-radius:.875rem;padding:1.1rem 1.25rem;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.script-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(245,166,35,.04) 0%,transparent 70%);border-radius:0 .875rem 0 100%;pointer-events:none}.script-card:hover{border-color:var(--border-subtle);border-left-color:var(--accent);background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-gold)}.script-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}.script-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;font-style:italic;color:var(--text-primary);line-height:1.3}.delete-btn{background:none;border:none;color:var(--text-muted);font-size:1.25rem;line-height:1;padding:.25rem .35rem;border-radius:.35rem;transition:all .2s;flex-shrink:0;position:relative;z-index:2}.delete-btn:hover{color:var(--error-color);background:#f871711a}.script-meta{display:flex;gap:1rem;color:var(--text-secondary);font-size:.8rem;margin-bottom:.875rem;letter-spacing:.02em}.script-meta span{display:flex;align-items:center;gap:.3rem}.script-progress{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:.4rem}.progress-bar{height:.4rem;background:#ffffff0f;border-radius:.25rem;overflow:hidden}.progress-bar.small{height:.25rem}.progress-fill{height:100%;background:linear-gradient(90deg,#e8931f,#f5a623,#ffd166);border-radius:.25rem;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 6px #f5a62366}.add-script-btn{width:100%;padding:1.1rem;background:transparent;border:1.5px dashed rgba(245,166,35,.25);border-radius:.875rem;color:var(--text-secondary);font-size:.95rem;transition:all .25s ease;font-family:var(--font-body);letter-spacing:.01em}.add-script-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:var(--shadow-gold)}.script-input h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;font-style:italic;margin-bottom:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:.75rem;color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:200px;line-height:1.6}.upload-buttons{display:flex;gap:.75rem;margin-bottom:1.25rem}.upload-btn{flex:1;padding:.75rem;background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:.75rem;color:var(--text-secondary);font-size:.875rem;transition:all .2s ease}.upload-btn:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.upload-btn:disabled{opacity:.4}.loading-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:.75rem;margin-bottom:1.25rem;color:var(--text-secondary)}.spinner{width:1.25rem;height:1.25rem;border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#f8717114;border:1px solid rgba(248,113,113,.25);color:var(--error-color);padding:.875rem;border-radius:.75rem;margin-bottom:1.25rem;font-size:.875rem}.character-select h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;font-style:italic;margin-bottom:.4rem}.subtitle{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.875rem;line-height:1.6}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-bottom:1.75rem}.character-card{background:var(--surface-color);border:1.5px solid var(--border-subtle);border-radius:1rem;padding:1.1rem .75rem;text-align:center;transition:all .25s ease;cursor:pointer;position:relative;overflow:hidden}.character-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .25s}.character-card:hover{border-color:var(--accent-border);background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.character-card:hover:after{opacity:1}.character-card.selected{border-color:var(--accent);background:var(--accent-dim);box-shadow:var(--shadow-gold-strong)}.character-card.selected:after{opacity:1;background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.character-name{display:block;font-family:var(--font-display);font-weight:600;font-style:italic;font-size:1rem;margin-bottom:.35rem;color:var(--text-primary)}.character-card.selected .character-name{color:var(--accent)}.line-count{font-size:.72rem;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.selection-summary{text-align:center;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.9rem}.selection-summary strong{color:var(--accent);font-family:var(--font-display);font-style:italic}.practice-session{height:calc(100vh - 120px);height:calc(100dvh - 120px);display:flex;flex-direction:column}.practice-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.practice-header .progress-bar{flex:1;height:.35rem}.progress-text{font-size:.8rem;color:var(--text-secondary);min-width:3rem;text-align:right;font-variant-numeric:tabular-nums}.current-scene{flex:1;display:flex;flex-direction:column;justify-content:flex-end;overflow-y:auto;gap:.5rem}.context-lines{margin-bottom:.75rem}.context-line{padding:.5rem .875rem;border-radius:.6rem;margin-bottom:.375rem;font-size:.82rem;opacity:.45;line-height:1.4;transition:opacity .2s}.context-line:hover{opacity:.65}.context-line .character-name{font-family:var(--font-display);font-weight:600;font-style:italic;font-size:.75rem;margin-right:.4rem;display:inline}.context-line.user-line{background:#f5a6230f;border-left:2px solid rgba(245,166,35,.3)}.context-line.other-line{background:#ffffff08;border-left:2px solid rgba(255,255,255,.1)}.current-line{background:var(--surface-color);border-radius:1.1rem;padding:1.5rem;margin-bottom:.75rem;border:1px solid var(--border-subtle);position:relative;overflow:hidden}.current-line:before{content:"";position:absolute;top:-60px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(245,166,35,.04) 0%,transparent 70%);pointer-events:none}.current-line.user-turn{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-dim),var(--shadow-gold-strong);background:linear-gradient(135deg,var(--surface-color) 0%,rgba(245,166,35,.03) 100%)}.current-line.other-turn{border-color:var(--border-subtle)}.character-badge{display:inline-block;background:#ffffff0d;border:1px solid var(--border-subtle);padding:.2rem .75rem;border-radius:2rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;font-family:var(--font-body)}.user-turn .character-badge{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.line-text{font-size:1.1rem;line-height:1.7;color:var(--text-primary)}.listening-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;background:#f5a6230a;border-radius:1rem;border:1px solid rgba(245,166,35,.1)}.listening-indicator span{font-size:.95rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.pulse-rings{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.pulse-rings:before,.pulse-rings:after{content:"";position:absolute;border-radius:50%;border:2px solid var(--accent);animation:ringPulse 2s ease-out infinite}.pulse-rings:before{width:100%;height:100%;animation-delay:0s;opacity:.5}.pulse-rings:after{width:75%;height:75%;animation-delay:.5s;opacity:.7}@keyframes ringPulse{0%{transform:scale(.8);opacity:.8}70%{transform:scale(1.3);opacity:0}to{transform:scale(.8);opacity:0}}.pulse{width:3.5rem;height:3.5rem;background:radial-gradient(circle,var(--accent) 0%,var(--accent-hover) 100%);border-radius:50%;animation:pulseGlow 1.8s ease-in-out infinite;box-shadow:0 0 0 0 var(--accent-glow)}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 0 0 var(--accent-glow)}50%{transform:scale(1.08);box-shadow:0 0 0 14px transparent}}.live-transcript{font-style:italic;color:var(--text-secondary);text-align:center;margin-top:.5rem;font-size:.9rem;line-height:1.5}.skip-btn{background:none;border:none;color:var(--text-muted);font-size:.8rem;margin-top:.75rem;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.skip-btn:hover{color:var(--text-secondary)}.go-back-btn{display:inline-flex;align-items:center;gap:.4rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:var(--warning-color);font-size:.85rem;padding:.55rem 1rem;border-radius:.6rem;margin-top:.5rem;cursor:pointer;font-weight:500;transition:all .2s}.go-back-btn:hover{background:#fbbf242e;border-color:#fbbf2480}.other-speaking{text-align:center}.speaking-indicator{margin-bottom:1.25rem}.wave-bars{display:flex;justify-content:center;align-items:center;gap:4px;height:2.5rem}.wave-bars span{width:4px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:3px;animation:waveBar 1.2s ease-in-out infinite;box-shadow:0 0 6px #f5a62366}.wave-bars span:nth-child(1){animation-delay:0s;height:8px}.wave-bars span:nth-child(2){animation-delay:.15s;height:14px}.wave-bars span:nth-child(3){animation-delay:.3s;height:20px}.wave-bars span:nth-child(4){animation-delay:.15s;height:14px}.wave-bars span:nth-child(5){animation-delay:0s;height:8px}@keyframes waveBar{0%,to{transform:scaleY(.4);opacity:.6}50%{transform:scaleY(1);opacity:1}}.feedback{text-align:center}.accuracy-display{font-size:1.75rem;font-weight:700;font-family:var(--font-display);margin-bottom:1rem;padding:.5rem 1.25rem;border-radius:.6rem;display:inline-block}.accuracy-display.good{color:var(--success-color);background:#4ade801a}.accuracy-display.okay{color:var(--warning-color);background:#fbbf241a}.accuracy-display.needs-work{color:var(--error-color);background:#f871711a}.expected-line,.spoken-line{font-size:.875rem;margin-bottom:.5rem;color:var(--text-secondary);line-height:1.5}.spoken-line{font-style:italic}.feedback-actions{display:flex;gap:.75rem;margin-top:1.5rem}.feedback-actions button{flex:1}.stage-direction{text-align:center;font-style:italic;color:var(--text-secondary);font-size:.85rem;margin-bottom:.75rem;opacity:.7}.practice-complete{text-align:center}.practice-complete h2{font-family:var(--font-display);font-size:2rem;font-weight:700;font-style:italic;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.curtain-emoji{font-size:3rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 0 12px rgba(245,166,35,.4))}.stats{display:flex;justify-content:center;gap:2.5rem;margin:1.5rem 0 2rem;padding:1.5rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:1.1rem;box-shadow:var(--shadow-gold)}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2.75rem;font-weight:700;font-family:var(--font-display);color:var(--accent);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.attempt-history{text-align:left;margin-bottom:2rem}.attempt-history h3{font-family:var(--font-display);font-size:1rem;font-style:italic;margin-bottom:.875rem;color:var(--text-secondary)}.attempt-item{background:var(--surface-color);border-radius:.75rem;padding:.875rem 1rem;margin-bottom:.625rem;border-left:3px solid}.attempt-item.good{border-color:var(--success-color)}.attempt-item.okay{border-color:var(--warning-color)}.attempt-item.needs-work{border-color:var(--error-color)}.attempt-expected{font-weight:500;margin-bottom:.25rem;font-size:.9rem;line-height:1.4}.attempt-spoken{font-size:.82rem;color:var(--text-secondary);font-style:italic}.attempt-accuracy{font-size:.75rem;font-weight:700;margin-top:.5rem;letter-spacing:.04em}.complete-actions{display:flex;gap:.75rem}.complete-actions button{flex:1}.settings-modal{position:fixed;inset:0;background:#000000bf;display:flex;align-items:flex-end;z-index:200;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-content{background:#0f0f1e;background-image:linear-gradient(180deg,#131325,#0f0f1e);border-top:1px solid var(--accent-border);width:100%;max-height:90vh;border-radius:1.5rem 1.5rem 0 0;padding:0 1.5rem 2rem;overflow-y:auto;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 -8px 40px #f5a6231a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-content:before{content:"";display:block;width:40px;height:4px;background:var(--border-subtle);border-radius:2px;margin:.875rem auto 1.25rem}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-top:.25rem}.settings-header h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;font-style:italic;background:linear-gradient(135deg,var(--text-primary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:#ffffff0d;border:1px solid var(--border-subtle);font-size:1.25rem;color:var(--text-secondary);padding:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:var(--border-subtle)}.settings-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.settings-section:last-of-type{border-bottom:none}.settings-section h3{font-size:.72rem;font-family:var(--font-body);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem}.setting-item{margin-bottom:1.25rem}.setting-item>label{display:block;font-weight:500;font-size:.925rem;margin-bottom:.3rem;color:var(--text-primary)}.setting-description{font-size:.78rem;color:var(--text-secondary);margin-bottom:.6rem;line-height:1.55}.setting-description a{color:var(--accent)}.api-key-input{display:flex;gap:.5rem}.api-key-input input{flex:1;padding:.75rem .875rem;background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:.6rem;color:var(--text-primary);font-size:.875rem;font-family:var(--font-body);transition:border-color .2s,box-shadow .2s}.api-key-input input:focus{outline:none;border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}.test-btn{padding:.6rem .875rem;background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:.6rem;color:var(--text-secondary);font-size:.82rem;font-family:var(--font-body);white-space:nowrap;transition:all .2s}.test-btn:not(:disabled):hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.test-btn:disabled{opacity:.4}.toggle-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-label input{display:none}.toggle-slider{width:3.25rem;height:1.875rem;background:#ffffff12;border:1px solid var(--border-subtle);border-radius:1rem;position:relative;transition:all .25s ease;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;width:1.25rem;height:1.25rem;background:var(--text-secondary);border-radius:50%;top:.25rem;left:.25rem;transition:all .25s ease}.toggle-label input:checked+.toggle-slider{background:var(--accent-dim);border-color:var(--accent-border);box-shadow:0 0 8px var(--accent-glow)}.toggle-label input:checked+.toggle-slider:after{background:var(--accent);left:1.5rem}.toggle-label input:disabled+.toggle-slider{opacity:.4}input[type=range]{width:100%;margin:.5rem 0;-webkit-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-track{height:.3rem;background:#ffffff14;border-radius:.25rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background:var(--accent);border-radius:50%;margin-top:-.475rem;cursor:pointer;box-shadow:0 0 6px #f5a62380;transition:box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 12px #f5a623b3}.rate-value{font-size:.875rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.settings-footer{margin-top:1rem}.mic-hint{margin-top:1rem;padding:.75rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:.6rem;font-size:.82rem;color:var(--warning-color);text-align:center}.auto-revert-notice{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);color:var(--warning-color);padding:.75rem 1rem;border-radius:.6rem;margin-bottom:1rem;text-align:center;font-size:.875rem;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-8px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}@media(min-width:640px){.settings-modal{align-items:center;justify-content:center}.settings-content{max-width:500px;border-radius:1.5rem;max-height:80vh;border:1px solid var(--accent-border);box-shadow:var(--shadow-gold-strong)}.settings-content:before{display:none}.character-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@supports (padding: max(0px)){.app-header{padding-top:max(1rem,env(safe-area-inset-top))}.app-main{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#0a0609;padding:.5rem 1rem;z-index:1000;border-radius:0 0 .5rem;font-weight:600}.skip-link:focus{top:0}.primary-btn,.secondary-btn,.upload-btn,.settings-btn,.back-btn,.skip-btn,.go-back-btn,.delete-btn,.close-btn{min-height:44px;min-width:44px}.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(prefers-contrast:high){:root{--border-color: rgba(245, 166, 35, .5);--border-subtle: rgba(255, 255, 255, .2);--text-secondary: #c0bdd8}.primary-btn{border:2px solid #fff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pulse,.pulse-rings,.pulse-rings:before,.pulse-rings:after,.wave-bars span,.spinner{animation:none!important}}.header-actions{display:flex;align-items:center;gap:.5rem}.stats-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.5rem;cursor:pointer;border-radius:.6rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:44px;min-width:44px}.stats-btn:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim);box-shadow:var(--shadow-gold)}.display-mode-selector{display:flex;gap:.25rem;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:.6rem;padding:.2rem;margin-bottom:1rem;width:100%}.display-mode-btn{flex:1;padding:.4rem .5rem;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:none;border-radius:.4rem;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .18s ease;white-space:nowrap;min-height:36px}.display-mode-btn:hover{color:var(--text-secondary);background:#ffffff0d}.display-mode-btn.active{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.line-text-hidden{font-style:italic;color:var(--text-muted);border:1.5px dashed var(--accent-border);border-radius:.5rem;padding:.75rem 1rem;text-align:center;font-size:1rem;margin-bottom:.75rem;letter-spacing:.03em}.line-text-firstletter{font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.7;color:var(--accent);letter-spacing:.08em;margin-bottom:.75rem}.line-text-revealed{opacity:.85;border-left:2px solid var(--accent-border);padding-left:.75rem;margin-bottom:.75rem}.reveal-btn{display:inline-block;margin-top:.5rem;margin-bottom:.25rem;background:#f5a62314;border:1px solid var(--accent-border);color:var(--accent);font-size:.78rem;font-weight:600;padding:.4rem .875rem;border-radius:.5rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .18s ease;min-height:44px}.reveal-btn:hover{background:var(--accent-dim);box-shadow:var(--shadow-gold)}.selftape-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);padding:.4rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;width:36px;height:36px;min-width:44px;min-height:44px;flex-shrink:0}.selftape-btn:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim)}.selftape-btn.active{color:#ef4444;border-color:#ef444466;background:#ef44441a;box-shadow:0 0 8px #ef444440;animation:recPulse 1.5s ease-in-out infinite}@keyframes recPulse{0%,to{box-shadow:0 0 8px #ef444440}50%{box-shadow:0 0 16px #ef444480}}.selftape-preview{position:fixed;bottom:1.5rem;right:1rem;width:120px;height:160px;border-radius:.875rem;overflow:hidden;border:2px solid var(--accent);box-shadow:0 4px 24px #000000b3,var(--shadow-gold-strong);z-index:150;background:#000}.selftape-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.selftape-rec-dot{position:absolute;top:.4rem;left:.5rem;font-size:.6rem;font-weight:700;color:#ef4444;letter-spacing:.05em;text-shadow:0 0 4px rgba(239,68,68,.8);animation:recPulse 1.5s ease-in-out infinite}.selftape-download{margin:1rem 0 1.5rem}.selftape-download-btn{display:inline-flex;align-items:center;gap:.5rem;background:#f5a6231f;border:1.5px solid var(--accent-border);color:var(--accent);padding:.75rem 1.5rem;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px;font-family:var(--font-body)}.selftape-download-btn:hover{background:var(--accent-dim);box-shadow:var(--shadow-gold-strong);transform:translateY(-1px)}.stats-modal{position:fixed;inset:0;background:#000000bf;display:flex;align-items:flex-end;z-index:200;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.stats-content{background:#0f0f1e;background-image:linear-gradient(180deg,#131325,#0f0f1e);border-top:1px solid var(--accent-border);width:100%;max-height:90vh;border-radius:1.5rem 1.5rem 0 0;padding:0 1.5rem 2rem;overflow-y:auto;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 -8px 40px #f5a6231a}.stats-content:before{content:"";display:block;width:40px;height:4px;background:var(--border-subtle);border-radius:2px;margin:.875rem auto 1.25rem}.stats-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-top:.25rem}.stats-modal-header h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;font-style:italic;background:linear-gradient(135deg,var(--text-primary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.75rem}.stats-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:1rem;padding:1.1rem .875rem;text-align:center;box-shadow:var(--shadow-gold);display:flex;flex-direction:column;align-items:center;gap:.35rem}.stats-card-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--accent);line-height:1}.stats-card-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.stats-history h3{font-family:var(--font-display);font-size:.85rem;font-style:italic;color:var(--text-secondary);margin-bottom:.875rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.stats-session-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.stats-session-item{background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:.75rem;padding:.875rem 1rem;transition:border-color .2s}.stats-session-item:hover{border-color:var(--accent-border)}.stats-session-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.stats-session-name{font-family:var(--font-display);font-style:italic;font-size:.95rem;font-weight:600;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.stats-session-accuracy{font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.stats-session-accuracy.good{color:var(--success-color)}.stats-session-accuracy.okay{color:var(--warning-color)}.stats-session-accuracy.needs-work{color:var(--error-color)}.stats-session-meta{display:flex;gap:.875rem;font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.stats-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary)}.stats-empty span{font-size:2.5rem;display:block;margin-bottom:.75rem;filter:drop-shadow(0 0 8px rgba(245,166,35,.3))}.stats-empty p{font-size:.875rem;line-height:1.6}.stats-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle);text-align:center}.stats-clear-btn{background:none;border:1px solid rgba(239,68,68,.3);color:var(--error-color);font-size:.8rem;padding:.6rem 1.25rem;border-radius:.5rem;cursor:pointer;opacity:.6;transition:all .2s;min-height:44px;font-family:var(--font-body)}.stats-clear-btn:hover{opacity:1;background:#ef444414;border-color:#ef444499}.stats-clear-btn.confirm{opacity:1;background:#ef44441f;border-color:#ef4444;color:#fca5a5;animation:confirmPulse .4s ease}@keyframes confirmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media(min-width:640px){.stats-modal{align-items:center;justify-content:center}.stats-content{max-width:500px;border-radius:1.5rem;max-height:80vh;border:1px solid var(--accent-border);box-shadow:var(--shadow-gold-strong)}.stats-content:before{display:none}.stats-cards{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){.selftape-btn.active,.selftape-rec-dot,.stats-clear-btn.confirm{animation:none!important}}.voice-gender-picker{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 16px;margin-bottom:4px}.voice-gender-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1.5px solid rgba(245,166,35,.3);background:#1e1e2899;color:#e8e8f0;font-size:.8rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.voice-gender-btn:hover{border-color:#f5a62399;background:#282837cc}.voice-gender-btn .char-name{font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-gender-btn .gender-icon{font-size:1rem;font-weight:700;line-height:1}.voice-gender-btn.female .gender-icon{color:#ff6b9d}.voice-gender-btn.male .gender-icon{color:#5b9aff}.voice-gender-btn.female{border-color:#ff6b9d66}.voice-gender-btn.male{border-color:#5b9aff66}.marker-controls{margin:8px 0;padding:12px;border-radius:8px;background:#f5a62314;border:1px solid rgba(245,166,35,.2)}.marker-hint{font-size:.78rem;color:#aaa;margin:0 0 8px;text-align:center}.marker-buttons{display:flex;gap:10px;justify-content:center}.marker-btn{padding:6px 16px;border-radius:6px;border:1.5px solid rgba(245,166,35,.4);background:#1e1e28b3;color:#e8e8f0;font-size:.82rem;cursor:pointer;transition:all .2s ease;font-weight:500}.marker-btn:hover{background:#f5a62326;border-color:#f5a62399}.marker-btn.start-marker{border-color:#00d2a066}.marker-btn.start-marker:hover{background:#00d2a01f;border-color:#00d2a099}.marker-btn.end-marker{border-color:#ff6b6b66}.marker-btn.end-marker:hover{background:#ff6b6b1f;border-color:#ff6b6b99}.marker-btn:disabled{opacity:.4;cursor:not-allowed}.trim-controls{margin:12px 0;padding:16px;border-radius:10px;background:#f5a6230f;border:1.5px solid rgba(245,166,35,.3)}.trim-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.trim-header h3{margin:0;font-size:1rem;font-family:Playfair Display,serif;color:#f5a623}.trim-icon{font-size:1.2rem}.trim-hint{font-size:.82rem;color:#aaa;margin:0 0 12px;line-height:1.4}.trim-hint strong{color:#e8e8f0}.trim-status{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.trim-badge{font-size:.78rem;padding:4px 10px;border-radius:12px;background:#1e1e2899}.trim-badge.set{color:#00d2a0;border:1px solid rgba(0,210,160,.3)}.trim-badge.unset{color:#888;border:1px solid rgba(136,136,136,.2)}.trim-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center}.trim-confirm{flex:1;min-width:160px}.trim-confirm:disabled{opacity:.5}.titlecase-toggle{margin:8px 0 12px;padding:10px 14px;border-radius:8px;background:#1e1e2866;border:1px solid rgba(136,136,136,.15)}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.88rem;color:#e8e8f0}.toggle-label input[type=checkbox]{accent-color:#F5A623;width:16px;height:16px;cursor:pointer}.toggle-text{font-weight:500}.toggle-hint{font-size:.75rem;color:#888;margin:4px 0 0 24px}.toggle-hint em{color:#aaa;font-style:italic}.review-script{max-width:760px;margin:0 auto;padding:8px 4px 40px}.review-script h2{color:var(--text-primary);margin:8px 0}.review-hint{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:12px}.review-hint strong{color:var(--warning-color)}.review-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.ai-btn{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border);border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;font-size:.85rem}.ai-btn:hover:not(:disabled){background:var(--accent-glow)}.ai-btn:disabled{opacity:.6;cursor:default}.ai-msg{font-size:.8rem;color:var(--text-secondary)}.ai-msg.error{color:var(--error-color)}.review-lines{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.review-line{display:grid;grid-template-columns:130px 1fr auto;gap:8px;align-items:start;background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:8px;padding:8px}.review-line.suspect{border-color:var(--warning-color);background:#fbbf240f}.review-char,.review-text{background:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;padding:6px 8px;font-size:.85rem;font-family:inherit;width:100%}.review-char{font-weight:600}.review-text{resize:vertical;min-height:34px;line-height:1.4}.review-line-actions{display:flex;gap:4px}.review-line-actions button{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:6px;width:30px;height:30px;cursor:pointer;font-size:.9rem}.review-line-actions button:hover{color:var(--text-primary);border-color:var(--border-active)}.review-confirm{margin-top:18px;width:100%}@media(max-width:560px){.review-line{grid-template-columns:100px 1fr auto}}