/* Phraseflow Studio — midnight, precise typography, light in the details. */
:root{color-scheme:dark;--navy:#111e2b;--ink:#edf3f6;--muted:#94a3b5;--green:#c7f597;--accent:#b6e791;--line:#ffffff12;--bg:#0c1119;--white:#151d29;--soft:#b5e99a13;--blue:#a4caff10;--shadow:0 16px 45px #0002;--radius:21px;background:var(--bg);color:var(--ink)}
body{background:radial-gradient(ellipse at 79% 0%,#446a7b13,transparent 46%),var(--bg)}
button{color:var(--ink)}a{transition:color .18s}h1{font-weight:580;letter-spacing:-1.2px}h2,h3{font-weight:580}.eyebrow{color:#acbac6;font-size:11px;letter-spacing:2.7px}.content{max-width:1410px;padding-top:32px}.topbar{background:#0d131cbd;border-color:#ffffff0c;backdrop-filter:blur(20px);height:77px}.sidebar{background:#0b1017;border-right:1px solid #ffffff0c;padding-top:29px}.brand{margin-bottom:46px}.brand-mark{background:var(--green);color:#13251b;border-radius:13px;box-shadow:0 4px 20px #baed8b16}.brand-name{font-weight:650;letter-spacing:-.9px}.brand-sub{font-size:10px;letter-spacing:3px;color:#728090;margin-top:4px}.nav-label{font-size:10px;color:#596d81;letter-spacing:2px}.nav-link{color:#8fa0b1;font-weight:450;padding-top:12px;padding-bottom:12px}.nav-link:hover{background:#ffffff06;color:#e4edee}.nav-link.active{background:#c7f59712;color:var(--green);box-shadow:inset 2px 0 var(--green);border-radius:0 9px 9px 0}.nav-link.active .badge{background:#c7f59724}.nav-link.active svg{color:var(--green)}.habit-note{background:linear-gradient(145deg,#a5b2ff08,#bbef8505);border-color:#ffffff0d;border-radius:13px;color:#c1cfdb;padding:18px 13px}.habit-note p{color:#667b8e}.habit-note svg{color:var(--green)}.local-note{font-size:11px;color:#657587}.avatar{background:#27322e;color:#c5e5ba}.icon-btn{background:#ffffff04;border-color:#ffffff10;color:#a9b8c5}.icon-btn:hover{background:#c7f59715;color:var(--green)}.page-heading{margin-bottom:24px}.page-heading p{font-size:13px;letter-spacing:.1px;color:#8194a8;margin-top:9px}.page-heading>.pill{background:#c7f5970b;color:#aac992;border:1px solid #c7f59716;font-size:11px}.pill{background:#b7e99712;color:#b7e997;border:1px solid #b7e9970c;border-radius:6px;font-size:11px;letter-spacing:.2px}.pill.neutral{background:#ffffff05;color:#96a8b8;border-color:#ffffff08}.btn{border-color:#ffffff12;background:#ffffff05;color:#d2dce4;font-weight:500;border-radius:9px;transition:background .2s,transform .2s,border-color .2s}.btn:hover:not(:disabled){background:#ffffff0b;border-color:#ffffff24;transform:translateY(-2px)}.btn.primary{background:var(--green);color:#18291d;border-color:var(--green)}.btn.primary:hover{background:#d6ffaf;border-color:#d6ffaf;box-shadow:0 3px 25px #bbed8b12}.btn.lime{background:var(--green);color:#16271a;border-color:var(--green)}.btn.lime:hover{background:#d9ffb5}.btn.ghost{color:#93aabd;border-color:transparent;background:transparent}.btn.ghost:hover{background:#ffffff06}.link-btn{color:#bfdcac}.panel,.course-card,.chunk-card,.stat-card{background:linear-gradient(125deg,#ffffff06,#ffffff00),#141c28;background:#141c28;border:1px solid #ffffff10;box-shadow:0 5px 20px #0000000c}.panel{padding:25px}.section-head h2{font-size:17px;letter-spacing:-.4px}.section-head>.muted{font-size:11px!important}.dashboard-grid{gap:24px;grid-template-columns:minmax(0,1.85fr) minmax(285px,1fr)}.main-column{gap:23px}.daily-hero{min-height:278px;background:radial-gradient(ellipse at 83% 32%,#85d4cb22,transparent 48%),linear-gradient(115deg,#223543,#203646 54%,#192837);border:1px solid #94bcba2a;border-radius:21px;padding:32px;box-shadow:inset 0 1px #ffffff08,0 18px 55px #0002}.daily-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b8e294,#b8e29400);opacity:.55}.daily-hero h2{font-size:31px;font-weight:550;letter-spacing:-1.1px;margin-top:17px;margin-bottom:5px;color:#f4f8ef}.daily-hero .eyebrow{color:#b1c9c4;font-size:10px;letter-spacing:2.4px}.daily-hero .sub{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-style:italic;color:#a0b7bd}.daily-hero .hero-meta{margin:16px 0 24px;color:#98aeb7;font-size:11px}.hero-ring{width:139px;height:139px;min-width:139px;padding:5px;box-shadow:0 0 0 15px #ffffff06,0 0 0 30px #ffffff04;background:conic-gradient(#caec9e calc(var(--p)*1%),#ffffff0d 0)}.hero-ring-inner{background:#203642}.hero-ring strong{font-family:"Segoe UI",sans-serif;font-weight:350;font-size:39px;color:#daf6bd;letter-spacing:-1px}.hero-ring strong small{font-size:17px;margin-left:2px}.hero-ring span{font-size:10px;color:#97b0b4}.stat-card{border-radius:14px;padding:18px 20px;background:#121a25}.stat-card .stat-top{font-size:12px;color:#8195a8}.stat-card .stat-top svg{color:#a9c896;width:16px;height:16px}.stat-value{font-size:33px;font-weight:450;letter-spacing:-1.2px;color:#e4edf2}.stat-value small{font-size:11px;color:#7d91a2}.stat-foot{font-size:11px;color:#607a8a}.task-row{padding:17px 0;border-color:#ffffff0a}.task-row:hover .step-num{background:#c7f59716;color:#c7f597}.task-title{font-size:14px;color:#c1d0db;font-weight:450}.task-desc{font-size:11px;color:#668096;margin-top:4px}.task-status{font-size:11px;color:#6f889c}.step-num{background:#ffffff04;color:#6c889c;border:1px solid #ffffff04;border-radius:9px;font-size:11px}.step-num.current{background:#c7f59717;color:var(--green);border-color:#c7f5972b}.step-num.done{background:#c7f5970c;color:#b9e699}.task-status.done{color:#a5d38a}.task-row>svg{color:#3a5266}.day-circle{background:#ffffff04;color:#5f778b;font-size:11px}.day-circle.today{background:#bcec9210;color:#c7f597;border-color:#99c879}.day-circle.done{background:#bce997;color:#152516}.day-item{color:#71889a;font-size:11px}.week-note{border-color:#ffffff0b;color:#6e8496;font-size:11px}.spotlight{background:radial-gradient(ellipse at top right,#d9a37311,transparent 70%),#1c2329;border-color:#c2a77b19}.spotlight .pill{background:#d2b58913!important;color:#cfb994}.spotlight .eyebrow{font-size:9px;color:#a3917b;letter-spacing:2.2px}.spotlight .quote-mark{color:#c7b594;opacity:.6}.spotlight .phrase{color:#eee3cc;font-size:29px;line-height:1.3}.spotlight .translation{color:#a59c8c;font-size:13px}.spotlight .example{color:#bac4c0;font-size:14px;line-height:1.9}.spotlight-bottom{border-color:#a2917024}.spotlight-bottom .muted{color:#948f85}.loop-note{opacity:.85}.loop-note p{color:#657c8f;font-size:12px}.loop-note h3{color:#adc1c7;font-size:13px!important}.loop-line i{background:#4f674b4d}.loop-line span{background:#8eaf74;width:6px;height:6px}.course-card{background:#141c28;border-radius:14px;position:relative;overflow:hidden}.course-card:hover{background:#172332;border-color:#9abc8638;box-shadow:0 13px 30px #0002;transform:translateY(-2px)}.course-card{transition:background .2s,transform .2s,border-color .2s}.course-card h3{color:#d9e5ee;font-size:20px}.course-card p{color:#8b9faf;font-size:13px}.course-no{font-size:10px;color:#8da884;letter-spacing:2px}.footer{border-color:#ffffff08;color:#526c81;font-size:11px}.track-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 27px}.track-choice{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;row-gap:4px;background:#121a24;border:1px solid #ffffff0a;border-radius:12px;text-align:left;padding:15px 17px;transition:background .2s,border-color .2s,transform .2s;position:relative;overflow:hidden}.track-choice:hover{border-color:#ffffff22;transform:translateY(-2px)}.track-choice.selected{background:linear-gradient(120deg,color-mix(in srgb,var(--track-color) 8%,#141b25),#141b25);border-color:color-mix(in srgb,var(--track-color) 35%,transparent)}.track-choice.selected::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--track-color)}.track-code{grid-row:1/3;min-width:52px;font-size:15px;letter-spacing:-.5px;font-weight:650;color:var(--track-color);opacity:.6}.track-choice.selected .track-code{opacity:1}.track-name{font-size:13px;color:#b7c7d4;font-weight:500}.track-tag{font-size:10px;color:#607b8d;white-space:nowrap}.search input,.select{background:#121d29;border-color:#ffffff12;color:#bbcbd8}.search input::placeholder{color:#5b7388}.filter{background:#141d29;border-color:#ffffff0c;color:#829aad;font-size:12px}.filter.active{background:#b2dc9118;border-color:#b2dc912c;color:#c4eaa5}.chunk-card h3{color:#e3ecd9;font-weight:450}.chunk-card .meaning{color:#91a4b4}.chunk-card .english-example{background:#b3d69707;border-left-color:#b3d69745;color:#a7bbae}.chunk-card details{color:#8097a7}summary{color:#a8c991}.chunk-card details p{color:#899eac}.empty{background:#131c2680;border-color:#304238}.empty p{color:#8fa4b3}.empty>.empty-icon{background:#b5e99710;color:#b5e997}.context{background:#94bde00c;border:1px solid #94bde016;color:#9eb8cb}.reading{color:#d5e2e9;font-size:23px;line-height:1.95}.reading mark{background:#b9dc7330;color:#ddf6a9}.translation-box{background:#ffffff09;border:1px solid #ffffff0b;color:#94a8b8}.stage-nav button.active{background:#16212d;border-color:#94ba902b;box-shadow:none}.stage-nav button{color:#819aad}.stage-nav button.active{color:#c0e2a6}.stage-nav small{color:#557287}.stage-nav .future{color:#567486;border-color:#ffffff0a}.stage-nav .future a{color:#91b784}.study-top h2{font-size:26px;font-weight:450}.study-top .eyebrow{color:#a5c58e}.flashcard h3{color:#e3eedb;font-weight:400}.flashcard .example{color:#c0d0db}.flashcard .scene{color:#b5c5d1}.flashcard .hint{color:#7591a4}.recall-input,.output-area{background:#0d1722;border-color:#ffffff10;color:#d6e1e9}.recall-input::placeholder,.output-area::placeholder{color:#4d697d}.rating-btn{background:#172332;border-color:#ffffff10;color:#c8d8e2}.rating-btn:hover{background:#21332b;border-color:#8fc37755}.rating-btn.again{color:#eeb09e}.rating-btn.good{color:#c0e79a}.rating-btn small{color:#7d95a7}.rating-btn .hard{color:#cfbe96}.player{background:radial-gradient(ellipse at 50% 60%,#b7e88706,transparent 70%),#101d27;border-color:#87b0961f;border-radius:16px;padding-top:31px}.wave{color:#bcdf9d;gap:6px;height:65px;margin-bottom:25px;opacity:.75}.wave span{width:3px}.wave.playing{opacity:1}.play-main{width:65px;height:65px;background:#c7ee9e;color:#142519;box-shadow:0 0 0 8px #c7ee9e06,0 0 28px #b9e79809}.player-options select{background:#101d27;color:#a6bac7;border-color:#ffffff12}.speech-status{color:#a4b98f;font-size:11px;letter-spacing:.5px}.listen-text{color:#d6e7ec}.hidden-text{background:repeating-linear-gradient(0deg,transparent,transparent 11px,#ffffff06 11px,#ffffff06 22px)}.hidden-text span{background:#141c28;color:#6f8a9e}.listen-hints div{border-color:#ffffff0b;background:#ffffff04;color:#658196;font-size:12px}.listen-hints b{color:#9ab58d;font-size:13px}.tip{color:#7791a4}.output-meta{color:#5a788f}.chunk-tag{background:#b6df8b0c;border-color:#b6df8b1a;color:#aac48e}.checklist{color:#93acbe}.checklist input{accent-color:#b6df8b}.success-note{background:#a6d88d0c;color:#b0d995;border:1px solid #a6d88d1b}.notice{background:#f0ce770b;border-color:#f0ce771b;color:#cfbd94}.bar{background:#ffffff07}.bar span{background:linear-gradient(90deg,#729667,#c0e897)}.weak-row strong{font-weight:450}.heat-cell{background:#ffffff04;border-color:#ffffff06}.heat-cell.lv1{background:#83ae6d45;border-color:transparent}.heat-cell.lv2{background:#84b268a0;border-color:transparent}.heat-cell.lv3{background:#b8e78e;border-color:transparent}.heat-cell.today{outline-color:#bfd593}.heat-cell.future{opacity:.2}.timeline-row{border-color:#ffffff08}.timeline-row .timeline-content{color:#b5cbd6}.saved-output{border-color:#ffffff0d}.saved-output p{color:#bed0dd}dialog{background:#172231;border-color:#ffffff1c;color:#e1edf5;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#071017cc}dialog p{color:#97aaba}#toast{background:#d3e7c5;color:#1b2e20;box-shadow:0 12px 30px #0003}.audio-dock[hidden]{display:none!important}.audio-dock{position:fixed;z-index:60;bottom:24px;left:calc(50% + 119px);transform:translateX(-50%);display:flex;align-items:center;gap:14px;min-width:310px;max-width:calc(100% - 32px);border:1px solid #99bf7040;border-radius:14px;background:#172921ed;backdrop-filter:blur(20px);padding:12px 15px;box-shadow:0 12px 55px #0005}.audio-dock>div{flex:1}.audio-dock strong{display:block;font-size:12px;font-weight:550;color:#d2edb3}.audio-dock #audio-dock-status{display:block;color:#8fab86;font-size:11px}.audio-orb{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#bcea8920;color:#c2e598;font-size:20px}.audio-dock .icon-btn{background:#bcea890a;border-color:#bcea891b;color:#b3ce99;width:30px;height:30px;font-size:10px}.studio-tabs{display:flex;gap:9px;margin-bottom:25px;border-bottom:1px solid #ffffff0a;padding-bottom:12px}.studio-tab{padding:10px 15px;background:transparent;border:1px solid transparent;color:#6f8da2;font-size:13px;border-radius:8px;display:flex;align-items:center;gap:9px}.studio-tab svg{width:17px;height:17px}.studio-tab.active{background:#ffffff05;color:#c7e0a9;border-color:#a9cd7c16}.dialogue-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:23px}.dialogue-screen{padding:31px;border:1px solid #b9c9e52b;border-radius:21px;min-height:389px;background:radial-gradient(ellipse at 80% 0%,#738ec934,transparent 65%),radial-gradient(ellipse at 0% 100%,#99825b17,transparent 55%),linear-gradient(135deg,#273040,#161e2a);position:relative;overflow:hidden}.dialogue-screen .eyebrow{font-size:9px;color:#97a3bd;letter-spacing:2px}.dialogue-screen .pill{font-size:10px;background:#ffffff0b;color:#cbd0e2;border-color:#ffffff0a}.scene-title{margin:49px 0 26px}.scene-kicker{font-size:9px;letter-spacing:3px;color:#8f9eb8}.scene-title h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,55px);font-weight:400;letter-spacing:-1.9px;line-height:1.15;color:#eae5d9;margin:13px 0}.scene-title p{font-size:12px;letter-spacing:.5px;color:#939faf}.scene-cast{display:flex;align-items:center;margin-bottom:25px;gap:0;font-size:12px;color:#c8d2df}.cast-avatar{width:29px;height:29px;border-radius:50%;background:#9faebc;color:#25303d;border:2px solid #1e2837;display:grid;place-items:center;font-family:Georgia,serif;font-size:13px}.cast-avatar.second{background:#b6b192;margin-left:-6px;margin-right:10px}.scene-cast small{display:block;color:#6e8298;font-size:10px;line-height:1.6}.scene-outline{border-color:#b7bec330!important;color:#c5d1d9!important;background:#ffffff03!important}.scene-tip{font-size:10px;color:#6e859d;margin-top:20px}.dialogue-episodes{display:flex;flex-direction:column;gap:11px}.episode{padding:20px 17px;display:flex;align-items:center;gap:14px;border:1px solid #ffffff0b;background:#141d29;border-radius:13px;text-align:left;transition:background .2s,border-color .2s}.episode:hover{background:#192637}.episode.active{border-color:#b8dc913b;background:#b8dc9109}.episode-no{font-size:11px;color:#597183;font-family:monospace}.episode.active .episode-no{color:#b8dc91}.episode>div{flex:1}.episode strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:19px;line-height:1.5;color:#cbd9e3}.episode small{display:block;font-size:10px;color:#6c8499;margin-top:6px;line-height:1.6}.episode>svg{width:15px;height:15px;color:#6d8d65}.scene-focus{padding:15px 7px}.scene-focus .eyebrow{font-size:9px;color:#739061}.scene-focus p{color:#839789;font-size:12px;line-height:1.9;margin-top:13px}.dialogue-transcript{max-width:950px;margin-left:auto;margin-right:auto}.script-line{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid #ffffff08}.script-line>span{font-size:11px;color:#a1bc89;padding-top:5px}.script-line p{font-size:19px;line-height:1.75;color:#bbceda}.transcript-hidden{text-align:center;font-size:12px;color:#557188;border:1px dashed #ffffff0c;padding:22px;border-radius:12px;margin-top:23px}.local-studio>p{font-size:13px}.local-studio .eyebrow{font-size:10px;margin-bottom:9px;color:#a3bba1}.clip-drop{display:flex;align-items:center;gap:19px;padding:26px;border:1px dashed #bdd9942b;background:#bdd99405;border-radius:15px;margin:26px 0}.clip-drop>svg{width:29px;height:29px;color:#a8c493}.clip-drop>div{flex:1;min-width:0}.clip-drop strong{font-size:15px;font-weight:450;overflow-wrap:anywhere}.clip-drop p{font-size:11px;margin-top:6px;color:#6c879b}.scene-media{width:100%;max-height:400px;min-height:130px;background:#070e15;border:1px solid #ffffff10;border-radius:13px}.clip-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 25px;font-size:12px;color:#8fa7b7}.clip-controls label{display:flex;align-items:center;gap:6px}.clip-controls input{background:#0c1621;color:#c2d2df;border:1px solid #ffffff15;border-radius:6px;padding:6px;width:73px}.clip-controls .btn,.clip-controls .select{font-size:12px;padding:7px 10px}.local-studio>.field{font-size:13px;color:#94aebb}.local-studio textarea{margin-top:10px;font-size:15px}.local-studio .tip{font-size:11px}.skip-link{background:#c7f597;color:#172518}
@media(min-width:1550px){.content{padding-top:40px}.daily-hero{min-height:295px}.daily-hero h2{font-size:34px}.hero-ring{width:150px;height:150px;min-width:150px}.track-choice{padding:17px 21px}.panel{padding:28px}.task-row{padding:20px 0}}
@media(max-width:1190px){.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr);gap:20px}.track-choice{grid-template-columns:1fr;gap:3px;padding:13px 16px}.track-code{grid-row:auto;font-size:11px;letter-spacing:.7px;margin-bottom:2px}.track-tag{font-size:9px}.daily-hero{padding:27px 24px;min-height:267px}.daily-hero h2{font-size:26px}.daily-hero .sub{font-size:17px}.hero-ring{width:108px;height:108px;min-width:108px;box-shadow:0 0 0 11px #ffffff02,0 0 0 22px #ffffff01}.hero-ring strong{font-size:30px}.hero-ring span{font-size:9px}.stat-card{padding:16px}.audio-dock{left:calc(50% + 102px)}.dialogue-layout{grid-template-columns:1fr}.dialogue-episodes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.episode{padding:17px 13px;gap:8px}.episode strong{font-size:16px}.episode-no{display:none}.episode svg{width:12px;height:12px}.scene-focus{grid-column:1/-1}.scene-focus p{margin-top:6px}.scene-title{margin-top:39px}}
@media(max-width:990px){.dashboard-grid{grid-template-columns:1fr}.daily-hero{min-height:260px}.hero-ring{width:140px;height:140px;min-width:140px;margin-right:12px}.hero-ring strong{font-size:39px}.hero-ring span{font-size:10px}.track-picker{gap:9px}.track-name{font-size:12px}.track-tag{display:none}.track-choice{padding:13px}.panel{padding:23px}}
@media(max-width:700px){.sidebar{background:#0d151fed;backdrop-filter:blur(20px);border-top:1px solid #ffffff0f;box-shadow:0 -8px 35px #0003;border-right:0;padding-top:5px}.nav-link{font-size:10px;color:#647e92}.nav-link.active{box-shadow:none;border-radius:9px;background:#c7f5970c}.topbar{background:#0c131dbd;border-color:#ffffff08;height:66px}.content{padding-top:24px}.mobile-brand{color:#d9e3df;font-size:18px}.brand-mark{border-radius:9px!important}.page-heading h1{font-size:26px}.page-heading p{font-size:11px;line-height:1.9;max-width:265px}.page-heading>.pill{display:none}.track-picker{gap:7px;margin-bottom:21px}.track-choice{padding:12px 8px;border-radius:9px}.track-code{font-size:9px;letter-spacing:.5px;min-width:0}.track-name{font-size:11px}.track-tag{display:none}.daily-hero{min-height:245px;padding:23px 21px}.daily-hero h2{font-size:25px;line-height:1.5;margin-top:15px}.daily-hero .eyebrow{font-size:8px;letter-spacing:1.7px}.daily-hero .sub{font-size:16px}.daily-hero .hero-meta{font-size:10px;gap:9px;margin:15px 0 20px}.hero-ring{width:89px;height:89px;min-width:89px;margin:0;padding:4px;box-shadow:0 0 0 9px #ffffff02,0 0 0 18px #ffffff01}.hero-ring strong{font-size:25px}.hero-ring strong small{font-size:11px}.hero-ring span{font-size:8px}.daily-hero .btn{font-size:12px;padding:9px 13px}.stat-card{padding:13px 11px;border-radius:12px}.stat-card .stat-top{font-size:10px}.stat-card .stat-top svg{width:12px!important;height:12px!important}.stat-value{font-size:28px}.stat-value small{font-size:10px}.stat-foot{font-size:9px;line-height:1.8;color:#627c8f}.main-column{gap:19px}.panel{padding:21px 18px}.section-head h2{font-size:17px}.task-row{padding:16px 0}.task-title{font-size:13px}.task-desc{font-size:10px}.task-status{font-size:10px}.step-num{width:30px;height:30px}.course-card h3{font-size:17px}.course-card{padding:20px}.course-card p{font-size:12px}.course-no{font-size:9px}.course-card small{font-size:10px}.spotlight .phrase{font-size:30px}.spotlight .eyebrow{font-size:10px}.footer{font-size:10px}.audio-dock{left:50%;bottom:85px;padding:10px 12px;min-width:280px}.audio-dock strong{font-size:11px}.audio-dock #audio-dock-status{font-size:10px}.studio-tabs{gap:3px;padding-bottom:10px;margin-bottom:20px}.studio-tab{font-size:11px;padding:9px 10px;gap:6px;flex:1;justify-content:center;white-space:nowrap}.studio-tab svg{width:15px;height:15px}.dialogue-screen{padding:23px;min-height:374px;border-radius:17px}.dialogue-screen>.row.between{gap:9px;align-items:flex-start}.dialogue-screen .eyebrow{font-size:8px;line-height:1.8;max-width:180px}.dialogue-screen .pill{font-size:8px;white-space:nowrap;padding:4px 7px}.scene-title{margin-top:40px}.scene-title h2{font-size:38px;letter-spacing:-1.2px}.scene-kicker{font-size:8px;letter-spacing:2px}.scene-title p{font-size:11px}.scene-tip{font-size:9px}.dialogue-episodes{grid-template-columns:1fr;gap:9px}.episode{padding:16px 18px}.episode-no{display:block;margin-right:6px}.episode strong{font-size:19px}.episode small{font-size:10px;margin-top:3px}.episode svg{width:14px;height:14px}.scene-focus{display:none}.dialogue-layout{gap:15px}.script-line{grid-template-columns:43px 1fr;gap:11px;padding:14px 0}.script-line>span{font-size:10px}.script-line p{font-size:17px;line-height:1.8}.clip-drop{flex-wrap:wrap;padding:21px;gap:14px}.clip-drop strong{font-size:13px}.clip-drop p{font-size:10px}.clip-drop .btn{margin-left:42px;font-size:12px}.clip-controls{gap:10px}.clip-controls input{width:65px}.clip-controls label{font-size:11px}.local-studio>p{font-size:12px}.local-studio>.section-head{gap:10px;align-items:flex-start}.local-studio>.section-head h2{font-size:18px}.local-studio .pill{font-size:9px}.reading{font-size:20px}.study-top h2{font-size:23px}.wave{gap:4px}.wave span{width:3px}.player-options{font-size:12px}.chunk-card h3{font-size:24px}.select{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.track-choice.selected{animation:track-in .4s ease-out}.daily-hero .hero-ring{transition:background .5s}.course-card:hover .course-no{color:#c7f597}@keyframes track-in{from{border-color:#c7f59780}to{border-color:color-mix(in srgb,var(--track-color) 35%,transparent)}}}