.mock-home{gap:22px;display:grid}.mock-home>header{color:#fff;background:linear-gradient(135deg,#123f39,#344c92);border-radius:24px;justify-content:space-between;gap:24px;padding:32px;display:flex}.mock-home h2{margin:13px 0;font:750 clamp(34px,5vw,58px) Georgia,serif}.mock-home header p{color:#dce9e5;max-width:760px;font-size:17px;line-height:1.65}.mock-home-stats{grid-template-columns:auto auto;align-content:center;gap:4px 12px;min-width:180px;display:grid}.mock-home-stats strong{font:750 38px Georgia,serif}.mock-home-stats span{color:#c8dcd6;align-self:center;font-size:12px}.mock-set-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mock-set-grid>button{text-align:left;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:18px;padding:21px;transition:all .2s;box-shadow:0 8px 24px #173f3710}.mock-set-grid>button:hover{border-color:#78a99c;transform:translateY(-3px);box-shadow:0 16px 35px #173f3720}.mock-set-grid>button>span{color:var(--coral);letter-spacing:.1em;font-size:10px;font-weight:900}.mock-set-grid h3{margin:12px 0 7px;font:750 22px Georgia,serif}.mock-set-grid p{color:#6d817c;min-height:38px;font-size:12px;line-height:1.5}.mock-set-grid>button>div{border-top:1px solid var(--line);gap:5px;margin-top:17px;padding-top:13px;display:grid}.mock-set-grid b{color:#176a59}.mock-set-grid i{color:#82938f;font-size:10px;font-style:normal}.mock-workspace{gap:18px;display:grid}.mock-runner-head{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:22px 26px;display:grid}.mock-runner-head>button{color:var(--ink);cursor:pointer;background:#eaf2ef;border:0;border-radius:11px;padding:12px 14px;font-weight:850}.mock-runner-head>div>span{color:var(--coral);letter-spacing:.08em;font-size:10px;font-weight:900}.mock-runner-head h2{margin:5px 0;font:750 28px Georgia,serif}.mock-timer{justify-items:end;display:grid}.mock-timer small{color:#71857f;font-size:9px}.mock-timer strong{font:750 26px Georgia,serif}.mock-timer span{color:#72857f;font-size:10px}.mock-stage-nav{background:#e8efec;border-radius:16px;grid-template-columns:repeat(6,1fr);gap:7px;padding:7px;display:grid}.mock-stage-nav button{color:#667c76;cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-weight:800;display:flex}.mock-stage-nav button>b{background:#d8e5e0;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.mock-stage-nav button.active{color:var(--ink);background:#fff;box-shadow:0 7px 18px #173f3718}.mock-stage-nav button.active>b{background:var(--ink);color:#fff}.mock-stage-nav button.done{color:#2d7c62}.mock-stage{gap:18px;display:grid}.mock-instruction{border:1px solid var(--line);background:#fff;border-radius:21px;padding:28px}.mock-instruction>span{color:var(--coral);letter-spacing:.1em;font-size:10px;font-weight:900}.mock-instruction h2{margin:11px 0;font:750 clamp(28px,4vw,44px) Georgia,serif}.mock-instruction p{color:#60756f;max-width:850px;line-height:1.6}.mock-reading-text{color:#294d46;background:#f5f0e8;border-left:6px solid #d3a95b;border-radius:17px;padding:30px;font:500 20px/1.8 Georgia,serif}.mock-question-list{gap:12px;display:grid}.mock-question{border:1px solid var(--line);background:#fff;border-radius:17px;padding:23px}.mock-question>span{color:var(--coral);font-size:10px;font-weight:900}.mock-question h3{margin:9px 0 15px;font:700 20px/1.45 Georgia,serif}.mock-question>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mock-question button{text-align:left;color:var(--ink);cursor:pointer;background:#f9fbfa;border:1px solid #d5e1dc;border-radius:11px;align-items:center;gap:9px;padding:12px;display:flex}.mock-question button>b{color:#2f6d5d;background:#e4eeea;border-radius:8px;place-items:center;min-width:26px;height:26px;display:grid}.mock-question button.chosen{background:#e8f4ef;border-color:#4c9b7f}.mock-question button.chosen>b{color:#fff;background:#24765e}.listening-player{background:linear-gradient(135deg,#153f39,#3d4c88);border-radius:18px;grid-template-columns:auto auto 1fr;align-items:start;gap:10px;padding:22px;display:grid}.listening-player button{color:#17483f;cursor:pointer;background:#fff;border:1px solid #ffffff35;border-radius:11px;padding:12px 15px;font-weight:850}.listening-player button+button{color:#fff;background:0 0}.listening-player p{color:#eff8f5;background:#ffffff12;border-radius:12px;grid-column:1/-1;margin:8px 0 0;padding:18px;font:17px/1.7 Georgia,serif}.writing-task-v2{grid-template-columns:.7fr 1.3fr;gap:16px;display:grid}.writing-task-v2>aside,.writing-task-v2>div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}.writing-task-v2 aside h3{font:750 22px Georgia,serif}.writing-task-v2 aside p{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 0;line-height:1.45;display:flex}.writing-task-v2 aside p>b{color:#c55545;background:#ffe6df;border-radius:8px;place-items:center;min-width:27px;height:27px;display:grid}.writing-task-v2>div>div:first-child{justify-content:space-between;display:flex}.writing-task-v2>div>div>span{color:#c35c4f}.writing-task-v2>div>div>span.ok{color:#27805f;font-weight:900}.writing-task-v2 textarea{resize:vertical;width:100%;min-height:340px;color:var(--ink);border:1px solid #d4e0dc;border-radius:13px;margin-top:14px;padding:18px;font:16px/1.7 Georgia,serif}.writing-checks{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.writing-checks span{color:#697e78;background:#edf2f0;border-radius:999px;padding:7px 10px;font-size:10px}.writing-checks span.done{color:#267354;background:#daf1e5}.speaking-exam-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.speaking-exam-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}.speaking-exam-grid span{color:var(--coral);font-size:10px;font-weight:900}.speaking-exam-grid h3{margin:13px 0;font:750 22px/1.35 Georgia,serif}.speaking-exam-grid p{color:#60756f;line-height:1.55}.speaking-exam-grid small{color:#7a8d87}.speaking-self-check{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.speaking-self-check label{cursor:pointer}.speaking-self-check input{opacity:0;position:absolute}.speaking-self-check span{border:1px solid var(--line);background:#fff;border-radius:11px;padding:15px;font-weight:700;display:block}.speaking-self-check input:checked+span{color:#236b4e;background:#e4f5ec;border-color:#58a47f}.mock-results{grid-template-columns:280px 1fr;gap:18px;display:grid}.result-score{color:#fff;text-align:center;background:#8c443d;border-radius:21px;align-content:center;place-items:center;min-height:340px;padding:26px;display:grid}.result-score.pass{background:linear-gradient(145deg,#17634f,#394d8f)}.result-score>span{letter-spacing:.1em;font-size:10px}.result-score>strong{margin:17px;font:800 68px Georgia,serif}.result-score p{color:#e4f0ed;margin:0}.result-score b{background:#ffffff18;border-radius:999px;margin-top:15px;padding:9px 13px}.result-details{border:1px solid var(--line);background:#fff;border-radius:21px;padding:25px}.result-details h2{font:750 28px Georgia,serif}.result-details article{border-top:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;display:flex}.result-details article>span{border-radius:9px;place-items:center;min-width:30px;height:30px;display:grid}.result-details article.correct>span{color:#267b59;background:#dff3e8}.result-details article.wrong>span{color:#c14f43;background:#ffe5df}.result-details article p{color:#667b75;margin:4px 0 0;font-size:12px}.manual-result{background:#eef3f1;border-radius:13px;grid-template-columns:auto 1fr;gap:10px;margin-top:17px;padding:16px;display:grid}.mock-runner-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);z-index:3;background:#ffffffec;border-radius:15px;justify-content:space-between;gap:10px;padding:12px;display:flex;position:sticky;bottom:10px}.mock-runner-actions>button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cbd9d4;border-radius:10px;padding:12px 16px;font-weight:850}.mock-runner-actions>button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}@media (max-width:950px){.mock-set-grid{grid-template-columns:repeat(2,1fr)}.mock-stage-nav{grid-template-columns:repeat(6,minmax(130px,1fr));overflow-x:auto}.speaking-exam-grid,.writing-task-v2,.mock-results{grid-template-columns:1fr}.result-score{min-height:230px}.mock-question>div{grid-template-columns:1fr}}@media (max-width:620px){.mock-home>header{flex-direction:column;padding:24px}.mock-set-grid{grid-template-columns:1fr}.mock-runner-head{grid-template-columns:auto 1fr;padding:16px}.mock-timer{grid-column:1/-1;justify-items:start}.mock-reading-text{padding:22px;font-size:18px}.listening-player,.speaking-self-check{grid-template-columns:1fr}.mock-runner-actions{flex-direction:column;bottom:70px}.mock-runner-actions button{width:100%}}.koko-page{gap:18px;display:grid}.koko-hero{color:#fff;background:linear-gradient(135deg,#123f39 0%,#174f47 53%,#394d8f 100%);border-radius:25px;grid-template-columns:1fr 260px;align-items:stretch;gap:30px;margin:0;padding:34px;display:grid;position:relative;overflow:hidden}.koko-hero:after{content:"KO";color:#ffffff08;pointer-events:none;font:900 150px/1 Georgia,serif;position:absolute;bottom:-42px;right:235px}.koko-hero h1{color:#fff;margin:9px 0 16px;font-size:clamp(38px,5vw,68px)}.koko-hero h1 em{color:#ff9d88}.koko-hero>div:first-child>p:last-child{color:#d8e7e2;max-width:720px;font-size:16px;line-height:1.65}.koko-today{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff20;border-radius:19px;align-content:center;padding:24px;display:grid}.koko-today>span{letter-spacing:.14em;color:#b9d9cf;font-size:9px;font-weight:900}.koko-today>strong{margin:10px 0 0;font:800 48px Georgia,serif}.koko-today>small{color:#d9e8e3}.koko-today>div{background:#ffffff18;border-radius:99px;height:7px;margin:18px 0 9px;overflow:hidden}.koko-today i{background:#ff9d88;border-radius:99px;height:100%;display:block}.koko-today>b{color:#c7ddd6;font-size:10px}.koko-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.koko-levels button{text-align:left;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:17px;grid-template-columns:auto 1fr;column-gap:14px;padding:18px 20px;display:grid}.koko-levels button>strong{grid-row:1/3;align-self:center;font:800 31px Georgia,serif}.koko-levels button>span{font-size:12px;font-weight:850}.koko-levels button>small{color:#748781;margin-top:4px}.koko-levels button.active{background:#e8f3ee;border-color:#5c9c87;box-shadow:0 8px 25px #174c4020}.koko-levels button.active>strong{color:#e66653}.koko-view-tabs{background:#e7eeeb;border-radius:15px;gap:8px;padding:7px;display:flex;overflow-x:auto}.koko-view-tabs button{color:#61746f;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:145px;padding:12px 17px;font-weight:850;display:flex}.koko-view-tabs button span{background:#d6e2dd;border-radius:99px;place-items:center;min-width:25px;height:20px;padding:0 6px;font-size:9px;display:grid}.koko-view-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 5px 15px #173f3b12}.koko-view-tabs button.active span{background:var(--ink);color:#fff}.koko-category-row{gap:7px;padding:1px 1px 6px;display:flex;overflow-x:auto}.koko-category-row button{white-space:nowrap;border:1px solid var(--line);color:#647872;cursor:pointer;background:#fff;border-radius:99px;padding:9px 13px;font-size:11px;font-weight:750}.koko-category-row button.active{background:var(--ink);border-color:var(--ink);color:#fff}.koko-workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:17px;display:grid}.koko-drill-list{border:1px solid var(--line);background:#fff;border-radius:19px;max-height:780px;padding:11px;display:grid;position:sticky;top:18px;overflow:auto}.koko-drill-list>div{justify-content:space-between;padding:10px 9px 14px;display:flex}.koko-drill-list>div span{letter-spacing:.1em;color:var(--coral);font-size:9px;font-weight:900}.koko-drill-list>div b{color:#72837e;font-size:9px}.koko-drill-list>button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-top:1px solid #edf1ef;border-radius:11px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:13px 10px;display:grid}.koko-drill-list>button:hover{background:#f5f8f6}.koko-drill-list>button.active{color:#fff;background:#173f3b}.koko-drill-list i{color:#33715f;background:#e7efec;border-radius:8px;place-items:center;width:29px;height:29px;font-size:9px;font-style:normal;font-weight:900;display:grid}.koko-drill-list .active i{color:#fff;background:#ffffff18}.koko-drill-list strong,.koko-drill-list small{display:block}.koko-drill-list strong{font-size:12px}.koko-drill-list small{color:#7b8c87;margin-top:4px;font-size:9px;line-height:1.35}.koko-drill-list .active small{color:#c7d9d4}.koko-drill-list em{color:#bd5547;background:#ffe2dc;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;font-weight:900;display:grid}.koko-coach{border:1px solid var(--line);background:#fff;border-radius:21px;min-width:0;overflow:hidden}.koko-coach-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:26px 28px;display:flex}.koko-coach-head>div:first-child>span{color:var(--coral);letter-spacing:.12em;font-size:9px;font-weight:900}.koko-coach-head h2{margin:8px 0;font:750 clamp(28px,4vw,42px) Georgia,serif}.koko-coach-head p{color:#687c76;max-width:690px;margin:0;line-height:1.55}.koko-coach-head>div:last-child{align-items:flex-start;gap:7px;display:flex}.koko-coach-head>div:last-child button{color:#59706a;cursor:pointer;background:#f8faf9;border:1px solid #d6e1dd;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:850}.koko-coach-head>div:last-child button:first-child{padding:6px 11px;font-size:18px}.koko-coach-head>div:last-child button.marked{color:#8e6911;background:#fff3c9;border-color:#e2c15d}.koko-coach-head>div:last-child button.hard{color:#ae4639;background:#ffe9e4;border-color:#e59b8d}.koko-steps{background:#edf2f0;grid-template-columns:repeat(5,1fr);gap:5px;padding:9px;display:grid}.koko-steps button{color:#71837e;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.koko-steps button>b{background:#dce7e2;border-radius:8px;place-items:center;min-width:26px;height:26px;font-size:9px;display:grid}.koko-steps button span{min-width:0}.koko-steps strong,.koko-steps small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.koko-steps strong{font-size:10px}.koko-steps small{margin-top:3px;font-size:8px}.koko-steps button.active{color:var(--ink);background:#fff;box-shadow:0 5px 14px #173f3b12}.koko-steps button.active>b{background:var(--ink);color:#fff}.koko-steps button.done>b{color:#267457;background:#d8f0e3}.koko-stage{min-height:470px;padding:28px}.koko-instruction{padding-bottom:18px}.koko-instruction>span{color:var(--coral);letter-spacing:.12em;font-size:9px;font-weight:900}.koko-instruction h3{max-width:760px;margin:9px 0 0;font:650 20px/1.45 Georgia,serif}.koko-model,.shadow-card,.quick-answer,.transform-card,.free-speech{background:linear-gradient(145deg,#edf5f1,#fafcfb);border:1px solid #d5e3dd;border-radius:18px;padding:25px}.koko-play{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:12px;padding:11px 14px;display:flex}.koko-play>b{background:#ffffff18;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.koko-play span,.koko-play small{text-align:left;display:block}.koko-play span{font-weight:850}.koko-play small{color:#bdd1ca;margin-top:2px;font-size:8px}.koko-model blockquote,.shadow-card blockquote{color:#194a42;margin:27px 0 20px;font:italic 600 clamp(24px,4vw,38px)/1.45 Georgia,serif}.koko-model>p{color:#617670;background:#fff;border-radius:11px;padding:14px 16px;line-height:1.55}.text-link{color:#c45c4d;cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:850}.shadow-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.shadow-card>div:first-child button,.quick-answer>button:first-child{color:#fff;cursor:pointer;background:#173f3b;border:0;border-radius:9px;padding:10px 13px;font-weight:800}.shadow-card>div:first-child span{color:#6c807a;font-size:9px;font-weight:850}.quick-answer>span,.transform-card>span,.free-speech>span{letter-spacing:.13em;color:#c66051;margin-top:18px;font-size:9px;font-weight:900;display:block}.quick-answer>h3,.transform-card>h3,.free-speech>h3{margin:9px 0 20px;font:750 clamp(24px,4vw,38px)/1.35 Georgia,serif}.voice-area{gap:10px;display:grid}.voice-area>button{color:#fff;cursor:pointer;background:#e76653;border:0;border-radius:12px;justify-self:start;padding:13px 17px;font-weight:900}.voice-area>button b{margin-right:9px}.voice-area>button.recording{background:#9b342c;animation:1.1s infinite kokoPulse}.voice-area>span{color:#81918d;font-size:9px}.voice-area textarea{resize:vertical;width:100%;min-height:95px;color:var(--ink);background:#fff;border:1px solid #d1ded9;border-radius:11px;padding:14px;font:16px/1.55 Georgia,serif}.mic-message{color:#886725;background:#fff3dd;border-radius:9px;margin:0;padding:10px 12px;font-size:11px}.coverage{grid-template-columns:1fr auto;align-items:center;gap:7px 12px;display:grid}.coverage>div{background:#dbe6e2;border-radius:99px;height:7px;overflow:hidden}.coverage i{background:linear-gradient(90deg,#e77b66,#399576);border-radius:99px;height:100%;display:block}.coverage>b{font-size:10px}.coverage>small{color:#7c8e88;grid-column:1/-1;font-size:9px}.answer-model{background:#fff;border-left:4px solid #e77b66;border-radius:10px;margin-top:13px;padding:15px 17px}.answer-model b{font:650 17px/1.5 Georgia,serif}.answer-model p{color:#697d77;margin:7px 0 0}.answer-model button{color:#205e50;cursor:pointer;background:#e8f1ed;border:0;border-radius:8px;margin-top:10px;padding:8px 11px;font-weight:800}.transform-tools{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.transform-tools>button:last-child{color:#365f55;cursor:pointer;background:#fff;border:1px solid #cbdad4;border-radius:9px;padding:9px 12px;font-weight:800}.free-speech>p{color:#61756f;background:#fff;border-radius:10px;padding:13px 15px}.self-checks{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.self-checks span{color:#61756f;background:#fff;border-radius:9px;padding:10px 12px;font-size:10px}.koko-actions{border-top:1px solid var(--line);background:#fafcfb;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px 28px;display:grid}.koko-actions>button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cad8d3;border-radius:9px;padding:11px 14px;font-weight:850}.koko-actions>button:disabled{opacity:.35;cursor:not-allowed}.koko-actions>button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.koko-actions>div{text-align:center;justify-content:center;gap:5px;display:grid}.koko-actions>div>span{color:#7e8f8a;font-size:9px}.koko-actions>div>div{gap:4px;display:flex}.koko-actions>div i{background:#dbe4e1;border-radius:99px;width:20px;height:4px}.koko-actions>div i.done{background:#e77b66}.koko-empty{text-align:center;border:1px solid var(--line);background:#fff;border-radius:19px;padding:45px}.koko-empty>span{color:#277556;background:#daf0e5;border-radius:50%;place-items:center;width:60px;height:60px;margin:auto;font-size:25px;display:grid}.koko-empty h2{font:750 27px Georgia,serif}.koko-empty p{color:#6f817c}.phrase-bank{gap:15px;display:grid}.phrase-bank>header{border:1px solid var(--line);background:#fff;border-radius:19px;justify-content:space-between;align-items:end;gap:25px;margin:0;padding:27px;display:flex}.phrase-bank h2{margin:10px 0;font:750 32px Georgia,serif}.phrase-bank header p{color:#667a74;margin:0}.phrase-bank header label{background:#f8faf9;border:1px solid #cddbd6;border-radius:11px;align-items:center;min-width:330px;padding:0 12px;display:flex}.phrase-bank input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:14px}.phrase-groups{grid-template-columns:1fr 1fr;align-items:start;gap:11px;display:grid}.phrase-groups article{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.phrase-group-head{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:0;justify-content:space-between;align-items:center;padding:18px;display:flex}.phrase-group-head span,.phrase-group-head strong,.phrase-group-head small{display:block}.phrase-group-head strong{font:750 18px Georgia,serif}.phrase-group-head small{color:#768984;margin-top:4px}.phrase-group-head>b{color:#cf6655;font-size:9px}.phrase-groups article.open .phrase-group-head{background:#edf4f1}.phrase-groups article>div{padding:8px;display:grid}.phrase-groups article>div>button{text-align:left;color:var(--ink);cursor:pointer;background:#fff;border:0;border-top:1px solid #edf1ef;align-items:center;gap:10px;padding:12px;display:flex}.phrase-groups article>div>button:hover{background:#f6f9f7}.phrase-groups article>div>button span{color:#256651;background:#e4efeb;border-radius:8px;place-items:center;min-width:27px;height:27px;font-size:9px;display:grid}.phrase-groups article>div>button p{margin:0;font:15px/1.4 Georgia,serif}@keyframes kokoPulse{50%{box-shadow:0 0 0 8px #e7675325}}@media (max-width:1080px){.koko-workspace{grid-template-columns:240px minmax(0,1fr)}.koko-steps{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto}.koko-steps button{min-width:110px}.koko-coach-head{flex-direction:column}.koko-coach-head>div:last-child{align-self:flex-start}}@media (max-width:850px){.koko-hero{grid-template-columns:1fr}.koko-hero:after{right:-20px}.koko-workspace{grid-template-columns:1fr}.koko-drill-list{max-height:280px;position:static}.phrase-bank>header{flex-direction:column;align-items:stretch}.phrase-bank header label{min-width:0}.phrase-groups{grid-template-columns:1fr}.koko-stage{min-height:auto}}@media (max-width:620px){.koko-page{gap:13px}.koko-hero{padding:24px}.koko-hero h1{font-size:39px}.koko-today{padding:18px}.koko-levels{grid-template-columns:1fr}.koko-levels button{padding:13px 16px}.koko-view-tabs button{min-width:130px}.koko-coach-head{padding:20px}.koko-coach-head>div:last-child{width:100%}.koko-coach-head>div:last-child button:last-child{flex:1}.koko-stage{padding:20px}.koko-model,.shadow-card,.quick-answer,.transform-card,.free-speech{padding:19px}.koko-model blockquote,.shadow-card blockquote{font-size:24px}.self-checks{grid-template-columns:1fr}.koko-actions{z-index:4;grid-template-columns:1fr 1fr;padding:12px 18px;position:sticky;bottom:126px}.koko-actions>div{display:none}.koko-actions>button{padding:11px 8px;font-size:10px}.transform-tools{flex-direction:column;align-items:flex-start;gap:8px}.phrase-bank>header{padding:20px}.phrase-bank h2{font-size:27px}}.sentence-modes{background:#e8efec;border-radius:14px;gap:8px;margin-bottom:16px;padding:7px;display:flex}.sentence-modes button{color:#48635e;background:0 0;border:0;border-radius:10px;flex:1;padding:14px;font-weight:800}.sentence-modes button.active{color:#143f39;background:#fff;box-shadow:0 4px 12px #153f3a18}.phrase-lab>header{background:#fff;border:1px solid #dbe4e0;border-radius:22px;padding:28px}.phrase-lab h2{color:#143f39;margin:12px 0;font:700 clamp(30px,4vw,48px) Georgia,serif}.phrase-lab>nav{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.phrase-lab>nav button{background:#fff;border:1px solid #d5e0dc;border-radius:999px;padding:9px 13px;font-weight:700}.phrase-lab>nav button.active{color:#fff;background:#154840}.phrase-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.phrase-grid article{background:#fff;border:1px solid #dbe4e0;border-radius:17px;padding:21px}.phrase-grid article>span{letter-spacing:.1em;color:#e76755;font-size:10px;font-weight:900}.phrase-grid h3{color:#143f39;margin:12px 0;font:700 22px Georgia,serif}.phrase-grid article>p{color:#607570}.phrase-grid article>button{color:#154840;background:#edf4f1;border:0;border-radius:9px;padding:9px 12px;font-weight:800}.phrase-grid article>div{background:#f7f2ea;border-radius:11px;gap:7px;margin-top:14px;padding:15px;display:grid}.phrase-grid article>div b{color:#e76755;font-size:10px}.phrase-grid article>div strong{font-family:Georgia,serif;line-height:1.45}.phrase-grid article>div small{color:#607570}@media (max-width:760px){.phrase-grid{grid-template-columns:1fr}.sentence-modes{flex-direction:column}}.guide-page{max-width:1480px;margin:auto}.guide-hero{grid-template-columns:1.4fr .7fr;align-items:center;gap:28px;display:grid!important}.guide-hero h1{font-size:clamp(44px,6vw,78px)!important}.guide-hero aside{color:#fff;background:#154840;border-radius:24px;padding:28px}.guide-hero aside>b{font:700 28px Georgia,serif}.guide-hero ol{padding-left:20px;line-height:2}.guide-hero li strong{color:#f3977e;margin-right:8px}.method-section,.study-rules,.b1-route,.rescue-section,.weekly-plan{margin-top:48px}.method-section>h2,.study-rules h2,.b1-route>h2,.rescue-section>h2,.weekly-plan>h2{color:#143f39;font:700 clamp(34px,4vw,52px) Georgia,serif}.method-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.method-grid article{background:#fff;border:1px solid #dce5e1;border-radius:18px;padding:24px}.method-grid article>b{color:#e76755}.method-grid h3{color:#143f39;font-size:20px}.method-grid p{color:#5c746f;line-height:1.65}.study-rules{background:#eef5f2;border-radius:24px;grid-template-columns:.65fr 1.35fr;gap:30px;padding:32px;display:grid}.study-rules ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.study-rules li{background:#fff;border-radius:13px;grid-template-columns:210px 1fr;gap:15px;padding:16px;display:grid}.study-rules li span{color:#5d736f}.b1-route>div{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.b1-route article{background:#fff;border:1px solid #dce5e1;border-radius:20px;flex-direction:column;padding:24px;display:flex}.b1-route article header{gap:15px;padding:0!important;display:flex!important}.b1-route header>b{color:#e76755;font:700 42px Georgia,serif}.b1-route h3{color:#143f39;margin:3px 0}.b1-route ul{color:#49635e;padding-left:18px;line-height:1.9}.b1-route footer{background:#f1f6f4;border-radius:12px;margin-top:auto;padding:15px}.b1-route footer span,.rescue-grid span{letter-spacing:.1em;color:#e76755;font-size:11px;font-weight:900}.b1-route footer p{margin:6px 0}.b1-route button{color:#fff;background:#154840;border:0;border-radius:10px;margin-top:14px;padding:13px;font-weight:800}.rescue-section>p{color:#5f746f}.rescue-section nav{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.rescue-section nav button{background:#fff;border:1px solid #d5e0dc;border-radius:999px;padding:9px 13px}.rescue-section nav button.active{color:#fff;background:#154840}.rescue-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.rescue-grid article{background:#fff;border:1px solid #dce5e1;border-radius:15px;padding:19px}.rescue-grid strong{color:#143f39;margin:10px 0;font:700 20px Georgia,serif;display:block}.rescue-grid p{color:#607570;margin:0}.weekly-plan>div{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.weekly-plan p{background:#fff;border:1px solid #dce5e1;border-radius:13px;flex-direction:column;gap:8px;padding:16px;display:flex}.weekly-plan p b{color:#154840}.weekly-plan p span{color:#607570;font-size:13px}@media (max-width:950px){.guide-hero,.study-rules{grid-template-columns:1fr}.method-grid,.b1-route>div{grid-template-columns:1fr 1fr}.weekly-plan>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.method-grid,.b1-route>div,.rescue-grid,.weekly-plan>div{grid-template-columns:1fr}.study-rules{padding:20px}.study-rules li{grid-template-columns:1fr}}.studio-hero{align-items:stretch}.studio-status{background:var(--ink);color:#fff;border-radius:20px;flex-direction:column;justify-content:center;min-width:180px;padding:22px;display:flex}.studio-status span{color:#bcd0ca;font-size:11px}.studio-status strong{margin:12px 0 2px;font:700 42px Georgia,serif}.studio-status small{color:#c9dad5}.studio-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.studio-stats article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.studio-stats strong,.studio-stats span{display:block}.studio-stats strong{font:700 26px Georgia,serif}.studio-stats span{color:var(--muted);margin-top:5px;font-size:12px}.studio-tabs{background:#eaf0ed;border-radius:16px;gap:8px;margin-bottom:22px;padding:7px;display:flex;overflow-x:auto}.studio-tabs button{color:#5f746e;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;min-width:130px;padding:13px 15px;font-weight:800}.studio-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 7px 18px #173f3b16}.studio-form{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:30px;padding:30px;display:grid}.studio-form-head{padding-right:10px}.studio-form-head h2{margin:10px 0;font:700 32px Georgia,serif}.studio-form-head p{color:var(--muted);line-height:1.65}.studio-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.studio-fields label{letter-spacing:.4px;color:#506862;gap:7px;font-size:11px;font-weight:800;display:grid}.studio-fields label.wide,.studio-submit{grid-column:1/-1}.studio-fields input,.studio-fields select,.studio-fields textarea{width:100%;color:var(--ink);background:#f8faf9;border:1px solid #d8e1dd;border-radius:11px;padding:13px;font:500 14px Arial}.studio-fields textarea{resize:vertical;min-height:110px}.studio-submit{justify-self:start}.studio-library{gap:20px;display:grid}.backup-box{border:1px solid var(--line);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:25px;padding:26px;display:flex}.backup-box h2{margin:8px 0;font:700 25px Georgia,serif}.backup-box p{max-width:620px;color:var(--muted);margin:0;line-height:1.55}.backup-box>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.import-button{border:1px solid var(--ink);cursor:pointer;border-radius:10px;align-items:center;padding:11px 15px;font-size:12px;font-weight:800;display:inline-flex}.import-button input{display:none}.studio-items{gap:10px;display:grid}.studio-items article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:95px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.studio-items article>span{color:var(--coral);letter-spacing:1px;font-size:10px;font-weight:900}.studio-items strong{font:700 17px Georgia,serif}.studio-items p{color:var(--muted);margin:5px 0 0;font-size:12px}.studio-items button{color:#b15446;cursor:pointer;background:#fff1ed;border:0;border-radius:9px;padding:9px 12px;font-weight:800}.studio-empty{text-align:center;background:#fff;border:1px dashed #c9d6d1;border-radius:18px;padding:38px}.studio-empty p{color:var(--muted)}.custom-learning-list{gap:10px;margin-top:18px;display:grid}.custom-learning-list article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.custom-learning-list span{color:var(--coral);letter-spacing:1px;font-size:10px;font-weight:900}.custom-learning-list h3{margin:8px 0;font:700 20px Georgia,serif}.custom-learning-list p{color:#4e6560;line-height:1.6}.custom-learning-list em{color:var(--ink);margin-top:10px;font:italic 16px Georgia,serif;display:block}.custom-sentence-section{margin-top:26px}.custom-sentence-section>h2{font:700 24px Georgia,serif}.custom-sentence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.custom-sentence-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:19px}.custom-sentence-grid span{color:var(--coral);letter-spacing:1px;font-size:10px;font-weight:900}.custom-sentence-grid strong{margin:10px 0;font:700 18px Georgia,serif;display:block}.custom-sentence-grid p{color:var(--muted);margin:0}.nav-item[title=Panel] .nav-icon{font-size:13px}@media (max-width:900px){.studio-form{grid-template-columns:1fr}.backup-box{flex-direction:column;align-items:flex-start}.studio-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.studio-hero{display:grid}.studio-status{min-width:0}.studio-stats{gap:8px}.studio-stats article{padding:15px}.studio-form{gap:14px;padding:20px}.studio-fields{grid-template-columns:1fr}.studio-fields label,.studio-fields label.wide,.studio-submit{grid-column:1}.custom-sentence-grid{grid-template-columns:1fr}.studio-items article{grid-template-columns:1fr auto}.studio-items article>span{grid-column:1/-1}.backup-box{padding:20px}}.account-page{min-height:100vh;padding:clamp(22px,4vw,62px)}.google-signin .google-button{width:100%}.google-signin>p{color:#526b64;margin:10px 0 0;font-size:.875rem;line-height:1.5}.google-signin .auth-divider{color:#526b64;font-size:.875rem}.google-button:focus-visible{outline-offset:3px;outline:3px solid #e77b66}.auth-gate-shell{background:linear-gradient(135deg,#f7f4ed 0%,#edf4f1 100%);min-height:100vh}.account-gate{scroll-behavior:smooth;display:block}.auth-loading{color:#154840;background:#f7f4ed;place-content:center;justify-items:center;gap:12px;min-height:100vh;display:grid}.auth-loading .brand-mark{width:58px;height:58px;font-size:31px}.auth-loading strong{font-family:Georgia,serif;font-size:30px}.auth-loading span{color:#6d7e7a}.account-shell{border:1px solid var(--line,#d9e0dc);background:#fff;border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);max-width:1180px;min-height:720px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 22px 60px #123e3914}.account-story{color:#fff;background:#154840;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,82px);display:flex}.account-story .pill{color:#154840;background:#fff;align-self:flex-start}.account-story h1{margin:28px 0 24px;font-size:clamp(44px,6vw,76px);line-height:.98}.account-story h1 em{color:#f2a08e;font-weight:400}.account-story>p{color:#d8e5e1;max-width:630px;font-size:19px;line-height:1.7}.account-story ul{gap:15px;margin:35px 0 0;padding:0;list-style:none;display:grid}.account-story li{align-items:center;gap:12px;font-size:16px;display:flex}.account-story li:before{content:"✓";color:#154840;background:#f2a08e;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.account-form-card{flex-direction:column;justify-content:center;padding:clamp(30px,5vw,66px);display:flex}.auth-tabs{background:#edf3f0;border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:28px;padding:5px;display:grid}.auth-tabs button{color:#61736f;background:0 0;border:0;border-radius:10px;padding:14px;font-size:15px;font-weight:800}.auth-tabs button.active{color:#154840;background:#fff;box-shadow:0 5px 16px #123e3917}.auth-channel-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.auth-channel-tabs button{color:#61736f;background:#fff;border:1px solid #d6e0dc;border-radius:12px;padding:12px;font-weight:800}.auth-channel-tabs button.active{color:#154840;background:#eaf2ef;border-color:#154840}.google-button{color:#173f3a;cursor:pointer;background:#fff;border:1px solid #cfd9d5;border-radius:13px;height:54px;font-size:16px;font-weight:800}.google-button span{color:#4285f4;margin-right:12px;font:800 20px Arial}.google-button:disabled,.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-divider{color:#84938f;align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.auth-divider span{background:#dde5e1;flex:1;height:1px}.account-form-card form{gap:17px;display:grid}.account-form-card label{color:#264943;gap:8px;font-size:14px;font-weight:800;display:grid}.account-form-card input{width:100%;height:54px;font:inherit;color:#173f3a;background:#fbfcfb;border:1px solid #cedbd6;border-radius:12px;padding:0 15px;font-weight:500}.account-form-card input:focus-visible{border-color:#e77b66;outline:3px solid #e77b668c}.auth-submit{height:54px;margin-top:5px}.forgot-button{color:#355e57;cursor:pointer;background:0 0;border:0;margin:19px auto 0;font-weight:800}.auth-legal{text-align:center;color:#81918d;margin-top:24px;line-height:1.55;display:block}.auth-message{border-radius:10px;margin:0;padding:12px 14px;font-size:14px}.auth-message.error{color:#a74735;background:#fff0ed}.auth-message.success{color:#24623f;background:#eaf6ef}.auth-setup{color:#6c5024;background:#fff7e8;border:1px solid #efd8a8;border-radius:12px;margin-bottom:18px;padding:15px}.auth-setup p{margin:5px 0 0;font-size:14px;line-height:1.5}.account-profile{text-align:center;background:#fff;border:1px solid #d9e1dd;border-radius:28px;max-width:900px;margin:30px auto;padding:clamp(35px,6vw,76px)}.account-avatar{color:#fff;background:#154840;border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 24px;font:700 38px Georgia;display:grid}.account-profile h1{margin:22px 0 8px;font-size:clamp(38px,5vw,62px)}.account-profile>p{color:#71817d;font-size:18px}.account-benefits{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0;display:grid}.account-benefits article{background:#edf3f0;border-radius:17px;gap:9px;padding:23px;display:grid}.account-benefits b{color:#e76f5b}.account-benefits strong{font-size:17px}.account-benefits span{color:#5d716c;font-size:14px;line-height:1.55}@media (max-width:850px){.account-page{padding:14px}.account-shell{grid-template-columns:1fr;min-height:0}.account-story{padding:34px 25px}.account-story h1{font-size:44px}.account-story>p{font-size:16px}.account-story ul{display:none}.account-form-card{padding:28px 22px 36px}.account-benefits{grid-template-columns:1fr}}@media (max-width:520px){.account-page{padding:0 0 calc(136px + env(safe-area-inset-bottom))}.account-gate{padding-bottom:max(18px,env(safe-area-inset-bottom))}.account-gate .account-shell{min-height:100vh}.account-shell{border-left:0;border-right:0;border-radius:0}.account-story h1{font-size:39px}.account-profile{border-left:0;border-right:0;border-radius:0;margin:0}.auth-tabs button{font-size:14px}}.public-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto 22px;display:flex}.public-brand{color:#154840;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.public-brand span{background:#f7f4ed;border:2px solid #154840;border-radius:50%;place-items:center;width:38px;height:38px;font:700 23px Georgia;display:grid}.public-brand strong{font:700 20px Georgia}.public-nav nav,.public-footer nav{align-items:center;gap:24px;display:flex}.public-nav nav a,.public-footer nav a{color:#41635d;font-size:14px;font-weight:750;text-decoration:none}.public-nav nav a:last-child{color:#fff;background:#154840;border-radius:10px;padding:11px 17px}.auth-legal a{color:#355e57;font-weight:750}.public-proof{background:#d9e1dd;border:1px solid #d9e1dd;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1180px;margin:24px auto 0;display:grid;overflow:hidden}.public-proof article{background:#fff;gap:6px;padding:26px;display:grid}.public-proof strong{color:#154840;font:700 clamp(27px,4vw,43px) Georgia}.public-proof span{color:#667b76;font-size:13px}.public-program,.public-sample{background:#fff;border:1px solid #d9e1dd;border-radius:24px;max-width:1180px;margin:24px auto 0;padding:clamp(30px,5vw,64px)}.public-program{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:center;gap:clamp(34px,7vw,90px);display:grid}.public-program h2,.public-sample h2{color:#154840;margin:14px 0;font:700 clamp(34px,5vw,55px)/1.05 Georgia}.public-program>div>p{color:#5e736e;font-size:17px;line-height:1.75}.public-program ol{margin:0;padding:0;list-style:none;display:grid}.public-program li{border-bottom:1px solid #e0e6e3;gap:18px;padding:22px 0;display:flex}.public-program li:last-child{border:0}.public-program li>b{color:#e76f5b;font:700 20px Georgia}.public-program li span{gap:6px;display:grid}.public-program li strong{color:#154840;font-size:18px}.public-program li small{color:#6b7c78;line-height:1.5}.public-sample{color:#fff;background:#154840;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,7vw,90px);display:grid}.public-sample h2{color:#fff}.public-sample>div>p{color:#d6e4df;line-height:1.7}.public-sample code{color:#f5b3a4;background:#0f3e37;border-radius:10px;padding:15px;line-height:1.5;display:block}.public-sample article{color:#154840;background:#fff;border-radius:18px;align-content:center;gap:13px;padding:clamp(24px,4vw,42px);display:grid}.public-sample article>span{letter-spacing:.12em;color:#e76f5b;font-size:11px;font-weight:850}.public-sample article>strong{font:700 25px/1.35 Georgia}.public-sample article p{color:#4f6862;margin:0}.public-sample article small{color:#60736f;border-top:1px solid #dfe6e3;padding-top:15px;line-height:1.55}.public-footer{border-top:1px solid #cfdad6;grid-template-columns:1fr auto auto;align-items:center;gap:30px;max-width:1180px;margin:42px auto 0;padding:24px 0 4px;display:grid}.public-footer p{color:#71827e;font-size:13px}.public-footer nav a{font-weight:700}@media (max-width:850px){.public-proof{grid-template-columns:1fr 1fr}.public-program,.public-sample{grid-template-columns:1fr}.public-program ol{min-width:0}.public-footer{text-align:center;grid-template-columns:1fr;justify-items:center}.public-footer p{margin:0}.public-nav nav a:not(:last-child){display:none}}@media (max-width:520px){.account-gate.account-page{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.public-nav{margin:0;padding:12px 16px}.public-proof,.public-program,.public-sample{border-left:0;border-right:0;border-radius:0}.public-proof article{padding:20px 17px}.public-sample,.public-program{padding:34px 22px}.public-sample article>strong{font-size:21px}.public-footer{padding-inline:18px}}.account-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.account-actions .outline{padding:14px 22px;text-decoration:none}.account-delete-link{color:#a74735;font-weight:800}.account-signout{padding:14px 28px}.premium-gate{place-items:center;min-height:calc(100vh - 72px);padding-block:clamp(32px,7vw,96px);display:grid}.premium-gate-card{text-align:center;background:radial-gradient(circle at 90% 5%,#e6655321,#0000 34%),linear-gradient(145deg,#fff,#f4f8f5);border:1px solid #1548402b;border-radius:32px;width:min(820px,100%);padding:clamp(32px,6vw,72px);box-shadow:0 28px 80px #14322d21}.premium-gate-icon{color:#fff;background:#154840;border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 22px;display:grid;box-shadow:0 14px 30px #15484038}.premium-gate-icon svg{width:30px;height:30px}.premium-gate h1{color:#153f39;letter-spacing:-.045em;margin:10px 0 18px;font-size:clamp(36px,5vw,64px);line-height:1.03}.premium-gate h1 em{color:#e66553;font-family:var(--font-serif-display),serif;font-weight:500}.premium-gate-card>p:not(.eyebrow){color:#5b6e68;max-width:650px;margin:0 auto;font-size:17px;line-height:1.7}.premium-gate-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0;display:grid}.premium-gate-benefits span{color:#154840;text-align:left;background:#ffffffc7;border:1px solid #1548401f;border-radius:16px;align-items:center;gap:10px;padding:16px;display:flex}.premium-gate-benefits svg{color:#e66553;flex:0 0 21px;width:21px}.premium-gate .primary{min-width:230px}.premium-gate-card>small{color:#71807b;margin-top:18px;line-height:1.5;display:block}.free-access-banner{color:#154840;background:#fff8f5;border:1px solid #e665533d;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin:20px clamp(18px,4vw,54px) 0;padding:16px 20px;display:flex}.free-access-banner>div{align-items:center;gap:13px;display:flex}.free-access-banner svg{color:#e66553;width:24px}.free-access-banner span{gap:3px;display:grid}.free-access-banner small{color:#65746f}.free-access-banner button{color:#fff;white-space:nowrap;cursor:pointer;background:#154840;border:0;border-radius:999px;padding:11px 17px;font-weight:750}.level-lessons button.locked{opacity:.64}.level-lessons button.locked>span{color:#fff;background:#154840}.level-lessons button.locked small:after{content:" · PREMIUM";color:#d35443;letter-spacing:.04em;font-weight:800}.free-limit-note{color:#154840;background:#fff8f5;border:1px solid #e6655338;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:15px 18px;display:flex}.free-limit-note button{color:#c94d3c;cursor:pointer;background:0 0;border:0;font-weight:800}@media (max-width:700px){.premium-gate-benefits{grid-template-columns:1fr}.premium-gate-card{border-radius:24px}.free-access-banner{flex-direction:column;align-items:flex-start}.free-access-banner button{width:100%}.premium-gate h1{font-size:38px}}:root{--ink:#123c38;--ink-2:#1c5750;--muted:#617873;--cream:#f7f8f4;--coral:#f06455;--coral-2:#ff8a68;--teal:#17a589;--indigo:#5b67d9;--sun:#f6bd45;--line:#dce7e2;--surface:#fff;--surface-soft:#eef6f2;--shadow-sm:0 8px 24px #18474014;--shadow-lg:0 24px 70px #18474024}html,body{background:#f7f8f4}body{background:radial-gradient(circle at 82% 8%,#5b67d917,#0000 26rem),radial-gradient(circle at 18% 82%,#17a58917,#0000 28rem),#f7f8f4}button,a,input,select,textarea{transition:border-color .2s,box-shadow .2s,background .2s,color .2s,transform .2s}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:2px;outline:3px solid #5b67d94d}button:not(:disabled):active{transform:translateY(1px)}.app-shell{background:0 0}.sidebar{background:radial-gradient(circle at 20% 0,#ffffff1f,#0000 15rem),linear-gradient(#123f3a 0%,#0c302d 100%);border-right:0;box-shadow:14px 0 38px #0c302d1f}.brand{color:#fff}.brand-mark{background:linear-gradient(135deg,#ff8a68,#f06455);box-shadow:0 9px 22px #f0645552}.brand small,.profile small{color:#a9c5be}.sidebar nav{gap:8px}.nav-item{color:#bed1cc;border:1px solid #0000;font-weight:700}.nav-item:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.nav-item.active{color:#123f3a;background:linear-gradient(135deg,#fff 0%,#e9f6f1 100%);border-color:#ffffff94;box-shadow:0 13px 30px #0003}.nav-item.active .nav-icon{color:#f06455}.level-card{color:#fff;background:#ffffff14;border-color:#ffffff21}.level-card small{color:#a9c5be}.progress{background:#ffffff1f}.progress i{background:linear-gradient(90deg,#ff8a68,#f6bd45)}.profile{color:#fff;border-color:#ffffff1f}.profile>span{color:#fff;background:linear-gradient(135deg,#5b67d9,#8a75e8)}.content{padding-top:clamp(28px,4vw,54px)}.content h1{letter-spacing:-.035em;color:#123c38}.eyebrow,.pill{color:#c8412f;font-weight:900}.pill{background:#f0645517;border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}.pill.coral{color:#e84f42;background:#f064551a}.primary{cursor:pointer;box-shadow:0 10px 24px #123c3833;color:#fff!important;background:linear-gradient(135deg,#174f48,#0e3834)!important;border:0!important;border-radius:13px!important;font-weight:850!important}.primary:hover{transform:translateY(-2px);box-shadow:0 15px 32px #123c3845}.outline{color:#174f48!important;background:#fff!important;border:1px solid #b9cbc5!important;border-radius:13px!important;font-weight:800!important}.outline:hover{box-shadow:0 8px 22px #5b67d921;border-color:#5b67d9!important}.start-hero{box-shadow:var(--shadow-lg);background:radial-gradient(circle at 90% 5%,#f6bd4559,#0000 16rem),linear-gradient(125deg,#fef4ec 0%,#eef7f3 52%,#eef0ff 100%);border:1px solid #607d7526;border-radius:32px;position:relative;overflow:hidden;padding:clamp(30px,4vw,58px)!important}.start-hero:before{content:"";border:36px solid #5b67d912;border-radius:50%;width:190px;height:190px;position:absolute;top:-74px;right:-54px}.start-hero>div{z-index:1;position:relative}.start-rule{background:linear-gradient(145deg,#174f48,#102f36);box-shadow:0 18px 40px #102f3640}.start-rule>span{color:#ff9a7f}.start-rule b{color:#5b67d9;box-shadow:0 5px 15px #0000001f}.level-path article,.separate-tools button{box-shadow:var(--shadow-sm);overflow:hidden}.level-path article{border:0;border-top:5px solid #17a589}.level-path article:nth-child(2){border-top-color:#5b67d9}.level-path article:nth-child(3){border-top-color:#f06455}.level-path article:hover,.separate-tools button:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.level-path article>span{color:#f06455;background:#fff2ed;border-radius:999px;padding:6px 9px}.level-path h2{letter-spacing:-.05em}.separate-tools button{background:linear-gradient(135deg,#fff,#eef7f3);border-color:#d4e6de}.separate-tools button:nth-child(2){background:linear-gradient(135deg,#fff,#f0f1ff)}.separate-tools b{color:#5b67d9}.level-hero{box-shadow:var(--shadow-lg);border:0;position:relative;overflow:hidden}.level-hero:after{content:"";background:#ffffff1a;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-190px;right:-120px}.level-a1{background:linear-gradient(125deg,#147a67,#22a98e)}.level-a2{background:linear-gradient(125deg,#4d5ec9,#7779df)}.level-b1{background:linear-gradient(125deg,#153f3a,#e05e51)}.level-b2{background:radial-gradient(circle at 82% 8%,#ffc47045,#0000 16rem),linear-gradient(125deg,#172f4f,#5b67d9 58%,#174f48)}.level-hero>div{z-index:1;position:relative}.level-hero>div:last-child{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff29}.level-tabs,.studio-tabs,.fc-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e0ebe6c7;border:1px solid #c6d8d0b8;box-shadow:inset 0 1px #ffffffb3}.level-tabs button.active,.studio-tabs button.active,.fc-levels button.active,.fc-tool.active{box-shadow:0 8px 20px #2048411f}.level-overview>section,.level-overview>aside,.level-words,.level-practice,.level-lessons>aside,.compact-lesson,.studio-form,.backup-box,.studio-stats article,.sentence-lab>header,.sentence-grid>button{box-shadow:var(--shadow-sm);border-color:#c8d9d2b8}.level-overview>aside{background:linear-gradient(145deg,#fff8ee,#fff)}.level-lessons>aside button.active{background:linear-gradient(135deg,#174f48,#236b61);box-shadow:0 9px 22px #174f4833}.simple-intro,.practice-card{background:linear-gradient(135deg,#edf7f3,#f2f2ff);border:1px solid #dce8e3}.level-word-grid article{background:#fff;border-color:#dfe9e5}.level-word-grid article:hover{box-shadow:var(--shadow-sm);border-color:#17a589;transform:translateY(-3px)}.sentence-levels button,.sentence-lab>nav button{box-shadow:0 6px 18px #1847400f}.sentence-levels button.active{background:linear-gradient(135deg,#174f48,#5b67d9);border-color:#0000;box-shadow:0 14px 30px #4356ad38}.sentence-grid>button{position:relative;overflow:hidden}.sentence-grid>button:before{content:"";background:#17a589;width:4px;position:absolute;top:0;bottom:0;left:0}.sentence-grid>button:nth-child(3n+2):before{background:#5b67d9}.sentence-grid>button:nth-child(3n):before{background:#f06455}.sentence-grid>button:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.studio-hero{background:linear-gradient(125deg,#edf8f4,#f4f1ff);border:1px solid #dce7e2;border-radius:26px;padding:30px}.studio-status{background:linear-gradient(145deg,#174f48,#5b67d9);box-shadow:0 16px 38px #364a9238}.studio-stats article:first-child{border-top:4px solid #17a589}.studio-stats article:nth-child(2){border-top:4px solid #5b67d9}.studio-stats article:nth-child(3){border-top:4px solid #f06455}.studio-stats article:nth-child(4){border-top:4px solid #f6bd45}.studio-fields input:focus,.studio-fields select:focus,.studio-fields textarea:focus{background:#fff;border-color:#5b67d9;outline:0;box-shadow:0 0 0 4px #5b67d91f}.account-gate-shell{background:radial-gradient(circle at 15% 20%,#17a58929,#0000 28rem),radial-gradient(circle at 85% 75%,#5b67d924,#0000 30rem),#f7f8f4}body:has(.account-gate) .pwa-install{display:none}.account-shell{box-shadow:var(--shadow-lg);border:0}.account-story{background:radial-gradient(circle at 20% 10%,#f6bd4533,#0000 18rem),linear-gradient(145deg,#123f3a,#283f78)}.account-story h1{color:#fff}.account-story h1 em{color:#ff9a7f}.account-avatar{background:linear-gradient(135deg,#17a589,#5b67d9);box-shadow:0 14px 32px #5b67d93d}.account-benefits article:first-child{background:#eaf8f3}.account-benefits article:nth-child(2){background:#f0f1ff}.account-benefits article:nth-child(3){background:#fff3ee}.fc-hero{background:radial-gradient(circle at 82% 8%,#f6bd4559,#0000 18rem),linear-gradient(120deg,#123f3a 0%,#1b6d61 52%,#525fc7 100%);box-shadow:0 26px 64px #26466838}.fc-hero:after{color:#ffffff0f}.fc-hero-score{background:#ffffff21;box-shadow:0 14px 34px #00000021}.fc-queues button{box-shadow:var(--shadow-sm);border:0}.fc-queues button:nth-child(2)>span{color:#e7594b;background:#fff1ed}.fc-queues button:nth-child(3)>span{color:#9b7213;background:#fff7de}.fc-queues button:nth-child(4)>span{color:#178168;background:#eaf8f3}.fc-queues button:nth-child(5)>span{color:#5b67d9;background:#eff0ff}.fc-queues button:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.fc-queues button.active{background:linear-gradient(135deg,#174f48,#5b67d9);border-color:#0000;box-shadow:0 16px 34px #404fa03d}.fc-study,.fc-insights>section{box-shadow:var(--shadow-sm);border-color:#c5d8d0b3}.fc-card{background:radial-gradient(circle at 88% 12%,#5b67d929,#0000 13rem),radial-gradient(circle at 12% 88%,#17a58926,#0000 14rem),linear-gradient(145deg,#f9fffc,#f2f4ff);border:1px solid #5b67d92e;box-shadow:inset 0 1px #ffffffe6,0 20px 44px #254c441a}.fc-card:hover{transform:translateY(-5px)rotateX(1deg);box-shadow:0 26px 58px #254c4429}.fc-card.revealed{background:radial-gradient(circle at 14% 86%,#f064552e,#0000 14rem),radial-gradient(circle at 88% 12%,#f6bd452e,#0000 12rem),linear-gradient(145deg,#fffaf4,#fff0ec);border-color:#f064553b}.fc-card-meta span{background:#fffc;box-shadow:0 4px 12px #19423b0f}.fc-language{background:linear-gradient(90deg,#f06455,#5b67d9);color:#0000;-webkit-background-clip:text;background-clip:text}.fc-card>strong{letter-spacing:-.035em;text-wrap:balance}.fc-forms{background:#ffffffd1;border:1px solid #69847b1f}.fc-star.active{background:linear-gradient(135deg,#fff7d8,#ffeab0);box-shadow:0 8px 20px #b7851724}.fc-rating button{box-shadow:0 6px 16px #1b463f0f}.grade-easy{background:linear-gradient(135deg,#174f48,#17a589)!important;border-color:#0000!important}.fc-method{background:linear-gradient(145deg,#174f48,#4e5dbd)!important;border-color:#0000!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#edf2ef}::-webkit-scrollbar-thumb{background:#9bb8b0;border:2px solid #edf2ef;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#668f84}@media (max-width:900px){.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f9fbf8f0;border-top:1px solid #bdd2c9bf;box-shadow:0 -14px 40px #18474021}.nav-item{color:#607873}.nav-item:hover{color:#123f3a;background:#edf5f1;transform:none}.nav-item.active{color:#fff;background:linear-gradient(135deg,#174f48,#5b67d9);border-color:#0000;box-shadow:0 9px 22px #3f509e40}.nav-item.active .nav-icon{color:#ffb097}}@media (max-width:760px){.content{padding-top:calc(18px + env(safe-area-inset-top))}.content h1{letter-spacing:-.045em}.start-hero{border-radius:24px;padding:26px 20px!important}.start-rule{border-radius:18px}.level-hero,.fc-hero,.studio-hero{border-radius:22px}.level-path article,.compact-lesson,.level-overview>section,.level-overview>aside{border-radius:18px}.fc-card{border-radius:20px;box-shadow:0 15px 34px #254c441c}.fc-card:hover{transform:none}.account-story{background:linear-gradient(135deg,#123f3a,#3f509e)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobile-bottom-nav{display:none}.b2-entry-card{color:#174f48;text-align:left;width:100%;box-shadow:var(--shadow-sm);cursor:pointer;background:linear-gradient(120deg,#f0f2ff,#edf8f4);border:1px solid #5b67d933;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:22px 0 0;padding:22px 24px;display:grid}.b2-entry-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.b2-entry-card>span{color:#fff;background:linear-gradient(135deg,#5b67d9,#174f48);border-radius:18px;place-items:center;width:58px;height:58px;font:700 25px Georgia,serif;display:grid}.b2-entry-card small,.b2-entry-card strong,.b2-entry-card p{display:block}.b2-entry-card small{color:#5b67d9;letter-spacing:1.2px;font-size:10px;font-weight:900}.b2-entry-card strong{margin:5px 0;font-size:18px}.b2-entry-card p{color:#607873;margin:0;font-size:13px}.b2-entry-card>b{white-space:nowrap;font-size:12px}.b2-entry-card.active{background:radial-gradient(circle at 92% 0,#ffc47038,#0000 13rem),linear-gradient(120deg,#eef0ff,#e9f7f2);border-color:#5b67d961}.b2-entry-card.active>b{color:#4653c6}.b2-hero{color:#fff;box-shadow:var(--shadow-lg);background:radial-gradient(circle at 88% 0,#f6bd4540,#0000 18rem),linear-gradient(125deg,#173f3b,#4053a5);border-radius:30px;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:26px;padding:clamp(28px,4vw,52px);display:grid}.b2-hero h1{color:#fff}.b2-hero h1 em{color:#ffad98}.b2-hero p{max-width:760px;line-height:1.65;color:#dce9e5!important}.b2-hero .pill{color:#fff;background:#ffffff1f}.b2-hero .outline{color:#fff!important;background:#ffffff14!important;border-color:#ffffff59!important}.b2-hero aside{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:22px;align-self:stretch;padding:24px}.b2-hero aside span{letter-spacing:1.4px;color:#ffca75;font-size:10px;font-weight:900}.b2-hero aside strong{margin:14px 0 8px;font:700 28px Georgia,serif;display:block}.b2-hero aside p{margin:0;font-size:13px}.b2-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:24px;display:grid}.b2-module-grid article{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dce7e2;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.b2-module-grid article>span{color:#5b67d9;font:700 22px Georgia,serif}.b2-module-grid h2{margin:0 0 5px;font-size:17px}.b2-module-grid p{color:#667d77;margin:0;font-size:12px;line-height:1.5}.b2-module-grid b{color:#c84d3f;white-space:nowrap;background:#fff2ed;border-radius:999px;padding:6px 9px;font-size:9px}.b2-release-note{color:#174f48;background:#edf8f4;border:1px solid #cfe4dc;border-radius:17px;align-items:flex-start;gap:14px;margin-top:18px;padding:19px 21px;display:flex}.b2-release-note svg{flex:none;width:22px}.b2-release-note strong{font-size:14px}.b2-release-note p{color:#607873;margin:5px 0 0;font-size:12px;line-height:1.55}@media (max-width:900px){.sidebar{display:none!important}.app-shell{display:block!important}.main-content{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.content{padding-bottom:calc(34px + env(safe-area-inset-bottom))!important}.mobile-bottom-nav{z-index:80;min-height:calc(74px + env(safe-area-inset-bottom));padding:7px max(6px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fafcf9f7;border-top:1px solid #bdd2c9c7;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 34px #18474024}.mobile-bottom-item{color:#607873;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:58px;padding:6px 2px;font-weight:800;display:flex}.mobile-bottom-item svg{width:22px;height:22px}.mobile-bottom-item span{white-space:nowrap;max-width:100%;font-size:clamp(9px,2.2vw,11px);line-height:1.05}.mobile-bottom-item.active{color:#fff;background:linear-gradient(135deg,#174f48,#5b67d9);box-shadow:0 8px 20px #3f509e3d}.mobile-bottom-item.active svg{color:#ffb097}.b2-hero,.b2-module-grid{grid-template-columns:1fr}}@media (max-width:540px){.b2-entry-card{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px}.b2-entry-card>b{grid-column:2}.b2-entry-card>span{width:50px;height:50px}.b2-module-grid article{grid-template-columns:auto minmax(0,1fr)}.b2-module-grid b{grid-column:2;justify-self:start}.b2-hero{border-radius:23px;padding:24px 20px}.mobile-bottom-item span{font-size:clamp(8px,2.25vw,10px)}}