@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url('/montserrat-400.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url('/montserrat-500.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url('/montserrat-600.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url('/montserrat-700.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url('/montserrat-800.ttf') format('truetype')}
:root{color-scheme:dark;--bg:#0b1020;--panel:#131b2e;--line:#253047;--muted:#9aa9c2;--text:#f2f5fc;--blue:#7487ff;--green:#61d5ae;--orange:#f49a52;font-family:'Montserrat',system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a8b3ff;outline-offset:4px}button{transition:background .18s,border-color .18s,transform .18s}button:hover:enabled{filter:brightness(1.12)}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#000;padding:12px;z-index:100}.skip:focus{top:10px}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;padding:37px 23px 25px;background:#0d1425;border-right:1px solid #202a40;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brandmark{display:grid;place-items:center;background:#f4f7ff;color:#151d39;width:43px;height:43px;font-weight:900;font-size:17px;letter-spacing:-2px;border-radius:13px}.brand strong{display:block;font-family:'Montserrat',system-ui;font-size:17px;letter-spacing:-.6px}.brand small{font-size:9px;letter-spacing:2.4px;color:#9aa8c7}.navlabel{color:#687b9a;font-size:10px;font-weight:700;letter-spacing:1.8px;margin:48px 14px 15px}.nav{display:grid;gap:8px}.nav a{display:flex;gap:12px;align-items:center;padding:13px 15px;border-radius:10px;font-size:13px;color:#a6b4cd}.nav a.active{background:#242c4b;color:#b4baff}.nav a.active:before{position:absolute;left:0;width:3px;height:24px;background:#8790ff;content:'';border-radius:3px}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto}.sidebar-note{border:1px solid #2c3651;border-radius:13px;padding:17px;background:linear-gradient(135deg,#1d2643,#161e34);font-size:12px;line-height:1.6;color:#a9b7d3;margin:24px 0}.sidebar-note strong{display:block;color:#e3e9f9;margin:8px 0 4px}.smalllink{border:0;background:transparent;font-size:12px;color:#9cacc7;display:flex;gap:12px;align-items:center;padding:10px}.copyright{border-top:1px solid #252f45;padding-top:18px;color:#627594;font-size:10px;line-height:1.8;margin-top:17px}.workspace{margin-left:242px}.topbar{height:91px;border-bottom:1px solid #202a3c;display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:15px}.breadcrumbs{font-size:12px;color:#8f9db7;display:flex;align-items:center;gap:11px}.breadcrumbs b{color:#d6deef;font-weight:500}.top-actions{display:flex;align-items:center;gap:23px}.search{display:flex;align-items:center;gap:10px;color:#7285a5;border:1px solid #263149;background:#10182a;padding:9px 13px;border-radius:10px}.search input{width:170px;background:none;border:0;color:white;outline:0;font-size:12px}.avatar{width:36px;height:36px;background:#333e61;border:1px solid #59678c;display:grid;place-items:center;border-radius:50%;font-size:12px}.profile{display:flex;align-items:center;gap:10px;background:transparent;border:0;font-size:12px}.mobile-brand{display:none}main{max-width:1440px;padding:37px 44px 65px;margin:auto}.eyebrow{display:flex;align-items:center;gap:8px;color:#a4b0d2;font-size:10px;letter-spacing:1.9px;font-weight:700;text-transform:uppercase}h1,h2,h3{font-family:'Montserrat',system-ui,sans-serif}h1{font-size:30px;letter-spacing:-1px;margin:5px 0 9px;line-height:1.25}h2{font-size:20px;letter-spacing:-.5px;margin:0}h3{font-size:16px;margin:0;letter-spacing:-.3px}p{line-height:1.65}.muted{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.intro p{font-size:13px;color:#97a8c3;margin:0}.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #34415e;background:#19243a;color:#b3c4df;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:600}.badge.green{background:#17352f;color:#8de4c5;border-color:#2b584d}.badge.violet{color:#c2bbff;background:#352c58;border-color:#5c4c83}.badge.ghost{background:#111b2e;color:#abb8cf}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}.hero{position:relative;min-height:365px;border:1px solid #38435a;border-radius:20px;overflow:hidden;background:#17243b;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 35%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#131e35 5%,#131e35f0 30%,#131e3580 57%,#131e3510 100%),linear-gradient(0deg,#111b30c0,transparent 60%)}.hero-copy{z-index:1;position:relative;padding:37px;max-width:570px}.hero .eyebrow{color:#c1c7fd;margin:18px 0 10px}.hero h2{font-size:49px;line-height:1.08;letter-spacing:-2px}.hero h2 span{font-weight:500;font-size:26px;letter-spacing:-1px;display:block;margin-top:10px}.hero p{font-size:13px;color:#c0cee3;max-width:350px;margin:15px 0 24px}.hero-corner{position:absolute;right:22px;bottom:20px;z-index:2;display:flex;align-items:center;gap:9px;color:white;font-size:10px;background:#12203b9c;border:1px solid #a3b2d13d;border-radius:7px;padding:9px 11px;backdrop-filter:blur(6px)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border-radius:9px;padding:12px 18px;display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:44px;font-size:12px;font-weight:600;border:1px solid #3a4761;background:#1b263d}.btn.primary{background:#777cf5;border-color:#8588ff;color:white;box-shadow:0 4px 20px #5650eb20}.btn.primary .icon{width:15px}.btn.subtle{background:#12203b85;border-color:#52607e}.btn.text{border:0;background:none;color:#9daaca;padding:6px 0;box-shadow:none}.btn.small{padding:8px 12px;min-height:36px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:33px 0 18px}.section-title p{font-size:12px;color:#95a5c1;margin:5px 0 0}.section-title a{font-size:11px;color:#b4bbef;display:flex;align-items:center;gap:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:21px}.stat{display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:19px;background:#111a2c}.stat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#252d4d;color:#a8aaff}.stat:nth-child(2) .stat-icon{background:#173635;color:#8cdac7}.stat:nth-child(3) .stat-icon{background:#352c45;color:#c3a7e1}.stat strong{font-size:21px;font-family:Manrope}.stat p{font-size:11px;margin:3px 0 0;color:#9bacc7}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{border:1px solid #2b354c;background:#131b2f;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.product-visual{height:123px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 100%,#554894,#222a4a)}.product-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.product-visual .badge{position:absolute;right:10px;top:10px;background:#111a2de0;backdrop-filter:blur(7px)}.product-visual.triangle{background:radial-gradient(ellipse at 50% 120%,#263f80,#152743 65%)}.triangle svg{width:80px;height:80px;color:#8cb0ff;filter:drop-shadow(0 0 13px #4c7dff55)}.product-visual.ai{background:radial-gradient(ellipse at 50% 100%,#463a71,#20243e)}.ai-orbit{border-radius:50%;border:1px solid #756a9b;width:72px;height:72px;display:grid;place-items:center;box-shadow:0 0 0 12px #a18cda08,0 0 0 24px #a18cda06;color:#c5b2ff}.ai-orbit .icon{width:31px;height:31px}.product-visual.books{background:radial-gradient(ellipse at 50% 100%,#375c60,#172e3a)}.books .icon{width:55px;height:55px;color:#9abfbb}.product-body{padding:17px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:14px}.product-body p{font-size:11px;color:#91a2c0;margin:7px 0 18px;min-height:36px}.product-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9babc9;margin-top:auto}.product-bottom button{background:none;border:0;padding:5px;color:#b9c3fb}.progressline{height:4px;background:#29334b;border-radius:8px;margin:13px 0 9px;overflow:hidden}.progressline span{height:100%;display:block;background:#8a88f8}.guide{border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:15px;margin-top:28px;padding:19px 22px;background:linear-gradient(110deg,#17223a,#121a2d)}.guide .icon{color:#aeb9ef;width:28px;height:28px}.guide h3{font-size:12px}.guide p{font-size:11px;color:#99aac6;margin:4px 0 0}.guide button{margin-left:auto;white-space:nowrap}.footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#667a9b;margin-top:36px}.panel{background:#131c2f;border:1px solid #2b3751;border-radius:15px;padding:24px;margin:18px 0}.panel p{font-size:13px}.notice{border:1px solid #42516f;background:#1a2842;color:#c6d4ed;border-radius:9px;padding:13px 16px;font-size:12px;line-height:1.7;margin:14px 0}.notice.warning{background:#342b26;border-color:#665039;color:#edc89c}.notice.success{background:#173830;border-color:#326453;color:#96e0c3}.episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.episode-card{border:1px solid #2c3851;border-radius:13px;background:#131c30;overflow:hidden;text-align:left}.episode-cover{height:175px;position:relative;background:linear-gradient(145deg,#1e3157,#36304e);display:flex;align-items:center;justify-content:center}.episode-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 36%}.episode-cover .badge{position:absolute;left:12px;top:12px}.episode-cover .number{font-family:Manrope;font-size:60px;font-weight:800;opacity:.17;letter-spacing:-4px}.episode-body{padding:18px}.episode-body p{font-size:12px;color:#95a8c4;margin:8px 0 16px}.episode-body h3{font-size:15px}.release-list{display:grid;gap:0}.release-row{display:flex;align-items:center;gap:17px;border-bottom:1px solid #273248;padding:17px 0;font-size:12px}.release-row:last-child{border:0}.release-row>strong{font-size:15px;color:#6e83a7;width:23px}.release-row .badge{margin-left:auto}.release-row p{margin:2px 0 0;font-size:11px;color:#9baac3}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.cover-large{width:100%;height:300px;object-fit:cover;object-position:50% 35%;border-radius:13px}.steps{display:flex;gap:7px;margin:24px 0}.step{background:#162139;border:1px solid #2d3a55;border-radius:10px;padding:12px;flex:1;text-align:left;font-size:10px;color:#98abc8;min-height:62px}.step span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.step.active{border-color:#8e8aff;color:#e0ddff;background:#2a2b4c}.player{display:grid;gap:13px;padding:20px;background:#0e1729;border:1px solid #33425d;border-radius:12px;margin:18px 0}.player-main{display:flex;align-items:center;gap:15px}.player-main .round{border-radius:50%;width:44px;height:44px;border:0;background:#8584f6;display:grid;place-items:center;flex-shrink:0}.player input[type=range]{accent-color:#9994ff;width:100%}.player select{font-size:12px;padding:8px;background:#1e2b43;color:white;border:1px solid #42516d;border-radius:7px}.time{font-size:10px;color:#9aaecb;display:flex;justify-content:space-between}.player-error{color:#f8c199;font-size:12px}.line{border:1px solid #2f3d58;border-radius:12px;padding:18px;margin:12px 0;background:#111b2e}.line-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.line-text{font-size:17px;line-height:1.9;margin-top:14px}.line-text span{padding:2px 3px;border-radius:4px}.line-text span.current{background:#b5a6ff;color:#12152a}.line-text span.past{color:#a1afff}.translation{padding:12px;background:#26334e;border-radius:7px;font-size:13px;color:#d7e1f2;margin-top:13px}.options{display:grid;gap:11px;margin:23px 0}.option{border:1px solid #394968;border-radius:10px;background:#16233c;display:flex;gap:13px;text-align:left;padding:15px;font-size:14px}.option.selected{border-color:#a59dff;background:#2d3155}.option.correct{border-color:#66d0a7}.option.incorrect{border-color:#efa265}.builder-zone{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:96px;padding:16px;border:1px dashed #596989;border-radius:12px;background:#0e192d;margin:22px 0}.slot{min-width:64px;min-height:44px;border-radius:8px;border:1px dashed #394966;display:grid;place-items:center}.tile{min-height:44px;border:1px solid #536fa8;background:#233c6a;color:#e1eaff;border-radius:8px;padding:10px 13px;font-size:14px}.tile.correct{background:#173d31;color:#a1edc9;border-color:#4eaf84}.tile.incorrect{background:#4b3021;color:#ffd1a6;border-color:#d88849}.bank{display:flex;gap:9px;flex-wrap:wrap;min-height:65px}.metric-large{font-size:56px;color:#a4a0ff;font-weight:800;letter-spacing:-2px}.empty{text-align:center;padding:42px 20px}.empty>.icon{width:35px;height:35px;color:#a29ef3;margin-bottom:15px}.empty h2{font-size:22px}.empty p{font-size:13px;max-width:480px;margin:15px auto;color:#a7b7d1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px;font-size:12px;color:#b8c6dd;margin-bottom:16px}.field input,.field textarea,.field select{width:100%;background:#0f192b;border:1px solid #3b4b67;border-radius:8px;padding:12px;color:#f2f5ff;font-size:13px}.field textarea{resize:vertical;min-height:100px}.wide{grid-column:1/-1}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.tabs button{border:1px solid #384b69;padding:9px 13px;border-radius:8px;background:#19243b;font-size:12px}.tabs .active{background:#353354;border-color:#9489d4}.item-editor{padding:17px;background:#0e182a;border:1px solid #2c3c57;border-radius:10px;margin:13px 0}.editor-list{max-height:65vh;overflow:auto}.code-editor{font-family:monospace!important;font-size:12px!important;min-height:260px!important}.modal-backdrop{position:fixed;inset:0;background:#030713bf;z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal{position:relative;width:100%;max-width:430px;max-height:90vh;overflow:auto;background:#141f34;border:1px solid #43516f;border-radius:20px;padding:33px}.modal h2{font-size:26px;margin:24px 0 10px}.modal p{font-size:13px;color:#a2b3cf}.modal-close{position:absolute;right:15px;top:13px;background:none;border:0;color:#a2b2d0;min-height:36px;min-width:36px}.modal .btn.primary{width:100%}#toast{position:fixed;bottom:25px;right:25px;max-width:360px;background:#2b3552;border:1px solid #6c79a0;border-radius:11px;font-size:13px;padding:15px 20px;z-index:150;display:none;box-shadow:0 15px 50px #0005}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:15px 9px;border-bottom:1px solid #2a3851}th{color:#93a6c8}.studio-banner{display:flex;justify-content:space-between;align-items:center;gap:15px}.desktop-hide{display:none}.subtitle{font-size:13px;color:#a2b2ce;margin-bottom:22px}.error-text{color:#ffbd8d;font-size:12px;line-height:1.6}audio{width:100%}[hidden]{display:none!important}.calendar{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:20px 0}.calendar div{padding:14px 7px;border:1px solid #34425e;border-radius:9px;text-align:center;font-size:11px}.calendar b{display:block;font-size:16px;margin-bottom:6px}.calendar small{color:#a4b4d0}.loading{padding:60px;text-align:center;color:#a8b6d1}.separator{border:0;border-top:1px solid #2a3650;margin:25px 0}@media(min-width:1600px){main{padding-top:46px}.hero{min-height:410px}.hero-copy{padding:44px}.product-visual{height:155px}}@media(max-width:1150px){.sidebar{width:210px;padding:30px 17px}.workspace{margin-left:210px}.topbar{padding:0 27px}main{padding:30px 27px}.products{grid-template-columns:repeat(2,1fr)}.product-visual{height:150px}.episode-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{max-width:500px}.search{display:none}.split{grid-template-columns:1fr}.stats .stat{gap:10px;padding:16px 12px}.hero h2{font-size:43px}}@media(max-width:720px){.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:72px;padding:8px 8px 12px;display:block;border-right:0;border-top:1px solid #2c3851;background:#0e172af5;backdrop-filter:blur(12px)}.sidebar .brand,.navlabel,.sidebar-bottom,.studio-nav{display:none}.nav{display:flex;justify-content:space-around;gap:2px}.nav a{font-size:9px;display:flex;flex-direction:column;gap:5px;padding:6px 11px;min-width:62px}.nav a.active:before{display:none}.nav .icon{width:20px;height:20px}.workspace{margin-left:0}.topbar{height:72px;padding:0 19px}.topbar .breadcrumbs{display:none}.mobile-brand{display:flex}.mobile-brand .brandmark{width:32px;height:32px;font-size:14px;border-radius:9px}.mobile-brand strong{font-size:14px}.mobile-brand small{font-size:7px}.top-actions{gap:9px}.profile>span{display:none}.top-actions .btn{padding:8px 11px;min-height:36px;font-size:11px}main{padding:27px 19px 105px}h1{font-size:25px}.intro{align-items:flex-start}.intro .badge{font-size:9px;white-space:nowrap}.intro p{font-size:12px;max-width:240px}.hero{min-height:365px;align-items:flex-end;border-radius:15px}.hero-image{object-position:65% 25%}.hero:after{background:linear-gradient(0deg,#12203b 2%,#12203be8 30%,#12203b20 100%),linear-gradient(90deg,#12203b70,transparent)}.hero-copy{padding:24px;max-width:100%}.hero-copy .badge{font-size:9px}.hero .eyebrow{font-size:9px;margin-top:18px}.hero h2{font-size:37px;letter-spacing:-1.5px}.hero h2 span{font-size:20px}.hero p{font-size:12px;margin:12px 0 18px;max-width:280px}.hero-corner{display:none}.stats{gap:8px;margin-top:14px}.stat{display:block;padding:14px 10px!important}.stat-icon{width:29px;height:29px;margin-bottom:8px}.stat-icon .icon{width:15px}.stat strong{font-size:19px}.stat p{font-size:9px;margin-top:5px}.section-title{margin-top:28px}.section-title h2{font-size:18px}.section-title a{font-size:10px}.products{gap:11px}.product-visual{height:112px}.product-body{padding:13px}.product-body h3{font-size:12px}.product-body p{font-size:10px;margin-bottom:12px}.product-bottom{font-size:10px}.product-visual .badge{font-size:8px;right:7px;top:7px;padding:4px 6px}.triangle svg{width:60px;height:60px}.ai-orbit{height:53px;width:53px}.guide{padding:17px;align-items:flex-start;flex-wrap:wrap;gap:12px}.guide>div{flex:1}.guide button{width:100%;margin:0;font-size:11px}.guide h3{font-size:12px}.footer{font-size:9px;flex-wrap:wrap}.episode-grid{grid-template-columns:1fr;gap:15px}.episode-cover{height:200px}.panel{padding:20px}.cover-large{height:230px}.steps{gap:5px;overflow:auto}.step{padding:10px 8px;font-size:9px;min-width:58px;text-align:center}.step span{font-size:8px}.step .step-name{display:none}.form-grid{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(3,1fr)}.line-head{flex-wrap:wrap}.line-text{font-size:16px}.desktop-hide{display:block}.modal{padding:25px}.builder-zone{padding:10px;gap:6px}.tile{padding:9px 10px;font-size:13px}.slot{min-width:49px}.studio-banner{align-items:flex-start;flex-direction:column}.release-row .badge{max-width:140px;text-align:right;line-height:1.5}.intro .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Visual proposal 03 — editorial light / Montserrat / official image logo */
:root{color-scheme:light;--bg:#f8f9fd;--panel:#fff;--line:#e2e7f1;--muted:#66728a;--text:#111d3b;--blue:#3062ed;--green:#157e5c;--orange:#bd651d;background:var(--bg);font-family:'Montserrat',system-ui,sans-serif}
body{background:linear-gradient(135deg,#fff 0%,#f7f9fe 80%)}h1,h2,h3,.stat strong,.metric-large{font-family:'Montserrat',system-ui,sans-serif}h1{font-weight:800;letter-spacing:-1px}h2,h3{font-weight:700}.sidebar{background:linear-gradient(165deg,#142548,#10203e 75%,#172851);border-right:0;width:224px;padding:30px 20px 22px}.workspace{margin-left:224px}.brand{flex-direction:column;gap:13px;align-items:center}.official-logo{display:flex;align-items:center;justify-content:center;width:126px}.official-logo img{width:100%;height:auto;display:block;object-fit:contain}.brand>strong{font-size:14px;color:inherit;letter-spacing:.1px}.sidebar .brand{color:#fff}.sidebar .brand:after{content:'';height:1px;width:100%;background:#ffffff2b;margin:9px 0 12px}.navlabel{display:none}.nav{gap:9px;margin-top:15px}.nav a{color:#e1e7f8;padding:14px 13px;font-size:12px}.nav a.active{background:#2f67ee;color:white;box-shadow:0 4px 12px #07163020}.nav a.active:before{display:none}.sidebar-note{display:none}.sidebar-bottom{color:#a8badc}.smalllink{color:#bdcae3}.copyright{border-top-color:#ffffff30;color:#a8badc}.topbar{height:82px;border-bottom:1px solid #edf0f6;background:#ffffff95;padding:0 36px}.breadcrumbs{color:#7c879b}.breadcrumbs b{color:#233252}.top-actions{gap:20px}.search{background:#f0f3f9;border:1px solid #e5eaf3;border-radius:28px;padding:11px 16px}.search input{color:#233252;width:190px}.avatar{background:#ebeaff;color:#353a89;border:1px solid #deddf4}.profile{color:#263653}main{padding:30px 36px 60px;max-width:1440px}.intro{margin-bottom:25px}.intro h1{font-size:32px}.intro p{color:#485674;font-size:13px}.hero{min-height:310px;border:0;border-radius:19px;background:#204bb7;box-shadow:0 9px 22px #274b9d0d}.hero-image{object-fit:cover;object-position:75% 42%}.hero:after{background:linear-gradient(90deg,#123cba 0%,#1b3fbdc9 25%,#2144bc18 58%,transparent 78%)}.hero-copy{padding:33px;max-width:530px;color:white}.hero h2{font-size:40px;letter-spacing:-1px;text-transform:uppercase;margin-top:24px}.hero h2 span{font-size:19px;font-weight:500;letter-spacing:0;text-transform:none;margin-top:10px}.hero .actions{margin-top:26px}.hero .badge{background:#ffffff26;border:1px solid #ffffff39;backdrop-filter:blur(8px);color:#fff;border-radius:25px;font-size:10px}.hero .btn.primary{background:#fff;color:#2450c9;border:1px solid #ffffff85;border-radius:24px;padding:13px 20px;box-shadow:0 6px 12px #0825711c}.hero-corner{display:none}.btn{background:#f0f3fa;border:1px solid #d9e0ee;color:#243b6b;box-shadow:none;border-radius:10px}.btn.primary{background:linear-gradient(120deg,#2866f3,#5146dc);border-color:transparent;color:#fff}.btn.subtle{background:#fff;border-color:#d4dced;color:#344867}.btn.text{color:#3959a4}.badge{color:#425470;border-color:#dde4ef;background:#edf2f9}.badge.ghost{color:#53627e;background:#f0f3f9}.badge.violet{color:#5e44a6;background:#eee8ff;border-color:#e5dcfc}.badge.green{color:#116847;background:#e3f4ec;border-color:#cbe9da}.resume-card{display:flex;align-items:center;gap:18px;border-radius:15px;padding:17px 19px;background:linear-gradient(110deg,#f1f4fa,#edf0f7);border:1px solid #e6eaf3;margin-top:23px}.resume-card>img{width:120px;height:75px;object-fit:cover;object-position:right;border-radius:9px}.resume-card>div:not(.resume-icon){flex:1;min-width:0}.resume-card h3{font-size:14px}.resume-card p{font-size:11px;color:#5a6883;margin:7px 0}.resume-card>.btn{flex-shrink:0;border-radius:30px}.resume-icon{color:#4365c1;width:40px;height:40px;display:grid;place-items:center;background:#e3e9f8;border-radius:12px}.progressline{background:#d9dfec;height:5px}.progressline span{background:linear-gradient(90deg,#2767ff,#6f68e6)}.section-title{margin:28px 0 18px}.section-title h2{font-size:23px;letter-spacing:-.7px}.section-title p{color:#6a7891;font-size:11px}.section-title a{color:#526caa}.products{gap:21px;grid-template-columns:repeat(4,minmax(0,1fr))}.product{background:transparent;border:0;border-radius:0;overflow:visible}.product-visual{height:auto;aspect-ratio:5/6;max-height:280px;border-radius:14px;background:linear-gradient(145deg,#9fc5f5,#dbe5fc);box-shadow:0 7px 15px #2541680b}.product-visual img{object-position:78% center}.product-visual.triangle{background:linear-gradient(145deg,#b2d1f8,#d6d8fd)}.triangle svg{width:100px;height:100px;color:#2d66db;filter:drop-shadow(0 12px 10px #4262bb2b)}.product-visual.ai{background:linear-gradient(145deg,#7a60d6,#c4a4f0)}.ai-orbit{color:white;border-color:#fff9;background:#ffffff0a;box-shadow:0 0 0 12px #ffffff0b,0 0 0 24px #ffffff06;width:82px;height:82px}.product-visual.books{background:linear-gradient(145deg,#afc6f4,#e2ccf4)}.books .icon{width:80px;height:80px;color:#3d54b7;filter:drop-shadow(0 10px 7px #4859a934)}.product-visual .badge{background:#ffffffdb;border-color:#fff7;color:#3d467e;backdrop-filter:blur(8px);border-radius:20px;font-size:9px;top:10px;right:10px}.product-body{padding:13px 2px 0}.product-body h3{font-size:14px;color:#172445}.product-body p{font-size:10px;color:#68758b;margin:7px 0 9px;min-height:32px}.product-bottom{font-size:10px;color:#6b7890}.product-bottom button{color:#2f5bcc;background:#e8efff;border-radius:20px;padding:6px 10px}.guide{background:#f0f4fb;border:1px solid #e3e9f5}.guide .icon{color:#7288b8}.guide p{color:#6d7b93}.guide h3{color:#2d405e}.footer{color:#8b95a8}.panel{background:#fff;border-color:#e0e6f1;box-shadow:0 6px 18px #203b6305}.panel p.muted,.subtitle{color:#68758d}.eyebrow{color:#67769a}.notice{background:#edf3fd;color:#415775;border-color:#d7e2f3}.notice.warning{background:#fff5e8;border-color:#efd6b5;color:#825522}.notice.success{background:#e9f7ef;color:#236949;border-color:#bfdfcc}.episode-card{background:#fff;border-color:#e1e7f0;box-shadow:0 7px 18px #23375506}.episode-cover{background:linear-gradient(140deg,#d5e3fb,#e9e0f6)}.episode-cover .number{color:#334e8e}.episode-body p{color:#6c7890}.release-row{border-color:#e7ebf2}.release-row p{color:#6e7c93}.release-row>strong{color:#6c83ab}.steps .step{background:#eef2f9;color:#60708e;border-color:#e0e6f2}.steps .step.active{background:#e6edff;color:#2d50b2;border-color:#aabdf4}.player{background:#f3f6fc;border-color:#dde5f3}.player-main .round{background:#3469eb;color:white}.player select{background:white;color:#2d4162;border-color:#d6deee}.time{color:#7183a1}.player-error{color:#a76729}.line{background:#fafbfe;border-color:#e0e7f2}.line-text{color:#203653}.line-text span.current{background:#ddd7ff;color:#312768}.line-text span.past{color:#4b61ad}.translation{background:#eef0fa;color:#4c5e7e}.option{background:#f2f5fb;border-color:#d8e1f0;color:#304567}.option.selected{background:#e5ecff;border-color:#5a7ae0}.option.correct{background:#edf8f2;border-color:#5caa84}.option.incorrect{background:#fff3e8;border-color:#db9157}.builder-zone{background:#f5f8fd;border-color:#a6b5d3}.slot{border-color:#ccd6e9}.tile{background:#e7efff;color:#2a4d90;border-color:#a9bfe9}.tile.correct{background:#ddf2e7;color:#246644;border-color:#78b895}.tile.incorrect{background:#ffead7;color:#8d4d1a;border-color:#dc9c61}.field{color:#52647e}.field input,.field textarea,.field select{background:#f8faff;border-color:#d5dfed;color:#263b5d}.field input:disabled{color:#768398;background:#eff2f8}.tabs button{background:#edf2fb;border-color:#d8e2f2;color:#415c8a}.tabs .active{background:#e3eafd;border-color:#acbbe7}.item-editor{background:#f6f8fd;border-color:#e0e6f2}.modal-backdrop{background:#10213c66}.modal{background:#fff;border-color:#e1e7f3;box-shadow:0 18px 80px #15254b2e}.modal .brand{color:#152b51}.modal .official-logo{background:#172b50;border-radius:10px;padding:10px;width:85px}.modal p{color:#667792}.modal-close{color:#667792}#toast{background:#fff;color:#263b60;border-color:#cbd7ee;box-shadow:0 10px 40px #16294b22}.table-wrap th,.table-wrap td{border-color:#e2e8f2}.separator{border-color:#e0e7f2}.error-text{color:#a95d2a}.calendar div{border-color:#dce5f3}.calendar small{color:#64789c}.empty>.icon{color:#637fbe}
@media(min-width:1600px){.hero{min-height:340px}.hero-copy{padding:38px}.product-visual{height:auto}}
@media(max-width:1150px){.sidebar{width:200px}.workspace{margin-left:200px}main{padding:26px}.topbar{padding:0 26px}.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-visual{height:auto}.product-body h3{font-size:12px}.hero-copy{max-width:470px}.hero h2{font-size:34px}.hero h2 span{font-size:17px}}
@media(max-width:850px) and (min-width:721px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:25px}.hero h2{font-size:29px}}
@media(max-width:720px){.sidebar{width:100%;height:74px;background:#ffffffdf;border-top:1px solid #dfe6f3;padding:7px 7px 12px;backdrop-filter:blur(15px);box-shadow:0 -4px 20px #22365605}.workspace{margin-left:0}.sidebar .nav{margin-top:0;gap:2px}.nav a{font-size:9px;color:#4d5d7b;padding:7px 9px;min-width:63px}.nav a.active{background:#edf2ff;color:#2765ed;box-shadow:none}.mobile-brand{display:block}.mobile-brand .brand{flex-direction:row;gap:9px}.mobile-brand .brand>strong{font-size:11px;max-width:60px;line-height:1.5}.mobile-brand .official-logo{width:64px;background:#15284b;padding:6px 8px;border-radius:8px}.topbar{height:78px;padding:0 18px;border-bottom:0;background:#ffffff70}.top-actions{gap:9px}.top-actions .btn{font-size:9px;padding:8px 10px}.avatar{width:32px;height:32px}main{padding:18px 18px 105px}.intro{margin-bottom:20px}.intro h1{font-size:25px;letter-spacing:-.8px}.intro p{font-size:11px;max-width:100%}.hero{min-height:285px;align-items:flex-end;border-radius:15px}.hero-image{object-position:78% 40%}.hero:after{background:linear-gradient(0deg,#17286df0 0%,#1f36866e 37%,transparent 68%)}.hero-copy{padding:21px;max-width:100%;width:100%}.hero-copy h2{font-size:27px;letter-spacing:-.5px;margin-top:11px}.hero-copy h2 span{font-size:12px;margin-top:7px}.hero .badge{font-size:8px;padding:4px 9px}.hero .actions{margin-top:15px}.hero .btn.primary{font-size:10px;padding:9px 14px;min-height:37px}.resume-card{margin-top:17px;padding:14px;gap:10px}.resume-card>img{width:72px;height:55px}.resume-card h3{font-size:11px}.resume-card p{font-size:9px;margin:5px 0}.resume-card>.btn{font-size:9px;min-height:34px;padding:7px 10px}.resume-icon{width:31px;height:31px;flex-shrink:0}.resume-icon .icon{width:17px}.section-title{margin:25px 0 14px}.section-title h2{font-size:20px}.section-title p{font-size:10px;max-width:230px;line-height:1.6}.section-title a{font-size:9px;white-space:nowrap}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.product-visual{height:auto;aspect-ratio:5/6;border-radius:12px}.product-body{padding:10px 1px 0}.product-body h3{font-size:11px;line-height:1.5}.product-body p{font-size:9px;min-height:0;line-height:1.6}.product-bottom{font-size:9px;gap:4px}.product-bottom .icon{width:14px;height:14px}.product-bottom button{font-size:9px;padding:5px 8px}.product-visual .badge{font-size:8px;right:8px;top:8px}.triangle svg{width:74px;height:74px}.ai-orbit{height:58px;width:58px}.books .icon{width:63px;height:63px}.guide{margin-top:26px}.footer{font-size:8px}.modal .brand{display:flex}.modal .official-logo{width:76px}.modal .brand>strong{font-size:13px}}

/* Episode artwork uses its full approved poster ratio. */
.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.episode-card{min-width:0;overflow:hidden;box-shadow:0 10px 28px #18345c0d}
.episode-cover{height:auto;aspect-ratio:5/7;background:#142443}
.episode-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.episode-cover>.badge{top:auto;bottom:12px;left:12px;background:#142443dc;color:white;backdrop-filter:blur(10px);border-color:#ffffff30}
.episode-body h3{line-height:1.45}.episode-body p{min-height:44px}
.episode-body .actions{gap:10px;flex-wrap:wrap}.episode-body .btn{min-height:44px}
.episode-details{grid-template-columns:minmax(220px,390px) minmax(0,1fr);align-items:start}
.episode-details .cover-large{display:block;height:auto;max-height:none;aspect-ratio:5/7;object-fit:contain;background:#142443}
@media(min-width:1500px){.episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.episode-grid{gap:18px 12px}.episode-body{padding:13px 10px}.episode-body h3{font-size:13px}.episode-body p{font-size:11px;min-height:0}.episode-body .badge{font-size:9px}.episode-body .btn{font-size:10px;padding:9px}.episode-cover>.badge{display:none}.episode-details{grid-template-columns:1fr}.episode-details .cover-large{max-width:360px;margin:auto}}
@media(max-width:360px){.episode-grid{grid-template-columns:1fr}}

.tile.correct:disabled{opacity:1;color:#146c4f;background:#dff6e9;border-color:#67b493}
.preview-nav{border:1px solid #ffffff40}
.hero .btn:not(.primary){background:#ffffff20;color:white;border-color:#ffffff70}

/* Internal account management */
.user-search{display:flex;align-items:flex-end;gap:16px}.user-search .field{flex:1;margin:0}.users-table td{vertical-align:top;overflow-wrap:anywhere}.users-table td:first-child{min-width:220px}.user-pagination{justify-content:flex-end;margin-top:18px}.user-search button{min-height:44px}.form-grid>*{min-width:0}.panel{min-width:0}.panel audio{max-width:100%}.panel .muted{overflow-wrap:anywhere}
@media(max-width:720px){.sidebar .nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.sidebar .nav a{min-width:0;font-size:8px;padding:7px 3px;text-align:center;white-space:normal}.user-search{align-items:stretch;flex-direction:column}.users-table .actions{flex-direction:column;align-items:stretch}}

/* Typography 1.2 — comfortable reading at every screen size. */
:root{font-size:16px;--muted:#52627b}
body{font-size:1rem;line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%}
h1,.intro h1{font-size:clamp(1.75rem,2.3vw,2.5rem);line-height:1.25;overflow-wrap:anywhere}
h2,.section-title h2{font-size:clamp(1.4rem,1.7vw,1.8rem);line-height:1.35}
h3,.product-body h3,.episode-body h3,.resume-card h3,.guide h3{font-size:1.125rem;line-height:1.45}
p,.panel p,.intro p,.subtitle,.empty p,.modal p,.hero p{font-size:1.0625rem;line-height:1.75}
.intro p,.panel p.muted,.subtitle,.episode-body p,.product-body p,.resume-card p,.guide p{color:#52627b}
.nav a,.smalllink,.profile,.breadcrumbs,.search input,.field,.tabs button,.release-row,.product-bottom,.section-title a{font-size:1rem}
.nav a{min-height:48px;line-height:1.4}.sidebar{overflow-y:auto}.sidebar .brand>strong{font-size:1rem}
.eyebrow,.step span,.badge,.hero .badge,.product-visual .badge,.episode-body .badge,.time,.copyright,.footer,.hero-corner{font-size:.875rem;line-height:1.5}
.eyebrow{letter-spacing:.1em}.badge{white-space:normal}.footer{color:#596982}
.btn,.btn.small,.top-actions .btn,.hero .btn.primary{font-size:1rem;min-height:48px;padding:12px 18px;line-height:1.4;white-space:normal}
.product-bottom button{font-size:1rem;min-height:44px}.btn.text{min-height:44px}
.product-body p,.episode-body p,.resume-card p,.guide p,.stat p,.section-title p,.release-row p,.notice,.translation,.error-text,.player-error,.modal p[style],.line>p.muted{font-size:1rem!important;line-height:1.7}
.stat strong{font-size:1.5rem}.calendar div,.calendar small{font-size:.9375rem}.calendar b{font-size:1.125rem}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow:visible}.step{min-width:0;min-height:80px;padding:14px 12px;text-align:left}.step span{letter-spacing:.06em}.step .step-name{display:block;font-size:1rem;font-weight:600;overflow-wrap:anywhere;margin:0}
.line-head{font-size:1.0625rem}.line-text{font-size:1.25rem;line-height:1.9}.option,.tile{font-size:1.125rem;line-height:1.5;min-height:48px}.option{overflow-wrap:anywhere}.slot{min-height:48px}
.field input,.field select,.field textarea,.player select{font-size:1rem;line-height:1.5;min-height:48px}.code-editor{font-size:.9375rem!important}.field input[type=checkbox]{min-height:24px;width:24px}.player-main .round,.modal-close{min-width:48px;min-height:48px}.player-main{flex-wrap:wrap}.player-main input[type=range]{min-width:100px;flex:1}.player select{max-width:100%}
table{font-size:1rem}th,td{line-height:1.6}.tabs button{min-height:48px}.section-title,.intro{flex-wrap:wrap}.split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.split>*{min-width:0}.episode-details{grid-template-columns:minmax(220px,390px) minmax(0,1fr)}
.product-bottom{flex-wrap:wrap;gap:8px}.resume-card{flex-wrap:wrap}.resume-card>div:not(.resume-icon){min-width:180px}.hero-copy{max-width:590px}.hero{min-height:360px}.hero .hero-copy p{color:#eef3ff}.stat p{color:#52627b}#toast{font-size:1rem;line-height:1.6}
@media(max-width:1150px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr)}.sidebar{width:224px}.workspace{margin-left:224px}}
@media(max-width:720px){
 body{font-size:1rem}main{padding:22px 18px calc(116px + env(safe-area-inset-bottom))}.workspace{margin-left:0}.topbar{height:auto;min-height:84px;padding:14px 18px;flex-wrap:wrap}.top-actions .btn{font-size:.9375rem;padding:10px 12px}.avatar{width:44px;height:44px;font-size:1rem}.mobile-brand .brand>strong{font-size:.875rem;max-width:85px}
 .sidebar{width:100%;height:auto;overflow:visible;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.sidebar .nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.sidebar .nav a{display:flex;min-width:0;min-height:68px;gap:5px;font-size:.75rem;line-height:1.35;padding:7px 3px;text-align:center;white-space:normal}.sidebar .nav .studio-nav{display:flex}.sidebar .nav:has(.studio-nav){grid-template-columns:repeat(3,minmax(0,1fr))}body:has(.sidebar .studio-nav) main{padding-bottom:calc(190px + env(safe-area-inset-bottom))}body:has(.sidebar .studio-nav) #toast{bottom:calc(166px + env(safe-area-inset-bottom))}
 h1,.intro h1{font-size:1.75rem}h2,.section-title h2{font-size:1.4rem}.intro p{font-size:1.0625rem}.intro .eyebrow,.hero .eyebrow{font-size:.875rem}.intro .badge,.hero .badge,.product-visual .badge{font-size:.8125rem}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.step{padding:12px;min-height:74px}.step span{font-size:.8125rem}.step .step-name{display:block;font-size:.9375rem}.steps .step:last-child{grid-column:1/-1}
 .hero{min-height:340px}.hero-copy{padding:24px}.hero-copy h2{font-size:2rem}.hero-copy h2 span{font-size:1.125rem;line-height:1.5}.hero .btn.primary{font-size:1rem;min-height:48px}.hero .actions{gap:12px}
 .products,.episode-grid{grid-template-columns:minmax(0,1fr);gap:24px}.product-visual{aspect-ratio:5/6;max-height:340px}.product-body,.episode-body{padding:16px}.product-body h3,.episode-body h3,.resume-card h3,.guide h3{font-size:1.125rem}.product-bottom,.product-bottom button{font-size:1rem}.episode-body .btn{font-size:1rem;padding:12px 16px}.resume-card>.btn{font-size:1rem;min-height:48px;padding:12px 16px}.resume-card>img{width:80px;height:64px}.resume-card>div:not(.resume-icon){min-width:0;flex-basis:calc(100% - 110px)}.resume-card>.btn{width:100%}
 .stats{grid-template-columns:1fr;gap:12px}.stat{display:flex;gap:14px;padding:18px!important}.stat-icon{margin:0}.stat p{margin:4px 0 0}.section-title a{font-size:1rem;white-space:normal}.section-title p{max-width:none}.line-text{font-size:1.1875rem}.tile{font-size:1.0625rem;padding:11px 13px}.guide button{font-size:1rem}.footer{font-size:.875rem}.panel{padding:20px}.tabs{gap:8px}.tabs button{padding:10px 12px}.modal{padding:24px;max-height:90dvh}.modal h2{font-size:1.6rem}.field input[type=file]{padding:10px 8px;font-size:1rem}.field input[type=file]::file-selector-button{font:inherit;max-width:100%;white-space:normal}#toast{left:18px;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:none}
}