.grammar-island-page{background:linear-gradient(180deg,#eaf9f5,#f7fbf9 520px,#f5f8f7);color:#183e39}.grammar-page-back{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6e9e3}.grammar-page-back a{color:#39736a;font-size:10px;font-weight:850}.grammar-page-back span{color:#6f918a;font-size:8px;font-weight:900;letter-spacing:.12em}.grammar-level-gate{padding:58px 0 105px}.grammar-gate-heading{text-align:center}.grammar-gate-heading>span{color:#168b7f;font-size:9px;font-weight:950;letter-spacing:.2em}.grammar-gate-heading h1{margin:9px 0 8px;font-size:clamp(34px,4.6vw,55px);letter-spacing:-.055em}.grammar-gate-heading p{margin:0;color:#6c8983;font-size:11px}.grammar-gate-filter{width:max-content;max-width:100%;margin:18px auto 0;padding:10px 14px;display:flex;gap:9px;align-items:center;border:1px solid #cae5dc;border-radius:999px;background:#ffffffb8;color:#69857f;font-size:8px}.grammar-gate-filter b{color:#187c70}.grammar-level-grid{width:min(1050px,100%);margin:31px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grammar-level-island{min-height:435px;padding:22px;position:relative;overflow:hidden;display:flex;align-items:flex-end;border:1px solid rgba(255,255,255,.95);border-radius:34px;color:#184e47;text-align:left;cursor:pointer;box-shadow:0 22px 55px rgba(25,103,90,.12);transition:.24s}.grammar-level-island:hover{transform:translateY(-6px);box-shadow:0 29px 64px rgba(25,103,90,.18)}.grammar-level-island.beginner{background:linear-gradient(155deg,#dff5cf,#a7dc87)}.grammar-level-island.intermediate{background:linear-gradient(155deg,#caeee5,#78cbb8)}.grammar-level-island.advanced{background:linear-gradient(155deg,#d8e8f3,#88b9d6)}.grammar-level-island>span{position:absolute;left:23px;top:21px;color:rgba(24,79,70,.54);font-size:8px;font-weight:950;letter-spacing:.13em}.grammar-level-land{position:absolute;left:10%;right:10%;top:49px;height:200px;border-radius:48% 52% 45% 55%/58% 44% 56% 42%;background:radial-gradient(circle at 48% 41%,#f4dda0 0 12%,#70be79 13% 53%,#3f9e8d 54% 60%,transparent 61%);filter:drop-shadow(0 17px 13px rgba(30,102,82,.18))}.grammar-level-land i{position:absolute;display:block;border-radius:50% 50% 7px 7px;background:#2e755e}.grammar-level-land i:first-child{width:17px;height:43px;left:39%;top:25%}.grammar-level-land i:nth-child(2){width:13px;height:34px;left:55%;top:41%}.grammar-level-land i:nth-child(3){width:10px;height:26px;left:31%;top:52%}.grammar-level-island>div:last-child{width:100%;position:relative;z-index:3;padding:22px;border-radius:23px;background:rgba(255,255,255,.87);backdrop-filter:blur(10px)}.grammar-level-island small{color:#267f73;font-size:7px;font-weight:950;letter-spacing:.13em}.grammar-level-island h2{margin:6px 0 3px;font-size:32px}.grammar-level-island>div:last-child>b{color:#50766f;font-size:9px}.grammar-level-island p{min-height:48px;margin:9px 0 0;color:#637f79;font-size:9px;line-height:1.65}.grammar-level-island em{display:inline-flex;margin-top:13px;color:#117b70;font-size:9px;font-style:normal;font-weight:900}.grammar-gate-note{width:min(760px,100%);margin:22px auto 0;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d6e9e3;border-radius:16px;background:rgba(255,255,255,.78);color:#67837d;font-size:9px}.grammar-gate-note span{font-size:22px}.grammar-gate-note p{margin:0}.grammar-gate-note b{color:#236e65}.grammar-route-gate{padding:58px 0 105px}.grammar-purpose-grid{width:min(970px,100%);margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.grammar-purpose-island{min-height:470px;padding:23px;position:relative;overflow:hidden;display:flex;align-items:flex-end;border:1px solid #fff;border-radius:38px;color:#174a43;text-align:left;cursor:pointer;box-shadow:0 24px 60px rgba(25,103,90,.13);transition:.24s}.grammar-purpose-island:hover{transform:translateY(-6px)}.grammar-purpose-island.daily{background:linear-gradient(155deg,#dff4ca,#8fd386)}.grammar-purpose-island.topik{background:linear-gradient(155deg,#cfeee8,#75c3bb)}.grammar-purpose-island>span{position:absolute;left:25px;top:23px;color:#276f65;font-size:8px;font-weight:950;letter-spacing:.14em}.purpose-land{position:absolute;left:10%;right:10%;top:55px;height:225px;border-radius:52% 48% 55% 45%/45% 57% 43% 55%;background:radial-gradient(circle at 50% 42%,#f3d99b 0 13%,#60b778 14% 52%,#2d8d80 53% 59%,transparent 60%);filter:drop-shadow(0 18px 13px rgba(30,102,82,.2))}.purpose-land i{position:absolute;display:block;border-radius:50% 50% 8px 8px;background:#276f59}.purpose-land i:first-child{width:20px;height:53px;left:38%;top:28%}.purpose-land i:nth-child(2){width:15px;height:39px;left:57%;top:42%}.purpose-land i:nth-child(3){width:12px;height:31px;left:29%;top:55%}.grammar-purpose-island>section{width:100%;position:relative;z-index:2;padding:24px;border-radius:24px;background:#ffffffe6;backdrop-filter:blur(10px)}.grammar-purpose-island small{color:#1c8073;font-size:7px;font-weight:950;letter-spacing:.1em}.grammar-purpose-island h2{margin:7px 0 3px;font-size:29px}.grammar-purpose-island b{color:#557b74;font-size:9px}.grammar-purpose-island p{min-height:49px;margin:9px 0 0;color:#66827c;font-size:9px;line-height:1.65}.grammar-purpose-island em{display:inline-block;margin-top:15px;color:#127b70;font-size:9px;font-style:normal;font-weight:900}.grammar-reference-entry{margin:20px auto 0;padding:11px 16px;display:block;border:1px solid #d4e5e0;border-radius:999px;background:#ffffffbd;color:#718984;font-size:8px;cursor:pointer}.grammar-inline-back{margin:0 auto 16px;padding:8px 11px;display:block;border:1px solid #d5e6e1;border-radius:10px;background:#fff;color:#4f7770;font-size:8px}.grammar-level-island:disabled{cursor:not-allowed;filter:saturate(.4);opacity:.58}.grammar-level-island:disabled:hover{transform:none}.grammar-study-shell{padding:42px 0 105px}.grammar-study-head{display:grid;grid-template-columns:150px 1fr 260px;gap:23px;align-items:center}.grammar-study-head>button{width:max-content;padding:9px 12px;border:1px solid #cee3dd;border-radius:10px;background:#fff;color:#39736a;font-size:9px;font-weight:850;cursor:pointer}.grammar-study-head>div:nth-child(2)>span{color:#158c80;font-size:8px;font-weight:950;letter-spacing:.15em}.grammar-study-head h1{margin:5px 0 3px;font-size:35px}.grammar-study-head p{margin:0;color:#78908b;font-size:9px}.grammar-route-progress{height:34px;position:relative;overflow:hidden;border:1px solid #d5e7e1;border-radius:999px;background:#fff}.grammar-route-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4bc1a4,#a4de87)}.grammar-route-progress span{position:absolute;inset:0;display:grid;place-items:center;color:#326c63;font-size:8px;font-weight:900}.grammar-mode-switch{margin-top:23px;padding:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border:1px solid #d9e8e4;border-radius:20px;background:#e8f3ef}.grammar-mode-switch button{min-height:84px;padding:12px 15px;display:grid;grid-template-columns:auto 1fr;gap:4px 9px;align-items:center;border:1px solid transparent;border-radius:14px;background:transparent;color:#56776f;text-align:left;cursor:pointer}.grammar-mode-switch button>span{padding:4px 7px;border-radius:999px;background:#ffffff8f;color:#5b7c75;font-size:6px;font-weight:900}.grammar-mode-switch button>b{font-size:11px}.grammar-mode-switch button>small{grid-column:1/-1;color:#78918b;font-size:7px;line-height:1.45}.grammar-mode-switch button.active{border-color:#c5e3da;background:#fff;box-shadow:0 8px 20px rgba(34,104,91,.09)}.grammar-mode-switch button.active>b{color:#117c70}.grammar-tool-row{margin-top:12px;padding:11px 13px;display:grid;grid-template-columns:1fr 260px auto;gap:11px;align-items:center;border:1px solid #d9e8e4;border-radius:17px;background:#fff}.grammar-tool-row label{height:42px;padding:0 13px;display:flex;align-items:center;gap:8px;border-radius:11px;background:#f3f8f6}.grammar-tool-row label span{color:#66958e;font-size:18px}.grammar-tool-row input,.grammar-tool-row select{border:0;outline:0;color:#355c57}.grammar-tool-row input{width:100%;background:transparent;font-size:10px}.grammar-tool-row select{height:42px;padding:0 12px;border:1px solid #dceae6;border-radius:11px;background:#f8fbfa;font-size:9px}.grammar-tool-row>span{color:#78918b;font-size:8px}.grammar-learning-layout{margin-top:16px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.grammar-catalog-panel{position:sticky;top:82px;overflow:hidden;border:1px solid #d8e7e3;border-radius:21px;background:#fff}.grammar-catalog-title{height:63px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3eeeb}.grammar-catalog-title b{font-size:14px}.grammar-catalog-title span{color:#8a9f9a;font-size:7px}.grammar-catalog-scroll{max-height:720px;overflow:auto}.grammar-catalog-scroll>button{width:100%;min-height:66px;padding:9px 13px;display:grid;grid-template-columns:31px 1fr 22px;gap:9px;align-items:center;border:0;border-bottom:1px solid #edf3f1;background:#fff;color:#244d47;text-align:left;cursor:pointer}.grammar-catalog-scroll>button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eef6f3;color:#66857f;font-size:7px;font-weight:900}.grammar-catalog-scroll>button>div{display:flex;flex-direction:column;gap:4px}.grammar-catalog-scroll>button b{font-size:11px}.grammar-catalog-scroll>button small{color:#8ca19c;font-size:7px}.grammar-catalog-scroll>button i{color:#8fa49f;font-size:8px;font-style:normal;font-weight:950;text-align:center}.grammar-catalog-scroll>button.active{background:#eaf8f3}.grammar-catalog-scroll>button.active>span{background:#188f82;color:#fff}.grammar-empty-search{padding:35px 20px;color:#80958f;font-size:9px;text-align:center}.grammar-lesson-card{min-height:760px;overflow:hidden;border:1px solid #d8e7e3;border-radius:24px;background:#fff}.grammar-lesson-heading{padding:29px 31px 22px;display:flex;align-items:flex-start;justify-content:space-between;background:radial-gradient(circle at 88% -20%,#d9f2e2,transparent 35%),linear-gradient(150deg,#fbfefc,#eef9f5)}.grammar-lesson-heading span{color:#148b7e;font-size:8px;font-weight:950}.grammar-lesson-heading h2{margin:7px 0 5px;font-size:36px}.grammar-lesson-heading p{margin:0;color:#58766f;font-size:11px}.grammar-lesson-heading>button{width:42px;height:42px;border:1px solid #cfe4dd;border-radius:50%;background:#fff;color:#acc1bb;font-size:19px;cursor:pointer}.grammar-lesson-heading>button.active{border-color:#ebc64d;background:#fff9d7;color:#dcad1e}.grammar-tags{padding:0 31px 19px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#eef9f5}.grammar-tags b,.grammar-tags em,.grammar-tags span,.grammar-tags strong{padding:6px 9px;border-radius:999px;background:#fff;color:#5c7b74;font-size:7px;font-style:normal}.grammar-tags strong{background:#167f74;color:#fff}.grammar-tags b{background:#dff4e9;color:#14786d}.grammar-tags em{background:#fff0d6;color:#96671d}.grammar-lesson-tabs{padding:0 31px;display:flex;gap:22px;border-bottom:1px solid #e3ece9}.grammar-lesson-tabs button{height:50px;position:relative;border:0;background:transparent;color:#7e948f;font-size:9px;font-weight:850;cursor:pointer}.grammar-lesson-tabs button.active{color:#147f74}.grammar-lesson-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#1a9b8c}.grammar-example-list,.grammar-lesson-body,.grammar-practice-body{padding:27px 31px 33px}.grammar-core-note{padding:22px;border:1px solid #d9ebe5;border-radius:18px;background:#f3faf7}.grammar-core-note>span,.grammar-practice-body section>span{color:#178a7e;font-size:7px;font-weight:950}.grammar-core-note h3{margin:7px 0 6px;font-size:21px}.grammar-core-note p{margin:0;color:#536f69;font-size:10px;line-height:1.9}.grammar-form-grid{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.grammar-form-grid>div{min-height:91px;padding:16px;border:1px solid #e0ebe8;border-radius:15px}.grammar-form-grid span{display:block;color:#889d98;font-size:7px}.grammar-form-grid b{display:block;margin-top:8px;color:#365d57;font-size:10px;line-height:1.6}.grammar-usage-grid{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.grammar-usage-grid section{padding:17px;border:1px solid #dceae6;border-radius:15px;background:#fbfdfc}.grammar-usage-grid span{color:#16877b;font-size:7px;font-weight:950}.grammar-usage-grid p{margin:7px 0 0;color:#607a74;font-size:9px;line-height:1.75}.grammar-next-action{margin-top:17px;padding:12px 16px;border:0;border-radius:11px;background:#168f82;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.grammar-no-route-items{padding:90px 30px;text-align:center}.grammar-no-route-items>span{display:block;color:#73b9a9;font-size:50px}.grammar-no-route-items h2{margin:12px 0 7px;font-size:24px}.grammar-no-route-items p{max-width:430px;margin:0 auto;color:#78908b;font-size:9px;line-height:1.7}.grammar-no-route-items button{margin-top:20px;padding:11px 15px;border:0;border-radius:10px;background:#168f82;color:#fff;font-size:8px;font-weight:900}.grammar-complete-row>p{margin:0;color:#8a7560;font-size:8px}.grammar-lesson-heading>div{max-width:760px}.grammar-lesson-heading p{font-size:10px;line-height:1.85}.grammar-simple-section{padding:0 0 20px;border-bottom:1px solid #e3ece9}.grammar-simple-section+section{padding-top:20px}.grammar-simple-section>span{display:block;margin-bottom:8px;color:#16877b;font-size:8px;font-weight:950}.grammar-simple-section>p{margin:0;color:#365d57;font-size:13px;line-height:1.85}.grammar-simple-section>small{display:block;margin-top:9px;color:#78918b;font-size:8px}.grammar-inline-examples{padding-top:24px}.grammar-inline-examples>h3{margin:0 0 13px;font-size:20px}.grammar-inline-examples .grammar-example-row+.grammar-example-row{margin-top:9px}.grammar-practice-launch{width:100%;margin-top:22px;padding:15px 18px;border:0;border-radius:13px;background:#168f82;color:#fff;font-size:10px;font-weight:950;cursor:pointer}.grammar-back-to-content{margin:0 0 15px;padding:8px 11px;border:1px solid #d5e5e1;border-radius:9px;background:#fff;color:#4d746d;font-size:8px;cursor:pointer}.grammar-detailed-lesson{display:grid;gap:20px}.grammar-connection-card{padding:22px 24px;border:1px solid #cfe7df;border-radius:20px;background:linear-gradient(145deg,#f2fbf7,#fbfefc);box-shadow:0 12px 28px rgba(31,108,94,.06)}.grammar-connection-card>header,.grammar-meaning-heading{display:flex;align-items:center;gap:13px}.grammar-connection-card>header>span,.grammar-meaning-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#168f82;color:#fff;font-size:8px;font-weight:950;box-shadow:0 8px 18px rgba(22,143,130,.2)}.grammar-connection-card small,.grammar-meaning-heading small{display:block;color:#16877b;font-size:6px;font-weight:950;letter-spacing:.15em}.grammar-connection-card h3,.grammar-meaning-heading h3{margin:3px 0 0;font-size:19px}.grammar-connection-card ul{margin:16px 0 0;padding:0;display:grid;gap:8px;list-style:none}.grammar-connection-card li{padding:11px 13px 11px 32px;position:relative;border:1px solid #deece8;border-radius:12px;background:#fff;color:#365d57;font-size:10px;line-height:1.7}.grammar-connection-card li:before{content:"✓";position:absolute;left:12px;top:11px;color:#179183;font-weight:950}.grammar-meaning-heading{padding:4px 2px 0}.grammar-meaning-heading>span{background:#e9b84f;color:#fff;box-shadow:0 8px 18px rgba(202,146,35,.17)}.grammar-meaning-heading p{margin:4px 0 0;color:#78918b;font-size:8px}.grammar-sense-stack{display:grid;gap:15px}.grammar-sense-card{overflow:hidden;border:1px solid #dbe9e5;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(30,83,75,.055)}.grammar-sense-card>header{padding:18px 20px 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5efec;background:linear-gradient(145deg,#fbfefc,#f0f8f5)}.grammar-sense-card>header>span{padding:6px 8px;border-radius:999px;background:#dff3ec;color:#147d72;font-size:7px;font-weight:950}.grammar-sense-card>header h3{margin:0;color:#1f4e47;font-size:17px}.grammar-sense-explanation,.grammar-sense-usage{padding:16px 20px}.grammar-sense-explanation{border-bottom:1px solid #edf3f1}.grammar-lesson-footnotes small,.grammar-sense-examples>small,.grammar-sense-explanation small,.grammar-sense-usage small{display:block;margin-bottom:7px;color:#16877b;font-size:7px;font-weight:950;letter-spacing:.08em}.grammar-sense-explanation p{margin:0;color:#345c56;font-size:11px;line-height:1.85}.grammar-sense-usage{background:#fbfdfc}.grammar-lesson-footnotes ul,.grammar-sense-usage ul{margin:0;padding-left:17px;color:#5f7973;font-size:9px;line-height:1.85}.grammar-lesson-footnotes li+li,.grammar-sense-usage li+li{margin-top:4px}.grammar-sense-examples{padding:17px 20px 20px;border-top:1px solid #e8f0ed}.grammar-sense-examples .grammar-example-row{min-height:74px;background:#f8fcfa}.grammar-sense-examples .grammar-example-row+.grammar-example-row{margin-top:8px}.grammar-sense-examples .grammar-example-row>span{font-size:7px}.grammar-lesson-footnotes{padding:19px 21px;display:grid;grid-template-columns:1.45fr 1fr;gap:18px;border:1px solid #ead9b6;border-radius:18px;background:#fffaf0}.grammar-lesson-footnotes>div+div{padding-left:18px;border-left:1px solid #eddfc4}.grammar-lesson-footnotes small{color:#a07124}.grammar-lesson-footnotes p{margin:0;color:#715f42;font-size:9px;line-height:1.75}.grammar-example-list{display:grid;gap:10px}.grammar-example-row{min-height:83px;padding:14px 15px;display:grid;grid-template-columns:34px 1fr 36px;gap:12px;align-items:center;border:1px solid #ddeae7;border-radius:15px;background:#fbfdfc}.grammar-example-row>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#e4f5ef;color:#168579;font-size:7px;font-weight:950}.grammar-example-row b{font-size:13px}.grammar-example-row p{margin:5px 0 0;color:#6c837e;font-size:9px}.grammar-example-row small{display:inline-block;margin-top:5px;padding:4px 6px;border-radius:6px;background:#fff2cf;color:#906b23;font-size:6px}.grammar-example-row>button{width:34px;height:34px;border:0;border-radius:50%;background:#e3f4ee;color:#16887d;cursor:pointer}.grammar-editorial-queue{padding:29px;border:1px dashed #d7c69e;border-radius:20px;background:#fffaf0;text-align:center}.grammar-editorial-queue>span{font-size:31px;color:#b88c38}.grammar-editorial-queue h3{margin:9px 0 7px;font-size:20px}.grammar-editorial-queue p{max-width:540px;margin:0 auto;color:#806f52;font-size:9px;line-height:1.7}.grammar-editorial-queue ol{width:min(470px,100%);margin:19px auto 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;list-style-position:inside;text-align:left}.grammar-editorial-queue li{padding:9px 10px;border-radius:9px;background:#ffffffcc;color:#766747;font-size:8px}.grammar-review-notice{padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid #edd9ab;border-radius:13px;background:#fff9eb;color:#806537}.grammar-review-notice b{font-size:8px;white-space:nowrap}.grammar-review-notice span{font-size:7px;line-height:1.6}.grammar-practice-body>nav{padding:4px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;border-radius:12px;background:#edf5f2}.grammar-practice-body>nav button{height:40px;border:0;border-radius:9px;background:transparent;color:#748c86;font-size:8px;font-weight:850;cursor:pointer}.grammar-practice-body>nav button.active{background:#fff;color:#14877b;box-shadow:0 3px 10px rgba(22,106,95,.08)}.grammar-practice-body>section{margin-top:17px;padding:25px;border:1px solid #dce9e6;border-radius:19px;background:#fbfdfc}.grammar-practice-body section h3{margin:9px 0 19px;font-size:24px;line-height:1.55}.grammar-blank-translation{margin:10px 0 4px;padding:12px 14px;border-left:3px solid #2aa18f;border-radius:0 10px 10px 0;background:#edf8f4;color:#315f57;font-size:10px;font-weight:800}.grammar-meaning-quiz>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grammar-meaning-quiz>div button{min-height:53px;padding:10px;border:1px solid #d9e7e3;border-radius:12px;background:#fff;color:#456b65;font-size:9px}.grammar-meaning-quiz>div button.correct{border-color:#50b99d;background:#e8f8f1;color:#107468}.grammar-meaning-quiz>div button.wrong{border-color:#e59a8a;background:#fff0ed;color:#a14c3d}.grammar-meaning-quiz aside{margin-top:12px;padding:13px 14px;border-radius:12px}.grammar-meaning-quiz aside.success{background:#e8f8f1;color:#176d63}.grammar-meaning-quiz aside.retry{background:#fff1eb;color:#96503f}.grammar-meaning-quiz aside p{margin:5px 0;font-size:8px}.grammar-meaning-quiz aside button,.grammar-translation-task aside button,.grammar-translation-task>button{padding:9px 12px;border:0;border-radius:9px;background:#168f82;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.grammar-translation-task textarea{width:100%;min-height:128px;padding:15px;border:1px solid #d5e5e1;border-radius:13px;background:#fff;color:#234f49;font:inherit;resize:vertical}.grammar-translation-task>button{margin-top:9px}.grammar-translation-task>button:disabled{opacity:.45}.grammar-translation-task aside{margin-top:14px;padding:16px;border-radius:14px}.grammar-translation-task aside.success{background:#e8f8f1;color:#176d63}.grammar-translation-task aside.compare{background:#fff7e9;color:#795d31}.grammar-translation-task aside>b{display:block;margin-bottom:10px;font-size:11px}.grammar-translation-task aside p{margin:7px 0;padding:10px;border-radius:10px;background:#ffffffb8}.grammar-translation-task aside p span{display:block;margin-bottom:4px;color:#78918b;font-size:7px}.grammar-translation-task aside p strong{font-size:11px}.grammar-translation-task aside small{display:block;margin:10px 0;color:#6f817c;font-size:7px;line-height:1.7}.grammar-complete-row{margin-top:17px;display:flex;align-items:center;justify-content:space-between}.grammar-complete-row button{padding:12px 15px;border:0;border-radius:11px;background:#123f3b;color:#fff;font-size:9px;font-weight:900}.grammar-complete-row span{color:#829791;font-size:8px}@media(max-width:950px){.grammar-purpose-grid{grid-template-columns:1fr}.grammar-purpose-island{min-height:380px}.grammar-purpose-island .purpose-land{left:6%;right:55%;top:66px}.grammar-purpose-island>section{width:53%;margin-left:auto}.grammar-level-grid{grid-template-columns:1fr}.grammar-level-island{min-height:350px}.grammar-level-land{left:7%;right:54%;top:63px}.grammar-level-island>div:last-child{width:52%;margin-left:auto}.grammar-study-head{grid-template-columns:125px 1fr}.grammar-route-progress{grid-column:1/-1}.grammar-learning-layout{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:720px){.grammar-page-back{height:52px}.grammar-level-gate,.grammar-route-gate{padding:40px 0 70px}.grammar-gate-heading{text-align:left}.grammar-purpose-island{min-height:430px}.grammar-purpose-island .purpose-land{left:9%;right:9%;top:55px}.grammar-purpose-island>section{width:100%;margin:0}.grammar-gate-filter{width:100%;align-items:flex-start;border-radius:15px;flex-direction:column}.grammar-level-island{min-height:375px}.grammar-level-land{left:9%;right:9%;top:48px}.grammar-level-island>div:last-child{width:100%;margin:0}.grammar-study-shell{padding:28px 0 70px}.grammar-study-head{grid-template-columns:1fr}.grammar-study-head>button{order:2}.grammar-study-head>div:nth-child(2){order:1}.grammar-route-progress{order:3}.grammar-mode-switch{grid-template-columns:1fr}.grammar-mode-switch button{min-height:70px}.grammar-learning-layout,.grammar-tool-row{grid-template-columns:1fr}.grammar-tool-row>span{display:none}.grammar-catalog-panel{position:relative;top:auto}.grammar-catalog-scroll{max-height:270px}.grammar-lesson-card{min-height:0}.grammar-lesson-heading{padding:23px 19px 18px}.grammar-lesson-heading h2{font-size:30px}.grammar-lesson-tabs,.grammar-tags{padding-inline:19px}.grammar-example-list,.grammar-lesson-body,.grammar-practice-body{padding:20px 16px 25px}.grammar-form-grid,.grammar-lesson-footnotes,.grammar-usage-grid{grid-template-columns:1fr}.grammar-editorial-queue{padding:22px 15px}.grammar-editorial-queue ol,.grammar-meaning-quiz>div{grid-template-columns:1fr}.grammar-practice-body>section{padding:20px 15px}.grammar-example-row{grid-template-columns:30px 1fr 32px;gap:8px}.grammar-complete-row{align-items:flex-start;flex-direction:column;gap:11px}.grammar-connection-card{padding:18px 15px}.grammar-sense-card>header,.grammar-sense-examples,.grammar-sense-explanation,.grammar-sense-usage{padding-inline:15px}.grammar-lesson-footnotes>div+div{padding:15px 0 0;border-top:1px solid #eddfc4;border-left:0}}.grammar-level-gate{padding:42px 0 105px}.grammar-level-gate .grammar-gate-heading{position:relative;z-index:2}.grammar-level-gate .grammar-gate-heading h1{margin-top:10px}.grammar-level-gate .grammar-inline-back{margin-bottom:13px;border-color:#badfd5;background:#f8fffc;color:#29766d}.grammar-voyage-map{width:min(1120px,100%);margin:30px auto 0;padding:44px 40px 26px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:48px;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.45) 0 2px,transparent 3px),radial-gradient(circle at 81% 73%,rgba(255,255,255,.35) 0 2px,transparent 3px),linear-gradient(150deg,#bdece4,#8bd3cc 48%,#79c1c5);box-shadow:0 30px 80px rgba(28,105,96,.17)}.grammar-voyage-map:before{content:"";position:absolute;inset:0;opacity:.42;background:radial-gradient(ellipse at center,transparent 57%,rgba(255,255,255,.7) 59% 61%,transparent 63%) 0 0/110px 44px,radial-gradient(ellipse at center,transparent 57%,rgba(255,255,255,.45) 59% 61%,transparent 63%) 42px 20px/125px 48px;pointer-events:none}.grammar-voyage-map:after{content:"";position:absolute;width:230px;height:230px;right:-95px;top:-105px;border:1px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.08),0 0 0 64px rgba(255,255,255,.05);pointer-events:none}.grammar-map-compass{width:52px;height:52px;position:absolute;left:24px;top:22px;z-index:2;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#277d78}.grammar-map-compass:after,.grammar-map-compass:before{content:"";position:absolute;background:rgba(255,255,255,.7)}.grammar-map-compass:before{width:1px;height:40px}.grammar-map-compass:after{width:40px;height:1px}.grammar-map-compass i{position:absolute;top:-8px;padding:3px 5px;border-radius:7px;background:#f7fffc;color:#277d78;font-size:6px;font-style:normal;font-weight:950}.grammar-map-compass span{width:12px;height:20px;position:relative;z-index:1;background:linear-gradient(160deg,#fff 0 48%,#2b8d83 49%);clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%)}.grammar-route-thread{height:3px;position:absolute;left:14%;right:14%;top:198px;z-index:1;border-top:2px dashed rgba(255,255,255,.66);transform:rotate(-1.5deg)}.grammar-route-thread i{width:13px;height:13px;position:absolute;top:-8px;border:3px solid #fff;border-radius:50%;background:#45a99f;box-shadow:0 3px 8px rgba(29,102,94,.18)}.grammar-route-thread i:first-child{left:1%}.grammar-route-thread i:nth-child(2){left:49%}.grammar-route-thread i:nth-child(3){right:1%}.grammar-voyage-map .grammar-level-grid{width:100%;margin:0;position:relative;z-index:2;gap:30px;align-items:start}.grammar-voyage-map .grammar-level-island{min-height:510px;padding:0;overflow:visible;display:block;border:0;border-radius:0;box-shadow:none;color:#174b45;transition:transform .28s ease,filter .28s ease}.grammar-voyage-map .grammar-level-island.intermediate{margin-top:30px}.grammar-voyage-map .grammar-level-island.advanced{margin-top:4px}.grammar-voyage-map .grammar-level-island:hover{transform:translateY(-8px);filter:drop-shadow(0 18px 18px rgba(23,83,77,.16))}.grammar-voyage-map .grammar-level-island:focus-visible{outline:3px solid #fff;outline-offset:8px;border-radius:30px}.grammar-level-number{position:absolute!important;left:13px!important;top:10px!important;z-index:5;padding:6px 9px;border-radius:999px;background:rgba(248,255,252,.88);color:#287b71!important;font-size:7px!important;letter-spacing:.12em!important;box-shadow:0 6px 16px rgba(34,103,94,.1)}.grammar-voyage-map .grammar-level-land{width:98%;height:225px;position:relative;left:auto;right:auto;top:auto;margin:0 auto;border-radius:64% 36% 58% 42%/42% 57% 43% 58%;background:linear-gradient(145deg,#80c67f,#4fa576);filter:drop-shadow(0 18px 11px rgba(26,92,77,.25));box-shadow:inset 0 0 0 10px rgba(244,218,154,.78),inset 0 -24px 35px rgba(28,99,72,.18)}.grammar-voyage-map .grammar-level-island.intermediate .grammar-level-land{border-radius:37% 63% 45% 55%/56% 39% 61% 44%;background:linear-gradient(145deg,#69c4a8,#398f7d)}.grammar-voyage-map .grammar-level-island.advanced .grammar-level-land{border-radius:55% 45% 66% 34%/38% 62% 42% 58%;background:linear-gradient(145deg,#83b8bd,#477f91)}.grammar-voyage-map .grammar-level-land:before{content:"";position:absolute;left:8%;right:7%;bottom:-13px;height:45px;z-index:-1;border-radius:0 0 50% 50%;background:linear-gradient(#347765,#255c57);clip-path:polygon(2% 0,98% 0,90% 74%,73% 55%,62% 100%,46% 62%,30% 93%,12% 62%)}.grammar-voyage-map .grammar-level-land:after{content:"";position:absolute;left:12%;right:12%;top:10%;bottom:12%;border:1px solid rgba(255,255,255,.24);border-radius:inherit}.grammar-voyage-map .grammar-level-land i{width:14px;height:42px;position:absolute;z-index:2;border-radius:50% 50% 8px 8px;background:#226454;box-shadow:0 7px 0 -4px rgba(24,83,70,.28)}.grammar-voyage-map .grammar-level-land i:before{content:"";width:27px;height:27px;position:absolute;left:-7px;top:-10px;border-radius:50%;background:#2e7d62}.grammar-voyage-map .grammar-level-land i:first-child{left:22%;top:35%}.grammar-voyage-map .grammar-level-land i:nth-child(2){width:10px;height:31px;left:71%;top:24%}.grammar-voyage-map .grammar-level-land i:nth-child(3){width:11px;height:34px;left:76%;top:60%}.grammar-voyage-map .grammar-level-land strong{width:64px;height:76px;position:absolute;left:50%;top:45%;z-index:3;display:grid;place-items:center;transform:translate(-50%,-50%);border:6px solid rgba(255,244,203,.78);border-radius:45% 45% 22% 22%;background:#f9f2cf;color:#21675d;font-size:25px;box-shadow:0 12px 20px rgba(24,80,66,.22);font-family:serif}.grammar-voyage-map .grammar-level-island.intermediate .grammar-level-land strong{border-radius:32% 32% 7px 7px;background:#f3efd1}.grammar-voyage-map .grammar-level-island.advanced .grammar-level-land strong{width:58px;height:86px;border-radius:50% 50% 12px 12px;background:#f9f0c8}.grammar-voyage-map .grammar-level-land>span{width:58px;height:25px;position:absolute;left:17%;bottom:23%;border:5px solid rgba(246,223,165,.72);border-radius:50%;background:#7cd3c4;box-shadow:inset 0 4px 8px rgba(30,113,103,.18)}.grammar-voyage-map .grammar-level-copy{width:91%!important;min-height:245px;position:relative!important;z-index:4!important;margin:-31px auto 0!important;padding:28px 26px 23px!important;border:1px solid rgba(231,220,178,.9);border-radius:30px 24px 32px 25px!important;background:linear-gradient(155deg,rgba(255,253,237,.98),rgba(244,250,239,.98))!important;box-shadow:0 18px 36px rgba(33,100,89,.18);backdrop-filter:none!important}.grammar-voyage-map .grammar-level-copy:before{content:"";width:40px;height:28px;position:absolute;left:50%;top:-23px;transform:translateX(-50%);background:repeating-linear-gradient(90deg,#9a6837 0 5px,#c99554 5px 9px);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.grammar-voyage-map .grammar-level-copy small{color:#2a8175;font-size:8px;letter-spacing:.14em}.grammar-voyage-map .grammar-level-copy h2{margin:7px 0 3px;font-size:34px;letter-spacing:-.05em}.grammar-voyage-map .grammar-level-copy>b{display:inline-block;padding:5px 8px;border-radius:8px;background:#e2f3e8;color:#346f66;font-size:8px}.grammar-voyage-map .grammar-level-copy p{min-height:50px;margin:12px 0 0;color:#58756f;font-size:9px;line-height:1.75}.grammar-voyage-map .grammar-level-copy em{width:100%;margin-top:15px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce9df;color:#187b70;font-size:9px}.grammar-voyage-map .grammar-level-copy em span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#187f74;color:#fff;font-size:12px;transition:transform .2s}.grammar-voyage-map .grammar-level-island:hover .grammar-level-copy em span{transform:translateX(3px)}.grammar-voyage-map .grammar-gate-note{width:max-content;max-width:90%;margin:20px auto 0;position:relative;z-index:3;border-color:rgba(255,255,255,.62);background:rgba(248,255,252,.84);box-shadow:0 10px 26px rgba(30,104,96,.1)}@media(max-width:950px){.grammar-voyage-map{padding:38px 25px 25px}.grammar-voyage-map .grammar-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grammar-voyage-map .grammar-level-island{min-height:500px}.grammar-voyage-map .grammar-level-land{width:100%;height:220px;left:auto;right:auto;top:auto}.grammar-voyage-map .grammar-level-copy{width:96%!important;margin:-22px auto 0!important;padding:25px 20px 21px!important}.grammar-route-thread{left:10%;right:10%;top:195px}}@media(max-width:720px){.grammar-level-gate .grammar-gate-heading{text-align:center}.grammar-voyage-map{padding:42px 17px 24px;border-radius:31px}.grammar-map-compass{left:14px;top:14px;transform:scale(.78)}.grammar-route-thread{width:3px;height:auto;left:50%;right:auto;top:120px;bottom:100px;border-top:0;border-left:2px dashed rgba(255,255,255,.65);transform:none}.grammar-route-thread i{left:-8px!important;right:auto!important}.grammar-route-thread i:first-child{top:5%}.grammar-route-thread i:nth-child(2){top:47%}.grammar-route-thread i:nth-child(3){top:88%}.grammar-voyage-map .grammar-level-grid{grid-template-columns:1fr;gap:27px}.grammar-voyage-map .grammar-level-island,.grammar-voyage-map .grammar-level-island.advanced,.grammar-voyage-map .grammar-level-island.intermediate{min-height:0;margin-top:0}.grammar-voyage-map .grammar-level-land{width:88%;height:230px}.grammar-voyage-map .grammar-level-copy{width:88%!important;min-height:0;margin:-24px auto 0!important}.grammar-voyage-map .grammar-level-copy p{min-height:0}.grammar-voyage-map .grammar-gate-note{width:92%;max-width:none;align-items:flex-start;text-align:left}}.grammar-lesson-heading{padding:27px 32px 20px;border-bottom:1px solid #e6ecea;background:#fff}.grammar-lesson-heading span{color:#71837f;font-size:11px;letter-spacing:.02em}.grammar-lesson-heading h2{margin:8px 0 0;color:#17201e;font-size:32px;line-height:1.25}.grammar-lesson-heading .grammar-lesson-hero-note{margin:7px 0 0;color:#657872;font-size:12px;line-height:1.65}.grammar-reference-lesson{display:block;padding:0 32px 34px;color:#202725}.grammar-reference-examples{padding:22px 0 19px;border-bottom:1px solid #dfe6e3}.grammar-reference-example-section .grammar-reference-examples{padding:0;border-bottom:0}.grammar-reference-example{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:7px 0}.grammar-reference-example b{display:block;color:#17201e;font-size:15px;line-height:1.6}.grammar-reference-example p{margin:2px 0 0;color:#8a9692;font-size:12px;line-height:1.55}.grammar-reference-example button{width:32px;height:32px;flex:0 0 32px;border:0;border-radius:50%;background:transparent;color:#246e64;font-size:17px;cursor:pointer}.grammar-reference-example button:hover{background:#eef7f4}.grammar-reference-section{padding:25px 0 23px;border-bottom:1px solid #dfe6e3}.grammar-reference-section h3{margin:0 0 16px;color:#151b19;font-size:21px;line-height:1.3}.grammar-reference-cautions,.grammar-reference-rules,.grammar-reference-usage{margin:0;padding-left:24px}.grammar-reference-cautions>li,.grammar-reference-rules>li,.grammar-reference-usage>li{padding-left:4px;color:#313a37;font-size:14px;line-height:1.85}.grammar-reference-usage.is-numbered{padding-left:0;list-style:none;display:grid;gap:14px}.grammar-reference-usage.is-numbered>li{padding:0 0 0 42px;position:relative}.grammar-reference-cautions>li+li,.grammar-reference-rules>li+li,.grammar-reference-usage>li+li{margin-top:14px}.grammar-reference-usage.is-numbered>li+li{margin-top:0}.grammar-reference-usage-title{display:flex;align-items:center;gap:10px}.grammar-reference-usage-title>span{width:28px;height:28px;position:absolute;left:0;top:0;display:grid;place-items:center;border-radius:50%;background:#167f74;color:#fff;font-size:13px;font-weight:900;line-height:1}.grammar-reference-usage-title>em{padding:3px 8px;border:1px solid #bfe1d9;border-radius:999px;background:#f1f8f5;color:#167f74;font-size:10px;font-style:normal;font-weight:900;line-height:1.45;white-space:nowrap}.grammar-reference-usage-title>b{color:#17201e;font-size:15px}.grammar-reference-usage-title:empty{display:none}.grammar-reference-usage>li>p{margin:4px 0 0;color:#46534f}.grammar-reference-usage.is-numbered>li>p:first-of-type{margin-top:0;font-weight:760}.grammar-reference-translation{width:max-content;max-width:100%;margin-top:8px!important;padding:7px 10px;border-radius:9px;background:#f1f8f5;color:#245f56!important;font-size:13px!important;font-weight:800!important;line-height:1.55!important}.grammar-reference-translation span{margin-right:8px;color:#16877b;font-size:11px;font-weight:950}.grammar-reference-usage>li>ul{margin:7px 0 0;padding-left:20px;color:#66736f}.grammar-reference-usage>li>ul li+li{margin-top:3px}.grammar-reference-usage>li>.grammar-sense-related{margin-top:9px;padding:8px 12px 8px 28px;border-radius:9px;background:#faf8ef;color:#6c654c}.grammar-reference-related{margin:0;padding:0;display:grid;gap:10px;list-style:none}.grammar-reference-related li{padding-left:17px;position:relative;color:#3d4945;font-size:14px;line-height:1.75}.grammar-reference-related li:before{content:"·";position:absolute;left:2px;color:#198678;font-weight:900}.grammar-reference-related b{display:block;color:#17201e;font-size:15px}.grammar-reference-related p{margin:2px 0 0;color:#53605c;font-size:13px;line-height:1.65}.grammar-reference-lesson .grammar-practice-launch{width:auto;min-width:150px;margin:25px 0 0;padding:12px 19px;border-radius:9px;font-size:13px}.grammar-key-rules{border-bottom:0}.grammar-reference-disclosure{border-top:1px solid #dfe6e3}.grammar-reference-disclosure:last-of-type{border-bottom:1px solid #dfe6e3}.grammar-reference-disclosure>summary{min-height:62px;padding:15px 4px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#17201e;cursor:pointer;list-style:none}.grammar-reference-disclosure>summary::-webkit-details-marker{display:none}.grammar-reference-disclosure>summary span{font-size:16px;font-weight:850}.grammar-reference-disclosure>summary small{display:flex;align-items:center;gap:9px;color:#71837f;font-size:12px;text-align:right}.grammar-reference-disclosure>summary small:after{content:"＋";width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eef7f4;color:#167f74;font-size:15px;font-weight:500}.grammar-reference-disclosure[open]>summary small:after{content:"−"}.grammar-reference-disclosure[open]>summary{border-bottom:1px solid #edf2f0}.grammar-conjugation-grid{padding:20px 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grammar-conjugation-grid>section{min-width:0;padding:17px;border:1px solid #dce9e5;border-radius:15px;background:#f9fcfb}.grammar-conjugation-grid span{display:block;color:#16877b;font-size:11px;font-weight:950}.grammar-conjugation-grid b{display:block;margin-top:7px;color:#17201e;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.grammar-conjugation-grid p{margin:7px 0 0;color:#697873;font-size:12px;line-height:1.6}.grammar-conjugation-grid ul{margin:13px 0 0;padding:12px 14px;display:grid;gap:6px;border-radius:10px;background:#eef7f4;list-style:none}.grammar-conjugation-grid li{color:#305b54;font-size:13px;font-weight:760;line-height:1.55;overflow-wrap:anywhere}.grammar-sense-rule-sections{padding:4px 0 24px}.grammar-sense-rule-section{padding-top:18px}.grammar-sense-rule-section+.grammar-sense-rule-section{margin-top:2px;border-top:1px solid #edf2f0}.grammar-sense-rule-section>header{display:flex;align-items:center;gap:9px}.grammar-sense-rule-section>header span{padding:3px 8px;border-radius:999px;background:#e8f5f1;color:#167f74;font-size:10px;font-weight:900;line-height:1.45}.grammar-sense-rule-section>header h3{margin:0;color:#26322f;font-size:15px;line-height:1.5}.grammar-sense-rule-section .grammar-conjugation-grid{padding:12px 0 15px}.grammar-comparison-body{padding:22px 0 25px}.grammar-comparison-body>h3{margin:0;color:#17201e;font-size:20px}.grammar-comparison-body>p{margin:7px 0 17px;color:#52645f;font-size:13px;line-height:1.75}.grammar-comparison-pairs{display:grid;gap:11px}.grammar-comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grammar-comparison-pair>section{min-width:0;padding:15px;border:1px solid #dce9e5;border-radius:13px;background:#fbfdfc}.grammar-comparison-pair span{display:block;color:#16877b;font-size:11px;font-weight:900}.grammar-comparison-pair b{display:block;margin-top:8px;color:#17201e;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.grammar-comparison-pair p{margin:3px 0 0;color:#75827e;font-size:12px;line-height:1.55}.grammar-reference-disclosure>.grammar-reference-cautions{padding:20px 0 22px;margin-left:24px}.grammar-caution-sections{padding:18px 0 22px}.grammar-caution-sections>.grammar-reference-cautions{margin-left:24px}.grammar-sense-caution-section{padding-top:15px}.grammar-sense-caution-section+.grammar-sense-caution-section{margin-top:15px;border-top:1px solid #edf2f0}.grammar-caution-sections>.grammar-reference-cautions+.grammar-sense-caution-section{margin-top:17px;border-top:1px solid #edf2f0}.grammar-sense-caution-section>h3{margin:0 0 9px;color:#26322f;font-size:14px;line-height:1.55}.grammar-sense-caution-section>h3 span{display:inline-block;margin-right:8px;padding:3px 8px;border-radius:999px;background:#fff5e8;color:#98621b;font-size:10px;font-weight:900;line-height:1.45;vertical-align:1px}.grammar-sense-caution-section>.grammar-reference-cautions{margin-left:24px}.grammar-reference-disclosure>.grammar-reference-examples{padding:14px 0 20px;border-bottom:0}@media(max-width:720px){.grammar-lesson-heading{padding:22px 20px 16px}.grammar-lesson-heading h2{font-size:28px}.grammar-reference-lesson{padding:0 20px 27px}.grammar-reference-examples{padding-top:17px}.grammar-reference-example{gap:10px}.grammar-reference-example b{font-size:14px}.grammar-reference-section{padding:21px 0 19px}.grammar-reference-section h3{font-size:19px}.grammar-reference-cautions>li,.grammar-reference-related li,.grammar-reference-rules>li,.grammar-reference-usage>li{font-size:13px}.grammar-reference-usage-title{align-items:flex-start;flex-wrap:wrap;gap:6px 8px}.grammar-reference-lesson .grammar-practice-launch{width:100%}.grammar-reference-disclosure>summary{min-height:58px;padding-block:13px}.grammar-reference-disclosure>summary span{font-size:15px}.grammar-reference-disclosure>summary small{font-size:11px}.grammar-comparison-pair,.grammar-conjugation-grid{grid-template-columns:1fr}.grammar-conjugation-grid{padding-block:16px;gap:9px}.grammar-comparison-pair>section,.grammar-conjugation-grid>section{padding:14px}.grammar-conjugation-grid b{font-size:15px}}.grammar-purpose-map{width:min(1180px,100%);margin:31px auto 0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:42px;aspect-ratio:16/9;background:#9de2e4;box-shadow:0 22px 55px rgba(25,103,90,.12)}.grammar-purpose-map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) brightness(1.02)}.grammar-purpose-map .grammar-purpose-grid{position:absolute;z-index:3;inset:0;margin:0;width:100%;display:block}.grammar-purpose-map .grammar-purpose-island{position:absolute;min-height:0;padding:0;border:0;border-radius:45%;background:transparent!important;box-shadow:none;overflow:visible;color:#174a43}.grammar-purpose-map .grammar-purpose-island:hover{transform:translateY(-4px)}.grammar-purpose-map .grammar-purpose-island.daily{left:0;top:18%;width:46%;height:70%}.grammar-purpose-map .grammar-purpose-island.topik{left:52%;top:18%;width:45%;height:70%}.grammar-purpose-map .grammar-purpose-island>span,.grammar-purpose-map .purpose-land{display:none}.grammar-purpose-map .grammar-purpose-island>section{position:absolute;left:50%;bottom:7%;width:235px;transform:translateX(-50%);padding:15px 18px;border:1px solid rgba(255,255,255,.88);border-radius:18px;background:rgba(255,253,238,.9);box-shadow:0 14px 30px rgba(49,111,98,.16);backdrop-filter:blur(9px)}.grammar-purpose-map .grammar-purpose-island h2{font-size:26px}.grammar-purpose-map .grammar-purpose-island p{min-height:0;font-size:8px}.grammar-purpose-map .grammar-purpose-island:hover>section{transform:translateX(-50%) translateY(-4px)}.grammar-catalog-scroll button b,.grammar-lesson-heading h2,.grammar-meaning-quiz h3[lang=ko],.grammar-translation-task strong[lang=ko]{font-family:var(--font-korean);letter-spacing:0}.grammar-purpose-map .grammar-purpose-island h2,.grammar-voyage-map .grammar-level-copy h2{font-family:var(--font-title);font-weight:400;letter-spacing:.02em}.grammar-voyage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) brightness(1.02);z-index:0}.grammar-voyage-map{aspect-ratio:16/9;min-height:630px;background:#9de2e4!important}.grammar-map-compass,.grammar-route-thread,.grammar-voyage-map:after,.grammar-voyage-map:before{display:none!important}.grammar-voyage-map .grammar-level-grid{position:absolute;z-index:3;inset:0!important;display:block!important;margin:0!important;width:100%!important}.grammar-voyage-map .grammar-level-island{position:absolute!important;min-height:0!important;padding:0!important;border:0!important;border-radius:45%!important;background:transparent!important;box-shadow:none!important}.grammar-voyage-map .grammar-level-island.beginner{left:3%;top:20%;width:30%;height:58%}.grammar-voyage-map .grammar-level-island.intermediate{left:35%;top:20%;width:30%;height:58%;margin:0}.grammar-voyage-map .grammar-level-island.advanced{left:67%;top:20%;width:30%;height:58%;margin:0}.grammar-voyage-map .grammar-level-land,.grammar-voyage-map .grammar-level-number{display:none}.grammar-voyage-map .grammar-level-copy{position:absolute!important;left:50%!important;bottom:5%!important;width:235px!important;min-height:0!important;margin:0!important;transform:translateX(-50%)!important;padding:15px 18px!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:18px!important;background:rgba(255,253,238,.9)!important;box-shadow:0 14px 30px rgba(49,111,98,.16)!important;backdrop-filter:blur(9px)!important}.grammar-voyage-map .grammar-level-copy:before{display:none}.grammar-voyage-map .grammar-level-island:hover .grammar-level-copy{transform:translateX(-50%) translateY(-4px)!important}.grammar-voyage-map .grammar-level-copy h2{font-size:27px}.grammar-voyage-map .grammar-level-copy p{min-height:0;font-size:8px}.grammar-voyage-map .grammar-gate-note{position:absolute;left:50%;bottom:18px;z-index:4;transform:translateX(-50%);margin:0}@media(max-width:720px){.grammar-purpose-map{aspect-ratio:auto;min-height:760px;border-radius:30px}.grammar-purpose-map>img{object-position:center}.grammar-purpose-map .grammar-purpose-island.daily,.grammar-purpose-map .grammar-purpose-island.topik{left:14px;right:14px;width:auto;height:310px}.grammar-purpose-map .grammar-purpose-island.daily{top:120px}.grammar-purpose-map .grammar-purpose-island.topik{top:440px}.grammar-purpose-map .grammar-purpose-island>section{left:16px;right:16px;bottom:14px;width:auto;transform:none}.grammar-purpose-map .grammar-purpose-island:hover>section{transform:none}.grammar-voyage-map{aspect-ratio:auto;min-height:990px;padding:0!important}.grammar-voyage-map .grammar-level-island.advanced,.grammar-voyage-map .grammar-level-island.beginner,.grammar-voyage-map .grammar-level-island.intermediate{left:14px;right:14px;width:auto;height:285px;margin:0}.grammar-voyage-map .grammar-level-island.beginner{top:110px}.grammar-voyage-map .grammar-level-island.intermediate{top:392px}.grammar-voyage-map .grammar-level-island.advanced{top:674px}.grammar-voyage-map .grammar-level-copy{left:16px!important;right:16px!important;bottom:14px!important;width:auto!important;transform:none!important}.grammar-voyage-map .grammar-level-island:hover .grammar-level-copy{transform:none!important}.grammar-voyage-map .grammar-gate-note{display:none}}.grammar-purpose-map .grammar-purpose-island>section{top:44%;bottom:auto;transform:translate(-50%,-50%);width:245px;text-align:center}.grammar-purpose-map .grammar-purpose-island:hover>section{transform:translate(-50%,-54%)}.grammar-purpose-map .grammar-purpose-island h2{font-family:var(--font-title);font-size:clamp(28px,2.8vw,38px);font-weight:400;line-height:1.05;letter-spacing:.01em}.grammar-purpose-map .grammar-purpose-island b,.grammar-purpose-map .grammar-purpose-island em,.grammar-purpose-map .grammar-purpose-island p,.grammar-purpose-map .grammar-purpose-island small{font-family:var(--font-body)}.grammar-voyage-map .grammar-level-copy{top:44%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:245px!important;text-align:center}.grammar-voyage-map .grammar-level-island:hover .grammar-level-copy{transform:translate(-50%,-54%)!important}.grammar-voyage-map .grammar-level-copy h2{font-family:var(--font-title);font-size:clamp(28px,2.7vw,37px);font-weight:400;line-height:1.05;letter-spacing:.01em}.grammar-voyage-map .grammar-level-copy b,.grammar-voyage-map .grammar-level-copy em,.grammar-voyage-map .grammar-level-copy p,.grammar-voyage-map .grammar-level-copy small{font-family:var(--font-body)}.grammar-purpose-map .grammar-purpose-island>section,.grammar-voyage-map .grammar-level-copy{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:#114d45;text-align:center;text-shadow:0 2px 0 rgba(255,255,236,.95),2px 0 0 rgba(255,255,236,.72),-2px 0 0 rgba(255,255,236,.72),0 8px 14px rgba(53,103,62,.22)}.grammar-purpose-map .grammar-purpose-island b,.grammar-purpose-map .grammar-purpose-island em,.grammar-purpose-map .grammar-purpose-island p,.grammar-purpose-map .grammar-purpose-island small,.grammar-voyage-map .grammar-level-copy b,.grammar-voyage-map .grammar-level-copy em,.grammar-voyage-map .grammar-level-copy p,.grammar-voyage-map .grammar-level-copy small{color:#2e6b60;font-weight:850;text-shadow:0 1px 0 rgba(255,255,236,.9),0 4px 9px rgba(65,103,53,.16)}.grammar-purpose-map .grammar-purpose-island>section,.grammar-voyage-map .grammar-level-copy{left:var(--label-x,50%)!important;top:var(--label-y,50%)!important;bottom:auto!important}.grammar-purpose-map .grammar-purpose-island:hover>section,.grammar-voyage-map .grammar-level-island:hover .grammar-level-copy{transform:translate(-50%,-53%)!important}.grammar-purpose-map>img,.grammar-voyage-art{display:block}.grammar-purpose-map,.grammar-voyage-map{background:#9de2e4!important}.grammar-purpose-map .grammar-purpose-island,.grammar-voyage-map .grammar-level-island{overflow:visible!important;border-radius:0!important;background:none!important}.grammar-purpose-map .grammar-purpose-island{top:18%!important;width:46%!important;height:70%!important}.grammar-purpose-map .grammar-purpose-island.daily{left:0!important;--label-x:53%;--label-y:51%}.grammar-purpose-map .grammar-purpose-island.topik{left:52%!important;--label-x:51%;--label-y:56%}.grammar-voyage-map .grammar-level-island{top:20%!important;width:31%!important;height:58%!important}.grammar-voyage-map .grammar-level-island.beginner{left:1.5%!important;--label-x:55%;--label-y:53%}.grammar-voyage-map .grammar-level-island.intermediate{left:34.5%!important;--label-x:54%;--label-y:54%}.grammar-voyage-map .grammar-level-island.advanced{left:67.5%!important;--label-x:48%;--label-y:53%}.grammar-purpose-map .grammar-purpose-island>section,.grammar-voyage-map .grammar-level-copy{left:var(--label-x)!important;top:var(--label-y)!important;right:auto!important;width:min(300px,72%)!important;transform:translate(-50%,-50%)!important}@media(max-width:720px){.grammar-purpose-map{min-height:0;aspect-ratio:16/9}.grammar-purpose-map .grammar-purpose-grid,.grammar-voyage-map .grammar-level-grid{inset:0!important;display:block!important}.grammar-purpose-map .grammar-purpose-island,.grammar-purpose-map .grammar-purpose-island.daily,.grammar-purpose-map .grammar-purpose-island.topik,.grammar-voyage-map .grammar-level-island,.grammar-voyage-map .grammar-level-island.advanced,.grammar-voyage-map .grammar-level-island.beginner,.grammar-voyage-map .grammar-level-island.intermediate{position:absolute!important}.grammar-purpose-map .grammar-purpose-island{top:18%!important;width:46%!important;height:70%!important}.grammar-purpose-map .grammar-purpose-island.daily{left:0!important}.grammar-purpose-map .grammar-purpose-island.topik{left:52%!important}.grammar-voyage-map{min-height:0;aspect-ratio:16/9}.grammar-voyage-map .grammar-level-island{top:20%!important;width:31%!important;height:58%!important}}@media(max-width:620px){.grammar-island-page{overflow-x:clip;background:#9de2e4}.grammar-island-page:has(.grammar-route-gate){background-color:#9de2e4;background-image:radial-gradient(circle at 13% 9%,rgba(255,255,255,.22),transparent 24%),radial-gradient(circle at 88% 38%,rgba(255,255,255,.13),transparent 29%),linear-gradient(180deg,#b4ebeb,#99e0e2 32%,#7fd3d7)}.grammar-island-page:has(.grammar-route-gate)>.site-header{border-bottom-color:rgba(255,255,255,.28);background:rgba(174,233,234,.82);box-shadow:none;backdrop-filter:blur(14px)}.grammar-island-page:has(.grammar-route-gate)>.grammar-page-back{height:48px;border-bottom:0;background:transparent}.grammar-island-page:has(.grammar-route-gate)>.grammar-page-back a{padding:7px 10px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(255,255,255,.38);color:#176f68;font-size:9px;text-decoration:none}.grammar-island-page:has(.grammar-route-gate)>.grammar-page-back span{color:rgba(30,103,99,.76);font-size:7px;letter-spacing:.05em}.grammar-level-gate.shell,.grammar-route-gate.shell{width:100%;max-width:none;padding:28px max(12px,env(safe-area-inset-right)) 42px max(12px,env(safe-area-inset-left));background-color:#9de2e4;background-image:radial-gradient(circle at 14% 12%,rgba(255,255,255,.2),transparent 23%),radial-gradient(circle at 86% 43%,rgba(255,255,255,.12),transparent 27%),linear-gradient(180deg,#a9e7e8,#8ddadd 48%,#79d0d5)}.grammar-island-page:has(.grammar-route-gate)>.grammar-route-gate.shell{padding-top:14px;background:transparent}.grammar-island-page:has(.grammar-route-gate) .grammar-gate-heading{padding-inline:10px;color:#155c57;text-shadow:0 2px 12px rgba(255,255,255,.42)}.grammar-island-page:has(.grammar-route-gate) .grammar-gate-heading>span{color:rgba(255,255,255,.96)}.grammar-island-page:has(.grammar-route-gate) .grammar-gate-heading h1{margin:7px 0 6px;font-size:clamp(27px,7.7vw,32px);line-height:1.16}.grammar-island-page:has(.grammar-route-gate) .grammar-gate-heading p{max-width:330px;color:rgba(25,92,87,.8);font-size:9px;font-weight:780;line-height:1.55}.grammar-island-page:has(.grammar-route-gate) .grammar-purpose-map{margin-top:18px}.grammar-gate-heading{width:min(100%,390px);margin:0 auto;text-align:center;color:#fff;text-shadow:0 3px 14px rgba(19,107,113,.25)}.grammar-gate-heading p,.grammar-gate-heading>span{color:#f7ffff}.grammar-gate-heading h1{margin:8px 0 7px;font-size:clamp(30px,8.7vw,37px);line-height:1.12}.grammar-gate-heading p{max-width:360px;margin-inline:auto;font-size:10px;font-weight:750;line-height:1.65}.grammar-inline-back{margin-bottom:14px;border-color:rgba(255,255,255,.78);background:rgba(255,255,255,.82)}.grammar-purpose-map,.grammar-voyage-map{width:min(100%,390px);min-height:0!important;margin:24px auto 0;overflow:visible;border:0;border-radius:0;aspect-ratio:auto!important;background:transparent!important;box-shadow:none}.grammar-purpose-map>img,.grammar-voyage-art{display:none!important}.grammar-purpose-map .grammar-purpose-grid,.grammar-voyage-map .grammar-level-grid{position:relative!important;inset:auto!important;display:flex!important;width:100%!important;margin:0!important;flex-direction:column;align-items:center;gap:clamp(22px,7vw,32px)}.grammar-purpose-map .grammar-purpose-island,.grammar-purpose-map .grammar-purpose-island.daily,.grammar-purpose-map .grammar-purpose-island.topik,.grammar-voyage-map .grammar-level-island,.grammar-voyage-map .grammar-level-island.advanced,.grammar-voyage-map .grammar-level-island.beginner,.grammar-voyage-map .grammar-level-island.intermediate{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:clamp(245px,66vw,282px)!important;min-height:0!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:28px!important;background-color:#9de2e4!important;background-repeat:no-repeat!important;box-shadow:0 12px 28px rgba(24,101,101,.11)!important;transform:none!important;isolation:isolate}.grammar-purpose-map .grammar-purpose-island{background:#9de2e4 url(/maps/hanyudao-clean/daily-topik-choice.png) 0/200% auto no-repeat!important}.grammar-purpose-map .grammar-purpose-island.daily{--label-x:54%;--label-y:53%;background-position:0!important}.grammar-purpose-map .grammar-purpose-island.topik{--label-x:47%;--label-y:54%;background-position:100%!important}.grammar-voyage-map .grammar-level-island{background:#9de2e4 url(/maps/hanyudao-clean/level-choice.png) 0/300% auto no-repeat!important}.grammar-voyage-map .grammar-level-island.beginner{--label-x:54%;--label-y:54%;background-position:0!important}.grammar-voyage-map .grammar-level-island.intermediate{--label-x:50%;--label-y:54%;background-position:50%!important}.grammar-voyage-map .grammar-level-island.advanced{--label-x:47%;--label-y:54%;background-position:100%!important}.grammar-purpose-map .grammar-purpose-island>section,.grammar-voyage-map .grammar-level-copy{left:var(--label-x)!important;top:var(--label-y)!important;right:auto!important;bottom:auto!important;width:82%!important;transform:translate(-50%,-50%)!important;color:#114d45;text-align:center}.grammar-purpose-map .grammar-purpose-island:hover>section,.grammar-voyage-map .grammar-level-island:hover .grammar-level-copy{transform:translate(-50%,-50%)!important}.grammar-purpose-map .grammar-purpose-island h2,.grammar-voyage-map .grammar-level-copy h2{margin:5px 0 4px;font-family:var(--font-title);font-size:clamp(29px,8vw,35px);font-weight:400;line-height:1.05;letter-spacing:.01em}.grammar-purpose-map .grammar-purpose-island small,.grammar-voyage-map .grammar-level-copy small{display:block;font-size:8px;letter-spacing:.13em}.grammar-purpose-map .grammar-purpose-island b,.grammar-voyage-map .grammar-level-copy b{font-size:9px}.grammar-purpose-map .grammar-purpose-island p,.grammar-voyage-map .grammar-level-copy p{min-height:0;max-width:280px;margin:7px auto 0;font-size:9px;line-height:1.55}.grammar-purpose-map .grammar-purpose-island em,.grammar-voyage-map .grammar-level-copy em{display:inline-flex;width:auto;align-items:center;justify-content:center;gap:7px;margin-top:9px;padding:6px 11px;border:0;border-radius:999px;background:rgba(22,142,130,.9);color:#fff;font-size:8px;text-shadow:none}.grammar-reference-entry{width:min(100%,390px);margin:26px auto 0;border-color:rgba(255,255,255,.76);background:rgba(255,255,255,.86);color:#326c63}}.goal-page{min-height:100vh;padding-bottom:90px;background:linear-gradient(180deg,#0b9298 0 390px,#edf8f4 390px 100%);color:#194d46}.goal-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2)}.goal-topbar a{color:#e7fbf6;font-size:9px;font-weight:850}.goal-topbar>span{color:#fff;font-size:8px;font-weight:950;letter-spacing:.17em}.goal-shell{padding-top:52px}.goal-hero{min-height:230px;padding:18px 80px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff}.goal-hero>div>span{font-size:8px;font-weight:950;letter-spacing:.15em;color:#c0f4e8}.goal-hero h1{margin:9px 0 12px;font-size:clamp(34px,4.5vw,57px);line-height:1.08;letter-spacing:-.055em}.goal-hero p{max-width:540px;margin:0;color:#d9f4ef;font-size:10px;line-height:1.8}.goal-hero img{width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 17px 19px rgba(0,68,66,.2))}.current-goal-card{width:min(880px,100%);margin:5px auto 22px;padding:24px 28px;border:1px solid rgba(255,255,255,.85);border-radius:26px;background:linear-gradient(135deg,#fffdf1,#effbf5);box-shadow:0 18px 45px rgba(20,91,81,.16)}.current-goal-head{display:flex;align-items:center;gap:12px}.current-goal-head span{padding:5px 8px;border-radius:999px;background:#dff4ec;color:#147e72;font-size:7px;font-weight:950}.current-goal-head h2{margin:0;font-size:22px}.current-goal-head b{margin-left:auto;color:#168c80;font-size:21px}.current-goal-progress{height:8px;margin-top:15px;overflow:hidden;border-radius:999px;background:#ddebe5}.current-goal-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#19a092,#f0c957)}.current-goal-stats{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.current-goal-stats>div{padding:11px;border-radius:14px;background:rgba(255,255,255,.76);text-align:center}.current-goal-stats b{display:block;color:#176f66;font-size:20px}.current-goal-stats span{color:#7d928c;font-size:7px}.current-goal-card>p{margin:11px 0 0;color:#81938e;font-size:7px;text-align:center}.goal-planner{width:min(880px,100%);margin:0 auto;padding:33px 38px 38px;border:1px solid #d9e9e3;border-radius:30px;background:#fffefa;box-shadow:0 22px 58px rgba(28,89,79,.11)}.goal-step+.goal-step{margin-top:31px;padding-top:28px;border-top:1px solid #e5eee9}.generated-plan-heading>span,.goal-step>span{color:#178b7e;font-size:7px;font-weight:950;letter-spacing:.18em}.goal-step>h2{margin:6px 0 16px;font-size:21px}.goal-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.goal-purpose-grid button{min-height:105px;padding:16px 17px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;border:1px solid #dfe9e4;border-radius:18px;background:#fff;color:#315f58;text-align:left;cursor:pointer}.goal-purpose-grid button.active,.goal-purpose-grid button:hover{border-color:#4bb09f;background:#edf9f4;box-shadow:0 8px 19px rgba(34,134,117,.09)}.goal-purpose-grid button>i{width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:#dff4ec;color:#188c80;font-size:18px;font-style:normal;font-weight:950}.goal-purpose-grid button b{display:block;font-size:13px}.goal-purpose-grid button small{display:block;margin-top:5px;color:#80958e;font-size:8px}.goal-purpose-grid button em{padding:6px 8px;border-radius:999px;background:#fff5c9;color:#756023;font-size:7px;font-style:normal;font-weight:850}.goal-level-options{display:grid;gap:8px}.goal-level-options.daily{grid-template-columns:repeat(3,1fr)}.goal-level-options.topik{grid-template-columns:repeat(6,1fr)}.goal-level-options button{min-height:70px;padding:10px;border:1px solid #dfe9e4;border-radius:15px;background:#fff;color:#526f69;cursor:pointer}.goal-level-options button.active{border:2px solid #1b9a8a;background:#eaf8f3;color:#15786e}.goal-level-options b{display:block;font-size:16px}.goal-level-options span{display:block;margin-top:4px;color:#84968f;font-size:7px}.goal-level-note{margin:11px 0 0;padding:10px 13px;border-radius:11px;background:#f4f8f5;color:#6f8881;font-size:8px}.goal-days-control{display:flex;align-items:center;gap:9px}.goal-days-control>button:not(.recommended-days){width:43px;height:43px;border:1px solid #d5e5df;border-radius:13px;background:#edf8f4;color:#168b7e;font-size:18px;cursor:pointer}.goal-days-control label{height:50px;padding:0 17px;display:flex;align-items:center;border:1px solid #bcded4;border-radius:14px;background:#fff}.goal-days-control input{width:72px;border:0;outline:0;background:transparent;color:#18564f;font-size:24px;font-weight:950;text-align:center}.goal-days-control label span{color:#779089;font-size:9px}.recommended-days{margin-left:auto;padding:12px 15px;border:0;border-radius:12px;background:#fff3bc;color:#6f5a1d;font-size:8px;font-weight:900;cursor:pointer}.generated-plan{margin-top:34px;padding:27px;border-radius:24px;background:linear-gradient(145deg,#0d817d,#116f72);color:#fff;box-shadow:0 15px 35px rgba(13,113,108,.2)}.generated-plan-heading{text-align:center}.generated-plan-heading>span{color:#bdf5e6}.generated-plan-heading h2{margin:6px 0 4px;font-size:25px}.generated-plan-heading p{margin:0;color:#d4f2eb;font-size:8px}.generated-plan-tasks{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.generated-plan-tasks article{min-height:105px;padding:14px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.09)}.generated-plan-tasks i{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#fff4bf;color:#6b581c;font-size:10px;font-style:normal;font-weight:950}.generated-plan-tasks span{display:block;color:#bfe8df;font-size:7px}.generated-plan-tasks b{display:block;margin-top:3px;font-size:14px}.generated-plan-tasks small{display:block;margin-top:4px;color:#b8dbd5;font-size:7px}.plan-pressure-note{margin-top:11px;padding:10px 13px;display:flex;gap:9px;border-radius:12px;background:rgba(255,246,194,.13);color:#e7f5ed;font-size:8px}.plan-pressure-note b{color:#ffe99b;white-space:nowrap}.goal-save-message{margin:15px 0 0;color:#d6fff2;font-size:8px;text-align:center}.goal-save-message.save-error{color:#ffd7cc}.goal-dirty-message{margin:6px 0 -8px;color:#ffe99b;font-size:8px;font-weight:850;text-align:center}.save-goal-button{width:100%;min-height:47px;margin-top:14px;padding:15px;border:0;border-radius:14px;background:#fff4bd;color:#675316;font-size:10px;font-weight:950;cursor:pointer;box-shadow:0 9px 21px rgba(0,43,42,.15)}.save-goal-button.saving{background:#f8eab1;color:#756229}.save-goal-button.saved{background:#d9f7e9;color:#176f61}.save-goal-button:disabled{cursor:default;box-shadow:none}.goal-save-spinner{width:13px;height:13px;margin-right:7px;display:inline-block;vertical-align:-2px;border:2px solid rgba(103,83,22,.28);border-top-color:#675316;border-radius:50%;animation:goalSaveSpin .7s linear infinite}.goal-today-link{margin-top:10px;padding:12px;display:block;border:1px solid rgba(255,255,255,.28);border-radius:13px;background:rgba(255,255,255,.1);color:#fff;font-size:9px;font-weight:900;text-align:center}.goal-save-toast{position:fixed;z-index:300;top:calc(env(safe-area-inset-top,0px) + 18px);left:50%;width:min(390px,calc(100% - 28px));padding:14px 17px;transform:translateX(-50%);border:1px solid #bde9d8;border-radius:17px;background:#f4fff9;color:#176f61;box-shadow:0 18px 45px rgba(11,76,66,.22);animation:goalToastIn .24s ease}.goal-save-toast b,.goal-save-toast span{display:block}.goal-save-toast b{font-size:11px}.goal-save-toast span{margin-top:4px;color:#64857c;font-size:8px}@keyframes goalSaveSpin{to{transform:rotate(1turn)}}@keyframes goalToastIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.study-top-status .study-goal-chip{height:34px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid #cbe7df;border-radius:11px;background:#edf8f4;color:#286d64;text-decoration:none}.study-goal-chip i{min-width:25px;padding:4px 5px;border-radius:8px;background:#1b9487;color:#fff;font-size:8px;font-style:normal;text-align:center}.study-goal-chip span{font-size:7px;font-weight:900;white-space:nowrap}.study-goal-nudge{width:min(900px,100%);margin:-3px auto 13px;padding:10px 12px 10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cfe8df;border-radius:15px;background:#f3fbf7}.study-goal-nudge>div{display:flex;align-items:center;gap:9px}.study-goal-nudge i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#dff4ec;color:#178b7e;font-style:normal}.study-goal-nudge span{display:flex;flex-direction:column}.study-goal-nudge b{font-size:9px}.study-goal-nudge small{margin-top:2px;color:#789089;font-size:7px}.study-goal-nudge>a{padding:8px 11px;border-radius:10px;background:#168f83;color:#fff;font-size:8px;font-weight:900;white-space:nowrap}.today-goal-card,.today-goal-empty{width:min(830px,100%);margin:30px auto -15px;position:relative;z-index:4;border:1px solid rgba(255,255,255,.82);border-radius:25px;background:linear-gradient(135deg,#fffef6,#eaf9f2);box-shadow:0 18px 44px rgba(20,91,81,.16)}.today-goal-card{padding:23px}.today-goal-route span{color:#178b7e;font-size:7px;font-weight:950;letter-spacing:.16em}.today-goal-route h2{margin:5px 0 3px;font-size:22px}.today-goal-route p{margin:0;color:#7d918b;font-size:8px}.today-goal-countdown{position:absolute;right:22px;top:19px;display:flex;gap:5px}.today-goal-countdown>div{min-width:72px;padding:8px;border-radius:13px;background:#fff;text-align:center}.today-goal-countdown b{display:block;color:#147e73;font-size:18px}.today-goal-countdown span{display:block;color:#84958f;font-size:6px}.today-goal-plan{margin-top:18px;padding-top:17px;display:flex;align-items:center;gap:9px;border-top:1px solid #dceae5}.today-goal-plan>div{flex:1;padding:10px;display:flex;align-items:center;gap:8px;border-radius:13px;background:#fff}.today-goal-plan i{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#dff4ec;color:#168b7e;font-size:8px;font-style:normal;font-weight:950}.today-goal-plan span{display:flex;flex-direction:column}.today-goal-plan b{font-size:9px}.today-goal-plan small{margin-top:2px;color:#81958f;font-size:6px}.today-goal-plan>a{padding:10px;border-radius:11px;background:#168f83;color:#fff;font-size:8px;font-weight:900}.today-goal-progress{height:7px;margin-top:14px;position:relative;border-radius:999px;background:#dce9e4}.today-goal-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#19a092,#f0c957)}.today-goal-progress span{position:absolute;right:0;top:9px;color:#789089;font-size:6px}.today-goal-empty{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.today-goal-empty>div{display:flex;align-items:center;gap:12px}.today-goal-empty>div>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#dff4ec;color:#168b7e;font-size:17px}.today-goal-empty section b{font-size:11px}.today-goal-empty section p{margin:4px 0 0;color:#7e918c;font-size:8px}.today-goal-empty>a{padding:11px 14px;border-radius:11px;background:#168f83;color:#fff;font-size:8px;font-weight:900;white-space:nowrap}.today-actions .today-grammar-button{border:1px solid #bde2d6;background:#e8f7f1;color:#176f65}@media(max-width:720px){.goal-topbar{padding-inline:13px}.goal-topbar>span{display:none}.goal-shell{padding:25px 12px 55px}.goal-hero{min-height:210px;padding:10px 8px;align-items:flex-start}.goal-hero h1{font-size:35px}.goal-hero p{font-size:9px;padding-right:95px}.goal-hero img{width:105px;height:105px;position:absolute;right:13px;top:112px}.goal-planner{padding:24px 14px;border-radius:24px}.goal-purpose-grid{grid-template-columns:1fr}.goal-level-options.topik{grid-template-columns:repeat(3,1fr)}.goal-days-control{flex-wrap:wrap}.recommended-days{width:100%;margin:4px 0 0}.generated-plan{padding:22px 13px}.generated-plan-tasks{grid-template-columns:1fr}.generated-plan-tasks article{min-height:75px}.current-goal-card{padding:19px 14px}.current-goal-stats{grid-template-columns:1fr 1fr}.study-top-status .study-goal-chip{width:auto;height:31px;padding:0 7px;font-size:inherit}.study-top-status .study-goal-chip:before{display:none}.study-goal-chip i{min-width:23px}.study-goal-chip span{display:none}.study-goal-nudge{align-items:stretch;flex-direction:column}.study-goal-nudge>a{text-align:center}.today-goal-card,.today-goal-empty{margin-top:24px}.today-goal-card{padding:18px 14px}.today-goal-countdown{margin-top:14px;position:static;display:grid;grid-template-columns:repeat(3,1fr)}.today-goal-countdown>div{min-width:0}.today-goal-plan{align-items:stretch;flex-direction:column}.today-goal-plan>a{text-align:center}.today-goal-empty{align-items:stretch;flex-direction:column}.today-goal-empty>a{text-align:center}}.route-planner{min-height:100vh;background:radial-gradient(ellipse at 85% 15%,#d4eee1,transparent 48%),#f3f8f4;color:#194c43;padding:0 24px 70px}.route-top{max-width:1000px;margin:auto;min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #d5e6dc}.route-top a{font-size:14px;font-weight:650}.route-eyebrow,.route-top>span{font-size:11px;letter-spacing:.15em;color:#5f887c}.route-heading{max-width:880px;margin:40px auto 30px}.route-heading>span{color:#62887b;font-size:13px}.route-heading h1{font-size:clamp(30px,4vw,44px);margin:9px 0 12px;letter-spacing:-.03em}.route-heading p{color:#648376;line-height:1.8}.route-card{max-width:880px;margin:auto;padding:36px 42px;border:1px solid #dceadf;border-radius:28px;background:#fffefb;box-shadow:0 14px 50px #215b4510}.route-card h2{font-size:25px;margin:10px 0 25px;line-height:1.45}.route-steps{display:flex;list-style:none;padding:0;margin:0 0 38px;gap:14px}.route-steps li{flex:1;display:flex;align-items:center;gap:8px;color:#859990;font-size:12px;border-bottom:2px solid #e5ede6;padding-bottom:15px}.route-steps li span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf3ed}.route-steps li.active{color:#177d64;border-color:#349777}.route-steps li.active span,.route-steps li.done span{background:#247c66;color:white}.route-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.route-choices.destinations{grid-template-columns:repeat(2,minmax(0,1fr))}.route-choices button{min-height:96px;text-align:left;padding:18px;border:1px solid #dae6dd;border-radius:17px;background:#fafdf9;color:#28594b;cursor:pointer}.route-choices button[aria-pressed=true]{border-color:#368b6e;background:#e8f5e9;box-shadow:inset 0 0 0 1px #368b6e}.route-choices b{display:block;font-size:18px}.route-choices small{display:block;font-size:12px;color:#6d8679;line-height:1.7;margin-top:7px}.route-note{font-size:13px;line-height:1.85;color:#6c8377;margin:18px 0}.route-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}.route-primary,.route-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border-radius:14px;padding:12px 23px;font-size:15px;font-weight:650;cursor:pointer;text-decoration:none}.route-primary{background:#237d64;color:#fff;border:1px solid #237d64}.route-secondary{background:#f4f8ef;color:#32644e;border:1px solid #d9e6d8}.route-text-button{background:none;border:0;color:#6a8376;padding:12px;cursor:pointer}.route-controls button:disabled{opacity:.65;cursor:wait}.route-result>.route-secondary{margin-left:12px}.route-summary{line-height:1.8;color:#628073;font-size:16px}.route-result h3{margin-top:28px;font-size:16px}.route-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.route-result-grid article{padding:20px 16px;background:#eff7ec;border-radius:16px}.route-result-grid article>span{font-size:13px;color:#668273}.route-result-grid b{display:block;font-size:29px;margin-top:10px}.route-result-grid small{font-size:13px;font-weight:500}.route-arrival{border-block:1px dashed #caddcc;padding:19px 0;margin:24px 0}.route-arrival>span{font-size:13px;margin-right:12px}.route-arrival>b{font-size:23px}.route-arrival p{color:#728777;font-size:12px}.route-feasibility{background:#edf7ed;padding:18px;border-radius:16px;margin:20px 0;line-height:1.8;font-size:14px}.route-feasibility.tight{background:#fbf4e2;color:#816334}.route-date{display:flex;flex-direction:column;gap:10px;max-width:330px;margin-bottom:20px}.route-date input{font:inherit;color:inherit;border:1px solid #cbded0;padding:14px;border-radius:12px;min-width:0;width:100%}.route-message{max-width:880px;margin:20px auto;padding:16px;background:#fbf3df;border-radius:12px;color:#785e30}.route-invitation{padding:32px;margin:25px 0;border:1px solid #c7dfcc;border-radius:24px;background:#eef7e9;color:#295c48}.route-invitation>span{font-size:11px;letter-spacing:.14em}.route-invitation h2{font-size:25px;margin:12px 0}.route-invitation p{color:#6b8372}.route-invitation a{display:inline-block;margin-top:12px;padding:13px 20px;background:#247c62;color:white;border-radius:12px}.voyage-tasks{display:grid;gap:12px;margin:25px 0}.voyage-tasks article{padding:22px;border:1px solid #d9e7dc;border-radius:20px;background:#fff;display:flex;align-items:center;gap:18px;min-width:0}.voyage-tasks article>span:first-child{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#edf5e8;color:#4f7b5e}.voyage-tasks h2{font-size:19px;margin:0 0 7px}.voyage-tasks p{font-size:13px;color:#6f8479;margin:0;line-height:1.6}.voyage-tasks article>a{margin-left:auto;flex-shrink:0;font-size:14px;font-weight:700;color:#267e62}.voyage-tasks article.complete{background:#eef7ed}.route-grammar-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#edf7e9;border-radius:16px;padding:18px 24px;margin-bottom:22px;color:#2c694e}.route-grammar-banner p{margin:6px 0 0;font-size:13px}.route-grammar-banner a{font-size:14px;white-space:nowrap}@media(max-width:700px){.route-planner{padding-inline:16px}.route-top>span{display:none}.route-top{min-height:58px}.route-heading{margin:28px auto 22px}.route-heading p{font-size:14px}.route-card{padding:25px 19px;border-radius:23px}.route-card h2{font-size:22px}.route-steps{gap:7px;margin-bottom:26px}.route-steps li{flex-direction:column;font-size:11px;gap:7px}.route-choices,.route-choices.destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.route-choices button{padding:14px;min-height:97px}.route-choices b{font-size:16px}.route-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-result>.route-primary,.route-result>.route-secondary{display:flex;width:100%;margin:12px 0 0}.route-controls>.route-primary{flex:1}.route-grammar-banner{align-items:flex-start;flex-direction:column}.route-invitation{padding:23px}.voyage-tasks article{flex-wrap:wrap;padding:18px;gap:12px}.voyage-tasks article>div{flex:1;min-width:0}.voyage-tasks article>a{margin-left:50px}.voyage-tasks h2{font-size:17px}.voyage-tasks article{display:grid;grid-template-columns:38px minmax(0,1fr)}.voyage-tasks article>a,.voyage-tasks article>span:last-child:not(:first-child){grid-column:2;margin-left:0}.voyage-tasks h2{white-space:nowrap}}@media(min-width:1100px){.route-card.route-result{max-width:1020px}}.random-test-page{min-height:100vh;padding-bottom:90px;background:linear-gradient(180deg,#79d9de 0 350px,#eff8f4 350px 100%);color:#174b45}.random-test-top{height:68px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.28);font-size:10px;font-weight:900}.random-test-top>a{padding:9px 13px;border-radius:999px;background:rgba(16,104,108,.24);border:1px solid rgba(255,255,255,.25)}.random-test-top>span{font-size:9px;letter-spacing:.16em}.random-test-hero{min-height:282px;display:flex;align-items:center;justify-content:space-between;gap:50px;color:#fff}.random-test-hero>div:first-child>span{font-size:9px;font-weight:950;letter-spacing:.2em;color:#ecfffb}.random-test-hero h1{margin:9px 0 12px;font-size:clamp(36px,4vw,54px);line-height:1.13;text-shadow:0 5px 20px rgba(24,111,113,.18)}.random-test-hero p{max-width:540px;margin:0;color:#edfffb;font-size:12px;line-height:1.75}.random-test-compass{width:175px;height:175px;flex:none;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),rgba(255,255,255,.08));box-shadow:0 20px 40px rgba(27,113,115,.14);display:flex;flex-direction:column;align-items:center;justify-content:center}.random-test-compass>i{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#fff7c8;color:#14857d;font-size:24px;font-style:normal}.random-test-compass>b{margin-top:10px;font-size:15px}.random-test-compass>small{margin-top:4px;font-size:8px;color:#e2faf5}.random-test-setup{margin-top:-20px;padding:26px;border:1px solid #d8ebe5;border-radius:28px;background:#fff;box-shadow:0 22px 65px rgba(37,101,93,.12)}.random-step+.random-step{margin-top:18px}.random-step>header{display:flex;align-items:center;gap:11px;margin-bottom:14px}.random-step>header>i{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#e4f7f1;color:#168f83;font-size:12px;font-style:normal;font-weight:950}.random-step h2{margin:0;font-size:18px}.random-step header p{margin:3px 0 0;color:#869b96;font-size:9px}.route-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.route-choice-grid>button{min-height:91px;padding:14px;border:1px solid #dceae6;border-radius:17px;background:#fbfdfc;color:#4f716b;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.18s}.route-choice-grid>button.active,.route-choice-grid>button:hover{border-color:#63c4b6;background:#ecfaf5;box-shadow:0 9px 20px rgba(35,132,119,.08);transform:translateY(-2px)}.route-choice-grid>button>i{width:41px;height:41px;display:grid;place-items:center;border-radius:14px 14px 14px 5px;background:#eaf4f1;color:#1a8378;font-size:16px;font-style:normal;font-weight:950}.route-choice-grid>button.active>i{background:#178f83;color:#fff}.route-choice-grid span{display:flex;flex-direction:column}.route-choice-grid b{font-size:12px}.route-choice-grid small{margin-top:4px;color:#899b97;font-size:8px}.route-choice-grid em{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#fff;font-size:9px;font-style:normal}.route-choice-grid>button.active em{background:#1a9588}.random-setup-grid{margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.random-setup-grid>.random-step{margin:0;padding:19px;border:1px solid #e0ebe8;border-radius:20px;background:#fffefa}.compact-choice,.number-choice,.style-choice{display:grid;gap:9px}.compact-choice{grid-template-columns:1fr 1fr}.compact-choice button{min-height:60px;border:1px solid #dce9e5;border-radius:13px;background:#fff;color:#607b75;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 14px;cursor:pointer}.compact-choice button.active{border-color:#51b9aa;background:#eaf8f4;color:#176f65}.compact-choice b{font-size:11px}.compact-choice small{margin-top:3px;color:#8da19d;font-size:8px}.number-choice{grid-template-columns:repeat(3,1fr)}.number-choice button{height:60px;border:1px solid #dce9e5;border-radius:13px;background:#fff;color:#64807a;cursor:pointer}.number-choice button.active{border-color:#51b9aa;background:#168f83;color:#fff}.number-choice b{font-size:21px}.number-choice span{margin-left:3px;font-size:9px}.style-choice{grid-template-columns:1fr 1fr}.style-choice button{min-height:74px;padding:13px 16px;border:1px solid #dce9e5;border-radius:16px;background:#fbfdfc;color:#58756f;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer}.style-choice button.active{border-color:#51b9aa;background:#eaf8f4;color:#176e65}.style-choice>button>i{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#edf4f2;color:#217c72;font-size:14px;font-style:normal;font-weight:950}.style-choice button.active>i{background:#178f83;color:#fff}.style-choice span{display:flex;flex-direction:column}.style-choice b{font-size:12px}.style-choice small{margin-top:5px;color:#899e99;font-size:8px}.random-test-error{margin-top:18px;padding:12px 14px;border-radius:13px;background:#fff4e9;color:#8f614d;display:flex;align-items:center;gap:10px}.random-test-error>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#f4a66f;color:#fff;font-size:11px;font-weight:950}.random-test-error p{margin:0;flex:1;font-size:10px}.random-test-error button{border:0;border-radius:9px;background:#fff;color:#9a674e;padding:8px 11px;font-size:9px;font-weight:900}.random-start-button{width:100%;height:57px;margin-top:20px;border:0;border-radius:16px;background:#173f3b;color:#fff;display:flex;align-items:center;justify-content:center;gap:35px;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 12px 25px rgba(24,74,68,.16)}.random-start-button>span{color:#8be2d3;font-size:19px}.random-start-button:disabled{opacity:.65;cursor:wait}.quiz-page{padding-bottom:50px;background:linear-gradient(180deg,#dff6f1,#f8fbf9)}.random-quiz-top{height:72px;display:grid;grid-template-columns:90px 1fr 55px 90px;align-items:center;gap:16px}.random-quiz-top>a{color:#64817b;font-size:10px;font-weight:900}.random-quiz-top>div{height:8px;border-radius:999px;background:#d7e9e4;overflow:hidden}.random-quiz-top>div>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1aa092,#73d1bc);transition:width .3s}.random-quiz-top>p{margin:0;color:#27776e;font-size:13px;font-weight:950}.random-quiz-top>p small{font-size:8px;color:#89a09b}.random-quiz-top>b{justify-self:end;padding:8px 11px;border-radius:999px;background:#fff4c9;color:#756023;font-size:9px}.random-quiz-card{min-height:650px;padding:42px 70px 50px;border:1px solid #d9e9e5;border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(34,99,89,.1);display:flex;flex-direction:column;align-items:center}.quiz-mode-label{padding:7px 10px;border-radius:999px;background:#e6f7f2;color:#188075;font-size:9px;font-weight:900}.random-question-word{margin:58px 0 10px;color:#174a44;font-size:68px;font-weight:800;line-height:1.15;text-align:center}.random-question-word.chinese{font-family:var(--font-body);font-size:38px}.random-prompt{margin:12px 0 28px;color:#829893;font-size:10px}.random-audio-button{width:145px;height:145px;margin:45px 0 8px;border:0;border-radius:50%;background:radial-gradient(circle at 38% 32%,#50c8b8,#168d82);color:#fff;box-shadow:0 15px 32px rgba(23,141,130,.22),0 0 0 13px #e9f8f4;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.random-audio-button>span{font-size:39px}.random-audio-button>b{margin-top:6px;font-size:9px}.random-answer-grid{width:min(760px,100%);display:grid;grid-template-columns:1fr 1fr;gap:11px}.random-answer-grid button{min-height:66px;padding:12px 18px;border:1px solid #dbe8e4;border-radius:16px;background:#fcfdfc;color:#315c56;font-size:13px;font-weight:800;cursor:pointer}.random-answer-grid button:hover:not(:disabled){border-color:#58bbae;background:#edf9f5}.random-answer-grid button.correct{border-color:#3cb39e;background:#e5f8f0;color:#157267}.random-answer-grid button.wrong{border-color:#ef9d85;background:#fff0eb;color:#a65845}.random-answer-grid button.muted{opacity:.4}.random-dictation-form{width:min(670px,100%);display:grid;grid-template-columns:1fr 130px;gap:10px}.random-dictation-form input{height:64px;padding:0 18px;border:1px solid #cfe4de;border-radius:15px;background:#fbfdfc;color:#174a44;font-size:23px;outline:0}.random-dictation-form input:focus{border-color:#4ab7a8;box-shadow:0 0 0 4px #e7f7f2}.random-dictation-form button{border:0;border-radius:15px;background:#188f83;color:#fff;font-size:11px;font-weight:900}.random-dictation-form button:disabled{opacity:.4}.random-feedback{width:min(760px,100%);margin-top:18px;padding:14px 16px;border-radius:16px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px}.random-feedback.correct{background:#e7f8f1;color:#176f64}.random-feedback.wrong{background:#fff1eb;color:#9a5d49}.random-feedback>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;font-size:18px;font-style:normal;font-weight:950}.random-feedback>div{display:flex;flex-direction:column}.random-feedback b{font-size:11px}.random-feedback strong{margin-top:4px;font-size:14px}.random-feedback p{margin:4px 0 0;font-size:8px;opacity:.75}.random-feedback>button{border:0;border-radius:11px;background:#fff;color:inherit;padding:10px 13px;font-size:9px;font-weight:900;cursor:pointer}.result-page{background:linear-gradient(180deg,#76d7dc 0 285px,#eff8f4 285px 100%)}.random-result{margin-top:72px;padding:0 65px 55px;border:1px solid #d7e9e4;border-radius:30px;background:#fff;text-align:center;box-shadow:0 22px 65px rgba(35,103,94,.12)}.result-medal{width:112px;height:112px;margin:-56px auto 12px;border-radius:50%;background:linear-gradient(145deg,#fff9d2,#f3cc66);border:8px solid #fff;box-shadow:0 15px 32px rgba(117,96,35,.18);display:flex;flex-direction:column;align-items:center;justify-content:center}.result-medal>span{font-size:39px}.result-medal>i{font-size:8px;font-style:normal;font-weight:900;color:#806c2f}.random-result h1{margin:8px 0 4px;font-size:37px}.random-result>p{margin:0;color:#849993;font-size:10px}.random-result-score{margin:27px auto 20px;display:flex;flex-direction:column;align-items:center}.random-result-score strong{color:#158d81;font-size:66px;line-height:1}.random-result-score small{font-size:22px}.random-result-score span{margin-top:8px;color:#66817a;font-size:10px}.random-breakdown{width:min(680px,100%);margin:0 auto;padding:18px;border-radius:18px;background:#f5faf8;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.random-breakdown>div{display:flex;flex-direction:column}.random-breakdown span{font-size:8px;color:#7c928d}.random-breakdown b{margin:5px 0 7px;font-size:15px}.random-breakdown i{height:5px;border-radius:9px;background:#dbeae6;overflow:hidden}.random-breakdown em{display:block;height:100%;border-radius:inherit;background:#3bb5a4}.random-reward{width:min(680px,100%);margin:14px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.random-reward>div{padding:16px;border:1px solid #e0ebe8;border-radius:15px;background:#fffef9}.random-reward span{font-size:21px;font-weight:950;color:#a48229}.random-reward p{margin:4px 0 0;color:#8da09c;font-size:8px}.random-wrong-list{width:min(680px,100%);margin:18px auto 0;padding:18px;border:1px solid #e1ebe8;border-radius:18px;text-align:left}.random-wrong-list h2{margin:0 0 9px;font-size:16px}.random-wrong-list>div{min-height:45px;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;border-top:1px solid #edf2f0}.random-wrong-list b{font-size:15px}.random-wrong-list span{font-size:9px;color:#647d78}.random-wrong-list em{font-size:7px;font-style:normal;color:#8e7353}.random-result-actions{width:min(680px,100%);margin:20px auto 0;display:flex;justify-content:center;gap:9px}.random-result-actions>*{padding:11px 15px;border:1px solid #d5e7e2;border-radius:12px;background:#fff;color:#316c63;font-size:9px;font-weight:900;cursor:pointer}.random-result-actions>button:first-child{border-color:#188f83;background:#188f83;color:#fff}.random-test-status{background:#fff1a8!important;color:#5f5320!important;border-color:rgba(255,246,186,.72)!important}.random-test-launch{position:absolute;z-index:12;left:50%;bottom:8%;transform:translateX(-50%);min-width:205px;padding:11px 14px;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:rgba(255,251,219,.88);box-shadow:0 12px 25px rgba(45,107,91,.15);backdrop-filter:blur(8px);display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;color:#245e54}.random-test-launch>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#1b9185;color:#fff}.random-test-launch>b{display:flex;flex-direction:column;font-family:var(--font-title);font-size:15px}.random-test-launch small{margin-top:3px;color:#6e8d86;font-family:var(--font-body);font-size:7px}.random-test-launch>i{font-size:8px;font-style:normal;font-weight:900}.review-book-stats{grid-template-columns:repeat(3,1fr)}@media(max-width:780px){.random-test-page{padding-bottom:55px;background:linear-gradient(180deg,#79d9de 0 330px,#eff8f4 330px)}.random-test-top{padding-inline:14px}.random-test-top>span{display:none}.random-test-hero{min-height:260px;padding:35px 18px 55px}.random-test-hero h1{font-size:37px}.random-test-hero p{font-size:10px}.random-test-compass{display:none}.random-test-setup{width:calc(100% - 24px);padding:18px 13px;border-radius:23px}.route-choice-grid{grid-template-columns:1fr 1fr}.route-choice-grid>button{min-height:82px;padding:11px;grid-template-columns:37px 1fr}.route-choice-grid>button>i{width:36px;height:36px}.route-choice-grid em{display:none}.random-setup-grid,.style-choice{grid-template-columns:1fr}.random-quiz-top{padding-inline:14px;grid-template-columns:54px 1fr 48px}.random-quiz-top>b{display:none}.random-quiz-card{width:calc(100% - 24px);min-height:calc(100vh - 100px);padding:30px 14px;border-radius:23px}.random-question-word{margin-top:50px;font-size:54px}.random-question-word.chinese{font-size:30px}.random-answer-grid{grid-template-columns:1fr}.random-answer-grid button{min-height:58px}.random-dictation-form{grid-template-columns:1fr}.random-dictation-form button{height:50px}.random-feedback{grid-template-columns:38px 1fr}.random-feedback>button{grid-column:1/-1}.random-result{width:calc(100% - 24px);margin-top:68px;padding:0 14px 36px}.random-result h1{font-size:30px}.random-breakdown{grid-template-columns:1fr 1fr}.random-wrong-list>div{grid-template-columns:90px 1fr}.random-wrong-list em{grid-column:2}.random-result-actions{flex-direction:column}.random-test-launch{display:none}.review-book-stats{grid-template-columns:repeat(3,1fr);padding-inline:10px}.review-book-tabs{grid-template-columns:1fr}.mobile-word-tools{justify-content:space-between}.mobile-word-tools a{font-size:8px}}