@font-face{font-family:Myanmar;src:url(/fonts/NotoSansMyanmarUI-Regular.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Myanmar;src:url(/fonts/NotoSansMyanmarUI-SemiBold.ttf)format("truetype");font-display:swap;font-weight:600 900}:root{--bg:#f6f9fd;--surface:#fff;--ink:#182c46;--muted:#63748b;--navy:#073d87;--orange:#ff8810;--orange-ink:#8c4100;--line:#e4eaf2;--soft:#edf3fb;--highlight:#ffe4a1;--shadow:0 12px 36px #1a3b6310,0 2px 5px #1a3b6306;--reading-size:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#111b29;--surface:#1a293c;--ink:#e4edfc;--muted:#a3b1c4;--navy:#a8c9ff;--line:#304159;--soft:#24364e;--highlight:#66501a;--orange-ink:#ffb269;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){[data-theme=system]{--bg:#111b29;--surface:#1a293c;--ink:#e4edfc;--muted:#a3b1c4;--navy:#a8c9ff;--line:#304159;--soft:#24364e;--highlight:#66501a;--orange-ink:#ffb269;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Myanmar,Hiragino Kaku Gothic ProN,sans-serif;font-size:15px;line-height:1.8}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:11px 17px;transition:transform .2s,background .2s,box-shadow .2s}button:hover{background:var(--soft)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #ff8810}img{max-width:100%;display:block}img[src="/brand/logo.png"]{object-fit:contain;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:650;line-height:1.65}p{margin:.5em 0}em{color:var(--orange-ink);font-style:normal}svg{vertical-align:middle;flex-shrink:0}input,textarea,select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;max-width:100%;padding:12px 15px}textarea{resize:vertical;width:100%;min-height:160px;line-height:1.9}label{color:var(--muted);gap:8px;display:grid}input[type=checkbox]{accent-color:var(--orange);width:20px;height:20px}input[type=range]{accent-color:var(--orange)}.primary{background:var(--orange);color:#241607;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:15px 24px;font-weight:650;display:inline-flex;box-shadow:0 5px 12px #ff881025}.primary:hover{background:#ff9b36;transform:translateY(-2px)}.text-btn{color:var(--navy);background:0 0;border:0;align-items:center;gap:8px;padding:10px 6px;display:inline-flex}.icon-btn{border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:11px;display:inline-flex}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted,small{color:var(--muted)}.eyebrow{letter-spacing:2px;color:var(--muted);align-items:center;gap:9px;font-family:-apple-system,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.eyebrow>span{background:var(--orange);border-radius:100%;width:7px;height:7px}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:18px;font-weight:650;line-height:1.2;display:flex}.brand img{object-fit:contain;border-radius:12px}.brand b{color:var(--orange-ink)}.badge{background:var(--soft);color:var(--navy);border-radius:50px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.badge.orange{color:#7b3a00;background:#fff0dd}.glass,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:25px}.panel{padding:26px}.error{color:#a42f28;white-space:pre-wrap;background:#fff0ef;border-radius:14px;padding:14px 18px}.notice{background:var(--soft);color:var(--navy);border-radius:16px;padding:16px 20px}.empty{text-align:center;color:var(--muted);padding:65px 24px}.empty svg{color:var(--orange);margin:0 auto 18px}.spinner{border:3px solid var(--line);border-top-color:var(--orange);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin;display:inline-block}.spinner.small{border-width:2px;width:18px;height:18px}.center-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:80dvh;padding:32px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing{color:#172e49;--surface:#fff;--muted:#68778b;--line:#e4eaf2;--navy:#073d87;--soft:#edf3fb;--orange-ink:#aa4f00;background:#fcfbf8}.landing-nav{justify-content:space-between;align-items:center;gap:25px;max-width:1360px;margin:auto;padding:24px 5%;display:flex}.landing-nav nav{gap:30px;font-size:13px;display:flex}.landing-nav nav a:hover{color:#b65300}.nav-login{background:#fff;border:1px solid #e3e8ef;border-radius:30px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;display:flex}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;max-width:1360px;min-height:690px;margin:auto;padding:60px 5% 110px;display:grid}.hero h1{letter-spacing:-1px;margin:21px 0 24px;font-size:clamp(28px,3.1vw,44px);line-height:1.8}.hero-copy>p{color:#63748b;max-width:470px;font-size:16px;line-height:2.2}.hero-actions{align-items:center;gap:22px;margin-top:32px;display:flex}.hero-facts{color:#68778b;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:11px;display:flex}.hero-facts span{align-items:center;gap:7px;display:flex}.hero-facts svg{color:#b55c00}.hero-visual{place-items:center;min-height:520px;display:grid;position:relative}.orbit{pointer-events:none;border-radius:50%;position:absolute}.orbit-one{background:radial-gradient(circle,#fff1d8aa,#0000 70%);border:1px solid #ead7bd;width:460px;height:460px}.orbit-two{border:1px dashed #e7dbce;width:560px;height:560px;transform:rotate(25deg)}.hero-device{background:#f6f9fd;border:7px solid #fff;border-radius:40px;width:340px;padding:23px 20px 14px;position:relative;transform:rotate(-5deg);box-shadow:0 30px 85px #18314e22,0 2px 6px #18314e10}.device-top{align-items:center;gap:10px;font-size:10px;display:flex}.device-top img{border-radius:9px;width:32px;height:32px}.device-top strong{font-size:11px;display:block}.avatar-small{color:#853700;background:#ffd9a9;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.device-banner{color:#fff;background:#0a3e7e;border-radius:19px;align-items:center;gap:12px;margin:20px 0 15px;padding:19px;display:flex}.device-banner small{color:#b7d4fa;letter-spacing:1px;font-size:7px}.device-banner h3{font-size:13px;line-height:2}.hero-course{object-fit:cover;object-position:top;border-radius:18px;width:100%;height:230px}.device-footer{justify-content:space-around;gap:8px;padding:20px 0 3px;font-size:8px;display:flex}.device-footer span{justify-items:center;gap:4px;display:grid}.mini-card{z-index:2;background:#fff;border:1px solid #f5f1e9;border-radius:18px;align-items:center;gap:12px;padding:16px 20px;font-size:11px;display:flex;position:absolute;box-shadow:0 12px 40px #283f5d15}.mini-card small{margin-top:4px;font-size:9px;display:block}.float-card{color:#0b4788;animation:6s ease-in-out infinite bob;top:54px;right:-8px}.journey-card{animation:6s ease-in-out infinite reverse bob;bottom:15px;left:0}.round-icon{color:#b45500;background:#fff0dc;border-radius:50%;place-items:center;padding:10px;display:grid}.course-section,.how-section,.faq-section{max-width:1360px;margin:auto;padding:80px 5%}.course-section{border-top:1px solid #e9e6df}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px;display:flex}.section-heading h2,.faq-section h2{letter-spacing:-.5px;margin-top:12px;font-size:28px}.section-heading p{color:#68778b;font-size:13px}.landing-courses{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.landing-course{border-bottom:1px solid #deded9;padding-bottom:24px;transition:transform .25s;position:relative}.landing-course:hover{transform:translateY(-5px)}.poster-wrap{background:#eef2f7;border-radius:21px;height:230px;position:relative;overflow:hidden}.poster-wrap img{object-fit:cover;object-position:center;width:100%;height:100%}.course-number{background:#fffffff0;border-radius:30px;padding:2px 12px;font-size:11px;line-height:2;position:absolute;top:14px;left:14px}.course-caption{padding:20px 5px 0}.course-caption h3{color:#0a3f7e;font-size:22px}.course-caption h4{margin-top:4px;font-size:14px}.course-caption p{color:#68778b;max-width:85%;font-size:12px;line-height:2}.circle-arrow{border:1px solid #dfe3e8;border-radius:50%;padding:10px;position:absolute;bottom:30px;right:5px}.how-section{background:#f0f4fa;max-width:none;padding:75px max(5%,50vw - 612px)}.how-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.how-top{color:#ad5200;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.how-top span{color:#cbd6e5;font-size:36px;font-weight:300}.how-grid h3{font-size:18px}.how-grid p{color:#63748b;font-size:13px;line-height:2.1}.faq-section{grid-template-columns:1fr 1.5fr;gap:80px;display:grid}.faq-section details{border-bottom:1px solid #e4e3df;padding:22px 0}.faq-section summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:15px;list-style:none;display:flex}.faq-section summary span{color:#b65300;font-size:24px}.faq-section details p{color:#63748b;margin-top:20px;font-size:13px;line-height:2.1}.cta{color:#fff;background:#073d80;border-radius:30px;justify-content:space-between;align-items:center;gap:30px;max-width:1224px;margin:20px auto 60px;padding:52px 60px;display:flex}.cta .eyebrow{color:#a9c7ec}.cta h2{margin-top:12px;font-size:28px}.site-footer{color:#63748b;border-top:1px solid #e6e5e0;justify-content:space-between;align-items:center;gap:25px;max-width:1360px;margin:auto;padding:28px 5% 40px;font-size:12px;display:flex}.site-footer>div{gap:20px;display:flex}.login-page{text-align:center;color:#173d6c;background:radial-gradient(at 35% 30%,#e5eefc,#0000 40%),radial-gradient(at 70% 45%,#ffeed6,#0000 40%),#f7f9fd;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:70px 24px 40px;display:flex}.login-back{align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;top:24px;left:30px}.login-art{place-items:center;width:300px;height:205px;display:grid;position:relative}.login-art>img{object-fit:contain;filter:drop-shadow(0 12px 20px #214b7820);width:240px;height:auto}.login-orb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb5;border:1px solid #fff;border-radius:21px;place-items:center;width:64px;height:64px;animation:5s ease-in-out infinite bob;display:grid;position:absolute;box-shadow:0 12px 30px #284f7912}.login-orb svg{width:29px;height:29px}.login-orb.book{top:30px;left:5px;transform:rotate(-12deg)}.login-orb.chat{animation-delay:1s;top:65px;right:0}.login-orb.heart{color:#e77a11;width:48px;height:48px;animation-delay:2s;bottom:0;left:58px}.login-copy h1{letter-spacing:-1.2px;margin:12px 0;font-size:36px}.login-copy p{color:#67768b;font-size:17px;line-height:2.1}.google-area{max-width:380px;min-height:65px;margin-top:32px}.disabled-google{pointer-events:none;opacity:.5}.login-legal{color:#75859a;margin-top:38px;font-size:11px;line-height:2}.login-legal a{text-decoration:underline}.opening{z-index:100;background:#fff;place-items:center;display:grid;position:fixed;inset:0}.opening video{width:min(560px,100vw);height:auto}.opening button{background:#f1f4fa;border:0;font-size:12px;position:absolute;bottom:50px;right:8%}.legal{max-width:850px;margin:40px auto;padding:30px;line-height:2.2}.legal h1{margin:30px 0;font-size:28px}.legal h2{margin-top:30px;font-size:21px}.legal .primary{margin-top:30px}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:20;flex-direction:column;gap:28px;height:100dvh;padding:28px 20px;display:flex;position:sticky;top:0}.sidebar-label{letter-spacing:2px;color:var(--muted);margin:12px 13px;font-size:9px}.sidebar-nav{gap:7px;display:grid}.sidebar-nav button{text-align:left;background:0 0;border:0;align-items:center;gap:13px;padding:12px 15px;font-size:13px;display:flex}.sidebar-nav button.active{color:#8e4500;background:#ffefdc}.sidebar-nav button:hover{background:var(--soft)}.sidebar-bottom{margin-top:auto}.sidebar-bottom .profile-chip{margin-top:24px}.profile-chip{text-align:left;align-items:center;gap:12px;width:100%;font-size:12px;display:flex;overflow:hidden}.profile-chip div{min-width:0}.profile-chip strong,.profile-chip small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.avatar{object-fit:cover;color:#703c00;background:#ffdfb8;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.avatar.large{width:74px;height:74px;font-size:27px}.app-main{min-width:0}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:15;justify-content:space-between;align-items:center;gap:20px;height:92px;padding:20px 42px;display:flex;position:sticky;top:0}.topbar-title{color:var(--muted);font-size:13px}.topbar .actions{gap:10px}.workspace{max-width:1450px;margin:auto;padding:35px 42px 110px}.page-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:30px;display:flex}.page-heading h1{color:var(--navy);letter-spacing:-.5px;overflow-wrap:anywhere;font-size:28px}.page-heading p{color:var(--muted);margin-top:7px;font-size:13px}.welcome-banner{color:#fff;background:linear-gradient(115deg,#0b3b78,#185ca3);border-radius:25px;justify-content:space-between;align-items:center;gap:20px;padding:30px 35px;display:flex;position:relative;overflow:hidden}.welcome-banner h2{font-size:24px}.welcome-banner p{color:#c2d7f3;max-width:500px;font-size:13px}.welcome-banner .eyebrow{color:#b5cdea}.welcome-banner>svg{opacity:.25;width:95px;height:95px;transform:rotate(-10deg)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 35px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-items:center;gap:16px;padding:20px 22px;display:flex}.stat>svg{color:var(--orange-ink)}.stat b{font-size:26px;line-height:1.4}.stat span{color:var(--muted);font-size:11px;display:block}.subheading{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 18px;display:flex}.subheading h2{font-size:20px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.course-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:23px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.course-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.course-card .art{object-fit:cover;object-position:center;width:100%;height:180px}.course-card .details{padding:20px}.course-card h3{color:var(--navy);font-size:18px}.course-card p{color:var(--muted);font-size:12px}.card-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;font-size:11px;display:flex}.progress-track{background:var(--soft);border-radius:20px;height:5px;margin-top:14px;overflow:hidden}.progress-track span{background:var(--orange);border-radius:20px;height:100%;display:block}.continue-row{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 25px;display:flex}.continue-row h3{color:var(--navy);font-size:16px}.continue-row small{font-size:11px}.course-hero{align-items:center;gap:28px;margin-bottom:30px;display:flex}.course-hero img{object-fit:cover;border-radius:25px;width:120px;height:120px}.course-hero h1{color:var(--navy);font-size:28px}.course-hero p{color:var(--muted);font-size:14px}.tabs{background:var(--soft);border-radius:30px;gap:6px;width:max-content;max-width:100%;margin-bottom:25px;padding:5px;display:flex;overflow:auto}.tabs button{white-space:nowrap;background:0 0;border:0;border-radius:25px;padding:10px 20px;font-size:13px}.tabs button.active{background:var(--surface);color:var(--navy);font-weight:600;box-shadow:0 3px 8px #12365212}.filter-bar{align-items:center;gap:15px;margin:20px 0;display:flex}.search{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 15px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%}.search svg{color:var(--muted)}.filter-bar select{max-width:40%;font-size:12px}.list{gap:12px;display:grid}.lesson-row{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:20px;align-items:center;gap:18px;width:100%;padding:20px;display:flex}.lesson-row>.row-icon{color:#a54e00;background:#fff0dc;border-radius:16px;padding:14px}.lesson-row .row-copy{flex:1;min-width:0}.lesson-row h3{color:var(--navy);overflow-wrap:anywhere;font-size:17px;line-height:1.8}.lesson-row p{color:var(--muted);margin:4px 0 0;font-size:12px}.lesson-row .completed{color:#258356}.group-title{color:var(--muted);margin:28px 6px 10px;font-size:12px}.pagination{justify-content:center;align-items:center;gap:14px;margin:24px 0;font-size:12px;display:flex}.reader{max-width:900px;margin:auto}.reader-head{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:24px}.reader-head h1{color:var(--navy);overflow-wrap:anywhere;font-size:clamp(21px,2.5vw,29px);line-height:2}.reader-head p{color:var(--muted)}.reader-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:20px 0;display:flex}.reader-controls .tabs{margin:0}.reading{font-size:var(--reading-size);overflow-wrap:anywhere;line-height:2.1}.reading p{white-space:pre-wrap;margin:.45em 0 1em}.reading h3{color:var(--navy);margin:1.3em 0 .8em;font-size:1.1em;line-height:2}.reading h4{color:var(--navy);margin:.8em 0;font-size:1em;line-height:2}.text-section{margin-bottom:1em}ruby{ruby-align:center;ruby-position:over;line-height:2.5}rt{color:inherit;-webkit-user-select:none;user-select:none;font-size:.48em;font-weight:500;line-height:1.3}mark{background:var(--highlight);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:.12em .16em}.bullet{align-items:baseline;gap:.65em;margin:.7em 0;display:flex}.bullet>span:first-child{color:var(--orange);font-weight:700}.reader-section{margin:28px 0}.reader-section>h2{color:var(--navy);margin:20px 0 16px;font-size:20px}.reading-block{margin-bottom:30px}.reading-block>h3{color:var(--navy);margin-bottom:16px;font-size:19px}.reading-image{object-fit:contain;background:#fff;border-radius:18px;max-height:500px;margin:24px auto}.speaker-label{color:var(--navy);margin-bottom:10px;font-size:12px;font-weight:600}.dialogue-block{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-bottom:15px;padding:22px}.translation{color:var(--muted);border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.table-scroll{border:1px solid var(--line);border-radius:18px;margin:20px 0;overflow-x:auto}.study-table{border-collapse:collapse;text-align:left;width:100%;min-width:420px;font-size:.9em}.study-table th{background:var(--soft);color:var(--navy);font-weight:600}.study-table th,.study-table td{border-bottom:1px solid var(--line);vertical-align:top;min-width:130px;padding:15px 20px;line-height:2.2}.study-table tr:nth-child(2n){background:color-mix(in srgb,var(--soft) 35%,transparent)}.study-table tr:last-child td{border-bottom:0}.audio-player{width:100%;margin:15px 0}.reader-footer{pointer-events:none;z-index:10;justify-content:center;gap:12px;margin:35px 0;display:flex;position:sticky;bottom:22px}.reader-footer>*{pointer-events:auto;box-shadow:0 6px 25px #18385922}.word-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.word-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:22px}.word-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.word-top h3{color:var(--navy);font-size:23px;line-height:2}.word-card p{margin-top:12px;font-size:16px}.word-card small{font-size:11px}.word-card details{margin-top:12px}.word-card summary{cursor:pointer;color:var(--muted);font-size:12px}.word-card .reading{font-size:16px}.saved-active{color:var(--orange-ink);background:#fff0dc}.mobile-nav{display:none}.focus-player{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px;padding:16px;font-size:12px;display:flex}.focus-player select{min-width:130px;padding:8px;font-size:12px}.focus-player input{width:100px}.focus-player .audio-player{display:none}.quiz-setup{max-width:740px;margin:0 auto}.checklist{gap:12px;margin:24px 0;display:grid}.checklist label{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:17px;display:flex}.exam-toolbar{background:var(--bg);z-index:12;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;padding:16px 0;display:flex;position:sticky;top:92px}.timer{font-variant-numeric:tabular-nums;color:var(--navy);font-size:21px;font-weight:700}.timer.urgent{color:#c44230}.question-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.question-body{font-size:var(--reading-size);margin-bottom:26px;line-height:2.2}.options{gap:12px;display:grid}.option{border:1px solid var(--line);text-align:left;background:var(--surface);border-radius:18px;align-items:baseline;gap:16px;padding:18px 20px;font-size:18px;line-height:2;display:flex}.option .number{background:var(--soft);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;line-height:1;display:grid}.option.selected{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 9%,var(--surface))}.option.correct{background:color-mix(in srgb,#30a87b 10%,var(--surface));border-color:#30a87b}.option.wrong{border-color:#da685e}.question-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;margin:20px 0;display:grid}.question-grid button{border-radius:10px;padding:9px 2px;font-size:12px;position:relative}.question-grid button.answered{background:var(--navy);color:var(--bg)}.question-grid button.current{outline:2px solid var(--orange)}.question-grid button.flagged:after{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.explanation{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:25px;padding:24px}.explanation .reading{font-size:18px}.result-score{color:var(--navy);text-align:center;margin:20px 0;font-size:68px;font-weight:700;line-height:1.5}.result-score small{font-size:22px}.notes-layout{grid-template-columns:300px 1fr;gap:25px;display:grid}.notes-list{align-content:start;gap:12px;display:grid}.note-tile{text-align:left;padding:18px}.note-tile h3{font-size:14px}.note-tile p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.note-editor{gap:18px;display:grid}.note-editor textarea{min-height:350px}.form-grid{gap:18px;display:grid}.profile-header{align-items:center;gap:22px;margin-bottom:30px;display:flex}.profile-header h1{color:var(--navy);font-size:25px}.profile-header p{color:var(--muted);font-size:13px}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-grid h2{margin-bottom:18px;font-size:18px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:15px 0;font-size:13px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row select{padding:9px;font-size:12px}.device{justify-content:space-between;align-items:center;gap:15px;margin:15px 0;display:flex}.device strong{font-size:13px}.device small{font-size:11px;display:block}.danger{color:#b63a30}.shop-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.product{border:1px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;gap:15px;padding:25px;display:flex}.product .price{color:var(--navy);font-size:29px;font-weight:700;line-height:1.6}.product h3{font-size:18px}.product ul{margin:0 0 20px;padding-left:22px;font-size:13px}.product li{margin-bottom:8px}.product .primary{margin-top:auto}.checkout{grid-template-columns:1fr 1fr;gap:25px;display:grid}.upload{border:2px dashed var(--line);text-align:center;border-radius:20px;gap:12px;padding:25px;display:grid}.upload input{width:100%;font-size:12px}.receipt-preview{object-fit:contain;border-radius:14px;max-height:240px;margin:10px auto}.order{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;margin:15px 0;padding:23px;display:flex}.order h3{font-size:17px}.order small{font-size:11px}.order.pending .badge{color:#8f5700;background:#fff3d4}.order.approved .badge{color:#166d48;background:#e0f6eb}.order.rejected .badge,.order.refunded .badge{color:#9c3535;background:#ffebeb}.copy-text{background:var(--soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:15px;padding:18px;font-size:13px}.admin-section{margin-bottom:30px}.admin-section h2{margin-bottom:20px;font-size:20px}.admin-products{gap:16px;display:grid}.admin-product{border-bottom:1px solid var(--line);grid-template-columns:1fr 140px auto auto;align-items:center;gap:15px;padding:15px 0;display:grid}.admin-product input{width:100%}.toast{background:var(--ink);color:var(--bg);z-index:100;border-radius:18px;align-items:center;gap:20px;max-width:90vw;padding:15px 18px 15px 23px;font-size:13px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0003}.toast button{color:inherit;background:0 0;border:0;padding:0 5px;font-size:22px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:90;background:#0c21397d;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:25px;max-width:520px;max-height:90dvh;padding:30px;overflow:auto;box-shadow:0 20px 80px #0003}.modal h2{margin-bottom:15px;font-size:22px}.modal p{margin-bottom:25px}.modal .actions{justify-content:flex-end}.notification{border-bottom:1px solid var(--line);padding:20px 0}.notification.unread{border-left:3px solid var(--orange);padding-left:18px}.notification h3{font-size:17px}.notification p{font-size:14px}.book-view{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;height:75dvh}.week{gap:10px;margin-top:20px;display:flex}.week>span{background:var(--soft);width:42px;height:42px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;display:grid}.week>span.done{background:var(--orange);color:#21170b}.reveal{animation:.65s both reveal}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{translate:0}50%{translate:0 -10px}}@keyframes reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.workspace{padding-top:45px}.course-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1150px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:24px 14px}.workspace{padding:28px 25px 110px}.topbar{padding:20px 25px}.course-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:20px}.hero-visual{transform:scale(.9)}.hero h1{font-size:30px}.cta{margin:25px 5% 60px}.settings-grid{grid-template-columns:1fr}.notes-layout{grid-template-columns:230px 1fr}}@media (max-width:850px){.landing-nav nav{display:none}.hero{text-align:center;grid-template-columns:1fr;gap:30px;padding-top:35px}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-facts{justify-content:center}.hero-visual{min-height:510px;transform:scale(.95)}.orbit-two{width:490px;max-width:95vw;height:490px}.float-card{top:65px;right:5%}.journey-card{left:5%}.landing-courses{grid-template-columns:1fr 1fr}.section-heading{flex-direction:column;align-items:start;gap:12px}.how-grid{gap:25px}.faq-section{grid-template-columns:1fr;gap:15px}.cta{flex-direction:column;align-items:start;padding:35px}.site-footer{flex-wrap:wrap}.app-shell{display:block}.sidebar{display:none}.topbar{height:74px;padding:16px 22px}.workspace{padding:26px 22px 130px}.mobile-nav{background:color-mix(in srgb,var(--surface) 93%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow);z-index:30;border-radius:35px;justify-content:space-around;width:min(480px,94vw);padding:7px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.mobile-nav button{background:0 0;border:0;border-radius:30px;justify-items:center;gap:3px;min-width:53px;padding:9px 12px;font-size:9px;display:grid}.mobile-nav button.active{background:var(--soft);color:var(--navy)}.exam-toolbar{top:74px}.reader-footer{bottom:94px}.toast{bottom:100px}.page-heading h1{font-size:25px}.notes-layout{grid-template-columns:1fr}.notes-list{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout{grid-template-columns:1fr}.admin-product{grid-template-columns:1fr 110px auto}.admin-product>button{grid-column:3}.how-section{padding:55px 5%}}@media (max-width:560px){.landing-nav{gap:10px;padding:20px 5%}.landing-nav .brand{gap:7px;font-size:14px}.landing-nav .brand img{width:34px;height:34px}.nav-login{padding:9px 12px;font-size:10px}.hero{padding-bottom:60px}.hero h1{letter-spacing:-.5px;font-size:25px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;gap:12px}.hero-visual{margin:-20px -5% -35px;transform:scale(.87)}.hero-device{width:320px}.mini-card{padding:12px;font-size:9px}.float-card{right:0}.journey-card{left:0}.orbit-one{width:350px;height:350px}.orbit-two{width:410px;max-width:110vw;height:410px}.landing-courses{grid-template-columns:1fr}.poster-wrap{height:260px}.course-section,.faq-section{padding:50px 5%}.section-heading h2,.faq-section h2{font-size:23px}.how-grid{grid-template-columns:1fr;gap:30px}.how-grid article{border-bottom:1px solid #dbe2ec;padding-bottom:20px}.how-top{margin-bottom:10px}.cta h2{font-size:23px}.site-footer{font-size:11px}.workspace{padding:22px 16px 125px}.topbar{padding:15px 16px}.topbar-title{font-size:11px}.topbar .icon-btn{min-width:40px;min-height:40px;padding:9px}.page-heading{gap:10px}.page-heading h1{font-size:22px}.welcome-banner{padding:24px}.welcome-banner h2{font-size:20px}.welcome-banner>svg{display:none}.stats-grid{gap:9px}.stat{padding:15px 12px;display:block}.stat>svg{width:19px;height:19px;margin-bottom:8px}.stat b{font-size:23px}.stat span{font-size:10px}.course-grid{gap:14px}.course-card .art{height:140px}.course-card .details{padding:13px}.course-card h3{font-size:16px}.course-card p{font-size:10px}.card-meta{flex-wrap:wrap;gap:5px;font-size:9px}.course-hero{gap:16px}.course-hero img{border-radius:20px;width:85px;height:85px}.course-hero h1{font-size:22px}.course-hero p{font-size:12px}.tabs button{padding:9px 15px;font-size:12px}.filter-bar{flex-wrap:wrap;gap:9px}.filter-bar select{width:100%;max-width:100%}.lesson-row{gap:13px;padding:16px}.lesson-row>.row-icon{padding:10px}.lesson-row h3{font-size:16px}.lesson-row p{font-size:11px}.word-grid{grid-template-columns:1fr}.panel{padding:20px}.shop-grid{grid-template-columns:1fr}.reading{font-size:calc(var(--reading-size) * .94)}.reader-head h1{font-size:22px}.question-body{font-size:19px}.option{padding:15px;font-size:17px}.exam-toolbar{flex-wrap:wrap;gap:8px}.exam-toolbar button{font-size:11px}.timer{font-size:18px}.reader-controls{gap:9px}.reader-footer .primary{padding:12px 20px;font-size:13px}.notes-list{grid-template-columns:1fr}.order{padding:20px}.admin-product{grid-template-columns:1fr 1fr}.admin-product>strong{grid-column:1/-1}.admin-product>button{grid-column:auto}.legal{padding:25px 20px}.legal h1{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--bg:#f5f7fc;--navy:#074b87;--orange:#ff7900;--shadow:0 12px 24px #25364d21,0 1px 2px #fff}.home-logo{object-fit:contain;width:148px;height:auto}.topbar-title{color:var(--ink);font-size:18px;font-weight:600}.home-tools{background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid var(--line);border-radius:40px;align-items:center;gap:6px;padding:5px 12px;display:flex;box-shadow:inset 0 1px 3px #ffffff80}.home-tools button{color:var(--navy);align-items:center;gap:5px;min-height:44px;padding:7px 9px;display:flex}.reading-aa{font-size:22px}.ios-home{max-width:700px;margin:auto}.home-search{background:color-mix(in srgb,var(--surface) 70%,transparent);border-radius:32px;min-height:54px;box-shadow:inset 0 2px 8px #25364d09}.home-search input{font-size:18px}.home-heading{color:var(--orange);margin:30px 0 22px;font-size:28px}.motivation>img{aspect-ratio:16/9;object-fit:cover;border-radius:23px;width:100%;height:auto}.carousel-controls{justify-content:center;align-items:center;gap:30px;padding:20px;display:flex}.carousel-controls button{background:#ccd8e8;border:0;border-radius:6px;width:6px;height:6px;min-height:0;padding:0}.carousel-controls button.active{background:var(--orange);width:20px}.carousel-controls .carousel-pause{width:32px;height:32px;color:var(--orange);background:0 0}.ios-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.ios-course-card{background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow);text-align:left;border-radius:28px;padding:7px;overflow:hidden}.ios-course-card.featured{grid-column:1/-1}.ios-course-card .art{aspect-ratio:1;object-fit:contain;border-radius:20px;width:100%;height:auto!important}.ios-course-card.featured .art{aspect-ratio:16/9}.ios-course-card .details{padding:16px 12px 12px}.ios-course-card .details p{color:var(--navy);margin:0 0 8px;font-size:15px}.ios-course-card.featured .details p{font-size:19px}.course-detail{color:var(--orange);font-size:13px}.root-nav{grid-template-columns:repeat(3,1fr);width:calc(100% - 32px);transform:translate(-50%);border-radius:50px!important;max-width:360px!important;left:50%!important;right:auto!important}.root-nav button{gap:4px;min-height:62px}.app-shell .panel,.app-shell .lesson-row,.app-shell .note-tile{border-radius:22px;box-shadow:0 7px 18px #25364d12}.course-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.course-action{min-height:180px;box-shadow:var(--shadow);color:var(--navy);text-align:center;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px 12px;display:flex}.course-action span{color:var(--ink);font-size:15px}.course-action b{white-space:nowrap;font-size:21px}.course-action svg{background:var(--soft);border-radius:18px;width:56px;height:56px;padding:12px}.countdown{text-align:center;box-shadow:var(--shadow);background:var(--surface);color:var(--navy);border-radius:26px;margin-bottom:30px;padding:24px}.countdown b{margin:0 10px;font-size:28px}.course-bottom-nav{bottom:max(18px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 93%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);width:min(560px,100% - 28px);box-shadow:var(--shadow);z-index:30;border-radius:50px;justify-content:space-around;padding:7px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.course-bottom-nav button{background:0 0;border:0;border-radius:30px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:8px;font-size:11px;display:flex}.course-bottom-nav button.active{background:var(--soft);color:var(--navy)}.reader-footer{bottom:100px}.ios-workspace{max-width:760px;margin:auto}.ios-workspace .course-hero img{display:none}.course-back{margin-bottom:20px}.sidebar .brand img{width:60px;height:auto}.sidebar .brand{font-size:16px}@media (max-width:560px){.topbar{padding:12px 16px}.home-logo{width:130px}.home-tools{gap:0;padding:3px 5px}.home-tools button{padding:7px}.workspace{padding-top:14px}.home-heading{margin-top:30px}.ios-course-grid{gap:14px}.ios-course-card .details p{font-size:13px}.ios-course-card.featured .details p{font-size:18px}.course-actions{gap:14px}.course-action{min-height:172px;padding:22px 10px}.sidebar{display:none}}@media (min-width:1100px){.course-bottom-nav{margin-left:130px}.ios-course-card.featured .art{max-height:360px}.workspace{padding-bottom:120px}}.course-progress{margin:24px 0}.course-progress h1{color:var(--navy);font-size:clamp(22px,3vw,30px)}.course-progress p{color:var(--muted)}.track-picker{margin:22px 0}.continue-lesson{width:100%;margin:0 0 22px}.ios-workspace .course-actions .row-copy{min-width:0}.ios-workspace .lesson-row h3{overflow-wrap:anywhere}.ios-workspace .course-actions .lesson-row{padding:20px 14px}@media (max-width:700px){.notes-layout.editing-note>.notes-list{display:none}.notes-layout.editing-note{display:block}.note-editor textarea{min-height:38dvh}.app-shell .page-heading h1{font-size:24px}.home-logo{width:125px!important}.home-tools{gap:0}.home-tools button{padding:6px}.topbar{gap:10px}}.conversation-phrase{margin:24px 0;padding:26px}.conversation-phrase h3{color:var(--orange)}.reader-footer{gap:12px}.reader details summary{cursor:pointer;color:var(--navy);padding:14px 0}[data-theme=dark]{--bg:#111b29;--navy:#a8c9ff;--shadow:0 14px 30px #0005}@media (prefers-color-scheme:dark){[data-theme=system]{--bg:#111b29;--navy:#a8c9ff;--shadow:0 14px 30px #0005}}.interview-poster{color:#ff5c05;white-space:nowrap;background:linear-gradient(135deg,#c7f4fa,#fff,#d4f6fa);justify-content:center;align-items:center;padding:12px;font-family:serif;font-size:clamp(18px,4vw,32px);font-weight:700;display:flex}.root-nav{grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:4px;border-radius:999px!important;padding:6px!important}.root-nav button{box-sizing:border-box;aspect-ratio:1;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:70px;max-width:100%;height:70px;min-height:70px;line-height:1.4;display:flex;border-radius:50%!important;padding:6px!important}.root-nav button.active{background:#dfe7efb0;border-radius:50%!important}.root-nav button svg{flex-shrink:0;width:25px;height:25px}.course-bottom-nav{border-radius:999px;align-items:center;gap:2px}.course-bottom-nav button{box-sizing:border-box;aspect-ratio:1;border-radius:50%;flex:0 64px;justify-content:center;gap:3px;width:64px;min-height:0;padding:5px 2px;line-height:1.4}.course-bottom-nav button svg{flex-shrink:0}@media (max-width:360px){.root-nav button{width:62px;height:62px;min-height:62px;font-size:11px}.course-bottom-nav button{font-size:10px}}@media (max-width:850px){.root-nav{bottom:max(16px,env(safe-area-inset-bottom));display:grid}.root-nav button{font-size:11px}}.sliding-segments{isolation:isolate;grid-template-columns:repeat(var(--segment-count),minmax(0,1fr));background:var(--soft);border-radius:999px;gap:0;padding:6px;display:grid;position:relative;overflow:hidden}.sliding-segments .segment-thumb{width:calc((100% - 12px)/var(--segment-count));background:var(--surface);transform:translateX(calc(var(--segment-index)*100%));pointer-events:none;z-index:0;border-radius:999px;transition:transform .26s cubic-bezier(.22,.8,.25,1);position:absolute;inset:6px auto 6px 6px;box-shadow:0 2px 8px #16385b12}.sliding-segments button{z-index:1;border-radius:999px;min-width:0;margin:0;padding:10px 18px;line-height:1.7;transition:color .16s;position:relative;box-shadow:none!important;background:0 0!important}.sliding-segments button.active{color:var(--navy)}.sliding-segments button:disabled{opacity:.4}.setting-row input[type=checkbox]{appearance:none;cursor:pointer;background:#cbd2dc;border:0;border-radius:999px;flex-shrink:0;width:48px;height:28px;transition:background-color .22s;position:relative}.setting-row input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .22s cubic-bezier(.22,.8,.25,1);position:absolute;top:3px;left:3px;transform:translate(0);box-shadow:0 1px 4px #0002}.setting-row input[type=checkbox]:checked{background:var(--navy)}.setting-row input[type=checkbox]:checked:before{transform:translate(20px)}.setting-row input[type=checkbox]:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.speech-control.is-speaking{width:auto;min-width:44px;color:var(--orange);border-radius:999px;gap:6px;padding:10px 14px}.lesson-audio{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.lesson-audio audio{flex:1;min-width:200px;margin:0}.lesson-audio button{white-space:nowrap;align-items:center;gap:6px;display:flex}@media (prefers-reduced-motion:reduce){.sliding-segments .segment-thumb,.setting-row input[type=checkbox],.setting-row input[type=checkbox]:before{transition:none}}.reader-footer{bottom:max(14px,env(safe-area-inset-bottom));box-shadow:none;background:0 0;border:0;padding:0}.reader{padding-bottom:100px}.reader-footer .primary{box-shadow:0 5px 16px #25364d18}.app-shell select{appearance:none;border:1px solid var(--line);max-width:100%;min-height:50px;font:inherit;color:var(--navy);background-color:var(--surface);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23074b87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 17px center;background-repeat:no-repeat;background-size:18px;border-radius:25px;padding:10px 46px 10px 18px;font-size:15px;line-height:1.7;box-shadow:0 3px 12px #25364d08}.app-shell select:focus-visible{outline-offset:2px;outline:3px solid #ff790055}.filter-bar{align-items:center}.filter-bar select{min-width:180px}.audio-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;margin:22px 0;padding:22px;display:block;box-shadow:0 7px 22px #25364d0a}.audio-card-heading{color:var(--navy);align-items:center;gap:10px;margin-bottom:18px;display:flex}.audio-card-heading .muted{margin-left:auto;font-size:12px}.audio-controls{align-items:center;gap:16px;display:flex}.audio-card .audio-play{background:var(--navy);color:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;padding:0;display:flex}.audio-card .audio-stop{border:1px solid var(--line);color:var(--navy);background:var(--soft);border-radius:24px;padding:10px 14px;font-size:12px}.audio-timeline{flex:1;min-width:0}.audio-timeline input{width:100%;accent-color:var(--orange);cursor:pointer;background:0 0;border:0;height:20px;margin:0;padding:0}.audio-times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:3px;font-size:12px;display:flex}.audio-volume{color:var(--muted);align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.audio-volume input{max-width:120px;accent-color:var(--navy);background:0 0;border:0;height:20px;padding:0}.audio-card .error{margin:12px 0 0;font-size:13px}.audio-loading{animation:1s linear infinite audio-spin}@keyframes audio-spin{to{transform:rotate(360deg)}}.conversation-translation{border:1px solid var(--line);background:var(--surface);border-radius:22px;margin:20px 0;padding:20px 22px}.conversation-translation summary{color:var(--navy);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:32px;font-weight:600;list-style:none;display:flex}.conversation-translation summary::-webkit-details-marker{display:none}.conversation-translation summary:after{content:"⌄";font-size:22px;transition:transform .2s}.conversation-translation[open] summary:after{transform:rotate(180deg)}.conversation-translation[open] summary{margin-bottom:18px}.conversation-phrase h2{color:var(--muted);font-size:17px}@media (max-width:560px){.audio-card{padding:18px}.audio-card-heading{flex-wrap:wrap}.audio-card-heading .muted{width:100%;margin-left:0}.audio-controls{gap:10px}.audio-stop span{display:none}.audio-card .audio-stop{border-radius:50%;justify-content:center;width:42px;height:42px;padding:0}.filter-bar select{width:100%}}@media (prefers-reduced-motion:reduce){.audio-loading{animation:none}.conversation-translation summary:after{transition:none}}.countdown>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.countdown>p{border:1px solid var(--line);background:var(--soft);border-radius:999px;justify-content:center;align-items:center;gap:10px;width:max-content;max-width:100%;margin:22px auto 0;padding:8px 18px;display:flex}.course-action.accent-action>svg{background:color-mix(in srgb,var(--orange) 12%,var(--surface));color:var(--orange)}.exam-reading-progress{margin:26px 0}.exam-reading-progress b{color:var(--orange)}.exam-reading-progress .progress-track{margin-top:18px}.vocabulary-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:24px 0 18px;display:flex}.vocabulary-toolbar select{min-width:0;max-width:85%;color:var(--navy);font-weight:600}.vocabulary-actions{flex-wrap:wrap;margin-bottom:18px}.vocabulary-actions .setting-row{border:0;gap:12px;margin:0;padding:0}.subject-card{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;min-height:124px;box-shadow:var(--shadow);border-radius:27px;align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.subject-number{background:var(--orange);color:#241300;flex-direction:column;flex:0 0 80px;justify-content:center;align-items:center;gap:10px;display:flex}.subject-number small{letter-spacing:1px;font-size:12px}.subject-number b{font-size:32px;line-height:1.1}.subject-copy{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;padding:16px;display:flex}.subject-copy strong{color:var(--navy);word-break:normal;overflow-wrap:break-word;font-size:clamp(14px,3.6vw,20px);line-height:1.6}.subject-copy>span{font-size:15px}.subject-copy>small{color:var(--orange);font-size:13px}.subject-card>svg{color:var(--navy);flex-shrink:0;align-self:center;margin-right:15px}.vocabulary-legacy{margin:24px 0}.vocabulary-word .row-copy p{color:var(--ink);font-size:16px}.word-detail{max-width:700px;margin:auto}.word-learned{margin-top:24px}.conversation-reader{scroll-margin-top:120px}.conversation-reader>.setting-row{flex-wrap:wrap;gap:12px}.conversation-sections{max-width:70%}.conversation-phrase h2{color:var(--muted);margin-bottom:16px;font-size:15px}.conversation-phrase .reading{min-height:96px}.conversation-phrase .setting-row{gap:14px}@media (max-width:420px){.subject-number{flex-basis:66px}.subject-copy{padding:13px 10px}.subject-card>svg{width:18px;margin-right:10px}.subject-copy>span{font-size:14px}.subject-copy>small{font-size:12px}}.course-topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid;position:sticky}.course-topbar>.header-leading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.course-topbar>.header-leading>.topbar-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:none;position:static;overflow:hidden;transform:none}.course-topbar>.header-leading>.icon-btn{flex-shrink:0}.course-topbar>.home-tools,.course-topbar>.conversation-header-tools{justify-self:end}.compact-tools{border-radius:50%;justify-content:center;width:48px;height:48px;padding:0!important}.compact-tools .reading-aa{width:48px;height:48px;padding:0!important}.course-topbar>.actions>.icon-btn{border-radius:50%;width:48px;height:48px}.conversation-header-tools{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 75%,transparent);border-radius:999px;align-items:center;gap:8px;padding:3px 9px;display:flex}.conversation-header-tools>.icon-btn,.conversation-header-tools .compact-tools{box-shadow:none;background:0 0;border:0}.topbar:has(.conversation-header-tools) .topbar-title{max-width:calc(100% - 240px);font-size:18px}.conversation-lesson{flex-direction:column;gap:22px;width:100%;min-width:0;max-width:720px;margin:0 auto;padding:8px 20px 30px;display:flex}.conversation-lesson>h1{color:var(--navy);margin:0;font-size:28px;font-weight:600;line-height:1.8}.conversation-lesson-subtitle{font-size:var(--reading-size);color:var(--ink);margin:0;line-height:1.9}.conversation-lesson h2{color:var(--navy);margin:0;font-size:20px;font-weight:600;line-height:1.9}.conversation-section,.transcript-bubble,.conversation-audio{background:color-mix(in srgb,var(--surface) 65%,var(--bg));border:1px solid color-mix(in srgb,var(--muted) 25%,var(--line));box-shadow:var(--shadow);border-radius:24px;min-width:0}.conversation-lesson .conversation-section{margin:0;padding:16px 20px}.conversation-lesson .conversation-section>summary{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:20px;font-weight:600;line-height:1.9;list-style:none;display:flex}.conversation-section>summary::-webkit-details-marker{display:none}.conversation-section>summary svg{flex-shrink:0;transition:transform .2s}.conversation-section[open]>summary svg{transform:rotate(180deg)}.conversation-section-body{flex-direction:column;gap:20px;padding-top:20px;padding-bottom:4px;display:flex}.conversation-source-block{flex-direction:column;gap:12px;min-width:0;display:flex}.conversation-source-block h3{color:var(--orange-ink);margin:0;font-size:15px}.conversation-lesson .reading{font-size:var(--reading-size);overflow-wrap:anywhere;line-height:2}.conversation-lesson .reading p,.conversation-lesson .text-section{margin:0}.conversation-lesson .text-section+.text-section{margin-top:12px}.conversation-lesson ruby{ruby-align:center;line-height:2}.conversation-lesson rt{font-size:.5em;line-height:1.2}.conversation-transcript{flex-direction:column;gap:18px;min-width:0;display:flex}.conversation-transcript>h2{margin:0 0 2px}.transcript-bubble{border-radius:22px;flex-direction:column;gap:12px;width:calc(100% - 30px);max-width:560px;padding:14px;display:flex}.transcript-bubble.outgoing{border-color:color-mix(in srgb,var(--orange) 22%,var(--line));align-self:flex-end}.transcript-bubble.incoming{border-color:color-mix(in srgb,var(--navy) 20%,var(--line));align-self:flex-start}.transcript-speaker{color:var(--navy);align-items:center;gap:8px;font-size:14px;line-height:1.8;display:flex}.transcript-speaker svg{flex-shrink:0}.outgoing .transcript-speaker{color:var(--orange-ink)}.transcript-japanese{color:var(--navy)}.transcript-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conversation-lesson .transcript-actions button{width:auto;height:auto;min-height:36px;color:var(--orange-ink);border:1px solid var(--line);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:14px;line-height:1.8;display:inline-flex}.transcript-meaning{border-top:1px solid var(--line);padding-top:10px}.conversation-lesson .conversation-audio{flex-direction:column;gap:22px;margin:0;padding:20px;display:flex}.conversation-audio .audio-timeline{width:100%;min-width:0}.conversation-audio .audio-times{color:var(--muted);font-size:13px}.conversation-audio input[type=range]{width:100%;accent-color:var(--navy)}.conversation-audio-buttons{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.conversation-audio-buttons button{border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:6px 12px;font-size:14px;display:inline-flex}.conversation-audio-buttons .conversation-audio-play{background:var(--navy);color:var(--surface);border-color:var(--navy)}.audio-skip{width:42px;height:36px;color:var(--navy);position:relative;padding:0!important}.audio-skip small{font-size:8px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.conversation-complete{justify-content:center;padding:10px 0 20px;display:flex}.conversation-complete>button{border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;display:flex}@media (max-width:560px){.conversation-lesson{padding:8px 4px 24px}.conversation-lesson>h1{font-size:25px}.conversation-lesson .conversation-section,.conversation-lesson .conversation-audio{padding:16px}.conversation-header-tools{gap:0;padding:3px}.conversation-header-tools .icon-btn{width:40px;height:40px}.topbar:has(.conversation-header-tools) .topbar-title{max-width:calc(100% - 200px);font-size:16px}.conversation-audio-buttons{gap:10px}.transcript-bubble{width:calc(100% - 24px)}}.question-drawer{border:1px solid var(--line);background:var(--bg);width:min(640px,100%);max-width:100%;height:58dvh;max-height:90dvh;color:var(--ink);border-bottom:0;border-radius:28px 28px 0 0;margin:0 auto;padding:0;transition:height .26s;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -12px 60px #10233b24}.question-drawer[open]{flex-direction:column;animation:.25s ease-out drawer-enter;display:flex}.question-drawer::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10233b66}.drawer-handle{touch-action:none;background:0 0;border:0;border-radius:0;flex-shrink:0;place-items:center;width:100%;height:24px;min-height:24px;padding:8px;display:grid}.drawer-handle>span{background:color-mix(in srgb,var(--muted) 45%,transparent);border-radius:10px;width:38px;height:5px}.question-drawer>header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 10px;display:flex}.question-drawer h2{color:var(--navy);font-size:19px}.question-drawer>header button{background:var(--soft);border:0;width:36px;min-width:36px;height:36px;min-height:36px;padding:7px}.drawer-filters{flex-shrink:0;padding:0 20px 10px}.drawer-filters .sliding-segments{width:100%}.drawer-filters>p{color:var(--muted);margin:10px 0 0;font-size:12px}.drawer-question-scroll{overscroll-behavior:contain;min-height:0;padding:4px 20px max(24px,env(safe-area-inset-bottom));overflow-y:auto}.drawer-question-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:12px 10px;display:grid}.drawer-question-grid button{aspect-ratio:1;color:var(--navy);background:var(--surface);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px;display:flex}.drawer-question-grid strong{font-variant-numeric:tabular-nums;font-size:16px}.drawer-question-grid .answered{background:color-mix(in srgb,var(--orange) 10%,var(--surface))}.drawer-question-grid .current{background:color-mix(in srgb,var(--orange) 24%,var(--surface));border-color:var(--orange)}.question-drawer-trigger{width:100%;color:var(--navy);border-radius:20px;justify-content:space-between;align-items:center;margin:12px 0 0;padding:14px 18px;font-weight:600;display:flex}.question-drawer-trigger>span{font-size:24px;line-height:1}.quiz-reader{width:100%;min-width:0;max-width:800px}.quiz-reader .question-heading{flex-wrap:wrap;gap:10px;margin-bottom:16px}.quiz-reader .question-heading h2{font-size:21px}.quiz-reader .question-body{min-width:0;margin-bottom:18px}.quiz-reader .question-body .reading{line-height:1.85}.quiz-reader .question-body .reading p{margin:0 0 .7em}.quiz-reader .question-body .text-section{margin-bottom:.6em}.quiz-reader .options{gap:10px}.quiz-reader .option{width:100%;min-width:0;font-size:var(--reading-size);border-radius:20px;gap:12px;padding:14px 16px;line-height:1.85}.quiz-reader .option>span:last-child{overflow-wrap:anywhere;min-width:0}.quiz-reader ruby{line-height:1.85}.quiz-reader rt{line-height:1.2}.question-step-actions{justify-content:space-between;gap:10px;margin:22px 0 16px}.question-step-actions>button{justify-content:center;align-items:center;gap:6px;max-width:100%;min-height:44px;padding:12px 16px;font-size:14px;display:inline-flex}@keyframes drawer-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:560px){.quiz-reader .exam-toolbar{gap:6px;margin-bottom:16px;padding:10px 0}.quiz-reader .exam-toolbar .badge{white-space:nowrap;font-size:11px}.quiz-reader .timer{gap:4px;font-size:17px}.quiz-reader .exam-toolbar>button{padding:9px 10px;font-size:11px}.quiz-reader .question-heading h2{font-size:19px}.quiz-reader .question-heading .actions{gap:8px}.quiz-reader .question-heading .icon-btn{width:38px;min-width:38px;height:38px;min-height:38px;padding:8px}.quiz-reader .option{font-size:calc(var(--reading-size) * .9);gap:10px;padding:12px}.quiz-reader .option .number{width:24px;height:24px;font-size:11px}.quiz-reader .question-body .reading{font-size:calc(var(--reading-size) * .94)}.question-step-actions>button{padding:10px 12px;font-size:12px}.question-drawer{height:62dvh}.question-drawer.expanded{height:90dvh}}@media (prefers-reduced-motion:reduce){.question-drawer[open]{animation:none}.question-drawer{transition:none}}.native-profile{flex-direction:column;gap:24px;width:100%;max-width:720px;margin:0 auto;padding:8px 20px 24px;display:flex}.native-profile>h2{color:var(--navy);margin:0;font-size:22px;line-height:1.8}.profile-card{border:1px solid color-mix(in srgb,var(--muted) 25%,var(--line));background:color-mix(in srgb,var(--surface) 65%,var(--bg));box-shadow:var(--shadow);border-radius:26px;min-width:0;padding:20px}.native-profile h2{color:var(--navy);margin:0 0 14px;font-size:20px;line-height:1.8}.native-profile p{margin:12px 0;font-size:16px;line-height:1.9}.profile-identity{align-items:center;gap:18px;display:flex}.profile-identity>div{min-width:0}.profile-identity h1{overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.6}.profile-identity p{overflow-wrap:anywhere;margin:5px 0;font-size:14px}.profile-identity small{color:var(--muted);font-size:13px}.profile-identity .avatar.large{flex-shrink:0;width:64px;height:64px}.profile-streak h2{align-items:center;gap:8px;display:flex}.profile-streak h2 svg{color:var(--orange)}.profile-resume{text-align:left;border:1px solid var(--line);width:100%;box-shadow:var(--shadow);background:color-mix(in srgb,var(--surface) 65%,var(--bg));border-radius:26px;align-items:stretch;min-height:116px;padding:0;display:flex;overflow:hidden}.profile-study-strip{background:var(--orange);color:#321b00;flex-direction:column;flex:0 0 82px;justify-content:center;align-items:center;gap:12px;padding:12px 6px;display:flex}.profile-study-strip small{font-size:11px;font-weight:600}.profile-resume-copy{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;padding:18px;display:flex}.profile-resume-copy strong{color:var(--navy);font-size:20px;line-height:1.7}.profile-resume-copy>span{font-size:17px;line-height:1.8}.profile-resume-copy small{color:var(--orange-ink);font-size:13px}.profile-resume>svg{color:var(--navy);flex-shrink:0;align-self:center;margin-right:18px}.profile-course-link{color:var(--navy);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:15px;display:inline-flex}.profile-started{text-align:left;align-items:center;gap:14px;display:flex}.profile-started>span:nth-child(2){flex:1;min-width:0}.profile-started strong{color:var(--navy);font-size:18px;line-height:1.8}.profile-started small{color:var(--ink);margin-top:4px;font-size:15px;display:block}.profile-course-icon{width:48px;height:48px;color:var(--orange-ink);background:color-mix(in srgb,var(--orange) 7%,var(--surface));border-radius:14px;flex-shrink:0;place-items:center;display:grid}.profile-started>svg{color:var(--navy);flex-shrink:0}.native-profile .setting-row{min-height:60px;color:var(--ink);gap:14px;margin:0;padding:14px 0;font-size:16px}.native-profile .setting-row>span{align-items:center;gap:8px;display:flex}.native-profile .setting-row select{max-width:55%;font-size:16px}.native-profile input[type=checkbox]{accent-color:var(--orange)}.native-profile input[type=checkbox]:checked{background:var(--orange)}.profile-reading .setting-row:last-child{border-bottom:0}.profile-ruby-preview{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;gap:24px;padding:22px 0;font-size:21px;line-height:2;display:flex}.profile-music .setting-row{border:0;padding:0 0 16px;font-weight:600}.profile-tracks{flex-direction:column;gap:12px;display:flex}.profile-tracks button{background:var(--bg);text-align:left;border:0;border-radius:16px;align-items:center;gap:14px;min-height:54px;padding:14px;font-size:17px;display:flex}.profile-tracks button.selected{background:color-mix(in srgb,var(--orange) 9%,var(--surface))}.profile-tracks button>span{flex:1}.profile-tracks button>svg{color:var(--orange-ink)}.profile-menu{padding-top:8px;padding-bottom:8px}.profile-menu h2{margin:12px 0 0}.profile-menu-row{text-align:left;width:100%;color:var(--navy);background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:18px 0;font-size:17px;line-height:1.8;display:flex}.profile-menu-row+.profile-menu-row{border-top:1px solid var(--line)}.profile-menu-row>span{flex:1}.profile-menu-row>svg{flex-shrink:0}.profile-delete{margin:8px 0 12px;font-size:14px}.profile-device-copy{overflow-wrap:anywhere;flex:1;min-width:0}.native-profile .device{gap:12px}.native-profile .device>svg{flex-shrink:0}.native-profile .device button{flex-shrink:0;font-size:13px}.profile-attempt-date{color:var(--muted);font-size:12px;display:block}.profile-brand{color:var(--muted);flex-direction:column;align-items:center;gap:18px;padding:20px;display:flex}.profile-brand img{object-fit:contain;width:100px;height:auto}.profile-brand small{font-size:12px}@media (max-width:560px){.native-profile{gap:20px;padding:4px 0 24px}.profile-card{padding:18px}.profile-identity{gap:12px}.profile-identity h1{font-size:19px}.profile-study-strip{flex-basis:66px}.profile-resume-copy{padding:14px}.profile-resume-copy strong{font-size:18px}.profile-resume-copy>span{font-size:15px}.profile-resume>svg{margin-right:12px}.native-profile .device{flex-wrap:wrap}.native-profile .device button{margin-left:auto}.profile-menu{padding-top:4px;padding-bottom:4px}}.reading-settings-dialog{width:min(460px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--surface);color:var(--ink);overscroll-behavior:contain;border-radius:26px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 80px #071d3930}.reading-settings-dialog::backdrop{-webkit-backdrop-filter:blur(4px);background:#14263c66}.reading-settings-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 14px;display:flex}.reading-settings-heading h2{color:var(--navy);font-size:19px}.reading-settings-heading button{background:var(--soft);border:0;width:40px;min-width:40px;height:40px;min-height:40px;padding:8px}.reading-settings-body{padding:6px 24px 20px}.reading-settings-dialog .setting-row{color:var(--ink);padding:18px 0;font-size:15px}.reading-size-control{color:var(--ink);padding:20px 0;font-size:14px}.reading-size-control>span{justify-content:space-between;align-items:center;display:flex}.reading-size-control output{color:var(--navy);background:var(--soft);font-variant-numeric:tabular-nums;border-radius:10px;padding:2px 12px}.reading-size-control input{background:0 0;border:0;width:100%;min-width:0;height:30px;padding:0}.reading-settings-preview{background:var(--bg);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:16px;padding:20px 16px 12px;line-height:2.1}.reading-settings-preview ruby{line-height:2}.reading-settings-preview rt{font-size:.5em}.reading-settings-preview p{margin-top:8px}.reading-settings-dialog footer{padding:0 24px 24px}.reading-settings-dialog footer button{width:100%;min-height:48px;font-size:15px}.question-drawer{width:min(680px,100% - 32px);height:min(680px,76dvh);max-height:calc(100dvh - 32px - env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));border:1px solid var(--line);isolation:isolate;border-radius:26px}.question-drawer[open]{grid-template-rows:28px auto auto minmax(0,1fr) auto;gap:0;display:grid}.question-drawer.expanded{height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.question-drawer .drawer-handle{height:28px;min-height:28px;box-shadow:none;background:0 0;border:0;margin:0}.question-drawer .drawer-handle:active{transform:none}.question-drawer .drawer-handle>span{background:color-mix(in srgb,var(--muted) 40%,transparent);width:36px;height:4px}.question-drawer .drawer-heading{background:0 0;border:0;padding:8px 22px 14px}.question-drawer .drawer-heading h2{font-size:19px}.question-drawer .drawer-heading .icon-btn{width:40px;min-width:40px;height:40px;min-height:40px}.question-drawer .drawer-filters{padding:0 22px 14px}.drawer-filters .sliding-segments{border:0;margin:0}.drawer-filters .sliding-segments button{border:0;padding:10px 6px;font-size:13px}.drawer-filters>p{margin-top:12px}.question-drawer .drawer-question-scroll{scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:6px 22px 18px;scroll-padding:6px}.question-drawer .drawer-question-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.question-drawer .drawer-question-grid button{aspect-ratio:1;border:1px solid var(--line);min-height:52px;box-shadow:none;border-radius:14px;gap:3px}.question-drawer .drawer-question-grid .current{border:2px solid var(--orange)}.question-drawer .drawer-question-grid strong{font-size:16px}.question-drawer .drawer-question-grid button:focus-visible{outline-offset:1px}.drawer-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);align-items:center;gap:16px;padding:12px 22px;font-size:11px;display:flex}.drawer-footer>span{align-items:center;gap:5px;display:flex}.drawer-footer>button{background:var(--soft);color:var(--navy);border:0;border-radius:999px;min-height:44px;margin-left:auto;font-size:12px}@media (max-width:560px){.question-drawer{width:100%;height:70dvh;max-height:calc(100dvh - 20px - env(safe-area-inset-top));border-radius:24px 24px 0 0;bottom:0}.question-drawer.expanded{height:calc(100dvh - 20px - env(safe-area-inset-top))}.question-drawer .drawer-question-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.question-drawer .drawer-heading{padding:4px 16px 10px}.question-drawer .drawer-filters{padding:0 16px 10px}.question-drawer .drawer-question-scroll{padding:5px 16px 16px}.drawer-footer{padding:10px 16px max(10px,env(safe-area-inset-bottom));gap:10px}.reading-settings-heading{padding:18px}.reading-settings-body,.reading-settings-dialog footer{padding:0 18px 18px}}@media (max-height:500px){.question-drawer{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);bottom:0}.question-drawer[open]{grid-template-rows:16px auto auto minmax(0,1fr) auto}.question-drawer .drawer-handle{height:16px;min-height:16px}.question-drawer .drawer-heading{padding:0 16px 6px}.question-drawer .drawer-filters{padding:0 16px 8px}.drawer-filters>p{display:none}.drawer-footer{padding:6px 16px}}.moving-navigation{isolation:isolate}.sidebar-nav.moving-navigation{position:relative}.moving-navigation .navigation-indicator{pointer-events:none;z-index:0;opacity:0;background:color-mix(in srgb,var(--navy) 12%,var(--surface));will-change:transform;border-radius:999px;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #ffffff35}.sidebar-nav.moving-navigation .navigation-indicator{background:color-mix(in srgb,var(--orange) 14%,var(--surface));border-radius:14px}.moving-navigation>button{z-index:1;transition:color .18s,transform .18s;position:relative}.moving-navigation>button.active,.moving-navigation>button:hover{background:0 0!important}.moving-navigation>button.active{color:var(--navy)}@media (prefers-reduced-motion:reduce){.moving-navigation>button{transition:none}.navigation-indicator{will-change:auto}}.sidebar-toggle{display:none}@media (min-width:851px){.app-shell{--sidebar-width:250px;grid-template-columns:var(--sidebar-width) minmax(0,1fr);transition:grid-template-columns .25s}.app-shell>.sidebar{width:var(--sidebar-width);min-width:0;transition:transform .25s,visibility .25s;overflow:hidden auto}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.app-shell.sidebar-collapsed>.sidebar{visibility:hidden;pointer-events:none;transform:translate(-100%)}.sidebar-toggle{flex-shrink:0;display:inline-flex}.topbar>.actions{min-width:0}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}@media (min-width:851px) and (max-width:1150px){.app-shell{--sidebar-width:210px}}.focus-music-trigger{position:relative}.music-playing-dot{background:var(--orange);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.focus-music-drawer{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--ink);overscroll-behavior:contain;border-radius:26px 0 0 26px;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:0 24px 80px #071d3930}.focus-music-drawer[open]{animation:.24s ease-out music-drawer-in}.focus-music-drawer::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14263c66}.focus-music-drawer h2{align-items:center;gap:8px;display:flex}.focus-music-body{padding:24px}.music-volume{margin:28px 0 20px;font-size:14px;display:block}.music-volume>span{align-items:center;gap:8px;display:flex}.music-volume output{font-variant-numeric:tabular-nums;margin-left:auto}.music-volume input{width:100%;min-height:44px;accent-color:var(--orange);border:0;padding:0}.music-play-toggle{width:100%;min-height:52px}@keyframes music-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes music-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:850px){.focus-music-drawer{width:min(560px,100%);height:auto;max-height:calc(100dvh - 24px - env(safe-area-inset-top));border-radius:26px 26px 0 0;margin:0 auto;inset:auto 0 0}.focus-music-drawer[open]{animation-name:music-sheet-in}.focus-music-body{padding:20px 22px max(22px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.app-shell,.app-shell>.sidebar{transition:none}.focus-music-drawer[open]{animation:none}}.account-delete-dialog{border:1px solid var(--line);background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);border-radius:28px;margin:auto;padding:24px;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 80px #0003}.account-delete-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14284080}.account-delete-dialog p{overflow-wrap:anywhere;line-height:1.9}.delete-email-label{gap:10px;margin:20px 0;display:grid}.delete-email-label input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--ink);border-radius:14px;padding:14px}.delete-final{width:100%;color:#fff!important;background:#b42318!important}.textbook-part{gap:16px;min-width:0;display:grid}.textbook-part>h2{color:var(--navy);margin:16px 4px 2px;font-size:22px}.textbook-part .row-copy h3{line-height:1.85}.textbook-part .row-copy p{margin:6px 0;line-height:1.8}.course-actions>.textbook-part{display:contents}@media (min-width:851px){.course-topbar>.header-leading{grid-template-columns:auto auto minmax(0,1fr)}}.note-body-field>span{margin-bottom:8px;display:block}.note-composer{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.note-format-toolbar{border-bottom:1px solid var(--line);background:var(--soft);flex-wrap:wrap;align-items:center;gap:6px;padding:10px;display:flex}.note-format-toolbar select{width:auto;max-width:140px;min-height:40px;padding:6px 10px;font-size:13px}.note-tool-group{border-right:1px solid var(--line);flex-wrap:wrap;gap:3px;padding-right:6px;display:flex}.note-tool-group:last-child{border-right:0}.note-format-toolbar button{width:40px;min-width:40px;height:40px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;display:grid}.note-format-toolbar button:hover{background:var(--surface)}.note-format-toolbar button[aria-pressed=true]{background:var(--highlight);border-color:var(--orange);color:var(--ink)}.note-format-toolbar button:disabled{opacity:.35}.note-format-toolbar :focus-visible{outline:2px solid var(--navy);outline-offset:2px}.note-writing-area{overflow-wrap:anywhere;white-space:pre-wrap;min-height:330px;line-height:2;font-size:var(--reading-size);outline:none;padding:20px}.note-writing-area:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--navy) 35%,transparent)}.note-writing-area p{margin:0 0 .65em}.note-writing-area p:last-child{margin-bottom:0}.note-writing-area h1,.note-writing-area h2,.note-writing-area h3{color:var(--navy);margin:.6em 0;line-height:1.8}.note-writing-area h1{font-size:1.6em}.note-writing-area h2{font-size:1.35em}.note-writing-area h3{font-size:1.15em}.note-writing-area ul,.note-writing-area ol{margin:.6em 0;padding-left:1.6em}.note-writing-area ul{list-style:outside}.note-writing-area ol{list-style:decimal}.note-writing-area li{margin:.25em 0}.note-writing-area li p{margin:0}.note-writing-area ul[data-type=taskList]{padding-left:0;list-style:none}.note-writing-area li[data-type=taskItem]{align-items:flex-start;gap:10px;display:flex}.note-writing-area li[data-type=taskItem]>label{flex:none;padding-top:.35em}.note-writing-area li[data-type=taskItem]>div{flex:1;min-width:0}.note-writing-area input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange)}.note-writing-area blockquote{border-left:3px solid var(--orange);background:var(--soft);margin:1em 0;padding:.3em 1em}.note-writing-area mark{color:#182c40;border-radius:3px;padding:.08em .1em}.note-writing-area hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}.note-typing-hint{color:var(--muted);border-top:1px solid var(--line);margin:0;padding:10px 16px;font-size:11px;line-height:1.8}.note-typing-hint kbd{font-family:inherit}.note-composer>.error{padding:0 16px}@media (max-width:700px){.note-writing-area{min-height:38dvh;padding:16px}.note-format-toolbar{gap:5px;padding:8px}.note-format-toolbar button{width:42px;height:42px}.note-typing-hint{font-size:10px}}