@import "https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700;800&display=swap";
.vocabulary-learning-actions{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.vocabulary-learning-actions>p{color:#6b7f7b;text-align:right;max-width:390px;margin:0}.vocabulary-learning-actions form button{color:#fff;cursor:pointer;background:#347c72;border:0;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 15px;font:700 13px Barlow,sans-serif;transition:all .2s;display:flex;box-shadow:0 8px 18px #2670662e}.vocabulary-learning-actions form button:hover{background:#286b62;transform:translateY(-1px)}.vocabulary-learning-actions svg{width:18px;height:18px}.vocabulary-flashcard-page{background:radial-gradient(circle at 90% 0,#deeeea 0,#0000 27%),#f3f8f6;min-height:calc(100vh - 72px);padding:30px}.vocabulary-flashcard-wrap{width:100%;max-width:1440px;margin:auto}.vocabulary-flashcard-top{background:#fff;border:1px solid #d6e4e1;border-radius:18px;grid-template-columns:180px minmax(0,1fr) 120px;align-items:center;gap:24px;padding:23px 27px;animation:.45s both flashcard-session-in;display:grid;box-shadow:0 10px 28px #1b4b4412}.vocabulary-flashcard-top>a{color:#52746e;font-weight:700}.vocabulary-flashcard-top>div{text-align:center}.vocabulary-flashcard-top>div>span{color:#438078;letter-spacing:.12em;font:800 10px Barlow,sans-serif}.vocabulary-flashcard-top h1{color:#254943;margin:5px 0 1px;font-size:24px!important}.vocabulary-flashcard-top p{color:#6d8580;margin:0}.vocabulary-flashcard-top>strong{color:#2f625b;text-align:center;background:#eaf4f1;border-radius:11px;flex-direction:column;padding:11px;font-size:23px;display:flex}.vocabulary-flashcard-top>strong small{color:#6f8580;font-size:11px;font-weight:500}.vocabulary-flashcard-session{width:min(100%,860px);margin:22px auto 0}.flashcard-session-progress{background:#fff;border:1px solid #d8e5e2;border-radius:14px;padding:15px 17px;animation:.45s 60ms both flashcard-session-in}.flashcard-session-progress>div:first-child,.flashcard-session-progress>p{justify-content:space-between;align-items:center;display:flex}.flashcard-session-progress>div:first-child>span{color:#527d76;letter-spacing:.1em;font:800 10px Barlow,sans-serif}.flashcard-session-progress>div:first-child>b{color:#315e57;font-size:14px}.flashcard-progress-track{background:#e4eeeb;border-radius:10px;height:7px;margin-top:10px;overflow:hidden}.flashcard-progress-track>i{border-radius:inherit;background:linear-gradient(90deg,#3d8b7f,#71b4a9);height:100%;transition:width .35s;display:block}.flashcard-session-progress>p{color:#728681;margin:8px 0 0;font-size:12px}.topic-flashcard{background:#fff;border:1px solid #d4e3df;border-radius:22px;min-height:440px;margin-top:14px;padding:25px 29px;animation:.48s .1s both flashcard-session-in;position:relative;overflow:hidden;box-shadow:0 20px 50px #1948411a}.topic-flashcard:before{content:"";background:#eaf5f2;border-radius:50%;width:240px;height:240px;position:absolute;top:-100px;right:-90px}.topic-flashcard>header{color:#4f7c75;letter-spacing:.1em;justify-content:space-between;font:800 10px Barlow,sans-serif;display:flex;position:relative}.topic-flashcard-word{text-align:center;position:relative}.topic-flashcard-word>.japanese-speech-button{color:#32766d;cursor:pointer;background:#eff8f5;border:1px solid #c9dfda;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:37px;right:0}.topic-flashcard-word>.japanese-speech-button svg{width:21px}.topic-flashcard-word h2{color:#193b36;margin:58px 0 2px;font:600 55px/1.25 Noto Sans JP,sans-serif!important}.topic-flashcard-word h3{color:#69817c;margin:0;font:500 17px Noto Sans JP,sans-serif!important}.topic-flashcard-prompt{flex-direction:column;align-items:center;margin-top:70px;display:flex}.topic-flashcard-prompt p{color:#788d88}.topic-flashcard-prompt button,.vocabulary-session-complete button{color:#fff;cursor:pointer;background:#347c72;border:0;border-radius:10px;height:43px;padding:0 18px;font-weight:750}.topic-flashcard-prompt button span{color:#bbdcd6;margin-left:13px}.topic-flashcard-answer{border-top:1px solid #e1ebe8;margin-top:30px;padding-top:20px;animation:.3s ease-out both flashcard-answer-in;position:relative}.topic-flashcard-answer>span,.topic-flashcard-answer blockquote header>span{color:#4e8078;letter-spacing:.1em;font:800 10px Barlow,sans-serif}.topic-flashcard-answer>p{color:#2d4a45;margin:7px 0 0;font-size:15px;line-height:1.75}.topic-flashcard-answer>small{color:#6f8480;margin-top:5px;display:block}.topic-flashcard-answer blockquote{background:#f1f7f5;border:0;border-radius:12px;margin:17px 0 0;padding:15px 17px}.topic-flashcard-answer blockquote>header{justify-content:space-between;align-items:center;display:flex}.topic-flashcard-answer blockquote .japanese-speech-button{color:#397a71;cursor:pointer;background:#fff;border:1px solid #cce0dc;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.topic-flashcard-answer blockquote svg{width:17px}.topic-flashcard-answer blockquote>b,.topic-flashcard-answer blockquote>small{display:block}.topic-flashcard-answer blockquote>b{color:#294944;margin-top:8px;font-size:15px;line-height:1.7}.topic-flashcard-answer blockquote>small{color:#718581;margin-top:6px}.topic-flashcard-ratings{margin-top:15px;animation:.3s ease-out both flashcard-answer-in}.topic-flashcard-ratings>p{color:#607a75;text-align:center;margin:0 0 9px}.topic-flashcard-ratings>div{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.topic-flashcard-ratings button{color:#405f59;cursor:pointer;background:#fff;border:1px solid #d8e4e1;border-radius:11px;flex-direction:column;justify-content:center;min-height:61px;padding:9px;transition:all .2s;display:flex}.topic-flashcard-ratings button:hover{transform:translateY(-2px)}.topic-flashcard-ratings button:disabled{opacity:.6;cursor:wait}.topic-flashcard-ratings button b{font-size:13px}.topic-flashcard-ratings button small{color:#7b8f8b;margin-top:3px;font-size:11px}.topic-flashcard-ratings .again:hover{background:#fff5f3;border-color:#e1aaa0}.topic-flashcard-ratings .hard:hover{background:#fff9ec;border-color:#e4c27e}.topic-flashcard-ratings .good:hover,.topic-flashcard-ratings .easy:hover{background:#f0f8f6;border-color:#85baaf}.vocabulary-session-complete,.flashcard-session-empty{text-align:center;background:#fff;border:1px solid #d7e4e1;border-radius:20px;width:min(100%,720px);margin:26px auto 0;padding:65px 25px;animation:.45s both flashcard-session-in;box-shadow:0 16px 40px #19484114}.vocabulary-session-complete>span{color:#80afa7;font:500 48px Noto Serif JP,serif}.vocabulary-session-complete h2,.flashcard-session-empty h2{margin:8px 0 3px}.vocabulary-session-complete p{color:#6e837f}.flashcard-session-empty a{color:#347c72;font-weight:700}@keyframes flashcard-session-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes flashcard-answer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:760px){.vocabulary-learning-actions{align-items:flex-start}.vocabulary-learning-actions>p{text-align:left}.vocabulary-flashcard-page{height:calc(100dvh - 128px);min-height:0;padding:10px 12px;overflow:hidden}.vocabulary-flashcard-wrap{height:100%}.vocabulary-flashcard-top{display:none}.vocabulary-flashcard-session{flex-direction:column;height:100%;margin:0 auto;display:flex}.flashcard-session-progress{flex:none;padding:10px 12px}.flashcard-session-progress>p{display:none}.flashcard-progress-track{height:5px;margin-top:7px}.topic-flashcard{border-radius:18px;flex:auto;min-height:0;margin-top:8px;padding:15px 16px}.topic-flashcard:before{top:-140px;right:-120px}.topic-flashcard-word h2{margin-top:clamp(24px,8dvh,58px);font-size:clamp(36px,11vw,48px)!important}.topic-flashcard-word h3{font-size:15px!important}.topic-flashcard-prompt{margin-top:clamp(24px,8dvh,60px)}.topic-flashcard-prompt p{text-align:center;margin:0 0 12px}.topic-flashcard-answer{margin-top:18px;padding-top:14px}.topic-flashcard-answer>p{line-height:1.55}.topic-flashcard-answer blockquote{margin-top:11px;padding:10px 12px}.topic-flashcard-answer blockquote>b{margin-top:5px;line-height:1.45}.topic-flashcard-answer blockquote>small{margin-top:3px}.topic-flashcard-navigation{flex:none;margin-top:8px}.topic-flashcard-navigation button{height:40px}.topic-flashcard-ratings{flex:none;margin-top:8px}.topic-flashcard-ratings>p{margin-bottom:6px;font-size:13px}.topic-flashcard-ratings>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.topic-flashcard-ratings button{min-height:48px;padding:6px 3px}.topic-flashcard-ratings button small{display:none}.vocabulary-flashcard-session:has(.topic-flashcard-ratings) .topic-flashcard-word h2{margin-top:18px;font-size:clamp(32px,10vw,43px)!important}.vocabulary-flashcard-session:has(.topic-flashcard-ratings) .topic-flashcard-word>.japanese-speech-button{top:22px}.vocabulary-session-complete,.flashcard-session-empty{align-self:center;margin:0 auto;padding:35px 20px}}@media (max-width:480px){.topic-flashcard-word>.japanese-speech-button{width:38px;height:38px;top:23px}.topic-flashcard-word h2{margin-top:clamp(28px,7dvh,48px)}.topic-flashcard-prompt{margin-top:clamp(28px,8dvh,52px)}.topic-flashcard-navigation button{min-width:44px;padding:0 12px}.topic-flashcard-navigation button span{display:none}}@media (max-height:700px) and (max-width:760px){.vocabulary-flashcard-page{padding-block:7px}.flashcard-session-progress{padding-block:8px}.topic-flashcard{padding-block:11px}.topic-flashcard>header{font-size:9px}.topic-flashcard-word h2{margin-top:18px;font-size:34px!important}.topic-flashcard-prompt{margin-top:20px}.topic-flashcard-answer{margin-top:10px;padding-top:9px}.topic-flashcard-answer blockquote{margin-top:7px}.topic-flashcard-navigation{margin-top:6px}.topic-flashcard-ratings{margin-top:5px}.topic-flashcard-ratings>p{display:none}}@media (prefers-reduced-motion:reduce){.vocabulary-flashcard-top,.flashcard-session-progress,.topic-flashcard,.topic-flashcard-answer,.topic-flashcard-ratings,.vocabulary-session-complete,.flashcard-session-empty{animation:none}.flashcard-progress-track>i,.topic-flashcard-ratings button,.vocabulary-learning-actions form button{transition:none}.topic-flashcard-ratings button:hover,.vocabulary-learning-actions form button:hover{transform:none}}.topic-flashcard-sense{color:#7a5b25;letter-spacing:.08em;background:#fff1d4;border-radius:7px;padding:5px 9px;font:800 10px Barlow,sans-serif;position:absolute;top:28px;left:50%;transform:translate(-50%)}.flashcard-sync-note{color:#805d31;text-align:center;background:#fff8ed;border:1px solid #e7c8a4;border-radius:9px;margin:12px 0 0;padding:10px 13px}.topic-flashcard[role=button]{cursor:pointer}.topic-flashcard[role=button]:focus-visible{outline-offset:3px;outline:3px solid #79afa6}.topic-flashcard-navigation{grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin-top:12px;display:grid}.topic-flashcard-navigation>span{color:#68807b;font:700 12px Barlow,sans-serif}.topic-flashcard-navigation button{color:#365e57;cursor:pointer;background:#fff;border:1px solid #d2e1de;border-radius:11px;align-items:center;gap:7px;width:max-content;min-width:116px;height:44px;padding:0 13px;font-weight:700;transition:all .2s;display:flex}.topic-flashcard-navigation button:last-child{justify-self:end}.topic-flashcard-navigation button:hover:not(:disabled){color:#246d62;background:#eff7f5;border-color:#8dbbb3;transform:translateY(-1px)}.topic-flashcard-navigation button:disabled{opacity:.4;cursor:not-allowed}.topic-flashcard-navigation button:focus-visible{outline-offset:2px;outline:3px solid #9bc8c0}.topic-flashcard-navigation svg{width:18px;height:18px}@media (max-width:480px){.topic-flashcard-navigation button{min-width:44px;padding:0 12px}.topic-flashcard-navigation button span{display:none}}@media (max-width:760px){.topic-flashcard-navigation{flex:none;margin-top:8px}.topic-flashcard-navigation button{height:40px}}@media (max-height:700px) and (max-width:760px){.topic-flashcard-navigation{margin-top:6px}}.vocabulary-topic-page .grammar-group-grid.vocabulary-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vocabulary-topic-page .vocabulary-group-grid>a{grid-template-columns:1fr;min-height:420px}.vocabulary-topic-page .vocab-topic-cover{background:#376c75;min-height:190px;padding:0;display:block;position:relative;overflow:hidden}.vocabulary-topic-page .vocab-topic-cover:after{content:"";background:linear-gradient(#0000 45%,#1237349e);position:absolute;inset:0}.vocabulary-topic-page .vocab-topic-cover img{object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1)}.vocabulary-topic-page .vocabulary-group-grid>a:hover .vocab-topic-cover img{transform:scale(1.035)}.vocabulary-topic-page .vocab-topic-cover>span,.vocabulary-topic-page .vocab-topic-cover>em{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#173f3b8f;border:1px solid #ffffff26;border-radius:8px;padding:6px 9px;font:800 11px Barlow,sans-serif;position:absolute;bottom:14px}.vocabulary-topic-page .vocab-topic-cover>span{left:15px}.vocabulary-topic-page .vocab-topic-cover>em{right:15px}.vocabulary-topic-page .vocab-topic-cover.fallback{background:linear-gradient(145deg,#376c75,#65a0a5);place-items:center;display:grid}.vocabulary-topic-page .vocab-topic-cover.fallback>b{color:#ffffffd9;font:500 65px Noto Serif JP,serif}.vocabulary-topic-page .vocabulary-group-grid>a>article{min-height:225px;padding:19px 21px}.vocabulary-topic-page .vocabulary-group-grid article>header em{background:#edf4f2;border-radius:6px;padding:4px 7px}.vocabulary-topic-page .vocabulary-group-grid h2{margin-top:15px;font-weight:700;font-size:21px!important}.vocabulary-topic-page .vocabulary-group-grid h3{margin-top:2px;font-weight:700}.vocabulary-topic-page .vocabulary-group-grid article>strong{gap:4px}.vocabulary-topic-page .vocabulary-group-grid article>strong svg{transition:transform .2s}.vocabulary-topic-page .vocabulary-group-grid>a:hover article>strong svg{transform:translate(3px)}@media (max-width:1100px){.vocabulary-topic-page .grammar-group-grid.vocabulary-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.vocabulary-topic-page .grammar-group-grid.vocabulary-group-grid{grid-template-columns:1fr}.vocabulary-topic-page .vocabulary-group-grid>a{min-height:385px}.vocabulary-topic-page .vocab-topic-cover{min-height:170px}.vocabulary-topic-page .vocabulary-group-grid>a>article{min-height:215px}}@media (prefers-reduced-motion:reduce){.vocabulary-topic-page .vocab-topic-cover img,.vocabulary-topic-page .vocabulary-group-grid article>strong svg{transition:none}}.vocabulary-admin-page .cms-page-title h1{font-weight:700}.vocabulary-admin-page .cms-page-title>.catalog-counts{color:#58736e;font-family:var(--display);background:#e7f2ef;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700}.vocabulary-admin-page .grammar-admin-list p{font-size:13px}.vocabulary-admin-page .grammar-admin-list small{font-size:12px}.vocabulary-admin-page .grammar-admin-list>a>b{font-size:20px}.vocabulary-admin-page .catalog-create-card h2{font-weight:700;font-size:18px!important}.vocabulary-admin-page .catalog-form label{font-size:12px}.vocabulary-admin-page .catalog-form input,.vocabulary-admin-page .catalog-form select,.vocabulary-admin-page .catalog-form textarea,.vocabulary-admin-page .catalog-form>button{font-size:14px}.vocab-editor-page{padding-top:22px;padding-bottom:60px}.vocab-editor-breadcrumb{color:#788c88;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.vocab-editor-breadcrumb a{color:var(--primary);font-family:var(--display);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.vocab-editor-breadcrumb a:hover{text-decoration:underline}.vocab-editor-breadcrumb svg{width:14px}.vocab-editor-hero{background:#fff;border:1px solid #d8e6e2;border-radius:18px;padding:24px 26px;box-shadow:0 12px 34px #174f4808}.vocab-editor-hero-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.vocab-editor-identity{align-items:center;gap:16px;min-width:0;display:flex}.vocab-editor-mark{color:#fff;background:linear-gradient(145deg,#137f78,#38a696);border-radius:15px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-family:Noto Serif JP,serif;font-weight:700;display:grid;overflow:hidden;box-shadow:0 9px 20px #137f7824;font-size:24px!important}.vocab-editor-mark img{object-fit:cover;width:100%;height:100%}.vocab-editor-identity>div{min-width:0}.vocab-editor-identity>div>span{color:var(--primary);font-family:var(--display);letter-spacing:.09em;font-size:11px;font-weight:800;display:block}.vocab-editor-identity h1{color:#193f3a;font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 1px;font-weight:700;line-height:1.25;overflow:hidden;font-size:26px!important}.vocab-editor-identity p{color:#758985;margin:0;font-size:14px}.vocab-editor-hero-meta{flex:none;align-items:center;gap:10px;display:flex}.vocab-editor-hero-meta small{color:#58736e;font-family:var(--display);white-space:nowrap;background:#e7f2ef;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700}.vocab-editor-hero-stats{border-top:1px solid #eef3f1;margin-top:20px;padding-top:18px;display:flex}.vocab-editor-hero-stats>div{border-left:1px solid #eef3f1;flex:1;padding:0 20px}.vocab-editor-hero-stats>div:first-child{border-left:0;padding-left:0}.vocab-editor-hero-stats span{color:#70847f;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.vocab-editor-hero-stats b{color:#244f49;font-family:var(--display);margin-top:5px;font-weight:800;display:block;font-size:24px!important}.vocab-editor-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:17px;margin-top:18px;display:grid}.vocab-editor-main{min-width:0}.vocab-editor-section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.vocab-editor-section-heading>div>span{color:var(--primary);font-family:var(--display);letter-spacing:.1em;font-size:11px;font-weight:800}.vocab-editor-section-heading h2{color:#193f3a;font-family:var(--display);margin:4px 0 1px;font-weight:700;font-size:20px!important}.vocab-editor-section-heading p{color:#758985;margin:0;font-size:13px}.vocab-editor-heading-actions{align-items:center;gap:10px;display:flex}.vocab-editor-heading-actions>b{color:#58736e;font-family:var(--display);white-space:nowrap;background:#e7f2ef;border-radius:8px;padding:6px 9px;font-size:13px;font-weight:700}.vocab-add-trigger{color:#fff;height:38px;font-family:var(--display);cursor:pointer;background:#176f67;border:1px solid #176f67;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:700;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 6px 14px #176f6720}.vocab-add-trigger svg{width:16px;height:16px}.vocab-add-trigger:hover{background:#105f58;transform:translateY(-1px);box-shadow:0 8px 18px #176f672b}.vocab-add-trigger:focus-visible{outline-offset:2px;outline:3px solid #70bdb555}.vocab-word-search{align-items:center;margin-bottom:12px;display:flex;position:relative}.vocab-word-search svg{color:#8ba39e;pointer-events:none;width:16px;position:absolute;left:13px}.vocab-word-search input{color:#294743;width:100%;height:44px;font-family:var(--sans);background:#fff;border:1px solid #d7e3e0;border-radius:11px;outline:0;padding:0 38px;font-size:14px}.vocab-word-search input:focus{border-color:#69b6ad;box-shadow:0 0 0 3px #137f7812}.vocab-word-search input::placeholder{color:#9dafab}.vocab-word-search button{color:#70847f;cursor:pointer;background:#eef3f1;border:0;border-radius:7px;place-items:center;width:24px;height:24px;font-size:15px;line-height:1;display:grid;position:absolute;right:10px}.vocab-word-search button:hover{color:#fff;background:#a44d40}.vocab-word-list{flex-direction:column;gap:10px;display:flex}.vocab-word-card{background:#fff;border:1px solid #d9e6e3;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px #174f4806}.vocab-word-card[open]{border-color:#9fc7c0}.vocab-word-card>summary{cursor:pointer;grid-template-columns:36px minmax(0,1fr) auto auto 18px;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:grid}.vocab-word-card>summary::-webkit-details-marker{display:none}.vocab-word-card>summary:hover{background:#f8fbfa}.vocab-word-index{color:#176f67;width:32px;height:32px;font-family:var(--display);background:#e7f3f0;border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.vocab-word-title{flex-direction:column;min-width:0;display:flex}.vocab-word-title strong{color:#193f3a;font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.vocab-word-title strong small{color:#7a8d89;font-family:var(--sans);margin-left:6px;font-size:13px;font-weight:400}.vocab-word-title p{color:#728681;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;overflow:hidden}.vocab-word-level{color:#96601b;font-family:var(--display);white-space:nowrap;background:#fff2d8;border-radius:6px;padding:4px 7px;font-size:11px;font-style:normal;font-weight:800}.vocab-word-card>summary>svg{color:#7b8e8a;width:16px;transition:transform .2s}.vocab-word-card[open]>summary>svg{transform:rotate(90deg)}.vocab-word-body{border-top:1px solid #eef3f1;padding:0 16px 18px}.vocab-word-form{grid-template-columns:repeat(4,1fr);gap:12px;padding-top:16px;display:grid}.vocab-word-form label{color:#405c58;font-family:var(--display);flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.vocab-word-form input,.vocab-word-form select,.vocab-word-form textarea{color:#294743;width:100%;font-family:var(--sans);background:#fff;border:1px solid #d7e3e0;border-radius:8px;outline:0;padding:9px 10px;font-size:14px}.vocab-word-form input:focus,.vocab-word-form select:focus,.vocab-word-form textarea:focus{border-color:#69b6ad;box-shadow:0 0 0 3px #137f7812}.vocab-word-form input,.vocab-word-form select{height:40px}.vocab-word-form .wide{grid-column:span 2}.vocab-word-form-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:9px;margin-top:2px;display:flex}.vocab-word-form-actions>button{color:#fff;height:40px;font-family:var(--display);cursor:pointer;background:#176f67;border:0;border-radius:8px;padding:0 18px;font-size:13px;font-weight:700}.vocab-word-form-actions>button:hover{background:#105f58}.vocab-word-delete{display:none}.vocab-word-form-actions .admin-delete-trigger{align-items:center;gap:7px;height:40px;padding:0 14px;display:inline-flex}.vocab-word-form-actions .admin-delete-trigger svg{width:15px;height:15px}.vocab-word-delete>button{color:#a04437;height:36px;font-family:var(--display);cursor:pointer;background:#fff7f5;border:1px solid #e5bbb4;border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;transition:border-color .2s,background .2s,color .2s,transform .2s;display:inline-flex}.vocab-word-delete>button svg{width:15px;height:15px}.vocab-word-delete>button:hover{color:#fff;background:#a44d40;border-color:#b95749;transform:translateY(-1px)}.vocab-word-delete>button:focus-visible{outline-offset:2px;outline:3px solid #d8857840}.vocab-create-dialog{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px;position:fixed;inset:0}.vocab-create-dialog[open]{place-items:center;display:grid}.vocab-create-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#173a366b}.vocab-create-modal{background:#fff;border:1px solid #d7e4e1;border-radius:18px;width:min(740px,100vw - 32px);max-height:calc(100vh - 40px);animation:.24s ease-out both vocab-modal-in;overflow:auto;box-shadow:0 26px 70px #173a3640}.vocab-create-modal-header{background:linear-gradient(135deg,#f5fbf9,#fff);border-bottom:1px solid #e5eeec;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 17px;display:flex}.vocab-create-modal-header span{color:#176f67;font-family:var(--display);letter-spacing:.1em;font-size:11px;font-weight:800}.vocab-create-modal-header h2{color:#193f3a;font-family:var(--display);margin:4px 0 2px;font-weight:700;font-size:21px!important}.vocab-create-modal-header p{color:#718681;margin:0;font-size:13px}.vocab-create-modal-close{cursor:pointer;border:1px solid #176f67;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:grid;color:#fff!important;background:#197b72!important}.vocab-create-modal-close svg{width:17px;height:17px}.vocab-create-modal-close:hover{color:#fff!important;background:#105f58!important}.vocab-modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px 22px;display:grid}.vocab-modal-form label{color:#405c58;font-family:var(--display);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.vocab-modal-form input,.vocab-modal-form select,.vocab-modal-form textarea{color:#294743;width:100%;font-family:var(--sans);background:#fff;border:1px solid #d5e2df;border-radius:9px;outline:0;padding:10px 11px;font-size:14px;transition:border-color .2s,box-shadow .2s}.vocab-modal-form input,.vocab-modal-form select{height:42px}.vocab-modal-form textarea{resize:vertical}.vocab-modal-form input:focus,.vocab-modal-form select:focus,.vocab-modal-form textarea:focus{border-color:#62aaa1;box-shadow:0 0 0 3px #137f7812}.vocab-modal-form .wide{grid-column:1/-1}.vocab-modal-actions{grid-column:1/-1;justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.vocab-modal-actions button{height:40px;font-family:var(--display);cursor:pointer;border-radius:9px;padding:0 16px;font-size:13px;font-weight:700}.vocab-modal-cancel{border:1px solid #176f67;color:#fff!important;background:#197b72!important}.vocab-modal-cancel:hover{color:#fff!important;background:#105f58!important}.vocab-modal-submit{border:1px solid #176f67;box-shadow:0 6px 14px #176f6720;color:#fff!important;background:#176f67!important}.vocab-modal-submit:hover{color:#fff!important;background:#105f58!important}@keyframes vocab-modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.vocab-empty{color:#758985;text-align:center;background:#fff;border:1px dashed #bcd3ce;border-radius:14px;padding:36px 20px;font-size:14px}.vocab-editor-sidebar{flex-direction:column;gap:14px;display:flex;position:sticky;top:88px}.vocab-settings-card,.vocab-add-card{background:#fff;border:1px solid #d9e6e3;border-radius:15px;padding:20px;box-shadow:0 11px 30px #174f4808}.vocab-settings-card>header,.vocab-add-card>header{border-bottom:1px solid #e7efed;margin-bottom:14px;padding-bottom:14px}.vocab-settings-card>header>span,.vocab-add-card>header>span{color:var(--primary);font-family:var(--display);letter-spacing:.1em;font-size:11px;font-weight:800}.vocab-settings-card h2,.vocab-add-card h2{color:#193f3a;font-family:var(--display);margin:4px 0 0;font-weight:700;font-size:18px!important}.vocab-settings-form,.vocab-add-form{flex-direction:column;gap:12px;display:flex}.vocab-settings-form label,.vocab-add-form label{color:#405c58;font-family:var(--display);flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.vocab-settings-form input,.vocab-settings-form select,.vocab-settings-form textarea,.vocab-add-form input,.vocab-add-form select,.vocab-add-form textarea{color:#294743;background:#fff;border:1px solid #d7e4e1;border-radius:8px;outline:0;width:100%;padding:10px}.vocab-settings-form input:focus,.vocab-settings-form select:focus,.vocab-settings-form textarea:focus,.vocab-add-form input:focus,.vocab-add-form select:focus,.vocab-add-form textarea:focus{border-color:#62aaa1;box-shadow:0 0 0 3px #137f7810}.vocab-settings-form textarea,.vocab-add-form textarea{resize:vertical;font-size:14px}.vocab-settings-form>button,.vocab-add-form>button{color:#fff;background:var(--primary);height:42px;font-family:var(--display);cursor:pointer;border:0;border-radius:8px;margin-top:2px;font-size:14px;font-weight:700}.vocab-settings-form>button:hover,.vocab-add-form>button:hover{background:#0e6a63}.vocab-settings-form .vocabulary-thumbnail-picker{grid-template-columns:1fr}@media (max-width:1050px){.vocab-editor-layout{grid-template-columns:1fr}.vocab-editor-sidebar{position:static}}@media (max-width:700px){.vocab-editor-hero{padding:18px}.vocab-editor-hero-top{flex-direction:column;align-items:flex-start;gap:14px}.vocab-editor-identity h1{white-space:normal;font-size:22px!important}.vocab-editor-hero-meta{justify-content:space-between;width:100%}.vocab-editor-hero-stats{flex-wrap:wrap;gap:14px 0}.vocab-editor-hero-stats>div{flex:0 0 50%;padding:0 0 0 14px}.vocab-editor-hero-stats>div:nth-child(odd){border-left:0;padding-left:0}.vocab-editor-section-heading{flex-direction:column;align-items:flex-start;gap:12px}.vocab-editor-heading-actions{justify-content:space-between;width:100%}.vocab-word-form{grid-template-columns:1fr}.vocab-word-form .wide{grid-column:auto}.vocab-word-card>summary{grid-template-columns:30px minmax(0,1fr) 18px;row-gap:6px}.vocab-word-level,.vocab-word-card>summary>.status-badge{display:none}.vocab-create-dialog{padding:10px}.vocab-create-modal{border-radius:14px;width:100%;max-height:calc(100dvh - 20px)}.vocab-create-modal-header{padding:17px}.vocab-modal-form{grid-template-columns:1fr;padding:17px}.vocab-modal-form .wide,.vocab-modal-actions{grid-column:auto}.vocab-modal-actions button{flex:1}}@media (prefers-reduced-motion:reduce){.vocab-create-modal{animation:none}.vocab-add-trigger,.vocab-word-delete>button{transition:none}}.media-library-page{max-width:1440px}.media-library-hero{background:linear-gradient(135deg,#fff 20%,#f5f3fc);border:1px solid #e5e3f2;border-radius:12px;grid-template-columns:minmax(280px,1fr) minmax(520px,1.25fr);align-items:end;gap:32px;margin-bottom:20px;padding:26px 28px;display:grid;box-shadow:0 4px 18px #3d376b0a}.media-library-hero>div:first-child>span{color:var(--admin-primary,#675db0);font-family:var(--display);letter-spacing:.12em;font-size:10px;font-weight:700}.media-library-hero h1{color:var(--admin-text,#464652);margin:7px 0 6px;font-size:26px!important}.media-library-hero p{max-width:600px;color:var(--admin-text-muted,#61748f);margin:0;font-size:13px;line-height:1.65}.media-library-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.media-library-stats>article{border:1px solid var(--admin-border,#e7e7e7);background:#fff;border-radius:9px;grid-template-columns:34px 1fr;align-items:center;gap:0 10px;min-width:0;padding:12px;display:grid}.media-library-stats svg{box-sizing:content-box;width:22px;height:22px;color:var(--admin-primary,#675db0);background:var(--admin-primary-soft,#f0eef9);stroke-width:1.7px;border-radius:8px;grid-row:1/3;padding:5px}.media-library-stats b{color:var(--admin-text,#464652);white-space:nowrap;text-overflow:ellipsis;font-size:18px;line-height:1.15;overflow:hidden}.media-library-stats small{color:var(--admin-text-muted,#61748f);white-space:nowrap;font-size:10px}.media-upload-card{background:#fcfbff;border:1px dashed #c8c3e3;border-radius:10px;grid-template-columns:48px minmax(0,1fr) 210px;align-items:center;gap:16px;padding:19px 22px;display:grid}.media-upload-icon{background:var(--admin-primary-soft,#f0eef9);border-radius:10px;place-items:center;width:44px;height:44px;color:var(--admin-primary,#675db0)!important;display:grid!important}.media-upload-icon svg{width:22px}.media-upload-card span{color:var(--admin-primary,#675db0);font-family:var(--display);letter-spacing:.12em;font-size:10px}.media-upload-card h2{color:var(--admin-text,#464652);margin:5px 0 3px;font-size:19px!important}.media-upload-card p{color:var(--admin-text-muted,#61748f);margin:0;font-size:13px}.media-upload-card>label{border:1px solid var(--admin-primary,#675db0);background:var(--admin-primary,#675db0);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;transition:background-color .18s,border-color .18s;display:flex;color:#fff!important}.media-upload-card>label b,.media-upload-card>label svg{color:#fff!important}.media-upload-card>label:hover{border-color:var(--admin-primary-hover,#574d9f);background:var(--admin-primary-hover,#574d9f)}.media-upload-card>label:focus-within{outline-offset:2px;outline:3px solid #675db033}.media-upload-card>label input{display:none}.media-upload-card>label svg{width:18px}.media-upload-card>.cms-error{grid-column:1/-1}.media-library-toolbar{justify-content:space-between;align-items:end;gap:20px;margin:26px 0 13px;display:flex}.media-library-toolbar h2{color:var(--admin-text,#464652);margin:0;font-size:17px!important}.media-library-toolbar p{color:var(--admin-text-muted,#61748f);margin:3px 0 0;font-size:11px}.media-filter{border:1px solid var(--admin-border,#e7e7e7);background:#fff;border-radius:9px;gap:6px;margin:0;padding:3px;display:flex}.media-filter a{min-width:74px;color:var(--admin-text-muted,#61748f);text-align:center;background:0 0;border-radius:6px;padding:7px 11px;font-size:12px;transition:color .18s,background-color .18s}.media-filter a b{color:inherit;margin-left:4px;font-size:10px}.media-filter a:hover{color:var(--admin-text,#464652);background:var(--admin-surface-muted,#f8f9fc)}.media-filter a.active{color:#fff;background:var(--admin-primary,#675db0)}.media-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.media-library-grid>article{border:1px solid var(--admin-border,#e7e7e7);background:#fff;border-radius:8px;flex-direction:column;min-width:0;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 2px 8px #262c400a}.media-library-grid>article:hover{border-color:var(--admin-border-strong,#d9dce3);box-shadow:0 6px 18px #262c4012}.media-library-preview{isolation:isolate;background:#f0f2f6;flex:0 0 168px;place-items:center;height:168px;display:grid;position:relative;overflow:hidden}.media-library-preview>img{object-fit:cover;width:100%;max-width:100%;height:168px;display:block}.media-library-preview>audio{width:calc(100% - 32px);height:40px}.media-library-preview>span{color:var(--admin-text-muted,#61748f);font-family:var(--display);font-size:24px}.media-library-preview>em{color:#fff;letter-spacing:.06em;background:#353643bd;border-radius:5px;padding:4px 7px;font-size:9px;font-style:normal;position:absolute;top:10px;left:10px}.media-library-preview>i{color:#635b88;background:#f4f1ffdb;border-radius:5px;padding:4px 7px;font-size:9px;font-style:normal;position:absolute;top:10px;right:10px}.media-audio-preview,.media-pdf-preview{background:linear-gradient(145deg,#f5f3fc,#ebe8f8);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:26px;display:flex}.media-audio-preview svg,.media-pdf-preview svg{width:40px;height:40px;color:var(--admin-primary,#675db0);stroke-width:1.3px}.media-audio-preview audio{width:100%;height:34px}.media-pdf-preview span{color:var(--admin-primary,#675db0);font-family:var(--display);letter-spacing:.15em;font-size:12px;font-weight:700}.media-library-grid>article>section{z-index:1;background:#fff;flex-direction:column;flex:1;min-height:218px;padding:15px;display:flex;position:relative}.media-library-grid h2{min-height:36px;color:var(--admin-text,#464652);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden;font-size:14px!important}.media-library-grid .media-alt-text{color:var(--admin-text-muted,#61748f);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:11px;overflow:hidden}.media-library-grid dl{border-top:1px solid var(--admin-border,#e7e7e7);border-bottom:1px solid var(--admin-border,#e7e7e7);gap:5px;margin:13px 0;padding:10px 0;display:grid}.media-library-grid dl>div{justify-content:space-between;gap:12px;font-size:10px;display:flex}.media-library-grid dt{color:var(--admin-text-muted,#61748f)}.media-library-grid dd{color:var(--admin-text,#464652);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-library-grid small{color:#8993a2;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.media-library-grid footer{border-top:1px solid var(--admin-border,#e7e7e7);grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:16px;display:grid;position:static}.media-library-grid footer form{display:flex}.media-library-grid footer button{cursor:pointer;justify-content:center;align-items:center;width:100%;min-height:36px;padding:0 10px;font-size:12px;display:inline-flex}.media-library-grid footer button:disabled{opacity:.45;cursor:not-allowed}.vocabulary-thumbnail-picker{flex-direction:column;grid-column:1/-1;gap:7px;min-width:0;display:flex}.vocabulary-thumbnail-trigger{border:1px solid var(--admin-border,#e7e7e7);width:100%;color:var(--admin-text,#464652);cursor:pointer;text-align:left;background:#fff;border-radius:9px;grid-template-columns:132px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:10px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:grid}.vocabulary-thumbnail-trigger:hover{border-color:var(--admin-primary,#675db0);background:#fbfaff;box-shadow:0 3px 12px #262c400d}.vocabulary-thumbnail-trigger:focus-visible{outline-offset:2px;outline:3px solid #675db033}.vocabulary-thumbnail-trigger>svg{width:20px;color:var(--admin-primary,#675db0)}.vocabulary-thumbnail-preview{border:1px solid var(--admin-border,#e7e7e7);height:74px;color:var(--admin-text-muted,#61748f);background:var(--admin-surface-muted,#f4f5f8);border-radius:7px;place-items:center;font-size:12px;display:grid;overflow:hidden}.vocabulary-thumbnail-preview img{object-fit:cover;width:100%;height:100%}.vocabulary-thumbnail-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.vocabulary-thumbnail-copy strong{font-family:var(--display);font-size:13px}.vocabulary-thumbnail-copy small,.vocabulary-thumbnail-hint{color:var(--admin-text-muted,#61748f);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.vocabulary-thumbnail-hint{white-space:normal;padding-left:2px}.vocabulary-thumbnail-picker>.cms-error{margin:0}.vocabulary-thumbnail-dialog{z-index:1000;background:0 0;border:0;border-radius:12px;width:min(920px,100vw - 32px);max-width:none;max-height:min(760px,100vh - 32px);margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 24px 70px #1919273d}.vocabulary-thumbnail-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#25243580}.vocabulary-thumbnail-dialog-card{border:1px solid var(--admin-border,#e7e7e7);background:#fff;border-radius:12px;flex-direction:column;max-height:min(760px,100vh - 32px);display:flex;position:relative}.vocabulary-thumbnail-dialog-card>header{border-bottom:1px solid var(--admin-border,#e7e7e7);align-items:flex-start;gap:20px;padding:22px 72px 18px 24px;display:flex}.vocabulary-thumbnail-dialog-card>header span{color:var(--admin-primary,#675db0);font-family:var(--display);letter-spacing:.12em;font-size:10px;font-weight:700}.vocabulary-thumbnail-dialog-card>header h2{color:var(--admin-text,#464652);margin:4px 0 2px;font-size:20px!important}.vocabulary-thumbnail-dialog-card>header p{color:var(--admin-text-muted,#61748f);margin:0;font-size:13px}.vocabulary-thumbnail-dialog-card>header>button{border:1px solid var(--admin-border,#e7e7e7);width:36px;height:36px;color:var(--admin-text-muted,#61748f);cursor:pointer;background:#fff;border-radius:8px;place-items:center;transition:color .18s,background-color .18s;display:grid;position:absolute;top:16px;right:16px}.vocabulary-thumbnail-dialog-card>header>button:hover{color:var(--admin-text,#464652);background:var(--admin-surface-muted,#f4f5f8)}.vocabulary-thumbnail-dialog-card>header svg{width:18px}.vocabulary-thumbnail-grid{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 24px;display:grid;overflow-y:auto}.vocabulary-thumbnail-grid>button{border:1px solid var(--admin-border,#e7e7e7);min-width:0;color:var(--admin-text,#464652);cursor:pointer;text-align:left;background:#fff;border-radius:8px;padding:0;transition:border-color .18s,box-shadow .18s;overflow:hidden}.vocabulary-thumbnail-grid>button:hover{border-color:var(--admin-primary,#675db0);box-shadow:0 3px 12px #262c4014}.vocabulary-thumbnail-grid>button:focus-visible{outline-offset:2px;outline:3px solid #675db033}.vocabulary-thumbnail-grid>button.is-selected{border-color:var(--admin-primary,#675db0);box-shadow:0 0 0 2px #675db024}.vocabulary-thumbnail-grid>button>span{background:var(--admin-surface-muted,#f4f5f8);place-items:center;height:112px;display:grid;position:relative}.vocabulary-thumbnail-grid img{object-fit:cover;width:100%;height:100%}.vocabulary-thumbnail-grid button small{color:var(--admin-text-muted,#61748f);white-space:nowrap;text-overflow:ellipsis;padding:9px 10px;font-size:11px;display:block;overflow:hidden}.vocabulary-thumbnail-grid button i{color:#fff;background:var(--admin-primary,#675db0);border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #262c4038}.vocabulary-thumbnail-grid .is-empty svg{color:#9395a2;width:30px}.vocabulary-thumbnail-grid>p{color:var(--admin-text-muted,#61748f);text-align:center;grid-column:1/-1;margin:0;padding:34px}.vocabulary-thumbnail-dialog-card>footer{border-top:1px solid var(--admin-border,#e7e7e7);background:var(--admin-surface-muted,#f8f9fc);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:static}.vocabulary-thumbnail-dialog-card>footer>small{color:var(--admin-text-muted,#61748f);font-size:12px}.vocabulary-thumbnail-dialog-card>footer label{color:#fff;background:var(--admin-primary,#675db0);cursor:pointer;min-height:38px;font-family:var(--display);border-radius:8px;justify-content:center;padding:0 14px;font-size:12px;font-weight:700;transition:background-color .18s;align-items:center!important;gap:7px!important;display:flex!important}.vocabulary-thumbnail-dialog-card>footer label:hover{background:var(--admin-primary-hover,#574d9f)}.vocabulary-thumbnail-dialog-card>footer label:focus-within{outline-offset:2px;outline:3px solid #675db033}.vocabulary-thumbnail-dialog-card>footer label.is-uploading{opacity:.65;cursor:wait}.vocabulary-thumbnail-dialog-card>footer input{display:none}.vocabulary-thumbnail-dialog-card>footer svg{width:17px}.media-library-grid{scrollbar-gutter:stable;overscroll-behavior:contain;max-height:max(520px,100dvh - 210px);padding:2px 6px 16px 2px;overflow-y:auto}.media-library-grid:focus-visible{outline-offset:3px;outline:3px solid #675db033}.vocabulary-thumbnail-dialog{height:min(760px,100dvh - 32px);max-height:none}.vocabulary-thumbnail-dialog-card{width:100%;height:100%;min-height:0;overflow:hidden}.vocabulary-thumbnail-dialog-card>header,.vocabulary-thumbnail-dialog-card>footer{flex:none}.vocabulary-thumbnail-grid{scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-color:var(--admin-border-strong,#b8c5c2) var(--admin-surface-muted,#f3f6f5);scrollbar-width:thin;flex:auto;align-content:start;min-height:0;max-height:calc(100dvh - 238px);overflow-y:scroll}.vocabulary-thumbnail-grid::-webkit-scrollbar{width:10px}.vocabulary-thumbnail-grid::-webkit-scrollbar-thumb{border:2px solid var(--admin-surface-muted,#f3f6f5);background:var(--admin-border-strong,#b8c5c2);background-clip:padding-box;border-radius:999px;min-height:42px}.vocabulary-thumbnail-grid::-webkit-scrollbar-thumb:hover{background:var(--admin-primary,#487c75);background-clip:padding-box}.vocabulary-thumbnail-grid::-webkit-scrollbar-track{background:var(--admin-surface-muted,#f3f6f5);border-radius:999px}.vocabulary-thumbnail-grid:focus-visible{outline-offset:-4px;outline:3px solid #675db033}.vocabulary-thumbnail-grid{--thumbnail-media-height:112px;grid-auto-flow:row;grid-auto-rows:calc(var(--thumbnail-media-height) + 36px);flex:1 1 0}.vocabulary-thumbnail-grid>button{width:100%;height:calc(var(--thumbnail-media-height) + 36px);min-height:calc(var(--thumbnail-media-height) + 36px);max-height:calc(var(--thumbnail-media-height) + 36px);align-self:start}.vocabulary-thumbnail-grid>button>span{height:var(--thumbnail-media-height);min-height:var(--thumbnail-media-height);max-height:var(--thumbnail-media-height)}.vocabulary-thumbnail-grid button small{height:35px;min-height:35px;line-height:17px}@media (max-width:1180px){.media-library-hero{grid-template-columns:1fr}.media-library-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.media-library-hero{padding:20px}.media-library-stats{grid-template-columns:repeat(2,1fr)}.media-upload-card{grid-template-columns:44px 1fr}.media-upload-card>label{grid-column:1/-1}.media-library-toolbar{flex-direction:column;align-items:stretch}.media-filter{overflow-x:auto}.media-library-grid{grid-template-columns:repeat(2,1fr)}.vocabulary-thumbnail-trigger{grid-template-columns:108px minmax(0,1fr) 18px}.vocabulary-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.vocabulary-thumbnail-dialog-card>header{padding-left:16px;padding-right:64px}.vocabulary-thumbnail-dialog-card>footer{padding-left:16px;padding-right:16px}}@media (max-width:480px){.media-library-hero{padding:17px}.media-library-stats{grid-template-columns:1fr 1fr}.media-library-stats>article{grid-template-columns:28px 1fr;padding:9px}.media-library-stats svg{width:18px;height:18px}.media-library-grid{grid-template-columns:1fr}.vocabulary-thumbnail-trigger{grid-template-columns:92px minmax(0,1fr) 16px;gap:10px}.vocabulary-thumbnail-preview{height:62px}.vocabulary-thumbnail-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.vocabulary-thumbnail-dialog-card{max-height:calc(100vh - 16px)}.vocabulary-thumbnail-grid{--thumbnail-media-height:96px}.vocabulary-thumbnail-dialog-card>footer{flex-direction:column;align-items:stretch}.vocabulary-thumbnail-dialog-card>footer>small{text-align:center}}@media (prefers-reduced-motion:reduce){.media-library-grid>article,.media-filter a,.media-upload-card>label,.vocabulary-thumbnail-trigger,.vocabulary-thumbnail-grid>button,.vocabulary-thumbnail-dialog-card button,.vocabulary-thumbnail-dialog-card label{transition:none}}.public-site{--public-ink:#183d39;--public-green:#127a70;--public-green-dark:#0d5b55;--public-mint:#e8f4f0;--public-mintx:#ff572212;--public-warm:#f6f3ec;min-height:100vh;color:var(--public-ink);font-family:var(--sans);background:#fbfdfc}.public-site h1,.public-site h2,.public-site h3,.public-site nav,.public-site button{font-family:var(--display)}.public-site p{font-size:15px;line-height:1.75}.public-site span{font-size:15px}.public-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfdfceb;border-bottom:1px solid #2759521a;position:sticky;top:0}.public-header-inner{grid-template-columns:auto 1fr auto;align-items:center;width:min(100% - 48px,1440px);height:78px;margin:auto;display:grid}.public-logo{align-items:center;gap:10px;width:max-content;display:flex}.public-logo>span{color:#fff;background:var(--public-green);width:39px;height:39px;font:800 13px var(--display);border-radius:11px;place-items:center;display:grid}.public-logo strong{color:#173e3a;font:800 22px var(--display);letter-spacing:-.04em}.public-logo em{color:var(--public-green);font-style:normal}.public-header nav{justify-content:center;gap:34px;display:flex}.public-header nav a{color:#536d69;font-size:14px;font-weight:600;position:relative}.public-header nav a:after{background:var(--public-green);content:"";border-radius:2px;height:2px;transition:transform .22s;position:absolute;bottom:-9px;left:0;right:0;transform:scaleX(0)}.public-header nav a:hover,.public-header nav a.active{color:var(--public-green)}.public-header nav a.active:after{transform:scaleX(1)}.public-header-actions{align-items:center;gap:15px;display:flex}.public-login{color:#3c5d58;font:600 14px var(--display)}.public-cta{border:1px solid var(--public-green);color:#fff;background:var(--public-green);min-height:43px;font:700 14px var(--display);border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:0 17px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 9px 22px #127a7029}.public-cta svg{width:17px;height:17px;transition:transform .2s}.public-cta:hover{border-color:var(--public-green-dark);background:var(--public-green-dark);transform:translateY(-1px);box-shadow:0 12px 28px #127a7038}.public-cta:hover svg{transform:translate(3px)}.public-cta.large{border-radius:13px;min-height:50px;padding:0 22px;font-size:15px}.public-hero{grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);align-items:center;gap:70px;width:min(100% - 60px,1440px);min-height:690px;margin:auto;padding:65px 0 78px;display:grid}.public-eyebrow{color:var(--public-green);letter-spacing:.16em;font:800 11px var(--display)!important}.public-hero h1,.public-page-hero h1{color:#173e3a;letter-spacing:-.052em;max-width:820px;margin:18px 0;font-weight:700;line-height:.98;font-size:clamp(46px,5.4vw,78px)!important}.public-hero h1 em,.public-page-hero h1 em{color:var(--public-green);font-style:normal}.public-hero-copy>p{color:#5f7773;max-width:660px;margin:24px 0 0;font-size:17px;line-height:1.75}.public-hero-actions{align-items:center;gap:25px;margin-top:32px;display:flex}.public-text-link{color:#325d57;font:700 14px var(--display);border-bottom:1px solid #82aaa4;padding-bottom:3px}.public-proof{border-top:1px solid #dce9e6;align-items:center;gap:15px;margin-top:40px;padding-top:21px;display:flex}.public-proof strong{font:800 15px var(--display)}.public-proof span{color:#738884}.public-hero-visual{background:linear-gradient(145deg,#dcefeb,#eff7f4);border-radius:110px 24px;min-height:500px;position:relative;box-shadow:inset 0 0 0 1px #d7e8e4}.hero-jp{color:#137f7812;font:700 255px Noto Serif JP,serif;position:absolute;bottom:-33px;right:28px}.public-hero-visual article{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #2c68601c;position:absolute;box-shadow:0 22px 50px #1b4d4621}.hero-progress{border-radius:20px;width:300px;padding:25px;top:64px;left:42px}.hero-progress>span,.hero-word>span{color:#6b827e;font:800 10px var(--display);letter-spacing:.12em}.hero-progress>strong{font:800 39px var(--display);margin:13px 0 8px;display:block}.hero-progress>i{background:#dfebe8;border-radius:8px;height:8px;display:block}.hero-progress>i>b{border-radius:inherit;background:linear-gradient(90deg,#137f78,#66c0a5);width:72%;height:100%;display:block}.hero-progress>p{color:#526c67;margin:17px 0 0}.hero-word{border-radius:20px;width:285px;padding:24px;bottom:65px;right:32px}.hero-word>b,.hero-word>small,.hero-word>p{display:block}.hero-word>b{margin-top:14px;font:700 34px Noto Sans JP,sans-serif}.hero-word>small{color:#718682;margin-top:2px}.hero-word>p{color:#34534e;border-top:1px solid #e4ecea;margin:13px 0 0;padding-top:12px;font-weight:700}.hero-badge{color:#fff;background:#d27c62;border-radius:12px;align-items:center;gap:8px;padding:10px 13px;display:flex;position:absolute;top:45px;right:19px;transform:rotate(3deg);box-shadow:0 12px 25px #9c4c3733}.hero-badge b{font:800 19px var(--display)}.public-trust{color:#66807b;background:#f4f9f7;border-block:1px solid #deebe8;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;gap:30px;min-height:91px;padding:0 max(30px,50vw - 720px);display:grid}.public-trust>span{font:800 10px var(--display);letter-spacing:.13em}.public-trust>strong{color:#456761;font:700 15px var(--display);text-align:center}.public-section{width:min(100% - 60px,1440px);margin:auto}.public-intro{grid-template-columns:1fr .65fr;gap:60px;padding:110px 0;display:grid}.public-intro header h2,.public-learning-inner h2,.public-final-cta h2,.about-story h2,.about-cta h2,.contact-copy h2,.blog-section>header h2,.public-newsletter h2{color:#193f3a;letter-spacing:-.04em;margin:12px 0 0;font-weight:700;line-height:1.08;font-size:clamp(35px,3.5vw,51px)!important}.public-intro>p{color:#667d79;align-self:end;margin:0;font-size:16px}.public-feature-grid{background:#dce9e6;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;display:grid}.public-feature-grid article{background:#fff;min-height:260px;padding:31px}.public-feature-grid article>span{color:#81a39d;font:800 12px var(--display)}.public-feature-grid h3{margin:65px 0 9px;font-weight:700;font-size:21px!important}.public-feature-grid p{color:#6b817d;margin:0}.public-learning-section{color:#fff;background:#174f49;padding:100px 0}.public-learning-inner{grid-template-columns:.82fr 1.18fr;align-items:start;gap:100px;display:grid}.public-learning-inner .public-eyebrow{color:#8fd0c3}.public-learning-inner h2{color:#fff}.public-learning-inner>div:first-child>p{color:#c8dcda;max-width:540px;margin:24px 0;font-size:16px}.light-button{color:#174f49;box-shadow:none;background:#fff;border-color:#fff;margin-top:16px}.light-button:hover{color:#174f49;background:#e7f4f1;border-color:#e7f4f1}.learning-list{border-top:1px solid #ffffff2b}.learning-list article{border-bottom:1px solid #ffffff2b;grid-template-columns:70px 1fr;gap:23px;padding:24px 0;display:grid}.learning-list article>span{font:500 42px Noto Serif JP,serif}.learning-list small{color:#8fb6b0;font:700 10px var(--display)}.learning-list h3{color:#fff;margin:3px 0 2px;font-size:20px!important}.learning-list p{color:#bcd1ce;margin:0}.public-final-cta{text-align:center;padding:110px 0 120px;position:relative;overflow:hidden}.public-final-cta h2{font-size:clamp(42px,5vw,68px)!important}.public-final-cta p{color:#6c817d;margin:22px 0;font-size:16px}.public-final-cta .public-cta{z-index:1;position:relative}.public-final-cta>b{color:#137f780b;font:700 240px Noto Serif JP,serif;position:absolute;bottom:-75px;right:2%}.public-footer{color:#d5e3e0;background:#123e39}.public-footer-inner{grid-template-columns:1.7fr repeat(3,1fr);gap:80px;width:min(100% - 60px,1440px);margin:auto;padding:72px 0;display:grid}.public-logo.light strong{color:#fff}.public-logo.light>span{color:#165d55;background:#e7f5f1}.public-footer-brand p{color:#a9c1bc;max-width:350px;margin:21px 0 0}.public-footer-inner>div:not(:first-child){flex-direction:column;gap:11px;display:flex}.public-footer-inner>div>strong{color:#fff;font:700 15px var(--display);margin-bottom:10px}.public-footer-inner a,.public-footer-inner span{color:#b5cbc7;font-size:13px}.public-footer-inner a:hover{color:#fff}.public-footer-inner p{color:#799b95;margin:10px 0 0;font-size:12px}.public-page-hero{grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:75px;width:min(100% - 60px,1440px);min-height:570px;margin:auto;padding:65px 0;display:grid}.public-page-hero>div:first-child>p{color:#617a75;max-width:720px;margin:25px 0 0;font-size:16px}.about-mark{color:#fff;background:#1c6e65;border-radius:100px 20px;place-items:center;min-height:360px;display:grid;position:relative}.about-mark>span{font:500 150px Noto Serif JP,serif}.about-mark>p{color:#cde4df;text-align:right;margin:0;font-weight:700;position:absolute;bottom:24px;right:26px}.about-story{grid-template-columns:1fr .78fr;gap:90px;padding:100px 0;display:grid}.about-story>div{border-top:1px solid #cfe0dc;padding-top:32px}.about-story>div p{color:#607a75;margin:0;font-size:16px}.about-story>div p+p{margin-top:22px}.public-values{background:#eef6f3;padding:95px 0}.value-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:30px;display:grid}.value-grid article{background:#fff;border:1px solid #d5e5e1;border-radius:17px;min-height:270px;padding:28px}.value-grid article>span{color:#709a94;font:800 12px var(--display)}.value-grid h3{margin:67px 0 8px;font-weight:700;font-size:21px!important}.value-grid p{color:#69807b;margin:0}.about-cta{justify-content:space-between;align-items:center;gap:50px;padding:90px 0;display:flex}.about-cta p{color:#6b817d;margin:14px 0 0}.contact-hero{grid-template-columns:1fr 440px}.contact-details{background:#f1f7f5;border:1px solid #d5e4e1;border-radius:20px;padding:32px}.contact-details>span{color:#6d8580;font:800 10px var(--display);letter-spacing:.12em;display:block}.contact-details>a{color:#176d64;font:700 27px var(--display);margin:23px 0 8px;display:block}.contact-details p{color:#728681;margin:0}.contact-layout{border-top:1px solid #dfebe8;grid-template-columns:.75fr 1.25fr;gap:100px;padding:90px 0 110px;display:grid}.contact-copy>p{color:#657c78;max-width:500px;margin:20px 0}.contact-copy>div{border-top:1px solid #dae7e4;gap:4px;margin-top:35px;padding-top:25px;display:grid}.contact-copy>div strong{font:700 15px var(--display);margin-top:10px}.contact-copy>div span{color:#718682}.public-contact-form{background:#fff;border:1px solid #d7e5e2;border-radius:21px;grid-template-columns:1fr 1fr;gap:17px;padding:30px;display:grid;box-shadow:0 18px 48px #194d4514}.public-contact-form label{color:#365b55;font:700 13px var(--display);flex-direction:column;gap:7px;display:flex}.public-contact-form .wide{grid-column:1/-1}.public-contact-form input,.public-contact-form select,.public-contact-form textarea{color:#34534e;width:100%;font:500 14px var(--sans);background:#fafdfc;border:1px solid #d6e3e0;border-radius:10px;outline:none;padding:11px 13px}.public-contact-form input,.public-contact-form select{height:47px}.public-contact-form textarea{resize:vertical}.public-contact-form input:focus,.public-contact-form select:focus,.public-contact-form textarea:focus{border-color:#62a79e;box-shadow:0 0 0 3px #137f781a}.public-contact-form button{color:#fff;background:var(--public-green);cursor:pointer;border-radius:11px;grid-column:1/-1;width:max-content;min-height:47px;padding:0 23px;font-weight:700}.public-contact-form small{color:#7b8e8a;grid-column:1/-1;font-size:11px}.blog-hero{grid-template-columns:1fr 460px}.blog-feature{color:#fff;background:linear-gradient(135deg,#215e57,#408e83);border-radius:22px;padding:30px;position:relative;overflow:hidden}.blog-feature>span{color:#b8dcd5;font:800 10px var(--display);letter-spacing:.13em}.blog-feature>b{color:#ffffff14;font:500 180px Noto Serif JP,serif;position:absolute;bottom:-50px;right:15px}.blog-feature h2{color:#fff;max-width:350px;margin:70px 0 28px;line-height:1.15;position:relative;font-size:27px!important}.blog-feature a{color:#fff;width:max-content;font:700 13px var(--display);align-items:center;gap:7px;display:flex;position:relative}.blog-feature svg,.blog-card-copy svg,.public-newsletter svg{width:16px}.blog-section{padding:85px 0 110px}.blog-section>header{justify-content:space-between;align-items:end;gap:30px;display:flex}.blog-section>header nav{gap:6px;display:flex}.blog-section>header button{color:#66807b;cursor:pointer;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:700}.blog-section>header button.active{color:#fff;background:#176f67}.blog-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.blog-grid article{background:#fff;border:1px solid #dae7e4;border-radius:18px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.blog-grid article:hover{border-color:#a8ccc6;transform:translateY(-3px);box-shadow:0 15px 35px #164a4217}.blog-cover{background:#dfeeea;align-items:flex-start;min-height:190px;padding:19px;display:flex;position:relative;overflow:hidden}.blog-cover.blue{background:#e1ebef}.blog-cover.sand{background:#eee7da}.blog-cover.violet{background:#e8e6ed}.blog-cover>span{z-index:1;color:#365f58;font:800 9px var(--display);letter-spacing:.08em;background:#ffffffb8;border-radius:6px;padding:5px 8px;position:relative}.blog-cover>b{color:#2a60582e;font:500 140px Noto Serif JP,serif;position:absolute;bottom:-31px;right:18px}.blog-card-copy{padding:22px}.blog-card-copy>small{color:#7b8e8a;font:700 9px var(--display);letter-spacing:.08em}.blog-card-copy h2{margin:11px 0 8px;font-weight:700;line-height:1.25;font-size:21px!important}.blog-card-copy p{color:#6c817d;margin:0}.blog-card-copy a{color:#176f67;width:max-content;font:700 13px var(--display);align-items:center;gap:6px;margin-top:18px;display:flex}.public-newsletter{color:#fff;background:#1b5751;justify-content:space-between;align-items:center;gap:50px;padding:65px max(30px,50vw - 720px);display:flex}.public-newsletter .public-eyebrow{color:#9ccfc6}.public-newsletter h2{color:#fff;font-size:34px!important}.public-newsletter p{color:#bcd3cf;margin:8px 0 0}.public-newsletter form{background:#ffffff14;border:1px solid #ffffff40;border-radius:13px;min-width:min(100%,470px);padding:5px;display:flex}.public-newsletter input{color:#fff;outline:none;flex:1;min-width:0;height:47px;padding:0 13px}.public-newsletter input::placeholder{color:#afc8c3}.public-newsletter button{color:#184f49;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:0 16px;font-weight:700;display:flex}.public-rise{animation:.7s cubic-bezier(.22,1,.36,1) both public-rise}.public-rise.delay-a{animation-delay:.12s}@keyframes public-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (max-width:1050px){.public-header nav{gap:18px}.public-hero{grid-template-columns:1fr;gap:30px;padding-top:55px}.public-hero-visual{min-height:440px}.public-trust{grid-template-columns:1fr 1fr}.public-trust>span{text-align:center;grid-column:1/-1;padding-top:18px}.public-intro,.public-learning-inner,.about-story,.contact-layout{grid-template-columns:1fr}.public-intro{gap:25px}.public-intro>p{max-width:700px}.public-feature-grid{grid-template-columns:1fr 1fr}.public-learning-inner{gap:55px}.public-footer-inner{grid-template-columns:1.5fr repeat(2,1fr);gap:50px}.public-footer-inner>div:last-child{grid-column:2}.value-grid{grid-template-columns:1fr 1fr}.contact-layout{gap:50px}.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.public-header-inner{grid-template-columns:auto auto;justify-content:space-between;width:min(100% - 28px,1440px);height:68px}.public-header nav{z-index:60;background:#fff;border-top:1px solid #dce8e5;grid-template-columns:repeat(4,1fr);gap:0;height:59px;display:grid;position:fixed;bottom:0;left:0;right:0}.public-header nav a{place-items:center;font-size:11px;display:grid}.public-header nav a:after{inset:0 25% auto}.public-header-actions .public-login{display:none}.public-header-actions .public-cta{min-height:39px;padding:0 12px;font-size:12px}.public-hero,.public-section,.public-page-hero,.public-footer-inner{width:min(100% - 28px,1440px)}.public-hero{min-height:0;padding:52px 0 62px}.public-hero h1,.public-page-hero h1{font-size:42px!important}.public-hero-copy>p{font-size:15px}.public-hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.public-proof{flex-direction:column;align-items:flex-start;gap:3px}.public-hero-visual{border-radius:70px 18px;min-height:390px}.hero-progress{width:250px;padding:20px;top:35px;left:18px}.hero-word{width:240px;padding:19px;bottom:32px;right:16px}.hero-badge{top:21px;right:10px}.public-trust{padding-bottom:18px}.public-intro{padding:75px 0}.public-feature-grid,.value-grid{grid-template-columns:1fr}.public-feature-grid article{min-height:220px}.public-feature-grid h3,.value-grid h3{margin-top:42px}.public-learning-section{padding:75px 0}.learning-list article{grid-template-columns:50px 1fr}.public-final-cta{padding:80px 0 90px}.public-footer{padding-bottom:59px}.public-footer-inner{grid-template-columns:1fr 1fr;gap:42px 25px;padding:55px 0}.public-footer-brand{grid-column:1/-1}.public-footer-inner>div:last-child{grid-column:auto}.public-page-hero{grid-template-columns:1fr;gap:35px;min-height:0;padding:65px 0}.about-mark{min-height:280px}.about-story{gap:30px;padding:75px 0}.public-values{padding:70px 0}.about-cta{flex-direction:column;align-items:flex-start;padding:70px 0}.contact-hero,.blog-hero{grid-template-columns:1fr}.contact-details>a{font-size:21px}.contact-layout{padding:65px 0 80px}.public-contact-form{grid-template-columns:1fr;padding:20px}.public-contact-form .wide{grid-column:auto}.public-contact-form button,.public-contact-form small{grid-column:1}.blog-section{padding:65px 0 80px}.blog-section>header{flex-direction:column;align-items:flex-start}.blog-section>header nav{width:100%;overflow-x:auto}.blog-grid{grid-template-columns:1fr}.public-newsletter{flex-direction:column;align-items:flex-start;padding:55px 20px}.public-newsletter form{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.public-rise{animation:none}.public-cta,.public-cta svg,.public-header nav a:after,.blog-grid article{transition:none}.public-cta:hover,.blog-grid article:hover{transform:none}}.public-account{align-items:center;gap:9px;min-width:0;display:flex}.public-account>span:first-child{width:38px;height:38px;color:var(--public-green);font:800 12px var(--display);background:#e8f4f0;border:1px solid #cfe4df;border-radius:12px;flex:0 0 38px;place-items:center;display:grid;overflow:hidden}.public-account-copy{flex-direction:column;max-width:135px;line-height:1.2;display:flex}.public-account-copy small{color:#79918d;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700}.public-account-copy b{color:#284f49;font:700 12px var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:760px){.public-header-actions{gap:8px}.public-account-copy{display:none}.public-account>span:first-child{flex-basis:39px;width:39px;height:39px}}.public-logo em{color:#ee8268}.public-hero-visual{overflow:hidden;box-shadow:0 24px 55px #1e4f4829}.public-hero-visual>img{object-fit:cover;object-position:center}.public-hero-visual:after{z-index:1;content:"";background:linear-gradient(#0000,#09302b80);height:42%;position:absolute;inset:auto 0 0}.public-hero-visual .hero-badge{z-index:2}.hero-image-note{z-index:2;color:#fff;justify-content:space-between;align-items:end;gap:20px;display:flex;position:absolute;bottom:25px;left:30px;right:28px}.hero-image-note>span{font:800 10px var(--display);letter-spacing:.14em}.hero-image-note>strong{font:700 18px var(--display);text-align:right}.public-product-showcase{padding:105px 0 35px}.public-product-showcase>header{grid-template-columns:1fr .65fr;align-items:end;gap:60px;margin-bottom:34px;display:grid}.public-product-showcase h2,.about-product h2{color:#193f3a;letter-spacing:-.04em;margin:12px 0 0;font-weight:700;line-height:1.08;font-size:clamp(35px,3.5vw,51px)!important}.public-product-showcase header>p{color:#667d79;margin:0;font-size:16px}.product-browser{background:#fff;border:1px solid #d5e3e0;border-radius:22px;overflow:hidden;box-shadow:0 28px 70px #184b4324}.product-browser>div{background:#f5f8f7;border-bottom:1px solid #dfe9e7;align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.product-browser>div>i{background:#ee8268;border-radius:50%;width:8px;height:8px}.product-browser>div>i:nth-child(2){background:#e8bb67}.product-browser>div>i:nth-child(3){background:#57b596}.product-browser>div>span{color:#859692;font:600 10px var(--display);margin-left:8px}.product-browser>img{width:100%;height:auto;display:block}.about-mark{overflow:hidden;box-shadow:0 22px 50px #194b4424}.about-mark:after{z-index:1;content:"";background:linear-gradient(#0000,#082a269e);position:absolute;inset:45% 0 0}.about-mark>img{object-fit:cover}.about-mark>p{z-index:2;color:#fff}.about-product{grid-template-columns:.7fr 1.3fr;align-items:center;gap:70px;padding:15px 0 105px;display:grid}.about-product>div>p{color:#657d78;margin:21px 0 0;font-size:16px}.about-product figure{background:#fff;border:1px solid #d5e3e0;border-radius:19px;margin:0;overflow:hidden;box-shadow:0 22px 54px #184b431f}.about-product figure>img{width:100%;height:auto;display:block}.about-product figcaption{color:#778b87;text-align:center;padding:11px 15px;font-size:11px}@media (max-width:1050px){.public-product-showcase>header,.about-product{grid-template-columns:1fr}.public-product-showcase>header{gap:25px}.about-product{gap:35px}.public-hero-visual{min-height:560px}}@media (max-width:760px){.public-header nav{grid-template-columns:repeat(5,1fr)}.public-header nav a{font-size:10px}.public-hero-visual{min-height:390px}.public-hero-visual>img{object-position:56% center}.hero-image-note{flex-direction:column;align-items:flex-start;gap:3px;bottom:18px;left:18px;right:18px}.hero-image-note>strong{text-align:left}.public-product-showcase{padding-top:72px}}@media (prefers-reduced-motion:reduce){.public-hero-visual>img,.product-browser,.about-mark>img{animation:none}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:none}.home-v3{--hv-hanko:#b8402c;--hv-hanko-ink:#8f3020;--hv-line:#e7ded0;--hv-paper:var(--public-warm);background:var(--hv-paper);overflow:hidden}.home-v3 h1,.home-v3 h2,.home-v3 h3{font-family:var(--display)}.home-v3-hero{grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);align-items:center;gap:65px;width:min(100% - 60px,1440px);min-height:720px;margin:auto;padding:58px 0 74px;display:grid}.home-v3-kicker{align-items:center;gap:12px;display:flex}.home-v3-kicker i{background:var(--hv-hanko);width:30px;height:1px}.home-v3-kicker span{color:var(--hv-hanko-ink);font:800 10px var(--display);letter-spacing:.16em}.home-v3-copy h1{color:var(--public-ink);letter-spacing:-.055em;margin:20px 0 0;font-weight:700;line-height:1;font-size:clamp(50px,5.25vw,76px)!important}.home-v3-copy h1 em{color:var(--public-green);font-style:normal}.home-v3-copy>p{color:#5e7772;max-width:650px;margin:25px 0 0;font-size:17px;line-height:1.75}.home-v3-actions{align-items:center;gap:24px;margin-top:31px;display:flex}.home-v3-demo{color:var(--public-green-dark);font:700 14px var(--display);align-items:center;gap:9px;display:flex}.home-v3-demo>span{border:1px solid #cdbf9d;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;transition:transform .25s;display:grid}.home-v3-demo:hover>span{transform:translateY(3px)}.home-v3-metrics{border-top:1px solid var(--hv-line);gap:30px;margin-top:45px;padding-top:23px;display:flex}.home-v3-metrics>div{align-items:center;gap:9px;display:flex}.home-v3-metrics strong{color:var(--public-ink);font:800 22px var(--display)}.home-v3-metrics span{color:#82786a;font-size:11px;line-height:1.35}.home-v3-art{position:relative}.home-v3-art-frame{background:var(--public-mint);border-radius:120px 24px;min-height:570px;position:relative;overflow:hidden;box-shadow:0 28px 64px #174c442b}.home-v3-art-frame>img{object-fit:cover;object-position:center}.home-v3-art-frame:after{content:"";background:linear-gradient(#0000,#092b27a6);position:absolute;inset:50% 0 0}.home-v3-art-label{z-index:1;color:#fff;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:27px;left:30px;right:27px}.home-v3-art-label span{font:700 11px Noto Sans JP,sans-serif}.home-v3-art-label strong{font:700 18px var(--display);text-align:right}.home-v3-word{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffffa6;border-radius:16px;flex-direction:column;width:224px;padding:17px;display:flex;position:absolute;top:32px;left:28px;box-shadow:0 15px 35px #18484121}.home-v3-word small{color:#66817c;font:800 9px var(--display);letter-spacing:.1em}.home-v3-word b{color:#193f3a;margin-top:7px;font:700 28px Noto Sans JP,sans-serif}.home-v3-word span{color:#667d79;font-size:11px}.hanko-stamp{color:var(--hv-hanko);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute}.hanko-stamp:before{content:"";border:2.5px solid;border-radius:50%;position:absolute;inset:5%}.hanko-stamp:after{opacity:.6;content:"";border:1px solid;border-radius:50%;position:absolute;inset:15%}.hanko-stamp>span{z-index:1;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.08em;font-family:Noto Serif JP,serif;font-weight:700;position:relative}.hanko-stamp--hero{--tilt:-11deg;opacity:0;filter:drop-shadow(0 12px 20px #b8402c52);width:96px;height:96px;font-size:30px;animation:.6s cubic-bezier(.34,1.56,.64,1) .9s forwards hv-stamp-press;bottom:60px;right:-24px}.hanko-stamp--sample{--tilt:7deg;opacity:0;width:60px;height:60px;font-size:18px;top:-18px;right:24px}.home-v3-product.is-visible .hanko-stamp--sample{animation:.5s cubic-bezier(.34,1.56,.64,1) .6s forwards hv-stamp-press}.hanko-stamp--free{--tilt:-9deg;width:56px;height:56px;transform:rotate(var(--tilt));flex:none;font-size:16px;animation:2.8s ease-in-out .4s infinite hv-hanko-pulse;position:relative}@keyframes hv-stamp-press{0%{opacity:0;transform:scale(1.8) rotate(calc(var(--tilt) - 26deg))}55%{opacity:1;transform:scale(.93) rotate(var(--tilt))}to{opacity:1;transform:scale(1) rotate(var(--tilt))}}@keyframes hv-hanko-pulse{0%,to{transform:rotate(var(--tilt)) scale(1)}50%{transform:rotate(var(--tilt)) scale(1.07)}}.home-v3-marquee{background:var(--public-mintx);padding:84px 0 96px}.home-v3-marquee-head{width:min(100% - 60px,1440px);margin:0 auto 36px}.home-v3-marquee-head p{color:#3f584f;max-width:620px;margin:16px 0 0;font-size:16px;line-height:1.65}.home-v3-marquee-head p b{color:var(--public-green-dark);font-family:Noto Sans JP,sans-serif;font-weight:700}.home-v3-marquee-viewport{width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.home-v3-marquee-track{gap:16px;width:max-content;padding:4px max(30px,50vw - 720px);animation:40s linear infinite hv-marquee;display:flex}.home-v3-marquee-viewport:hover .home-v3-marquee-track{animation-play-state:paused}.home-v3-phrase{background:#fff;border:1px solid #e2ded0;border-radius:14px;flex-direction:column;gap:5px;min-width:230px;padding:17px 22px 16px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:flex;position:relative;box-shadow:0 8px 20px #183d390f}.home-v3-phrase:hover{transform:translateY(-4px);box-shadow:0 16px 32px #183d3921}.home-v3-phrase>i{background:var(--hv-hanko);border-radius:50%;width:6px;height:6px;position:absolute;top:15px;right:15px}.home-v3-phrase b{color:var(--public-ink);white-space:nowrap;padding-right:14px;font:700 16px Noto Sans JP,sans-serif}.home-v3-phrase span{color:#748a83;white-space:nowrap;font-size:12px}@keyframes hv-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-v3-product{width:min(100% - 60px,1440px);margin:auto;padding:110px 0}.home-v3-product>header{grid-template-columns:1fr .7fr;align-items:end;gap:70px;display:grid}.home-v3-product h2,.home-v3-section-head h2,.home-v3-method-copy h2,.home-v3-final h2{color:var(--public-ink);letter-spacing:-.045em;margin:11px 0 0;font-weight:700;line-height:1.06;font-size:clamp(38px,3.6vw,53px)!important}.home-v3-product>header>p{color:#627a75;margin:0;font-size:16px}.home-v3-browser-wrap{margin-top:38px;position:relative}.home-v3-browser{opacity:0;background:linear-gradient(145deg,#fdfbf6,#f4efe2);border:1px solid #ddd3ba;border-radius:22px;transition:opacity .8s cubic-bezier(.22,1,.36,1) .1s,transform .8s cubic-bezier(.22,1,.36,1) .1s;overflow:hidden;transform:perspective(1300px)rotateX(9deg)translateY(20px);box-shadow:0 34px 80px #14473f29}.home-v3-product.is-visible .home-v3-browser{opacity:1;transform:none}.browser-bar{background:#f8f4ea;border-bottom:1px solid #e4dcc7;grid-template-columns:1fr auto 1fr;align-items:center;height:47px;padding:0 17px;display:grid}.browser-bar>div{gap:6px;display:flex}.browser-bar i{background:var(--hv-hanko);border-radius:50%;width:8px;height:8px}.browser-bar i:nth-child(2){background:#e9bc67}.browser-bar i:nth-child(3){background:#59b698}.browser-bar>span{color:#8a8064;font:600 10px var(--display)}.browser-bar>a{color:#176f67;font:700 11px var(--display);justify-self:end;align-items:center;gap:5px;display:flex}.browser-bar svg{width:14px}.home-v3-browser .browser-screen{background:radial-gradient(circle at 50% 30%,#fff 0,#f5f0e3 68%);place-items:center;max-height:none;padding:40px;display:grid}.home-v3-browser .browser-screen img{border:1px solid #e4dcc7;border-radius:12px;height:auto;box-shadow:0 22px 55px #15463e24}.home-v3-product-notes{background:var(--hv-line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;display:grid}.home-v3-product-notes article{background:var(--hv-paper);gap:16px;padding:24px;display:flex}.home-v3-product-notes article>span{color:#176f67;background:var(--public-mint);height:35px;font:800 11px var(--display);border-radius:10px;flex:0 0 35px;place-items:center;display:grid}.home-v3-product-notes h3{color:#294e49;margin:0;font-size:16px!important}.home-v3-product-notes p{color:#6b817d;margin:5px 0 0}.home-v3-capabilities{background:var(--public-mint);padding:110px max(30px,50vw - 720px) 120px}.home-v3-section-head{grid-template-columns:1fr .7fr;align-items:end;gap:70px;display:grid}.home-v3-section-head>p{color:#4c665f;margin:0;font-size:16px}.home-v3-cards{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px;display:grid}.home-v3-card{background:#fff;border:1px solid #d9e9e4;border-radius:16px;flex-direction:column;min-height:300px;padding:24px 22px;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:flex;position:relative;transform:rotate(0);box-shadow:0 10px 26px #183d3912}.home-v3-card:first-child{transform:rotate(-3deg)}.home-v3-card:nth-child(2){transform:rotate(2deg)translateY(9px)}.home-v3-card:nth-child(3){transform:rotate(-2deg)translateY(3px)}.home-v3-card:nth-child(4){transform:rotate(3deg)translateY(12px)}.home-v3-card:hover{z-index:2;border-color:#a9cec5;transform:rotate(0)translateY(-8px);box-shadow:0 22px 42px #183d3926}.home-v3-card>header{justify-content:space-between;align-items:center;display:flex}.home-v3-card>header>span{color:#5f8b7f;font:800 11px var(--display);letter-spacing:.03em}.home-v3-card>header>i{width:38px;height:38px;color:var(--public-green-dark);background:var(--public-mint);border-radius:10px;place-items:center;display:grid}.home-v3-card>header svg{width:18px}.home-v3-card-thumb{border:3px solid #fff;border-radius:12px;width:64px;height:64px;margin-top:22px;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 8px 16px #183d3929}.home-v3-card-thumb img{object-fit:cover}.home-v3-card-title{align-items:baseline;gap:11px;margin-top:16px;display:flex}.home-v3-card-title>b{color:#cebfa0;font:500 27px Noto Serif JP,serif}.home-v3-card-title h3{color:var(--public-ink);margin:0;font-weight:700;font-size:20px!important}.home-v3-card>p{color:#63796f;margin:10px 0 0;font-size:14px;line-height:1.55}.home-v3-card>strong{color:var(--public-green-dark);font:700 13px var(--display);align-items:center;gap:6px;margin-top:auto;padding-top:16px;display:flex}.home-v3-card>strong svg{width:15px;transition:transform .2s}.home-v3-card:hover>strong svg{transform:translate(3px)}.home-v3-cards-wrap.reveal{opacity:1;transform:none}.home-v3-cards-wrap:not(.is-visible) .home-v3-card{opacity:0;transform:translateY(60px)scale(.95)rotate(0)!important}.home-v3-cards-wrap.is-visible .home-v3-card:nth-child(2){transition-delay:80ms}.home-v3-cards-wrap.is-visible .home-v3-card:nth-child(3){transition-delay:.16s}.home-v3-cards-wrap.is-visible .home-v3-card:nth-child(4){transition-delay:.24s}.home-v3-method{background:#123e39;grid-template-columns:1fr 1fr;min-height:700px;display:grid}.home-v3-method-image{min-height:600px;position:relative;overflow:hidden}.home-v3-method-image>img{object-fit:cover}.home-v3-method-copy{color:#fff;align-self:center;max-width:680px;padding:70px}.home-v3-method-copy .public-eyebrow{color:#91cec3}.home-v3-method-copy>p{color:#bfd3cf;max-width:600px;margin:22px 0;font-size:16px}.home-v3-method-steps{margin-top:26px;position:relative}.home-v3-method-line{transform-origin:top;background:#fff3;width:1px;height:calc(100% - 32px);transition:transform 1.1s cubic-bezier(.22,1,.36,1) .2s;position:absolute;top:5px;left:15px;transform:scaleY(0)}.home-v3-method.is-visible .home-v3-method-line{transform:scaleY(1)}.home-v3-method-steps ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home-v3-method-steps li{z-index:1;gap:15px;padding:15px 0;display:flex;position:relative}.home-v3-method-steps li>span{color:#a8d5cc;background:#123e39;border:1px solid #ffffff52;border-radius:50%;flex:0 0 32px;place-items:center;height:32px;font:700 12px Noto Serif JP,serif;display:grid}.home-v3-method-steps li strong{color:#fff;font:700 16px var(--display)}.home-v3-method-steps li p{color:#afc8c3;margin:3px 0 0;font-size:13px}.home-v3-method-copy>a{color:#fff;width:max-content;font:700 14px var(--display);align-items:center;gap:7px;margin-top:27px;display:flex}.home-v3-method-copy>a svg{width:16px;transition:transform .2s}.home-v3-method-copy>a:hover svg{transform:translate(3px)}.home-v3-final{text-align:center;background:var(--hv-paper);padding:115px max(30px,50vw - 720px);position:relative;overflow:hidden}.home-v3-final>div{z-index:1;position:relative}.home-v3-final p{color:#5f7773;max-width:650px;margin:20px auto 28px;font-size:16px}.home-v3-final-cta{align-items:center;gap:20px;display:inline-flex}.home-v3-final>b{color:#137f780d;font:700 260px Noto Serif JP,serif;position:absolute;bottom:-95px;right:5%}@media (max-width:1050px){.home-v3-hero{grid-template-columns:1fr;min-height:0}.home-v3-art-frame{min-height:650px}.home-v3-product>header,.home-v3-section-head{grid-template-columns:1fr;gap:22px}.home-v3-browser .browser-screen img{width:62%}.home-v3-cards{grid-template-columns:1fr 1fr}.home-v3-method{grid-template-columns:1fr}.home-v3-method-image{min-height:400px}.home-v3-method-copy{max-width:none}}@media (max-width:700px){.home-v3-hero,.home-v3-product{width:min(100% - 28px,1440px)}.home-v3-hero{gap:38px;padding:49px 0 58px}.home-v3-copy h1{font-size:42px!important}.home-v3-copy>p{font-size:15px}.home-v3-actions{flex-direction:column;align-items:flex-start;gap:15px}.home-v3-metrics{gap:16px}.home-v3-metrics>div{flex-direction:column;align-items:flex-start;gap:1px}.home-v3-art-frame{border-radius:70px 17px;min-height:430px}.home-v3-art-frame>img{object-position:56% center}.home-v3-art-label{bottom:18px;left:18px;right:18px}.home-v3-art-label>span{display:none}.home-v3-word{width:190px;padding:13px;top:17px;left:16px}.hanko-stamp--hero{width:72px;height:72px;font-size:22px;bottom:16px;right:-10px}.home-v3-marquee{padding:56px 0 64px}.home-v3-marquee-head{width:min(100% - 28px,1440px)}.home-v3-marquee-head p{font-size:14px}.home-v3-phrase{min-width:190px;padding:14px 18px 13px}.home-v3-phrase b{font-size:14px}.home-v3-product{padding:78px 0}.browser-bar{grid-template-columns:1fr auto}.browser-bar>span{display:none}.home-v3-browser .browser-screen{padding:16px}.home-v3-browser .browser-screen img{border-radius:8px;width:100%}.home-v3-product-notes{grid-template-columns:1fr}.home-v3-capabilities{padding:75px 14px 80px}.home-v3-cards{grid-template-columns:1fr;gap:16px}.home-v3-card,.home-v3-card:first-child,.home-v3-card:nth-child(2),.home-v3-card:nth-child(3),.home-v3-card:nth-child(4){min-height:0;transform:none}.home-v3-method-image{min-height:340px}.home-v3-method-copy{padding:55px 20px}.home-v3-final{padding:80px 20px}.home-v3-final h2{font-size:38px!important}.home-v3-final-cta{flex-direction:column;gap:16px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.home-v3 .public-rise{animation:none}.home-v3-card{transition:none}.home-v3-cards-wrap:not(.is-visible) .home-v3-card{opacity:1;transform:none!important}.home-v3-card:hover{transform:none}.home-v3-browser{opacity:1;transition:none;transform:none}.home-v3-marquee-track{animation:none}.home-v3-method-line{transition:none;transform:scaleY(1)}.hanko-stamp{opacity:1!important;transform:rotate(var(--tilt,0deg))!important;animation:none!important}}.auth-page{font-family:var(--sans)}.auth-visual>span{font-family:Noto Sans JP,Hiragino Maru Gothic ProN,sans-serif;font-size:clamp(22px,2vw,32px);font-weight:700}.auth-visual h2{font-family:var(--display);font-size:clamp(38px,3.7vw,54px);font-weight:700;line-height:1.08}.auth-visual>p{font-size:16px;line-height:1.75}.auth-quote small{font-size:13px}.auth-card{width:min(100% - 48px,480px);padding:22px}.auth-heading>span{font-family:"Noto Sans JP",var(--sans);font-size:14px;font-weight:700}.auth-heading h1{font-family:var(--display);font-size:32px;font-weight:700;line-height:1.16}.auth-heading p{font-size:15px;line-height:1.65}.auth-card form>label{font-family:var(--display);font-size:14px;font-weight:700}.auth-card input:not([type=checkbox]){height:50px;font-family:var(--sans);font-size:15px}.auth-options,.remember{font-size:13px!important}.auth-submit{height:51px;font-size:15px}.auth-switch{font-size:14px}.auth-google{color:#294b46;width:100%;height:50px;font-family:var(--display);cursor:pointer;background:#fff;border:1px solid #d5e1df;border-radius:13px;justify-content:center;align-items:center;gap:11px;font-size:14px;font-weight:700;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 4px 13px #1846400d}.auth-google svg{width:20px;height:20px}.auth-google:hover:not(:disabled){background:#fbfdfc;border-color:#a9cac5;transform:translateY(-1px);box-shadow:0 8px 20px #18464014}.auth-google:focus-visible{outline-offset:2px;outline:3px solid #137f782e}.auth-google:disabled{cursor:wait;opacity:.62}.auth-divider{color:#81928f;align-items:center;gap:12px;margin:18px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e1e9e7;flex:1;height:1px}.auth-divider span{white-space:nowrap;font-size:11px}@media (max-width:520px){.auth-card{width:calc(100% - 20px);padding:18px 14px}.auth-heading h1{font-size:29px}.auth-heading p{font-size:14px}.auth-google,.auth-card input:not([type=checkbox]){height:48px}}@media (prefers-reduced-motion:reduce){.auth-google{transition:none}.auth-google:hover:not(:disabled){transform:none}}.grammar-path-hero>div>.published-hero-stats{flex-wrap:wrap;align-items:center;gap:9px;margin-top:24px;display:flex}.grammar-path-hero>div>.published-hero-stats>span{color:#d9ebe7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #ffffff29;border-radius:9px;align-items:baseline;gap:5px;padding:8px 11px;display:flex;font-size:12px!important}.grammar-path-hero>div>.published-hero-stats b{color:#fff;font-family:var(--display);font-size:15px;font-weight:800}@media (max-width:760px){.grammar-path-hero>div>.published-hero-stats{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.grammar-path-hero>div>.published-hero-stats>span:last-child{grid-column:1/-1}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.delay-4{transition-delay:4ms}}:root{--primary:#137f78;--primary-2:#35a69b;--ink:#183b3a;--muted:#647b79;--line:#dfeae7;--canvas:#f3f8f6;--card:#fff;--green:#27a773;--coral:#ee8268;--cream:#fff7ee;--display:"Barlow","Hiragino Maru Gothic ProN","Noto Sans JP","Yu Gothic UI",sans-serif;--sans:"Barlow","Noto Sans","Hiragino Maru Gothic ProN","Noto Sans JP","Yu Gothic UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);margin:0;font-size:18px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{width:20px;height:20px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#fff;border-right:1px solid #ececf3;flex-direction:column;width:244px;padding:24px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:11px;margin-bottom:27px;padding:0 9px;display:flex}.logo>span,.mobile-logo>span{color:#fff;background:linear-gradient(145deg,#7368ed,#4438bd);border-radius:12px 12px 12px 5px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:900;display:grid;box-shadow:0 8px 20px #5547dc32}.logo strong{letter-spacing:-.05em;font-size:20px}.logo em{color:var(--primary);font-style:normal}.sidebar nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8dcd7 transparent;flex-direction:column;gap:3px;min-height:0;display:flex;overflow:hidden auto}.sidebar nav small{color:#a1a4b6;letter-spacing:.14em;padding:13px 12px 7px;font-size:13px;font-weight:800}.sidebar nav a{color:#6f7288;border-radius:10px;flex:0 0 43px;align-items:center;gap:12px;height:43px;padding:0 13px;font-size:16px;font-weight:550;transition:color .2s,background .2s,transform .2s;display:flex;position:relative}.sidebar nav a:hover{color:var(--primary);background:#f5f4ff;transform:translate(2px)}.sidebar nav a.active{color:var(--primary);background:#f0efff;font-weight:750}.sidebar nav a.active i{background:var(--primary);border-radius:5px;width:3px;height:20px;position:absolute;right:0}.sidebar nav svg{width:18px;height:18px}.sidebar-goal{background:linear-gradient(145deg,#f7f6ff,#eeecff);border:1px solid #e6e3ff;border-radius:13px;margin:auto 4px 12px;padding:14px}.sidebar-goal>div{color:var(--primary);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.sidebar-goal svg{width:15px}.sidebar-goal strong{margin:10px 0 3px;font-size:16px;display:block}.sidebar-goal p{color:#8a8da2;margin:0;font-size:12px}.sidebar-goal>i{background:#dddaf4;border-radius:5px;height:4px;margin-top:12px;display:block}.sidebar-goal>i b{background:var(--primary);border-radius:5px;width:68%;height:100%;display:block}.sidebar-profile{border-top:1px solid #f0f0f5;align-items:center;gap:9px;padding:10px;display:flex}.sidebar-profile>span,.top-avatar{width:34px;height:34px;color:var(--primary);background:#eceafe;border-radius:10px;place-items:center;font-size:13px;font-weight:900;display:grid}.user-avatar-image{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.top-avatar,.sidebar-profile>span:first-child{overflow:hidden}.sidebar-profile div{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-profile small{color:#999cad;font-size:12px}.sidebar-profile>svg{color:#a4a6b4;width:15px}.app-main{min-height:100vh;margin-left:244px}.topbar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.search{width:310px;position:relative}.search svg{stroke:#a5a7b5;stroke-width:1.7px;width:17px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search input{width:100%;height:39px;color:var(--ink);background:#f8f8fb;border:1px solid #e6e7ef;border-radius:10px;outline:0;padding:0 14px 0 40px;font-size:14px;transition:border .2s,box-shadow .2s,background .2s}.search input:focus{background:#fff;border-color:#aaa3ef;box-shadow:0 0 0 3px #5b4edd16}.top-actions{align-items:center;gap:13px;margin-left:auto;display:flex}.top-actions>button{color:#71758b;cursor:pointer;background:#fff;border:1px solid #e7e8ef;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.top-actions>button i{color:#fff;background:#ef5e69;border:2px solid #fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:12px;font-style:normal;display:grid;position:absolute;top:-3px;right:-2px}.language{border-left:1px solid #e7e8ef;border-right:1px solid #e7e8ef;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:13px;display:flex}.language span{color:var(--primary);background:#eeecff;border-radius:5px;padding:4px 6px;font-weight:800}.language b{color:#989aab;font-weight:500}.mobile-logo{display:none}.dashboard{margin:0 auto}.dashboard-head{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.dashboard-head p{color:#9a9cad;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:13px;font-weight:700}.dashboard-head h1{letter-spacing:-.045em;margin:0;font-size:25px}.dashboard-head h1 span{color:var(--primary);margin-left:6px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:17px;font-weight:500}.dashboard-head small{color:#85889c;margin-top:6px;font-size:14px;display:block}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6255e6,#493dc5);border:0;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 17px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 24px #5547dc31}.primary-button:hover{transform:translateY(-2px);box-shadow:0 13px 28px #5547dc40}.primary-button svg{width:16px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 302px;gap:20px;display:grid}.main-column,.right-column{flex-direction:column;gap:20px;display:flex}.welcome-card{color:#fff;background:linear-gradient(120deg,#4339b7,#6559df);border-radius:17px;grid-template-columns:1fr 160px;min-height:190px;padding:29px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 35px #443ab32d}.welcome-card:after{content:"";border:1px solid #ffffff15;border-radius:50%;width:290px;height:290px;position:absolute;top:-90px;right:-45px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.welcome-copy{z-index:2;position:relative}.pill{letter-spacing:.12em;background:#ffffff12;border:1px solid #ffffff30;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-block}.welcome-copy h2{letter-spacing:-.035em;margin:15px 0 7px;font-size:22px}.welcome-copy p{color:#d7d4fa;margin:0;font-size:14px}.welcome-copy p b{color:#fff}.route{align-items:center;gap:10px;max-width:390px;margin-top:21px;display:flex}.route span{font-size:13px;font-weight:800}.route i{background:#ffffff28;border-radius:5px;flex:1;height:5px}.route i b{background:#92e0bd;border-radius:5px;width:68%;height:100%;display:block}.welcome-stats{z-index:2;border-left:1px solid #ffffff21;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.streak-ring{background:conic-gradient(#83ddb6 78%,#ffffff26 0);border-radius:50%;place-items:center;width:79px;height:79px;display:grid}.streak-ring:before{content:"";background:#5c51d3;border-radius:50%;width:65px;height:65px;position:absolute}.streak-ring span{flex-direction:column;align-items:center;display:flex;position:relative}.streak-ring b{font-size:22px;line-height:1}.streak-ring small{color:#dbd8fb;margin-top:3px;font-size:12px}.welcome-stats p{margin:8px 0 2px;font-size:12px;font-weight:700}.welcome-stats>small{color:#c0bcea;font-size:12px}.jp-decoration{color:#ffffff0b;font-family:Yu Mincho,serif;font-size:180px;font-weight:700;position:absolute;bottom:-55px;right:180px}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:13px;display:flex}.section-title h2{margin:0;font-size:18px}.section-title p{color:#9a9cad;margin:4px 0 0;font-size:12px}.section-title a{color:var(--primary);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.section-title a svg{width:13px;transition:transform .2s}.section-title a:hover svg{transform:translate(3px)}.quick-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-card{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:11px;min-height:105px;padding:15px;transition:transform .25s,border .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 7px 18px #3e3c6805}.quick-card:hover{border-color:#cbc8ed;transform:translateY(-4px);box-shadow:0 13px 25px #3e3c6810}.quick-card>svg{color:#b8bac8;width:13px;position:absolute;top:15px;right:12px}.quick-icon{border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.quick-card h3{margin:0 0 4px;font-size:15px}.quick-card p{color:#9396a8;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:12px;overflow:hidden}.quick-card span{margin-top:9px;font-size:12px;font-weight:700;display:block}.quick-card.blue span{color:#3689c4}.quick-card.green span{color:#289b70}.quick-card.violet span{color:#6a5ddc}.quick-card.orange span{color:#d98a32}.quick-card.rose span{color:#d35f75}.quick-card.indigo span{color:#4f5fd0}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:17px;padding:14px;display:flex}.lesson-cover{color:#fff;background:linear-gradient(135deg,#2c8dac,#55bed1);border-radius:10px;flex:0 0 125px;place-items:center;width:125px;height:92px;display:grid;position:relative;overflow:hidden}.lesson-cover>span{opacity:.94;font-family:Yu Mincho,serif;font-size:35px;font-weight:700}.sound-bars{align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:8px;right:8px}.sound-bars i{background:#ffffff80;width:2px;height:8px}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:5px}.sound-bars i:nth-child(4){height:11px}.lesson-info{flex:1}.lesson-info>span{color:#3d9eb7;letter-spacing:.08em;font-size:12px;font-weight:800}.lesson-info h3{margin:7px 0 5px;font-size:16px}.lesson-info p{color:#898c9e;margin:0;font-size:12px}.lesson-progress{align-items:center;gap:10px;margin-top:15px;display:flex}.lesson-progress>i{background:#e8e9ef;border-radius:5px;flex:1;max-width:270px;height:4px}.lesson-progress>i b{background:#37a6be;border-radius:5px;width:66%;height:100%;display:block}.lesson-progress span{color:#85889b;font-size:12px}.lesson-card>button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.lesson-card>button svg{width:15px;transition:transform .2s}.lesson-card>button:hover svg{transform:translate(3px)}.weekly-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.bar-chart{border-top:1px solid #f0f1f5;justify-content:space-around;align-items:flex-end;height:105px;padding-top:8px;display:flex}.bar-chart>div{flex-direction:column;align-items:center;gap:7px;width:8%;display:flex}.bar-chart>div>span{background:#f0eff8;border-radius:6px;width:11px;height:75px;position:relative}.bar-chart i{background:linear-gradient(#8b82ee,#5547dc);border-radius:6px;width:100%;transition:height .7s;position:absolute;bottom:0}.bar-chart small{color:#a1a3b2;font-size:12px}.side-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px;box-shadow:0 7px 18px #3e3c6805}.side-title{align-items:center;gap:10px;display:flex}.side-title>span{color:#7569e8;background:#efedff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.side-title svg{width:17px}.side-title div{flex-direction:column;display:flex}.side-title small{color:#a1a3b2;letter-spacing:.1em;font-size:12px;font-weight:800}.side-title h3{margin:3px 0 0;font-size:15px}.countdown{background:#f7f7fb;border-radius:10px;justify-content:space-around;align-items:center;margin:17px 0;padding:13px 8px;display:flex}.countdown div{flex-direction:column;align-items:center;display:flex}.countdown small{color:#a2a4b3;text-transform:uppercase;margin-top:2px;font-size:12px}.countdown>i{color:#c2c3ce;font-style:normal}.exam-reminder>a,.recommendation>a{color:var(--primary);justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:750;display:flex}.exam-reminder>a svg,.recommendation>a svg{width:13px}.side-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.side-heading h3{margin:0;font-size:15px}.side-heading>span{color:var(--primary);background:#efedff;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:800}.task{border-bottom:1px solid #f0f0f5;align-items:center;gap:10px;padding:10px 0;display:flex}.task>span{color:#8c8fa1;border:1px solid #dedfe8;border-radius:8px;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.task.done>span{color:var(--green);background:#eaf8f2;border-color:#bfe9d6}.task svg{fill:none;stroke:currentColor;stroke-width:2px;width:15px;height:15px}.task>div{flex-direction:column;gap:2px;display:flex}.task.done b{color:#888b9c;text-decoration:line-through}.task small{color:#a0a2b1;font-size:12px}.today-card button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:34px;margin-top:13px;font-size:12px;font-weight:750;display:flex}.today-card button svg{width:13px}.recommend-icon{color:#347fae;background:#e6f3fb;border-radius:12px;place-items:center;width:42px;height:42px;margin:3px 0 12px;display:grid}.recommendation>span{color:#da7c45;text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:800}.recommendation>h3{margin:5px 0;font-size:16px}.recommendation>p{color:#898c9f;margin:0 0 13px;font-size:12px;line-height:1.65}.recommendation>a{justify-content:flex-start}.mini-stats{grid-template-columns:1fr 1fr 1fr;padding:14px 6px;display:grid}.mini-stats>div{border-right:1px solid #eeeef3;flex-direction:column;align-items:center;display:flex}.mini-stats>div:last-child{border:0}.stat-icon{border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.stat-icon svg{width:14px}.mini-stats p{flex-direction:column;align-items:center;margin:6px 0 0;display:flex}.mini-stats small{color:#a0a2b1;margin-top:2px;font-size:12px}.mobile-nav{display:none}.enter{animation:.65s cubic-bezier(.22,1,.36,1) both enter}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.15s}.delay-3{animation-delay:.22s}.delay-4{animation-delay:.29s}@keyframes enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #5547dc3b}@media (max-width:1100px){.dashboard-layout{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;display:grid}.mini-stats{grid-column:1/-1}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.sidebar{width:78px;padding-inline:10px}.logo{justify-content:center;padding:0}.logo strong,.sidebar nav small,.sidebar nav a span,.sidebar-goal,.sidebar-profile div,.sidebar-profile>svg{display:none}.sidebar nav a{flex-basis:46px;justify-content:center;padding:0}.sidebar-profile{justify-content:center}.app-main{margin-left:78px}.topbar,.dashboard{padding-inline:20px}.quick-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){body{padding-bottom:66px}.sidebar{display:none}.app-main{margin:0}.topbar{height:62px;padding:0 15px}.mobile-logo{align-items:center;gap:8px;display:flex}.mobile-logo>span{border-radius:9px;width:31px;height:31px;font-size:12px}.mobile-logo>b{font-size:16px}.search,.language{display:none}.top-actions{gap:8px}.top-avatar{width:32px;height:32px}.dashboard{padding:22px 14px 35px}.dashboard-head{align-items:flex-start}.dashboard-head h1{font-size:20px}.dashboard-head h1 span{display:none}.dashboard-head .primary-button{width:38px;height:38px;padding:0;font-size:0}.dashboard-head .primary-button svg{width:17px}.dashboard-layout{gap:15px}.welcome-card{grid-template-columns:1fr;min-height:245px;padding:23px}.welcome-copy h2{font-size:18px}.welcome-stats{border-top:1px solid #ffffff21;border-left:0;align-items:flex-start;margin-top:23px;padding-top:18px}.streak-ring{width:68px;height:68px;position:absolute;bottom:20px;right:21px}.streak-ring:before{width:56px;height:56px}.welcome-stats p,.welcome-stats>small{padding-left:0}.jp-decoration{display:none}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:88px}.quick-card p{max-width:100%}.lesson-card{flex-wrap:wrap;align-items:flex-start}.lesson-cover{flex-basis:100%;width:100%;height:105px}.lesson-card>button{margin-left:auto}.right-column{display:flex}.weekly-card{overflow:hidden}.mobile-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffed;justify-content:space-around;height:64px;display:flex;position:fixed;inset:auto 0 0}.mobile-nav a{color:#989aaa;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:12px;display:flex}.mobile-nav a.active{color:var(--primary);font-weight:750}.mobile-nav svg{width:18px}.right-column{gap:15px}.mobile-nav>a,.mobile-more-menu{flex:20%;min-width:0}.mobile-more-menu{display:flex}.mobile-more-menu>summary{color:#7b7e91;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;list-style:none;display:flex}.mobile-more-menu>summary::-webkit-details-marker{display:none}.mobile-more-menu>summary svg{width:20px;height:20px}.mobile-more-menu>summary span{font-size:10px!important}.mobile-more-menu[open]>summary{color:var(--primary)}.mobile-more-menu>div{background:#fff;border:1px solid #d9e6e3;border-radius:16px;grid-template-columns:1fr 1fr;gap:5px;width:min(320px,100vw - 20px);max-height:calc(100dvh - 92px);padding:10px;display:grid;position:fixed;bottom:72px;right:10px;overflow-y:auto;box-shadow:0 18px 45px #183f3930}.mobile-more-menu>div>a{color:#506b66;text-align:left;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:9px;min-width:0;min-height:48px;padding:0 10px;display:flex}.mobile-more-menu>div>a:hover,.mobile-more-menu>div>a:focus-visible{color:var(--primary);background:#eaf6f3}.mobile-more-menu>div>a span{font-size:12px!important}}body{letter-spacing:.005em;font-size:15.5px}.logo>span,.mobile-logo>span{background:linear-gradient(145deg,#2aa89d,#0f706a);box-shadow:0 8px 20px #137f7830}.logo strong{font-size:22px}.logo em{color:var(--coral)}.sidebar{background:#fffefa;border-color:#e0ebe8}.sidebar nav a{border-radius:14px;height:46px;font-size:13.5px}.sidebar nav a:hover{color:var(--primary);background:#eaf6f3}.sidebar nav a.active{color:#0b6f68;background:#dcf2ed}.sidebar nav a.active i{background:var(--coral)}.sidebar nav small{font-size:14px}.sidebar-goal{background:linear-gradient(145deg,#f1fbf8,#e4f5f0);border-color:#cfe8e2;border-radius:17px}.sidebar-goal>div{color:var(--primary);font-size:14px}.sidebar-goal p,.sidebar-profile small{font-size:13px}.sidebar-goal>i{background:#cfe5df}.sidebar-goal>i b{background:linear-gradient(90deg,var(--primary),#4eb7a6)}.topbar{background:#fffefaf2;border-color:#deebe7}.search{width:340px}.search input{background:#f4f8f7;border-color:#dfeae7;border-radius:14px;height:42px;font-size:16px}.search input:focus{border-color:#79bbb3;box-shadow:0 0 0 4px #137f7814}.top-actions>button{border-color:#dce9e6;border-radius:13px;width:41px;height:41px}.language{font-size:14px}.language span{color:#0b7069;background:#def2ed}.top-avatar{color:#0c7069;background:#dff3ee}.dashboard{padding:33px 32px 70px}.dashboard-head p{font-size:14px}.dashboard-head h1{letter-spacing:-.035em;font-size:29px}.dashboard-head h1 span{color:var(--coral);font-family:"Hiragino Maru Gothic ProN","Yu Gothic UI",var(--sans);font-size:19px;font-weight:650}.dashboard-head small{font-size:16px}.primary-button{background:linear-gradient(135deg,#1d9188,#0f716b);border-radius:14px;height:46px;padding-inline:20px;font-size:16px;box-shadow:0 10px 24px #137f7830}.primary-button:hover{box-shadow:0 13px 28px #137f7840}.welcome-card{background:linear-gradient(120deg,#106f69,#22988e);border-radius:23px;min-height:205px;padding:31px 32px;box-shadow:0 16px 35px #116d6828}.pill{border-radius:8px;padding:7px 10px;font-size:8.5px}.welcome-copy h2{font-size:25px}.welcome-copy p{font-size:16px}.route span{font-size:15px}.route i b{background:#ffc0a9}.streak-ring{background:conic-gradient(#ffc0a9 78%,#ffffff26 0)}.streak-ring:before{background:#1d8b83}.streak-ring b{font-size:25px}.streak-ring small,.welcome-stats>small{font-size:12px}.welcome-stats p{font-size:14px}.jp-decoration{font-family:Hiragino Maru Gothic ProN,Yu Gothic UI,sans-serif}.section-title{margin-bottom:15px}.section-title h2{font-size:17px}.section-title p{font-size:14px}.section-title a{color:var(--primary);font-size:14px}.quick-grid{gap:13px}.quick-card{border-color:#deebe7;border-radius:18px;min-height:116px;padding:17px;box-shadow:0 7px 18px #1d595307}.quick-card:hover{border-color:#9fcfc7;box-shadow:0 14px 27px #185c5513}.quick-icon{border-radius:14px;flex-basis:45px;width:45px;height:45px}.quick-card h3{font-size:13.5px}.quick-card p{max-width:135px;font-size:13px}.quick-card.blue .quick-icon{color:#267ea0;background:#e3f3f5}.quick-card.green .quick-icon{color:#187a62;background:#ddf3eb}.quick-card.violet .quick-icon{color:#7c5c8f;background:#f2eaf5}.quick-card.orange .quick-icon{color:#c16b3b;background:#fff0e6}.quick-card.rose .quick-icon{color:#c85c68;background:#fde9e9}.quick-card.indigo .quick-icon{color:#137f78;background:#dff3ef}.quick-card.indigo span,.quick-card.violet span{color:#137f78}.lesson-card,.weekly-card,.side-card{border-color:#dfeae7;border-radius:19px;box-shadow:0 8px 20px #1d595306}.lesson-cover{background:linear-gradient(135deg,#167d78,#4ab5a8);border-radius:15px}.lesson-cover>span{font-family:Hiragino Maru Gothic ProN,Yu Gothic UI,sans-serif}.lesson-info>span{color:#137f78;font-size:13px}.lesson-info h3{font-size:18px}.lesson-info p{font-size:14px}.lesson-progress>i b{background:#2da69b}.lesson-card>button{background:var(--coral);border-radius:11px}.weekly-card .section-title>b{color:var(--coral);font-size:16px}.bar-chart small{font-size:13px}.bar-chart i{background:linear-gradient(#56baaf,#137f78)}.side-title small{font-size:8.5px}.side-title h3,.side-heading h3{font-size:17px}.side-title>span{color:#0f786f;background:#dff3ee;border-radius:13px}.countdown{background:#f1f7f5;border-radius:14px}.countdown b{font-size:22px}.countdown small{font-size:7.5px}.exam-reminder>a,.recommendation>a{color:var(--primary);font-size:14px}.side-heading>span{color:#0c756e;background:#def2ed;font-size:8.5px}.task>span{border-radius:10px;width:30px;height:30px;font-size:14px}.task.done>span{color:#187e61;background:#e1f4ec}.task b{font-size:15px}.today-card button{background:var(--primary);border-radius:11px;height:39px;font-size:14px}.ai-label{color:#b75c3d!important;background:#fff0e8!important}.recommend-icon{color:#137f78;background:#dff3ef;border-radius:15px;width:46px;height:46px}.recommendation>span{color:var(--coral);font-size:8.5px}.recommendation>h3{font-size:18px}.recommendation>p{font-size:14px}.mini-stats b{font-size:16px}.stat-icon.violet{color:#775a89;background:#f1e9f4}.stat-icon.green{color:#137f78;background:#def2ed}.stat-icon.orange{color:#bf6840;background:#fff0e7}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#137f7845}.logo strong,.mobile-logo b,.sidebar nav,.sidebar-goal>div,.sidebar-goal strong,.sidebar-profile b,.language,.dashboard-head h1,.primary-button,.section-title h2,.quick-card h3,.lesson-info>span,.lesson-info h3,.side-title,.side-heading,.task b,.today-card button,.recommendation>span,.recommendation>h3,.mobile-nav{font-family:var(--display);font-feature-settings:"kern" 1,"liga" 1}.sidebar nav a{letter-spacing:.005em;font-size:19px;font-weight:600}.sidebar nav small{font-size:15px;font-weight:700}.logo strong{font-size:23px;font-weight:800}.sidebar-goal>div{font-size:15px}.sidebar-goal strong{font-size:19px}.sidebar-profile b{font-size:13px}.dashboard-head h1{font-size:32px;font-weight:700;line-height:1.2}.dashboard-head h1 span{font-family:Hiragino Maru Gothic ProN,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:19px}.dashboard-head small{font-size:17px;line-height:1.55}.primary-button{font-size:17px;font-weight:700}.welcome-copy h2{font-family:var(--display);font-size:26px;font-weight:700;line-height:1.25}.welcome-copy p{font-size:17px;line-height:1.6}.section-title h2{font-size:18px;font-weight:700;line-height:1.3}.section-title p{font-size:15px;line-height:1.5}.section-title a{font-family:var(--display);font-size:15px;font-weight:600}.quick-card h3{font-size:16px;font-weight:700;line-height:1.25}.quick-card p{font-size:14px;line-height:1.45}.quick-card span{font-size:14px}.lesson-info>span{font-size:14px;font-weight:700}.lesson-info h3{font-size:16px;font-weight:700;line-height:1.35}.lesson-info p{font-size:15px;line-height:1.55}.lesson-progress span{font-size:14px}.side-title small{font-family:var(--display);font-size:13px;font-weight:700}.side-title h3,.side-heading h3{font-size:19px;font-weight:700;line-height:1.3}.exam-reminder>a,.recommendation>a{font-family:var(--display);font-size:15px}.task b{font-size:15px;font-weight:600}.task small{font-size:14px}.today-card button{font-size:15px;font-weight:700}.recommendation>span{font-size:13px}.recommendation>h3{font-size:16px;font-weight:700}.recommendation>p{font-size:15px;line-height:1.6}.mini-stats b{font-family:var(--display);font-size:18px}.mini-stats small{font-size:13px}@media (max-width:600px){.dashboard-head h1{font-size:26px}.dashboard-head small{font-size:16px}.welcome-copy h2{font-size:23px}.section-title h2{font-size:17px}.quick-card p{max-width:230px}.mobile-nav a{font-size:14px;font-weight:600}.mobile-nav a.active{color:var(--primary)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-shell,.dashboard-shell>.app-main{background:#f3f8f6}.dashboard-shell>.app-main>.topbar{background:#fffefaf2}.admin-workspace{--admin-nav:#123f3c;--admin-nav-2:#0c302e;--admin-accent:#52c3b6;color:#173d3a;background:#f2f7f5;min-height:100vh}.admin-sidebar{z-index:40;color:#d9ebe8;background:linear-gradient(180deg,var(--admin-nav),var(--admin-nav-2));flex-direction:column;width:272px;padding:24px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{border-bottom:1px solid #ffffff13;align-items:center;gap:12px;padding:0 8px 25px;display:flex}.admin-brand>span{color:#123f3c;width:43px;height:43px;font-family:var(--display);background:#72d4c8;border-radius:14px 14px 14px 5px;place-items:center;font-size:13px;font-weight:800;display:grid;box-shadow:0 10px 25px #061b1a38}.admin-brand>div{flex-direction:column;display:flex}.admin-brand b{color:#fff;font-family:var(--display);letter-spacing:-.02em;font-size:19px}.admin-brand small{color:#8db5b0;font-family:var(--display);letter-spacing:.12em;margin-top:3px;font-size:10px;font-weight:700}.admin-sidebar nav{scrollbar-width:none;margin:18px -4px;overflow:auto}.admin-sidebar nav section>small{color:#709c97;font-family:var(--display);letter-spacing:.14em;padding:0 13px 8px;font-size:10px;font-weight:700;display:block}.admin-sidebar nav a{color:#b9d3cf;height:45px;font-family:var(--display);border-radius:12px;align-items:center;gap:12px;padding:0 13px;font-size:14px;font-weight:600;transition:color .2s,background .2s;display:flex;position:relative}.admin-sidebar nav a:hover{color:#fff;background:#ffffff0b}.admin-sidebar nav a i{background:0 0;border-radius:50%;width:5px;height:5px;position:absolute;right:9px}.admin-sidebar nav a.active i{background:#73d4c8;box-shadow:0 0 0 4px #73d4c81b}.admin-account{border-top:1px solid #ffffff13;grid-template-columns:38px 1fr;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 3px;display:grid}.admin-account>span{color:#fff;width:38px;height:38px;font-family:var(--display);background:#176f67;border-radius:12px;place-items:center;font-size:12px;font-weight:800;display:grid}.admin-account>div{flex-direction:column;min-width:0;display:flex}.admin-account b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.admin-account small{color:#83aaa5;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.admin-account em{color:#73d4c8;font-family:var(--display);letter-spacing:.08em;grid-column:2;margin-top:2px;font-size:9px;font-style:normal;font-weight:700}.admin-stage{min-height:100vh;margin-left:272px}.admin-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #dce9e6;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.admin-header>div:first-child{flex-direction:column;display:flex}.admin-header small{color:#819793;font-family:var(--display);letter-spacing:.12em;font-size:10px;font-weight:700}.admin-header b{font-family:var(--display);margin-top:3px;font-size:20px}.admin-header>div:last-child{align-items:center;gap:12px;display:flex}.admin-header a{color:#42645f;font-family:var(--display);background:#fff;border:1px solid #d8e6e3;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:600;transition:border .2s,color .2s}.admin-header a:hover{color:var(--primary);border-color:#77bcb4}.admin-header span{color:#0c7169;font-family:var(--display);background:#e0f3ef;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:700}.admin-content>.cms-page{background:0 0;min-height:0}.admin-content>.cms-page>.cms-top{display:none}.admin-content>.cms-page>.cms-container{max-width:1480px;padding:0}.admin-content .cms-page-title>div>span{font-size:11px}.admin-content .cms-page-title h1{font-size:clamp(30px,3vw,42px)}.admin-content .cms-page-title p{max-width:720px;font-size:14px;line-height:1.65}.admin-content .cms-page-title>a{border-radius:11px;min-height:43px;padding:0 16px;font-size:13px}.admin-content input,.admin-content select,.admin-content textarea,.admin-content button{font-size:14px}.admin-content .question-table,.admin-content .user-list,.admin-content .subscription-table,.admin-content .ai-log-table,.admin-content .import-history,.admin-content .import-errors{border-color:#d8e6e3;border-radius:17px;box-shadow:0 10px 30px #123f3c08}.admin-content article{transition:border-color .2s,background-color .2s,box-shadow .2s}.admin-content .question-table article:hover,.admin-content .user-list article:hover,.admin-content .subscription-table article:hover,.admin-content .ai-log-table article:hover,.admin-content .import-history>a:hover{background:#f7fbfa}.admin-content :is(input,select,textarea):focus{border-color:#62afa6;outline:0;box-shadow:0 0 0 4px #137f7812}@media (max-width:1050px){.admin-sidebar{width:82px;padding-inline:12px}.admin-brand{justify-content:center;padding-inline:0}.admin-brand>div,.admin-sidebar nav section>small,.admin-sidebar nav a span,.admin-sidebar nav a i,.admin-account>div,.admin-account em{display:none}.admin-sidebar nav a{justify-content:center;padding:0}.admin-account{justify-content:center;padding-inline:0;display:flex}.admin-stage{margin-left:82px}.admin-header,.admin-content{padding-inline:24px}}@media (max-width:700px){.admin-sidebar{width:auto;height:68px;padding:7px 10px;position:fixed;inset:auto 0 0;box-shadow:0 -10px 30px #123f3c20}.admin-brand,.admin-account,.admin-sidebar nav section>small{display:none}.admin-sidebar nav{margin:0;display:flex;overflow-x:auto}.admin-sidebar nav section{margin:0;display:flex}.admin-sidebar nav a{flex:0 0 54px;width:54px;height:54px}.admin-sidebar nav a svg{width:20px}.admin-stage{margin-left:0;padding-bottom:68px}.admin-header{height:66px;padding:0 16px}.admin-header small,.admin-header span{display:none}.admin-header b{font-size:17px}.admin-header a{padding:8px 10px;font-size:11px}.admin-content{padding:22px 14px 45px}.admin-content .cms-page-title{flex-direction:column;align-items:flex-start}.admin-content .cms-page-title h1{font-size:30px}.admin-content .cms-page-title p{font-size:13px}}.admin-workspace{--admin-nav:#173f3c;--admin-nav-2:#173f3c;--admin-accent:#58b9ae;color:#203b39;background:#f5f7f7}.admin-sidebar{background:var(--admin-nav);width:252px;padding:21px 15px 16px;box-shadow:5px 0 24px #153a3720}.admin-brand{padding:0 7px 20px}.admin-brand>span{width:39px;height:39px;box-shadow:none;background:#e6f5f2;border-radius:12px 12px 12px 5px;font-size:11px}.admin-brand b{font-size:17px}.admin-brand small{font-size:9px}.admin-sidebar nav{margin:15px -2px}.admin-sidebar nav section{margin-bottom:13px}.admin-sidebar nav section>small{color:#80a8a3;padding:0 11px 6px;font-size:9px}.admin-sidebar nav a{color:#bdd3d0;border-radius:9px;height:40px;padding:0 11px;font-size:12px;font-weight:600}.admin-sidebar nav a svg{width:17px;height:17px}.admin-sidebar nav a:hover{background:#ffffff0d}.admin-sidebar nav a.active{color:#fff;background:#e9f7f419}.admin-sidebar nav a.active svg{color:#6bc8bd}.admin-account{grid-template-columns:34px 1fr;padding:12px 8px 2px}.admin-account>span{border-radius:9px;width:34px;height:34px;font-size:10px}.admin-account b{font-size:11px}.admin-account small{font-size:9px}.admin-account em{font-size:8px}.admin-stage{margin-left:252px}.admin-header{background:#fffffff5;border-color:#e1e8e7;height:66px;padding:0 28px}.admin-header small{font-size:9px}.admin-header b{font-size:17px}.admin-header a{color:#4f6965;border-color:#dce5e3;border-radius:8px;padding:7px 11px;font-size:11px}.admin-header span{color:#176f67;background:#e7f3f1;border-radius:8px;padding:7px 10px;font-size:10px}.admin-content{padding:25px 28px 52px}.admin-content>.cms-page>.cms-container{max-width:1400px}.admin-content .cms-page-title{margin-bottom:20px}.admin-content .cms-page-title>div>span{color:#397a73;font-size:9px}.admin-content .cms-page-title h1{letter-spacing:-.025em;margin-top:4px;font-size:clamp(26px,2.4vw,34px)}.admin-content .cms-page-title p{color:#657b78;font-size:12px;line-height:1.55}.admin-content .cms-page-title>a:hover{background:#126a63}.admin-content :is(input,select,textarea){color:#263f3c;background:#fff!important;border-color:#dce5e3!important;border-radius:8px!important}.admin-content textarea{line-height:1.55}.admin-content label{color:#49635f;font-size:11px}.admin-content button{font-weight:700;transition:background .2s,border-color .2s,color .2s;box-shadow:none!important;color:#fff!important;background:#197b72!important;border-radius:8px!important;font-size:11px!important}.admin-content button:hover{background:#126a63!important}.admin-content button.muted,.admin-content .workflow button.muted{color:#526c68!important;background:#fff!important;border:1px solid #d9e3e1!important}.admin-content button.muted:hover,.admin-content .workflow button.muted:hover{color:#176f67!important;background:#f7fbfa!important;border-color:#9cbdb8!important}.admin-content :is(.cms-card,.admin-kpis article,.admin-dashboard-grid>article,.import-card,.usage-grid>div,.current-plan){border-color:#dfe7e5;border-radius:12px;box-shadow:0 4px 16px #193e3a07}.admin-content :is(.question-table,.user-list,.subscription-table,.ai-log-table,.import-history,.import-errors){border-color:#dfe7e5;border-radius:12px;box-shadow:0 4px 16px #193e3a06}.admin-content :is(.table-head,.user-list>header,.ai-log-table>header){color:#6f8480;background:#f7f9f9;font-size:10px}.admin-content .status-tabs{border-color:#dfe7e5;border-radius:10px;padding:4px}.admin-content .status-tabs a{border-radius:7px;padding:7px 10px;font-size:11px}.admin-content .status-tabs a.active{color:#176f67;background:#e7f3f1}.admin-content .status-badge{border-radius:6px;padding:5px 7px;font-size:10px}.admin-content .question-table article{min-height:66px}.admin-content .question-table article>div:first-child b{font-size:12px}.admin-content .question-table article p{font-size:11px}.admin-content .question-table article small,.admin-content .question-table article>div:nth-child(2) span,.admin-content .question-table article>a{font-size:10px}.admin-content .admin-kpis{gap:10px}.admin-content .admin-kpis article{padding:15px}.admin-content .admin-kpis span{font-size:9px}.admin-content .admin-kpis b{font-size:24px}.admin-content .admin-kpis p{font-size:10px}.admin-content .admin-dashboard-grid{gap:10px}.admin-content .admin-dashboard-grid>article{padding:17px}.admin-content .admin-dashboard-grid h2{font-size:15px}.admin-content .admin-dashboard-grid p,.admin-content .admin-health>span,.admin-content .admin-bars small,.admin-content .admin-chart footer{font-size:10px}.admin-content .user-list>article{min-height:60px}.admin-content .user-identity b{font-size:12px}.admin-content .user-identity small,.admin-content .user-activity b,.admin-content .user-activity small{font-size:10px}.admin-content .cms-success,.admin-content .cms-error{border-radius:8px;padding:10px 12px;font-size:11px}@media (max-width:1050px){.admin-sidebar{width:76px;padding-inline:11px}.admin-stage{margin-left:76px}.admin-header,.admin-content{padding-inline:20px}}@media (max-width:700px){.admin-sidebar{width:auto;height:62px;padding:5px 8px}.admin-sidebar nav a{flex-basis:50px;width:50px;height:50px}.admin-stage{margin-left:0;padding-bottom:62px}.admin-header{height:60px}.admin-content{padding:19px 12px 40px}.admin-content .cms-page-title h1{font-size:26px}.admin-content .cms-page-title p{font-size:11px}}.users-page-head{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px;display:flex}.users-page-head>div:first-child>span{color:#397a73;font-family:var(--display);letter-spacing:.14em;font-size:9px;font-weight:800}.users-page-head h1{font-family:var(--display);letter-spacing:-.025em;margin:5px 0 4px;font-size:32px;line-height:1.15}.users-page-head p{color:#657b78;margin:0;font-size:12px}.users-summary{background:#fff;border:1px solid #dfe7e5;border-radius:11px;display:flex;overflow:hidden;box-shadow:0 4px 16px #193e3a06}.users-summary article{border-left:1px solid #e8eeec;min-width:112px;padding:11px 14px}.users-summary article:first-child{border:0}.users-summary small{color:#7d908d;font-family:var(--display);letter-spacing:.06em;font-size:8px;font-weight:700;display:block}.users-summary b{font-family:var(--display);margin-top:4px;font-size:19px;display:block}.users-message{margin:0 0 12px}.users-toolbar{background:#fff;border:1px solid #dfe7e5;border-radius:12px;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(120px,.7fr)) auto;align-items:end;gap:10px;padding:14px;display:grid;box-shadow:0 4px 16px #193e3a06}.users-toolbar>label{flex-direction:column;gap:5px;display:flex}.users-toolbar label>span{color:#617773;font-family:var(--display);font-size:9px;font-weight:700}.users-search{position:relative}.users-search svg{color:#839591;width:16px;height:16px;position:absolute;bottom:10px;left:11px}.users-search input{padding-left:36px!important}.users-filter-actions{align-items:center;gap:8px;display:flex}.users-filter-actions>a{color:#627874;font-family:var(--display);white-space:nowrap;padding:9px 5px;font-size:10px;font-weight:600}.users-filter-actions>a:hover{color:#176f67}.admin-content .users-filter-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:36px;display:flex;color:#fff!important;background:#197b72!important;border:0!important;border-radius:8px!important;padding:0 13px!important}.users-filter-button svg{width:14px;height:14px}.users-result-meta{justify-content:space-between;align-items:center;padding:14px 2px 9px;display:flex}.users-result-meta p{color:#718581;margin:0;font-size:10px}.users-result-meta p b{color:#263f3c;font-family:var(--display);font-size:12px}.users-table{background:#fff;border:1px solid #dfe7e5;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #193e3a06}.users-table>header,.users-table>article{grid-template-columns:minmax(250px,1.5fr) 155px 105px 135px minmax(330px,1.35fr);align-items:center;gap:15px;padding:0 17px;display:grid}.users-table>header{color:#748783;height:38px;font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;background:#f7f9f9;font-size:9px;font-weight:700}.users-table>article{border-top:1px solid #e9efed;min-height:72px}.users-table>article:hover{background:#fafcfb}.users-table .user-identity>span{color:#176f67;background:#e5f3f0;border-radius:10px;width:35px;height:35px;font-size:10px}.users-table .user-identity b{align-items:center;font-size:12px;display:flex}.users-table .user-identity b em{color:#8a5a1d;background:#fff1d9;border-radius:5px;margin-left:7px;padding:3px 6px;font-size:8px;font-style:normal}.users-table .user-identity small{color:#687e7a;margin-top:2px;font-size:10px}.users-table .user-identity i{color:#98a6a3;margin-top:3px;font-size:8px;font-style:normal}.user-learning{gap:17px;display:flex}.user-learning>b{color:#26423e;font-family:var(--display);flex-direction:column;font-size:15px;display:flex}.user-learning small{color:#879793;font-family:var(--sans);margin-top:2px;font-size:8px;font-weight:500}.users-plan{font-family:var(--display);border-radius:6px;padding:5px 7px;font-size:9px;font-weight:700;display:inline-flex}.users-plan.free{color:#61736f;background:#edf1f0}.users-plan.premium{color:#8a5918;background:#fff1d8}.plan-expiry{color:#899995;margin-top:4px;font-size:8px;display:block}.users-status{color:#526864;white-space:nowrap;align-items:center;gap:6px;font-size:9px;font-weight:600;display:inline-flex}.users-status>i{background:#9ca9a7;border-radius:50%;width:7px;height:7px}.users-status.active>i{background:#28a474;box-shadow:0 0 0 3px #28a47418}.users-status.disabled{color:#9b5549}.users-status.disabled>i{background:#d36c5a}.users-status.pending_verification>i{background:#d5953e}.user-access-form{grid-template-columns:95px minmax(130px,1fr) auto;gap:7px;display:grid}.admin-content .user-access-form select{height:32px!important;padding:0 7px!important;font-size:10px!important}.admin-content .user-save-button{justify-content:center;align-items:center;gap:5px;width:68px;height:32px;display:flex;color:#fff!important;background:#197b72!important;border:1px solid #197b72!important;padding:0!important}.admin-content .user-save-button:hover{background:#126a63!important;border-color:#126a63!important}.user-save-button svg{width:13px;height:13px}.user-save-button span{font-family:var(--display);font-size:10px}.users-empty{text-align:center;padding:55px 20px}.users-empty>span{color:#6f8883;width:44px;height:44px;font-family:var(--display);background:#edf3f1;border-radius:14px;place-items:center;margin:auto;font-size:14px;display:grid}.users-empty h2{font-family:var(--display);margin:12px 0 5px;font-size:16px}.users-empty p{color:#768a86;margin:0;font-size:11px}.users-empty a{color:#176f67;font-family:var(--display);background:#fff;border:1px solid #d8e3e0;border-radius:8px;margin-top:13px;padding:8px 11px;font-size:10px;font-weight:600;display:inline-flex}@media (max-width:1200px){.users-page-head{flex-direction:column;align-items:flex-start}.users-toolbar{grid-template-columns:1fr 1fr 1fr}.users-search{grid-column:span 2}.users-filter-actions{justify-content:flex-end}.users-table{overflow-x:auto}.users-table>header,.users-table>article{min-width:1050px}}@media (max-width:700px){.users-summary{width:100%}.users-summary article{flex:1;min-width:0;padding-inline:9px}.users-summary small{font-size:7px}.users-toolbar{grid-template-columns:1fr}.users-search{grid-column:auto}.users-filter-actions{justify-content:space-between}.users-filter-actions .users-filter-button{flex:1}.users-page-head h1{font-size:27px}}.courses-catalog{background:radial-gradient(circle at 92% 2%,#dff3ee 0,#0000 23%),#f3f8f6;min-height:calc(100vh - 70px);padding:33px 32px 70px}.courses-wrap{margin:auto}.courses-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:23px;display:flex}.courses-heading>div>span,.courses-section-title>div>span{color:var(--primary);font-family:var(--display);letter-spacing:.13em;font-size:10px;font-weight:800}.courses-heading h1{font-family:var(--display);letter-spacing:-.035em;margin:6px 0 4px;font-size:34px;line-height:1.15}.courses-heading p{color:#6d827e;margin:0;font-size:13px;line-height:1.6}.courses-heading>a{color:#42655f;height:39px;font-family:var(--display);background:#fff;border:1px solid #d5e4e0;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:700;transition:border-color .2s,color .2s,background .2s;display:flex;box-shadow:0 5px 14px #174f4808}.courses-heading>a:hover{color:var(--primary);background:#f9fcfb;border-color:#82bdb5}.courses-heading>a svg{width:15px;height:15px}.courses-overview{background:#fff;border:1px solid #dce8e5;border-radius:14px;grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid;overflow:hidden;box-shadow:0 6px 20px #174f4807}.courses-overview article{border-left:1px solid #e7efed;grid-template-columns:1fr auto;align-items:center;padding:15px 18px;display:grid}.courses-overview article:first-child{border:0}.courses-overview span{color:#758b87;font-family:var(--display);letter-spacing:.08em;font-size:9px;font-weight:800}.courses-overview b{color:#193f3b;font-family:var(--display);grid-row:span 2;font-size:24px}.courses-overview small{color:#93a19e;margin-top:3px;font-size:10px}.continue-course{color:#fff;background:linear-gradient(125deg,#0e6862,#26978d);border-radius:21px;grid-template-columns:1fr 260px;min-height:255px;margin-bottom:32px;transition:transform .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden;box-shadow:0 17px 38px #116d6825}.continue-course:hover{transform:translateY(-3px);box-shadow:0 22px 45px #116d6830}.continue-course:before{content:"";border:1px solid #ffffff10;border-radius:50%;width:380px;height:380px;position:absolute;top:-170px;right:150px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.continue-copy{z-index:1;padding:29px 32px;position:relative}.continue-copy>span{font-family:var(--display);letter-spacing:.13em;opacity:.75;font-size:9px;font-weight:800}.continue-copy h2{font-family:var(--display);margin:10px 0 1px;font-size:25px;line-height:1.2}.continue-copy h3{color:#cce9e5;margin:0;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:500}.continue-copy p{color:#d8efec;max-width:650px;margin:12px 0 18px;font-size:12px;line-height:1.55}.continue-progress{align-items:center;gap:11px;max-width:530px;display:flex}.continue-progress i{background:#ffffff25;border-radius:6px;flex:1;height:6px;display:block;overflow:hidden}.continue-progress i b{background:#83dfc3;border-radius:6px;height:100%;display:block}.continue-progress small{white-space:nowrap;font-size:10px}.continue-copy>strong{font-family:var(--display);align-items:center;gap:6px;margin-top:20px;font-size:11px;display:flex}.continue-copy>strong svg{width:14px;transition:transform .2s}.continue-course:hover .continue-copy>strong svg{transform:translate(3px)}.continue-visual{z-index:1;border-left:1px solid #ffffff17;place-items:center;display:grid;position:relative}.continue-visual>span{color:#ffffff0d;font-family:Noto Serif JP,serif;font-size:180px;font-weight:700;position:absolute}.continue-visual>div{background:#ffffff0b;border:8px solid #ffffff20;border-top-color:#8ce0c6;border-radius:50%;place-items:center;width:105px;height:105px;display:grid;position:relative}.continue-visual b{font-family:var(--display);font-size:24px}.continue-visual small{color:#cce8e4;font-size:9px}.courses-section-title{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.courses-section-title h2{font-family:var(--display);margin:5px 0 2px;font-size:20px}.courses-section-title p{color:#7a8f8b;margin:0;font-size:11px}.courses-section-title>small{color:#176f67;background:#e3f2ef;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:700}.courses-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.course-catalog-card{background:#fff;border:1px solid #dce7e4;border-radius:17px;grid-template-columns:150px 1fr;min-height:225px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;overflow:hidden;box-shadow:0 8px 25px #174f4808}.course-catalog-card:hover{border-color:#a8cec8;transform:translateY(-4px);box-shadow:0 15px 32px #174f4812}.course-card-cover{color:#fff;background:linear-gradient(145deg,#147c75,#3ca99e);flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.course-card-cover:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:135px;height:135px;position:absolute;bottom:-52px;right:-42px;box-shadow:0 0 0 25px #ffffff0b}.tone-1 .course-card-cover{background:linear-gradient(145deg,#3c70a0,#65a5bd)}.tone-2 .course-card-cover{background:linear-gradient(145deg,#c06f45,#e59b6d)}.tone-3 .course-card-cover{background:linear-gradient(145deg,#6658a5,#9788d1)}.course-card-cover>span{font-family:var(--display);letter-spacing:.1em;font-size:9px;font-weight:800}.course-card-cover>b{z-index:1;margin:auto;font-family:Noto Serif JP,serif;font-size:54px;position:relative}.course-card-cover>small{z-index:1;width:max-content;font-family:var(--display);background:#ffffff1d;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:700;position:relative}.course-card-content{flex-direction:column;min-width:0;padding:18px 19px 16px;display:flex}.course-card-meta{color:#79908b;align-items:center;gap:7px;font-size:9px;display:flex}.course-card-meta i{background:#a6b6b3;border-radius:50%;width:3px;height:3px}.course-card-content h2{font-family:var(--display);margin:9px 0 1px;font-size:17px;line-height:1.25}.course-card-content h3{color:#59736e;margin:0;font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:500}.course-card-content>p{color:#718682;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 13px;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.course-card-footer{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;display:flex}.course-card-footer>div{flex:1;min-width:0}.course-card-footer>div>span{background:#e3ecea;border-radius:5px;height:5px;display:block;overflow:hidden}.course-card-footer>div>span b{background:var(--primary);border-radius:5px;height:100%;display:block}.course-card-footer small{color:#7b908c;margin-top:5px;font-size:9px;display:block}.course-card-footer>i{color:#176f67;background:#e7f3f1;border-radius:9px;place-items:center;width:31px;height:31px;transition:color .2s,background .2s;display:grid}.course-card-footer>i svg{width:14px}.course-catalog-card:hover .course-card-footer>i{color:#fff;background:var(--primary)}.courses-empty{text-align:center;background:#fff;border:1px solid #dce7e4;border-radius:18px;padding:65px 20px}.courses-empty>span{color:#a5d1c8;font-family:Noto Serif JP,serif;font-size:45px}.courses-empty h2{font-family:var(--display);margin:9px 0 5px;font-size:19px}.courses-empty p{color:#748985;margin:0;font-size:11px}.courses-empty a{color:#fff;background:var(--primary);font-family:var(--display);border-radius:9px;margin-top:15px;padding:9px 13px;font-size:10px;font-weight:700;display:inline-flex}@media (max-width:900px){.courses-card-grid{grid-template-columns:1fr}.continue-course{grid-template-columns:1fr 205px}.courses-heading{flex-direction:column;align-items:flex-start}.courses-heading>a{align-self:flex-start}}@media (max-width:620px){.courses-catalog{padding:24px 14px 55px}.courses-heading h1{font-size:29px}.courses-overview article{flex-direction:column;align-items:flex-start;padding:12px 9px;display:flex}.courses-overview b{order:-1;font-size:20px}.courses-overview span{margin-top:4px;font-size:7px}.courses-overview small{display:none}.continue-course{display:block}.continue-copy{padding:24px 21px}.continue-copy h2{font-size:22px}.continue-visual{display:none}.continue-progress{flex-direction:column;align-items:flex-start}.course-catalog-card{grid-template-columns:105px 1fr}.course-card-cover{padding:14px}.course-card-cover>b{font-size:41px}.course-card-content{padding:15px}.course-card-content h2{font-size:15px}.courses-section-title{flex-direction:column;align-items:flex-start;gap:10px}}.courses-heading>div>span,.courses-section-title>div>span{font-size:12px}.courses-heading h1{font-size:38px}.courses-heading p{font-size:15px}.courses-heading>a{font-size:13px}.courses-overview span{font-size:11px}.courses-overview small{font-size:12px}.courses-overview b{font-size:27px}.continue-copy>span{font-size:11px}.continue-copy h2{font-size:28px}.continue-copy h3{font-size:16px}.continue-copy p{font-size:14px}.continue-progress small{font-size:12px}.continue-copy>strong{font-size:13px}.continue-visual small{font-size:11px}.courses-section-title h2{font-size:23px}.courses-section-title p{font-size:13px}.courses-section-title>small,.course-card-cover>span,.course-card-cover>small,.course-card-meta{font-size:11px}.course-card-content h2{font-size:19px}.course-card-content h3{font-size:14px}.course-card-content>p{font-size:13px}.course-card-footer small{font-size:11px}.courses-empty p{font-size:13px}.courses-empty a{font-size:12px}@media (max-width:620px){.courses-heading>div>span,.courses-section-title>div>span{font-size:10px}.courses-heading h1{font-size:31px}.courses-heading p{font-size:14px}.courses-overview span{font-size:9px}.courses-overview b{font-size:23px}.continue-copy h2{font-size:24px}.continue-copy h3{font-size:14px}.continue-copy p{font-size:13px}.course-card-cover>span,.course-card-cover>small{font-size:9px}.course-card-meta{font-size:10px}.course-card-content h2{font-size:17px}.course-card-content h3,.course-card-content>p{font-size:12px}.course-card-footer small{font-size:10px}}.course-detail-page{background:radial-gradient(circle at 91% 2%,#dff3ee 0,#0000 22%),#f3f8f6;min-height:calc(100vh - 70px);padding:28px 32px 70px}.course-detail-wrap{max-width:1180px;margin:auto}.course-detail-back{color:#5f7773;font-family:var(--display);align-items:center;gap:5px;margin-bottom:17px;font-size:12px;font-weight:600;display:inline-flex}.course-detail-back svg{width:15px}.course-detail-back:hover{color:var(--primary)}.course-detail-hero{color:#fff;background:linear-gradient(125deg,#0e6862,#26978d);border-radius:22px;grid-template-columns:minmax(0,1fr) 300px;min-height:310px;display:grid;position:relative;overflow:hidden;box-shadow:0 17px 40px #116d6824}.course-detail-hero:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:470px;height:470px;position:absolute;top:-220px;right:170px;box-shadow:0 0 0 55px #ffffff07,0 0 0 110px #ffffff04}.course-detail-copy{z-index:2;padding:36px 39px;position:relative}.course-detail-tags{flex-wrap:wrap;gap:7px;display:flex}.course-detail-tags span{font-family:var(--display);letter-spacing:.06em;background:#ffffff0c;border:1px solid #ffffff24;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700}.course-detail-copy h1{max-width:720px;font-family:var(--display);letter-spacing:-.035em;margin:17px 0 2px;font-size:36px;line-height:1.12}.course-detail-copy h2{color:#c7e7e3;margin:0;font-family:Noto Sans JP,sans-serif;font-size:17px;font-weight:500}.course-detail-copy>p{color:#d9efec;max-width:690px;margin:14px 0 22px;font-size:14px;line-height:1.65}.course-detail-actions{gap:9px;display:flex}.course-detail-actions>a{color:#0e6862;height:40px;font-family:var(--display);background:#fff;border-radius:9px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;display:flex}.course-detail-actions>a:hover{background:#f1faf8;transform:translateY(-2px)}.course-detail-actions>a svg{width:15px}.course-detail-actions>a.secondary{color:#fff;background:#ffffff10;border:1px solid #ffffff27}.course-detail-actions>a.secondary:hover{background:#ffffff1c}.course-detail-visual{z-index:2;border-left:1px solid #ffffff17;place-items:center;display:grid;position:relative}.course-detail-visual>span{color:#ffffff0c;writing-mode:vertical-rl;font-family:Noto Serif JP,serif;font-size:108px;font-weight:700;position:absolute}.course-detail-visual>div{background:#ffffff09;border:9px solid #ffffff1e;border-top-color:#8ce0c6;border-radius:50%;place-items:center;width:125px;height:125px;display:grid;position:relative}.course-detail-visual b{font-family:var(--display);font-size:29px}.course-detail-visual small{color:#cce8e4;font-size:9px}.course-detail-stats{background:#fff;border:1px solid #dce8e5;border-radius:14px;grid-template-columns:repeat(4,1fr);margin:16px 0 28px;display:grid;overflow:hidden;box-shadow:0 6px 20px #174f4807}.course-detail-stats article{border-left:1px solid #e8efed;align-items:center;gap:11px;padding:15px 18px;display:flex}.course-detail-stats article:first-child{border:0}.course-detail-stats svg{color:#167970;background:#e5f3f0;border-radius:7px;width:25px;height:25px;padding:5px}.course-detail-stats article>div{flex-direction:column;display:flex}.course-detail-stats b{font-family:var(--display);font-size:20px}.course-detail-stats span{color:#7e918d;font-size:10px}.course-detail-hero .course-detail-stats{z-index:2;box-shadow:none;background:0 0;border:0;border-top:1px solid #ffffff24;border-radius:0;margin:24px 0 0;position:relative}.course-detail-hero .course-detail-stats article{border-color:#ffffff1f;padding:15px 12px 0}.course-detail-hero .course-detail-stats article:first-child{padding-left:0}.course-detail-hero .course-detail-stats svg{color:#e7fbf7;background:#ffffff14}.course-detail-hero .course-detail-stats b{color:#fff}.course-detail-hero .course-detail-stats span{color:#cbe8e4}.course-detail-hero+.course-detail-layout{margin-top:28px}.course-detail-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:17px;display:grid}.course-curriculum>header{justify-content:space-between;align-items:flex-end;margin-bottom:13px;display:flex}.course-curriculum>header>div>span,.course-progress-card>span{color:var(--primary);font-family:var(--display);letter-spacing:.12em;font-size:10px;font-weight:800}.course-curriculum>header h2{font-family:var(--display);margin:4px 0 2px;font-size:22px}.course-curriculum>header p{color:#7b8f8b;margin:0;font-size:12px}.course-curriculum>header>small{color:#176f67;background:#e3f2ef;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.course-module-stack{flex-direction:column;gap:12px;display:flex}.course-module-card>header{background:#f8fbfa;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:16px 18px;display:grid}.course-module-card>header>span{color:#176f67;width:38px;height:38px;font-family:var(--display);background:#e3f2ef;border-radius:11px;place-items:center;font-size:12px;font-weight:800;display:grid}.course-module-card>header h3{font-family:var(--display);margin:0;font-size:16px}.course-module-card>header p{color:#718984;margin:3px 0 0;font-family:Noto Sans JP,sans-serif;font-size:11px}.course-module-card>header>small{color:#7b908c;font-size:10px}.course-module-card>div>a{border-top:1px solid #eaf0ee;grid-template-columns:35px 1fr auto 28px;align-items:center;gap:11px;min-height:62px;padding:10px 18px;transition:background .2s;display:grid}.course-module-card>div>a:hover{background:#f7fbfa}.course-module-card>div>a>i{color:#6c827e;width:30px;height:30px;font-family:var(--display);background:#fff;border:1px solid #d6e4e1;border-radius:9px;place-items:center;font-size:10px;font-style:normal;font-weight:700;display:grid}.course-module-card>div>a.completed>i{color:#197858;background:#e6f5ee;border-color:#bfe4d5}.course-module-card>div>a>i svg{width:15px}.course-module-card>div>a>div{flex-direction:column;min-width:0;display:flex}.course-module-card>div>a b{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.course-module-card>div>a small{color:#81938f;text-transform:capitalize;margin-top:3px;font-size:10px}.course-module-card>div>a em{color:#8e5c18;background:#fff1d8;border-radius:6px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:800}.course-module-card>div>a>span{color:#64807a;background:#edf3f1;border-radius:8px;place-items:center;width:27px;height:27px;transition:color .2s,background .2s;display:grid}.course-module-card>div>a>span svg{width:13px}.course-module-card>div>a:hover>span{color:#fff;background:var(--primary)}.course-progress-card{text-align:center;background:#fff;border:1px solid #dce7e4;border-radius:16px;padding:21px;position:sticky;top:92px;box-shadow:0 8px 25px #174f4809}.course-progress-ring{border-radius:50%;place-items:center;width:126px;height:126px;margin:18px auto;display:grid}.course-progress-ring>i{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:103px;height:103px;font-style:normal;display:flex}.course-progress-ring b{font-family:var(--display);font-size:25px}.course-progress-ring small{color:#81938f;margin-top:1px;font-size:9px}.course-progress-card h3{font-family:var(--display);margin:4px 0 6px;font-size:16px}.course-progress-card>p{color:#718682;margin:0;font-size:11px;line-height:1.55}.course-progress-line{margin:17px 0}.course-progress-line>span{background:#e3ecea;border-radius:6px;height:6px;display:block;overflow:hidden}.course-progress-line>span b{background:#45b79d;border-radius:6px;height:100%;display:block}.course-progress-line>small{color:#849692;text-align:right;margin-top:5px;font-size:9px;display:block}.course-progress-card>a{color:#fff;background:var(--primary);height:39px;font-family:var(--display);border-radius:9px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.course-progress-card>a:hover{background:#0d6f68}.course-progress-card>a svg{width:14px}.course-progress-card footer{border-top:1px solid #e8efed;justify-content:space-between;align-items:center;margin-top:17px;padding-top:13px;display:flex}.course-progress-card footer span{color:#81938f;font-family:var(--display);font-size:9px;font-weight:700}.course-progress-card footer b{color:#176f67;font-family:var(--display);font-size:13px}@media (max-width:900px){.course-detail-layout{grid-template-columns:1fr}.course-progress-card{position:static}.course-detail-hero{grid-template-columns:1fr 220px}.course-detail-stats{grid-template-columns:1fr 1fr}.course-detail-stats article:nth-child(3){border-top:1px solid #e8efed}.course-detail-hero .course-detail-stats article:nth-child(3){border-top-color:#ffffff1f}}@media (max-width:620px){.course-detail-page{padding:21px 13px 55px}.course-detail-hero{display:block}.course-detail-copy{padding:25px 21px}.course-detail-copy h1{font-size:29px}.course-detail-copy h2{font-size:14px}.course-detail-copy>p{font-size:13px}.course-detail-visual{display:none}.course-detail-actions{flex-direction:column;align-items:stretch}.course-detail-actions>a{justify-content:center}.course-detail-stats article{padding:12px 10px}.course-detail-stats b{font-size:17px}.course-module-card>header{grid-template-columns:38px 1fr;padding:14px}.course-module-card>header>small{grid-column:2}.course-module-card>div>a{grid-template-columns:31px 1fr 25px;padding:10px 13px}.course-module-card>div>a em{display:none}.course-curriculum>header{flex-direction:column;align-items:flex-start;gap:10px}}.course-mode-section{background:#fff;border:1px solid #d7e4e1;border-radius:20px;margin-top:22px;padding:25px;box-shadow:0 10px 30px #173f3a08}.course-mode-section>header>span,.course-learning-content>header span{color:#3c7c72;font:700 10px var(--display);letter-spacing:.12em}.course-mode-section>header h2{margin:6px 0 3px;font-size:24px!important}.course-mode-section>header p{color:#687d78;margin:0}.course-mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:19px;display:grid}.course-mode-grid>a{color:#294b45;background:#fbfdfc;border:1px solid #dce7e4;border-radius:14px;flex-direction:column;min-width:0;min-height:145px;padding:15px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.course-mode-grid>a:hover,.course-mode-grid>a.active{background:#edf7f4;border-color:#5c9b91;transform:translateY(-2px);box-shadow:0 9px 22px #225d5410}.course-mode-grid>a.active:after{content:"";background:#2f8a7d;border-radius:50%;width:7px;height:7px;position:absolute;bottom:10px;right:12px}.course-mode-grid>a>i{color:#347d72;background:#e3f1ed;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.course-mode-grid svg{width:21px;height:21px}.course-mode-grid>a>span{flex-direction:column;min-width:0;margin-top:10px;display:flex}.course-mode-grid small{color:#568078;font:600 9px Noto Sans JP,sans-serif}.course-mode-grid b{margin-top:2px;font-size:13px}.course-mode-grid p{color:#71837f;margin:5px 0 0;font-size:10px;line-height:1.45}.course-mode-grid em{color:#34776e;background:#e7f2ef;border-radius:8px;place-items:center;min-width:25px;height:25px;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;display:grid;position:absolute;top:14px;right:14px}.course-learning-content{margin-top:22px;scroll-margin-top:22px}.course-learning-content>header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.course-learning-content>header h2{margin:5px 0 0;font-size:24px!important}.course-learning-content>header>small{color:#3b746c;background:#e6f0ed;border-radius:8px;padding:6px 9px;font-weight:700}.course-learning-content>.course-detail-layout{margin-top:0}.course-kaiwa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.course-kaiwa-grid>article,.course-knowledge-grid>article,.course-practice-list>article,.course-practice-list>aside{background:#fff;border:1px solid #d8e5e2;border-radius:17px;padding:20px;box-shadow:0 8px 25px #173f3a07}.course-kaiwa-grid article>header{gap:12px;display:flex}.course-kaiwa-grid article>header>span,.course-knowledge-grid>article>span,.course-practice-list>article>span{color:#39796f;background:#e6f2ef;border-radius:9px;flex:0 0 34px;place-items:center;height:34px;font-weight:800;display:grid}.course-kaiwa-grid h3,.course-knowledge-grid h3,.course-practice-list h3{margin:3px 0 0}.course-kaiwa-grid header small,.course-knowledge-grid article small,.course-practice-list article small,.course-practice-list aside small{color:#4e7e76;letter-spacing:.06em;font-size:9px;font-weight:700}.course-kaiwa-grid header p{color:#71837f;margin:3px 0 0}.course-kaiwa-grid article>p{color:#647974;line-height:1.65}.course-kaiwa-grid blockquote{white-space:pre-line;background:#f2f7f5;border:0;border-radius:13px;margin:14px 0;padding:17px 58px 17px 17px;position:relative}.course-kaiwa-grid blockquote .japanese-speech-button{position:absolute;top:13px;right:13px}.course-kaiwa-grid blockquote>b,.course-kaiwa-grid blockquote>small{line-height:1.8;display:block}.course-kaiwa-grid blockquote>small{color:#607570;border-top:1px dashed #cadbd7;margin-top:9px;padding-top:9px}.course-kaiwa-grid article>a,.course-knowledge-grid article a,.course-practice-list article a{color:#347b70;font-size:11px;font-weight:700}.course-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.course-knowledge-grid>article{grid-template-columns:36px minmax(0,1fr) 35px;gap:12px;display:grid;position:relative}.course-knowledge-grid h3{color:#21443e;font-size:21px!important}.course-knowledge-grid article em{color:#71837f;margin-top:2px;font-style:normal;display:block}.course-knowledge-grid article p{color:#3f5954;margin:8px 0}.course-knowledge-grid blockquote{background:#f2f7f5;border:0;border-radius:10px;margin:11px 0;padding:11px 13px}.course-knowledge-grid blockquote>b,.course-knowledge-grid blockquote>small{display:block}.course-knowledge-grid blockquote>small{color:#637873;margin-top:5px}.course-knowledge-grid .japanese-speech-button{color:#347a70;background:#edf6f3;border:1px solid #cbded9;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.course-mode-empty{text-align:center;background:#fff;border:1px dashed #b9cec9;border-radius:17px;grid-column:1/-1;padding:50px 20px}.course-mode-empty>span{color:#a9c6c0;font:600 25px Noto Serif JP,serif}.course-mode-empty h3{margin:8px 0 4px}.course-mode-empty p{color:#71837f;margin:0}.course-practice-list{grid-template-columns:minmax(0,1fr) 330px;gap:14px;display:grid}.course-practice-list>article{grid-template-columns:38px minmax(0,1fr);gap:13px;display:grid}.course-practice-list article p{white-space:pre-line;color:#596f6a;line-height:1.75}.course-practice-list>aside{color:#fff;background:linear-gradient(135deg,#173f3a,#376c75);grid-area:1/2/span 99;grid-template-columns:45px 1fr;align-self:start;gap:12px;display:grid}.course-practice-list>aside>svg{background:#ffffff14;border-radius:11px;width:42px;padding:9px}.course-practice-list aside h3{color:#fff}.course-practice-list aside p{color:#d9e9e6}.course-practice-list>aside>a{color:#1f5049;background:#fff;border-radius:9px;grid-column:1/-1;justify-content:center;align-items:center;height:40px;font-weight:800;display:flex}@media (max-width:1000px){.course-mode-grid{grid-template-columns:repeat(3,1fr)}.course-kaiwa-grid,.course-knowledge-grid{grid-template-columns:1fr}}@media (max-width:700px){.course-mode-section{padding:18px}.course-mode-grid{grid-template-columns:1fr 1fr}.course-mode-grid>a{min-height:126px}.course-practice-list{grid-template-columns:1fr}.course-practice-list>aside{grid-area:auto/1}.course-learning-content>header{flex-direction:column;align-items:start}}@media (max-width:430px){.course-mode-grid{grid-template-columns:1fr}.course-mode-grid>a{min-height:auto}.course-knowledge-grid>article{grid-template-columns:32px minmax(0,1fr)}.course-knowledge-grid .japanese-speech-button{position:absolute;top:16px;right:16px}}@media (prefers-reduced-motion:reduce){.course-mode-grid>a{transition:none}.course-mode-grid>a:hover{transform:none}}.lesson-reader-page{background:radial-gradient(circle at 91% 1%,#dff3ee 0,#0000 21%),#f3f8f6;min-height:calc(100vh - 70px);padding:27px 32px 72px}.lesson-reader-wrap{max-width:1120px;margin:auto}.lesson-reader-back{color:#5d7772;font-family:var(--display);align-items:center;gap:5px;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-flex}.lesson-reader-back svg{width:15px}.lesson-reader-back:hover{color:var(--primary)}.lesson-reader-hero{color:#fff;background:linear-gradient(125deg,#0e6862,#26978d);border-radius:21px;min-height:225px;padding:32px 38px;position:relative;overflow:hidden;box-shadow:0 16px 38px #116d6821}.lesson-reader-hero:after{content:"";border:1px solid #ffffff10;border-radius:50%;width:380px;height:380px;position:absolute;top:-170px;right:-75px;box-shadow:0 0 0 48px #ffffff07,0 0 0 96px #ffffff04}.lesson-reader-hero>div{z-index:2;position:relative}.lesson-reader-meta{font-family:var(--display);text-transform:capitalize;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.lesson-reader-meta i{background:#91c8c1;border-radius:50%;width:3px;height:3px}.lesson-reader-meta em{color:#885718;background:#fff0d3;border-radius:6px;padding:4px 7px;font-size:9px;font-style:normal}.lesson-reader-hero h1{max-width:750px;font-family:var(--display);letter-spacing:-.03em;margin:15px 0 2px;font-size:34px;line-height:1.15}.lesson-reader-hero h2{color:#cce9e5;margin:0;font-family:Noto Sans JP,sans-serif;font-size:17px;font-weight:500}.lesson-reader-progress{align-items:center;gap:10px;max-width:480px;margin-top:23px;display:flex}.lesson-reader-progress>span{background:#ffffff26;border-radius:6px;flex:1;height:6px;display:block;overflow:hidden}.lesson-reader-progress>span b{background:#8ce0c6;border-radius:6px;height:100%;display:block}.lesson-reader-progress small{color:#d8eeeb;white-space:nowrap;font-size:10px}.lesson-reader-hero>span{z-index:1;color:#ffffff0b;font-family:Noto Serif JP,serif;font-size:155px;font-weight:700;position:absolute;top:13px;right:50px}.lesson-reader-layout{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:16px;margin-top:17px;display:grid}.lesson-article{background:#fff;border:1px solid #dce7e4;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px #174f4808}.lesson-lead{background:#f8fbfa;padding:26px 29px}.lesson-lead>span,.lesson-vocabulary>header span{color:var(--primary);font-family:var(--display);letter-spacing:.12em;font-size:10px;font-weight:800}.lesson-lead .markdown-content{color:#405e59;margin:8px 0 0;font-size:15px;line-height:1.8}.lesson-content-section{border-top:1px solid #e7eeec;padding:29px;scroll-margin-top:90px}.lesson-content-section>header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.lesson-content-section>header>span{color:#176f67;width:38px;height:38px;font-family:var(--display);background:#e4f3ef;border-radius:11px;place-items:center;font-size:11px;font-weight:800;display:grid}.lesson-content-section>header>div small{color:#879995;font-family:var(--display);letter-spacing:.1em;font-size:9px;font-weight:700}.lesson-content-section h2{font-family:var(--display);margin:2px 0 0;font-size:21px}.lesson-content-section>.markdown-content{color:#4d6964;margin:0;font-size:15px;line-height:1.85}.lesson-content-section blockquote{border:1px solid #f0dcd5;border-left:4px solid var(--coral);background:#fff8f5;border-radius:0 12px 12px 0;margin:20px 0 0;padding:18px 20px}.lesson-content-section blockquote>div{color:#b86650;align-items:center;gap:6px;margin-bottom:11px;display:flex}.lesson-content-section blockquote svg{width:16px}.lesson-content-section blockquote>div span{font-family:var(--display);letter-spacing:.1em;font-size:9px;font-weight:800}.lesson-content-section blockquote>b{color:#2f4e49;font-family:Noto Sans JP,sans-serif;font-size:18px;line-height:1.8;display:block}.lesson-content-section blockquote>small{color:#687e79;margin-top:7px;font-size:13px;line-height:1.6;display:block}.lesson-vocabulary{border-top:1px solid #e7eeec;padding:29px;scroll-margin-top:90px}.lesson-vocabulary>header{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.lesson-vocabulary>header h2{font-family:var(--display);margin:4px 0 2px;font-size:21px}.lesson-vocabulary>header p{color:#7a8e8a;margin:0;font-size:11px}.lesson-vocabulary>header>b{color:#176f67;background:#e4f3ef;border-radius:7px;padding:6px 9px;font-size:10px}.lesson-vocabulary>div{border:1px solid #e0e9e7;border-radius:11px;overflow:hidden}.lesson-vocabulary article{border-top:1px solid #e9efed;grid-template-columns:34px 180px minmax(0,1fr) 38px;align-items:center;gap:12px;min-height:58px;padding:8px 13px;display:grid}.lesson-vocabulary article:first-child{border:0}.lesson-vocabulary article>span{color:#97a6a3;font-family:var(--display);font-size:9px}.lesson-vocabulary article>div{flex-direction:column;display:flex}.lesson-vocabulary article>div>b{font-family:Noto Sans JP,sans-serif;font-size:16px}.lesson-vocabulary article>div>small{color:#738b86;margin-top:2px;font-family:Noto Sans JP,sans-serif;font-size:10px}.lesson-vocabulary article>p{color:#496660;margin:0;font-size:13px}.lesson-vocabulary form{justify-content:flex-end;margin-top:13px;display:flex}.lesson-vocabulary button{color:#fff;background:var(--primary);height:38px;font-family:var(--display);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.lesson-vocabulary button:hover{background:#0e6e67}.lesson-vocabulary button svg{width:15px}.lesson-reader-aside{flex-direction:column;gap:12px;display:flex;position:sticky;top:91px}.lesson-reader-aside>section{background:#fff;border:1px solid #dce7e4;border-radius:14px;padding:17px;box-shadow:0 7px 22px #174f4807}.lesson-reader-aside>section>span{color:#6f8581;font-family:var(--display);letter-spacing:.1em;font-size:12px;font-weight:800}.lesson-reader-aside nav{flex-direction:column;margin-top:10px;display:flex}.lesson-reader-aside nav a{color:#536e69;border-top:1px solid #edf2f0;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:9px 0;display:grid}.lesson-reader-aside nav a:first-child{border:0}.lesson-reader-aside nav a:hover{color:var(--primary)}.lesson-reader-aside nav button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #e5ecea;align-items:center;gap:10px;padding:11px 12px;transition:color .18s,background-color .18s;display:flex}.lesson-reader-aside nav button:first-child{border-top:0}.lesson-reader-aside nav button:hover{color:#176f67;background:#f0f7f5}.lesson-reader-aside nav button.active{color:#176f67;background:#e8f4f1}.lesson-reader-aside nav button.active i{color:#fff;background:#176f67}.lesson-reader-aside nav button:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #69b6ad55;position:relative}.lesson-reader-active-section{animation:.28s ease-out both lesson-section-enter}@keyframes lesson-section-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lesson-reader-active-section{animation:none}}.lesson-reader-aside nav i{color:#176f67;width:23px;height:23px;font-family:var(--display);background:#e7f3f1;border-radius:7px;place-items:center;font-size:8px;font-style:normal;font-weight:700;display:grid}.lesson-reader-aside nav b{font-family:var(--display);font-size:13px;line-height:1.3}.lesson-reader-aside .lesson-study-tip{background:#fff9f6;border-color:#f1dfd7}.lesson-study-tip>svg{color:#c66d54;background:#ffebe4;border-radius:8px;width:27px;height:27px;margin-bottom:8px;padding:5px}.lesson-study-tip p{color:#6b7875;margin:7px 0 0;font-size:14px;line-height:1.55}.lesson-completion{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff1;border:1px solid #d7e4e1;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;max-width:859px;margin:15px 261px 0 0;padding:12px 14px;display:flex;position:sticky;bottom:12px;box-shadow:0 12px 30px #174f4820}.lesson-completion>div{align-items:center;gap:10px;display:flex}.lesson-completion>div>span{color:#176f67;width:34px;height:34px;font-family:var(--display);background:#e5f3f0;border-radius:10px;place-items:center;font-size:11px;font-weight:800;display:grid}.lesson-completion>div>span.done{color:#fff;background:#2aa879}.lesson-completion>div>span svg{width:17px}.lesson-completion>div>div{flex-direction:column;display:flex}.lesson-completion>div b{font-family:var(--display);font-size:14px}.lesson-completion>div small{color:#7d918d;margin-top:2px;font-size:9px}.lesson-completion button{color:#fff;background:var(--primary);height:38px;font-family:var(--display);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.lesson-completion button:hover{background:#0e6e67}.lesson-completion button:disabled{color:#4e6e68;cursor:default;background:#dce9e6}.lesson-reader-aside .lesson-completion{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px;max-width:none;margin:0;padding:15px;display:flex;position:static;box-shadow:0 7px 22px #174f4807}.lesson-reader-aside .lesson-completion>div{align-items:flex-start}.lesson-reader-aside .lesson-completion>div>span{flex:0 0 34px}.lesson-reader-aside .lesson-completion>div small{line-height:1.45}.lesson-reader-aside .lesson-completion form,.lesson-reader-aside .lesson-completion button{width:100%}.lesson-reader-aside .lesson-completion button{justify-content:center}.lesson-completion button svg{width:14px}@media (max-width:900px){.lesson-reader-layout{grid-template-columns:1fr}.lesson-reader-aside{grid-template-columns:1fr 1fr;display:grid;position:static}.lesson-completion{max-width:none;margin-right:0}}@media (max-width:620px){.lesson-reader-page{padding:21px 13px 58px}.lesson-reader-hero{padding:25px 21px}.lesson-reader-hero h1{font-size:28px}.lesson-reader-hero h2{font-size:14px}.lesson-reader-hero>span{display:none}.lesson-lead,.lesson-content-section,.lesson-vocabulary{padding:21px 18px}.lesson-lead .markdown-content,.lesson-content-section>.markdown-content{font-size:14px}.lesson-content-section blockquote>b{font-size:16px}.lesson-vocabulary article{grid-template-columns:28px minmax(0,1fr) 36px}.lesson-vocabulary article>p{grid-column:2;margin:0 0 7px}.lesson-reader-aside{display:flex}.lesson-completion{flex-direction:column;align-items:stretch;position:static}.lesson-completion button{justify-content:center;width:100%}}.practice-skill-cards{grid-template-columns:1fr 1fr;gap:13px;max-width:1060px;margin:0 auto 8px;padding:0 28px;display:grid}.practice-skill-cards>a{background:#fff;border:1px solid #d9e6e3;border-radius:16px;grid-template-columns:48px 1fr 30px;align-items:center;gap:14px;padding:18px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;box-shadow:0 8px 24px #174f4808}.practice-skill-cards>a:hover{transform:translateY(-3px);box-shadow:0 14px 30px #174f4811}.practice-skill-cards>a.listening:hover{border-color:#8ebfd1}.practice-skill-cards>a.reading:hover{border-color:#91c8b7}.practice-skill-cards>a>span{color:#347f9e;background:#e4f2f7;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.practice-skill-cards>a.reading>span{color:#218064;background:#e3f3ed}.practice-skill-cards svg{width:23px}.practice-skill-cards small{color:#77908b;font-family:var(--display);letter-spacing:.08em;font-size:9px;font-weight:800}.practice-skill-cards h2{font-family:var(--display);margin:3px 0 2px;font-size:17px}.practice-skill-cards p{color:#748985;margin:0;font-size:11px}.practice-skill-cards>a>i{color:#55736d;background:#eef4f2;border-radius:8px;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.skill-practice-page{background:#f3f8f6;min-height:calc(100vh - 70px);padding:32px 30px 70px}.skill-practice-wrap{max-width:1080px;margin:auto}.skill-practice-head{color:#fff;background:linear-gradient(125deg,#286f8c,#53a1b9);border-radius:21px;grid-template-columns:1fr 260px;min-height:235px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 38px #285f7525}.reading-skill .skill-practice-head{background:linear-gradient(125deg,#156b57,#36a17e);box-shadow:0 16px 38px #155d4922}.skill-practice-head>div:first-child{z-index:2;padding:33px 37px;position:relative}.skill-practice-head>div:first-child>span{font-family:var(--display);letter-spacing:.12em;font-size:10px;font-weight:800}.skill-practice-head h1{font-family:var(--display);letter-spacing:-.035em;margin:13px 0 6px;font-size:35px}.skill-practice-head p{color:#dfedf2;max-width:650px;margin:0;font-size:14px;line-height:1.65}.reading-skill .skill-practice-head p{color:#dcefe8}.skill-symbol{border-left:1px solid #ffffff18;place-items:center;display:grid;position:relative}.skill-symbol svg{z-index:2;background:#ffffff10;border:1px solid #ffffff25;border-radius:19px;width:62px;height:62px;padding:15px;position:relative}.skill-symbol b{color:#ffffff0c;font-family:Noto Serif JP,serif;font-size:150px;position:absolute}.skill-switch{background:#fff;border:1px solid #dce7e4;border-radius:12px;gap:5px;margin:15px 0;padding:5px;display:flex}.skill-switch a{color:#657d78;font-family:var(--display);border-radius:8px;padding:8px 13px;font-size:11px;font-weight:600}.skill-switch a.active{color:#176f67;background:#e4f3ef}.skill-practice-layout{grid-template-columns:330px 1fr;align-items:start;gap:15px;display:grid}.skill-guidance,.skill-setup-card{background:#fff;border:1px solid #dce7e4;border-radius:16px;box-shadow:0 8px 25px #174f4808}.skill-guidance{padding:22px}.skill-guidance>span,.skill-setup-card>header>span{color:var(--primary);font-family:var(--display);letter-spacing:.12em;font-size:9px;font-weight:800}.skill-guidance>h2,.skill-setup-card>header h2{font-family:var(--display);margin:5px 0 14px;font-size:20px}.skill-guidance>div{flex-direction:column;display:flex}.skill-guidance article{border-top:1px solid #eaf0ee;grid-template-columns:31px 1fr;gap:10px;padding:12px 0;display:grid}.skill-guidance article>span{color:#176f67;width:29px;height:29px;font-family:var(--display);background:#e5f3f0;border-radius:9px;place-items:center;font-size:9px;font-weight:800;display:grid}.skill-guidance article b{font-family:var(--display);font-size:12px}.skill-guidance article p{color:#778c88;margin:3px 0 0;font-size:10px;line-height:1.45}.skill-guidance footer{background:#f3f8f6;border-radius:10px;align-items:baseline;gap:7px;margin-top:15px;padding:12px;display:flex}.skill-guidance footer b{font-family:var(--display);font-size:23px}.skill-guidance footer span{color:#718783;font-size:10px}.skill-setup-card{padding:22px}.skill-setup-card>header p{color:#7b8f8b;margin:-9px 0 16px;font-size:11px}.skill-setup-card .practice-setup-card{box-shadow:none;border:0;padding:0}.skill-setup-card .practice-modes{display:none}.skill-setup-card .practice-filter-grid{grid-template-columns:1fr 1fr}.listening-media{background:#f8fbfa;border:1px solid #dce7e4;border-radius:15px;grid-template-columns:230px 1fr;margin:20px 5px 0;display:grid;overflow:hidden}.listening-visual{background:linear-gradient(145deg,#e4f2f7,#cfe6ee);place-items:center;min-height:165px;display:grid;overflow:hidden}.listening-visual img{object-fit:cover;width:100%;height:100%}.listening-visual>span{color:#347f9e;flex-direction:column;align-items:center;display:flex}.listening-visual svg{width:38px;height:38px}.listening-visual b{margin-top:8px;font-family:Noto Sans JP,sans-serif;font-size:18px}.audio-panel{flex-direction:column;justify-content:center;padding:21px;display:flex}.audio-panel>span,.question-prompt>span{color:#60817b;font-family:var(--display);letter-spacing:.1em;font-size:9px;font-weight:800}.audio-panel audio{width:100%;margin:11px 0}.audio-panel>small{color:#81938f;font-size:10px}.audio-unavailable{color:#778d89;background:#edf3f1;border-radius:9px;align-items:center;gap:9px;margin:11px 0;padding:11px;display:flex}.audio-unavailable i{background:#d28b55;border-radius:50%;width:8px;height:8px}.audio-unavailable p{margin:0;font-size:11px}.question-prompt.listening-prompt{padding-top:22px}.question-prompt.reading-passage{background:#fffdf9;border:1px solid #dce7e4;border-radius:14px;margin:21px 5px 18px;padding:24px;overflow:visible;box-shadow:inset 4px 0 #5ea98c}.question-prompt.reading-passage p{margin-top:12px;font-size:19px;font-weight:500;line-height:2}.listening-transcript{border-top:1px solid #cfe3db;margin-top:14px;padding-top:12px}.listening-transcript summary{color:#176f67;font-family:var(--display);cursor:pointer;font-size:11px;font-weight:700}.listening-transcript p{background:#ffffff90;border-radius:9px;padding:12px;margin-top:9px!important;font-size:14px!important;line-height:1.8!important}@media (max-width:760px){.practice-skill-cards{grid-template-columns:1fr;padding-inline:14px}.skill-practice-page{padding:22px 13px 55px}.skill-practice-head{display:block}.skill-practice-head>div:first-child{padding:26px 21px}.skill-symbol{display:none}.skill-practice-layout,.skill-setup-card .practice-filter-grid,.listening-media{grid-template-columns:1fr}.listening-visual{min-height:140px}.question-prompt.reading-passage{max-height:none;padding:18px}.question-prompt.reading-passage p{font-size:17px}}.notification-button{color:#71758b;background:#fff;border:1px solid #e7e8ef;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.notification-button i{color:#fff;background:#ef5e69;border:2px solid #fff;border-radius:9px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:12px;font-style:normal;display:grid;position:absolute;top:-4px;right:-3px}.settings-page{background:radial-gradient(circle at 88% 5%,#d8f2ec 0,transparent 24%),var(--canvas);min-height:100vh;padding-bottom:75px}.practice-header nav{gap:20px;display:flex}.settings-hero{max-width:940px;margin:auto;padding:60px 24px 35px}.settings-hero>span,.notification-title>div>span{color:var(--primary);font-family:var(--display);letter-spacing:.13em;font-size:14px;font-weight:800}.settings-hero h1,.notification-title h1{font-family:var(--display);letter-spacing:-.035em;margin:9px 0;font-size:clamp(34px,4vw,48px)}.settings-hero p,.notification-title p{color:var(--muted);margin:0;font-size:16px}.settings-layout{flex-direction:column;gap:15px;max-width:940px;margin:auto;padding:0 24px;display:flex}.settings-message{margin:0}.settings-card{background:#fff;border:1px solid #dbe6e3;border-radius:18px;padding:24px;box-shadow:0 12px 32px #174f4808}.settings-card-title{border-bottom:1px solid #edf2f0;align-items:center;gap:11px;margin-bottom:21px;padding-bottom:16px;display:flex}.settings-card-title>span{width:30px;height:30px;color:var(--primary);font-family:var(--display);background:#e2f3ef;border-radius:9px;place-items:center;font-size:13px;font-weight:800;display:grid}.settings-card-title h2{font-family:var(--display);margin:0;font-size:16px}.settings-card-title p{color:#879a96;margin:3px 0 0;font-size:13px}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.settings-grid label{color:#405c58;font-family:var(--display);flex-direction:column;gap:7px;font-size:14px;font-weight:650;display:flex}.settings-wide{grid-column:1/-1}.settings-grid input,.settings-grid select,.settings-grid textarea{width:100%;color:var(--ink);font-family:var(--sans);background:#fbfdfc;border:1px solid #d8e4e1;border-radius:11px;outline:0;font-size:16px}.settings-grid input,.settings-grid select{height:43px;padding:0 12px}.settings-grid textarea{resize:vertical;padding:12px;line-height:1.6}.settings-grid input:focus,.settings-grid select:focus,.settings-grid textarea:focus{border-color:#69b6ad;box-shadow:0 0 0 3px #137f7812}.settings-grid input:disabled{color:#849692;background:#f0f4f3}.toggle-list{flex-direction:column;gap:10px;display:flex}.toggle-list label{cursor:pointer;border:1px solid #e0e9e7;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.toggle-list input{width:17px;height:17px;accent-color:var(--primary)}.toggle-list span{flex-direction:column;display:flex}.toggle-list b{font-family:var(--display);font-size:15px}.toggle-list small{color:#81938f;margin-top:3px;font-size:13px}.settings-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #dbe6e3;border-radius:14px;justify-content:flex-end;gap:8px;padding:12px;display:flex;position:sticky;bottom:15px;box-shadow:0 12px 35px #183e3920}.settings-actions a,.settings-actions button{height:40px;font-family:var(--display);border-radius:10px;align-items:center;padding:0 17px;font-size:14px;font-weight:700;display:flex}.settings-actions a{color:#667c78}.settings-actions button{color:#fff;background:var(--primary);cursor:pointer;border:0}.notification-shell{max-width:900px;margin:auto;padding:55px 24px}.notification-title{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.notification-title form button{color:#426762;font-family:var(--display);cursor:pointer;background:#fff;border:1px solid #cfdeda;border-radius:9px;padding:10px 13px;font-size:13px}.notification-list{background:#fff;border:1px solid #dbe6e3;border-radius:18px;overflow:hidden}.notification-list article{border-top:1px solid #eaf0ee;grid-template-columns:44px 1fr 35px;gap:14px;padding:20px;display:grid}.notification-list article:first-child{border-top:0}.notification-list article.unread{background:#f1faf7}.notification-list article>span{color:#0c7068;background:#dff2ed;border-radius:12px;place-items:center;width:42px;height:42px;font-family:Noto Sans JP,sans-serif;font-size:17px;font-weight:700;display:grid}.notification-list article small{color:#8a9b97;text-transform:uppercase;font-size:12px}.notification-list article h2{font-family:var(--display);margin:5px 0 4px;font-size:18px}.notification-list article p{color:#657d79;margin:0;font-size:14px;line-height:1.6}.notification-list article a{color:var(--primary);font-family:var(--display);margin-top:7px;font-size:13px;font-weight:700;display:inline-flex}.notification-list article form button{width:30px;height:30px;color:var(--primary);cursor:pointer;background:#fff;border:1px solid #cfe0dc;border-radius:9px;place-items:center;display:grid}.notification-empty{text-align:center;padding:70px 20px}.notification-empty>span{color:#afd5cd;font-family:Noto Sans JP,sans-serif;font-size:40px}.notification-empty h2{font-family:var(--display);margin:10px 0 6px}.notification-empty p{color:#7b8f8b;font-size:14px}.notification-empty a{color:#fff;background:var(--primary);font-family:var(--display);border-radius:9px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}@media (max-width:600px){.settings-hero,.notification-shell{padding-top:38px}.settings-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}.settings-card{padding:17px}.notification-title{flex-direction:column;align-items:flex-start;gap:15px}.notification-list article{grid-template-columns:38px 1fr;padding:15px}.notification-list article>form{grid-column:2}.notification-list article>span{width:36px;height:36px}}.sidebar-profile{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.sidebar-profile:disabled{cursor:wait;opacity:.7}.sidebar-profile>span:last-child{color:#9aa6a3;font-family:var(--display);margin-left:auto;font-size:19px}.auth-page{background:#fff;grid-template-columns:minmax(380px,.95fr) minmax(480px,1.05fr);min-height:100vh;display:grid}.auth-visual{color:#fff;background:radial-gradient(circle at 78% 20%,#5cc2b6 0,#0000 27%),linear-gradient(145deg,#0c625d,#16867e 58%,#0b5854);flex-direction:column;justify-content:center;padding:clamp(45px,7vw,100px);display:flex;position:relative;overflow:hidden}.auth-visual:before,.auth-visual:after{content:"";border:1px solid #ffffff17;border-radius:50%;position:absolute}.auth-visual:before{width:520px;height:520px;bottom:-150px;right:-170px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.auth-visual:after{width:270px;height:270px;top:-110px;left:-100px}.auth-visual>span{z-index:1;color:#bcece5;font-family:Hiragino Maru Gothic ProN,Noto Sans JP,sans-serif;font-size:clamp(23px,2.5vw,36px);font-weight:600;line-height:1.55;position:relative}.auth-visual h2{z-index:1;font-family:var(--display);letter-spacing:-.035em;margin:25px 0 14px;font-size:clamp(36px,4vw,58px);font-weight:700;line-height:1.08;position:relative}.auth-visual>p{z-index:1;color:#d3efeb;max-width:470px;margin:0;font-size:18px;line-height:1.7;position:relative}.auth-quote{z-index:1;border-left:3px solid var(--coral);flex-direction:column;padding-left:16px;display:flex;position:absolute;bottom:55px;left:clamp(45px,7vw,100px)}.auth-quote b{font-family:Hiragino Maru Gothic ProN,Noto Sans JP,sans-serif;font-size:16px}.auth-quote small{color:#b9dfda;margin-top:5px;font-size:13px}.auth-card{align-self:center;width:min(100% - 48px,460px);margin:45px auto;padding:18px}.auth-brand{align-items:center;gap:10px;margin-bottom:43px;display:flex}.auth-brand>span{color:#fff;background:linear-gradient(145deg,#2aa89d,#0f706a);border-radius:13px 13px 13px 5px;place-items:center;width:41px;height:41px;font-size:14px;font-weight:900;display:grid;box-shadow:0 8px 20px #137f7830}.auth-brand strong{font-family:var(--display);letter-spacing:-.04em;font-size:23px;font-weight:800}.auth-brand em{color:var(--coral);font-style:normal}.auth-heading>span{color:var(--primary);font-family:Hiragino Maru Gothic ProN,Noto Sans JP,sans-serif;font-size:15px;font-weight:600}.auth-heading h1{font-family:var(--display);letter-spacing:-.025em;margin:7px 0 8px;font-size:30px;line-height:1.2}.auth-heading p{color:var(--muted);margin:0 0 28px;font-size:16px}.auth-card form{flex-direction:column;gap:16px;display:flex}.auth-card form>label{color:#334e4c;font-family:var(--display);flex-direction:column;gap:7px;font-size:16px;font-weight:600;display:flex}.auth-card input:not([type=checkbox]){height:48px;color:var(--ink);font-family:var(--sans);background:#fbfdfc;border:1px solid #d8e5e2;border-radius:13px;outline:0;padding:0 15px;font-size:17px;transition:border .2s,box-shadow .2s,background .2s}.auth-card input:not([type=checkbox]):focus{background:#fff;border-color:#65b9b0;box-shadow:0 0 0 4px #137f7812}.auth-card input::placeholder{color:#a9b6b3}.auth-error{color:#a64333;background:#fff3f0;border:1px solid #f4cbc3;border-radius:10px;padding:11px 13px;font-size:14px;line-height:1.45}.auth-options{color:#778b88;justify-content:space-between;align-items:center;min-height:21px;font-size:14px;display:flex}.auth-options a{color:var(--primary);font-weight:700}.auth-options>small{line-height:1.5}.remember{align-items:center;color:#748785!important;font-family:var(--sans)!important;flex-direction:row!important;gap:7px!important;font-size:14px!important;font-weight:400!important;display:flex!important}.remember input{accent-color:var(--primary)}.auth-submit{color:#fff;height:50px;font-family:var(--display);cursor:pointer;background:linear-gradient(135deg,#18877f,#0f6d67);border:0;border-radius:13px;justify-content:center;align-items:center;gap:11px;font-size:17px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 24px #137f7825}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #137f7832}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-submit span{font-size:18px}.auth-switch{color:#778b88;text-align:center;margin-top:25px;font-size:15px}.auth-switch a{color:var(--primary);font-weight:750}.access-page{background:var(--canvas);place-items:center;min-height:100vh;padding:25px;display:grid}.access-page section{border:1px solid var(--line);text-align:center;background:#fff;border-radius:22px;width:min(100%,520px);padding:42px;box-shadow:0 20px 50px #1a5a540c}.access-page section>span{color:var(--primary);font-family:var(--display);letter-spacing:.12em;font-size:14px;font-weight:800}.access-page h1{font-family:var(--display);margin:12px 0 8px;font-size:31px}.access-page p{color:var(--muted);margin:0 0 22px;font-size:16px;line-height:1.65}.access-page a{color:#fff;background:var(--primary);font-family:var(--display);border-radius:11px;padding:11px 17px;font-size:15px;font-weight:700;display:inline-flex}@media (max-width:850px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-card{margin-block:25px}.auth-brand{margin-bottom:32px}.video-detail-layout h1{font-size:17px!important}}@media (max-width:520px){.auth-card{width:calc(100% - 20px);padding:15px}.auth-heading h1{font-size:27px}.auth-card input:not([type=checkbox]){font-size:16px}.auth-options{flex-direction:column;align-items:flex-start;gap:10px}.access-page section{padding:30px 22px}}.cms-page{background:#f5f8f7;min-height:100vh}.cms-top{background:#fff;border-bottom:1px solid #dde9e6;align-items:center;height:68px;padding:0 max(24px,50vw - 660px);display:flex}.cms-logo{align-items:center;gap:9px;margin-right:45px;display:flex}.cms-logo>span{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.cms-logo b{font-family:var(--display);font-size:18px}.cms-logo em{color:var(--coral);font-style:normal}.cms-top nav{align-self:stretch;gap:6px;display:flex}.cms-top nav a{color:#768b88;font-family:var(--display);border-bottom:2px solid #0000;align-items:center;padding:0 14px;font-size:16px;font-weight:600;display:flex}.cms-top nav a.active{border-color:var(--primary);color:var(--primary)}.cms-back{color:#6d8581;margin-left:auto;font-size:14px}.cms-container{max-width:1320px;margin:0 auto;padding:34px 24px 60px}.cms-page-title{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.cms-page-title span,.editor-title>span,.editor-title>div>span{color:var(--primary);font-family:var(--display);letter-spacing:.13em;font-size:13px;font-weight:800}.cms-page-title h1,.editor-title h1{font-family:var(--display);margin:6px 0 5px;font-size:30px;line-height:1.2}.cms-page-title p,.editor-title p{color:#7e918e;margin:0;font-size:15px}.cms-page-title>a{color:#fff;background:var(--primary);height:42px;font-family:var(--display);border-radius:12px;align-items:center;padding:0 17px;font-size:15px;font-weight:700;display:flex;box-shadow:0 9px 22px #137f7824}.status-tabs{background:#fff;border:1px solid #dde8e5;border-radius:13px;gap:5px;margin-bottom:17px;padding:5px;display:flex}.status-tabs a{color:#758985;font-family:var(--display);border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.status-tabs a.active{color:#0c6e67;background:#e4f4f0}.status-tabs b{background:#eef3f2;border-radius:8px;place-items:center;min-width:20px;height:18px;padding:0 5px;font-size:12px;display:grid}.status-tabs a.active b{background:#cce9e3}.question-search{gap:8px;margin-bottom:15px;display:flex}.question-search input{background:#fff;border:1px solid #dce7e4;border-radius:10px;outline:0;width:300px;height:38px;padding:0 13px;font-size:15px}.question-search input:focus{border-color:#72b8af;box-shadow:0 0 0 3px #137f7812}.question-search button{color:#fff;font-family:var(--display);cursor:pointer;background:#375c58;border:0;border-radius:9px;padding:0 14px;font-size:14px}.question-table{background:#fff;border:1px solid #dde8e5;border-radius:15px;overflow:hidden}.table-head,.question-table article{grid-template-columns:minmax(300px,2fr) minmax(170px,1fr) 85px 120px 95px;align-items:center;gap:15px;padding:0 18px;display:grid}.table-head{color:#95a5a2;height:42px;font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;background:#fafcfb;font-size:13px;font-weight:700}.question-table article{border-top:1px solid #edf2f0;min-height:78px}.question-table article>div:first-child b{font-family:var(--display);font-size:15px}.question-table article p{color:#718581;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:14px;overflow:hidden}.question-table article>div:nth-child(2),.question-table article>div:nth-child(3){flex-direction:column;gap:4px;display:flex}.question-table article>div:nth-child(2) span{font-size:13px;font-weight:700}.question-table article small{color:#95a4a1;font-size:12px}.question-table article>a{color:var(--primary);font-family:var(--display);font-size:13px;font-weight:700}.status-badge{width:max-content;font-family:var(--display);border-radius:8px;align-items:center;padding:6px 8px;font-size:12px;font-weight:700;display:inline-flex}.status-badge.draft{color:#6f7d7b;background:#edf2f1}.status-badge.review{color:#a46522;background:#fff1da}.status-badge.approved{color:#276f9b;background:#e5f2f9}.status-badge.published{color:#147353;background:#e0f4eb}.status-badge.archived{color:#9b5b65;background:#f8e8eb}.empty-state{text-align:center;padding:65px 20px}.empty-state b{font-family:var(--display);font-size:16px}.empty-state p{color:#80918e;font-size:15px}.editor-container{max-width:1040px;margin:0 auto;padding:32px 24px 70px}.editor-back{color:#67807c;font-family:var(--display);margin-bottom:22px;font-size:14px;font-weight:600;display:inline-flex}.editor-title{margin-bottom:25px}.editor-title.with-status{justify-content:space-between;align-items:flex-end;display:flex}.workflow{align-items:center;gap:7px;display:flex}.workflow form{margin:0}.workflow button{color:#fff;background:var(--primary);height:35px;font-family:var(--display);cursor:pointer;border:0;border-radius:9px;padding:0 12px;font-size:13px;font-weight:700}.workflow button.muted{color:#667d79;background:#fff;border:1px solid #d7e3e0}.cms-success,.cms-error{border-radius:10px;margin-bottom:15px;padding:12px 14px;font-size:14px}.cms-success{color:#166d50;background:#e8f7f0;border:1px solid #bde3d3}.cms-error{color:#9e4031;background:#fff0ed;border:1px solid #f0c6bd}.question-form{flex-direction:column;gap:15px;display:flex}.question-editor-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.question-editor-main{flex-direction:column;grid-area:1/1;gap:15px;min-width:0;display:flex}.question-classification-sidebar{grid-area:1/2;max-height:calc(100vh - 108px);position:sticky;top:88px;overflow-y:auto}.question-classification-sidebar .cms-card-head{flex-direction:column;gap:6px}.question-classification-sidebar .form-grid.four{grid-template-columns:1fr;gap:12px}.question-classification-sidebar .form-grid.four>.span-2{grid-column:auto}@media (max-width:1180px){.question-editor-layout{grid-template-columns:1fr}.question-editor-main,.question-classification-sidebar{grid-area:auto/1;max-height:none;position:static}.question-classification-sidebar .form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.question-classification-sidebar .form-grid.four>.span-2{grid-column:span 2}}@media (max-width:700px){.question-editor-layout{gap:14px}.question-classification-sidebar .form-grid.four{grid-template-columns:1fr}.question-classification-sidebar .form-grid.four>.span-2{grid-column:auto}}.cms-card{background:#fff;border:1px solid #dce7e4;border-radius:16px;padding:22px;box-shadow:0 8px 22px #185b5306}.cms-card-head{border-bottom:1px solid #edf2f0;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;display:flex}.cms-card-head>div{align-items:center;gap:9px;display:flex}.cms-card-head>div>span{color:#0d7069;width:25px;height:25px;font-family:var(--display);background:#e1f3ef;border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.cms-card-head h2{font-family:var(--display);margin:0;font-size:19px}.cms-card-head p{color:#91a09d;margin:4px 0 0;font-size:13px}.form-grid{gap:14px;display:grid}.form-grid.four{grid-template-columns:repeat(4,1fr)}.span-3{grid-column:span 3}.question-form label{color:#48615e;font-family:var(--display);flex-direction:column;gap:7px;font-size:14px;font-weight:600;display:flex}.question-form input:not([type=radio]):not([type=checkbox]),.question-form select,.question-form textarea{color:#253f3c;width:100%;font-family:var(--sans);background:#fbfdfc;border:1px solid #d9e5e2;border-radius:10px;outline:0;font-size:15px;transition:border .2s,box-shadow .2s}.question-form input:not([type=radio]):not([type=checkbox]),.question-form select{height:40px;padding:0 11px}.question-form textarea{resize:vertical;padding:11px;line-height:1.6}.question-form input:focus,.question-form select:focus,.question-form textarea:focus{border-color:#6db8af;box-shadow:0 0 0 3px #137f7811}.bilingual-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.bilingual-grid:first-of-type{margin-top:0}.bilingual-grid label>b{color:#0c716a;background:#e5f4f1;border-radius:5px;width:max-content;padding:3px 6px;font-family:Noto Sans JP,sans-serif;font-size:12px}.transcript-fields{border-top:1px solid #edf2f0;margin-top:16px}.transcript-fields summary{color:var(--primary);font-family:var(--display);cursor:pointer;padding-top:15px;font-size:14px;font-weight:700}.option-editor{flex-direction:column;gap:9px;display:flex}.option-edit-row{background:#fbfcfc;border:1px solid #e3ebe9;border-radius:12px;grid-template-columns:52px 1fr 1fr;align-items:end;gap:10px;padding:11px;display:grid}.correct-radio{cursor:pointer;justify-content:center;align-self:stretch;align-items:center!important;display:flex!important}.correct-radio input{opacity:0;position:absolute}.correct-radio span{color:#738682;background:#fff;border:1px solid #d3dfdc;border-radius:10px;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.correct-radio input:checked+span{border-color:var(--primary);color:#fff;background:var(--primary);box-shadow:0 6px 14px #137f7824}.tag-picker{flex-wrap:wrap;gap:8px;display:flex}.tag-picker label{cursor:pointer}.tag-picker input{opacity:0;position:absolute}.tag-picker span{color:#687d79;background:#fff;border:1px solid #dce6e4;border-radius:9px;padding:8px 11px;font-size:13px;display:inline-flex}.tag-picker input:checked+span{color:#0d6f68;background:#e5f4f1;border-color:#8bc4bc}.form-actions{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #dce7e4;border-radius:14px;justify-content:flex-end;align-items:center;gap:9px;margin-top:20px;padding:12px 14px;display:flex;position:sticky;bottom:15px;box-shadow:0 12px 35px #183e3920}.form-actions a{color:#6b817d;font-family:var(--display);padding:10px 14px;font-size:14px}.form-actions button{color:#fff;background:var(--primary);height:39px;font-family:var(--display);cursor:pointer;border:0;border-radius:10px;padding:0 17px;font-size:14px;font-weight:700}.form-actions button:disabled{cursor:wait;opacity:.6}@media (max-width:850px){.cms-top nav{display:none}.cms-container{padding-inline:15px}.status-tabs{overflow-x:auto}.status-tabs a{white-space:nowrap}.table-head{display:none}.question-table article{grid-template-columns:1fr auto;padding:14px}.question-table article>div:nth-child(2),.question-table article>div:nth-child(3){display:none}.question-table article>div:nth-child(4){grid-column:1}.form-grid.four{grid-template-columns:1fr 1fr}.span-3{grid-column:span 1}.editor-title.with-status{flex-direction:column;align-items:flex-start;gap:15px}.workflow{flex-wrap:wrap}.cms-card-head{flex-direction:column;gap:5px}.bilingual-grid{grid-template-columns:1fr}.option-edit-row{grid-template-columns:45px 1fr}.option-edit-row label:last-child{grid-column:2}}@media (max-width:520px){.cms-top{padding-inline:14px}.cms-back{font-size:0}.cms-back:after{content:"←";font-size:16px}.cms-page-title{flex-direction:column;align-items:flex-start;gap:16px}.status-tabs{border-left:0;border-right:0;border-radius:0;margin-inline:-15px}.question-search input{width:100%}.editor-container{padding-inline:14px}.form-grid.four{grid-template-columns:1fr}.option-edit-row{grid-template-columns:40px 1fr}.cms-card{padding:16px}.question-form input:not([type=radio]):not([type=checkbox]),.question-form select,.question-form textarea{font-size:16px}}.practice-page,.result-page{background:radial-gradient(circle at 85% 5%,#d8f2ec 0,transparent 25%),var(--canvas);min-height:100vh;padding-bottom:70px}.practice-header{justify-content:space-between;align-items:center;max-width:1120px;height:76px;margin:auto;padding:0 24px;display:flex}.practice-header>a:last-child{color:#627b77;font-family:var(--display);font-size:16px;font-weight:600}.practice-brand{align-items:center;gap:10px;display:flex}.practice-brand>span{color:#fff;background:linear-gradient(145deg,#23968c,#0e6d67);border-radius:12px 12px 12px 5px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid}.practice-brand b{font-family:var(--display);font-size:20px}.practice-brand em{color:var(--coral);font-style:normal}.practice-hero,.practice-setup,.result-hero,.result-stats,.mistake-review,.result-actions{max-width:1060px;margin-inline:auto}.practice-hero{text-align:center;padding:68px 30px 48px}.practice-hero>span,.result-hero>span,.mistake-review>div>span{color:var(--primary);font-family:var(--display);letter-spacing:.14em;font-size:14px;font-weight:800}.practice-hero h1,.result-hero h1{max-width:760px;font-family:var(--display);letter-spacing:-.04em;margin:12px auto;font-size:clamp(38px,5vw,60px);line-height:1.05}.practice-hero p,.result-hero>p{max-width:650px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.75}.practice-setup{grid-template-columns:270px 1fr;gap:28px;padding:28px;display:grid}.practice-setup>div:first-child{padding:20px 5px}.practice-setup>div:first-child>span{width:37px;height:37px;color:var(--primary);font-family:var(--display);background:#dff1ed;border-radius:11px;place-items:center;font-size:15px;font-weight:800;display:grid}.practice-setup h2{font-family:var(--display);margin:16px 0 8px;font-size:25px}.practice-setup>div:first-child p{color:var(--muted);font-size:15px;line-height:1.65}.practice-setup-card,.practice-empty{background:#fff;border:1px solid #d9e7e3;border-radius:20px;padding:25px;box-shadow:0 18px 45px #154e4710}.practice-field{flex-direction:column;gap:7px;display:flex}.practice-field label,.practice-modes legend{color:#3d5854;font-family:var(--display);font-size:15px;font-weight:700}.practice-field select{height:44px;color:var(--ink);background:#fbfdfc;border:1px solid #d7e4e1;border-radius:11px;outline:0;padding:0 12px;font-size:16px}.practice-field select:focus{border-color:#6bb9b0;box-shadow:0 0 0 3px #137f7812}.practice-modes{border:0;grid-template-columns:repeat(2,1fr);gap:9px;margin:22px 0;padding:0;display:grid}.practice-modes legend{grid-column:1/-1;margin-bottom:9px}.practice-modes label{cursor:pointer}.practice-modes input{opacity:0;position:absolute}.practice-modes label>span{border:1px solid #dce7e4;border-radius:12px;flex-direction:column;min-height:66px;padding:13px;transition:all .2s;display:flex}.practice-modes label:hover>span,.practice-modes label.selected>span{background:#e9f6f3;border-color:#6bb9b0;box-shadow:0 5px 15px #137f780c}.practice-modes b{font-family:var(--display);font-size:16px}.practice-modes small{color:#7d918d;margin-top:4px;font-size:13px}.practice-filter-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.practice-start{color:#fff;width:100%;height:48px;font-family:var(--display);cursor:pointer;background:linear-gradient(135deg,#18877f,#0d6963);border:0;border-radius:12px;margin-top:22px;font-size:16px;font-weight:700;box-shadow:0 10px 24px #137f7825}.practice-start:disabled{opacity:.55}.practice-error{color:#a34333;background:#fff0ed;border:1px solid #efc6bd;border-radius:10px;padding:11px 13px;font-size:14px}.practice-empty{color:var(--muted);align-self:start}.player-page{background:#f4f8f7;min-height:100vh}.player-top{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #dce7e4;grid-template-columns:1fr minmax(260px,440px) 1fr;align-items:center;height:72px;padding:0 28px;display:grid;position:sticky;top:0}.player-top>div{color:#627b77;font-family:var(--display);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.player-top>div>i{background:#deebe8;border-radius:8px;flex:1;height:6px;display:block}.player-top>div>i b{background:var(--primary);border-radius:8px;height:100%;transition:width .35s;display:block}.player-top>button{color:#627b77;font-family:var(--display);cursor:pointer;background:#fff;border:1px solid #d6e3e0;border-radius:9px;justify-self:end;padding:8px 13px;font-size:14px}.player-shell{grid-template-columns:190px minmax(0,780px);justify-content:center;gap:28px;padding:36px 24px 70px;display:grid}.question-map{background:#fff;border:1px solid #dce7e4;border-radius:17px;align-self:start;padding:20px}.question-map small{color:#718783;font-family:var(--display);letter-spacing:.08em;font-size:12px;font-weight:800}.question-map>div{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px;display:grid}.question-map button{aspect-ratio:1;color:#697e7a;cursor:pointer;background:#fafcfb;border:1px solid #dce5e3;border-radius:9px;font-size:13px}.question-map button.active{border-color:var(--primary);box-shadow:0 0 0 2px #137f7820}.question-map button.correct{color:#167252;background:#e5f5ed}.question-map button.wrong{color:#a54939;background:#fff0ed}.question-stage{background:#fff;border:1px solid #dce7e4;border-radius:20px;padding:30px;box-shadow:0 15px 40px #174f480b}.question-meta{border-bottom:1px solid #edf2f0;align-items:center;gap:10px;padding-bottom:18px;display:flex}.question-meta>span{color:var(--primary);font-family:var(--display);font-size:14px;font-weight:800}.question-meta>i{color:#8a9b98;font-size:12px;font-style:normal}.question-meta>button{color:#718581;cursor:pointer;background:#fff;border:1px solid #dbe5e2;border-radius:8px;margin-left:auto;padding:7px 10px;font-size:13px}.question-meta>button.saved{color:#9a6d11;background:#fff8e7;border-color:#e9c473}.question-prompt{padding:28px 5px 20px}.question-prompt p{margin:0;font-family:Noto Sans JP,Yu Gothic UI,sans-serif;font-size:20px;font-weight:600;line-height:1.65}.question-prompt small{color:#758985;margin-top:10px;font-size:16px;line-height:1.6;display:block}.answer-list{flex-direction:column;gap:10px;display:flex}.answer-list>button{min-height:66px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #dce6e3;border-radius:13px;grid-template-columns:38px 1fr 25px;align-items:center;gap:12px;padding:11px 15px;transition:all .2s;display:grid}.answer-list>button:hover:not(:disabled),.answer-list>button.selected{background:#eef8f6;border-color:#62afa7;transform:translate(3px)}.answer-list>button.correct{background:#ebf8f1;border-color:#60ba91}.answer-list>button.wrong{background:#fff1ee;border-color:#e59484}.answer-list>button>b{width:34px;height:34px;font-family:var(--display);background:#edf3f1;border-radius:9px;place-items:center;font-size:15px;display:grid}.answer-list>button>span{font-size:15px;line-height:1.45}.answer-list>button small{color:#7c908c;font-family:var(--sans);margin-top:3px;font-size:13px;display:block}.answer-list>button>i{font-size:17px;font-style:normal}.answer-list>button.correct>i{color:#23805d}.answer-list>button.wrong>i{color:#bd5947}.answer-feedback{border-left:4px solid;border-radius:4px 12px 12px 4px;margin-top:18px;padding:18px}.answer-feedback.correct{background:#eaf7f1;border-color:#2d9c70}.answer-feedback.wrong{background:#fff0ed;border-color:#dd7764}.answer-feedback h3{font-family:var(--display);margin:0 0 9px;font-size:19px}.answer-feedback p{margin:0;font-family:Noto Sans JP,sans-serif;font-size:16px;line-height:1.65}.answer-feedback small{color:#607873;margin-top:6px;font-size:14px;line-height:1.6;display:block}.player-actions{border-top:1px solid #edf2f0;justify-content:space-between;margin-top:25px;padding-top:20px;display:flex}.player-actions button{color:#627b77;height:42px;font-family:var(--display);cursor:pointer;background:#fff;border:1px solid #d8e4e1;border-radius:10px;padding:0 15px;font-size:14px;font-weight:700}.player-actions button.primary{color:#fff;background:var(--primary);border:0}.player-actions button:disabled{cursor:not-allowed;opacity:.45}.result-hero{text-align:center;padding:58px 25px 28px}.result-score{max-width:520px;margin:30px auto 0}.result-score strong{font-family:var(--display);font-size:64px}.result-score strong small{font-size:24px}.result-score>i{background:#dce9e6;border-radius:10px;height:10px;margin-top:15px;display:block}.result-score>i b{background:linear-gradient(90deg,var(--primary),#60c4a1);border-radius:10px;height:100%;display:block}.result-stats{background:#fff;border:1px solid #d9e6e3;border-radius:18px;grid-template-columns:repeat(3,1fr);margin-top:25px;display:grid;overflow:hidden}.result-stats>div{flex-direction:column;align-items:center;padding:24px;display:flex}.result-stats>div+div{border-left:1px solid #e3ecea}.result-stats b{font-family:var(--display);font-size:25px}.result-stats span{color:#7b8f8b;margin-top:5px;font-size:14px}.mistake-review{background:#fff;border:1px solid #d9e6e3;border-radius:18px;margin-top:24px;padding:25px}.mistake-review h2{font-family:var(--display);margin:6px 0 18px}.mistake-review article{border-top:1px solid #edf2f0;padding:15px}.mistake-review article>b{color:#b35e4e;font-family:var(--display);font-size:13px}.mistake-review article p{margin:7px 0 3px;font-family:Noto Sans JP,sans-serif;font-size:17px}.mistake-review article small{color:#788c88;font-size:14px}.result-actions{justify-content:center;gap:10px;margin-top:25px;display:flex}.result-actions a{font-family:var(--display);background:#fff;border:1px solid #d3e0dd;border-radius:10px;padding:12px 17px;font-size:15px;font-weight:700}.result-actions a:first-child{border-color:var(--primary);color:#fff;background:var(--primary)}@media (max-width:800px){.practice-setup{grid-template-columns:1fr}.practice-setup>div:first-child{padding:0}.player-top{grid-template-columns:1fr auto}.player-top>div{background:#f4f8f7;width:100%;padding:8px 20px;position:absolute;top:72px;left:0}.player-top>div>span{display:none}.player-shell{grid-template-columns:1fr;padding-top:55px}.question-map{display:none}.question-stage{padding:22px}.practice-filter-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.practice-hero{padding:45px 20px 30px}.practice-hero h1,.result-hero h1{font-size:36px}.practice-setup{padding:15px}.practice-setup-card{padding:17px}.practice-modes,.practice-filter-grid{grid-template-columns:1fr}.player-top{padding:0 15px}.player-top .practice-brand b{display:none}.player-shell{padding-inline:10px}.question-stage{padding:17px}.question-meta>i{display:none}.question-prompt p{font-size:17px}.answer-list>button{grid-template-columns:34px 1fr 20px}.result-stats{margin-inline:14px}.result-stats>div{padding:17px 8px}.mistake-review{margin-inline:14px}.result-actions{text-align:center;flex-direction:column;padding:0 14px}}.learner-content .cms-top{display:none}.learner-content>.cms-page,.learner-content,.learner-content>.practice-page,.learner-content>.result-page,.learner-content>.exam-catalog,.learner-content>.settings-page{min-height:calc(100vh - 70px)}.learner-content .practice-header{display:none}.learner-content .practice-page,.learner-content .result-page,.learner-content .exam-catalog,.learner-content .settings-page{padding-bottom:55px}.learner-content .player-page,.learner-content .exam-room{min-height:calc(100vh - 70px)}.learner-content .player-top,.learner-content .exam-room>header{display:none}.learner-content .player-shell,.learner-content .exam-layout{padding-top:30px}.sidebar nav a .nav-count{color:#fff;background:var(--coral);border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:12px;display:grid}.learner-shell .sidebar-goal{display:block}.learner-shell .mobile-nav{z-index:30}@media (max-width:1050px){.learner-shell .sidebar{width:210px}.learner-shell .app-main{margin-left:210px}}@media (max-width:850px){.learner-shell .sidebar{display:none}.learner-shell .app-main{margin-left:0}.learner-content{padding-bottom:58px}.learner-content .player-shell,.learner-content .exam-layout{padding-top:25px}}.ai-page{background:radial-gradient(circle at 88% 5%,#e6ddff 0,transparent 24%),var(--canvas);min-height:calc(100vh - 70px);padding:46px 28px 75px}.ai-hero,.ai-workspace{max-width:1080px;margin-inline:auto}.ai-hero{text-align:center}.ai-hero>span{color:#6559d8;font-family:var(--display);letter-spacing:.13em;font-size:14px;font-weight:800}.ai-hero h1{font-family:var(--display);letter-spacing:-.04em;margin:10px 0;font-size:clamp(38px,5vw,56px);line-height:1.05}.ai-hero p{color:var(--muted);font-size:16px}.ai-hero>div{background:#fff;border-radius:9px;align-items:center;gap:10px;margin-top:12px;padding:7px 10px;display:inline-flex}.ai-hero>div b{color:#6559d8;font-family:var(--display);font-size:12px}.ai-hero>div span{color:#718581;font-size:12px}.ai-workspace{grid-template-columns:250px 1fr;gap:15px;margin-top:32px;display:grid}.ai-workspace>aside{flex-direction:column;gap:7px;display:flex}.ai-workspace>aside button{color:#526b67;cursor:pointer;text-align:left;background:#fff;border:1px solid #dde5e3;border-radius:12px;flex-direction:column;padding:14px;display:flex}.ai-workspace>aside button.active{background:#f2f0ff;border-color:#8479e8;box-shadow:0 7px 20px #6559d810}.ai-workspace>aside span{color:#7166d9;font-family:Noto Sans JP,sans-serif;font-size:12px}.ai-workspace>aside b{font-family:var(--display);margin:4px 0;font-size:15px}.ai-workspace>aside small{color:#849692;font-size:12px;line-height:1.5}.ai-workspace>section{background:#fff;border:1px solid #dbe5e3;border-radius:17px;padding:24px;box-shadow:0 15px 38px #174f4809}.ai-workspace>section>header{border-bottom:1px solid #edf2f0;justify-content:space-between;padding-bottom:17px;display:flex}.ai-workspace>section>header span{color:#7166d9;font-family:Noto Sans JP,sans-serif;font-size:13px}.ai-workspace>section>header h2{font-family:var(--display);margin:5px 0;font-size:20px}.ai-workspace>section>header p{color:#7e918d;margin:0;font-size:13px}.ai-workspace>section>header>b{color:#6559d8;background:#eeecff;border-radius:8px;align-self:start;padding:6px 8px;font-size:12px}.ai-config-warning{color:#8b611f;background:#fff6e5;border:1px solid #efd5a6;border-radius:10px;flex-direction:column;margin:15px 0;padding:12px;display:flex}.ai-config-warning b{font-size:13px}.ai-config-warning span{margin-top:3px;font-size:12px}.ai-workspace form{margin-top:17px}.ai-workspace textarea{width:100%;font-family:var(--sans);resize:vertical;background:#fbfdfc;border:1px solid #d9e4e1;border-radius:12px;outline:0;padding:14px;font-size:15px;line-height:1.7}.ai-workspace textarea:focus{border-color:#8f86e9;box-shadow:0 0 0 3px #6559d812}.ai-workspace form>div{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.ai-workspace form small{color:#899a97;font-size:12px}.ai-workspace form button{color:#fff;height:40px;font-family:var(--display);cursor:pointer;background:linear-gradient(135deg,#7166df,#5449bd);border:0;border-radius:9px;padding:0 14px;font-size:13px;font-weight:700}.ai-workspace form button:disabled{opacity:.55}.ai-error{color:#a14838;background:#fff0ed;border-radius:9px;padding:11px;font-size:13px}.ai-output{background:#faf9ff;border:1px solid #dcd9f5;border-radius:13px;margin-top:18px;padding:19px}.ai-output>span{color:#6559d8;font-family:var(--display);letter-spacing:.1em;font-size:12px;font-weight:800}.ai-output>div{color:#3f5854;white-space:pre-wrap;margin-top:10px;font-size:15px;line-height:1.8}.ai-output>button{color:#fff;background:#6559d8;border:0;border-radius:8px;margin-top:12px;padding:8px 11px;font-size:12px}.ai-output>small{color:#879995;border-top:1px solid #e5e2f6;margin-top:15px;padding-top:10px;font-size:12px;display:block}.ai-log-stats{gap:10px;margin-bottom:15px;display:flex}.ai-log-stats>div{background:#fff;border:1px solid #dbe6e3;border-radius:12px;flex-direction:column;min-width:110px;padding:15px;display:flex}.ai-log-stats b{font-family:var(--display);font-size:22px}.ai-log-stats span{color:#80938f;font-size:12px}.ai-log-table{background:#fff;border:1px solid #dbe6e3;border-radius:15px;overflow:hidden}.ai-log-table>header,.ai-log-table>article{grid-template-columns:1.2fr 1fr 1fr 1fr 100px;align-items:center;gap:12px;padding:0 16px;display:grid}.ai-log-table>header{color:#829590;height:40px;font-family:var(--display);background:#fafcfb;font-size:12px;font-weight:800}.ai-log-table>article{border-top:1px solid #eaf0ee;min-height:64px;font-size:12px}.ai-log-table article>div{flex-direction:column;display:flex}.ai-log-table article small{color:#839591}.ai-log-table details{grid-column:1/-1;padding-bottom:10px}.ai-log-table details p{color:#627b76;line-height:1.5}@media (max-width:800px){.ai-workspace{grid-template-columns:1fr}.ai-workspace>aside{flex-direction:row;overflow-x:auto}.ai-workspace>aside button{min-width:190px}.ai-log-table>header{display:none}.ai-log-table>article{grid-template-columns:1fr auto;padding-block:12px}}.learner-content .cms-page>.cms-top{z-index:8;padding-inline:24px;display:flex;position:sticky;top:70px}.learner-content .cms-page>.cms-top .cms-logo{display:none}.admin-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.admin-kpis article{background:#fff;border:1px solid #dbe6e3;border-radius:14px;padding:19px}.admin-kpis span{color:#7b918d;font-family:var(--display);letter-spacing:.1em;font-size:12px;font-weight:800}.admin-kpis b{font-family:var(--display);margin:7px 0 2px;font-size:28px;display:block}.admin-kpis p{color:#7f928f;margin:0;font-size:12px}.admin-dashboard-grid{grid-template-columns:1.7fr 1fr;gap:14px;margin-top:15px;display:grid}.admin-dashboard-grid>article{background:#fff;border:1px solid #dbe6e3;border-radius:15px;padding:21px}.admin-dashboard-grid h2{font-family:var(--display);margin:0;font-size:19px}.admin-dashboard-grid article>div>p{color:#849692;margin:4px 0;font-size:12px}.admin-chart{grid-row:span 2}.admin-bars{justify-content:space-between;align-items:flex-end;height:240px;margin-top:22px;display:flex!important}.admin-bars>span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.admin-bars>span>i{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:200px;display:flex}.admin-bars>span>i b,.admin-bars>span>i em{background:var(--primary);border-radius:4px 4px 0 0;width:8px;min-height:2px;display:block}.admin-bars>span>i em{background:var(--coral)}.admin-bars small{color:#859793;margin-top:7px;font-size:12px}.admin-chart footer{color:#6f8581;justify-content:center;gap:18px;margin-top:15px;font-size:12px;display:flex}.admin-chart footer span{align-items:center;gap:5px;display:flex}.admin-chart footer i{background:var(--primary);border-radius:3px;width:8px;height:8px}.admin-chart footer span:last-child i{background:var(--coral)}.admin-health>div{justify-content:space-between;align-items:center;display:flex}.admin-health>div>b{color:var(--primary);font-family:var(--display);font-size:22px}.admin-health>i{background:#dfebe8;border-radius:7px;height:7px;margin:16px 0 7px;display:block}.admin-health>i strong{background:var(--primary);border-radius:7px;height:100%;display:block}.admin-health>p{color:#7d918d;font-size:12px}.admin-health>span{border-top:1px solid #edf2f0;justify-content:space-between;padding:7px 0;font-size:12px;display:flex}.admin-health>span small{color:#607a75}.recent-users>div{justify-content:space-between;margin-bottom:9px;display:flex}.recent-users>div a{color:var(--primary);font-size:12px}.recent-users>a{border-top:1px solid #edf2f0;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:8px 0;display:grid}.recent-users>a>span{width:30px;height:30px;color:var(--primary);background:#e6f3f0;border-radius:9px;place-items:center;font-size:12px;font-weight:800;display:grid}.recent-users>a>div{flex-direction:column;display:flex}.recent-users>a b{font-size:13px}.recent-users>a small{color:#829590;font-size:12px}.recent-users>a em{color:#6e8580;font-size:12px;font-style:normal}.user-filters{grid-template-columns:1.5fr repeat(3,1fr) auto;gap:8px;margin-bottom:14px;display:grid}.user-filters input,.user-filters select{background:#fff;border:1px solid #d9e5e2;border-radius:9px;height:39px;padding:0 10px;font-size:13px}.user-filters button{color:#fff;background:var(--primary);border:0;border-radius:9px;padding:0 14px;font-size:13px}.user-list{background:#fff;border:1px solid #dbe6e3;border-radius:15px;overflow:hidden}.user-list>header,.user-list>article{grid-template-columns:1.4fr .7fr .5fr 1.4fr;align-items:center;gap:15px;padding:0 18px;display:grid}.user-list>header{color:#829590;height:40px;font-family:var(--display);text-transform:uppercase;background:#fafcfb;font-size:12px;font-weight:800}.user-list>article{border-top:1px solid #eaf0ee;min-height:68px}.user-identity{align-items:center;gap:10px;display:flex}.user-identity>span{width:34px;height:34px;color:var(--primary);background:#e7f4f1;border-radius:10px;place-items:center;font-size:12px;font-weight:800;display:grid}.user-identity>div,.user-activity{flex-direction:column;display:flex}.user-identity b{font-size:14px}.user-identity b em{color:#956018;background:#fff0d5;border-radius:5px;margin-left:6px;padding:3px 5px;font-size:12px;font-style:normal}.user-identity small,.user-activity small{color:#829590;margin-top:3px;font-size:12px}.user-activity b{font-size:12px}.user-list article>form{grid-template-columns:1fr 1.2fr auto;gap:6px;display:grid}.user-list article>form select{background:#fbfdfc;border:1px solid #dbe5e3;border-radius:8px;height:32px;padding:0 6px;font-size:12px}.user-list article>form button{color:#fff;background:var(--primary);border:0;border-radius:7px;font-size:12px}@media (max-width:950px){.admin-kpis{grid-template-columns:1fr 1fr}.admin-dashboard-grid{grid-template-columns:1fr}.admin-chart{grid-row:auto}.user-list>header{display:none}.user-list>article{grid-template-columns:1fr auto;padding-block:13px}.user-list article>form{grid-column:1/-1}.user-filters{grid-template-columns:1fr 1fr}}@media (max-width:550px){.admin-kpis,.user-filters{grid-template-columns:1fr}.admin-bars>span:nth-child(2n){display:none}}.learning-page,.lesson-page,.flashcards-page{background:radial-gradient(circle at 88% 5%,#d8f2ec 0,transparent 24%),var(--canvas);min-height:calc(100vh - 70px);padding:48px 28px 75px}.learning-hero,.course-head,.course-grid,.module-list,.lesson-page>header,.lesson-body,.lesson-footer,.flashcards-head,.flashcard-review,.flashcard-empty{max-width:1000px;margin-inline:auto}.learning-hero{text-align:center}.learning-hero>span,.course-head>span,.flashcards-head>span{color:var(--primary);font-family:var(--display);letter-spacing:.13em;font-size:14px;font-weight:800}.learning-hero h1,.course-head h1,.flashcards-head h1{font-family:var(--display);letter-spacing:-.04em;margin:10px 0;font-size:clamp(36px,5vw,54px);line-height:1.08}.learning-hero p,.course-head p,.flashcards-head p{max-width:620px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.7}.learning-hero>a{color:#fff;background:var(--primary);font-family:var(--display);border-radius:9px;margin-top:17px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.course-grid{grid-template-columns:repeat(2,1fr);gap:17px;margin-top:36px;display:grid}.course-grid>a{background:#fff;border:1px solid #d9e5e2;border-radius:19px;padding:28px;position:relative;overflow:hidden;box-shadow:0 15px 38px #174f480b}.course-grid>a:after{content:"学";color:#137f7808;font-family:Noto Sans JP,sans-serif;font-size:130px;position:absolute;top:-30px;right:-12px}.course-grid>a>span{color:var(--primary);font-family:var(--display);font-size:13px;font-weight:800}.course-grid h2{z-index:1;font-family:var(--display);margin:12px 0 2px;font-size:23px;position:relative}.course-grid h3{color:#54736e;margin:0;font-family:Noto Sans JP,sans-serif;font-size:16px}.course-grid p{color:#748985;min-height:40px;font-size:14px;line-height:1.6}.course-grid>a>div{align-items:center;gap:12px;margin-top:22px;display:flex}.course-grid i{background:#e0ebe8;border-radius:6px;flex:1;height:6px;display:block}.course-grid i b{background:var(--primary);border-radius:6px;height:100%;display:block}.course-grid small{color:#758a86;font-size:12px}.course-head{text-align:left}.course-head>a{color:#607b76;margin-bottom:24px;font-size:13px;display:inline-flex}.course-head p{margin-left:0}.module-list{flex-direction:column;gap:16px;margin-top:30px;display:flex}.module-list>article{background:#fff;border:1px solid #d9e5e2;border-radius:17px;overflow:hidden}.module-list>article>div{background:#f8fbfa;align-items:center;gap:13px;padding:19px 22px;display:flex}.module-list>article>div>span{color:var(--primary);font-family:var(--display);font-size:14px;font-weight:800}.module-list h2{font-family:var(--display);flex-direction:column;margin:0;font-size:19px;display:flex}.module-list h2 small{color:#78908b;margin-top:3px;font-family:Noto Sans JP,sans-serif;font-size:13px}.module-list article>a{border-top:1px solid #ebf1ef;grid-template-columns:35px 1fr auto 25px;align-items:center;gap:12px;padding:15px 22px;display:grid}.module-list article>a>i{width:30px;height:30px;color:var(--primary);background:#e4f3ef;border-radius:9px;place-items:center;font-size:13px;font-style:normal;display:grid}.module-list article>a>div{flex-direction:column;display:flex}.module-list article>a b{font-family:var(--display);font-size:15px}.module-list article>a small{color:#829590;margin-top:3px;font-size:12px}.module-list article>a em{color:#9a6717;background:#fff0d6;border-radius:7px;padding:5px 7px;font-size:12px;font-style:normal;font-weight:800}.lesson-page>header{border-bottom:1px solid #dce6e3;padding-bottom:25px}.lesson-page>header>a{color:#587671;font-size:13px}.lesson-page>header>span{color:var(--primary);font-family:var(--display);margin-top:25px;font-size:13px;font-weight:800;display:block}.lesson-page>header h1{font-family:var(--display);margin:8px 0 3px;font-size:38px}.lesson-page>header h2{color:#54736e;margin:0;font-family:Noto Sans JP,sans-serif;font-size:19px}.lesson-body{background:#fff;border:1px solid #d9e5e2;border-radius:18px;padding:28px}.lesson-intro{color:#536f6a;margin:0 0 25px;font-size:17px;line-height:1.8}.lesson-body>section{border-top:1px solid #e8efed;padding:22px 0;position:relative}.lesson-body>section>span{color:var(--primary);font-family:var(--display);font-size:13px;font-weight:800}.lesson-body>section h2{font-family:var(--display);margin:7px 0;font-size:20px}.lesson-body>section>p{color:#5f7773;font-size:15px;line-height:1.8}.lesson-body blockquote{border-left:3px solid var(--coral);background:#fff6f2;border-radius:0 10px 10px 0;margin:16px 0 0;padding:16px;font-family:Noto Sans JP,sans-serif;font-size:17px}.lesson-body blockquote small{color:#7b8e8a;font-family:var(--sans);margin-top:7px;font-size:13px;display:block}.lesson-vocab>p{border-top:1px solid #edf2f0;grid-template-columns:100px 120px 1fr;gap:12px;margin:0;padding:10px;display:grid}.lesson-vocab>p b{font-family:Noto Sans JP,sans-serif}.lesson-vocab>p i{color:#78908b;font-size:13px;font-style:normal}.lesson-vocab>p span{font-size:14px}.lesson-vocab button{color:#fff;background:var(--primary);border:0;border-radius:9px;margin-top:13px;padding:9px 12px;font-size:13px;font-weight:700}.lesson-footer{background:#fffffff2;border:1px solid #d7e4e1;border-radius:13px;justify-content:space-between;align-items:center;margin-top:15px;padding:13px 17px;display:flex;position:sticky;bottom:12px;box-shadow:0 12px 30px #174f4820}.lesson-footer>span{color:#718783;font-size:13px}.lesson-footer button{color:#fff;background:var(--primary);height:38px;font-family:var(--display);border:0;border-radius:9px;padding:0 14px;font-size:13px;font-weight:700}.flashcards-head{text-align:center}.flashcards-head p{margin:auto}.flashcards-head>div{justify-content:center;gap:45px;margin-top:24px;display:flex}.flashcards-head>div b{font-family:var(--display);flex-direction:column;font-size:22px;display:flex}.flashcards-head>div small{color:#81938f;margin-top:3px;font-size:12px}.flashcard-review{margin-top:30px}.flashcard{cursor:pointer;text-align:center;background:#fff;border:1px solid #d6e4e0;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:35px;transition:transform .35s;display:flex;box-shadow:0 22px 55px #174f4812}.flashcard:hover{transform:translateY(-3px)}.flashcard>span{color:var(--primary);font-family:var(--display);font-size:13px;font-weight:800}.flashcard h2{margin:22px 0 3px;font-family:Noto Sans JP,sans-serif;font-size:62px}.flashcard h3{color:#708984;margin:0;font-family:Noto Sans JP,sans-serif;font-size:19px;font-weight:500}.flashcard>p{color:#9aaba7;margin-top:35px;font-size:13px}.flashcard>div{margin-top:25px}.flashcard>div>b{font-size:18px;display:block}.flashcard>div>small{color:#728984;margin-top:5px;display:block}.flashcard blockquote{background:#f1f8f6;border-radius:10px;margin:20px auto 0;padding:14px;font-family:Noto Sans JP,sans-serif;font-size:16px}.flashcard blockquote small{font-family:var(--sans);margin-top:6px;font-size:13px;display:block}.review-buttons{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px;display:grid}.review-buttons button{color:#46645e;cursor:pointer;background:#fff;border:1px solid #d8e4e1;border-radius:11px;flex-direction:column;justify-content:center;height:55px;display:flex}.review-buttons button b{font-family:var(--display);font-size:14px}.review-buttons button small{color:#859793;margin-top:3px;font-size:12px}.flashcard-empty{text-align:center;background:#fff;border:1px solid #d9e5e2;border-radius:20px;margin-top:35px;padding:70px 20px}.flashcard-empty>span{color:#a5d1c8;font-family:Noto Sans JP,sans-serif;font-size:38px}.flashcard-empty h2{font-family:var(--display)}.flashcard-empty p{color:#768c87;font-size:14px}.flashcard-empty a{color:#fff;background:var(--primary);border-radius:9px;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}@media (max-width:700px){.course-grid{grid-template-columns:1fr}.lesson-body{padding:18px}.lesson-vocab>p{grid-template-columns:80px 1fr}.lesson-vocab>p span{grid-column:1/-1}.flashcard h2{font-size:46px}.review-buttons{grid-template-columns:1fr 1fr}}.billing-page{background:radial-gradient(circle at 85% 5%,#d8f2ec 0,transparent 24%),var(--canvas);min-height:calc(100vh - 70px);padding:50px 24px 75px}.billing-hero,.subscription-shell{max-width:980px;margin:auto}.billing-hero{text-align:center}.billing-hero>span,.billing-title>span{color:var(--primary);font-family:var(--display);letter-spacing:.13em;font-size:14px;font-weight:800}.billing-hero h1,.billing-title h1{max-width:720px;font-family:var(--display);letter-spacing:-.04em;margin:10px auto;font-size:clamp(36px,5vw,54px);line-height:1.08}.billing-hero p{max-width:620px;color:var(--muted);margin:auto;font-size:16px;line-height:1.7}.billing-hero>b{color:#9a5c1d;background:#fff0d7;border-radius:8px;margin-top:16px;padding:7px 10px;font-size:12px;display:inline-flex}.plan-grid{grid-template-columns:repeat(2,minmax(0,430px));justify-content:center;gap:18px;max-width:980px;margin:40px auto;display:grid}.plan-grid article{background:#fff;border:1px solid #d9e5e2;border-radius:20px;padding:28px;box-shadow:0 16px 40px #174f480b}.plan-grid article.featured{border:2px solid var(--primary);box-shadow:0 20px 45px #137f7818}.plan-grid article>span{color:var(--primary);font-family:var(--display);letter-spacing:.12em;font-size:13px;font-weight:800}.plan-grid h2{font-family:var(--display);margin:8px 0;font-size:25px}.plan-grid article>p{color:#748985;min-height:36px;font-size:14px;line-height:1.6}.plan-price{align-items:baseline;gap:6px;margin:23px 0;display:flex}.plan-price b{font-family:var(--display);font-size:38px}.plan-price small{color:#81938f;font-size:13px}.plan-grid ul{flex-direction:column;gap:10px;min-height:125px;margin:0 0 22px;padding:0;list-style:none;display:flex}.plan-grid li{color:#4f6b66;font-size:14px}.plan-grid button,.plan-grid article>a,.plan-disabled{width:100%;height:43px;font-family:var(--display);border:0;border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.plan-grid button{color:#fff;background:var(--primary);cursor:pointer}.plan-grid article>a{color:var(--primary);background:#e6f4f1}.plan-disabled{color:#849692;background:#f0f4f3}.subscription-shell{padding-top:20px}.billing-title h1{margin-inline:0;font-size:42px}.billing-title p{color:var(--muted);font-size:15px}.current-plan{color:#fff;background:linear-gradient(125deg,#0d6862,#199086);border-radius:18px;justify-content:space-between;align-items:center;margin-top:25px;padding:27px;display:flex;box-shadow:0 16px 38px #137f7820}.current-plan span{font-family:var(--display);letter-spacing:.12em;font-size:13px;font-weight:800}.current-plan h2{font-family:var(--display);margin:7px 0;font-size:26px}.current-plan p{color:#cceae6;margin:0;font-size:13px}.current-plan>b{font-family:var(--display);background:#ffffff20;border-radius:8px;padding:7px 10px;font-size:13px}.usage-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:16px;display:grid}.usage-grid>div{background:#fff;border:1px solid #dbe6e3;border-radius:16px;padding:22px}.usage-grid span{color:#6b817d;font-family:var(--display);font-size:14px;font-weight:700}.usage-grid b{font-family:var(--display);margin:9px 0;font-size:24px;display:block}.usage-grid b small{color:#829590;font-size:14px}.usage-grid i{background:#e1ece9;border-radius:7px;height:7px;display:block}.usage-grid i strong{background:var(--primary);border-radius:7px;height:100%;display:block}.billing-actions{justify-content:flex-end;gap:10px;margin-top:17px;display:flex}.billing-actions a,.billing-actions button{height:40px;font-family:var(--display);border-radius:10px;align-items:center;padding:0 15px;font-size:13px;font-weight:700;display:flex}.billing-actions a{color:#fff;background:var(--primary)}.billing-actions button{color:#aa4d3d;cursor:pointer;background:#fff;border:1px solid #e1c3bc}.grant-card{background:#fff;border:1px solid #dbe6e3;border-radius:16px;grid-template-columns:1.4fr 1fr 120px auto;align-items:end;gap:12px;padding:20px;display:grid}.grant-card label{color:#4c6762;font-family:var(--display);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.grant-card input,.grant-card select{background:#fbfdfc;border:1px solid #d8e4e1;border-radius:9px;height:40px;padding:0 10px;font-size:14px}.grant-card button{color:#fff;background:var(--primary);border:0;border-radius:9px;height:40px;padding:0 14px;font-size:13px;font-weight:700}.subscription-table{background:#fff;border:1px solid #dbe6e3;border-radius:15px;margin-top:18px;overflow:hidden}.subscription-table article{border-top:1px solid #eaf0ee;grid-template-columns:1.5fr 1fr 100px 1fr;align-items:center;gap:15px;padding:15px 18px;display:grid}.subscription-table article:first-child{border-top:0}.subscription-table article>div{flex-direction:column;display:flex}.subscription-table article small{color:#829590;margin-top:3px;font-size:12px}.subscription-table article>span,.subscription-table article>p{font-size:13px}.subscription-table article>p{color:#748985;margin:0}@media (max-width:700px){.plan-grid,.usage-grid{grid-template-columns:1fr}.grant-card{grid-template-columns:1fr 1fr}.subscription-table article{grid-template-columns:1fr auto}.subscription-table article>p{grid-column:1/-1}}.import-card{background:#fff;border:1px solid #dae6e3;border-radius:17px;grid-template-columns:1.1fr .8fr 1.5fr auto;align-items:end;gap:18px;padding:23px;display:grid;box-shadow:0 12px 30px #174f4808}.import-card>div>span{color:var(--primary);font-family:var(--display);font-size:13px;font-weight:800}.import-card h2{font-family:var(--display);margin:6px 0 4px;font-size:17px}.import-card p{color:#829591;margin:0;font-size:13px;line-height:1.5}.import-card>label{color:#405c58;font-family:var(--display);flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.import-card select{background:#fbfdfc;border:1px solid #d8e4e1;border-radius:10px;height:43px;padding:0 10px;font-size:14px}.file-drop{position:relative}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-drop>span{height:58px;color:var(--primary);text-align:center;background:#f1faf7;border:1px dashed #8abeb7;border-radius:11px;flex-direction:column;justify-content:center;display:flex}.file-drop small{color:#829591;margin-top:3px;font-size:12px}.import-card>button{color:#fff;background:var(--primary);height:43px;font-family:var(--display);cursor:pointer;border:0;border-radius:10px;padding:0 15px;font-size:13px;font-weight:700}.import-center{max-width:1440px}.import-center-title{align-items:center}.import-center-meta{gap:8px;display:flex}.import-center-meta>span{border:1px solid var(--admin-border,#e7e7e7);color:var(--admin-text-muted,#61748f);white-space:nowrap;background:#fff;border-radius:8px;align-items:baseline;gap:5px;padding:9px 12px;font-size:11px;display:flex}.import-center-meta b{color:var(--admin-primary,#675db0);font-size:17px}.import-center-alert{margin:0 0 16px!important}.import-center-alert b{font-family:var(--display)}.import-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.import-type-card{--import-accent:#675db0;--import-soft:#f1effa;border:1px solid var(--admin-border,#e7e7e7);border-top:3px solid var(--import-accent);background:#fff;border-radius:10px;flex-direction:column;min-width:0;padding:20px;display:flex;box-shadow:0 4px 14px #262c400a}.import-type-card.tone-course{--import-accent:#2f7d70;--import-soft:#eaf6f1}.import-type-card.tone-grammar{--import-accent:#416f9c;--import-soft:#eaf2f9}.import-type-card.tone-question{--import-accent:#b16a3b;--import-soft:#fbf0e8}.import-type-card>header{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.import-type-icon{width:42px;height:42px;color:var(--import-accent);background:var(--import-soft);border-radius:9px;place-items:center;display:grid}.import-type-icon svg{width:22px}.import-type-card header small{color:var(--import-accent);font-family:var(--display);letter-spacing:.12em;font-size:9px;font-weight:700;display:block}.import-type-card h2{color:var(--admin-text,#464652);margin:2px 0 0;font-size:19px!important}.import-format{color:var(--import-accent);background:var(--import-soft);border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.import-type-card>p{min-height:42px;color:var(--admin-text-muted,#61748f);margin:16px 0 8px;font-size:13px;line-height:1.55}.import-type-card>ul{flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.import-type-card>ul li{color:#666776;background:#f5f6f8;border-radius:5px;padding:5px 7px;font-size:10px}.import-template-link{border:1px solid var(--import-accent);justify-content:center;align-items:center;gap:7px;min-height:38px;margin-top:auto;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.import-template-link{border:1px solid color-mix(in srgb,var(--import-accent) 35%,#fff)}}.import-template-link{color:var(--import-accent);background:var(--import-soft);font-family:var(--display);border-radius:7px;font-size:12px;font-weight:700;transition:filter .18s,border-color .18s}.import-template-link:hover{border-color:var(--import-accent);filter:brightness(.98)}.import-template-link:focus-visible{outline:3px solid var(--import-accent)}@supports (color:color-mix(in lab, red, red)){.import-template-link:focus-visible{outline:3px solid color-mix(in srgb,var(--import-accent) 25%,transparent)}}.import-template-link:focus-visible{outline-offset:2px}.import-template-link svg,.import-type-form button svg{width:16px}.import-type-form{flex-direction:column;gap:8px;margin-top:10px;display:flex}.import-file-field{cursor:pointer;position:relative;display:block!important}.import-file-field input{opacity:0;width:1px;height:1px;position:absolute}.import-file-field>span{min-height:52px;color:var(--admin-text,#464652);text-align:center;background:#fafafd;border:1px dashed #c8cad2;border-radius:7px;flex-direction:column;justify-content:center;padding:8px 11px;transition:border-color .18s,background-color .18s;display:flex}.import-file-field:hover>span,.import-file-field:focus-within>span{border-color:var(--import-accent);background:var(--import-soft)}.import-file-field b{font-size:12px}.import-file-field small{color:var(--admin-text-muted,#61748f);margin-top:2px;font-size:10px}.import-cert-field{color:var(--admin-text-muted,#61748f);flex-direction:column;gap:5px;font-size:11px;display:flex}.import-cert-field select{border:1px solid var(--admin-border,#e7e7e7);background:#fff;border-radius:7px;height:37px;padding:0 9px}.import-type-form>button{color:#fff;background:var(--import-accent);min-height:40px;font-family:var(--display);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;transition:filter .18s;display:inline-flex}.import-type-form>button:hover{filter:brightness(.92)}.import-type-form>button:focus-visible{outline:3px solid var(--import-accent)}@supports (color:color-mix(in lab, red, red)){.import-type-form>button:focus-visible{outline:3px solid color-mix(in srgb,var(--import-accent) 25%,transparent)}}.import-type-form>button:focus-visible{outline-offset:2px}.import-type-form>button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1050px){.import-type-card>p{min-height:0}}@media (max-width:700px){.import-center-title{flex-direction:column;align-items:flex-start}.import-center-meta{flex-wrap:wrap;width:100%}.import-center-meta>span{flex:1;justify-content:center}.import-type-grid{grid-template-columns:1fr}.import-type-card.tone-question{grid-column:auto}}@media (prefers-reduced-motion:reduce){.import-template-link,.import-file-field>span,.import-type-form>button{transition:none}}.import-history{background:#fff;border:1px solid #dbe6e3;border-radius:16px;margin-top:23px;overflow:hidden}.import-history>.section-title{padding:20px 20px 8px}.import-history>a{border-top:1px solid #eaf0ee;grid-template-columns:1.5fr 180px 1fr;align-items:center;gap:18px;padding:16px 20px;display:grid}.import-history>a>div{flex-direction:column;display:flex}.import-history>a>div>b{font-family:var(--display);font-size:15px}.import-history>a small{color:#859793;margin-top:4px;font-size:12px}.import-history>a>p{color:#738984;margin:0;font-size:13px}.import-summary{background:#fff;border:1px solid #dbe6e3;border-radius:15px;grid-template-columns:repeat(4,1fr);margin:22px 0;display:grid;overflow:hidden}.import-summary>div{flex-direction:column;align-items:center;padding:22px;display:flex}.import-summary>div+div{border-left:1px solid #e8efed}.import-summary b{font-family:var(--display);font-size:24px}.import-summary span{color:#80928e;margin-top:4px;font-size:13px}.import-errors{background:#fff;border:1px solid #dbe6e3;border-radius:15px;overflow:hidden}.import-errors>h2{font-family:var(--display);margin:0;padding:18px 20px;font-size:19px}.import-errors article{border-top:1px solid #ebf1ef;grid-template-columns:70px 160px 1fr;gap:12px;padding:13px 20px;font-size:13px;display:grid}.import-errors article>b{color:#ad5041}.import-errors article>span{color:#57736e}.import-errors article>p{color:#758a86;margin:0}@media (max-width:900px){.import-card{grid-template-columns:1fr 1fr}.import-card>div{grid-column:1/-1}.import-history>a{grid-template-columns:1fr auto}.import-history>a>p{grid-column:1/-1}.import-summary{grid-template-columns:1fr 1fr}.import-summary>div:nth-child(3){border-top:1px solid #e8efed}.import-errors article{grid-template-columns:60px 1fr}.import-errors article>p{grid-column:1/-1}}@media (max-width:520px){.import-card{grid-template-columns:1fr}.import-card>div{grid-column:auto}.import-summary>div{padding:16px 8px}}.skill-analytics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.skill-analytics article{background:#fff;border:1px solid #e2ebe9;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:15px;display:grid}.skill-analytics article>div{flex-direction:column;min-width:0;display:flex}.skill-analytics article>div>b{font-family:var(--display);font-size:15px}.skill-analytics article small{color:#879895;margin:3px 0 8px;font-size:12px}.skill-analytics article i{background:#e5edeb;border-radius:6px;height:5px;display:block}.skill-analytics article i strong{background:var(--primary);border-radius:6px;height:100%;display:block}.skill-analytics article em{color:var(--primary);font-family:var(--display);font-size:16px;font-style:normal;font-weight:700}.bar-chart>div>b{color:#77908b;height:13px;font-family:var(--display);font-size:12px}.today-card>a{color:#fff;width:100%;height:35px;font-family:var(--display);background:#3f3aaf;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:700;display:flex}.today-card>a svg{width:13px}.recommendation>a{color:var(--primary);font-family:var(--display);align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}@media (max-width:700px){.skill-analytics{grid-template-columns:1fr}.skill-analytics article{grid-template-columns:42px 1fr auto}}.exam-catalog{background:radial-gradient(circle at 15% 8%,#ffeadf 0,transparent 24%),var(--canvas);min-height:100vh;padding-bottom:70px}.exam-catalog-hero{text-align:center;max-width:880px;margin:auto;padding:70px 24px 45px}.exam-catalog-hero>span,.section-results>span{color:var(--coral);font-family:var(--display);letter-spacing:.14em;font-size:14px;font-weight:800}.exam-catalog-hero h1{font-family:var(--display);letter-spacing:-.04em;margin:12px 0;font-size:clamp(38px,5vw,58px);line-height:1.08}.exam-catalog-hero p{max-width:620px;color:var(--muted);margin:auto;font-size:17px;line-height:1.7}.exam-grid{grid-template-columns:repeat(2,1fr);gap:18px;max-width:1000px;margin:auto;padding:0 24px;display:grid}.exam-grid article{background:#fff;border:1px solid #d9e5e2;border-radius:20px;padding:26px;box-shadow:0 15px 38px #174f480b}.exam-grid article>span{color:var(--primary);font-family:var(--display);letter-spacing:.08em;font-size:13px;font-weight:800}.exam-grid h2{font-family:var(--display);margin:10px 0 8px;font-size:23px}.exam-grid p{color:#718581;min-height:38px;font-size:14px;line-height:1.6}.exam-grid article>div{gap:35px;margin:22px 0;display:flex}.exam-grid article>div b{font-family:var(--display);flex-direction:column;font-size:21px;display:flex}.exam-grid article>div small{color:#859793;font-family:var(--sans);margin-top:3px;font-size:12px;font-weight:400}.exam-grid button,.exam-grid article>a{color:#fff;background:var(--primary);width:100%;height:43px;font-family:var(--display);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.exam-table .table-head,.exam-table article{grid-template-columns:minmax(260px,2fr) 100px 70px 70px minmax(245px,auto)}.question-bank-table .table-head,.question-bank-table article{grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) 75px 110px minmax(168px,auto)}.question-list-controls{border:1px solid var(--admin-border,#e7e7e7);background:#fff;border-radius:11px;margin-bottom:14px;overflow:hidden;box-shadow:0 2px 8px #262c4008}.question-filter-row{border-bottom:1px solid var(--admin-border,#e7e7e7);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px;padding:13px 14px;display:grid}.question-filter-row>div>span{color:var(--admin-primary,#675db0);font-family:var(--display);letter-spacing:.1em;font-size:9px;font-weight:700}.question-filter-row>div>p{color:var(--admin-text-muted,#61748f);margin:3px 0 0;font-size:10px}.question-list-controls .status-tabs{background:var(--admin-surface-muted,#f8f9fc);scrollbar-width:thin;border:0;border-radius:8px;gap:4px;margin:0;padding:3px;overflow-x:auto}.question-list-controls .status-tabs a{white-space:nowrap;justify-content:center;min-height:34px;padding:6px 9px}.question-action-row{align-items:center;gap:12px;padding:11px 14px;display:flex}.question-list-controls .question-search{flex:1;align-items:center;gap:7px;min-width:260px;margin:0;display:flex}.question-list-controls .question-search>label{flex:1;max-width:430px;display:block;position:relative}.question-list-controls .question-search svg{width:16px;height:16px;color:var(--admin-text-muted,#61748f);stroke-width:1.8px;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.question-list-controls .question-search input{width:100%;height:38px;padding-left:35px;font-size:12px}.question-list-controls .question-search button{min-height:38px;padding:0 13px}.question-list-controls .question-search>a{color:var(--admin-text-muted,#61748f);white-space:nowrap;padding:7px;font-size:10px}.question-list-controls .question-search>a:hover{color:var(--admin-primary,#675db0)}.question-bank-reset-trigger{white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-size:11px;display:inline-flex;min-height:36px!important;color:var(--admin-danger,#d14343)!important;background:var(--admin-danger-soft,#fff0f0)!important;border-color:#e8b8b8!important;padding:0 11px!important}.question-bank-reset-trigger:hover{color:#fff!important;border-color:var(--admin-danger,#d14343)!important;background:var(--admin-danger,#d14343)!important}.question-bank-reset-trigger svg{stroke-width:1.8px;width:14px;height:14px}.question-bank-reset-dialog{background:0 0;border:0;border-radius:12px;width:min(520px,100vw - 28px);max-width:none;margin:auto;padding:0}.question-bank-reset-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2d243080}.question-bank-reset-modal{text-align:left;background:#fff;border:1px solid #eccaca;border-radius:12px;padding:26px;box-shadow:0 28px 80px #291b2445}.question-bank-reset-icon{width:48px;height:48px;color:var(--admin-danger,#d14343);background:var(--admin-danger-soft,#fff0f0);border-radius:12px;place-items:center;margin-bottom:15px;display:grid}.question-bank-reset-icon svg{stroke-width:1.8px;width:25px;height:25px}.question-bank-reset-modal>span:nth-child(2){color:var(--admin-danger,#d14343);letter-spacing:.12em;font-size:9px;font-weight:700}.question-bank-reset-modal h2{color:var(--admin-text,#464652);margin:5px 0 7px;font-size:21px!important}.question-bank-reset-modal>p{color:var(--admin-text-muted,#61748f);margin:0;font-size:12px;line-height:1.7}.question-bank-reset-modal>label{color:var(--admin-text,#464652);flex-direction:column;gap:7px;margin-top:18px;font-size:11px;display:flex}.question-bank-reset-modal>label b{color:var(--admin-danger,#d14343)}.question-bank-reset-modal input{letter-spacing:.04em;width:100%;height:42px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.question-bank-reset-modal footer{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.question-bank-reset-modal footer button{min-height:42px}.question-bank-reset-modal footer button[type=submit]{color:#fff!important;border-color:var(--admin-danger,#d14343)!important;background:var(--admin-danger,#d14343)!important}.question-bank-reset-modal footer button[type=submit]:hover:not(:disabled){border-color:var(--admin-danger-hover,#b93636)!important;background:var(--admin-danger-hover,#b93636)!important}.question-bank-table.with-selection .table-head,.question-bank-table.with-selection article{grid-template-columns:28px minmax(230px,2fr) minmax(140px,1fr) 68px 105px minmax(168px,auto);gap:12px}.question-bank-table.with-selection article>div:nth-child(2) b{font-family:var(--display);font-size:12px}.question-bank-table.with-selection article>div:nth-child(2) p{font-size:11px}.question-select{cursor:pointer;place-items:center;width:28px;height:36px;display:grid}.question-select input,.question-bulk-toolbar input{width:16px;height:16px;accent-color:var(--admin-primary,#675db0);cursor:pointer}.question-bulk-toolbar{border-left:1px solid var(--admin-border,#e7e7e7);align-items:center;gap:12px;margin-left:auto;padding-left:12px;display:flex}.question-bulk-toolbar>label{color:var(--admin-text,#464652);white-space:nowrap;cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}.question-bulk-toolbar>p{color:var(--admin-text-muted,#61748f);white-space:nowrap;margin:0;font-size:10px}.question-bulk-toolbar>p b{color:var(--admin-primary,#675db0)}.question-bulk-toolbar .admin-delete-trigger{white-space:nowrap;min-height:36px;padding:0 12px;font-size:11px}.admin-row-actions{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex!important}.admin-row-actions>a{border:1px solid var(--admin-border,#e7e7e7);min-height:34px;color:var(--admin-primary,#675db0);border-radius:7px;align-items:center;padding:0 9px;font-size:11px;font-weight:700;transition:border-color .18s,background-color .18s;display:inline-flex}.admin-row-actions>a:hover{border-color:var(--admin-primary,#675db0);background:var(--admin-primary-soft,#f0eef9)}.admin-row-actions form{display:flex}.admin-row-actions .admin-delete-trigger{min-height:34px!important;padding:0 9px!important;font-size:11px!important}.question-row-actions .question-edit-action{white-space:nowrap;gap:6px;min-height:36px;padding:0 11px;color:#fff!important;border-color:var(--admin-primary,#675db0)!important;background:var(--admin-primary,#675db0)!important}.question-row-actions .question-edit-action:hover{color:#fff!important;border-color:var(--admin-primary-hover,#574d9f)!important;background:var(--admin-primary-hover,#574d9f)!important}.question-edit-action svg{stroke-width:1.9px;width:14px;height:14px}.exam-row-actions{justify-content:space-between}@media (max-width:760px){.admin-row-actions{flex-direction:column;grid-area:1/2/3;align-items:stretch}.admin-row-actions>a,.admin-row-actions button{justify-content:center}.exam-row-actions{grid-area:1/2/3!important}.exam-table article>div:nth-child(4){display:none}}@media (max-width:900px){.question-filter-row{grid-template-columns:1fr;gap:9px}.question-filter-row>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-action-row{flex-direction:column;align-items:stretch}.question-list-controls .question-search{min-width:0}.question-list-controls .question-search>label{max-width:none}.question-bulk-toolbar{border-top:1px solid var(--admin-border,#e7e7e7);border-left:0;justify-content:flex-end;margin:0;padding:10px 0 0}}@media (max-width:760px){.question-bank-table.with-selection article{grid-template-columns:28px minmax(0,1fr) auto}.question-bank-table.with-selection article>div:nth-child(2){grid-column:2;display:block}.question-bank-table.with-selection article>div:nth-child(3),.question-bank-table.with-selection article>div:nth-child(4){display:none}.question-bank-table.with-selection article>div:nth-child(5){grid-column:2;display:block}.question-bank-table.with-selection .question-row-actions{grid-area:1/3/3!important}}@media (max-width:520px){.question-filter-row{padding:12px}.question-filter-row>div>p{display:none}.question-action-row{padding:10px 12px}.question-list-controls .question-search{grid-template-columns:1fr auto;display:grid}.question-list-controls .question-search>label{grid-column:1/-1}.question-list-controls .question-search>a{grid-column:1}.question-list-controls .question-search button{grid-area:2/2}.question-bulk-toolbar{grid-template-columns:1fr auto;display:grid}.question-bulk-toolbar>p{display:none}.question-bulk-toolbar .admin-delete-trigger{padding:0 9px}.question-bank-reset-trigger{width:100%}.question-bank-reset-modal{padding:20px}.question-bank-reset-modal footer{grid-template-columns:1fr}.question-bank-reset-modal footer button[type=submit]{grid-row:1}}@media (prefers-reduced-motion:reduce){.question-bank-reset-trigger,.question-bank-reset-modal button{transition:none!important}}.exam-editor-page .cms-notice{color:#5f5686;background:#f6f3fd;border:1px solid #ddd6f3;border-radius:9px;margin:12px 0;padding:12px 14px;font-size:12px;line-height:1.6}.exam-section-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;display:grid}.exam-section-summary article{border:1px solid var(--admin-border,#e7e7e7);background:var(--admin-surface-muted,#f8f9fc);border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding:15px;display:grid}.exam-section-summary span{color:var(--admin-text-muted,#61748f);font-size:11px}.exam-section-summary b{grid-area:1/2/3;font-size:24px}.exam-section-summary small{color:var(--admin-text-muted,#61748f);font-size:10px}@media (max-width:640px){.exam-section-summary{grid-template-columns:1fr;padding:15px}}.exam-room{background:#f3f7f6;min-height:100vh}.exam-room>header{z-index:5;background:#fff;border-bottom:1px solid #dce6e3;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 28px;display:grid;position:sticky;top:0}.exam-room>header>div:nth-child(2){flex-direction:column;align-items:center;display:flex}.exam-room>header>div:nth-child(2) small{color:#7b8e8b;font-family:var(--display);font-size:12px;font-weight:700}.exam-room>header>div:nth-child(2)>b{font-family:var(--display);font-size:21px}.exam-room>header>div:nth-child(2).urgent>b{color:#ce5744}.exam-room>header>span{color:#588179;justify-self:end;font-size:13px}.exam-layout{grid-template-columns:205px minmax(0,760px);justify-content:center;gap:24px;padding:32px 20px 65px;display:grid}.exam-layout>aside{background:#fff;border:1px solid #dbe6e3;border-radius:17px;align-self:start;padding:20px}.exam-layout>aside>div{justify-content:space-between;align-items:baseline;padding-bottom:15px;display:flex}.exam-layout>aside>div b{font-family:var(--display);font-size:20px}.exam-layout>aside>div small{color:#7d908d;font-size:12px}.exam-layout nav{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.exam-layout nav button{aspect-ratio:1;color:#667c78;cursor:pointer;background:#fafcfb;border:1px solid #dbe5e3;border-radius:8px;font-size:12px;position:relative}.exam-layout nav button.answered{color:#0f7068;background:#e3f3ef}.exam-layout nav button.active{border-color:var(--primary);box-shadow:0 0 0 2px #137f7820}.exam-layout nav button.flagged:after{content:"";background:var(--coral);border-radius:50%;width:4px;height:4px;position:absolute;top:3px;right:3px}.submit-exam{color:#fff;width:100%;height:40px;font-family:var(--display);cursor:pointer;background:#314f4c;border:0;border-radius:10px;margin-top:18px;font-size:14px;font-weight:700}.exam-layout>article{background:#fff;border:1px solid #dbe6e3;border-radius:18px;padding:29px;box-shadow:0 15px 35px #174f4809}.exam-question-meta{border-bottom:1px solid #edf2f0;align-items:center;gap:11px;padding-bottom:17px;display:flex}.exam-question-meta>span{color:var(--primary);font-family:var(--display);font-size:14px;font-weight:800}.exam-question-meta>i{color:#899b98;font-size:12px;font-style:normal}.exam-question-meta button{color:#6f8480;cursor:pointer;background:#fff;border:1px solid #d9e4e1;border-radius:8px;margin-left:auto;padding:7px 10px;font-size:13px}.exam-question-meta button.flagged{color:#b75140;background:#fff0ed;border-color:#eab6ab}.exam-answers>button{grid-template-columns:38px 1fr}.exam-bjt-score{justify-content:center;align-items:baseline;gap:6px;margin-top:27px;display:flex}.exam-bjt-score strong{font-family:var(--display);font-size:64px}.exam-bjt-score span{color:#758a86;font-size:16px}.exam-bjt-score b{color:#fff;background:var(--primary);font-family:var(--display);border-radius:10px;margin-left:18px;padding:8px 12px;font-size:16px}.section-results{background:#fff;border:1px solid #d9e5e2;border-radius:18px;max-width:1060px;margin:24px auto 0;padding:26px}.section-results h2{font-family:var(--display);margin:7px 0 20px}.section-results article{border-top:1px solid #edf2f0;grid-template-columns:180px 1fr 50px;align-items:center;gap:18px;padding:12px 0;display:grid}.section-results article>div{flex-direction:column;display:flex}.section-results article>div b{font-family:var(--display);font-size:15px}.section-results article small{color:#839692;margin-top:3px;font-size:12px}.section-results article>i{background:#dfebe8;border-radius:7px;height:7px}.section-results article>i b{background:var(--primary);border-radius:7px;height:100%;display:block}.section-results article>strong{font-family:var(--display);text-align:right;font-size:16px}@media (max-width:760px){.exam-grid{grid-template-columns:1fr}.exam-room>header{padding:0 14px}.exam-room>header .practice-brand b{display:none}.exam-layout{grid-template-columns:1fr;padding-inline:10px}.exam-layout>aside{align-items:center;gap:12px;display:flex;overflow-x:auto}.exam-layout>aside>div{display:none}.exam-layout nav{min-width:max-content;display:flex}.exam-layout nav button{width:32px;height:32px}.submit-exam{min-width:90px;margin:0}.exam-layout>article{padding:18px}.section-results{margin-inline:14px}.section-results article{grid-template-columns:115px 1fr 38px}}.exam-review{background:#fff;border:1px solid #d9e5e2;border-radius:18px;max-width:1060px;margin:24px auto 0;padding:26px}.exam-review>span{color:var(--coral);font-family:var(--display);letter-spacing:.12em;font-size:13px;font-weight:800}.exam-review h2{font-family:var(--display);margin:6px 0 18px}.exam-review details{border-top:1px solid #e9f0ee}.exam-review summary{cursor:pointer;grid-template-columns:55px 55px 1fr;align-items:center;gap:10px;padding:15px 5px;list-style:none;display:grid}.exam-review summary>b{font-family:var(--display);font-size:14px}.exam-review summary>span{text-align:center;border-radius:7px;padding:5px;font-size:12px}.exam-review summary>span.correct{color:#147353;background:#e0f4eb}.exam-review summary>span.wrong{color:#a54939;background:#fff0ed}.exam-review summary p{margin:0;font-family:Noto Sans JP,sans-serif;font-size:15px}.exam-review details>div{color:#5f7773;padding:0 20px 18px 120px;font-size:14px;line-height:1.6}.exam-review details>div p{margin:5px 0}.exam-review details>div small{margin-top:7px;display:block}@media (max-width:760px){.exam-review{margin-inline:14px}.exam-review summary{grid-template-columns:45px 45px 1fr}.exam-review details>div{padding-left:10px}}:root{--app-max-width:1440px;--type-h1:clamp(30px,3vw,38px);--type-h2:24px;--type-h3:18px;--type-body:13px;--type-label:13px;--type-small:11px;--type-body-line-height:1.7}body{font-size:var(--type-body)}h1{line-height:1.15;font-size:var(--type-h1)!important}h2{line-height:1.25;font-size:var(--type-h2)!important}h3{line-height:1.35;font-size:var(--type-h3)!important}p{line-height:var(--type-body-line-height)}small{line-height:1.5;font-size:var(--type-label)!important}a,label,input,select,textarea,button{font-size:var(--type-body)!important}.jp-decoration,.continue-visual>span{font-size:180px!important}.lesson-cover>span{font-size:35px!important}.courses-empty>span{font-size:45px!important}.notification-empty>span{font-size:40px!important}.flashcard-empty>span{font-size:38px!important}.flashcard h2{font-size:62px!important}.sidebar nav a{font-size:15px!important}.dashboard-head h1 span{font-weight:800;font-size:20px!important}.dashboard .quick-card>div:nth-child(2){min-width:0;padding-right:14px}.dashboard .quick-card p{white-space:normal;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;display:-webkit-box;overflow:hidden}:is(.courses-wrap,.course-detail-wrap,.lesson-reader-wrap,.skill-practice-wrap,.practice-hero,.practice-setup,.practice-skill-cards,.player-shell,.result-hero,.result-stats,.mistake-review,.result-actions,.exam-catalog-hero,.exam-grid,.exam-layout,.section-results,.exam-review,.settings-hero,.settings-grid,.notification-shell,.billing-hero,.subscription-shell,.plan-grid,.ai-hero,.ai-workspace,.flashcards-head,.flashcard-review,.cms-container,.editor-container){width:100%;max-width:var(--app-max-width);margin-inline:auto}:is(.courses-catalog,.course-detail-page,.lesson-reader-page,.skill-practice-page,.practice-page,.result-page,.exam-catalog,.settings-page,.notification-page,.billing-page,.subscription-page,.ai-page) h1{font-size:var(--type-h1)}:is(.courses-catalog,.course-detail-page,.lesson-reader-page,.skill-practice-page,.practice-page,.result-page,.exam-catalog,.settings-page,.notification-page,.billing-page,.subscription-page,.ai-page) h2{font-size:var(--type-h2)}:is(.courses-catalog,.course-detail-page,.lesson-reader-page,.skill-practice-page,.practice-page,.result-page,.exam-catalog,.settings-page,.notification-page,.billing-page,.subscription-page,.ai-page) h3{font-size:var(--type-h3)}@media (max-width:760px){:root{--type-h1:28px;--type-h2:21px;--type-h3:17px;--type-body:15px;--type-label:13px}.flashcard h2{font-size:46px!important}.dashboard-head .primary-button{font-size:0!important}}.catalog-admin-page{padding-top:28px}.catalog-admin-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.catalog-admin-layout.wide-list{grid-template-columns:minmax(0,1fr) 350px}.catalog-list,.catalog-create-card{min-width:0}.catalog-list-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.catalog-list-head h2,.catalog-create-card h2{font-family:var(--display);margin:0}.catalog-list-head p,.catalog-create-card p{color:#738783;margin:4px 0 0}.catalog-create-card{background:#fff;border:1px solid #dbe6e3;border-radius:16px;padding:22px;position:sticky;top:92px;box-shadow:0 12px 30px #174f4808}.catalog-create-card>span{color:var(--primary);font-family:var(--display);letter-spacing:.12em;font-weight:800}.catalog-create-card h2{margin-top:6px}.catalog-form{flex-direction:column;gap:13px;margin-top:20px;display:flex}.catalog-form label,.policy-editor-grid label{color:#405c58;font-family:var(--display);flex-direction:column;gap:6px;font-weight:700;display:flex}.catalog-form input,.catalog-form select,.catalog-form textarea,.policy-editor-grid input,.policy-editor-grid select{width:100%;color:var(--ink);font-family:var(--sans);background:#fbfdfc;border:1px solid #d8e4e1;border-radius:9px;outline:0;padding:10px 11px}.catalog-form input,.catalog-form select,.policy-editor-grid input,.policy-editor-grid select{height:42px}.catalog-form input:focus,.catalog-form select:focus,.catalog-form textarea:focus,.policy-editor-grid input:focus,.policy-editor-grid select:focus{border-color:#69b6ad;box-shadow:0 0 0 3px #137f7812}.catalog-form>button{color:#fff;background:var(--primary);height:43px;font-family:var(--display);cursor:pointer;border:0;border-radius:10px;font-weight:700}.catalog-form>button:disabled{opacity:.5}.policy-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.catalog-table{background:#fff;border:1px solid #dbe6e3;border-radius:15px;overflow:hidden}.catalog-table>header,.catalog-table>article{grid-template-columns:minmax(240px,1.4fr) minmax(280px,1.2fr) 130px 100px;align-items:center;gap:15px;padding:0 18px;display:grid}.catalog-table>header{color:#748783;height:42px;font-family:var(--display);text-transform:uppercase;background:#f7faf9;font-weight:800}.catalog-table>article{border-top:1px solid #e8efed;min-height:78px}.catalog-table>article>div:first-child{align-items:center;gap:12px;min-width:0;display:flex}.catalog-table>article>div:first-child>b{min-width:48px;height:38px;color:var(--primary);font-family:var(--display);background:#e4f3ef;border-radius:10px;place-items:center;padding:0 8px;display:grid}.catalog-table>article>div:first-child>div{flex-direction:column;min-width:0;display:flex}.catalog-table strong{font-family:var(--display)}.catalog-table small{color:#7b8e8a;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.catalog-table>article>a{color:var(--primary);font-family:var(--display);font-weight:700}.catalog-counts{color:#617873;font-family:var(--display);background:#f0f5f3;border-radius:7px;flex-wrap:wrap;gap:6px;padding:5px 7px;font-size:12px;font-weight:700;display:inline-flex}.catalog-counts span{color:#617873;background:#f0f5f3;border-radius:7px;padding:5px 7px}.catalog-filters{align-items:center;gap:8px;margin-bottom:14px;display:flex}.catalog-filters-search{flex:1;align-items:center;min-width:180px;display:flex;position:relative}.catalog-filters-search svg{color:#8ba39e;pointer-events:none;width:15px;position:absolute;left:12px}.catalog-filters-search input{width:100%;height:40px;font-family:var(--sans);background:#fff;border:1px solid #d8e4e1;border-radius:9px;outline:0;padding:0 12px 0 34px}.catalog-filters-search input:focus{border-color:#69b6ad;box-shadow:0 0 0 3px #137f7812}.catalog-filters select{background:#fff;border:1px solid #d8e4e1;border-radius:9px;height:40px;padding:0 10px}.catalog-filters button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:9px;height:40px;padding:0 14px}.catalog-filters a{color:#687d79;margin-left:4px}.catalog-form-section{border:0;margin:0 0 16px;padding:0}.catalog-form-section legend{color:#405c58;width:100%;font-family:var(--display);align-items:center;gap:8px;margin-bottom:12px;padding:0;font-weight:700;display:flex}.catalog-form-section legend>span{color:#fff;background:var(--primary);border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.catalog-form-section+.catalog-form-section{border-top:1px solid #eef3f1;padding-top:16px}.checkbox-field{align-items:center;flex-direction:row!important;gap:7px!important}.category-table{background:#fff;border:1px solid #dbe6e3;border-radius:15px;overflow:hidden}.category-table-head,.category-row{grid-template-columns:minmax(150px,1.4fr) minmax(80px,.7fr) minmax(170px,1.5fr) 64px minmax(148px,1fr);align-items:center;gap:12px;padding:0 16px;display:grid}.category-table-head{color:#95a5a2;height:42px;font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;background:#fafcfb;font-size:12px;font-weight:700}.category-row{border-top:1px solid #edf2f0;min-height:74px;padding-block:12px}.category-row-name b{font-family:var(--display);font-size:15px}.category-row-name p{color:#718581;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:13px;overflow:hidden}.category-row-scope{flex-direction:column;gap:3px;display:flex}.category-row-scope span{font-family:var(--display);font-size:13px;font-weight:700}.category-row-scope small{color:#95a4a1;font-size:12px}.category-media-pills{flex-wrap:wrap;gap:5px;display:flex}.category-media-pills>span{white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.category-media-pills>span.required{color:#147353;background:#e0f4eb}.category-media-pills>span.optional{color:#93611b;background:#fff1da}.category-media-pills>span.disabled{color:#6f7d7b;background:#edf2f1}.category-row-count{color:#294844;font-family:var(--display);font-size:16px;font-weight:800}.category-row-count small{color:#95a4a1;font-family:var(--sans);margin-top:2px;font-size:11px;font-weight:400;display:block}.category-row-actions{flex-wrap:wrap;row-gap:6px}.status-badge.active{color:#147353;background:#e0f4eb}.catalog-editor{padding-top:30px}.catalog-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.catalog-summary article{background:#fff;border:1px solid #dbe6e3;border-radius:13px;padding:16px}.catalog-summary span{color:#748985;display:block}.catalog-summary b{font-family:var(--display);margin-top:5px;font-size:24px;display:block}.catalog-editor .catalog-form{margin-top:0}.policy-editor-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.policy-editor-grid label small{color:#7b8e8a;font-family:var(--sans);font-weight:400}.cms-success{color:#166d50;background:#e9f7f1;border:1px solid #bfe5d5;border-radius:10px;padding:11px 13px}@media (max-width:1180px){.catalog-admin-layout,.catalog-admin-layout.wide-list{grid-template-columns:1fr}.catalog-create-card{position:static}.policy-editor-grid{grid-template-columns:1fr 1fr}.category-table-head{display:none}.category-row{grid-template-columns:1fr;gap:8px;padding-block:16px}.category-row-count{align-items:baseline;gap:5px;display:flex}}@media (max-width:760px){.catalog-summary,.policy-editor-grid{grid-template-columns:1fr}.catalog-table>header{display:none}.catalog-table>article{grid-template-columns:1fr auto;padding-block:15px}.catalog-table>article>.catalog-counts{grid-column:1/-1}.catalog-filters{flex-direction:column;align-items:stretch}.policy-fields{grid-template-columns:1fr}}@media (max-width:620px){.course-detail-hero{display:none}.course-detail-stats,.course-detail-hero+.course-detail-layout{margin-top:0}.flashcards-page{flex-direction:column;height:calc(100dvh - 128px);min-height:0;padding:10px 12px;display:flex;overflow:hidden}.flashcards-head{flex:none}.flashcards-head>span{letter-spacing:.1em;font-size:10px}.flashcards-head h1{margin:4px 0;font-size:clamp(21px,6.5vw,27px);line-height:1.12}.flashcards-head>p{display:none}.flashcards-head>div{gap:clamp(20px,9vw,38px);margin-top:8px}.flashcards-head>div b{font-size:18px}.flashcards-head>div small{margin-top:0;font-size:10px}.flashcard-review{flex-direction:column;flex:auto;width:100%;min-height:0;margin-top:10px;display:flex}.flashcard{border-radius:18px;flex:auto;min-height:0;padding:16px;overflow:hidden}.flashcard:hover{transform:none}.flashcard>span{font-size:10px}.flashcard h2{margin:clamp(12px,4dvh,26px) 0 2px;font-size:clamp(38px,13vw,52px)!important}.flashcard h3{font-size:16px}.flashcard>p{margin-top:clamp(18px,5dvh,35px)}.flashcard>div{margin-top:14px}.flashcard>div>b{font-size:16px}.flashcard blockquote{margin-top:10px;padding:10px;font-size:14px}.flashcard blockquote small{margin-top:3px;font-size:11px}.review-buttons{flex:none;gap:5px;margin-top:8px}.review-buttons button{height:48px;padding:0 2px}.review-buttons button b{font-size:13px}.review-buttons button small{font-size:10px}.flashcard-empty{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;margin-top:12px;padding:24px 18px;display:flex}}@media (max-height:700px) and (max-width:620px){.flashcards-page{padding-block:7px}.flashcards-head>span{display:none}.flashcards-head h1{margin-top:0;font-size:20px}.flashcards-head>div{margin-top:5px}.flashcard-review{margin-top:7px}.flashcard{padding-block:11px}.flashcard h2{margin-top:8px;font-size:35px!important}.flashcard>p,.flashcard>div{margin-top:8px}.flashcard blockquote{margin-top:6px;padding:7px 9px}.review-buttons{margin-top:5px}.review-buttons button{height:43px}}.media-policy-summary{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.media-policy-summary>span{color:#55706b;background:#edf5f3;border-radius:8px;padding:7px 10px}.media-policy-summary b{color:var(--primary);font-family:var(--display)}.media-source-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.media-source-grid>article{background:#fbfdfc;border:1px solid #dce7e4;border-radius:13px;padding:17px}.media-source-grid article>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.media-source-grid h3{font-family:var(--display);margin:0}.media-source-grid header>span{color:#6c817d}.media-drop{color:#176f67;cursor:pointer;text-align:center;background:#eef8f6;border:1px dashed #78b8af;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:92px;padding:14px;display:flex;position:relative}.media-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-drop b{font-family:var(--display)}.media-drop small{color:#718682;margin-top:4px}.media-url{grid-template-columns:1fr auto;gap:7px;margin-top:9px;display:grid}.media-url input{background:#fff;border:1px solid #d8e4e1;border-radius:9px;min-width:0;height:40px;padding:0 10px}.media-url button{color:#fff;cursor:pointer;background:#526e69;border:0;border-radius:9px;padding:0 12px}.asset-preview-list{flex-direction:column;gap:9px;margin-top:14px;display:flex}.asset-preview-list>article{background:#fff;border:1px solid #e0e9e7;border-radius:11px;grid-template-columns:180px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.asset-preview-list article>div{background:#edf3f1;border-radius:8px;place-items:center;min-height:58px;display:grid;overflow:hidden}.asset-preview-list audio{width:100%;height:38px}.asset-preview-list img{object-fit:cover;width:100%;height:90px}.asset-preview-list article>span{flex-direction:column;min-width:0;display:flex}.asset-preview-list article>span b{font-family:var(--display)}.asset-preview-list article>span small{color:#748985;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.asset-preview-list article>button{color:#a44e3e;cursor:pointer;background:#fff;border:1px solid #e2c5be;border-radius:8px;padding:7px 10px}.media-set-picker,.media-library-picker{color:#506a65;flex-direction:column;gap:6px;margin-bottom:9px;font-weight:700;display:flex}.media-set-picker{background:#f1f8f6;border:1px solid #cfe1dd;border-radius:11px;margin-bottom:14px;padding:12px}.media-set-picker small{color:#6e837f;font-weight:400}.media-set-picker select,.media-library-picker select{background:#fff;border:1px solid #d8e4e1;border-radius:9px;height:42px;padding:0 10px}.media-library-inline-audio{width:100%;margin:0 0 9px}.media-library-inline-image{object-fit:contain;background:#edf3f1;border-radius:10px;width:100%;max-height:280px;margin:0 0 9px;display:block}.media-library-add{color:#fff;cursor:pointer;background:#18756c;border:0;border-radius:9px;width:100%;min-height:40px;margin-bottom:10px}.media-library-add:disabled{opacity:.45;cursor:not-allowed}.question-media-policy-note{color:#55706b;background:#f3f8f7;border:1px solid #d8e6e3;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.question-media-policy-note b{color:#176f67}.question-media-policy-note small{color:#8a5b3c}.passage-field>label{flex-direction:column;gap:7px;display:flex}.passage-field-help{justify-content:space-between;align-items:center;gap:10px;margin-top:7px;display:flex}.passage-field-help>span{color:#6f837f;font-size:12px}.passage-field-help>a{color:#176f67;white-space:nowrap;background:#edf8f5;border:1px solid #b9d8d2;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.passage-field-help>a:hover{background:#e1f3ef;border-color:#68aaa0}@media (max-width:760px){.media-source-grid{grid-template-columns:1fr}.asset-preview-list>article{grid-template-columns:1fr auto}.asset-preview-list article>div{grid-column:1/-1}.media-url{grid-template-columns:1fr}.media-url button{height:39px}}.skill-category-overview{grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 15px;display:grid}.skill-category-overview article{background:#fff;border:1px solid #dce7e4;border-radius:13px;padding:14px}.skill-category-overview article>span{color:var(--primary);font-family:var(--display);letter-spacing:.08em;font-weight:800}.skill-category-overview h3{font-family:var(--display);margin:7px 0 1px}.skill-category-overview p{color:#758985;margin:0;font-family:Noto Sans JP,sans-serif}.skill-category-overview b{color:#476762;font-family:var(--display);margin-top:10px;display:block}.practice-category-picker{margin-top:18px}.practice-category-picker>label{color:#3d5854;font-family:var(--display);font-weight:700}.practice-category-picker>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.practice-category-picker button{color:#3c5a55;cursor:pointer;text-align:left;background:#fff;border:1px solid #dce7e4;border-radius:11px;flex-direction:column;min-height:82px;padding:12px;display:flex;position:relative}.practice-category-picker button:hover:not(:disabled),.practice-category-picker button.selected{background:#eaf6f3;border-color:#55a99f;box-shadow:0 0 0 2px #137f7810}.practice-category-picker button:disabled{cursor:not-allowed;opacity:.48}.practice-category-picker button>span{flex-direction:column;padding-right:48px;display:flex}.practice-category-picker button b{font-family:var(--display)}.practice-category-picker button small{color:#748985;margin-top:2px;font-family:Noto Sans JP,sans-serif}.practice-category-picker button em{color:var(--primary);font-size:12px;font-style:normal;font-weight:700;position:absolute;top:12px;right:10px}.practice-category-picker button i{color:#78908b;margin-top:auto;font-size:12px;font-style:normal}.listening-media.audio-only{grid-template-columns:1fr}.listening-visual.gallery{grid-template-columns:repeat(2,1fr);gap:3px;padding:3px}.listening-visual.gallery img{min-height:120px}.audio-track{flex-direction:column;gap:5px;display:flex}.audio-track+.audio-track{margin-top:8px}.audio-track>small{color:#607c77}.audio-track audio{margin:0}@media (max-width:600px){.practice-category-picker>div{grid-template-columns:1fr}}.skill-practice-page .skill-practice-head{animation:.62s cubic-bezier(.22,1,.36,1) both skill-page-reveal}.skill-practice-page .skill-switch{animation:.55s cubic-bezier(.22,1,.36,1) .1s both skill-page-reveal}.skill-practice-page .skill-practice-layout{animation:.62s cubic-bezier(.22,1,.36,1) .18s both skill-page-reveal}.skill-practice-page .skill-guidance article{animation:.45s cubic-bezier(.22,1,.36,1) both skill-item-reveal}.skill-practice-page .skill-guidance article:first-child{animation-delay:.28s}.skill-practice-page .skill-guidance article:nth-child(2){animation-delay:.34s}.skill-practice-page .skill-guidance article:nth-child(3){animation-delay:.4s}@keyframes skill-page-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes skill-item-reveal{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.learner-content .player-page{background:radial-gradient(circle at 92% 3%,#dcefeb 0,#0000 24%),#f3f8f6}.learner-content .player-shell{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;width:100%;max-width:1440px;margin:auto;padding:28px 30px 70px}.practice-session-intro{background:linear-gradient(120deg,#fff,#f7fbfa);border:1px solid #d7e5e1;border-radius:21px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(260px,420px) auto;align-items:center;gap:28px;padding:25px 28px;animation:.58s cubic-bezier(.22,1,.36,1) both practice-page-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #174f480b}.practice-session-intro:after{content:"練";color:#137f7807;font-family:Noto Serif JP,serif;font-size:145px;font-weight:700;position:absolute;top:-55px;right:190px}.practice-session-intro>div:first-child{z-index:1;position:relative}.practice-session-intro>div:first-child>span{color:var(--primary);font-family:var(--display);letter-spacing:.11em;font-weight:800}.practice-session-intro h1{font-family:var(--display);letter-spacing:-.03em;margin:7px 0 3px}.practice-session-intro p{color:#69807c;margin:0}.practice-session-intro>button{z-index:1;color:#58716c;cursor:pointer;background:#fff;border:1px solid #d4e1de;border-radius:10px;height:40px;padding:0 14px;position:relative}.session-progress{z-index:1;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;display:grid;position:relative}.session-progress>div{flex-direction:column;display:flex}.session-progress>div>span{color:#244d48;font-family:var(--display);font-weight:800}.session-progress>div>b{color:#81938f;font-size:12px;font-weight:500}.session-progress>i{background:#dce9e6;border-radius:8px;height:8px;display:block;overflow:hidden}.session-progress>i>b{background:linear-gradient(90deg,#137f78,#50b99f);border-radius:8px;height:100%;transition:width .35s;display:block}.session-progress>strong{color:var(--primary);font-family:var(--display)}.learner-content .question-map{border-color:#d8e5e2;border-radius:17px;padding:19px;animation:.55s cubic-bezier(.22,1,.36,1) .1s both practice-page-enter;position:sticky;top:92px;box-shadow:0 9px 26px #174f4808}.question-map>small{margin-bottom:4px;display:block}.question-map>div{grid-template-columns:repeat(4,1fr);gap:8px}.question-map button{border-radius:10px;transition:border-color .18s,background .18s,transform .18s}.question-map button:hover{transform:translateY(-2px)}.learner-content .question-stage{border-color:#d8e5e2;border-radius:21px;padding:31px 34px;animation:.48s cubic-bezier(.22,1,.36,1) .16s both practice-stage-enter;box-shadow:0 15px 42px #174f480c}.question-meta{min-height:42px;padding-bottom:16px}.question-meta>span{background:#e5f3f0;border-radius:8px;padding:6px 9px}.question-meta>i{color:#6f8581}.question-meta>button{border-radius:10px}.learner-content .listening-media{background:#f8fbfa;border-radius:17px;margin:22px 0 0}.learner-content .listening-visual{min-height:205px}.learner-content .audio-panel{padding:25px}.learner-content .question-prompt{padding:27px 4px 21px}.learner-content .answer-list{gap:11px}.learner-content .answer-list>button{border-radius:14px;min-height:70px;box-shadow:0 3px 10px #174f4804}.learner-content .answer-list>button:hover:not(:disabled){background:#f0f8f6;border-color:#63aaa2;transform:translate(4px)}.learner-content .player-actions{margin-top:29px}.learner-content .player-actions button{border-radius:11px;height:44px;padding-inline:18px}.learner-content .player-actions button.primary{min-width:155px;box-shadow:0 8px 20px #137f7822}.learner-content .answer-feedback{border-radius:6px 14px 14px 6px;animation:.38s cubic-bezier(.22,1,.36,1) both feedback-reveal}@keyframes practice-page-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes practice-stage-enter{0%{opacity:0;transform:translateY(14px)scale(.992)}to{opacity:1;transform:none}}@keyframes feedback-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:980px){.learner-content .player-shell{grid-template-columns:1fr;padding-inline:18px}.practice-session-intro{grid-template-columns:1fr auto}.practice-session-intro .session-progress{grid-area:2/1/auto/-1}.learner-content .question-map{display:block;position:static}.question-map>div{grid-template-columns:repeat(10,minmax(34px,1fr))}.learner-content .question-stage{padding:25px}}@media (max-width:620px){.learner-content .player-shell{padding:18px 12px 55px}.practice-session-intro{grid-template-columns:1fr;padding:21px}.practice-session-intro:after{display:none}.practice-session-intro>button{grid-row:3}.session-progress{grid-template-columns:1fr auto}.session-progress>div{grid-column:1/-1}.question-map>div{padding-bottom:3px;display:flex;overflow-x:auto}.question-map button{flex:0 0 36px}.learner-content .question-stage{padding:19px 16px}.question-meta{flex-wrap:wrap;align-items:flex-start}.question-meta>button{margin-left:0}.learner-content .listening-media{grid-template-columns:1fr}.learner-content .player-actions{gap:8px}.learner-content .player-actions button{padding-inline:12px}.learner-content .player-actions button.primary{min-width:0}}.practice-hub{background:radial-gradient(circle at 92% 2%,#dcefeb 0,#0000 25%),#f3f8f6;padding:30px 30px 75px}.practice-hub-wrap{width:100%;max-width:1440px;margin:auto}.practice-hero-panel{color:#fff;background:linear-gradient(125deg,#0e6862,#238f85);border-radius:25px;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);min-height:310px;animation:.68s cubic-bezier(.22,1,.36,1) both practice-hub-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 48px #125f5828}.practice-hero-copy{z-index:2;padding:43px 48px;position:relative}.practice-hero-copy>span,.practice-hub-section>header span{font-family:var(--display);letter-spacing:.12em;font-weight:800}.practice-hero-copy h1{color:#fff;max-width:740px;font-family:var(--display);letter-spacing:-.04em;margin:12px 0 10px}.practice-hero-copy>p{color:#d9eeeb;max-width:720px;margin:0}.practice-hero-copy>div{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.practice-hero-copy>div>span{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:9px;padding:8px 11px}.practice-hero-copy>div b{color:#fff;font-family:var(--display)}.practice-hero-art{border-left:1px solid #ffffff16;place-items:center;display:grid;position:relative}.practice-hero-art>span{color:#ffffff0b;font-family:Noto Serif JP,serif;font-size:245px;font-weight:700;position:absolute}.practice-hero-art>div{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:relative;transform:rotate(-5deg)}.practice-hero-art i{width:58px;height:58px;font-family:var(--display);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff12;border:1px solid #ffffff2b;border-radius:15px;place-items:center;font-style:normal;font-weight:800;display:grid}.practice-hero-art i:last-child{color:#176f67;background:#b9efd9}.practice-hero-art>b{color:#d4ebe7;font-family:var(--display);position:absolute;bottom:35px}.practice-hub-section{margin-top:28px;animation:.6s cubic-bezier(.22,1,.36,1) .1s both practice-hub-rise}.practice-hub-section>header{margin-bottom:14px}.practice-hub-section>header span{color:var(--primary)}.practice-hub-section>header h2{font-family:var(--display);margin:5px 0 2px}.practice-hub-section>header p{color:#718682;margin:0}.practice-hub .practice-skill-cards{grid-template-columns:1fr 1fr;gap:14px;max-width:none;margin:0;padding:0}.practice-hub .practice-skill-cards>a{border-radius:20px;grid-template-columns:64px 1fr;min-height:170px;padding:25px}.practice-hub .practice-skill-cards>a>span{border-radius:18px;width:64px;height:64px}.practice-hub .practice-skill-cards svg{width:29px;height:29px}.practice-hub .practice-skill-cards small{letter-spacing:.09em;font-weight:800}.practice-hub .practice-skill-cards h2{margin:7px 0 4px}.practice-hub .practice-skill-cards p{color:#718682;max-width:520px;margin:0}.practice-hub .practice-skill-cards a div>b{color:var(--primary);font-family:var(--display);margin-top:14px;display:block}.practice-hub-setup{background:#fff;border:1px solid #d9e6e3;border-radius:21px;grid-template-columns:330px minmax(0,1fr);gap:20px;max-width:none;margin-top:28px;padding:23px;animation:.62s cubic-bezier(.22,1,.36,1) .2s both practice-hub-rise;box-shadow:0 14px 38px #174f4809}.practice-hub-setup>div:first-child{padding:22px}.practice-hub-setup>div:first-child>span{border-radius:8px;width:auto;height:auto;padding:6px 9px;display:inline-flex}.practice-hub-setup ul{flex-direction:column;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.practice-hub-setup li{color:#607873;padding-left:20px;position:relative}.practice-hub-setup li:before{content:"✓";color:var(--primary);font-weight:800;position:absolute;left:0}.practice-hub-setup .practice-setup-card{box-shadow:none;background:#f9fcfb;border:0}.practice-hub .practice-modes label{animation:.42s cubic-bezier(.22,1,.36,1) both practice-mode-pop}.practice-hub .practice-modes label:first-of-type{animation-delay:.3s}.practice-hub .practice-modes label:nth-of-type(2){animation-delay:.35s}.practice-hub .practice-modes label:nth-of-type(3){animation-delay:.4s}.practice-hub .practice-modes label:nth-of-type(4){animation-delay:.45s}.practice-hub .practice-modes label:nth-of-type(5){animation-delay:.5s}@keyframes practice-hub-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes practice-mode-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@media (max-width:900px){.practice-hero-panel{grid-template-columns:1fr}.practice-hero-art{display:none}.practice-hub-setup{grid-template-columns:1fr}.practice-hub-setup>div:first-child{padding:10px}.practice-hub .practice-skill-cards{grid-template-columns:1fr}}@media (max-width:600px){.practice-hub{padding:18px 13px 58px}.practice-hero-copy{padding:29px 22px}.practice-hero-copy>div{grid-template-columns:1fr 1fr;display:grid}.practice-hub .practice-skill-cards>a{grid-template-columns:50px 1fr;min-height:150px;padding:19px}.practice-hub .practice-skill-cards>a>span{width:50px;height:50px}.practice-hub-setup,.practice-hub-setup .practice-setup-card{padding:13px}}.admin-confirm-dialog{background:0 0;border:0;border-radius:17px;width:min(440px,100vw - 28px);max-width:none;margin:auto;padding:0;overflow:visible}.admin-confirm-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#173a3673}.admin-confirm-modal{text-align:center;background:#fff;border:1px solid #ead6d1;border-radius:17px;padding:24px;animation:.22s cubic-bezier(.22,1,.36,1) both admin-confirm-in;box-shadow:0 24px 70px #173a3640}.admin-confirm-icon{color:#aa4e40;background:#fff0ed;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 14px;display:grid}.admin-confirm-icon svg{width:25px;height:25px}.admin-confirm-modal h2{color:#3f3432;font-family:var(--display);margin:0;font-size:20px!important}.admin-confirm-modal p{color:#766661;margin:8px auto 0;line-height:1.6}.admin-confirm-modal footer{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.admin-confirm-modal footer>button{width:100%;font-family:var(--display);cursor:pointer;justify-content:center;align-items:center;font-size:13px;transition:border-color .18s,background-color .18s,color .18s;border-radius:9px!important;height:42px!important;margin:0!important;padding:0 14px!important;font-weight:700!important;display:inline-flex!important}.admin-confirm-cancel{color:#496661!important;background:#fff!important;border:1px solid #cddbd8!important}.admin-confirm-cancel:hover{background:#f3f8f6!important;border-color:#9ab7b1!important}.admin-confirm-delete{color:#fff!important;background:#aa4e40!important;border:1px solid #aa4e40!important}.admin-confirm-delete:hover{background:#913d32!important;border-color:#913d32!important}.admin-confirm-modal footer>button:focus-visible{outline-offset:2px;outline:3px solid #69b6ad66}@keyframes admin-confirm-in{0%{opacity:0;transform:translateY(10px)scale(.975)}to{opacity:1;transform:none}}@media (max-width:520px){.admin-confirm-modal{padding:20px}.admin-confirm-modal footer{grid-template-columns:1fr}.admin-confirm-delete{grid-row:1}.admin-confirm-cancel{grid-row:2}}@media (prefers-reduced-motion:reduce){.admin-confirm-modal{animation:none}.admin-confirm-modal footer>button{transition:none}}.admin-danger-zone{background:#fff6f4;border:1px solid #edcbc5;border-radius:13px;padding:16px}.admin-danger-zone-head{align-items:center;gap:9px;margin-bottom:8px;display:flex}.admin-danger-zone-icon{color:#aa4e40;background:#fff0ed;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.admin-danger-zone-icon svg{width:16px;height:16px}.admin-danger-zone-head>b{color:#aa4e40;font-family:var(--display);font-size:14px;font-weight:700}.admin-danger-zone>p{color:#86635d;margin:0 0 12px;font-size:13px;line-height:1.6}.admin-danger-zone .admin-delete-trigger{justify-content:center;width:100%}.course-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.course-admin-grid>article{background:#fff;border:1px solid #dbe6e3;border-radius:16px;flex-direction:column;min-height:220px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 10px 28px #174f4807}.course-admin-grid>article:hover{border-color:#acd2cc;transform:translateY(-2px);box-shadow:0 15px 34px #174f4810}.course-admin-grid article>header,.course-admin-grid article>footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-admin-grid article>header>span{color:var(--primary);font-family:var(--display);letter-spacing:.07em;font-weight:800}.course-admin-grid h2{font-family:var(--display);margin:18px 0 2px}.course-admin-grid article>p{color:#718682;margin:0}.course-admin-grid article>div{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.course-admin-grid article>div>span{color:#58736e;background:#edf5f3;border-radius:8px;padding:6px 8px}.course-admin-grid article>footer{border-top:1px solid #e9f0ee;margin-top:auto;padding-top:16px}.course-admin-grid footer small{color:#7b8e8a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-admin-grid footer a{color:var(--primary);font-family:var(--display);white-space:nowrap;font-weight:700}.course-curriculum-admin{margin-top:18px}.course-curriculum-admin>article{background:#fff;border:1px solid #dce7e4;border-radius:14px;margin-top:13px;overflow:hidden}.course-curriculum-admin>article>header{background:#f7faf9;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 17px;display:grid}.course-curriculum-admin>article>header>span{width:36px;height:36px;color:var(--primary);font-family:var(--display);background:#e4f3ef;border-radius:10px;place-items:center;font-weight:800;display:grid}.course-curriculum-admin h3{font-family:var(--display);margin:0}.course-curriculum-admin header p{color:#718682;margin:2px 0 0}.course-curriculum-admin header>b{color:#6d837f;font-family:var(--display)}.course-curriculum-admin>article>div>a{min-height:64px;color:inherit;border-top:1px solid #e8efed;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px 17px;display:grid}.course-curriculum-admin>article>div>a:hover{background:#fbfdfc}.course-curriculum-admin>article>div>a>span{color:#849591;font-family:var(--display);font-weight:700}.course-curriculum-admin>article>div>a>div{flex-direction:column;min-width:0;display:flex}.course-curriculum-admin>article>div>a small{color:#748985;margin-top:2px}.course-curriculum-admin>article>div>a em{color:#93611b;font-family:var(--display);background:#fff4dc;border-radius:7px;padding:4px 7px;font-style:normal;font-weight:800}.inline-lesson-form,.inline-module-form{background:#fbfdfc;border-top:1px dashed #dce7e4;align-items:center;gap:8px;padding:12px 17px;display:grid}.inline-lesson-form{grid-template-columns:minmax(150px,1.3fr) minmax(130px,1fr) 130px 80px auto}.inline-module-form{border:1px dashed #bfd5d0;border-radius:13px;grid-template-columns:1fr 1fr 100px auto;margin-top:15px}.inline-lesson-form input,.inline-lesson-form select,.inline-module-form input{background:#fff;border:1px solid #d8e4e1;border-radius:8px;min-width:0;height:39px;padding:0 9px}.inline-lesson-form button,.inline-module-form button{color:#fff;background:var(--primary);height:39px;font-family:var(--display);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:0 13px;font-weight:700}.lesson-admin-editor .premium-check{flex-direction:row;grid-column:1/-1;align-items:center;gap:9px;display:flex}.lesson-admin-editor .premium-check input{width:17px;height:17px}.lesson-content-head{border-top:1px solid #e7efed;margin-top:12px;padding-top:22px}.lesson-content-json{tab-size:2;line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}.lesson-admin-editor label>small{color:#748985;font-weight:400}.cms-card-head a{color:var(--primary);font-family:var(--display);font-weight:700}.lesson-editor-form{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.lesson-editor-form>.lesson-content-main{grid-area:1/1;min-width:0}.lesson-editor-form>.lesson-info-sidebar{grid-area:1/2;max-height:calc(100vh - 108px);position:sticky;top:88px;overflow-y:auto}.lesson-info-sidebar .cms-card-head{flex-direction:column;align-items:flex-start}.lesson-info-sidebar .cms-card-head>a{margin-top:4px}.lesson-info-sidebar .form-grid.four{grid-template-columns:1fr;gap:12px}.lesson-info-sidebar .form-grid.four>.span-2,.lesson-info-sidebar .premium-check{grid-column:auto}.lesson-content-main .lesson-content-head{border-top:0;margin-top:0;padding-top:0}@media (max-width:1180px){.lesson-editor-form{grid-template-columns:1fr}.lesson-editor-form>.lesson-info-sidebar,.lesson-editor-form>.lesson-content-main{grid-area:auto/1;max-height:none;position:static}.lesson-info-sidebar .cms-card-head{flex-direction:row;align-items:center}.lesson-info-sidebar .cms-card-head>a{margin-top:0}.lesson-info-sidebar .form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-info-sidebar .form-grid.four>.span-2{grid-column:span 2}.lesson-info-sidebar .premium-check{grid-column:1/-1}}@media (max-width:700px){.lesson-editor-form{gap:14px}.lesson-info-sidebar .cms-card-head{flex-direction:column;align-items:flex-start}.lesson-info-sidebar .form-grid.four{grid-template-columns:1fr}.lesson-info-sidebar .form-grid.four>.span-2,.lesson-info-sidebar .premium-check{grid-column:auto}}@media (max-width:1050px){.course-admin-grid{grid-template-columns:1fr}.inline-lesson-form{grid-template-columns:1fr 1fr}.inline-lesson-form button{grid-column:1/-1}.inline-module-form{grid-template-columns:1fr 1fr}.inline-module-form button{grid-column:1/-1}}@media (max-width:650px){.inline-lesson-form,.inline-module-form{grid-template-columns:1fr}.inline-lesson-form button,.inline-module-form button{grid-column:auto}.course-curriculum-admin>article>div>a{grid-template-columns:28px 1fr auto}.course-curriculum-admin>article>div>a>em{display:none}.course-admin-grid article>footer{flex-direction:column;align-items:flex-start}}.course-admin-title{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.course-admin-summary{gap:8px;display:flex}.course-admin-summary>span{color:#667d78;white-space:nowrap;background:#fff;border:1px solid #dbe6e3;border-radius:10px;align-items:baseline;gap:5px;padding:9px 12px;display:flex}.course-admin-summary b{color:#244f49;font-family:var(--display);font-size:18px}.course-table-layout{grid-template-columns:minmax(0,1fr) 310px}.course-table-toolbar{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.course-table-toolbar h2{font-family:var(--display);margin:0}.course-table-toolbar p{color:#758985;margin:2px 0 0}.course-table-toolbar>span{color:#849591}.course-admin-table-wrap{background:#fff;border:1px solid #dbe6e3;border-radius:15px;overflow-x:auto;box-shadow:0 9px 28px #174f4807}.course-admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:850px}.course-admin-table th{color:#6f837f;height:45px;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#f5f8f7;padding:0 15px;font-weight:800}.course-admin-table td{color:#415e59;vertical-align:middle;border-top:1px solid #e6eeec;height:76px;padding:10px 15px}.course-admin-table tbody tr{transition:background-color .18s}.course-admin-table tbody tr:hover{background:#f8fbfa}.course-admin-table td>small,.course-table-name small{color:#7b8e8a;margin-top:3px;display:block}.course-table-name{align-items:center;gap:11px;min-width:235px;display:flex}.course-table-name>b{width:38px;height:38px;color:var(--primary);font-family:var(--display);background:#e5f3f0;border-radius:10px;place-items:center;display:grid}.course-table-name>div{flex-direction:column;min-width:0;display:flex}.course-table-name strong{max-width:250px;font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-table-name small{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.course-cert-badge{color:#176f67;font-family:var(--display);background:#e9f5f2;border-radius:7px;padding:5px 8px;font-weight:800;display:inline-flex}.course-admin-table time{color:#647a76;white-space:nowrap}.course-table-action{text-align:right}.course-table-action a{color:#285f58;height:35px;font-family:var(--display);white-space:nowrap;background:#fff;border:1px solid #cddedb;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-weight:700;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.course-table-action a:hover,.course-table-action a:focus-visible{border-color:var(--primary);color:#fff;background:var(--primary);outline:none}.course-table-action a span{transition:transform .18s}.course-table-action a:hover span{transform:translate(2px)}.course-table-empty{text-align:center;padding:45px 20px}.course-table-empty b{font-family:var(--display)}.course-table-empty p{color:#758985;margin:4px 0 0}@media (max-width:1150px){.course-admin-title{flex-direction:column;align-items:flex-start}.course-table-layout{grid-template-columns:1fr}.course-admin-summary{flex-wrap:wrap}.course-table-layout .catalog-create-card{max-width:none}}@media (max-width:760px){.course-admin-table-wrap{box-shadow:none;background:0 0;border:0;overflow:visible}.course-admin-table{min-width:0;display:block}.course-admin-table thead{display:none}.course-admin-table tbody{gap:10px;display:grid}.course-admin-table tr{background:#fff;border:1px solid #dbe6e3;border-radius:13px;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.course-admin-table td{border:0;height:auto;padding:0;display:block}.course-admin-table td:before{content:attr(data-label);color:#7b8e8a;font-family:var(--display);text-transform:uppercase;margin-bottom:4px;font-weight:700;display:block}.course-admin-table td:first-child{grid-column:1/-1}.course-admin-table td:first-child:before,.course-table-action:before{display:none}.course-table-action{text-align:left;grid-column:1/-1;display:flex!important}.course-table-action a{justify-content:center;width:100%}.course-table-name strong,.course-table-name small{max-width:calc(100vw - 115px)}.course-admin-summary>span{flex:1}.course-table-toolbar>span{display:none}}.course-builder-page{background:linear-gradient(#f5faf8 0,#f8faf9 320px)}.course-editor-v2{padding-top:24px;padding-bottom:65px}.course-builder-breadcrumb{color:#788c88;align-items:center;gap:8px;margin-bottom:15px;display:flex}.course-builder-breadcrumb a{color:var(--primary);font-weight:700}.course-builder-breadcrumb strong{color:#607570;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-builder-hero{background:#fff;border:1px solid #d8e6e2;border-radius:18px;justify-content:space-between;align-items:center;gap:25px;padding:24px 26px;display:flex;box-shadow:0 12px 34px #174f4808}.course-builder-identity{align-items:center;gap:16px;min-width:0;display:flex}.course-builder-mark{color:#fff;width:58px;height:58px;font-family:var(--display);background:linear-gradient(145deg,#137f78,#38a696);border-radius:15px;place-items:center;font-weight:800;display:grid;box-shadow:0 9px 20px #137f7824;font-size:17px!important}.course-builder-identity>div{min-width:0}.course-builder-identity>div>span{color:var(--primary);font-family:var(--display);letter-spacing:.09em;font-weight:800}.course-builder-identity h1{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 1px;overflow:hidden}.course-builder-identity p{color:#758985;margin:0}.course-builder-actions{align-items:center;gap:9px;display:flex}.course-builder-actions>a{color:#285f58;height:38px;font-family:var(--display);white-space:nowrap;background:#fff;border:1px solid #cddedb;border-radius:9px;padding:0 12px;font-weight:700;line-height:36px}.course-builder-actions>a:hover{border-color:var(--primary);color:#fff;background:var(--primary)}.course-builder-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 18px;display:grid}.course-builder-stats>article{background:#fff;border:1px solid #dce7e4;border-radius:13px;min-height:96px;padding:14px 16px;display:grid}.course-builder-stats article>span{color:#70847f;font-family:var(--display);font-weight:700}.course-builder-stats article>b{color:#244f49;font-family:var(--display);margin-top:2px;font-size:25px}.course-builder-stats article>small{color:#81938f;align-self:end}.course-publish-progress i{background:#e2ece9;border-radius:6px;align-self:end;height:6px;display:block;overflow:hidden}.course-publish-progress i span{background:linear-gradient(90deg,#137f78,#53bda3);border-radius:6px;height:100%;display:block}.course-builder-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:17px;display:grid}.course-section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.course-section-heading>div>span,.course-settings-card header span{color:var(--primary);font-family:var(--display);letter-spacing:.1em;font-weight:800}.course-section-heading h2,.course-settings-card h2{font-family:var(--display);margin:4px 0 1px}.course-section-heading p,.course-settings-card header p{color:#758985;margin:0}.course-section-heading>b{color:#58736e;font-family:var(--display);background:#e7f2ef;border-radius:8px;padding:6px 9px}.course-module-list{gap:11px;display:grid}.course-module-card{background:#fff;border:1px solid #d9e6e3;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #174f4806}.course-module-card>header{background:#f7faf9;border-bottom:1px solid #e5eeeb;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 17px;display:grid}.course-module-card>header>span{width:37px;height:37px;color:var(--primary);font-family:var(--display);background:#e3f2ef;border-radius:10px;place-items:center;font-weight:800;display:grid}.course-module-card h3{font-family:var(--display);margin:0}.course-module-card header p{color:#7a8e89;margin:1px 0 0}.course-module-card header>b{color:#617873;font-family:var(--display)}.course-lesson-table>a{min-height:67px;color:inherit;border-bottom:1px solid #ebf1ef;grid-template-columns:34px minmax(160px,1fr) 90px 55px 66px 84px 20px;align-items:center;gap:9px;padding:8px 16px;transition:background-color .18s;display:grid}.course-lesson-table>a:hover{background:#f8fbfa}.lesson-order{color:#829590;font-family:var(--display);font-weight:700}.lesson-name{flex-direction:column;min-width:0;display:flex}.lesson-name strong,.lesson-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-name strong{font-family:var(--display)}.lesson-name small{color:#80928e;margin-top:2px}.lesson-type,.lesson-duration{color:#617873;white-space:nowrap}.course-lesson-table em{color:#96601b;font-family:var(--display);text-align:center;background:#fff2d8;border-radius:6px;padding:4px 5px;font-style:normal;font-weight:800}.course-lesson-table em.free{color:#247262;background:#e7f4f0}.lesson-arrow{color:var(--primary);transition:transform .18s}.course-lesson-table>a:hover .lesson-arrow{transform:translate(3px)}.module-empty{color:#7b8e8a;text-align:center;padding:25px 16px}.course-add-lesson{background:#fafcfb;grid-template-columns:120px minmax(130px,1fr) minmax(115px,.8fr) 105px 60px auto;align-items:center;gap:7px;padding:11px 15px;display:grid}.course-add-lesson>div{color:#55716c;align-items:center;gap:7px;display:flex}.course-add-lesson>div>span,.course-add-module>div>span{width:25px;height:25px;color:var(--primary);font-family:var(--display);background:#e3f2ef;border-radius:7px;place-items:center;font-weight:700;display:grid;font-size:18px!important}.course-add-lesson input,.course-add-lesson select,.course-add-module input,.course-settings-card input,.course-settings-card select,.course-settings-card textarea{color:#365651;background:#fff;border:1px solid #d7e4e1;border-radius:8px;outline:0;width:100%;min-width:0}.course-add-lesson input,.course-add-lesson select,.course-add-module input,.course-settings-card input,.course-settings-card select{height:39px;padding:0 9px}.course-add-lesson input:focus,.course-add-lesson select:focus,.course-add-module input:focus,.course-settings-card input:focus,.course-settings-card select:focus,.course-settings-card textarea:focus{border-color:#62aaa1;box-shadow:0 0 0 3px #137f7810}.course-add-lesson button,.course-add-module button,.course-settings-card>button{color:#fff;background:var(--primary);height:39px;font-family:var(--display);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:0 13px;font-weight:700}.course-add-module{background:#f7fbfa;border:1px dashed #a9ccc6;border-radius:14px;grid-template-columns:minmax(175px,1fr) minmax(140px,1fr) minmax(125px,.8fr) 65px auto;align-items:center;gap:8px;margin-top:12px;padding:14px;display:grid}.course-add-module>div{align-items:center;gap:9px;display:flex}.course-add-module>div>div{flex-direction:column;display:flex}.course-add-module small{color:#748985}.course-builder-settings{position:sticky;top:88px}.course-settings-card{background:#fff;border:1px solid #d9e6e3;border-radius:15px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 11px 30px #174f4808}.course-settings-card header{border-bottom:1px solid #e7efed;padding-bottom:14px}.course-settings-card label{color:#405c58;font-family:var(--display);flex-direction:column;gap:5px;font-weight:700;display:flex}.course-settings-card textarea{resize:vertical;padding:10px}.course-setting-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.course-settings-card>button{height:43px;margin-top:4px}.course-builder-empty{text-align:center;background:#fff;border:1px dashed #bcd3ce;border-radius:14px;padding:42px 20px}.course-builder-empty b{font-family:var(--display)}.course-builder-empty p{color:#758985;margin:4px 0 0}@media (max-width:1200px){.course-builder-layout{grid-template-columns:1fr}.course-builder-settings{grid-row:1;position:static}.course-settings-card{grid-template-columns:repeat(2,1fr);display:grid}.course-settings-card header,.course-settings-card>button{grid-column:1/-1}.course-setting-pair{grid-template-columns:1fr 1fr}}@media (max-width:900px){.course-builder-stats{grid-template-columns:1fr 1fr}.course-lesson-table>a{grid-template-columns:30px minmax(130px,1fr) 80px 78px 20px}.lesson-duration,.course-lesson-table em{display:none}.course-add-lesson{grid-template-columns:1fr 1fr}.course-add-lesson>div,.course-add-lesson button{grid-column:1/-1}.course-add-module{grid-template-columns:1fr 1fr}.course-add-module>div,.course-add-module button{grid-column:1/-1}}@media (max-width:650px){.course-editor-v2{padding-top:16px}.course-builder-hero{flex-direction:column;align-items:flex-start;padding:18px}.course-builder-actions{justify-content:space-between;width:100%}.course-builder-identity{align-items:flex-start}.course-builder-mark{width:47px;height:47px}.course-builder-identity h1{white-space:normal}.course-builder-stats{grid-template-columns:1fr 1fr}.course-builder-stats>article{min-height:88px;padding:12px}.course-section-heading{flex-direction:column;align-items:flex-start}.course-section-heading>b{margin-top:8px}.course-module-card>header{grid-template-columns:auto 1fr}.course-module-card>header>b{grid-column:2}.course-lesson-table>a{grid-template-columns:27px minmax(0,1fr) auto}.lesson-type,.course-lesson-table>a>.status-badge{display:none}.course-add-lesson,.course-add-module,.course-settings-card{grid-template-columns:1fr}.course-add-lesson>div,.course-add-lesson button,.course-add-module>div,.course-add-module button,.course-settings-card header,.course-settings-card>button{grid-column:auto}.course-setting-pair{grid-template-columns:1fr}.course-builder-breadcrumb strong{max-width:220px}}.course-editor-v2{width:100%;max-width:1440px;margin-inline:auto}.course-builder-layout{flex-direction:column;gap:18px;display:flex}.course-builder-settings{width:100%;position:static}.course-settings-card{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:13px;padding:20px 22px;display:grid}.course-settings-card header{grid-column:1/-1;justify-content:space-between;align-items:flex-end;display:flex}.course-settings-card .setting-title,.course-settings-card .setting-title-ja{grid-column:span 2}.course-settings-card .setting-description{grid-column:span 3}.course-settings-actions{border-top:1px solid #e7efed;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:16px;padding-top:14px;display:flex}.course-settings-actions>span{color:#788c88;margin-right:auto}.course-settings-actions button{color:#fff;background:var(--primary);height:42px;font-family:var(--display);cursor:pointer;border:0;border-radius:9px;padding:0 18px;font-weight:700}.course-builder-main{min-width:0}.course-lesson-table>a{grid-template-columns:36px minmax(220px,1fr) 120px 70px 90px 20px}.lesson-meta{color:#5f7772;flex-direction:column;display:flex}.lesson-meta>b{font-family:var(--display)}.lesson-meta>small{color:#81938f;margin-top:2px}.course-add-lesson{grid-template-columns:130px minmax(180px,1fr) minmax(150px,.8fr) 120px 70px auto}.course-add-module{grid-template-columns:minmax(210px,1fr) minmax(170px,1fr) minmax(150px,.8fr) 75px auto}@media (max-width:1050px){.course-settings-card{grid-template-columns:1fr 1fr}.course-settings-card .setting-title,.course-settings-card .setting-title-ja,.course-settings-card .setting-description{grid-column:auto}.course-settings-card .setting-description{grid-column:1/-1}.course-lesson-table>a{grid-template-columns:32px minmax(180px,1fr) 105px 82px 20px}.course-lesson-table>a>em{display:none}.course-add-lesson{grid-template-columns:1fr 1fr 1fr}.course-add-lesson>div,.course-add-lesson button{grid-column:auto}.course-add-module{grid-template-columns:1fr 1fr}.course-add-module>div,.course-add-module button{grid-column:1/-1}}@media (max-width:700px){.course-settings-card{grid-template-columns:1fr;padding:17px}.course-settings-card header,.course-settings-card .setting-description,.course-settings-actions{grid-column:auto}.course-settings-card header{flex-direction:column;align-items:flex-start}.course-settings-actions{flex-direction:column;align-items:stretch}.course-settings-actions>span{margin:0}.course-settings-actions button{width:100%}.course-lesson-table>a{grid-template-columns:28px minmax(0,1fr) 20px}.course-lesson-table .lesson-meta,.course-lesson-table>a>.status-badge,.course-lesson-table>a>em{display:none}.course-add-lesson,.course-add-module{grid-template-columns:1fr}.course-add-lesson>div,.course-add-lesson button,.course-add-module>div,.course-add-module button{grid-column:auto}.course-builder-stats{gap:8px}.course-builder-stats article>b{font-size:21px}.course-builder-actions>a{text-overflow:ellipsis;max-width:180px;overflow:hidden}.course-module-card{border-radius:12px}}.admin-content>.course-detail-fixed{background:0 0;width:100%;min-width:0}.admin-content>.course-detail-fixed>.course-editor-v2{width:100%;max-width:1400px;margin:0 auto;padding:0}.course-detail-fixed *{min-width:0}.course-detail-fixed .course-builder-breadcrumb{margin:0 0 14px}.course-detail-fixed .course-builder-hero{box-sizing:border-box;width:100%}.course-detail-fixed .course-builder-stats{width:100%}.course-detail-fixed .course-builder-layout,.course-detail-fixed .course-builder-main,.course-detail-fixed .course-builder-settings,.course-detail-fixed .course-module-list,.course-detail-fixed .course-module-card{box-sizing:border-box;width:100%;max-width:100%}.course-detail-fixed .course-settings-card{box-sizing:border-box;width:100%}.course-detail-fixed .course-lesson-table{width:100%;overflow:hidden}.course-detail-fixed .course-lesson-table>a,.course-detail-fixed .course-add-lesson,.course-detail-fixed .course-add-module{box-sizing:border-box;width:100%}.course-detail-fixed input,.course-detail-fixed select,.course-detail-fixed textarea{box-sizing:border-box;max-width:100%}.course-detail-fixed .course-module-card>header>div,.course-detail-fixed .lesson-name{overflow:hidden}@media (max-width:1180px){.course-detail-fixed .course-add-lesson{grid-template-columns:115px minmax(145px,1fr) minmax(130px,.8fr) 105px 60px auto}.course-detail-fixed .course-add-module{grid-template-columns:minmax(180px,1fr) minmax(145px,1fr) minmax(130px,.8fr) 65px auto}}@media (max-width:980px){.course-detail-fixed .course-add-lesson{grid-template-columns:1fr 1fr}.course-detail-fixed .course-add-lesson>div,.course-detail-fixed .course-add-lesson>button{grid-column:1/-1}.course-detail-fixed .course-add-module{grid-template-columns:1fr 1fr}.course-detail-fixed .course-add-module>div,.course-detail-fixed .course-add-module>button{grid-column:1/-1}.course-detail-fixed .course-settings-card{grid-template-columns:1fr 1fr}.course-detail-fixed .course-settings-card .setting-title,.course-detail-fixed .course-settings-card .setting-title-ja{grid-column:auto}.course-detail-fixed .course-settings-card .setting-description{grid-column:1/-1}}@media (max-width:700px){.admin-content>.course-detail-fixed>.course-editor-v2{padding:0}.course-detail-fixed .course-builder-hero{border-radius:13px}.course-detail-fixed .course-builder-mark{flex:0 0 47px}.course-detail-fixed .course-builder-actions{flex-wrap:wrap}.course-detail-fixed .course-builder-stats{grid-template-columns:1fr 1fr}.course-detail-fixed .course-settings-card,.course-detail-fixed .course-add-lesson,.course-detail-fixed .course-add-module{grid-template-columns:1fr}.course-detail-fixed .course-settings-card .setting-description,.course-detail-fixed .course-add-lesson>div,.course-detail-fixed .course-add-lesson>button,.course-detail-fixed .course-add-module>div,.course-detail-fixed .course-add-module>button{grid-column:auto}.course-detail-fixed .course-module-card>header{padding:13px}.course-detail-fixed .course-lesson-table>a{padding-inline:12px}.course-detail-fixed .course-add-lesson,.course-detail-fixed .course-add-module{padding:12px}.course-detail-fixed .course-section-heading>div{width:100%}}@media (max-width:420px){.course-detail-fixed .course-builder-stats{grid-template-columns:1fr}.course-detail-fixed .course-builder-identity{width:100%}.course-detail-fixed .course-builder-identity>div{width:calc(100% - 60px)}.course-detail-fixed .course-builder-actions>a{max-width:160px}.course-detail-fixed .course-module-card>header>div h3,.course-detail-fixed .lesson-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.acd-curriculum{width:100%;min-width:0}.acd-curriculum-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:13px;display:flex}.acd-curriculum-heading>div>span{color:var(--primary);font-family:var(--display);letter-spacing:.1em;font-weight:800}.acd-curriculum-heading h2{font-family:var(--display);margin:4px 0 2px}.acd-curriculum-heading p{color:#718682;margin:0}.acd-curriculum-heading>b{color:#54706b;font-family:var(--display);background:#e8f3f0;border-radius:8px;flex:none;padding:6px 10px}.acd-module-list{flex-direction:column;gap:13px;width:100%;display:flex}.acd-module{background:#fff;border:1px solid #d9e5e2;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 6px 20px #174f4806}.acd-module>header{background:#f7faf9;border-bottom:1px solid #e4ecea;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 18px;display:grid}.acd-module-index{color:#176f67;width:38px;height:38px;font-family:var(--display);background:#e3f2ef;border-radius:9px;place-items:center;font-weight:800;display:grid}.acd-module>header>div{overflow:hidden}.acd-module h3{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.acd-module header p{color:#778b87;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}.acd-module-count{color:#5d7570;font-family:var(--display);white-space:nowrap;background:#edf3f1;border-radius:8px;padding:6px 9px}.acd-lessons{width:100%}.acd-lesson{border-bottom:1px solid #e8efed;grid-template-columns:38px minmax(180px,1fr) 105px 175px 92px;align-items:center;gap:12px;min-height:72px;padding:10px 18px;transition:background-color .18s;display:grid}.acd-lesson:hover{background:#fafcfb}.acd-lesson-index{color:#82938f;font-family:var(--display);font-weight:700}.acd-lesson-name{flex-direction:column;display:flex;overflow:hidden}.acd-lesson-name strong,.acd-lesson-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acd-lesson-name strong{font-family:var(--display)}.acd-lesson-name small{color:#7d908c;margin-top:3px}.acd-lesson-info{color:#506b66;flex-direction:column;display:flex}.acd-lesson-info>span{font-weight:700}.acd-lesson-info small{color:#81938f;margin-top:2px}.acd-lesson-tags{align-items:center;gap:6px;display:flex}.acd-lesson-tags>em{color:#93611b;font-family:var(--display);background:#fff2d8;border-radius:6px;padding:5px 7px;font-style:normal;font-weight:800}.acd-lesson-tags>em.free{color:#207160;background:#e6f4ef}.acd-lesson>a{color:#285f58;height:35px;font-family:var(--display);white-space:nowrap;background:#fff;border:1px solid #d2e0dd;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.acd-lesson>a:hover{color:#fff;background:#197b72;border-color:#197b72}.acd-module-empty{color:#7b8e8a;text-align:center;padding:28px 18px}.acd-add-lesson{background:#f9fbfa;padding:14px 18px}.acd-add-lesson>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.acd-add-lesson>header>div{color:#46645f;align-items:center;gap:8px;display:flex}.acd-add-lesson>header span,.acd-add-module>header>span{color:#176f67;background:#e2f2ee;border-radius:7px;place-items:center;width:26px;height:26px;font-weight:800;display:grid;font-size:18px!important}.acd-add-lesson>header small{color:#7c8f8b}.acd-add-lesson-fields{grid-template-columns:minmax(180px,1.5fr) minmax(140px,1fr) 130px 90px auto;align-items:end;gap:9px;display:grid}.acd-add-lesson-fields label,.acd-add-module label{color:#49635f;font-family:var(--display);flex-direction:column;gap:5px;font-weight:700;display:flex}.acd-add-lesson-fields input,.acd-add-lesson-fields select,.acd-add-module input{width:100%;height:39px}.acd-add-lesson-fields button,.acd-add-module button{white-space:nowrap;height:39px;padding:0 14px}.acd-add-module{background:#f6fbf9;border:1px dashed #acd0ca;border-radius:13px;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);align-items:end;gap:20px;margin-top:14px;padding:17px 18px;display:grid}.acd-add-module>header{align-items:center;gap:10px;display:flex}.acd-add-module>header>div{flex-direction:column;display:flex}.acd-add-module header small{color:#758985;margin-top:2px}.acd-add-module>div{grid-template-columns:1fr 1fr 80px auto;align-items:end;gap:9px;display:grid}.acd-curriculum-empty{text-align:center;background:#fff;border:1px dashed #b9d1cc;border-radius:13px;padding:42px 20px}.acd-curriculum-empty b{font-family:var(--display)}.acd-curriculum-empty p{color:#758985;margin:4px 0 0}@media (max-width:1050px){.acd-lesson{grid-template-columns:34px minmax(160px,1fr) 95px 150px 88px}.acd-add-lesson-fields{grid-template-columns:1fr 1fr 1fr}.acd-add-lesson-fields button{grid-column:1/-1}.acd-add-module{grid-template-columns:1fr}.acd-add-module>div{grid-template-columns:1fr 1fr 90px auto}}@media (max-width:760px){.acd-curriculum-heading{flex-direction:column;align-items:flex-start}.acd-lesson{grid-template-columns:30px minmax(0,1fr) auto;padding:12px 14px}.acd-lesson-info{display:none}.acd-lesson-tags{justify-content:flex-end}.acd-lesson>a{grid-column:2/-1;width:100%}.acd-add-lesson{padding:13px}.acd-add-lesson>header{flex-direction:column;align-items:flex-start}.acd-add-lesson-fields,.acd-add-module>div{grid-template-columns:1fr 1fr}.acd-add-lesson-fields button,.acd-add-module button{grid-column:1/-1}.acd-module>header{grid-template-columns:38px minmax(0,1fr);padding:13px}.acd-module-count{grid-column:2;width:max-content}.acd-add-module{padding:14px}}@media (max-width:480px){.acd-lesson{grid-template-columns:27px minmax(0,1fr)}.acd-lesson-tags{grid-column:2;justify-content:flex-start}.acd-lesson>a{grid-column:2}.acd-add-lesson-fields,.acd-add-module>div{grid-template-columns:1fr}.acd-add-lesson-fields button,.acd-add-module button{grid-column:auto}.acd-curriculum-heading>b{align-self:flex-start}}.course-detail-fixed{color:#263f3c}.course-detail-fixed h1,.course-detail-fixed h2,.course-detail-fixed h3,.course-detail-fixed button,.course-detail-fixed a,.course-detail-fixed label{font-family:var(--display)}.course-detail-fixed .course-builder-identity h1{color:#193f3a;letter-spacing:-.025em;font-weight:700;line-height:1.22;font-size:30px!important}.course-detail-fixed .course-settings-card h2,.course-detail-fixed .acd-curriculum-heading h2{color:#244b46;font-weight:700;line-height:1.3;font-size:21px!important}.course-detail-fixed .acd-module h3{color:#294e49;font-weight:650;line-height:1.35;font-size:17px!important}.course-detail-fixed .course-builder-identity>div>span,.course-detail-fixed .course-settings-card header span,.course-detail-fixed .acd-curriculum-heading>div>span{color:#438078;letter-spacing:.11em;font-weight:700;font-size:11px!important}.course-detail-fixed p{color:#71827f;font-weight:400;line-height:1.55;font-size:14px!important}.course-detail-fixed small{color:#7b8d89;font-weight:400;line-height:1.45;font-size:12px!important}.course-detail-fixed label{color:#425e59;font-weight:600;font-size:12px!important}.course-detail-fixed input,.course-detail-fixed select,.course-detail-fixed textarea{color:#294743;font-weight:400;font-size:13px!important}.course-detail-fixed .course-builder-stats article>span{color:#70827e;font-weight:600;font-size:12px!important}.course-detail-fixed .course-builder-stats article>b{color:#234d47;font-weight:700}.course-detail-fixed .acd-module-index,.course-detail-fixed .acd-lesson-index{font-weight:600}.course-detail-fixed .acd-module-count,.course-detail-fixed .acd-curriculum-heading>b{color:#5d716d;font-weight:600;font-size:12px!important}.course-detail-fixed .acd-lesson-name strong{color:#294a45;font-weight:600;font-size:14px!important}.course-detail-fixed .acd-lesson-info>span{color:#526c67;font-weight:600;font-size:12px!important}.course-detail-fixed .acd-lesson-tags>em{letter-spacing:.025em;font-weight:700;font-size:10px!important}.course-detail-fixed .status-badge{letter-spacing:.015em;font-weight:700;font-size:10px!important}.course-detail-fixed .acd-add-lesson>header strong,.course-detail-fixed .acd-add-module>header strong{color:#355953;font-weight:650;font-size:14px!important}.course-detail-fixed .course-settings-actions>span{font-weight:400;font-size:12px!important}.admin-content .course-detail-fixed .course-settings-actions button{font-weight:700;color:#fff!important;background:#176f67!important;border:1px solid #176f67!important;font-size:12px!important;box-shadow:0 6px 14px #176f671a!important}.admin-content .course-detail-fixed .course-settings-actions button:hover{background:#105f58!important;border-color:#105f58!important}.admin-content .course-detail-fixed .acd-add-lesson-fields button{font-weight:650;color:#fff!important;background:#487c75!important;border:1px solid #487c75!important;font-size:12px!important}.admin-content .course-detail-fixed .acd-add-lesson-fields button:hover{background:#376a64!important;border-color:#376a64!important}.admin-content .course-detail-fixed .acd-add-module button{font-weight:700;color:#176f67!important;background:#edf7f4!important;border:1px solid #8dbab3!important;font-size:12px!important}.admin-content .course-detail-fixed .acd-add-module button:hover{color:#fff!important;background:#176f67!important;border-color:#176f67!important}.course-detail-fixed .acd-lesson>a{color:#496a65;background:#fff;border-color:#ccdcd9;font-weight:600;font-size:12px!important}.course-detail-fixed .acd-lesson>a:hover,.course-detail-fixed .acd-lesson>a:focus-visible{color:#fff;background:#5d8f88;border-color:#5d8f88;outline:none}.course-detail-fixed .course-builder-actions>a{color:#466762;background:#fff;border-color:#cbdcd8;font-weight:600;font-size:12px!important}.course-detail-fixed .course-builder-actions>a:hover{color:#fff;background:#4f817a;border-color:#4f817a}@media (max-width:700px){.course-detail-fixed .course-builder-identity h1{font-size:25px!important}.course-detail-fixed .course-settings-card h2,.course-detail-fixed .acd-curriculum-heading h2{font-size:19px!important}.course-detail-fixed .acd-module h3{font-size:16px!important}}.admin-markdown-editor{min-width:0}.admin-milkdown-root{background:#fff;border:1px solid #d7e3e0;border-radius:10px;min-height:160px;transition:border-color .18s,box-shadow .18s;overflow:visible;box-shadow:0 1px 2px #174f4805}.admin-milkdown-root:focus-within{border-color:#69a99f;box-shadow:0 0 0 3px #69a99f22}.admin-content .milkdown{border-radius:inherit;background:#fff;min-height:158px}.admin-content .milkdown .ProseMirror{color:#314c47;min-height:158px;font-family:var(--sans);outline:none;padding:16px 18px;font-size:14px;line-height:1.7}.admin-content .milkdown .ProseMirror h1,.admin-content .milkdown .ProseMirror h2,.admin-content .milkdown .ProseMirror h3{color:#234c46;font-family:var(--display);font-weight:400}.admin-content .milkdown .ProseMirror p{margin:0 0 9px}.admin-content .milkdown .ProseMirror blockquote{color:#526d68;background:#f4f9f7;border-left:3px solid #69a99f;margin:12px 0;padding:9px 13px}.admin-content .milkdown .ProseMirror a{color:#176f67;text-decoration:underline}.admin-content .milkdown .milkdown-toolbar{background:#f8fbfa;border-color:#d7e3e0;box-shadow:0 8px 22px #174f4814}.admin-content .milkdown button{font-weight:400!important}.admin-content .milkdown [data-placeholder]:before{color:#92a29e}.admin-content label:has(>textarea[data-markdown-editor=true]){min-width:0}.admin-content .course-settings-card .setting-description{grid-column:1/-1}.admin-content .form-grid>label:has(>textarea[name=description]){grid-column:1/-1}.admin-content .lesson-content-main>label:has(>textarea[name=intro]){color:#405c58;font-family:var(--display);flex-direction:column;gap:7px;margin:16px 0 4px;font-size:13px;display:flex}.admin-content .lesson-content-main>label:has(>textarea[name=intro]) .admin-milkdown-root{min-height:190px}:is(.admin-content .lesson-content-main>label:has(>textarea[name=intro]) .milkdown,.admin-content .lesson-content-main>label:has(>textarea[name=intro]) .ProseMirror){min-height:188px}.admin-content .bilingual-grid:has(textarea[name=explanationJa],textarea[name=explanationVi]){grid-template-columns:1fr;gap:14px;padding-top:4px}.admin-content .bilingual-grid:has(textarea[name=explanationJa],textarea[name=explanationVi]) label{min-width:0}.admin-content .bilingual-grid:has(textarea[name=explanationJa],textarea[name=explanationVi]) .admin-milkdown-root{min-height:190px}:is(.admin-content .bilingual-grid:has(textarea[name=explanationJa],textarea[name=explanationVi]) .milkdown,.admin-content .bilingual-grid:has(textarea[name=explanationJa],textarea[name=explanationVi]) .ProseMirror){min-height:188px}.admin-content :is(.catalog-form,.vocab-settings-form,.grammar-topic-fields,.grammar-modal-field-grid)>label:has(>textarea[data-markdown-editor=true]){width:100%;min-width:0}.admin-content :is(.catalog-form,.vocab-settings-form)>label:has(>textarea[data-markdown-editor=true]) .admin-milkdown-root{min-height:175px}@media (max-width:700px){.admin-content .lesson-content-main>label:has(>textarea[name=intro]){margin-top:13px}.admin-content .form-grid>label:has(>textarea[name=description]){grid-column:auto}}.acd-edit-module{background:#fbfdfc;border-bottom:1px solid #e4ecea;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:10px;padding:13px 18px;display:grid}.acd-edit-module label{color:#49635f;font-family:var(--display);flex-direction:column;gap:5px;font-weight:700;display:flex}.acd-edit-module input{width:100%;height:39px}.admin-content .acd-edit-module button{white-space:nowrap;cursor:pointer;border-radius:8px;height:39px;padding:0 14px;font-weight:700;transition:color .18s,border-color .18s,background-color .18s;color:#176f67!important;background:#edf7f4!important;border:1px solid #8dbab3!important}.admin-content .acd-edit-module button:hover{color:#fff!important;background:#176f67!important;border-color:#176f67!important}.admin-content .acd-edit-module button:focus-visible{outline-offset:2px;outline:3px solid #69b6ad55}@media (max-width:760px){.acd-edit-module{grid-template-columns:1fr 1fr}.acd-edit-module button{grid-column:1/-1}}@media (max-width:480px){.acd-edit-module{grid-template-columns:1fr;padding:12px 13px}.acd-edit-module button{grid-column:auto}}.grammar-point-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:9px;margin-top:2px;display:flex}.grammar-point-actions>button{min-height:40px;padding:0 16px}.grammar-point-actions .admin-delete-trigger{justify-content:center;align-items:center;display:inline-flex}.grammar-delete-form{display:none}.grammar-point-card{background:#fff;border:1px solid #dbe6e3;border-radius:15px;overflow:hidden;box-shadow:0 2px 8px #262c400a}.grammar-point-card[open]{border-color:#9fc7c0}.grammar-point-card>summary{cursor:pointer;grid-template-columns:36px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:14px 16px;list-style:none;transition:background-color .18s;display:grid}.grammar-point-card>summary::-webkit-details-marker{display:none}.acd-module>summary::-webkit-details-marker{display:none}.grammar-point-card>summary:hover,.acd-module>summary:hover{background:#f8fbfa}.grammar-point-card>summary>span{color:#176f67;background:#e7f3f0;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.grammar-point-card>summary>div{min-width:0}.grammar-point-card h3,.grammar-point-card summary p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.grammar-point-card summary p{color:#718581;margin-top:3px}.grammar-point-card>summary>svg,.acd-module>summary>svg{color:#7b8e8a;width:16px;transition:transform .2s}.grammar-point-card[open]>summary>svg,.acd-module[open]>summary>svg{transform:rotate(90deg)}.grammar-point-card-body{border-top:1px solid #e5edeb;padding:0 16px 16px}.grammar-point-card-body .grammar-point-form{box-shadow:none;border:0;border-radius:0;padding:16px 0 12px}.acd-module>summary{cursor:pointer;background:#f7faf9;border-bottom:0;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:15px 18px;list-style:none;transition:background-color .18s;display:grid}.acd-module[open]>summary{border-bottom:1px solid #e4ecea}.acd-module>summary>div{overflow:hidden}.acd-module>summary p{color:#778b87;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}@media (max-width:760px){.grammar-point-card>summary{grid-template-columns:30px minmax(0,1fr) 18px}.grammar-point-card>summary>.status-badge{display:none}.grammar-point-card-body{padding:0 12px 12px}.grammar-point-card-body .grammar-point-form{grid-template-columns:1fr}.grammar-point-card-body .grammar-point-form .wide{grid-column:auto}.acd-module>summary{grid-template-columns:38px minmax(0,1fr) 18px;padding:13px}.acd-module-count{grid-column:2;width:max-content}.acd-module>summary>svg{grid-area:1/3/3}}.grammar-lesson-modern{background:linear-gradient(#f2f6ff 0,#f8fafc 420px);min-height:calc(100vh - 72px);padding:28px}.grammar-lesson-modern .grammar-detail-wrap{max-width:1280px}.grammar-modern-breadcrumb{color:#64748b;align-items:center;gap:9px;margin-bottom:16px;font-size:13px;display:flex}.grammar-modern-breadcrumb a{color:#4338ca;font-weight:700}.grammar-modern-breadcrumb strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grammar-modern-hero{background:linear-gradient(125deg,#312e81 0%,#4338ca 55%,#6366f1 100%);border:1px solid #c7d2fe;border-radius:26px;justify-content:space-between;align-items:center;min-height:290px;padding:42px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #312e8124}.grammar-modern-hero:before,.grammar-modern-hero:after{content:"";border:1px solid #ffffff20;border-radius:999px;position:absolute}.grammar-modern-hero:before{width:330px;height:330px;bottom:-140px;right:-80px}.grammar-modern-hero:after{width:210px;height:210px;top:-100px;right:170px}.grammar-modern-hero-copy{z-index:1;max-width:770px;position:relative}.grammar-modern-hero-copy>span{color:#c7d2fe;letter-spacing:.14em;font-size:11px;font-weight:800}.grammar-modern-hero-copy h1{color:#fff;letter-spacing:.01em;margin:10px 0 0;font-family:Noto Serif JP,serif;line-height:1.3;font-size:38px!important}.grammar-modern-hero-copy h2{color:#e0e7ff;margin:3px 0 0;font-size:21px!important}.grammar-modern-hero-copy>p{color:#e0e7ff;max-width:680px;margin:14px 0 0;line-height:1.7;font-size:15px!important}.grammar-modern-hero-copy>div{gap:10px;margin-top:24px;display:flex}.grammar-modern-hero-copy>div>b{color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:9px;min-height:48px;padding:8px 13px;font-size:20px;display:flex}.grammar-modern-hero-copy>div b small{color:#c7d2fe;font-size:11px;font-weight:600;display:block}.grammar-modern-hero-copy>div svg{width:21px}.grammar-modern-hero-mark{z-index:1;background:#ffffff12;border:1px solid #ffffff28;border-radius:28px;place-items:center;width:150px;height:150px;display:grid;position:relative;transform:rotate(3deg);box-shadow:inset 0 1px #ffffff24}.grammar-modern-hero-mark span{color:#fff;font-family:Noto Serif JP,serif;font-size:70px;line-height:1}.grammar-modern-hero-mark small{color:#c7d2fe;letter-spacing:.18em;font-size:10px;font-weight:800}.grammar-modern-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:20px;margin-top:22px;display:grid}.grammar-modern-toc{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:20px;position:sticky;top:90px;box-shadow:0 10px 30px #3341550a}.grammar-modern-toc>span{color:#4f46e5;letter-spacing:.12em;font-size:10px;font-weight:800}.grammar-modern-toc>p{color:#64748b;margin:4px 0 15px;font-size:12px!important}.grammar-modern-toc nav{flex-direction:column;gap:5px;display:flex}.grammar-modern-toc a{color:#475569;border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:8px;transition:background-color .18s,color .18s;display:grid}.grammar-modern-toc i{color:#6366f1;background:#eef2ff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;font-weight:800;display:grid}.grammar-modern-toc b{text-overflow:ellipsis;white-space:nowrap;font-family:Noto Serif JP,serif;font-size:13px;overflow:hidden}.grammar-modern-list{flex-direction:column;gap:16px;min-width:0;display:flex}.grammar-modern-list>article{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:26px;scroll-margin-top:90px;box-shadow:0 12px 32px #3341550a}.grammar-modern-list>article>header{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.grammar-modern-list>article>header>span{color:#4338ca;background:#eef2ff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:grid}.grammar-modern-list>article>header small{color:#6366f1;letter-spacing:.13em;font-weight:800;font-size:9px!important}.grammar-modern-list h2{color:#b72806;margin:3px 0 0;line-height:1.4}.grammar-modern-list>article>header p{color:#64748b;margin:2px 0 0}.grammar-modern-meaning{background:#f8faff;border:1px solid #e0e7ff;border-radius:14px;margin-top:20px;padding:18px 20px}.grammar-modern-meaning>span,.grammar-modern-list blockquote>header>span{color:#4f46e5;letter-spacing:.12em;font-weight:800;font-size:10px!important}.grammar-modern-meaning h3{color:#312e81;margin:6px 0 3px;font-size:18px!important}.grammar-modern-meaning p{color:#475569;margin:6px 0 0;line-height:1.7}.grammar-modern-list blockquote{background:#f6fdf8;border:0;border-left:4px solid #22c55e;border-radius:0 14px 14px 0;margin:14px 0 0;padding:19px 20px}.grammar-modern-list blockquote>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.grammar-modern-list blockquote>b,.grammar-modern-list blockquote>small,.grammar-modern-list blockquote>p{display:block}.grammar-modern-list blockquote>b{color:#172554;margin-top:10px;font-size:15px;line-height:1.65}.grammar-modern-list blockquote>small{color:#64748b;margin-top:2px}.grammar-modern-list blockquote>p{color:#334155;margin:8px 0 0}.grammar-recorded-audio{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;margin-top:12px;padding:10px 14px}.grammar-recorded-audio summary{color:#475569;cursor:pointer;font-size:12px;font-weight:700}.grammar-recorded-audio audio{width:100%;height:38px;margin-top:10px}@media (max-width:900px){.grammar-modern-hero{padding:34px}.grammar-modern-hero-mark{width:120px;height:120px}.grammar-modern-layout{grid-template-columns:1fr}.grammar-modern-toc{position:static}.grammar-modern-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:620px){.grammar-lesson-modern{padding:16px}.grammar-modern-hero{border-radius:20px;min-height:0;padding:27px 22px}.grammar-modern-hero-copy h1{font-size:29px!important}.grammar-modern-hero-copy h2{font-size:18px!important}.grammar-modern-hero-mark{display:none}.grammar-modern-hero-copy>div{flex-direction:column;align-items:stretch}.grammar-modern-hero-copy>div>b{width:max-content}.grammar-modern-toc nav{grid-template-columns:1fr}.grammar-modern-list>article{padding:18px}.grammar-modern-list>article>header{grid-template-columns:40px minmax(0,1fr)}.grammar-modern-list>article>header>span{width:38px;height:38px}.grammar-modern-list>article>header>.japanese-speech-button{grid-column:2;width:100%}.grammar-modern-list h2{font-size:18px!important}.grammar-modern-meaning,.grammar-modern-list blockquote{padding:16px}}@media (prefers-reduced-motion:reduce){.grammar-modern-toc a,.grammar-lesson-modern .japanese-speech-button{transition:none}}.grammar-lesson-modern{background:linear-gradient(#edf7f4 0,#f7faf9 420px)}.grammar-modern-breadcrumb a{color:#176f67}.grammar-modern-breadcrumb span{color:#9fc7c0}.grammar-modern-hero{background:linear-gradient(125deg,#174f48 0%,#176f67 56%,#3d9186 100%);border-color:#8bbdb5;box-shadow:0 22px 55px #174f4826}.grammar-modern-hero-copy>span,.grammar-modern-hero-copy h2,.grammar-modern-hero-copy>p,.grammar-modern-hero-copy>div b small,.grammar-modern-hero-mark small{color:#d5ebe7}.grammar-modern-toc>span{color:#176f67}.grammar-modern-toc a:hover{color:#145d56;background:#e7f3f0}.grammar-modern-toc i,.grammar-modern-list>article>header>span{color:#176f67;background:#e7f3f0}.grammar-modern-list>article>header small{color:#438078}.grammar-modern-meaning{background:#f3f8f6;border-color:#d5e8e4}.grammar-modern-meaning>span,.grammar-modern-list blockquote>header>span{color:#176f67}.grammar-modern-meaning h3{color:#174f48}.grammar-modern-list blockquote{background:#f1f8f6;border-left-color:#3d9186}.grammar-lesson-modern .japanese-speech-button{color:#176f67;background:#e7f3f0;border-color:#b8d7d1}.grammar-lesson-modern .japanese-speech-button:hover{background:#dcefeb;border-color:#69a99f}.grammar-lesson-modern .japanese-speech-button.speaking{color:#fff;background:#176f67}.grammar-modern-list>article>header>.japanese-speech-button{border-radius:12px;width:40px;height:40px}.grammar-modern-list blockquote .japanese-speech-button{border-radius:9px;width:32px;height:32px}.grammar-modern-list .japanese-speech-button svg{width:20px;margin:0 auto}.grammar-modern-list blockquote .japanese-speech-button svg{width:17px}.grammar-modern-list .japanese-speech-button:hover{color:#fff;background:#397e74;border-color:#77afa6;transform:translateY(-1px)}.grammar-modern-list .japanese-speech-button:focus-visible{outline-offset:2px;outline:3px solid #45847b40}@media (max-width:620px){.grammar-lesson-modern{font-family:var(--sans);padding:12px}.grammar-modern-breadcrumb{gap:7px;margin-bottom:12px;font-size:12px}.grammar-modern-hero{padding:22px 18px}.grammar-modern-hero-copy>span{font-family:var(--display);letter-spacing:.1em;font-size:9px}.grammar-modern-hero-copy h1{margin-top:8px;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;font-weight:700;line-height:1.4;font-size:25px!important}.grammar-modern-hero-copy h2{margin-top:5px;line-height:1.45;font-size:17px!important}.grammar-modern-hero-copy>p{margin-top:10px;line-height:1.65;font-size:13px!important}.grammar-modern-hero-copy>div{margin-top:16px}.grammar-modern-hero-copy>div>b{min-height:42px;font-size:17px}.grammar-modern-toc{padding:16px}.grammar-modern-toc b{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;font-size:12px}.grammar-modern-list{gap:12px}.grammar-modern-list>article{border-radius:16px;padding:16px}.grammar-modern-list>article>header{grid-template-columns:38px minmax(0,1fr) 40px;gap:10px}.grammar-modern-list>article>header>span{border-radius:10px;width:36px;height:36px;font-size:11px}.grammar-modern-list>article>header>div{min-width:0}.grammar-modern-list h2{overflow-wrap:anywhere;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;font-weight:700;line-height:1.45;font-size:16px!important}.grammar-modern-list>article>header p{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;font-size:12px;line-height:1.5}.grammar-modern-list>article>header>.japanese-speech-button{grid-area:1/3;justify-self:end;width:40px;min-width:40px;height:40px;margin:0}.grammar-modern-meaning{margin-top:16px;padding:14px}.grammar-modern-meaning h3{line-height:1.5;font-size:16px!important}.grammar-modern-meaning p,.grammar-modern-list blockquote>p{font-size:14px;line-height:1.7}.grammar-modern-list blockquote{padding:14px}.grammar-modern-list blockquote>b{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;font-size:13px;line-height:1.75}.grammar-modern-list blockquote>small{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;font-size:12px;line-height:1.6}.grammar-modern-list blockquote .japanese-speech-button{flex:0 0 36px;width:36px;height:36px;margin-left:auto}}@media (max-width:380px){.grammar-modern-list>article{padding:14px}.grammar-modern-list>article>header{grid-template-columns:34px minmax(0,1fr) 38px;gap:8px}.grammar-modern-list h2{font-size:15px!important}}.grammar-point-card-body .grammar-point-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:18px 2px 2px}.grammar-point-card-body .grammar-point-form .wide{grid-column:1/-1}.grammar-point-card-body .grammar-markdown-field{padding-top:4px}.grammar-point-card-body .grammar-markdown-field .admin-markdown-editor{margin-top:2px}.grammar-point-card-body .grammar-example-field{min-width:0}.grammar-point-card-body .grammar-example-field textarea{resize:vertical;min-height:104px;line-height:1.65}.grammar-point-card-body .grammar-example-field input{align-self:start}.grammar-point-card-body .grammar-point-actions{border-top:1px solid #e4ecea;margin-top:4px;padding-top:15px}.grammar-point-card-body .admin-milkdown-root{min-height:190px}.grammar-point-card-body .milkdown,.grammar-point-card-body .milkdown .ProseMirror{min-height:188px}@media (max-width:760px){.grammar-point-card-body .grammar-point-form{grid-template-columns:1fr;gap:12px}.grammar-point-card-body .grammar-point-form .wide,.grammar-point-card-body .grammar-point-actions{grid-column:auto}.grammar-point-card-body .grammar-point-actions{flex-direction:column;align-items:stretch}.grammar-point-card-body .grammar-point-actions>button{width:100%}}@media (min-width:1181px){.course-detail-fixed .course-builder-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.course-detail-fixed .acd-curriculum{grid-area:1/1}.course-detail-fixed .course-builder-settings{grid-area:1/2;width:340px;position:sticky;top:88px}.course-detail-fixed .course-settings-card{flex-direction:column;align-items:stretch;gap:12px;padding:20px;display:flex}.course-detail-fixed .course-settings-card header{padding-bottom:14px;display:block}.course-detail-fixed .course-settings-card .setting-title,.course-detail-fixed .course-settings-card .setting-title-ja,.course-detail-fixed .course-settings-card .setting-description{grid-column:auto}.course-detail-fixed .course-settings-actions{flex-direction:column;align-items:stretch;gap:10px;padding-top:14px;display:flex}.course-detail-fixed .course-settings-actions>span{margin:0}.course-detail-fixed .course-settings-actions button{width:100%}}.lesson-section-editor{margin-top:6px}.lesson-section-editor>header{border-top:1px solid #e5edeb;justify-content:space-between;align-items:flex-end;gap:20px;padding:18px 0 13px;display:flex}.lesson-section-editor>header>div>span{color:#438078;font-family:var(--display);letter-spacing:.1em;font-weight:700}.lesson-section-editor>header h3{color:#294b46;font-family:var(--display);margin:4px 0 1px;font-weight:700}.lesson-section-editor>header p{color:#768985;margin:0}.admin-content .lesson-section-editor>header>button{height:38px;font-family:var(--display);padding:0 13px;font-weight:700;color:#176f67!important;background:#edf7f4!important;border:1px solid #8dbab3!important}.admin-content .lesson-section-editor>header>button:hover{color:#fff!important;background:#176f67!important;border-color:#176f67!important}.lesson-section-list{flex-direction:column;gap:12px;display:flex}.lesson-section-card{border:1px solid #dbe6e3;border-radius:12px;overflow:hidden;box-shadow:none!important;background:#fbfdfc!important}.lesson-section-card>header{background:#f3f7f6;border-bottom:1px solid #e4ecea;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.lesson-section-card>header strong{color:#355650;font-family:var(--display);font-weight:650}.admin-content .lesson-section-card>header>button:not(.lesson-section-toggle){height:30px;padding:0 9px;font-weight:600;color:#a45547!important;background:#fff!important;border:1px solid #e4cbc6!important}.admin-content .lesson-section-card>header>button:not(.lesson-section-toggle):hover{color:#fff!important;background:#b96252!important;border-color:#c87869!important}.lesson-section-fields{flex-direction:column;gap:12px;padding:15px;display:flex}.lesson-section-fields label{color:#455f5b;font-family:var(--display);grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:6px 4px;font-weight:600;display:grid}.lesson-section-fields .required-mark{color:#b45f51;grid-column:2;display:inline}.lesson-section-fields label>:not(.required-mark){grid-column:1/-1}.lesson-section-fields input,.lesson-section-fields textarea{resize:vertical;border:1px solid #d9e5e2;border-radius:8px;width:100%;padding:10px 11px;background:#fff!important}.lesson-section-fields>div{grid-template-columns:1fr 1fr;gap:11px;display:grid}.lesson-section-fields textarea[lang=ja]{font-family:"Noto Sans JP",var(--sans);line-height:1.7}.lesson-section-empty{text-align:center;background:#f8fbfa;border:1px dashed #bad1cc;border-radius:12px;padding:35px 20px}.lesson-section-empty>b{color:#355650;font-family:var(--display)}.lesson-section-empty p{color:#768985;margin:4px 0 14px}.admin-content .lesson-section-empty>button{height:38px;padding:0 13px;color:#fff!important;background:#487c75!important}.lesson-admin-editor .form-actions>button{min-width:130px;background:#176f67!important}.lesson-admin-editor .form-actions>button:hover{background:#105f58!important}.admin-content .lesson-section-toggle{cursor:pointer;text-align:left;outline:0;flex:1;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:10px;min-width:0;min-height:38px;display:grid;height:auto!important;color:inherit!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.admin-content .lesson-section-toggle:hover,.admin-content .lesson-section-toggle:active{color:inherit!important;background:0 0!important}.lesson-section-toggle>span:first-child{color:#176f67;width:29px;height:29px;font-family:var(--display);background:#deefeb;border-radius:8px;place-items:center;font-weight:700;display:grid}.lesson-section-title{flex-direction:column;min-width:0;display:flex}.lesson-section-title small{color:#758985;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;overflow:hidden}.lesson-section-toggle svg{color:#5f7b76;width:18px;height:18px;transition:transform .2s}.lesson-section-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.admin-content .lesson-section-toggle:focus-visible{outline-offset:3px;outline:3px solid #69b6ad55;border-radius:8px!important}.lesson-section-card>header{transition:border-color .24s}.lesson-section-card.is-collapsed>header{border-bottom-color:#0000}.lesson-section-fields-shell{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),visibility;display:grid;overflow:hidden}.lesson-section-fields-shell>.lesson-section-fields{opacity:1;transform-origin:top;min-height:0;transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(0)}.lesson-section-card.is-collapsed .lesson-section-fields-shell{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.4,0,.2,1),visibility 0s .26s}.lesson-section-card.is-collapsed .lesson-section-fields{opacity:0;transform:translateY(-8px)}@media (prefers-reduced-motion:reduce){.lesson-section-toggle svg,.lesson-section-card>header,.lesson-section-fields-shell,.lesson-section-fields-shell>.lesson-section-fields{transition:none}.lesson-section-card.is-collapsed .lesson-section-fields{transform:none}}@media (max-width:700px){.lesson-section-editor>header{flex-direction:column;align-items:flex-start}.lesson-section-editor>header>button{width:100%}.lesson-section-fields>div{grid-template-columns:1fr}.lesson-section-fields{padding:12px}.lesson-section-card>header{padding:10px 12px}}.lesson-section-order-controls{gap:4px;margin:0 6px;display:flex}.lesson-section-order-controls button{color:#5f7b76;cursor:pointer;background:#fff;border:1px solid #d9e5e2;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.lesson-section-order-controls button:hover:not(:disabled){color:#176f67;border-color:#176f67}.lesson-section-order-controls button:disabled{opacity:.35;cursor:not-allowed}.lesson-turn-list,.lesson-self-check-editor-list{flex-direction:column;gap:10px;display:flex}.lesson-turn-row{background:#fff;border:1px solid #e4ecea;border-radius:9px;grid-template-columns:auto minmax(120px,180px) minmax(240px,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.lesson-turn-row>input:nth-of-type(2){grid-column:3}.lesson-turn-row>input:nth-of-type(3){grid-column:2}.lesson-turn-row>input:nth-of-type(4){grid-column:3}.lesson-turn-row>.lesson-turn-audio{grid-column:2/4}.lesson-turn-row>button:last-child{grid-area:1/4/4}.lesson-turn-speaker{gap:3px;display:flex}.lesson-turn-speaker button{color:#5f7b76;cursor:pointer;background:#fff;border:1px solid #d9e5e2;border-radius:6px;width:26px;height:26px;font-weight:700}.lesson-turn-speaker button.active{color:#fff;background:#176f67;border-color:#176f67}.lesson-turn-row input{border:1px solid #d9e5e2;border-radius:7px;padding:8px 9px}.lesson-self-check-editor-row{background:#fff;border:1px solid #e4ecea;border-radius:9px;grid-template-columns:24px 1fr auto;align-items:start;gap:10px;padding:12px;display:grid}.lesson-self-check-editor-row>span{color:#97a6a3;font-family:var(--display);font-size:10px}.lesson-self-check-editor-row>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lesson-self-check-editor-row label{color:#455f5b;font-family:var(--display);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.lesson-self-check-editor-row textarea{resize:vertical;border:1px solid #d9e5e2;border-radius:7px;padding:8px 9px}.lesson-turn-add,.lesson-self-check-editor-add{color:#176f67;cursor:pointer;background:#edf7f4;border:1px dashed #8dbab3;border-radius:8px;align-self:flex-start;height:34px;padding:0 12px;font-weight:700}@media (max-width:700px){.lesson-turn-row{grid-template-columns:1fr}.lesson-turn-row>*{grid-area:auto/1!important}.lesson-self-check-editor-row>div{grid-template-columns:1fr}}.learner-content .practice-player-v2{background:radial-gradient(circle at 90% 0,#dcefeb 0,#0000 25%),#f3f8f6;min-height:calc(100vh - 72px)}.learner-content .practice-player-shell-v2{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:18px;width:100%;max-width:1440px;margin:0 auto;padding:26px 30px 70px;display:grid}.practice-session-v2{background:#fff;border:1px solid #d8e5e2;border-radius:18px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(260px,390px) auto;align-items:center;gap:25px;padding:21px 24px;animation:.58s cubic-bezier(.22,1,.36,1) both practice-v2-rise;display:grid;box-shadow:0 10px 30px #174f4808}.practice-session-v2>div:first-child{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.practice-session-v2>div:first-child>a{color:#397870;font-family:var(--display);font-weight:700}.practice-session-v2>div:first-child>span{color:#9aaba7}.practice-session-v2>div:first-child>b{color:#718682;font-family:var(--display);font-weight:600}.practice-session-v2 h1{color:#234b46;font-family:var(--display);letter-spacing:-.025em;flex-basis:100%;margin:6px 0 0;font-weight:700;font-size:27px!important}.practice-session-v2 p{color:#778c88;flex-basis:100%;margin:0;font-family:Noto Sans JP,sans-serif}.session-progress-v2{grid-template-columns:1fr auto;align-items:center;gap:7px 11px;display:grid}.session-progress-v2>span{color:#607873;font-family:var(--display);font-weight:600}.session-progress-v2>span>b{color:#245e57}.session-progress-v2>i{background:#deebe8;border-radius:8px;grid-column:1;height:7px;display:block;overflow:hidden}.session-progress-v2>i>b{background:linear-gradient(90deg,#197b72,#51b39d);border-radius:8px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);display:block}.session-progress-v2>strong{color:#197b72;font-family:var(--display);grid-area:1/2/-1;font-size:16px}.practice-session-v2>button{color:#5f7672;height:39px;font-family:var(--display);cursor:pointer;background:#f9fbfa;border:1px solid #d5e1df;border-radius:9px;padding:0 13px;font-weight:650;transition:border-color .2s,color .2s,background-color .2s}.practice-session-v2>button:hover{color:#176f67;background:#edf7f4;border-color:#8db8b2}.learner-content .question-map-v2{background:#fff;border:1px solid #d9e5e2;border-radius:15px;padding:17px;animation:.5s cubic-bezier(.22,1,.36,1) 80ms both practice-v2-rise;position:sticky;top:90px;box-shadow:0 7px 22px #174f4807}.question-map-v2>header{justify-content:space-between;align-items:center;display:flex}.question-map-v2>header small{color:#607a75;letter-spacing:.09em;font-weight:800}.question-map-v2>header>b{color:#197b72;font-family:var(--display)}.question-map-v2>div{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.question-map-v2>div>button{font-family:var(--display);border-radius:9px;font-weight:650;transition:border-color .18s,color .18s,background-color .18s,transform .18s}.question-map-v2>div>button:hover{transform:translateY(-2px)}.question-map-v2>div>button.active{color:#fff;background:#197b72;box-shadow:0 5px 12px #197b7228}.question-map-v2>div>button.correct:not(.active){color:#167252;background:#e5f5ed}.question-map-v2>div>button.wrong:not(.active){color:#a54939;background:#fff0ed}.question-map-v2>footer{border-top:1px solid #e9f0ee;flex-direction:column;gap:10px;margin-top:15px;padding-top:12px;display:flex}.question-map-v2>footer>span{color:#748985;align-items:center;gap:7px;display:flex}.question-map-v2>footer i{background:#dfe9e7;border-radius:50%;width:8px;height:8px}.question-map-v2>footer i.answered{background:#67ad8e}.question-map-v2>footer i.current{background:#197b72}.learner-content .question-stage-v2{background:#fff;border:1px solid #d8e5e2;border-radius:18px;padding:0;animation:.48s cubic-bezier(.22,1,.36,1) both practice-v2-question;overflow:hidden;box-shadow:0 13px 36px #174f480b}.question-stage-v2>.question-meta{background:#f8fbfa;border-bottom:1px solid #e7efed;min-height:60px;padding:11px 24px}.question-stage-v2>.question-meta>span{color:#176f67;background:#e5f3f0;border-radius:7px;padding:6px 9px;font-size:12px!important}.question-stage-v2>.question-meta>i{color:#6e827e;font-size:12px}.question-stage-v2>.question-meta>button{border-radius:8px;transition:border-color .18s,background-color .18s}.question-stage-v2>.listening-media{border-radius:15px;margin:22px 24px 0}.question-stage-v2>.question-prompt{padding:27px 28px 20px}.question-stage-v2>.question-prompt>span{color:#438078;font-family:var(--display);letter-spacing:.09em;font-weight:800}.question-stage-v2>.question-prompt p{color:#263f3c;margin-top:8px;font-weight:600;line-height:1.7;font-size:20px!important}.question-stage-v2>.question-prompt small{font-size:14px!important}.question-stage-v2>.answer-list{gap:9px;padding:0 24px}.question-stage-v2>.answer-list>button{min-height:68px;box-shadow:none;border-radius:12px;transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s}.question-stage-v2>.answer-list>button:hover:not(:disabled){background:#f0f8f6;border-color:#70aaa3;transform:translate(3px);box-shadow:0 5px 15px #174f4808}.question-stage-v2>.answer-list>button.selected{background:#eaf6f3;border-color:#318c82;box-shadow:0 0 0 2px #197b7213}.question-stage-v2>.answer-feedback,.question-stage-v2>.practice-error{margin-inline:24px}.question-stage-v2>.player-actions{margin:26px 24px 0;padding:18px 0 23px}.question-stage-v2>.player-actions button{border-radius:9px;height:42px;transition:border-color .18s,color .18s,background-color .18s,transform .18s}.question-stage-v2>.player-actions button:not(.primary):hover:not(:disabled){color:#176f67;background:#f0f7f5;border-color:#8eb7b1}.question-stage-v2>.player-actions button.primary{background:#197b72;min-width:155px;box-shadow:0 7px 17px #197b7222}.question-stage-v2>.player-actions button.primary:hover:not(:disabled){background:#116a62;transform:translateY(-1px)}@keyframes practice-v2-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes practice-v2-question{0%{opacity:0;transform:translateY(12px)scale(.994)}to{opacity:1;transform:none}}@media (max-width:980px){.learner-content .practice-player-shell-v2{grid-template-columns:1fr;padding-inline:18px}.practice-session-v2{grid-template-columns:1fr auto}.practice-session-v2 .session-progress-v2{grid-area:2/1/auto/-1}.learner-content .question-map-v2{position:static}.question-map-v2>div{padding-bottom:3px;display:flex;overflow-x:auto}.question-map-v2>div>button{flex:0 0 38px}.question-map-v2>footer{display:none}}@media (max-width:620px){.learner-content .practice-player-shell-v2{padding:16px 12px 55px}.practice-session-v2{grid-template-columns:1fr;padding:17px}.practice-session-v2>button{width:100%}.practice-session-v2 h1{font-size:23px!important}.question-stage-v2>.question-meta{flex-wrap:wrap;align-items:flex-start;padding:12px 15px}.question-stage-v2>.question-meta>button{margin-left:0}.question-stage-v2>.listening-media{margin:15px 14px 0}.question-stage-v2>.question-prompt{padding:22px 17px 17px}.question-stage-v2>.question-prompt p{font-size:18px!important}.question-stage-v2>.answer-list{padding:0 14px}.question-stage-v2>.answer-list>button{grid-template-columns:34px minmax(0,1fr) 20px;padding:10px}.question-stage-v2>.answer-feedback,.question-stage-v2>.practice-error{margin-inline:14px}.question-stage-v2>.player-actions{gap:8px;margin-inline:14px}.question-stage-v2>.player-actions button{padding-inline:11px}.question-stage-v2>.player-actions button.primary{min-width:0}}@media (prefers-reduced-motion:reduce){.practice-session-v2,.learner-content .question-map-v2,.learner-content .question-stage-v2{animation:none}.session-progress-v2>i>b,.question-map-v2>div>button,.question-stage-v2>.answer-list>button,.question-stage-v2>.player-actions button{transition:none}}.learner-content .practice-workspace{background:linear-gradient(#eef6f3 0,#f5f8f7 260px 100%);min-height:calc(100vh - 72px)}.practice-workspace-inner{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:18px;width:100%;max-width:1440px;margin:0 auto;padding:24px 30px 72px;display:grid}.practice-workspace-bar{background:#fff;border:1px solid #d6e4e0;border-radius:16px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(280px,420px) auto;align-items:center;gap:28px;padding:20px 23px;animation:.55s cubic-bezier(.22,1,.36,1) both workspace-bar-in;display:grid;box-shadow:0 8px 26px #174f4808}.practice-workspace-bar>div:first-child{grid-template-columns:auto auto 1fr;align-items:center;gap:8px;display:grid}.practice-workspace-bar a{color:#4c716b;font-family:var(--display);font-weight:650;font-size:12px!important}.practice-workspace-bar>div:first-child>span{color:#438078;font-family:var(--display);letter-spacing:.1em;border-left:1px solid #d9e5e2;padding-left:8px;font-weight:800;font-size:11px!important}.practice-workspace-bar h1{color:#234a45;font-family:var(--display);letter-spacing:-.025em;grid-column:1/-1;margin:7px 0 0;font-weight:700;font-size:25px!important}.practice-workspace-bar p{color:#778b87;grid-column:1/-1;margin:0;font-family:Noto Sans JP,sans-serif}.practice-workspace-progress{grid-template-columns:1fr auto;align-items:center;gap:8px 13px;display:grid}.practice-workspace-progress>div{justify-content:space-between;align-items:center;display:flex}.practice-workspace-progress>div span{color:#718581;font-family:var(--display);font-weight:600}.practice-workspace-progress>div b{color:#315f59;font-family:var(--display)}.practice-workspace-progress>i{background:#dfeae8;border-radius:8px;height:8px;display:block;overflow:hidden}.practice-workspace-progress>i>b{background:linear-gradient(90deg,#176f67,#52b39d);border-radius:8px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.practice-workspace-progress>strong{color:#176f67;font-family:var(--display);grid-area:1/2/-1;font-size:17px}.practice-workspace-bar>button{color:#5b7470;height:38px;font-family:var(--display);cursor:pointer;background:#f8fbfa;border:1px solid #d1dfdc;border-radius:9px;padding:0 13px;font-weight:650;transition:all .2s}.practice-workspace-bar>button:hover{color:#9c4f44;background:#fff5f3;border-color:#b66d62}.practice-navigator{background:#fff;border:1px solid #d7e4e1;border-radius:15px;padding:18px;animation:.52s cubic-bezier(.22,1,.36,1) 80ms both workspace-side-in;position:sticky;top:90px;box-shadow:0 7px 22px #174f4807}.practice-navigator>header{justify-content:space-between;align-items:flex-end;display:flex}.practice-navigator header span{color:#4c8079;font-family:var(--display);letter-spacing:.1em;font-weight:800;font-size:10px!important}.practice-navigator h2{color:#345650;font-family:var(--display);margin:3px 0 0;font-size:18px!important}.practice-navigator header>b{color:#176f67;font-family:var(--display);background:#e7f3f0;border-radius:7px;padding:5px 8px}.practice-navigator>div{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px;display:grid}.practice-navigator button{aspect-ratio:1;color:#647b77;font-family:var(--display);cursor:pointer;background:#fafcfb;border:1px solid #dbe5e3;border-radius:9px;place-items:center;font-weight:650;transition:border-color .18s,background-color .18s,color .18s,transform .18s,box-shadow .18s;display:grid;position:relative}.practice-navigator button:hover{border-color:#8eb9b2;transform:translateY(-2px)}.practice-navigator button.active{color:#fff;background:#176f67;border-color:#176f67;box-shadow:0 5px 12px #176f6728}.practice-navigator button.correct:not(.active){color:#167252;background:#e8f6ef;border-color:#b9ddcc}.practice-navigator button.wrong:not(.active){color:#a44f41;background:#fff2ef;border-color:#efd0ca}.practice-navigator button>i{color:#fff;background:#68a88b;border:2px solid #fff;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;font-style:normal;display:grid;position:absolute;bottom:-3px;right:-3px}.practice-navigator button.wrong>i{background:#c56b5b}.practice-navigator>footer{border-top:1px solid #e9efed;flex-direction:column;gap:9px;margin-top:16px;padding-top:13px;display:flex}.practice-navigator footer>span{color:#718581;align-items:center;gap:7px;display:flex}.practice-navigator footer i{background:#6cac8f;border-radius:50%;width:8px;height:8px}.practice-navigator footer i.now{background:#176f67}.practice-question-panel{background:#fff;border:1px solid #d5e3df;border-radius:17px;min-width:0;animation:.46s cubic-bezier(.22,1,.36,1) both workspace-question-in;overflow:hidden;box-shadow:0 12px 34px #174f480b}.practice-question-panel>.question-meta{background:#f8fbfa;border-bottom:1px solid #e5edeb;min-height:61px;padding:11px 25px}.practice-question-panel>.question-meta>span{color:#176f67;background:#e4f2ef;border-radius:7px;padding:6px 9px;font-size:12px!important}.practice-question-panel>.question-meta>i{color:#69807b}.practice-question-panel>.question-meta>button{transition:border-color .18s,background-color .18s,color .18s}.practice-question-panel>.listening-media{border-radius:14px;margin:22px 25px 0}.practice-question-panel>.question-prompt{padding:27px 30px 20px}.practice-question-panel>.question-prompt>span{color:#438078;letter-spacing:.1em;font-weight:800;font-size:11px!important}.practice-question-panel>.question-prompt p{color:#233f3b;margin-top:8px;font-weight:400;line-height:1.72;font-size:15px!important}.practice-question-panel>.question-prompt small{color:#6f8580;font-size:14px!important}.practice-question-panel>.answer-list{gap:10px;padding:0 25px}.practice-question-panel>.answer-list>button{min-height:69px;box-shadow:none;border-color:#d9e4e1;border-radius:12px;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}.practice-question-panel>.answer-list>button:hover:not(:disabled){background:#f2f8f6;border-color:#74aaa3;transform:translate(3px);box-shadow:0 5px 15px #174f4808}.practice-question-panel>.answer-list>button.selected{background:#eaf6f3;border-color:#318c82;box-shadow:0 0 0 2px #176f6712}.practice-question-panel>.answer-feedback,.practice-question-panel>.practice-error{margin-inline:25px}.practice-question-panel>.answer-feedback{animation:.36s cubic-bezier(.22,1,.36,1) both workspace-feedback-in}.practice-question-panel>.player-actions{margin:27px 25px 0;padding:18px 0 24px}.practice-question-panel>.player-actions button{border-radius:9px;height:42px;transition:border-color .18s,color .18s,background-color .18s,transform .18s}.practice-question-panel>.player-actions button:not(.primary):hover:not(:disabled){color:#176f67;background:#f0f7f5;border-color:#8db7b0}.practice-question-panel>.player-actions .primary{background:#176f67;min-width:160px;box-shadow:0 7px 17px #176f6722}.practice-question-panel>.player-actions .primary:hover:not(:disabled){background:#105f58;transform:translateY(-1px)}@keyframes workspace-bar-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes workspace-side-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes workspace-question-in{0%{opacity:0;transform:translateY(14px)scale(.995)}to{opacity:1;transform:none}}@keyframes workspace-feedback-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1000px){.practice-workspace-inner{grid-template-columns:1fr;padding-inline:18px}.practice-workspace-bar{grid-template-columns:1fr auto}.practice-workspace-progress{grid-area:2/1/auto/-1}.practice-navigator{position:static}.practice-navigator>div{padding-bottom:4px;display:flex;overflow-x:auto}.practice-navigator button{flex:0 0 38px}.practice-navigator>footer{display:none}}@media (max-width:620px){.practice-workspace-inner{gap:13px;padding:14px 12px 55px}.practice-workspace-bar{grid-template-columns:1fr;padding:16px}.practice-workspace-bar>button{width:100%}.practice-workspace-bar h1{font-size:22px!important}.practice-workspace-progress>strong{font-size:15px}.practice-navigator{padding:14px}.practice-question-panel>.question-meta{flex-wrap:wrap;align-items:flex-start;padding:12px 14px}.practice-question-panel>.question-meta>button{margin-left:0}.practice-question-panel>.listening-media{margin:14px 13px 0}.practice-question-panel>.question-prompt{padding:22px 17px 17px}.practice-question-panel>.question-prompt p{font-size:18px!important}.practice-question-panel>.answer-list{padding:0 13px}.practice-question-panel>.answer-list>button{grid-template-columns:34px minmax(0,1fr) 20px;padding:10px}.practice-question-panel>.answer-feedback,.practice-question-panel>.practice-error{margin-inline:13px}.practice-question-panel>.player-actions{gap:8px;margin-inline:13px}.practice-question-panel>.player-actions button{padding-inline:10px}.practice-question-panel>.player-actions .primary{min-width:0}}@media (prefers-reduced-motion:reduce){.practice-workspace-bar,.practice-navigator,.practice-question-panel,.practice-question-panel>.answer-feedback{animation:none}.practice-workspace-progress>i>b,.practice-navigator button,.practice-question-panel>.answer-list>button,.practice-question-panel>.player-actions button{transition:none}}.markdown-content{min-width:0;color:inherit;font:inherit;overflow-wrap:anywhere;line-height:1.72}.markdown-content>:first-child{margin-top:0!important}.markdown-content>:last-child{margin-bottom:0!important}.markdown-content p{white-space:normal;margin:0 0 .72em}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:inherit;font-family:var(--display);margin:1em 0 .45em;font-weight:700;line-height:1.35}.markdown-content h1{font-size:1.45em}.markdown-content h2{font-size:1.28em}.markdown-content h3{font-size:1.12em}.markdown-content ul,.markdown-content ol{margin:.65em 0 .85em;padding-left:1.55em}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin:.26em 0}.markdown-content li>p{margin:0}.markdown-content blockquote{color:#526d68;background:#f2f8f6;border-left:3px solid #69a99f;border-radius:0 8px 8px 0;margin:.8em 0;padding:.65em .9em}.markdown-content code{color:#285f58;background:#f4f8f7;border:1px solid #dbe7e4;border-radius:5px;padding:.12em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.markdown-content pre{color:#e8f4f1;background:#183d38;border:1px solid #d7e3e0;border-radius:9px;margin:.8em 0;padding:13px 15px;overflow:auto}.markdown-content pre code{color:inherit;background:0 0;border:0;padding:0}.markdown-content a{color:#176f67;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.markdown-content hr{border:0;border-top:1px solid #dce7e4;margin:1em 0}.markdown-content table{border-collapse:collapse;width:max-content;max-width:100%;margin:.8em 0;display:block;overflow-x:auto}.markdown-content th,.markdown-content td{text-align:left;border:1px solid #d7e3e0;padding:8px 11px}.markdown-content th{color:#315b55;background:#edf5f3}.markdown-content-compact p{margin:0}.question-translation,.option-translation{color:#6f8580;margin-top:4px;font-size:14px;font-weight:400}.translation-review{background:#f4f8f7;border-top:1px solid #dce7e4;border-radius:0 0 10px 10px;margin-top:22px;padding:16px 18px}.translation-review>b{color:#438078;font-family:var(--display);letter-spacing:.1em;margin-bottom:7px;font-size:10px;display:block}.answer-list button>span,.exam-option-list button>span{min-width:0}.answer-list .markdown-content,.exam-option-list .markdown-content{text-align:left}.answer-feedback>.markdown-content,.listening-transcript>.markdown-content{margin-top:9px}.exam-review summary>.markdown-content{grid-column:1/-1;margin-top:6px}.admin-content .bilingual-grid:has(textarea[name=promptJa],textarea[name=promptVi],textarea[name=transcriptJa],textarea[name=transcriptVi]){grid-template-columns:1fr;gap:14px}.admin-content .bilingual-grid:has(textarea[name=promptJa],textarea[name=promptVi],textarea[name=transcriptJa],textarea[name=transcriptVi]) label{min-width:0}.admin-content .bilingual-grid:has(textarea[name=promptJa],textarea[name=promptVi]) .admin-milkdown-root{min-height:210px}:is(.admin-content .bilingual-grid:has(textarea[name=promptJa],textarea[name=promptVi]) .milkdown,.admin-content .bilingual-grid:has(textarea[name=promptJa],textarea[name=promptVi]) .ProseMirror){min-height:208px}.admin-content .transcript-fields .admin-milkdown-root{min-height:180px}.admin-content .transcript-fields .milkdown,.admin-content .transcript-fields .ProseMirror{min-height:178px}.learner-content .exam-workspace{background:linear-gradient(#eef5f3 0,#f5f8f7 280px);min-height:calc(100vh - 72px)}.exam-workspace-inner{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:18px;width:100%;max-width:1440px;margin:0 auto;padding:24px 30px 72px;display:grid}.exam-session-bar{background:#fff;border:1px solid #d5e3df;border-radius:16px;grid-column:1/-1;grid-template-columns:minmax(240px,1fr) minmax(230px,340px) auto auto;align-items:center;gap:24px;padding:19px 22px;animation:.52s cubic-bezier(.22,1,.36,1) both exam-bar-enter;display:grid;box-shadow:0 8px 25px #174f4808}.exam-session-bar>div:first-child>span{color:#438078;font-family:var(--display);letter-spacing:.11em;font-weight:800;font-size:10px!important}.exam-session-bar h1{color:#234a45;font-family:var(--display);letter-spacing:-.025em;margin:4px 0 1px;font-weight:700;font-size:24px!important}.exam-session-bar p{color:#728682;margin:0;font-size:13px!important}.exam-session-progress>div{color:#6b807c;justify-content:space-between;align-items:center;display:flex}.exam-session-progress>div span,.exam-session-progress>div b{font-family:var(--display);font-weight:650}.exam-session-progress>div b{color:#315e58}.exam-session-progress>i{background:#dfeae7;border-radius:8px;height:8px;margin-top:8px;display:block;overflow:hidden}.exam-session-progress>i>b{background:linear-gradient(90deg,#176f67,#54b39d);border-radius:8px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);display:block}.exam-clock{text-align:center;background:#f8fbfa;border:1px solid #d8e4e1;border-radius:10px;flex-direction:column;min-width:125px;padding:8px 11px;display:flex}.exam-clock small{color:#6c817d;font-family:var(--display);letter-spacing:.07em;font-weight:800;font-size:9px!important}.exam-clock>b{color:#244f49;font-family:var(--display);letter-spacing:.04em;margin-top:1px;font-size:22px}.exam-clock.urgent{background:#fff3f1;border-color:#e8aaa0;animation:1.4s ease-in-out infinite exam-clock-pulse}.exam-clock.urgent>b{color:#b44f40}.exam-save-state{color:#52746e;font-family:var(--display);white-space:nowrap;padding-left:16px;font-weight:650;position:relative}.exam-save-state:before{content:"";background:#58a982;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.exam-save-state.saving:before{background:#d59b42;animation:.8s ease-in-out infinite exam-saving-pulse}.exam-navigator{background:#fff;border:1px solid #d7e4e1;border-radius:15px;padding:18px;animation:.5s cubic-bezier(.22,1,.36,1) 70ms both exam-nav-enter;position:sticky;top:90px;box-shadow:0 7px 22px #174f4807}.exam-navigator>header{justify-content:space-between;align-items:flex-end;display:flex}.exam-navigator header span{color:#4d8079;font-family:var(--display);letter-spacing:.1em;font-weight:800;font-size:10px!important}.exam-navigator h2{color:#345650;font-family:var(--display);margin:3px 0 0;font-size:18px!important}.exam-navigator header>b{color:#176f67;font-family:var(--display);background:#e7f3f0;border-radius:7px;padding:5px 8px}.exam-navigator>nav{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px;display:grid}.exam-navigator nav button{aspect-ratio:1;color:#647b77;font-family:var(--display);cursor:pointer;background:#fafcfb;border:1px solid #dae5e2;border-radius:9px;place-items:center;font-weight:650;transition:all .18s;display:grid;position:relative}.exam-navigator nav button:hover{border-color:#8eb9b2;transform:translateY(-2px)}.exam-navigator nav button.answered:not(.active){color:#167252;background:#e8f6ef;border-color:#b8dccc}.exam-navigator nav button.active{color:#fff;background:#176f67;border-color:#176f67;box-shadow:0 5px 12px #176f6728}.exam-navigator nav button>i{background:#dc8c36;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.exam-nav-legend{border-top:1px solid #e8efed;flex-direction:column;gap:8px;margin-top:15px;padding-top:12px;display:flex}.exam-nav-legend>span{color:#718581;align-items:center;gap:7px;display:flex}.exam-nav-legend i{background:#68ac8d;border-radius:50%;width:8px;height:8px}.exam-nav-legend i.current{background:#176f67}.exam-nav-legend i.review{background:#dc8c36}.exam-submit-button{color:#a54638;width:100%;height:41px;font-family:var(--display);cursor:pointer;background:#fff4f1;border:1px solid #d88b7d;border-radius:9px;margin-top:17px;font-weight:700;transition:all .2s}.exam-submit-button:hover:not(:disabled){color:#fff;background:#b95445;border-color:#b95445}.exam-submit-button:disabled{cursor:not-allowed;opacity:.55}.exam-paper{background:#fff;border:1px solid #d5e3df;border-radius:17px;min-width:0;animation:.44s cubic-bezier(.22,1,.36,1) both exam-paper-enter;overflow:hidden;box-shadow:0 12px 34px #174f480b}.exam-paper-meta{background:#f8fbfa;border-bottom:1px solid #e5edeb;align-items:center;gap:10px;min-height:61px;padding:11px 25px;display:flex}.exam-paper-meta>span{color:#176f67;font-family:var(--display);background:#e4f2ef;border-radius:7px;padding:6px 9px;font-weight:800}.exam-paper-meta>i{color:#6d817d;font-style:normal}.exam-paper-meta>button{color:#657b77;height:34px;font-family:var(--display);cursor:pointer;background:#fff;border:1px solid #d7e2df;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-weight:650;transition:all .18s;display:inline-flex}.exam-paper-meta>button svg{width:16px;height:16px}.exam-paper-meta>button:hover,.exam-paper-meta>button.flagged{color:#9b611d;background:#fff7e9;border-color:#dda15c}.exam-paper-prompt{padding:29px 30px 22px}.exam-paper-prompt>span{color:#438078;font-family:var(--display);letter-spacing:.1em;font-weight:800;font-size:10px!important}.exam-paper-prompt>p{color:#233f3b;margin:8px 0 0;font-family:Noto Sans JP,sans-serif;font-weight:600;line-height:1.72;font-size:20px!important}.exam-paper-prompt>small{color:#70847f;margin-top:9px;line-height:1.6;display:block;font-size:14px!important}.exam-option-list{flex-direction:column;gap:10px;padding:0 25px;display:flex}.exam-option-list>button{color:#263f3c;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e4e1;border-radius:12px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:69px;padding:11px 15px;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:grid}.exam-option-list>button:hover{background:#f2f8f6;border-color:#75aaa3;transform:translate(3px);box-shadow:0 5px 15px #174f4808}.exam-option-list>button.selected{background:#eaf6f3;border-color:#318c82;box-shadow:0 0 0 2px #176f6712}.exam-option-list>button>b{color:#47645f;width:34px;height:34px;font-family:var(--display);background:#edf3f1;border-radius:9px;place-items:center;display:grid}.exam-option-list>button.selected>b{color:#fff;background:#176f67}.exam-option-list>button>span{font-family:Noto Sans JP,sans-serif;line-height:1.5;font-size:17px!important}.exam-option-list>button small{color:#788c88;font-family:var(--sans);margin-top:3px;display:block;font-size:13px!important}.exam-option-list>button>i{border:1px solid #cbdad7;border-radius:50%;width:17px;height:17px}.exam-option-list>button.selected>i{border:5px solid #176f67}.exam-paper-actions{border-top:1px solid #e7eeec;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:28px 25px 0;padding:18px 0 24px;display:grid}.exam-paper-actions>span{color:#788b87}.exam-paper-actions>button{color:#5e7671;width:max-content;height:42px;font-family:var(--display);cursor:pointer;background:#fff;border:1px solid #d7e3e0;border-radius:9px;padding:0 15px;font-weight:700;transition:all .18s}.exam-paper-actions>button:hover:not(:disabled){color:#176f67;background:#f0f7f5;border-color:#8db7b0}.exam-paper-actions>button.primary{color:#fff;background:#176f67;border-color:#176f67;justify-self:end;box-shadow:0 7px 17px #176f6722}.exam-paper-actions>button.primary:hover:not(:disabled){background:#105f58;transform:translateY(-1px)}.exam-paper-actions>button:disabled{cursor:not-allowed;opacity:.45}@keyframes exam-bar-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes exam-nav-enter{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes exam-paper-enter{0%{opacity:0;transform:translateY(14px)scale(.995)}to{opacity:1;transform:none}}@keyframes exam-clock-pulse{50%{box-shadow:0 0 0 4px #c95c4b0d}}@keyframes exam-saving-pulse{50%{opacity:.35}}@media (max-width:1080px){.exam-workspace-inner{grid-template-columns:1fr;padding-inline:18px}.exam-session-bar{grid-template-columns:1fr auto auto}.exam-session-progress{grid-area:2/1/auto/-1}.exam-navigator{position:static}.exam-navigator>nav{padding-bottom:4px;display:flex;overflow-x:auto}.exam-navigator nav button{flex:0 0 38px}.exam-nav-legend{display:none}.exam-submit-button{max-width:220px}}@media (max-width:680px){.exam-workspace-inner{gap:13px;padding:14px 12px 55px}.exam-session-bar{grid-template-columns:1fr auto;padding:16px}.exam-session-bar>div:first-child{grid-column:1/-1}.exam-session-bar h1{font-size:22px!important}.exam-save-state{grid-column:1}.exam-clock{grid-area:2/2}.exam-session-progress{grid-area:3/1/auto/-1}.exam-navigator{padding:14px}.exam-submit-button{max-width:none}.exam-paper-meta{flex-wrap:wrap;align-items:flex-start;padding:12px 14px}.exam-paper-meta>button{margin-left:0}.exam-paper-prompt{padding:22px 17px 17px}.exam-paper-prompt>p{font-size:18px!important}.exam-option-list{padding:0 13px}.exam-option-list>button{grid-template-columns:34px minmax(0,1fr) 18px;padding:10px}.exam-paper-actions{grid-template-columns:1fr 1fr;gap:8px;margin-inline:13px}.exam-paper-actions>span{display:none}.exam-paper-actions>button{width:100%;padding-inline:9px}.exam-paper-actions>button.primary{justify-self:stretch}}@media (prefers-reduced-motion:reduce){.exam-session-bar,.exam-navigator,.exam-paper,.exam-clock.urgent{animation:none}.exam-session-progress>i>b,.exam-navigator nav button,.exam-option-list>button,.exam-paper-actions>button{transition:none}}.learner-content .exam-library-v2{background:radial-gradient(circle at 92% 0,#dceeea 0,#0000 24%),#f3f8f6;min-height:calc(100vh - 72px);padding:30px}.exam-library-v2 .exam-library-wrap{width:100%;max-width:1440px;margin:0 auto}.exam-library-v2 .exam-library-heading{color:#fff;background:linear-gradient(125deg,#105f59,#247f76 58%,#36998c);border-radius:23px;justify-content:space-between;align-items:center;gap:34px;min-height:280px;padding:38px 42px;animation:.58s cubic-bezier(.22,1,.36,1) both exam-lib-rise;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #125f5824}.exam-library-v2 .exam-library-heading:before{content:"試";color:#ffffff09;font-family:Noto Serif JP,serif;font-size:260px;font-weight:700;position:absolute;top:-85px;right:330px}.exam-library-v2 .exam-library-heading:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-160px;right:-100px;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff04}.exam-library-v2 .exam-library-heading>div{z-index:1;position:relative}.exam-library-v2 .exam-library-heading>div:first-child>span,.exam-library-v2 .exam-library-title>div>span{color:#bfe5de;font-family:var(--display);letter-spacing:.12em;font-weight:800;font-size:11px!important}.exam-library-v2 .exam-library-heading h1{color:#fff;font-family:var(--display);letter-spacing:-.035em;margin:7px 0 5px;font-weight:700;font-size:39px!important}.exam-library-v2 .exam-library-heading p{color:#d7ece8;max-width:670px;margin:0;line-height:1.65;font-size:15px!important}.exam-library-v2 .exam-library-heading>div:last-child{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff0c;border:1px solid #ffffff20;border-radius:15px;grid-template-columns:repeat(3,1fr);min-width:390px;padding:9px;display:grid}.exam-library-v2 .exam-library-heading>div:last-child>article{text-align:center;background:0 0;border:0;flex-direction:column;min-width:0;padding:12px;display:flex}.exam-library-v2 .exam-library-heading>div:last-child>article+article{border-left:1px solid #ffffff1d}.exam-library-v2 .exam-library-heading article>b{color:#fff;font-family:var(--display);font-size:25px}.exam-library-v2 .exam-library-heading article>span{color:#d5eae6;font-size:12px!important}.exam-library-v2 .exam-continue-card{color:#294b46;background:linear-gradient(120deg,#fff,#f1f8f6);border:1px solid #cfe0dc;border-radius:19px;grid-template-columns:minmax(0,1fr) 310px;min-height:205px;margin-top:24px;animation:.58s cubic-bezier(.22,1,.36,1) 80ms both exam-lib-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #174f4809}.exam-library-v2 .exam-continue-card>div:first-child{padding:28px 32px}.exam-library-v2 .exam-continue-card>div:first-child>span{color:#438078;font-family:var(--display);letter-spacing:.1em;font-weight:800}.exam-library-v2 .exam-continue-card h2{color:#234b46;font-family:var(--display);margin:9px 0 5px;font-size:24px!important}.exam-library-v2 .exam-continue-card p{color:#6b817c;margin:0}.exam-library-v2 .exam-continue-card strong{color:#176f67;font-family:var(--display);align-items:center;gap:7px;margin-top:20px;display:inline-flex}.exam-library-v2 .exam-continue-card strong svg{width:18px;height:18px;transition:transform .2s}.exam-library-v2 .exam-continue-card:hover strong svg{transform:translate(4px)}.exam-library-v2 .exam-continue-card>div:last-child{background:#eaf4f1;border-left:1px solid #dce9e6;grid-template-columns:1fr 1fr;align-content:center;gap:9px;padding:28px;display:grid;position:relative}.exam-library-v2 .exam-continue-card>div:last-child>span{color:#176f670b;font-family:Noto Serif JP,serif;font-weight:700;position:absolute;top:-45px;right:22px;font-size:180px!important}.exam-library-v2 .exam-continue-card>div:last-child>article{z-index:1;background:#fff;border:1px solid #cfe0dc;border-radius:11px;padding:14px;position:relative}.exam-library-v2 .exam-continue-card article>b{color:#23554e;font-family:var(--display);font-size:22px;display:block}.exam-library-v2 .exam-continue-card article>small{color:#718581}.exam-library-v2 .exam-library-title{justify-content:space-between;align-items:flex-end;gap:20px;margin:34px 0 14px;animation:.55s cubic-bezier(.22,1,.36,1) .14s both exam-lib-rise;display:flex}.exam-library-v2 .exam-library-title>div>span{color:#397d75}.exam-library-v2 .exam-library-title h2{color:#294d48;font-family:var(--display);margin:5px 0 2px;font-size:24px!important}.exam-library-v2 .exam-library-title p{color:#70847f;margin:0}.exam-library-v2 .exam-library-title>small{color:#59716c;background:#e6f1ee;border-radius:8px;padding:6px 9px}.exam-library-v2 .exam-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.exam-library-v2 .exam-library-card{background:#fff;border:1px solid #d7e4e1;border-radius:18px;flex-direction:column;min-height:410px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.48s cubic-bezier(.22,1,.36,1) both exam-card-pop;display:flex;overflow:hidden;box-shadow:0 9px 27px #174f4807}.exam-library-v2 .exam-library-card:first-child{animation-delay:.2s}.exam-library-v2 .exam-library-card:nth-child(2){animation-delay:.25s}.exam-library-v2 .exam-library-card:nth-child(3){animation-delay:.3s}.exam-library-v2 .exam-library-card:nth-child(n+4){animation-delay:.35s}.exam-library-v2 .exam-library-card:hover{border-color:#a8cbc5;transform:translateY(-3px);box-shadow:0 15px 35px #174f4810}.exam-library-v2 .exam-card-cover{color:#fff;background:linear-gradient(150deg,#176f67,#3d9c90);flex-direction:column;min-height:135px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.exam-library-v2 .tone-1 .exam-card-cover{background:linear-gradient(150deg,#4f6f78,#7297a0)}.exam-library-v2 .tone-2 .exam-card-cover{background:linear-gradient(150deg,#80684d,#ad8d68)}.exam-library-v2 .tone-3 .exam-card-cover{background:linear-gradient(150deg,#5f6685,#838cad)}.exam-library-v2 .exam-card-cover:after{content:"";border:1px solid #ffffff17;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-65px;right:-45px}.exam-library-v2 .exam-card-cover>span,.exam-library-v2 .exam-card-cover>small{z-index:1;font-family:var(--display);letter-spacing:.08em;font-weight:800;position:relative}.exam-library-v2 .exam-card-cover>b{color:#ffffffc9;font-family:Noto Serif JP,serif;position:absolute;bottom:4px;right:23px;font-size:72px!important}.exam-library-v2 .exam-card-cover>small{color:#dcefeb;margin-top:auto}.exam-library-v2 .exam-card-body{flex-direction:column;flex:1;min-width:0;padding:20px;display:flex}.exam-library-v2 .exam-card-meta{color:#65807a;align-items:center;gap:8px;display:flex}.exam-library-v2 .exam-card-meta i{background:#91a8a3;border-radius:50%;width:3px;height:3px}.exam-library-v2 .exam-card-body h2{color:#294b46;font-family:var(--display);margin:13px 0 5px;font-size:19px!important}.exam-library-v2 .exam-card-body>p{color:#6f827e;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.exam-library-v2 .exam-last-result{background:#f1f7f5;border-radius:9px;justify-content:space-between;align-items:center;margin-top:13px;padding:9px 11px;display:flex}.exam-library-v2 .exam-last-result>span{color:#6a807b}.exam-library-v2 .exam-last-result>b{color:#176f67;font-family:var(--display);font-size:17px}.exam-library-v2 .exam-last-result small{color:#718581;margin-left:3px;font-weight:500}.exam-library-v2 .exam-card-body>footer{flex-direction:column-reverse;align-items:flex-start;gap:10px;margin-top:auto;padding-top:16px;display:flex}.exam-library-v2 .exam-card-body>footer form,.exam-library-v2 .exam-card-body>footer button,.exam-library-v2 .exam-card-body>footer>a{justify-content:center;width:100%}.exam-library-v2 .exam-card-body>footer button,.exam-library-v2 .exam-card-body>footer>a{color:#fff;height:39px;font-family:var(--display);cursor:pointer;background:#176f67;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-weight:700;display:inline-flex}.exam-library-v2 .exam-card-body>footer svg{width:17px;height:17px}.exam-library-v2 .exam-card-body>footer>small{color:#81938f}.exam-library-v2 .exam-library-empty{text-align:center;background:#fff;border:1px dashed #bad1cc;border-radius:17px;padding:55px 20px}@keyframes exam-lib-rise{0%{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}@keyframes exam-card-pop{0%{opacity:0;transform:translateY(15px)scale(.992)}to{opacity:1;transform:none}}@media (max-width:1250px){.exam-library-v2 .exam-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-library-v2 .exam-library-heading{flex-direction:column;align-items:flex-start}.exam-library-v2 .exam-library-heading>div:last-child{width:100%;min-width:0}}@media (max-width:760px){.learner-content .exam-library-v2{padding:20px 14px 60px}.exam-library-v2 .exam-library-heading{min-height:0;padding:28px 23px}.exam-library-v2 .exam-library-heading h1{font-size:31px!important}.exam-library-v2 .exam-continue-card{grid-template-columns:1fr}.exam-library-v2 .exam-continue-card>div:last-child{display:none}.exam-library-v2 .exam-library-title{flex-direction:column;align-items:flex-start}.exam-library-v2 .exam-library-grid{grid-template-columns:1fr}.exam-library-v2 .exam-library-card{min-height:390px}}@media (max-width:460px){.exam-library-v2 .exam-library-heading>div:last-child{grid-template-columns:1fr}.exam-library-v2 .exam-library-heading>div:last-child>article+article{border-top:1px solid #ffffff1d;border-left:0}.exam-library-v2 .exam-library-heading>div:last-child>article{flex-direction:row;justify-content:space-between;align-items:center}}@media (prefers-reduced-motion:reduce){.exam-library-v2 .exam-library-heading,.exam-library-v2 .exam-continue-card,.exam-library-v2 .exam-library-title,.exam-library-v2 .exam-library-card{animation:none}.exam-library-v2 .exam-library-card,.exam-library-v2 .exam-continue-card strong svg{transition:none}}.exam-library-v2 .exam-list-head{color:#718581;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(0,1fr) 190px 145px 180px;gap:18px;padding:0 20px 9px 112px;font-size:11px;font-weight:800;display:grid}.exam-library-v2 .exam-list{flex-direction:column;gap:10px;display:flex}.exam-library-v2 .exam-list-row{background:#fff;border:1px solid #d7e4e1;border-radius:16px;grid-template-columns:74px minmax(260px,1fr) 190px 145px 180px;align-items:center;gap:18px;min-height:126px;padding:17px 19px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.48s cubic-bezier(.22,1,.36,1) both exam-list-enter;display:grid;position:relative;box-shadow:0 7px 22px #174f4806}.exam-library-v2 .exam-list-row:before{content:"";background:#27887e;border-radius:0 3px 3px 0;width:3px;position:absolute;inset:17px auto 17px 0}.exam-library-v2 .exam-list-row.tone-1:before{background:#658b94}.exam-library-v2 .exam-list-row.tone-2:before{background:#a47f52}.exam-library-v2 .exam-list-row.tone-3:before{background:#747d9e}.exam-library-v2 .exam-list-row:nth-child(2){animation-delay:50ms}.exam-library-v2 .exam-list-row:nth-child(3){animation-delay:.1s}.exam-library-v2 .exam-list-row:nth-child(n+4){animation-delay:.15s}.exam-library-v2 .exam-list-row:hover{border-color:#9fc7c0;transform:translateY(-2px);box-shadow:0 13px 31px #174f480d}.exam-library-v2 .exam-list-mark{color:#fff;background:linear-gradient(145deg,#176f67,#3d9c90);border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:74px;height:86px;padding:10px;display:flex;position:relative;overflow:hidden}.exam-library-v2 .tone-1 .exam-list-mark{background:linear-gradient(145deg,#526f78,#7d9ea6)}.exam-library-v2 .tone-2 .exam-list-mark{background:linear-gradient(145deg,#80684d,#b18f67)}.exam-library-v2 .tone-3 .exam-list-mark{background:linear-gradient(145deg,#606886,#8b94b2)}.exam-library-v2 .exam-list-mark>span{z-index:1;font-family:var(--display);letter-spacing:.06em;font-weight:800;position:relative;font-size:10px!important}.exam-library-v2 .exam-list-mark>b{color:#ffffffdc;align-self:flex-end;font-family:Noto Serif JP,serif;line-height:1;font-size:34px!important}.exam-library-v2 .exam-list-main{min-width:0}.exam-library-v2 .exam-list-main>div{align-items:center;gap:7px;display:flex}.exam-library-v2 .exam-list-main>div>span{color:#4d847c;font-family:var(--display);letter-spacing:.09em;font-weight:800;font-size:10px!important}.exam-library-v2 .exam-list-main em{color:#9a641d;font-family:var(--display);letter-spacing:.05em;background:#fff3dc;border-radius:5px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:800}.exam-library-v2 .exam-list-main em.completed{color:#53726c;background:#e9f1ef}.exam-library-v2 .exam-list-main h2{color:#284b46;font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 3px;font-weight:700;overflow:hidden;font-size:18px!important}.exam-library-v2 .exam-list-main p{color:#71847f;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden;font-size:14px!important}.exam-library-v2 .exam-list-structure{grid-template-columns:1fr 1fr;gap:7px;display:grid}.exam-library-v2 .exam-list-structure>article{text-align:center;background:#f8fbfa;border:1px solid #e1eae8;border-radius:10px;flex-direction:column;justify-content:center;min-width:0;padding:10px 6px;display:flex}.exam-library-v2 .exam-list-structure b{color:#315d57;font-family:var(--display);font-size:19px}.exam-library-v2 .exam-list-structure span{color:#788b87;font-size:11px!important}.exam-library-v2 .exam-list-result{flex-direction:column;min-width:0;display:flex}.exam-library-v2 .exam-list-result>span{color:#798b87;font-size:11px!important}.exam-library-v2 .exam-list-result>b{color:#176f67;font-family:var(--display);margin-top:2px;font-size:24px}.exam-library-v2 .exam-list-result>b small{color:#718581;margin-left:3px;font-weight:500}.exam-library-v2 .exam-list-result>strong{color:#526d68;font-family:var(--display);margin-top:5px;font-size:13px}.exam-library-v2 .exam-list-action{flex-direction:column;align-items:stretch;min-width:0;display:flex}.exam-library-v2 .exam-list-action form{width:100%}.exam-library-v2 .exam-list-action button,.exam-library-v2 .exam-list-action>a{color:#fff;width:100%;height:39px;font-family:var(--display);cursor:pointer;background:#176f67;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;transition:background-color .18s,transform .18s;display:flex}.exam-library-v2 .exam-list-action button:hover,.exam-library-v2 .exam-list-action>a:hover{background:#105f58;transform:translateY(-1px)}.exam-library-v2 .exam-list-action svg{width:16px;height:16px}.exam-library-v2 .exam-list-action>small{color:#849590;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;overflow:hidden;font-size:10px!important}@keyframes exam-list-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:1180px){.exam-library-v2 .exam-list-head{display:none}.exam-library-v2 .exam-list-row{grid-template-columns:74px minmax(0,1fr) 180px;align-items:start}.exam-library-v2 .exam-list-mark{grid-row:1/3}.exam-library-v2 .exam-list-structure{grid-area:2/2;max-width:190px}.exam-library-v2 .exam-list-result{grid-area:1/3}.exam-library-v2 .exam-list-action{grid-area:2/3}.exam-library-v2 .exam-list-main p{-webkit-line-clamp:1}}@media (max-width:700px){.exam-library-v2 .exam-list-row{grid-template-columns:62px minmax(0,1fr);gap:13px;padding:14px}.exam-library-v2 .exam-list-mark{grid-area:1/1;width:62px;height:72px}.exam-library-v2 .exam-list-mark>b{font-size:28px!important}.exam-library-v2 .exam-list-main{grid-area:1/2}.exam-library-v2 .exam-list-main h2{white-space:normal}.exam-library-v2 .exam-list-main p{-webkit-line-clamp:2}.exam-library-v2 .exam-list-structure{grid-area:2/1/auto/-1;max-width:none}.exam-library-v2 .exam-list-result{background:#f3f7f6;border-radius:9px;flex-direction:row;grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;padding:9px 11px}.exam-library-v2 .exam-list-result>b,.exam-library-v2 .exam-list-result>strong{margin:0}.exam-library-v2 .exam-list-action{grid-area:4/1/auto/-1}.exam-library-v2 .exam-list-action>small{white-space:normal}}@media (prefers-reduced-motion:reduce){.exam-library-v2 .exam-list-row{transition:none;animation:none}.exam-library-v2 .exam-list-action button,.exam-library-v2 .exam-list-action>a{transition:none}}.courses-catalog .courses-heading{animation:.55s both ui-rise}.courses-catalog .continue-course{animation:.58s 80ms both ui-rise}.courses-catalog .courses-section-title{animation:.52s .14s both ui-rise}.courses-catalog .course-catalog-card{animation:.48s both ui-card}.courses-catalog .course-catalog-card:first-child{animation-delay:.2s}.courses-catalog .course-catalog-card:nth-child(2){animation-delay:.25s}.courses-catalog .course-catalog-card:nth-child(3){animation-delay:.3s}.courses-catalog .course-catalog-card:nth-child(n+4){animation-delay:.35s}@keyframes ui-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes ui-card{0%{opacity:0;transform:translateY(17px)scale(.992)}to{opacity:1;transform:none}}.ai-settings-page{max-width:1120px}.ai-system-state{font-family:var(--display);border-radius:9px;align-self:center;padding:8px 12px;font-weight:750}.ai-system-state.enabled{color:#176c50;background:#e5f5ed}.ai-system-state.disabled{color:#9b493d;background:#fff0ed}.ai-settings-form{flex-direction:column;gap:16px;display:flex}.ai-master-switch,.ai-config-fields{background:#fff;border:1px solid #d9e5e2;border-radius:16px;padding:24px;box-shadow:0 8px 25px #174f4807}.ai-master-switch{justify-content:space-between;align-items:center;gap:24px;display:flex}.ai-master-switch span,.ai-config-fields header>span{font-family:var(--display);font-weight:800}.ai-master-switch h2,.ai-config-fields h2{font-family:var(--display);margin:5px 0 3px}.ai-master-switch p{color:#70847f;margin:0}.ai-master-switch>label{cursor:pointer;align-items:center;gap:10px;display:flex}.ai-master-switch input{opacity:0;position:absolute}.ai-master-switch label>i{background:#cbd7d4;border-radius:20px;width:48px;height:26px;position:relative}.ai-master-switch label>i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.ai-master-switch input:checked+i{background:#176f67}.ai-master-switch input:checked+i:after{transform:translate(22px)}.ai-config-fields>div{grid-template-columns:1fr 1fr;gap:15px;margin-top:19px;display:grid}.ai-config-fields label{font-family:var(--display);flex-direction:column;gap:6px;font-weight:700;display:flex}.ai-config-fields input{border:1px solid #d8e4e1;border-radius:9px;height:43px;padding:0 12px}.ai-config-fields label small{color:#7c8e8a;font-family:var(--sans);font-weight:400}.ai-settings-form>footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.ai-settings-form>footer button{color:#fff;background:#176f67;border:0;border-radius:9px;height:42px;padding:0 17px}.ai-disabled-state{background:#fff;border:1px solid #d7e4e1;border-radius:18px;grid-template-columns:160px 1fr;align-items:center;max-width:1440px;margin:20px auto;display:grid;overflow:hidden}.ai-disabled-state>span{color:#79a9a1;background:#eaf4f1;align-self:stretch;place-items:center;display:grid;font-size:70px!important}.ai-disabled-state>div{padding:30px}.ai-disabled-state h2{margin:7px 0 4px}.ai-disabled-state p{color:#70847f}.ai-disabled-state a{color:#fff;background:#176f67;border-radius:9px;padding:9px 13px;display:inline-flex}.knowledge-page,.profile-page{background:radial-gradient(circle at 93% 2%,#dcefeb 0,#0000 24%),#f3f8f6;min-height:calc(100vh - 72px);padding:30px}.knowledge-wrap,.profile-wrap{width:100%;max-width:1440px;margin:auto}.knowledge-hero{color:#fff;background:linear-gradient(125deg,#155f59,#2b8a80);border-radius:21px;justify-content:space-between;align-items:center;min-height:225px;padding:34px 39px;animation:.58s both ui-rise;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #174f4820}.grammar-page .knowledge-hero{background:linear-gradient(125deg,#485f78,#6f879c)}.knowledge-hero h1{color:#fff;font-family:var(--display);margin:7px 0 5px;font-size:36px!important}.knowledge-hero p{color:#d9ece9;max-width:690px;margin:0}.knowledge-hero>div>div{gap:9px;margin-top:21px;display:flex}.knowledge-hero>div>div>b{background:#ffffff0c;border:1px solid #ffffff1c;border-radius:10px;flex-direction:column;min-width:115px;padding:9px 12px;font-size:20px;display:flex}.knowledge-hero b small{color:#d0e6e2}.knowledge-hero>strong{color:#ffffff12;position:absolute;right:45px;font-size:150px!important}.knowledge-title{justify-content:space-between;align-items:flex-end;margin:31px 0 14px;display:flex}.knowledge-title h2{margin:4px 0 2px}.knowledge-title p{color:#728681;margin:0}.knowledge-title>a{color:#176f67;background:#fff;border:1px solid #cfe0dc;border-radius:9px;padding:8px 11px}.vocabulary-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.vocabulary-grid>article,.grammar-list>article{animation:ui-card .45s var(--delay) both;background:#fff;border:1px solid #d8e5e2;border-radius:15px;box-shadow:0 7px 22px #174f4806}.vocabulary-grid>article{padding:18px}.vocabulary-grid article>header{gap:7px;display:flex}.vocabulary-grid header>*{background:#e8f3f0;border-radius:6px;padding:4px 7px;font-size:10px!important}.vocabulary-grid header>em{margin-left:auto;font-style:normal}.vocabulary-grid h2{margin:14px 0 0;font-size:27px!important}.vocabulary-grid h3{color:#66807b;margin:1px 0 9px;font-size:13px!important}.vocabulary-grid>article>p{font-weight:650}.vocabulary-grid blockquote{background:#f5f9f8;border-left:3px solid #78aaa3;margin:13px 0 0;padding:10px 12px}.vocabulary-grid blockquote small{display:block}.grammar-list{flex-direction:column;gap:10px;display:flex}.grammar-list>article{grid-template-columns:52px 1fr auto;align-items:center;gap:16px;padding:17px 19px;display:grid}.grammar-list>article>span{background:#eaf0f4;border-radius:10px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.grammar-list h2{margin:4px 0 2px;font-size:18px!important}.grammar-list p{color:#71847f;margin:0}.grammar-list>article>a{color:#fff;background:#526f78;border-radius:8px;padding:8px 11px}.knowledge-empty{text-align:center;background:#fff;border:1px dashed #b9d0cb;border-radius:15px;padding:45px}.profile-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;animation:.52s both ui-rise;display:flex}.profile-heading h1{margin:6px 0 3px}.profile-heading p{color:#70847f;margin:0}.profile-heading>a{background:#fff;border:1px solid #d3e1de;border-radius:9px;padding:9px 12px}.profile-layout{grid-template-columns:300px 1fr;align-items:start;gap:18px;display:grid}.profile-summary{flex-direction:column;gap:13px;display:flex;position:sticky;top:90px}.profile-summary>section,.profile-form-card{background:#fff;border:1px solid #d8e4e1;border-radius:16px;padding:20px;box-shadow:0 8px 24px #174f4806}.profile-summary>section:first-child{text-align:center}.profile-avatar{color:#fff;background:#176f67;border-radius:22px;place-items:center;width:76px;height:76px;margin:0 auto 12px;font-size:25px;font-weight:800;display:grid}.profile-summary h2{margin:0}.profile-summary p{color:#758985}.profile-goal-card header{justify-content:space-between;display:flex}.profile-goal-card strong{margin-top:15px;font-size:25px;display:block}.profile-goal-card i{background:#e2ece9;border-radius:7px;height:7px;display:block;overflow:hidden}.profile-goal-card i>b{background:#38a18d;height:100%;display:block}.profile-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profile-stats article{background:#f5f9f8;padding:12px}.profile-stats b{font-size:21px;display:block}.profile-form{flex-direction:column;gap:14px;display:flex}.profile-card-title{gap:12px;margin-bottom:19px;display:flex}.profile-card-title>span{background:#e6f3f0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.profile-card-title h2,.profile-card-title p{margin:0}.profile-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.profile-fields label{flex-direction:column;gap:6px;font-weight:700;display:flex}.profile-fields input,.profile-fields select,.profile-fields textarea{border:1px solid #d7e3e0;border-radius:9px;width:100%;padding:10px}.profile-fields input,.profile-fields select{height:43px}.profile-wide{grid-column:1/-1}.profile-toggle-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.profile-toggle-list>label{border:1px solid #dce6e4;border-radius:11px;gap:10px;padding:14px;display:flex}.profile-toggle-list input{width:18px}.profile-toggle-list label>i{display:none}.profile-toggle-list label>span{flex-direction:column;display:flex}.profile-actions{justify-content:flex-end;gap:10px;display:flex}.profile-actions button{color:#fff;background:#176f67;border:0;border-radius:9px;height:42px;padding:0 17px}@media (max-width:1050px){.vocabulary-grid{grid-template-columns:repeat(2,1fr)}.profile-layout{grid-template-columns:1fr}.profile-summary{grid-template-columns:repeat(3,1fr);display:grid;position:static}.profile-toggle-list{grid-template-columns:1fr}}@media (max-width:700px){.ai-master-switch{flex-direction:column;align-items:flex-start}.ai-config-fields>div,.vocabulary-grid,.profile-summary,.profile-fields{grid-template-columns:1fr}.knowledge-page,.profile-page{padding:20px 14px 60px}.knowledge-hero{min-height:0;padding:27px 22px}.knowledge-hero h1{font-size:29px!important}.knowledge-hero>strong{display:none}.knowledge-title,.profile-heading{flex-direction:column;align-items:flex-start;gap:12px}.grammar-list>article{grid-template-columns:45px 1fr}.grammar-list>article>a{text-align:center;grid-column:1/-1}.profile-wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){.courses-catalog .courses-heading,.courses-catalog .continue-course,.courses-catalog .courses-section-title,.courses-catalog .course-catalog-card,.knowledge-hero,.vocabulary-grid>article,.grammar-list>article,.profile-heading{animation:none}}.profile-avatar-editor{flex-direction:column;align-items:center;display:flex}.profile-avatar-button{cursor:pointer;background:0 0;border:0;border-radius:22px;padding:0;position:relative}.profile-avatar{margin-bottom:0;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-button>i{color:#fff;background:#176f67;border:3px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:-5px;right:-5px;box-shadow:0 5px 12px #174f4830}.profile-avatar-button>i svg{width:13px;height:13px}.profile-avatar-button:disabled,.profile-avatar-upload:disabled{opacity:.6;cursor:wait}.profile-avatar-upload{color:#176f67;cursor:pointer;background:#edf7f4;border:1px solid #bcd9d3;border-radius:9px;min-height:36px;margin-top:12px;padding:0 13px;font-weight:750}.profile-avatar-editor>small{color:#758985;margin-top:6px}.profile-avatar-error{color:#a04437;margin:8px 0 0;font-size:12px;line-height:1.45}.profile-actions>a,.profile-actions>button,.profile-avatar-button,.profile-avatar-upload,.profile-heading>a{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .12s}.profile-actions>a{color:#405f59;background:#fff;border:1px solid #bfd4d0;border-radius:9px;align-items:center;min-height:42px;padding:0 17px;font-weight:750;display:inline-flex}.profile-actions>a:hover{color:#264d47;background:#f1f7f5;border-color:#80aaa3}.profile-actions>button{cursor:pointer;font-weight:750;box-shadow:0 7px 16px #176f6724}.profile-actions>button:hover{background:#105f58;box-shadow:0 9px 20px #176f6732}.profile-page :is(button,.profile-actions>a,.profile-heading>a):active{box-shadow:none;transform:translateY(1px)scale(.97)}.profile-page :is(button,.profile-actions>a,.profile-heading>a):focus-visible{outline-offset:3px;outline:3px solid #70bdb555}@media (max-width:700px){.profile-actions{grid-template-columns:1fr 1fr;display:grid}.profile-actions>a,.profile-actions>button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.profile-actions>a,.profile-actions>button,.profile-avatar-button,.profile-avatar-upload,.profile-heading>a{transition:none}.profile-page :is(button,.profile-actions>a,.profile-heading>a):active{transform:none}}.grammar-path-page{background:radial-gradient(circle at 92% 0,#e2eee9 0,#0000 24%),#f3f8f6;min-height:calc(100vh - 72px);padding:30px}.grammar-path-wrap{width:100%;max-width:1440px;margin:auto}.grammar-path-hero{color:#fff;background:linear-gradient(125deg,#285b55,#42877d);border-radius:23px;min-height:260px;padding:38px 42px;animation:.58s cubic-bezier(.22,1,.36,1) both grammar-rise;position:relative;overflow:hidden;box-shadow:0 18px 44px #174f481e}.grammar-path-hero>div{z-index:1;position:relative}.grammar-path-hero>div>span{color:#c5e3dd;font-family:var(--display);letter-spacing:.12em;font-weight:800;font-size:11px!important}.grammar-path-hero h1{color:#fff;font-family:var(--display);letter-spacing:-.035em;margin:8px 0 6px;font-size:38px!important}.grammar-path-hero p{color:#d9ebe7;max-width:700px;margin:0;line-height:1.65}.grammar-path-hero>div>div{align-items:center;gap:10px;margin-top:25px;display:flex}.grammar-path-hero>div>div i{background:#8ed4c3;border-radius:50%;width:5px;height:5px}.grammar-path-hero>div>div b{color:#d9ebe7;font-family:var(--display);font-size:12px}.grammar-path-hero>strong{color:#ffffff12;letter-spacing:-.15em;font-family:Noto Serif JP,serif;position:absolute;top:25px;right:55px;font-size:115px!important}.grammar-overview{background:#fff;border:1px solid #d7e4e1;border-radius:16px;grid-template-columns:minmax(250px,1fr) repeat(3,160px);align-items:center;gap:10px;margin-top:18px;padding:18px 20px;animation:.55s 80ms both grammar-rise;display:grid;box-shadow:0 8px 25px #174f4807}.grammar-overview>div>span,.grammar-path-title>div>span{color:#438078;font-family:var(--display);letter-spacing:.1em;font-weight:800;font-size:10px!important}.grammar-overview h2{font-family:var(--display);margin:4px 0 0;font-size:20px!important}.grammar-overview>article{border-left:1px solid #e4ecea;flex-direction:column;min-height:70px;padding:10px 14px;display:flex}.grammar-overview article>b{color:#29534d;font-family:var(--display);font-size:24px}.grammar-overview article>b small{color:#718581;font-weight:500}.grammar-overview article>span{color:#748985;margin-top:auto;font-size:11px!important}.grammar-progress-ring{justify-content:center;gap:10px;flex-direction:row!important;align-items:center!important;padding:0!important}.grammar-progress-ring>i{background:conic-gradient(#3b9c8e var(--progress),#e4eeeb 0);border-radius:50%;place-items:center;width:58px;height:58px;font-style:normal;display:grid}.grammar-progress-ring>i:after{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:44px;height:44px}.grammar-progress-ring>i>b{z-index:1;color:#29534d;font-family:var(--display);grid-area:1/1;font-size:12px}.grammar-path-title{justify-content:space-between;align-items:flex-end;margin:31px 0 14px;animation:.5s .14s both grammar-rise;display:flex}.grammar-path-title h2{font-family:var(--display);margin:5px 0 2px}.grammar-path-title p{color:#70847f;margin:0}.grammar-path-title>small{color:#3d746d;background:#e4f0ed;border-radius:8px;padding:6px 9px}.grammar-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.grammar-topic-card{color:#294844;min-height:190px;animation:grammar-card .46s var(--delay) cubic-bezier(.22,1,.36,1) both;background:#fff;border:1px solid #d7e4e1;border-radius:16px;grid-template-columns:112px minmax(0,1fr);transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;overflow:hidden;box-shadow:0 8px 24px #174f4807}.grammar-topic-card:hover{border-color:#9bc5bd;transform:translateY(-3px);box-shadow:0 14px 31px #174f480e}.grammar-topic-number{color:#fff;background:linear-gradient(145deg,#39766e,#68a99f);flex-direction:column;padding:14px;display:flex;position:relative;overflow:hidden}.grammar-topic-card:nth-child(4n+2) .grammar-topic-number{background:linear-gradient(145deg,#516c7a,#7e9ba6)}.grammar-topic-card:nth-child(4n+3) .grammar-topic-number{background:linear-gradient(145deg,#84694d,#b2946f)}.grammar-topic-card:nth-child(4n) .grammar-topic-number{background:linear-gradient(145deg,#626b85,#8a92ab)}.grammar-topic-number>span{font-family:var(--display);letter-spacing:.08em;font-weight:800;font-size:11px!important}.grammar-topic-number>b{color:#ffffffd9;align-self:flex-end;margin-top:auto;font-family:Noto Serif JP,serif;font-size:46px!important}.grammar-topic-content{flex-direction:column;min-width:0;padding:17px 19px;display:flex}.grammar-topic-content>header{justify-content:space-between;align-items:center;gap:9px;display:flex}.grammar-topic-content header>span{color:#537d77;font-family:var(--display);letter-spacing:.07em;font-weight:800;font-size:10px!important}.grammar-topic-content header>em{color:#687c78;background:#edf3f1;border-radius:6px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:700}.grammar-topic-card.learning header>em{color:#95621c;background:#fff3dc}.grammar-topic-card.completed header>em{color:#176d50;background:#e6f5ed}.grammar-topic-content h2{white-space:nowrap;text-overflow:ellipsis;margin:12px 0 2px;font-family:Noto Sans JP,sans-serif;overflow:hidden;font-size:18px!important}.grammar-topic-content>p{color:#70847f;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.grammar-topic-content>footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.grammar-topic-content footer>span{color:#7c8e8a;font-size:11px!important}.grammar-topic-content footer>strong{color:#176f67;font-family:var(--display);align-items:center;gap:5px;font-size:12px;display:flex}.grammar-topic-content footer svg,.grammar-comprehensive svg{width:16px;height:16px;transition:transform .2s}.grammar-topic-card:hover footer svg,.grammar-comprehensive:hover svg{transform:translate(3px)}.grammar-comprehensive{color:#fff;background:linear-gradient(120deg,#536775,#748a98);border-radius:17px;justify-content:space-between;align-items:center;gap:25px;margin-top:20px;padding:25px 28px;display:flex;box-shadow:0 10px 27px #344f6020}.grammar-comprehensive span{color:#d2e0e6;font-family:var(--display);letter-spacing:.1em;font-weight:800;font-size:10px!important}.grammar-comprehensive h2{color:#fff;font-family:var(--display);margin:5px 0 3px}.grammar-comprehensive p{color:#e0eaee;margin:0}.grammar-comprehensive>strong{white-space:nowrap;align-items:center;gap:6px;display:flex}.grammar-study-tip{color:#64705d;background:#f7faef;border:1px solid #d9e4d2;border-radius:11px;align-items:center;gap:10px;margin-top:13px;padding:13px 17px;display:flex}.grammar-study-tip p{margin:0}.grammar-path-empty{text-align:center;background:#fff;border:1px dashed #bad1cc;border-radius:16px;padding:50px 20px}.grammar-path-empty>span{color:#8ab5ad;font-family:Noto Serif JP,serif;font-size:38px!important}.grammar-path-empty h2{margin:8px 0 3px}.grammar-path-empty p{color:#718581;margin:0}.grammar-path-empty a{color:#fff;background:#176f67;border-radius:8px;margin-top:14px;padding:8px 12px;display:inline-flex}@keyframes grammar-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes grammar-card{0%{opacity:0;transform:translateY(14px)scale(.994)}to{opacity:1;transform:none}}@media (max-width:1050px){.grammar-overview{grid-template-columns:1fr repeat(3,130px)}.grammar-topic-grid{grid-template-columns:1fr}}@media (max-width:760px){.grammar-path-page{padding:20px 14px 60px}.grammar-path-hero{min-height:0;padding:28px 23px}.grammar-path-hero h1{font-size:30px!important}.grammar-path-hero>strong{display:none}.grammar-path-hero>div>div{flex-direction:column;align-items:flex-start}.grammar-overview{grid-template-columns:1fr 1fr}.grammar-overview>div{grid-column:1/-1}.grammar-overview>article{background:#f6f9f8;border:0}.grammar-progress-ring{grid-column:1/-1}.grammar-path-title{flex-direction:column;align-items:flex-start}.grammar-topic-card{grid-template-columns:82px minmax(0,1fr)}.grammar-topic-number>b{font-size:35px!important}.grammar-topic-content{padding:15px}.grammar-topic-content h2{white-space:normal}.grammar-topic-content>footer,.grammar-comprehensive,.grammar-study-tip{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.grammar-path-hero,.grammar-overview,.grammar-path-title,.grammar-topic-card{animation:none}.grammar-topic-card,.grammar-topic-content footer svg,.grammar-comprehensive svg{transition:none}}.help-page{background:radial-gradient(circle at 92% 0,#dceee9 0,#0000 24%),#f3f8f6;min-height:calc(100vh - 72px);padding:30px}.help-wrap{width:100%;max-width:1440px;margin:auto}.help-hero{color:#fff;background:linear-gradient(125deg,#155f59,#378d82);border-radius:23px;grid-template-columns:minmax(0,1fr) 250px;align-items:center;min-height:270px;padding:38px 42px;animation:.58s cubic-bezier(.22,1,.36,1) both help-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 43px #174f4820}.help-hero>div:first-child{z-index:1;position:relative}.help-hero>div:first-child>span,.help-section>header>span,.help-footer span{color:#bfe3dc;font-family:var(--display);letter-spacing:.12em;font-weight:800;font-size:10px!important}.help-hero h1{color:#fff;font-family:var(--display);letter-spacing:-.035em;margin:8px 0 5px;font-size:38px!important}.help-hero p{color:#d8ece8;max-width:700px;margin:0;line-height:1.65}.help-hero nav{flex-wrap:wrap;gap:8px;margin-top:23px;display:flex}.help-hero nav a{color:#e3f2ef;font-family:var(--display);background:#ffffff0b;border:1px solid #ffffff23;border-radius:8px;padding:8px 11px;font-weight:650;transition:all .2s;font-size:12px!important}.help-hero nav a:hover{background:#ffffff16;border-color:#fff5}.help-hero-mark{text-align:center;border-left:1px solid #ffffff18;place-items:center;min-height:180px;display:grid;position:relative}.help-hero-mark>span{color:#ffffff0d;font-family:Noto Serif JP,serif;position:absolute;font-size:105px!important}.help-hero-mark>b{font-family:var(--display);font-size:45px;position:relative}.help-hero-mark>small{color:#cae5e0;position:relative}.help-layout{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:18px;margin-top:20px;display:grid}.help-toc{background:#fff;border:1px solid #d7e4e1;border-radius:15px;padding:18px;animation:.5s 80ms both help-side;position:sticky;top:90px;box-shadow:0 7px 22px #174f4807}.help-toc>span{color:#4b7e77;font-family:var(--display);letter-spacing:.1em;font-weight:800;font-size:10px!important}.help-toc>nav{flex-direction:column;gap:4px;margin-top:12px;display:flex}.help-toc nav a{color:#526d68;font-family:var(--display);border-radius:8px;align-items:center;gap:9px;padding:9px;font-weight:650;transition:all .18s;display:flex}.help-toc nav a:hover{color:#176f67;background:#edf6f3}.help-toc nav i{color:#39776f;background:#e7f2ef;border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;font-style:normal;display:grid}.help-toc>div{background:#f0f6f4;border-radius:10px;margin-top:15px;padding:13px}.help-toc>div>b{font-family:var(--display)}.help-toc>div p{color:#70847f;margin:5px 0 8px;font-size:13px!important}.help-toc>div a{color:#176f67;font-weight:700}.help-content{flex-direction:column;gap:16px;min-width:0;display:flex}.help-section{background:#fff;border:1px solid #d7e4e1;border-radius:17px;padding:25px;scroll-margin-top:92px;animation:.5s both help-rise;box-shadow:0 8px 24px #174f4806}.help-section:first-child{animation-delay:.12s}.help-section:nth-child(2){animation-delay:.18s}.help-section:nth-child(3){animation-delay:.24s}.help-section:nth-child(4){animation-delay:.3s}.help-section>header>span{color:#397d75}.help-section>header h2{color:#294d48;font-family:var(--display);margin:5px 0 3px}.help-section>header p{color:#728681;margin:0}.help-steps{grid-template-columns:1fr 1fr;gap:10px;margin-top:19px;display:grid}.help-steps>article{background:#fafcfb;border:1px solid #e0e9e7;border-radius:11px;gap:12px;padding:14px;display:flex}.help-steps article>span{color:#176f67;height:37px;font-family:var(--display);background:#e5f2ef;border-radius:9px;flex:0 0 37px;place-items:center;font-weight:800;display:grid}.help-steps h3{font-family:var(--display);margin:0;font-size:16px!important}.help-steps p{color:#748985;margin:3px 0 0;font-size:14px!important}.help-feature-grid{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:19px;display:grid}.help-feature-grid>article{animation:help-card .45s var(--delay) both;background:#fbfdfc;border:1px solid #dce7e4;border-radius:13px;padding:17px;transition:border-color .2s,box-shadow .2s,transform .2s}.help-feature-grid>article:hover{border-color:#a6cbc5;transform:translateY(-2px);box-shadow:0 9px 20px #174f4809}.help-feature-grid article>header{justify-content:space-between;align-items:center;display:flex}.help-feature-grid header>span{color:#39776f;font-family:var(--display);font-weight:800}.help-feature-grid header>b{color:#78918c;font-family:Noto Sans JP,sans-serif}.help-feature-grid h3{color:#294d48;font-family:var(--display);margin:11px 0 3px}.help-feature-grid p{color:#718581;margin:0}.help-feature-grid a{color:#176f67;width:max-content;font-family:var(--display);align-items:center;gap:5px;margin-top:12px;font-weight:700;display:flex}.help-feature-grid svg{width:16px;height:16px;transition:transform .2s}.help-feature-grid a:hover svg{transform:translate(3px)}.help-week{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;margin-top:18px;display:grid}.help-week>article{background:#f1f7f5;border-radius:12px;min-height:112px;padding:15px}.help-week article>b,.help-week article>span{font-family:var(--display);display:block}.help-week article>b{color:#39776f}.help-week article>span{color:#294d48;margin-top:7px;font-weight:700}.help-week article>p{color:#788b87;margin:3px 0 0;font-size:13px!important}.help-week>i{background:#b9d0cb;width:20px;height:1px}.help-faq{flex-direction:column;gap:8px;margin-top:18px;display:flex}.help-faq details{background:#fbfdfc;border:1px solid #dce6e4;border-radius:10px}.help-faq summary{color:#345650;font-family:var(--display);cursor:pointer;padding:13px 15px;font-weight:700}.help-faq details>p{color:#6e827e;margin:0;padding:0 15px 14px}.help-footer{color:#fff;background:linear-gradient(120deg,#526b76,#718c96);border-radius:17px;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;display:flex;box-shadow:0 10px 26px #334f5b1b}.help-footer h2{color:#fff;font-family:var(--display);margin:5px 0 3px}.help-footer p{color:#dfebee;margin:0}.help-footer>a{color:#36545b;font-family:var(--display);white-space:nowrap;background:#fff;border-radius:9px;padding:10px 14px;font-weight:700}@keyframes help-rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes help-side{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes help-card{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:1000px){.help-layout{grid-template-columns:1fr}.help-toc{position:static}.help-toc>nav{grid-template-columns:1fr 1fr;display:grid}.help-toc>div{display:none}}@media (max-width:680px){.help-page{padding:20px 14px 60px}.help-hero{grid-template-columns:1fr;min-height:0;padding:28px 23px}.help-hero h1{font-size:30px!important}.help-hero-mark{display:none}.help-section{padding:19px}.help-steps,.help-feature-grid,.help-week{grid-template-columns:1fr}.help-week>i{width:1px;height:15px;margin:auto}.help-footer{flex-direction:column;align-items:flex-start}.help-toc>nav{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.help-hero,.help-toc,.help-section,.help-feature-grid>article{animation:none}.help-hero nav a,.help-feature-grid>article,.help-feature-grid svg{transition:none}}.grammar-admin-list{flex-direction:column;gap:9px;display:flex}.grammar-admin-list>a{background:#fff;border:1px solid #dbe6e3;border-radius:13px;grid-template-columns:44px minmax(0,1fr) 70px 95px;align-items:center;gap:13px;padding:15px 17px;transition:all .2s;display:grid}.grammar-admin-list>a:hover{border-color:#9fc7c0;box-shadow:0 8px 20px #174f4808}.grammar-admin-list>a>span{color:#176f67;background:#e7f3f0;border-radius:9px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.grammar-admin-list h2,.grammar-admin-list p{margin:0}.grammar-admin-list h2{font-size:17px!important}.grammar-admin-list p{color:#728681}.grammar-admin-list>a>b{color:#315f59;text-align:center;flex-direction:column;font-size:22px;display:flex}.grammar-admin-list>a>b small{color:#7a8d89;font-weight:400}.grammar-topic-form,.grammar-point-form{background:#fff;border:1px solid #dbe6e3;border-radius:15px;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;display:grid}.grammar-topic-form label,.grammar-point-form label{flex-direction:column;gap:5px;font-weight:700;display:flex}.grammar-topic-form input,.grammar-topic-form select,.grammar-topic-form textarea,.grammar-point-form input,.grammar-point-form select,.grammar-point-form textarea{border:1px solid #d7e3e0;border-radius:8px;width:100%;padding:9px 10px}.grammar-topic-form input,.grammar-topic-form select,.grammar-point-form input,.grammar-point-form select{height:40px}.grammar-topic-form .wide,.grammar-point-form .wide{grid-column:span 2}.grammar-topic-form>button,.grammar-point-form>button{color:#fff;background:#176f67;border:0;border-radius:8px;align-self:end;height:40px;font-weight:700}.grammar-editor-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:17px;margin-top:18px;display:grid}.grammar-point-edit-list{flex-direction:column;gap:11px;display:flex}.grammar-point-edit-list>article{background:#fff;border:1px solid #dbe6e3;border-radius:15px;padding:18px}.grammar-point-edit-list>article>header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.grammar-point-edit-list>article>header>span{background:#e7f3f0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.grammar-point-edit-list h3{flex:1;margin:0}.grammar-delete-form{text-align:right}.grammar-delete-form button{color:#a44d40;cursor:pointer;background:#fff;border:1px solid #dfbcb5;border-radius:8px;padding:7px 10px}.grammar-group-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.grammar-group-grid>a{color:#294844;min-height:230px;animation:grammar-card .46s var(--delay) both;background:#fff;border:1px solid #d7e4e1;border-radius:16px;grid-template-columns:115px minmax(0,1fr);transition:all .2s;display:grid;overflow:hidden;box-shadow:0 8px 24px #174f4807}.grammar-group-grid>a:hover{border-color:#9bc5bd;transform:translateY(-3px);box-shadow:0 14px 31px #174f480e}.grammar-group-grid>a>div{color:#fff;background:linear-gradient(145deg,#39766e,#68a99f);flex-direction:column;padding:14px;display:flex}.grammar-group-grid>a:nth-child(4n+2)>div{background:linear-gradient(145deg,#516c7a,#7e9ba6)}.grammar-group-grid>a:nth-child(4n+3)>div{background:linear-gradient(145deg,#84694d,#b2946f)}.grammar-group-grid>a:nth-child(4n)>div{background:linear-gradient(145deg,#626b85,#8a92ab)}.grammar-group-grid>a>div>b{align-self:flex-end;margin-top:auto;font-family:Noto Serif JP,serif;font-size:45px!important}.grammar-group-grid>a>article{flex-direction:column;padding:18px;display:flex}.grammar-group-grid article>header{justify-content:space-between;display:flex}.grammar-group-grid header span,.grammar-group-grid header em{color:#4f7c75;font-size:10px;font-style:normal;font-weight:800}.grammar-group-grid h2{margin:14px 0 1px;font-size:20px!important}.grammar-group-grid h3{color:#48645f;margin:0}.grammar-group-grid p{color:#718581;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0;display:-webkit-box;overflow:hidden}.grammar-group-grid article>strong{color:#176f67;align-items:center;gap:5px;margin-top:auto;display:flex}.grammar-group-grid svg{width:16px}.grammar-detail-page{background:#f3f8f6;min-height:calc(100vh - 72px);padding:30px}.grammar-detail-wrap{max-width:1440px;margin:auto}.grammar-detail-back{color:#52746e;margin-bottom:14px;font-weight:700;display:inline-flex}.grammar-detail-hero{color:#fff;background:linear-gradient(125deg,#285b55,#4a8d83);border-radius:20px;justify-content:space-between;align-items:center;gap:25px;padding:31px 36px;animation:.55s both grammar-rise;display:flex}.grammar-detail-hero span{color:#c6e4de;letter-spacing:.1em;font-weight:800}.grammar-detail-hero h1{color:#fff;margin:7px 0 0;font-size:32px!important}.grammar-detail-hero h2{color:#fff;margin:2px 0}.grammar-detail-hero p{color:#d9ebe7;max-width:760px;margin:7px 0 0}.grammar-detail-hero>strong{text-align:center;background:#ffffff0c;border:1px solid #ffffff20;border-radius:12px;flex-direction:column;min-width:115px;padding:15px;font-size:28px;display:flex}.grammar-detail-hero>strong small{font-weight:400}.grammar-detail-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:17px;margin-top:18px;display:grid}.grammar-detail-layout>aside{background:#fff;border:1px solid #d7e4e1;border-radius:14px;padding:17px;position:sticky;top:90px}.grammar-detail-layout>aside>span{color:#4b7e77;font-weight:800}.grammar-detail-layout aside nav{flex-direction:column;gap:5px;margin-top:12px;display:flex}.grammar-detail-layout aside a{color:#4e6b66;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.grammar-detail-layout aside a:hover{background:#edf6f3}.grammar-detail-layout aside i{font-style:normal;font-weight:800}.grammar-point-list{flex-direction:column;gap:13px;display:flex}.grammar-point-list>article{background:#fff;border:1px solid #d7e4e1;border-radius:16px;padding:24px;scroll-margin-top:90px;animation:.5s both grammar-rise;box-shadow:0 8px 23px #174f4806}.grammar-point-list article>header{grid-template-columns:45px minmax(0,1fr) minmax(220px,330px);align-items:center;gap:13px;display:grid}.grammar-point-list article>header>span{color:#176f67;background:#e6f3f0;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.grammar-point-list h2{margin:3px 0 0;font-size:23px!important}.grammar-point-list header p{color:#70847f;margin:2px 0 0}.grammar-point-list audio{width:100%;height:38px}.grammar-point-list article>section{background:#f3f8f6;border-radius:11px;margin-top:18px;padding:15px}.grammar-point-list article>section>span,.grammar-point-list blockquote>span{color:#4c7d76;letter-spacing:.1em;font-weight:800;font-size:10px!important}.grammar-point-list article>section h3{margin:5px 0 3px}.grammar-point-list article>section p{color:#687e79;margin:0}.grammar-point-list blockquote{background:#f8fbfa;border-left:4px solid #5aa99d;border-radius:0 11px 11px 0;margin:14px 0 0;padding:17px}.grammar-point-list blockquote>b,.grammar-point-list blockquote>small,.grammar-point-list blockquote>p{display:block}.grammar-point-list blockquote>b{margin-top:8px;font-size:18px}.grammar-point-list blockquote>small{color:#718581;margin-top:3px}.grammar-point-list blockquote>p{color:#4a625e;margin:8px 0 0}@media (max-width:1050px){.grammar-editor-layout,.grammar-group-grid,.grammar-detail-layout{grid-template-columns:1fr}.grammar-detail-layout>aside{position:static}.grammar-detail-layout aside nav{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:700px){.grammar-topic-form,.grammar-point-form{grid-template-columns:1fr}.grammar-topic-form .wide,.grammar-point-form .wide{grid-column:auto}.grammar-admin-list>a{grid-template-columns:40px 1fr}.grammar-admin-list>a>b,.grammar-admin-list>a>em{grid-column:2}.grammar-group-grid>a{grid-template-columns:78px 1fr}.grammar-detail-page{padding:20px 14px 60px}.grammar-detail-hero{flex-direction:column;align-items:flex-start;padding:25px 22px}.grammar-detail-layout aside nav{grid-template-columns:1fr}.grammar-point-list article>header{grid-template-columns:42px 1fr}.grammar-point-list audio{grid-column:1/-1}}.grammar-editor-layout-modal{grid-template-columns:minmax(0,1fr) 270px}.grammar-danger-sidebar{position:sticky;top:92px}.grammar-list-head{gap:20px}.grammar-add-trigger{color:#fff;min-height:42px;font-family:var(--display);white-space:nowrap;cursor:pointer;background:#176f67;border:1px solid #176f67;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 7px 18px #176f6724}.grammar-add-trigger svg{width:18px;height:18px}.grammar-add-trigger:hover{background:#105f58;transform:translateY(-1px);box-shadow:0 10px 22px #176f6730}.grammar-add-trigger:focus-visible,.grammar-create-modal-close:focus-visible,.grammar-modal-actions button:focus-visible{outline-offset:2px;outline:3px solid #69b6ad66}.grammar-create-dialog{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px;position:fixed;inset:0}.grammar-create-dialog[open]{place-items:center;display:grid}.grammar-create-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#173a366b;animation:.24s ease-out both grammar-backdrop-in}.grammar-create-modal{background:#fff;border:1px solid #d7e4e1;border-radius:18px;width:min(760px,100vw - 32px);max-height:calc(100dvh - 40px);animation:.26s cubic-bezier(.22,1,.36,1) both grammar-modal-in;overflow:auto;box-shadow:0 26px 70px #173a3640}.grammar-create-dialog.is-closing .grammar-create-modal{animation:.18s ease-in both grammar-modal-out}.grammar-create-dialog.is-closing::backdrop{animation:.18s ease-in both grammar-backdrop-out}.grammar-create-modal-header{background:linear-gradient(135deg,#f3faf8,#fff);border-bottom:1px solid #e5eeec;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 23px 18px;display:flex}.grammar-create-modal-header span{color:#176f67;font-family:var(--display);letter-spacing:.11em;font-size:11px;font-weight:800}.grammar-create-modal-header h2{color:#193f3a;font-family:var(--display);margin:4px 0 2px;font-size:22px!important}.grammar-create-modal-header p{color:#718681;margin:0;font-size:13px}.grammar-create-modal-close{color:#315f59;cursor:pointer;background:#fff;border:1px solid #cfe1dd;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;transition:background .2s,color .2s,transform .2s;display:grid}.grammar-create-modal-close svg{width:18px;height:18px}.grammar-create-modal-close:hover{color:#fff;background:#176f67;transform:rotate(3deg)}.grammar-modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:21px 23px 23px;display:grid}.grammar-modal-form label{color:#405c58;font-family:var(--display);grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:6px 4px;font-size:12px;font-weight:700;display:grid}.grammar-modal-form label>span{color:#b34d3e;display:inline}.grammar-modal-form label>:not(span){grid-column:1/-1}.grammar-modal-form input,.grammar-modal-form select,.grammar-modal-form textarea{color:#294743;width:100%;font-family:var(--sans);background:#fff;border:1px solid #d5e2df;border-radius:9px;outline:0;padding:10px 11px;font-size:14px;transition:border-color .2s,box-shadow .2s}.grammar-modal-form input,.grammar-modal-form select{height:42px}.grammar-modal-form textarea{resize:vertical}.grammar-modal-form input:focus,.grammar-modal-form select:focus,.grammar-modal-form textarea:focus{border-color:#62aaa1;box-shadow:0 0 0 3px #137f7812}.grammar-modal-form .wide{grid-column:1/-1}.grammar-modal-actions{grid-column:1/-1;justify-content:flex-end;gap:9px;padding-top:5px;display:flex}.grammar-modal-actions button{height:41px;font-family:var(--display);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.grammar-modal-cancel{color:#496a65;background:#fff;border:1px solid #cbdcd8}.grammar-modal-cancel:hover{background:#f3f8f6;border-color:#9cbdb6}.grammar-modal-submit{color:#fff;background:#176f67;border:1px solid #176f67;box-shadow:0 6px 14px #176f6720}.grammar-modal-submit:hover:not(:disabled){background:#105f58;transform:translateY(-1px)}.grammar-modal-submit:disabled{opacity:.72;cursor:wait}.grammar-modal-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite grammar-spinner}@keyframes grammar-modal-in{0%{opacity:0;transform:translateY(16px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes grammar-modal-out{to{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes grammar-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes grammar-backdrop-out{to{opacity:0}}@keyframes grammar-spinner{to{transform:rotate(360deg)}}@media (max-width:1050px){.grammar-editor-layout-modal{grid-template-columns:1fr}.grammar-danger-sidebar{position:static}}@media (max-width:700px){.grammar-list-head{flex-direction:column;align-items:flex-start}.grammar-add-trigger{width:100%}.grammar-create-dialog{padding:10px}.grammar-create-modal{border-radius:14px;width:100%;max-height:calc(100dvh - 20px)}.grammar-create-modal-header,.grammar-modal-form{padding:17px}.grammar-modal-form{grid-template-columns:1fr}.grammar-modal-form .wide,.grammar-modal-actions{grid-column:auto}.grammar-modal-actions button{flex:1}}@media (prefers-reduced-motion:reduce){.grammar-add-trigger,.grammar-create-modal-close,.grammar-modal-actions button{transition:none}.grammar-add-trigger:hover,.grammar-modal-submit:hover:not(:disabled),.grammar-create-modal-close:hover{transform:none}.grammar-create-modal,.grammar-create-dialog::backdrop,.grammar-create-dialog.is-closing .grammar-create-modal,.grammar-create-dialog.is-closing::backdrop{animation:none}.grammar-modal-spinner{animation-duration:1.4s}}.grammar-create-modal{width:min(860px,100vw - 32px)}.grammar-modal-form{flex-direction:column;gap:14px;padding:18px 22px 0;display:flex}.grammar-modal-section{border:0;min-width:0;margin:0;padding:0}.grammar-modal-section legend{grid-template-columns:30px auto minmax(0,1fr);align-items:center;gap:9px;width:100%;margin-bottom:11px;padding:0;display:grid}.grammar-modal-section legend>span{color:#176f67;width:28px;height:28px;font-family:var(--display);background:#e5f3f0;border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.grammar-modal-section legend>b{color:#294e49;font-family:var(--display);font-size:14px}.grammar-modal-section legend>small{color:#7a8d89;text-align:right;font-size:12px}.grammar-modal-field-grid{background:#f9fbfa;border:1px solid #dce7e4;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.grammar-modal-section:not(:first-of-type){padding-top:2px}.grammar-modal-actions{z-index:2;background:#fff;border-top:1px solid #e2ebe8;margin:2px -22px 0;padding:15px 22px;position:sticky;bottom:0;box-shadow:0 -8px 18px #173a3608}@media (max-width:700px){.grammar-create-modal{width:100%}.grammar-modal-form{gap:12px;padding:15px 15px 0}.grammar-modal-field-grid{grid-template-columns:1fr;padding:12px}.grammar-modal-field-grid .wide{grid-column:auto}.grammar-modal-section legend{grid-template-columns:30px 1fr}.grammar-modal-section legend>small{text-align:left;grid-column:2}.grammar-modal-actions{margin-inline:-15px;padding:13px 15px}}.grammar-topic-create .vocabulary-thumbnail-picker{grid-template-columns:1fr}.grammar-topic-create .vocabulary-thumbnail-preview{height:125px}.grammar-topic-form>.vocabulary-thumbnail-picker{grid-column:1/-1}.grammar-admin-list>a>span.has-thumbnail{background:#e7f3f0;overflow:hidden}.grammar-admin-list>a>span.has-thumbnail img{object-fit:cover;width:100%;height:100%}.grammar-group-grid>a>div.has-thumbnail{background:#dcebe7;padding:0;position:relative;overflow:hidden}.grammar-group-grid>a>div.has-thumbnail>span{z-index:1;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#173a36a6;border:1px solid #fff6;border-radius:7px;place-items:center;min-width:30px;height:26px;padding:0 7px;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #173a3630}.grammar-group-grid>a>div.has-thumbnail>img{object-fit:cover;width:100%;height:100%;min-height:230px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.grammar-group-grid>a:hover>div.has-thumbnail>img{transform:scale(1.035)}.grammar-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grammar-library-grid>a{flex-direction:column;min-height:0;display:flex}.grammar-library-grid>a>div{aspect-ratio:16/9;min-height:0;padding:16px;position:relative;overflow:hidden}.grammar-library-grid>a>div>span{z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#173a367d;border:1px solid #fff6;border-radius:7px;align-self:flex-start;place-items:center;min-width:32px;height:28px;padding:0 8px;display:grid;position:relative;box-shadow:0 4px 12px #173a3630}.grammar-library-grid>a>div>b{margin:0;position:absolute;bottom:12px;right:18px;font-size:58px!important}.grammar-library-grid>a>div.has-thumbnail>img{object-fit:cover;width:100%;height:100%;min-height:0;position:absolute;inset:0}.grammar-library-grid>a>article{min-height:245px;padding:19px 20px 20px}.grammar-library-grid h2{margin-top:16px;font-size:21px!important}.grammar-library-grid h3{margin-top:2px;font-size:14px!important}.grammar-library-grid p{-webkit-line-clamp:2;margin:10px 0 14px}.grammar-library-grid article>strong{justify-content:space-between;padding-top:4px}.grammar-library-grid article>strong svg{transition:transform .2s}.grammar-library-grid>a:hover article>strong svg{transform:translate(3px)}.grammar-type-filter{background:#fff;border:1px solid #d7e4e1;border-radius:16px;grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:center;gap:24px;margin-top:18px;padding:17px 19px;animation:.5s 80ms both grammar-rise;display:grid;box-shadow:0 8px 25px #174f4807}.grammar-type-filter header>span{color:#438078;font-family:var(--display);letter-spacing:.11em;font-weight:800;font-size:9px!important}.grammar-type-filter h2{font-family:var(--display);margin:3px 0 2px;font-size:18px!important}.grammar-type-filter header p{color:#70847f;margin:0;font-size:11px;line-height:1.5}.grammar-type-filter nav{scrollbar-width:thin;gap:7px;padding:3px;display:flex;overflow-x:auto}.grammar-type-filter nav>a{color:#506c67;background:#fff;border:1px solid #dce7e4;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;min-width:118px;min-height:55px;padding:9px 11px;transition:border-color .2s,background-color .2s,color .2s;display:grid;position:relative}.grammar-type-filter nav>a:hover{background:#f5faf8;border-color:#8fbbb3}.grammar-type-filter nav>a.active{color:#fff;background:#347970;border-color:#347970;box-shadow:0 6px 15px #34797024}.grammar-type-filter nav>a>span{font-family:var(--display);font-size:12px;font-weight:800}.grammar-type-filter nav>a>small{color:#7b8e8a;white-space:nowrap;text-overflow:ellipsis;grid-column:1;max-width:130px;font-size:9px;overflow:hidden}.grammar-type-filter nav>a.active>small{color:#d5ebe7}.grammar-type-filter nav>a>b{color:#39766e;background:#e7f3f0;border-radius:8px;grid-area:1/2/3;place-items:center;min-width:25px;height:25px;padding:0 5px;font-size:10px;display:grid}.grammar-type-filter nav>a.active>b{color:#245f58;background:#fff}@media (max-width:850px){.grammar-type-filter{grid-template-columns:1fr;gap:12px}.grammar-type-filter header p{max-width:520px}}@media (max-width:560px){.grammar-type-filter{padding:14px}.grammar-type-filter nav{margin-inline:-3px}.grammar-type-filter nav>a{min-width:105px}}@media (prefers-reduced-motion:reduce){.grammar-type-filter{animation:none}.grammar-type-filter nav>a{transition:none}}@media (max-width:1180px){.grammar-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.grammar-group-grid>a>div.has-thumbnail>img{min-height:100%}.grammar-library-grid{grid-template-columns:1fr;gap:14px}.grammar-library-grid>a{display:flex}.grammar-library-grid>a>div{aspect-ratio:16/9}.grammar-library-grid>a>div.has-thumbnail>img{min-height:0}.grammar-library-grid>a>article{min-height:220px}}@media (prefers-reduced-motion:reduce){.grammar-group-grid>a>div.has-thumbnail>img{transition:none}.grammar-group-grid>a:hover>div.has-thumbnail>img{transform:none}}.grammar-editor-page .grammar-topic-form{grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:0;padding:0;overflow:hidden;box-shadow:0 8px 25px #174f4807}.grammar-topic-form-head{background:linear-gradient(135deg,#f3faf8,#fff);border-bottom:1px solid #e4ecea;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:18px 21px;display:flex}.grammar-topic-form-head span{color:#176f67;font-family:var(--display);letter-spacing:.11em;font-size:10px;font-weight:800}.grammar-topic-form-head h2{color:#244843;font-family:var(--display);margin:3px 0 0;font-size:18px!important}.grammar-topic-form-head p{color:#718681;text-align:right;max-width:390px;margin:0;font-size:12px}.grammar-topic-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px 10px 21px 21px;display:grid}.grammar-topic-fields .wide{grid-column:1/-1}.grammar-topic-form textarea{resize:vertical;min-height:96px}.grammar-editor-page .grammar-topic-form>.vocabulary-thumbnail-picker{grid-column:auto;grid-template-columns:1fr;align-self:start;margin:20px 21px 20px 10px;padding:12px}.grammar-editor-page .grammar-topic-form>.vocabulary-thumbnail-picker .vocabulary-thumbnail-preview{height:112px}.grammar-topic-form-actions{background:#f8fbfa;border-top:1px solid #e4ecea;grid-column:1/-1;justify-content:flex-end;align-items:flex-end;gap:10px;padding:14px 21px;display:flex}.grammar-topic-form-actions label{width:150px}.grammar-topic-form-actions button{color:#fff;cursor:pointer;background:#176f67;border:0;border-radius:8px;height:40px;padding:0 18px;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 6px 15px #176f6722}.grammar-topic-form-actions button:hover{background:#105f58;transform:translateY(-1px)}@media (max-width:900px){.grammar-editor-page .grammar-topic-form{grid-template-columns:1fr}.grammar-topic-fields{padding:18px 18px 10px}.grammar-editor-page .grammar-topic-form>.vocabulary-thumbnail-picker{grid-column:1;margin:10px 18px 18px}.grammar-topic-form-head{flex-direction:column;align-items:flex-start;gap:5px}.grammar-topic-form-head p{text-align:left}}@media (max-width:560px){.grammar-topic-fields{grid-template-columns:1fr}.grammar-topic-fields .wide{grid-column:auto}.grammar-topic-form-head,.grammar-topic-fields{padding:16px}.grammar-editor-page .grammar-topic-form>.vocabulary-thumbnail-picker{margin:0 16px 16px}.grammar-topic-form-actions{grid-template-columns:1fr 1fr;padding:13px 16px;display:grid}.grammar-topic-form-actions label{width:auto}.grammar-topic-form-actions button{grid-column:1/-1;width:100%}}.grammar-admin-detail-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.grammar-admin-detail-layout>.grammar-editor-layout{grid-area:1/1;margin-top:0}.grammar-admin-detail-layout>.grammar-topic-form{grid-area:1/2;max-height:calc(100vh - 108px);position:sticky;top:88px;overflow-y:auto}.grammar-admin-detail-layout .grammar-editor-layout-modal{grid-template-columns:1fr}.grammar-admin-detail-layout .grammar-danger-sidebar{width:100%}.grammar-admin-detail-layout .admin-danger-zone{margin-top:16px}@media (min-width:1181px){.grammar-editor-page .grammar-admin-detail-layout>.grammar-topic-form{flex-direction:column;gap:0;display:flex}.grammar-admin-detail-layout .grammar-topic-form-head{padding:18px;display:block}.grammar-admin-detail-layout .grammar-topic-form-head p{text-align:left;margin-top:6px}.grammar-admin-detail-layout .grammar-topic-fields{grid-template-columns:1fr;gap:12px;padding:18px}.grammar-admin-detail-layout .grammar-topic-fields .wide{grid-column:auto}.grammar-editor-page .grammar-admin-detail-layout .grammar-topic-form>.vocabulary-thumbnail-picker{margin:0 18px 18px}.grammar-admin-detail-layout .grammar-topic-form-actions{flex-direction:column;align-items:stretch;gap:12px;padding:16px 18px;display:flex}.grammar-admin-detail-layout .grammar-topic-form-actions label,.grammar-admin-detail-layout .grammar-topic-form-actions button{width:100%}}@media (max-width:1180px){.grammar-admin-detail-layout{grid-template-columns:1fr}.grammar-admin-detail-layout>.grammar-topic-form,.grammar-admin-detail-layout>.grammar-editor-layout{grid-area:auto/1;max-height:none;position:static}.grammar-admin-detail-layout>.grammar-editor-layout{margin-top:18px}}.grammar-admin-title{align-items:center}.grammar-admin-title>a{color:#176f67;min-height:42px;font-family:var(--display);white-space:nowrap;background:#fff;border:1px solid #bcd7d1;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:700;transition:all .2s;display:inline-flex}.grammar-admin-title>a:hover{background:#edf7f4;border-color:#73aaa1}.grammar-admin-title>a svg,.grammar-import-card button svg{width:17px;height:17px}.grammar-import-card{background:linear-gradient(135deg,#f4faf8,#fff);border:1px solid #d8e5e2;border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(280px,420px) auto;align-items:center;gap:18px;margin:16px 0 18px;padding:18px 20px;display:grid;box-shadow:0 7px 22px #174f4807}.grammar-import-card>div>span{color:#176f67;font-family:var(--display);letter-spacing:.11em;font-size:10px;font-weight:800}.grammar-import-card h2{font-family:var(--display);margin:4px 0 2px;font-size:18px!important}.grammar-import-card p{color:#718681;margin:0;font-size:12px}.grammar-import-card>label{color:#315f59;cursor:pointer;background:#fff;border:1px dashed #91bdb5;border-radius:10px;align-items:center;min-height:58px;padding:9px 12px;display:flex;position:relative}.grammar-import-card>label input{opacity:0;width:1px;height:1px;position:absolute}.grammar-import-card>label>span{flex-direction:column;min-width:0;display:flex}.grammar-import-card>label b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grammar-import-card>label small{color:#7b8e8a;margin-top:2px}.grammar-import-card>button{color:#fff;height:42px;font-family:var(--display);white-space:nowrap;cursor:pointer;background:#176f67;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-weight:700;display:inline-flex;box-shadow:0 7px 17px #176f6722}.grammar-import-card>button:hover{background:#105f58}.grammar-admin-page>.cms-error{color:#9d4538;background:#fff2ef;border:1px solid #edc4bc;border-radius:10px;margin:12px 0;padding:11px 13px}@media (max-width:950px){.grammar-import-card{grid-template-columns:1fr 1fr}.grammar-import-card>div{grid-column:1/-1}.grammar-import-card>button{height:58px}}@media (max-width:620px){.grammar-admin-title{flex-direction:column;align-items:flex-start}.grammar-admin-title>a{width:100%}.grammar-import-card{grid-template-columns:1fr;padding:16px}.grammar-import-card>div{grid-column:auto}.grammar-import-card>button{height:44px}}.course-topic-create .vocabulary-thumbnail-picker{grid-template-columns:1fr}.course-topic-create .vocabulary-thumbnail-preview{height:125px}.course-settings-card>.vocabulary-thumbnail-picker{grid-column:1/-1}.course-table-name>b.has-thumbnail{padding:0;overflow:hidden}.course-table-name>b.has-thumbnail img{object-fit:cover;width:100%;height:100%}.course-card-cover.has-thumbnail{background:#dcebe7;padding:0}.course-card-cover.has-thumbnail:after{display:none}.course-card-cover.has-thumbnail>img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.course-card-cover.has-thumbnail>span,.course-card-cover.has-thumbnail>small{z-index:2;margin:18px}.course-card-cover.has-thumbnail>span{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#173a36a8;border-radius:6px;width:max-content;padding:5px 8px}.course-card-cover.has-thumbnail>small{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#173a36a8;margin-top:auto}.course-catalog-card:hover .course-card-cover.has-thumbnail>img{transform:scale(1.04)}.continue-visual.has-thumbnail{overflow:hidden}.continue-visual.has-thumbnail>img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.continue-visual.has-thumbnail:after{content:"";background:linear-gradient(#0000 40%,#173a3699);position:absolute;inset:0}.continue-course:hover .continue-visual.has-thumbnail>img{transform:scale(1.035)}.continue-visual.has-thumbnail>div{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.course-card-cover.has-thumbnail>img,.continue-visual.has-thumbnail>img{transition:none}.course-catalog-card:hover .course-card-cover.has-thumbnail>img,.continue-course:hover .continue-visual.has-thumbnail>img{transform:none}}.vocabulary-topic-page .grammar-path-hero{background:linear-gradient(125deg,#315f68,#538b91)}.vocabulary-group-grid>a>div{background:linear-gradient(145deg,#376c75,#65a0a5)}.vocabulary-detail-hero{background:linear-gradient(125deg,#315f68,#588f94)}.vocabulary-detail-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px;display:grid}.vocabulary-detail-grid>article{background:#fff;border:1px solid #d7e4e1;border-radius:15px;padding:19px;animation:.45s both grammar-card;box-shadow:0 8px 23px #174f4806}.vocabulary-detail-grid article>header{align-items:center;gap:7px;display:flex}.vocabulary-detail-grid header>span,.vocabulary-detail-grid header>em,.vocabulary-detail-grid header>b{color:#39776f;background:#e7f3f0;border-radius:6px;padding:4px 7px;font-size:10px;font-style:normal}.vocabulary-detail-grid header>b{color:#8a6728;background:#fff3dc;margin-left:auto}.vocabulary-detail-grid h2{margin:15px 0 0;font-family:Noto Sans JP,sans-serif;font-size:28px!important}.vocabulary-detail-grid h3{color:#69807b;margin:1px 0 10px;font-size:13px!important}.vocabulary-detail-grid>article>p{color:#314d48;margin:0;font-weight:700}.vocabulary-detail-grid>article>small{color:#718581;margin-top:3px;display:block}.vocabulary-detail-grid blockquote{background:#f4f9f7;border-left:3px solid #69a79e;border-radius:0 9px 9px 0;margin:14px 0 0;padding:11px}.vocabulary-detail-grid blockquote>b,.vocabulary-detail-grid blockquote>span{display:block}.vocabulary-detail-grid blockquote>span{color:#718581;margin-top:4px}@media (max-width:1050px){.vocabulary-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.vocabulary-detail-grid{grid-template-columns:1fr}}.vocabulary-type-filter nav>a.active{background:#416f78;border-color:#416f78;box-shadow:0 6px 15px #416f7824}.vocabulary-type-filter nav>a:hover{background:#f3f8f9;border-color:#8caeb5}.vocabulary-type-filter nav>a>b{color:#376c75;background:#e5f0f2}.vocabulary-type-filter nav>a.active>b{color:#315f68;background:#fff}.admin-workspace{--admin-bg:#f4f6fa;--admin-surface:#fff;--admin-surface-muted:#f8f9fc;--admin-border:#e7e7e7;--admin-border-strong:#d9dce3;--admin-text:#464652;--admin-text-muted:#61748f;--admin-primary:#675db0;--admin-primary-hover:#574d9f;--admin-primary-soft:#f0eef9;--admin-danger:#d14343;--admin-danger-hover:#b93636;--admin-danger-soft:#fff0f0;--admin-success:#23856d;--admin-radius:8px;color:var(--admin-text);background:var(--admin-bg);font-family:Google Sans,Segoe UI,Arial,sans-serif;font-weight:400}.admin-workspace *,.admin-workspace :before,.admin-workspace :after{font-weight:400!important}.admin-workspace :is(h1,h2,h3,h4,h5,h6,b,strong,label,th){color:var(--admin-text)}.admin-workspace :is(p,small,time){color:var(--admin-text-muted)}.admin-content :is(h1,h2,h3){letter-spacing:-.01em}.admin-content h1{font-size:24px!important}.admin-content h2{font-size:18px!important}.admin-content h3{font-size:15px!important}.admin-workspace .admin-stage,.admin-workspace .admin-content,.admin-workspace .cms-page{background:var(--admin-bg)!important}.admin-workspace .admin-sidebar{border-right:1px solid var(--admin-border)!important;box-shadow:none!important;background:#fff!important}.admin-workspace .admin-header{border-bottom:1px solid var(--admin-border)!important;box-shadow:none!important;background:#fffffff5!important}.admin-workspace .admin-sidebar nav a{color:var(--admin-text-muted)!important;border-radius:var(--admin-radius)!important}.admin-workspace .admin-sidebar nav a:hover{color:var(--admin-text)!important;background:var(--admin-surface-muted)!important}.admin-workspace .admin-sidebar nav a.active{color:var(--admin-primary)!important;background:var(--admin-primary-soft)!important}.admin-workspace .admin-sidebar nav a.active svg{color:var(--admin-primary)!important}.admin-content :is(.cms-card,.catalog-create-card,.course-settings-card,.acd-module,.lesson-section-card,.grammar-topic-form,.grammar-point-edit-list>article,.vocab-settings-card,.vocab-add-card,.vocab-word-card,.media-library-grid>article,.admin-confirm-modal){border-color:var(--admin-border)!important;border-radius:var(--admin-radius)!important;background:var(--admin-surface)!important;box-shadow:0 2px 8px #262c400a!important}.admin-content :is(.cms-card-head,.lesson-section-card>header,.acd-module>header,.course-admin-table th){border-color:var(--admin-border)!important;background:var(--admin-surface-muted)!important}.admin-content table{color:var(--admin-text);background:var(--admin-surface)}.admin-content :is(th,td){border-color:var(--admin-border)!important}.admin-workspace :is(input,select,textarea){color:var(--admin-text)!important;border-color:var(--admin-border-strong)!important;border-radius:var(--admin-radius)!important;box-shadow:none!important;background:#fff!important}.admin-workspace :is(input,select,textarea)::placeholder{color:#9099a8!important}.admin-workspace :is(input,select,textarea):focus{border-color:var(--admin-primary)!important;outline:0!important;box-shadow:0 0 0 3px #675db01f!important}.admin-workspace button{cursor:pointer;min-height:38px;border:1px solid var(--admin-border-strong)!important;border-radius:var(--admin-radius)!important;color:var(--admin-text)!important;box-shadow:none!important;background:#fff!important;transition:color .18s,background-color .18s,border-color .18s!important}.admin-workspace button:hover:not(:disabled){color:var(--admin-primary)!important;border-color:var(--admin-primary)!important;background:var(--admin-primary-soft)!important;transform:none!important}.admin-workspace button:focus-visible{outline-offset:2px;outline:3px solid #675db033!important}.admin-workspace button:disabled{opacity:.55;cursor:not-allowed}.admin-workspace :is(form button[type=submit],form button:not([type]),.grammar-add-trigger,.lesson-section-editor>header>button,.lesson-section-empty>button,.grammar-modal-submit,.course-settings-actions button,.acd-add-lesson-fields button,.acd-add-module button){color:#fff!important;border-color:var(--admin-primary)!important;background:var(--admin-primary)!important}.admin-workspace :is(form button[type=submit],form button:not([type]),.grammar-add-trigger,.lesson-section-editor>header>button,.lesson-section-empty>button,.grammar-modal-submit,.course-settings-actions button,.acd-add-lesson-fields button,.acd-add-module button):hover:not(:disabled){color:#fff!important;border-color:var(--admin-primary-hover)!important;background:var(--admin-primary-hover)!important}.admin-workspace .admin-delete-trigger,.admin-workspace .admin-confirm-delete{color:#fff!important;border-color:var(--admin-danger)!important;background:var(--admin-danger)!important}.admin-workspace .admin-delete-trigger:hover:not(:disabled),.admin-workspace .admin-confirm-delete:hover:not(:disabled){color:#fff!important;border-color:var(--admin-danger-hover)!important;background:var(--admin-danger-hover)!important}.admin-workspace .admin-confirm-cancel{color:var(--admin-text)!important;background:#fff!important}.admin-workspace .status-badge{border:1px solid #0000}.admin-workspace .status-badge.published{color:var(--admin-success)!important;background:#eaf6f2!important}.admin-workspace .status-badge.draft{color:#8a6a24!important;background:#fff6df!important}.admin-workspace .status-badge.archived{color:var(--admin-text-muted)!important;background:#eef1f5!important}.admin-workspace .cms-success{color:var(--admin-success)!important;background:#edf8f5!important;border-color:#bfe2d8!important}.admin-workspace .cms-error{color:var(--admin-danger)!important;background:var(--admin-danger-soft)!important;border-color:#efc6c6!important}@media (prefers-reduced-motion:reduce){.admin-workspace button{transition:none!important}}.category-card footer>div{align-items:center;gap:7px;display:flex}.category-card footer>div>a{border:1px solid var(--admin-border,#e7e7e7);border-radius:7px;align-items:center;min-height:34px;padding:0 9px;display:inline-flex}.category-card footer>div>form{display:flex}.category-card footer .admin-delete-trigger{min-height:34px!important;padding:0 9px!important;font-size:11px!important}.admin-catalog-filters{border:1px solid var(--admin-border,#e7e7e7);background:#fff;border-radius:10px;grid-template-columns:minmax(240px,1fr) minmax(160px,220px) minmax(150px,200px) auto auto;align-items:center;gap:8px;margin:0 0 14px;padding:11px;display:grid;box-shadow:0 2px 8px #262c4008}.admin-catalog-filters :is(input,select){border:1px solid var(--admin-border-strong,#d9dce3);background:#fff;border-radius:8px;width:100%;height:38px;padding:0 10px;font-size:12px}.admin-catalog-search{position:relative}.admin-catalog-search svg{width:15px;height:15px;color:var(--admin-text-muted,#61748f);stroke-width:1.8px;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.admin-catalog-search input{padding-left:34px}.admin-catalog-filters button{min-height:38px;padding:0 14px}.admin-catalog-filters>a{min-height:38px;color:var(--admin-text-muted,#61748f);white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:11px;display:inline-flex}.admin-catalog-filters>a:hover{color:var(--admin-primary,#675db0)}@media (max-width:900px){.admin-catalog-filters{grid-template-columns:1fr 1fr}.admin-catalog-search{grid-column:1/-1}.admin-catalog-filters button,.admin-catalog-filters>a{width:100%}}@media (max-width:560px){.admin-catalog-filters{grid-template-columns:1fr}.admin-catalog-search{grid-column:auto}}.learning-library-page,.video-library-page,.video-detail-page{color:#203e3a;background:#f5f8f7;min-height:100%;padding:30px}.learning-library-wrap,.video-library-wrap,.video-detail-wrap{max-width:1440px;margin:auto}.learning-library-hero{color:#fff;background:linear-gradient(125deg,#173f3a,#376c75 62%,#62958d);border-radius:24px;grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding:44px 48px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 46px #173f3a1c}.learning-library-hero:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-120px;right:225px}.learning-library-hero>div{z-index:1;position:relative}.learning-library-hero>div>span,.video-library-hero>div>span{letter-spacing:.14em;font:700 11px Barlow,sans-serif}.learning-library-hero h1{color:#fff;letter-spacing:-.035em;max-width:720px;margin:12px 0 14px;line-height:1.13;font-size:42px!important}.learning-library-hero h1 em{color:#bce5dc;font-style:normal}.learning-library-hero p{color:#e1f0ed;max-width:680px;margin:0;font-size:15px;line-height:1.75}.learning-library-hero nav{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.learning-library-hero nav a{color:#fff;background:#ffffff0d;border:1px solid #ffffff35;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;transition:all .2s}.learning-library-hero nav a:hover{background:#ffffff1c;border-color:#ffffff80}.learning-library-hero>aside{z-index:1;grid-template-columns:1fr 1fr;align-content:end;gap:10px;display:grid;position:relative}.learning-library-hero>aside strong{background:#ffffff10;border:1px solid #ffffff24;border-radius:14px;padding:15px;font:700 25px Barlow,sans-serif}.learning-library-hero>aside small{color:#d8e9e5;margin-top:4px;font-size:10px;font-weight:600;display:block}.learning-library-hero>aside>span{color:#ffffff18;font:700 116px/1 Noto Serif JP,serif;position:absolute;top:-13px;right:5px}.learning-continue{background:#fff;border:1px solid #d4e3df;border-radius:15px;grid-template-columns:minmax(0,1fr) 220px auto;align-items:center;gap:25px;margin-top:18px;padding:17px 20px;transition:all .2s;display:grid;box-shadow:0 8px 24px #173f3a08}.learning-continue:hover{border-color:#8eb9b1;box-shadow:0 12px 30px #173f3a10}.learning-continue>div>span{color:#34786e;letter-spacing:.12em;font:700 10px Barlow,sans-serif}.learning-continue>div>small{color:#71837f;margin-left:10px}.learning-continue h2{margin:0 0 0 12px;display:inline;font-size:15px!important}.learning-continue p{color:#71837f;margin-left:10px;font-size:12px;display:inline}.learning-continue>i{background:#e4eeeb;border-radius:20px;height:7px;overflow:hidden}.learning-continue>i b{border-radius:inherit;background:#45a18f;height:100%;display:block}.learning-continue>strong{color:#2d7167;align-items:center;gap:8px;font-size:13px;display:flex}.learning-continue svg,.learning-domain-grid svg,.learning-material-copy footer svg{width:17px;height:17px}.learning-domain-section,.learning-material-section{margin-top:42px;scroll-margin-top:24px}.learning-domain-section>header,.learning-material-section>header,.video-library-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.learning-domain-section header span,.learning-material-section header span,.video-library-heading span{color:#3b7c73;letter-spacing:.13em;font:700 10px Barlow,sans-serif}.learning-domain-section h2,.learning-material-section h2,.video-library-heading h2{margin:6px 0 0;font-size:25px!important}.learning-domain-section header>a{color:#34786e;font-size:12px;font-weight:700}.learning-material-section header p{color:#687d78;max-width:700px;margin:7px 0 0}.learning-material-section header>small,.video-library-heading>small{color:#3d756d;background:#e4efec;border-radius:8px;padding:6px 10px;font-weight:700}.learning-domain-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.learning-domain-grid>a{--domain-accent:#376c75;min-height:224px;animation:.45s both library-card-in;animation-delay:calc(var(--domain-index) * 45ms);background:#fff;border:1px solid #d8e5e2;border-radius:18px;flex-direction:column;padding:21px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 26px #173f3a07}.learning-domain-grid>a:before{background:var(--domain-accent);content:"";width:100%;height:4px;position:absolute;top:0;left:0}.learning-domain-grid>a:hover,.learning-domain-grid>a.active{border-color:var(--domain-accent)}@supports (color:color-mix(in lab, red, red)){.learning-domain-grid>a:hover,.learning-domain-grid>a.active{border-color:color-mix(in srgb,var(--domain-accent),#fff 45%)}}.learning-domain-grid>a:hover,.learning-domain-grid>a.active{transform:translateY(-2px);box-shadow:0 15px 34px #173f3a10}.learning-domain-grid>a.active{background:var(--domain-accent)}@supports (color:color-mix(in lab, red, red)){.learning-domain-grid>a.active{background:color-mix(in srgb,var(--domain-accent),#fff 94%)}}.learning-domain-grid>a>span{justify-content:space-between;align-items:center;display:flex}.learning-domain-grid>a>span b{color:var(--domain-accent);font:700 13px Barlow,sans-serif}.learning-domain-grid>a>span small{color:#607a75;background:#eef4f2;border-radius:6px;padding:4px 7px}.learning-domain-grid strong{color:#244942;margin-top:22px;font-size:19px}.learning-domain-grid em{color:#71847f;margin-top:3px;font-size:12px;font-style:normal}.learning-domain-grid p{color:#647a75;margin:12px 0 18px;font-size:13px;line-height:1.65}.learning-domain-grid>a>i{color:var(--domain-accent);align-items:center;gap:7px;margin-top:auto;font-size:12px;font-style:normal;font-weight:700;display:flex}.learning-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.learning-material-card{background:#fff;border:1px solid #d7e3e0;border-radius:19px;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 9px 27px #173f3a07}.learning-material-card:hover{border-color:#9fc2bb;transform:translateY(-3px);box-shadow:0 16px 36px #173f3a10}.learning-material-cover{--material-accent:#376c75;color:#fff;background:linear-gradient(135deg,var(--material-accent),var(--material-accent));justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.learning-material-cover{background:linear-gradient(135deg,var(--material-accent),color-mix(in srgb,var(--material-accent),#fff 35%))}}.learning-material-cover:after{content:"";border:1px solid #ffffff35;border-radius:50%;width:120px;height:120px;position:absolute}.learning-material-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.learning-material-card:hover img{transform:scale(1.035)}.learning-material-cover>span{font:700 64px Noto Serif JP,serif}.learning-material-cover>small,.learning-material-cover>b{z-index:1;letter-spacing:.08em;background:#173a36b5;border-radius:6px;padding:5px 8px;font:700 9px Barlow,sans-serif;position:absolute;top:14px}.learning-material-cover>small{left:14px}.learning-material-cover>b{right:14px}.learning-material-copy{flex-direction:column;flex:1;padding:19px;display:flex}.learning-material-copy>small{color:#438078;letter-spacing:.07em;font:700 10px Barlow,sans-serif}.learning-material-copy h3{color:#23443e;margin:9px 0 0;line-height:1.35;font-size:18px!important}.learning-material-copy h4{color:#748681;margin:3px 0 0;font-weight:500;font-size:12px!important}.learning-material-copy>p{color:#687d78;margin:11px 0;font-size:12px;line-height:1.65}.learning-material-copy>div{color:#5f7671;align-items:center;gap:8px;font-size:11px;display:flex}.learning-material-copy>div i{background:#8fa29e;border-radius:50%;width:3px;height:3px}.learning-material-copy footer{border-top:1px solid #e4ecea;justify-content:space-between;align-items:end;gap:16px;margin-top:15px;padding-top:14px;display:flex}.learning-material-copy footer>span{flex:1}.learning-material-copy footer>span>i{background:#4b9c8e;border-radius:10px;height:5px;display:block}.learning-material-copy footer>span>small{color:#71837f;margin-top:6px;font-size:10px;display:block}.learning-material-copy footer>b{color:#34786e;background:#e6f1ee;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.learning-empty{text-align:center;background:#fff;border:1px dashed #bbcfca;border-radius:18px;padding:50px 20px}.learning-empty>span{color:#bdd1cc;font:600 44px Noto Serif JP,serif}.learning-empty h2{margin:8px 0 5px;font-size:19px!important}.learning-empty p{color:#71837f;margin:0}.video-library-hero{color:#fff;background:linear-gradient(125deg,#253e52,#3b6e78 65%,#638f8d);border-radius:23px;justify-content:space-between;align-items:center;gap:30px;padding:38px 42px;display:flex}.video-library-hero h1{color:#fff;margin:10px 0;font-size:38px!important}.video-library-hero p{color:#e1ecec;max-width:720px;margin:0;line-height:1.7}.video-library-hero>span{background:#ffffff10;border:1px solid #ffffff2e;border-radius:28px;flex:0 0 100px;place-items:center;height:100px;display:grid}.video-library-hero>span svg{width:48px}.video-filters{background:#fff;border:1px solid #d7e3e0;border-radius:15px;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 34px;padding:16px 18px;display:grid}.video-filters>div>span{color:#66807a;letter-spacing:.12em;font:700 9px Barlow,sans-serif}.video-filters nav{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.video-filters a{color:#506d67;background:#fff;border:1px solid #dce6e4;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.video-filters a:hover,.video-filters a.active{color:#fff;background:#39796f;border-color:#39796f}.video-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.video-card{background:#fff;border:1px solid #d7e3e0;border-radius:18px;transition:all .2s;overflow:hidden;box-shadow:0 8px 25px #173f3a07}.video-card:hover{border-color:#9fc2bb;transform:translateY(-2px);box-shadow:0 15px 34px #173f3a10}.video-card>div{background:#dfeae8;height:190px;position:relative;overflow:hidden}.video-card>div>img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-card:hover>div>img{transform:scale(1.035)}.video-card>div>span{color:#71938d;place-items:center;height:100%;font:600 38px Noto Serif JP,serif;display:grid}.video-card>div>i{color:#fff;background:#173f3ad9;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card>div>i svg{width:24px}.video-card>div>small{color:#fff;background:#102b28d9;border-radius:5px;padding:4px 7px;font:700 10px Barlow,sans-serif;position:absolute;bottom:10px;right:10px}.video-card>article{padding:18px}.video-card article>span{color:#3c7a71;letter-spacing:.08em;font:700 9px Barlow,sans-serif}.video-card h2{color:#23443e;margin:9px 0 0;font-size:16px!important}.video-card h3{color:#748681;margin:3px 0 0;font-size:12px!important}.video-card p{color:#687d78;margin:10px 0;font-size:12px;line-height:1.6}.video-card footer{color:#71837f;border-top:1px solid #e5ecea;justify-content:space-between;padding-top:12px;display:flex}.video-card footer b{color:#39796f}.video-breadcrumb{color:#71837f;flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.video-breadcrumb a{color:#34786e}.video-player-shell{background:#122724;border-radius:20px;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 18px 45px #12272420}.video-player-shell iframe,.video-player-shell video,.video-player-shell>div{border:0;width:100%;height:100%;position:absolute;inset:0}.video-player-shell>div{color:#fff;place-items:center;display:grid}.video-detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:22px;display:grid}.video-detail-layout>article,.video-detail-layout>aside{background:#fff;border:1px solid #d7e3e0;border-radius:17px;padding:25px}.video-detail-layout article>span,.video-detail-layout aside>span{color:#3d7a71;letter-spacing:.1em;font:700 10px Barlow,sans-serif}.video-detail-layout h1{margin:10px 0 0;font-size:27px!important}.video-detail-layout h2{color:#71837f;margin:4px 0;font-size:14px!important}.video-detail-layout article>p{color:#5f7671;line-height:1.75}.video-detail-layout dl{margin:15px 0 0}.video-detail-layout dl>div{border-top:1px solid #e5ecea;justify-content:space-between;gap:15px;padding:11px 0;display:flex}.video-detail-layout dt{color:#71837f}.video-detail-layout dd{color:#294b45;text-align:right;margin:0;font-weight:700}@keyframes library-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1080px){.learning-domain-grid,.learning-material-grid,.video-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-library-hero{grid-template-columns:1fr 230px}}@media (max-width:760px){.learning-library-wrap,.video-library-wrap,.video-detail-wrap{max-width:1440px;padding-top:18px}.learning-library-hero{grid-template-columns:1fr;padding:30px 24px}.learning-library-hero h1,.video-library-hero h1{font-size:31px!important}.learning-library-hero>aside{display:none}.learning-continue{grid-template-columns:1fr auto}.learning-continue>i{grid-area:2/1/auto/-1}.learning-continue p{margin:5px 0 0;display:block}.learning-domain-grid,.learning-material-grid,.video-card-grid{grid-template-columns:1fr}.video-library-hero{padding:29px 24px}.video-library-hero>span{display:none}.video-filters,.video-detail-layout{grid-template-columns:1fr}.learning-domain-section>header,.learning-material-section>header,.video-library-heading{align-items:start}.learning-material-copy>p{min-height:0}}@media (max-width:480px){.learning-library-hero h1,.video-library-hero h1{font-size:27px!important}.learning-library-hero nav{display:grid}.learning-library-hero nav a{text-align:center}.learning-domain-section,.learning-material-section{margin-top:30px}.video-card>div{height:180px}}@media (prefers-reduced-motion:reduce){.learning-domain-grid>a,.learning-material-card,.video-card,.learning-material-cover img,.video-card>div>img{transition:none;animation:none}.learning-domain-grid>a:hover,.learning-material-card:hover,.video-card:hover,.learning-material-card:hover img,.video-card:hover img{transform:none}}.lesson-grammar-library{background:#fff;border:1px solid #d8e5e2;border-radius:18px;margin-top:22px;overflow:hidden}.lesson-grammar-library>header{background:#f4f8f7;justify-content:space-between;align-items:end;gap:18px;padding:21px 23px;display:flex}.lesson-grammar-library>header span{color:#39786f;letter-spacing:.1em;font-size:10px;font-weight:800}.lesson-grammar-library>header h2{margin:5px 0 0}.lesson-grammar-library>header p{color:#6d817d;margin:4px 0 0}.lesson-grammar-library>header>b{color:#39786f;background:#e3efec;border-radius:8px;padding:6px 10px}.lesson-grammar-library>div>article{border-top:1px solid #e4ecea;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:20px 23px;display:grid}.lesson-grammar-library>div>article>span{color:#39786f;background:#e7f1ee;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.lesson-grammar-main>small{color:#5b7c76;letter-spacing:.06em;font-size:10px;font-weight:700}.lesson-grammar-main h3{color:#21443e;margin:5px 0 0;font-size:22px}.lesson-grammar-main>em{color:#71837f;margin-top:2px;font-style:normal;display:block}.lesson-grammar-main>p{color:#344e49;margin:9px 0}.lesson-grammar-main details{margin:10px 0}.lesson-grammar-main summary{color:#39786f;cursor:pointer;font-weight:700}.lesson-grammar-main blockquote{background:#f2f7f5;border:0;border-radius:12px;margin:14px 0 0;padding:14px 52px 14px 16px;position:relative}.lesson-grammar-main blockquote .japanese-speech-button{position:absolute;top:12px;right:12px}.lesson-grammar-main blockquote>b,.lesson-grammar-main blockquote>small{display:block}.lesson-grammar-main blockquote>small{color:#71837f;margin-top:3px}.lesson-grammar-main blockquote>p{color:#526b66;margin:7px 0 0}.lesson-dialogue{flex-direction:column;gap:14px;margin-top:16px;display:flex}.lesson-dialogue-turn{gap:10px;max-width:80%;display:flex}.lesson-dialogue-turn.speaker-b{flex-direction:row-reverse;align-self:flex-end}.lesson-dialogue-speaker{color:#fff;width:30px;height:30px;font-family:var(--display);background:#176f67;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.lesson-dialogue-turn.speaker-b .lesson-dialogue-speaker{background:#b86650}.lesson-dialogue-content{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.lesson-dialogue-turn.speaker-b .lesson-dialogue-content{align-items:flex-end}.lesson-dialogue-name{color:#647b76;margin:0 0 4px 3px;font-size:11px;font-weight:800}.lesson-dialogue-bubble{background:#e8f5ef;border-radius:0 14px 14px;outline:0;padding:12px 15px;transition:box-shadow .18s,background-color .18s}.lesson-dialogue-bubble[role=button]{cursor:pointer}.lesson-dialogue-turn.speaker-b .lesson-dialogue-bubble{background:#fff3ec;border-radius:14px 0 14px 14px}.lesson-dialogue-bubble>div{align-items:center;gap:8px;display:flex}.lesson-dialogue-bubble>div>b{font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400}.lesson-dialogue-bubble>small{color:#71837f;margin-top:3px;font-family:Noto Sans JP,sans-serif;display:block}.lesson-dialogue-bubble>p{color:#496660;opacity:0;max-height:0;margin:0;font-size:13px;transition:max-height .25s,margin .2s,opacity .18s,transform .2s;overflow:hidden;transform:translateY(-3px)}.lesson-dialogue-bubble:focus-visible>p,.lesson-dialogue-bubble.translation-open>p{opacity:1;max-height:160px;margin-top:7px;transform:none}.lesson-dialogue-bubble:focus-visible{box-shadow:0 0 0 3px #69b6ad55}.lesson-dialogue-bubble[role=button]:after{color:#718a84;margin-top:5px;font-size:9px;font-weight:700;display:block}.lesson-dialogue-audio{background:#f4f9f7;border:1px solid #d9e7e3;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:14px 16px;display:flex}.lesson-dialogue-audio span,.lesson-dialogue-audio b{display:block}.lesson-dialogue-audio span{color:#39786f;letter-spacing:.1em;font-size:9px;font-weight:800}.lesson-dialogue-audio b{color:#294a44;margin-top:3px}.lesson-dialogue-audio audio{width:min(430px,60%)}.lesson-dialogue-template-help{background:#f1f8f6;border:1px dashed #9fc7c0;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;display:flex}.lesson-dialogue-template-help b,.lesson-dialogue-template-help small{display:block}.lesson-dialogue-template-help small{color:#617c76;margin-top:2px}.lesson-dialogue-template-help button{color:#176f67;cursor:pointer;background:#fff;border:1px solid #176f67;border-radius:7px;padding:8px 11px;font-weight:700}.lesson-conversation-audio{background:#fff;border:1px solid #dce8e5;border-radius:10px;gap:9px;padding:13px;display:grid}.lesson-conversation-audio>header,.lesson-conversation-audio>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-conversation-audio b,.lesson-conversation-audio small{display:block}.lesson-conversation-audio small{color:#69817c;margin-top:2px}.lesson-conversation-audio>header button{color:#a34f3c;cursor:pointer;background:0 0;border:0}.lesson-conversation-audio>div>input{flex:1;min-width:0}.lesson-conversation-audio>div label{color:#176f67;cursor:pointer;border:1px solid #176f67;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:700}.lesson-conversation-audio>div label input{display:none}.lesson-conversation-audio>audio{width:100%;height:36px}.lesson-section-fields .lesson-dialogue-source-field{gap:8px}.lesson-section-fields .lesson-dialogue-source{color:#294842;tab-size:2;white-space:pre;resize:vertical;border-color:#cbded9;min-height:320px;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:500;line-height:1.75;overflow:auto;background:linear-gradient(#fbfdfc,#fff)!important}.lesson-section-fields .lesson-dialogue-source::placeholder{color:#829891;opacity:.72}.lesson-section-fields .lesson-dialogue-source:focus{border-color:#69a99f;outline:0;box-shadow:0 0 0 3px #69a99f22}.lesson-dialogue-bubble audio{width:210px;max-width:100%;height:32px}.lesson-turn-audio{grid-template-columns:minmax(180px,1fr) auto;gap:7px;display:grid}.lesson-turn-audio label{border:1px solid var(--admin-border);color:var(--admin-primary);cursor:pointer;border-radius:7px;place-items:center;padding:0 10px;font-size:11px;font-weight:700;display:grid}.lesson-turn-audio label input{display:none}.lesson-turn-audio audio{grid-column:1/-1;width:100%;height:34px}@media (max-width:600px){.lesson-dialogue-turn{max-width:94%}.lesson-dialogue-bubble>div{flex-direction:column;align-items:flex-start}.lesson-dialogue-bubble audio{width:100%}.lesson-dialogue-audio,.lesson-dialogue-template-help,.lesson-conversation-audio>header,.lesson-conversation-audio>div{flex-direction:column;align-items:stretch}.lesson-dialogue-audio audio{width:100%}}.lesson-self-check-list{flex-direction:column;gap:14px;margin-top:16px;display:flex}.lesson-self-check-card{background:#fbfdfc;border:1px solid #e0e9e7;border-radius:12px;padding:18px 20px}.lesson-self-check-card>header{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.lesson-self-check-card>header>span{color:#97a6a3;font-family:var(--display);font-size:10px}.lesson-self-check-card>header>b{font-size:16px;line-height:1.6}.lesson-self-check-card label{color:#5f7b76;font-family:var(--display);flex-direction:column;gap:5px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.lesson-self-check-card textarea{resize:vertical;border:1px solid #d9e5e2;border-radius:8px;width:100%;padding:10px 11px;font-family:inherit}.lesson-self-check-card>button{color:#176f67;height:36px;font-family:var(--display);cursor:pointer;background:#edf7f4;border:1px solid #8dbab3;border-radius:8px;padding:0 14px;font-weight:700}.lesson-self-check-card>button:hover{color:#fff;background:#176f67;border-color:#176f67}.lesson-self-check-answer{background:#f2f8f6;border-left:3px solid #69a99f;border-radius:0 10px 10px 0;padding:12px 14px}.lesson-self-check-answer>small{color:#39786f;letter-spacing:.06em;font-size:10px;font-weight:700}.lesson-self-check-answer>p{color:#2f4e49;margin:4px 0 0;font-size:15px;line-height:1.7}.lesson-practice-block{background:#fff;border:1px solid #d8e5e2;border-radius:18px;margin-top:22px;overflow:hidden}.lesson-practice-block>header{background:#f4f8f7;justify-content:space-between;align-items:end;gap:18px;padding:21px 23px;display:flex}.lesson-practice-block>header span{color:#39786f;letter-spacing:.1em;font-size:10px;font-weight:800}.lesson-practice-block>header h2{margin:5px 0 0}.lesson-practice-block>header p{color:#6d817d;margin:4px 0 0}.lesson-practice-block>header>b{color:#39786f;background:#e3efec;border-radius:8px;padding:6px 10px}.lesson-practice-block>div>article{border-top:1px solid #e4ecea;padding:20px 23px}.lesson-practice-block>div>article>header{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.lesson-practice-block>div>article>header>span{color:#97a6a3;font-family:var(--display);font-size:10px}.lesson-practice-options{gap:8px;display:grid}.lesson-practice-options button,.lesson-practice-option{color:#344e49;text-align:left;cursor:pointer;background:#fbfdfc;border:1px solid #d9e5e2;border-radius:9px;padding:11px 14px;font-size:14px}.lesson-practice-options button:hover{background:#f0f8f6;border-color:#176f67}.lesson-practice-option.correct{color:#1f5c45;background:#eaf7f0;border-color:#5fae8f}.lesson-practice-option.wrong{color:#7c3524;background:#fbeeea;border-color:#d99b8c}.lesson-practice-result{margin:4px 0 0;font-weight:700}.lesson-practice-result.correct{color:#1f5c45}.lesson-practice-result.wrong{color:#7c3524}.lesson-practice-explanation{background:#f2f8f6;border-left:3px solid #69a99f;border-radius:0 10px 10px 0;margin-top:6px;padding:12px 14px}.lesson-practice-explanation>small{color:#39786f;letter-spacing:.06em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}@media (max-width:600px){.lesson-grammar-library>header{flex-direction:column;align-items:start}.lesson-grammar-library>div>article{grid-template-columns:1fr;padding:17px}.lesson-grammar-library>div>article>span{width:32px;height:32px}}.vocabulary-learning-page .grammar-detail-wrap{max-width:1440px}.vocabulary-study-guide{background:#d9e5e2;border:1px solid #d9e5e2;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;display:grid;overflow:hidden;box-shadow:0 8px 24px #204f480d}.vocabulary-study-guide>div{background:#fff;align-items:center;gap:12px;padding:15px 17px;display:flex}.vocabulary-study-guide>div>span{color:#34746b;background:#e8f3f0;border-radius:10px;flex:0 0 34px;place-items:center;height:34px;font:700 12px Barlow,sans-serif;display:grid}.vocabulary-study-guide p{margin:0}.vocabulary-study-guide b,.vocabulary-study-guide small{display:block}.vocabulary-study-guide b{color:#294b46;font-size:14px}.vocabulary-study-guide small{color:#71837f;margin-top:2px;font-size:12px;line-height:1.45}.vocabulary-list-heading{justify-content:space-between;align-items:end;gap:24px;margin:28px 0 14px;display:flex}.vocabulary-list-heading span{color:#438078;letter-spacing:.12em;font:700 11px Barlow,sans-serif}.vocabulary-list-heading h2{color:#203e3a;margin:4px 0 0;font-size:22px!important}.vocabulary-list-heading>p{color:#6b7f7b;text-align:right;max-width:390px;margin:0}.vocabulary-learning-page .vocabulary-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}.vocabulary-learning-page .vocabulary-detail-grid>article{min-width:0;animation:.45s cubic-bezier(.22,1,.36,1) both vocabulary-card-enter;animation-delay:min(calc(var(--word-index) * 35ms),.35s);border-color:#d9e5e2;border-radius:18px;flex-direction:column;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 10px 30px #1b4b440e}.vocabulary-learning-page .vocabulary-detail-grid>article:hover{border-color:#aaccc6;transform:translateY(-2px);box-shadow:0 15px 34px #1b4b441a}.vocabulary-card-meta{min-height:25px}.vocabulary-learning-page .vocabulary-card-meta>span,.vocabulary-learning-page .vocabulary-card-meta>em,.vocabulary-learning-page .vocabulary-card-meta>b{letter-spacing:.06em;font:700 10px Barlow,sans-serif}.vocabulary-learning-page .vocabulary-card-meta>em:first-of-type{color:#765c28;background:#fff1d5}.vocabulary-card-word{border-bottom:1px solid #e4ecea;justify-content:space-between;align-items:center;gap:16px;padding:17px 0 15px;display:flex}.vocabulary-learning-page .vocabulary-card-word h2{color:#193b36;margin:0;line-height:1.25;font-size:30px!important}.vocabulary-learning-page .vocabulary-card-word h3{color:#628079;margin:3px 0 0;font-weight:500;font-size:14px!important}.vocabulary-card-word .japanese-speech-button,.vocabulary-detail-grid blockquote .japanese-speech-button{color:#31766c;cursor:pointer;background:#edf7f4;border:1px solid #cde1dd;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;transition:background .2s,color .2s,border-color .2s,transform .2s;display:grid}.vocabulary-card-word .japanese-speech-button:hover,.vocabulary-detail-grid blockquote .japanese-speech-button:hover{color:#fff;background:#397e74;border-color:#77afa6;transform:translateY(-1px)}.vocabulary-card-word .japanese-speech-button:focus-visible,.vocabulary-detail-grid blockquote .japanese-speech-button:focus-visible{outline-offset:2px;outline:3px solid #45847b40}.vocabulary-card-word .japanese-speech-button svg,.vocabulary-detail-grid blockquote .japanese-speech-button svg{width:20px}.vocabulary-card-meaning{padding:15px 0 2px}.vocabulary-card-meaning>span{color:#56847d;letter-spacing:.11em;font:700 10px Barlow,sans-serif}.vocabulary-card-meaning>p{color:#2e4642;margin:7px 0 0;font-size:15px;font-weight:500;line-height:1.75}.vocabulary-card-meaning>small{color:#718581;margin-top:5px;font-size:13px;line-height:1.65;display:block}.vocabulary-learning-page .vocabulary-detail-grid blockquote{background:#f2f7f5;border:0;border-radius:13px;margin-top:auto;padding:14px 15px}.vocabulary-learning-page .vocabulary-detail-grid blockquote>header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.vocabulary-learning-page .vocabulary-detail-grid blockquote header>span{color:#56847d;letter-spacing:.11em;background:0 0;margin:0;padding:0;font:700 10px Barlow,sans-serif}.vocabulary-learning-page .vocabulary-detail-grid blockquote .japanese-speech-button{border-radius:9px;flex-basis:32px;width:32px;height:32px}.vocabulary-learning-page .vocabulary-detail-grid blockquote>b{color:#23423d;font-size:15px;line-height:1.75}.vocabulary-learning-page .vocabulary-detail-grid blockquote>small{color:#647a76;border-top:1px dashed #cfdfdc;margin-top:7px;padding-top:7px;font-size:13px;line-height:1.65;display:block}@keyframes vocabulary-card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.vocabulary-study-guide,.vocabulary-learning-page .vocabulary-detail-grid{grid-template-columns:1fr}.vocabulary-list-heading{flex-direction:column;align-items:start;gap:6px}.vocabulary-list-heading>p{text-align:left}}@media (max-width:560px){.vocabulary-study-guide>div{padding:13px}.vocabulary-learning-page .vocabulary-detail-grid>article{padding:16px}.vocabulary-learning-page .vocabulary-card-word h2{font-size:26px!important}}@media (prefers-reduced-motion:reduce){.vocabulary-learning-page .vocabulary-detail-grid>article{transition:none;animation:none}.vocabulary-learning-page .vocabulary-detail-grid>article:hover{transform:none}.vocabulary-card-word .japanese-speech-button,.vocabulary-detail-grid blockquote .japanese-speech-button{transition:none}}.focus-area-checkbox{border:1px solid var(--admin-border-strong,#d8e4e1);background:var(--admin-surface-muted,#f8faf9);cursor:pointer;border-radius:9px;min-height:58px;padding:10px 11px;transition:border-color .18s,background-color .18s,box-shadow .18s;position:relative}.focus-area-checkbox:hover{border-color:var(--admin-primary,#675db0);background:var(--admin-primary-soft,#f0eef9)}.focus-area-checkbox>input{opacity:0;pointer-events:none;position:absolute;width:1px!important;height:1px!important}.focus-area-check{border:1.5px solid var(--admin-border-strong,#cfd8d5);background:#fff;border-radius:6px;flex:0 0 22px;place-items:center;width:22px;height:22px;transition:border-color .18s,background-color .18s;display:grid}.focus-area-check svg{stroke:#fff;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:14px;height:14px;transition:opacity .18s,transform .18s;transform:scale(.7)}.focus-area-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.focus-area-copy b{color:var(--admin-text,#405c58);font-size:13px}.focus-area-copy small{color:var(--admin-text-muted,#718581);font-family:var(--sans);font-size:11px;line-height:1.35}.focus-area-star{color:#9a7a25;background:#fff6d9;border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:14px;display:grid}.focus-area-checkbox:has(input:checked){border-color:var(--admin-primary,#675db0);background:var(--admin-primary-soft,#f0eef9);box-shadow:0 0 0 1px var(--admin-primary,#675db0)}@supports (color:color-mix(in lab, red, red)){.focus-area-checkbox:has(input:checked){box-shadow:0 0 0 1px color-mix(in srgb,var(--admin-primary,#675db0) 12%,transparent)}}.focus-area-checkbox input:checked+.focus-area-check{border-color:var(--admin-primary,#675db0);background:var(--admin-primary,#675db0)}.focus-area-checkbox input:checked+.focus-area-check svg{opacity:1;transform:scale(1)}.focus-area-checkbox:has(input:focus-visible){outline:3px solid var(--admin-primary,#675db0)}@supports (color:color-mix(in lab, red, red)){.focus-area-checkbox:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--admin-primary,#675db0) 20%,transparent)}}.focus-area-checkbox:has(input:focus-visible){outline-offset:2px}@media (prefers-reduced-motion:reduce){.focus-area-checkbox,.focus-area-check,.focus-area-check svg{transition:none}}.admin-sidebar-toggle{z-index:2;place-items:center;width:29px;height:29px;position:absolute;top:29px;right:-14px;border:1px solid var(--admin-border-strong,#d9dce3)!important;min-height:29px!important;color:var(--admin-text-muted,#61748f)!important;background:#fff!important;border-radius:8px!important;padding:0!important;display:grid!important;box-shadow:0 4px 12px #262c4014!important}.admin-sidebar-toggle svg{width:16px;height:16px;transition:transform .2s}.admin-workspace.sidebar-collapsed .admin-sidebar{width:76px;padding-inline:11px}.admin-workspace.sidebar-collapsed .admin-brand{justify-content:center;padding-inline:0}.admin-workspace.sidebar-collapsed .admin-brand>div,.admin-workspace.sidebar-collapsed .admin-sidebar nav section>small,.admin-workspace.sidebar-collapsed .admin-sidebar nav a span,.admin-workspace.sidebar-collapsed .admin-sidebar nav a i,.admin-workspace.sidebar-collapsed .admin-account>div,.admin-workspace.sidebar-collapsed .admin-account em{display:none}.admin-workspace.sidebar-collapsed .admin-sidebar nav a{justify-content:center;padding:0}.admin-workspace.sidebar-collapsed .admin-account{justify-content:center;padding-inline:0;display:flex}.admin-workspace.sidebar-collapsed .admin-stage{margin-left:76px}.admin-workspace.sidebar-collapsed .admin-sidebar-toggle svg{transform:rotate(180deg)}.catalog-create-card .catalog-form-section{flex-direction:column;gap:12px;display:flex}.catalog-create-card .catalog-form-section>legend{margin-bottom:0}.catalog-create-card .catalog-form-section+.catalog-form-section{margin-top:2px}.category-table-head,.category-row{grid-template-columns:minmax(180px,1.25fr) minmax(105px,.7fr) minmax(220px,1.2fr) minmax(238px,auto)}.category-row-actions{white-space:nowrap;flex-wrap:nowrap}.category-row-actions>form{display:flex}.category-row-actions :is(a,button){flex:none}.grammar-admin-detail-layout>.grammar-editor-layout{grid-row:1/span 2}.grammar-admin-detail-layout>.grammar-danger-sidebar{grid-area:2/2;align-self:start;width:100%;position:static}.grammar-admin-detail-layout>.grammar-danger-sidebar .admin-danger-zone{margin-top:0}@media (max-width:1180px){.category-table-head,.category-row{grid-template-columns:minmax(180px,1.2fr) minmax(110px,.7fr) minmax(220px,1fr) minmax(238px,auto)}}@media (max-width:1050px){.admin-sidebar-toggle{display:none!important}.grammar-admin-detail-layout>.grammar-editor-layout,.grammar-admin-detail-layout>.grammar-danger-sidebar{grid-area:auto/1}.grammar-admin-detail-layout>.grammar-danger-sidebar{position:static}}@media (max-width:700px){.admin-workspace.sidebar-collapsed .admin-sidebar{width:auto;padding:7px 10px;inset:auto 0 0}.admin-workspace.sidebar-collapsed .admin-stage{margin-left:0}.category-row-actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.admin-sidebar-toggle svg{transition:none}}@keyframes admin-route-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.admin-route-content{animation:.28s cubic-bezier(.22,1,.36,1) both admin-route-enter}.admin-sidebar{transition:width .26s cubic-bezier(.22,1,.36,1),padding .26s cubic-bezier(.22,1,.36,1),box-shadow .2s}.admin-stage{transition:margin-left .26s cubic-bezier(.22,1,.36,1)}.admin-brand>div,.admin-account>div,.admin-account>em,.admin-sidebar nav a>span,.admin-sidebar nav section>small{transition:opacity .16s,transform .2s}.admin-sidebar nav a{transition:color .18s,background-color .18s,box-shadow .18s,transform .18s!important}.admin-sidebar nav a:hover{transform:translate(2px)}.admin-sidebar nav a.active{box-shadow:inset 3px 0 0 var(--admin-primary,#675db0)}.admin-content :is(.cms-card,.catalog-create-card,.category-row,.grammar-admin-list>a,.course-admin-table tbody tr,.question-table article,.user-list>article,.media-library-grid>article,.grammar-point-card,.vocab-word-card){transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}.admin-content :is(.category-row,.grammar-admin-list>a,.course-admin-table tbody tr,.question-table article,.user-list>article,.media-library-grid>article):hover{background-color:#fbfaff;box-shadow:0 5px 16px #262c400b}.admin-content :is(.status-badge,.catalog-counts,.category-media-pills>span){transition:color .18s,background-color .18s,border-color .18s}.admin-content :is(input,select,textarea){transition:border-color .18s,box-shadow .18s,background-color .18s}.admin-content details>summary>svg:last-child{transition:transform .22s cubic-bezier(.22,1,.36,1)}.admin-content details[open]>summary>svg:last-child{transform:rotate(90deg)}@media (max-width:700px){.admin-sidebar,.admin-stage{transition:none}}@media (prefers-reduced-motion:reduce){.admin-route-content{animation:none}.admin-sidebar,.admin-stage,.admin-brand>div,.admin-account>div,.admin-account>em,.admin-sidebar nav a,.admin-sidebar nav a>span,.admin-sidebar nav section>small,.admin-content :is(.cms-card,.catalog-create-card,.category-row,.grammar-admin-list>a,.course-admin-table tbody tr,.question-table article,.user-list>article,.media-library-grid>article,.grammar-point-card,.vocab-word-card,.status-badge,.catalog-counts,.category-media-pills>span,input,select,textarea),.admin-content details>summary>svg:last-child{transition:none!important}.admin-sidebar nav a:hover{transform:none}}.topic-bulk-toolbar{border:1px solid var(--admin-border,#e7e7e7);background:#fff;border-radius:9px;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.topic-bulk-toolbar>label{cursor:pointer;align-items:center;gap:7px;display:flex}.topic-bulk-toolbar input,.topic-select input{width:16px;height:16px;accent-color:var(--admin-primary,#675db0);cursor:pointer}.topic-bulk-toolbar>p{color:var(--admin-text-muted,#61748f);margin:0;font-size:11px}.topic-bulk-toolbar>p b{color:var(--admin-primary,#675db0)}.topic-bulk-toolbar>button{margin-left:auto;font-size:11px;min-height:34px!important;padding:0 11px!important}.bulk-topic-row{border:1px solid var(--admin-border,#e7e7e7);background:#fff;border-bottom:0;grid-template-columns:38px minmax(0,1fr);align-items:stretch;display:grid!important}.bulk-topic-row:first-of-type{border-radius:9px 9px 0 0}.bulk-topic-row:last-of-type{border-bottom:1px solid var(--admin-border,#e7e7e7);border-radius:0 0 9px 9px}.bulk-topic-row>.topic-select{border-right:1px solid var(--admin-border,#e7e7e7);cursor:pointer;place-items:center;display:grid}.bulk-topic-row>a{min-height:78px;color:inherit;grid-template-columns:52px minmax(0,1fr) 64px 92px;align-items:center;gap:13px;padding:10px 14px;display:grid}.bulk-topic-row>a:hover{background:var(--admin-surface-muted,#f8f9fc)}.bulk-topic-row>a>span{width:46px;height:46px;color:var(--admin-primary,#675db0);background:var(--admin-primary-soft,#f0eef9);border-radius:9px;place-items:center;display:grid}.bulk-topic-row>a>span.has-thumbnail{overflow:hidden}.bulk-topic-row>a>span img{object-fit:cover;width:100%;height:100%}.bulk-topic-row>a>div{min-width:0}.bulk-topic-row>a h2,.bulk-topic-row>a p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bulk-topic-row>a h2{margin:3px 0}.bulk-topic-row>a p{color:var(--admin-text-muted,#61748f);margin:0}.bulk-topic-row>a>b{text-align:center}.bulk-topic-row>a>b small{font-size:9px;display:block}.bulk-topic-row>a>em{justify-self:end}.document-types-page .cms-page-title{margin-bottom:18px}.document-types-layout{align-items:start}.document-type-list{gap:12px;display:grid}.document-type-card{background:#fff;border:1px solid #d8e5e2;border-radius:15px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 7px 22px #174f4807}.document-type-card:hover{border-color:#a9ccc5;transform:translateY(-1px);box-shadow:0 12px 28px #174f480d}.document-type-card-head{grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 18px 14px;display:grid}.document-type-card-head>span{color:#316e66;width:46px;height:46px;font:800 13px var(--display);background:#e8f3f0;border-radius:11px;place-items:center;display:grid}.document-type-card-head small{color:#4d817a;font:800 10px var(--display);letter-spacing:.1em}.document-type-card-head h2{color:#243f3b;font-family:var(--display);margin:3px 0 2px;font-size:18px!important}.document-type-card-head p{color:#718681;margin:0;font-size:12px;line-height:1.5}.document-type-card-head>em{align-self:start;font-style:normal}.document-type-usage{background:#f6faf9;border:1px solid #e0ebe8;border-radius:10px;grid-template-columns:repeat(4,1fr);margin:0 18px 14px;display:grid}.document-type-usage>span{color:#72847f;flex-direction:column;min-width:0;padding:10px 12px;font-size:10px;display:flex}.document-type-usage>span+span{border-left:1px solid #e0ebe8}.document-type-usage b{color:#315f59;font:800 16px var(--display);margin-bottom:1px}.document-type-editor{background:#fbfdfc;border-top:1px solid #e6eeec}.document-type-editor>summary{color:#3e6f68;cursor:pointer;justify-content:space-between;align-items:center;min-height:42px;padding:0 18px;font-size:11px;font-weight:750;list-style:none;transition:color .2s,background .2s;display:flex}.document-type-editor>summary::-webkit-details-marker{display:none}.document-type-editor>summary:hover{color:#176f67;background:#f2f8f6}.document-type-editor>summary svg{width:17px;height:17px;transition:transform .22s}.document-type-editor[open]>summary svg{transform:rotate(180deg)}.document-type-editor-panel{border-top:1px solid #e3ecea}.document-type-form{grid-template-columns:140px minmax(180px,1fr) 92px 128px;align-items:end;gap:10px;padding:16px 18px;display:grid}.document-type-form>label{color:#647a75;gap:5px;font-size:11px;font-weight:650;display:grid}.document-type-form>label.wide{grid-column:1/3}.document-type-form input,.document-type-form select{background:#fff;border-color:#d5e2df;width:100%;height:39px;padding:0 10px}.document-type-actions{grid-column:3/5;justify-content:flex-end;display:flex}.document-type-actions>button{color:#fff;cursor:pointer;background:#176f67;border:0;border-radius:9px;min-height:39px;padding:0 15px;font-weight:750;transition:background .2s,box-shadow .2s}.document-type-actions>button:hover{background:#105f58;box-shadow:0 6px 14px #176f6722}.document-type-danger{background:#fff8f6;border:1px solid #f0d9d4;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin:0 18px 16px;padding:12px 13px;display:flex}.document-type-danger>div{flex-direction:column;min-width:0;display:flex}.document-type-danger b{color:#8b4439;font-size:12px}.document-type-danger small{color:#8b6d68;margin-top:2px;font-size:10px}.document-type-danger button{min-height:35px!important;padding:0 12px!important}.document-type-create{position:sticky;top:88px}.document-type-create>p{color:#718681;margin:7px 0 16px;font-size:12px;line-height:1.55}.document-type-create .catalog-form label small{color:#7a8f8a;margin-top:5px;font-size:10px;display:block}.document-type-create-row{grid-template-columns:90px minmax(0,1fr);gap:10px;display:grid}.document-type-create-row label{min-width:0}@media (max-width:1050px){.document-types-layout{grid-template-columns:1fr}.document-types-layout>.catalog-create-card{position:static}.document-type-form{grid-template-columns:1fr 1fr 92px 128px}}@media (max-width:700px){.topic-bulk-toolbar{flex-wrap:wrap;align-items:flex-start}.topic-bulk-toolbar>button{width:100%;margin-left:0}.bulk-topic-row>a{grid-template-columns:46px minmax(0,1fr);gap:10px}.bulk-topic-row>a>b,.bulk-topic-row>a>em{grid-column:2;justify-self:start}.document-type-card-head{grid-template-columns:44px minmax(0,1fr);padding:15px}.document-type-card-head>span{width:42px;height:42px}.document-type-card-head>em{grid-column:2;justify-self:start}.document-type-usage{grid-template-columns:1fr 1fr;margin:0 15px 14px}.document-type-usage>span:nth-child(3){border-top:1px solid #e0ebe8;border-left:0}.document-type-usage>span:nth-child(4){border-top:1px solid #e0ebe8}.document-type-form{grid-template-columns:1fr;padding:15px}.document-type-form>label.wide,.document-type-actions{grid-column:auto}.document-type-actions>button{width:100%}.document-type-danger{flex-direction:column;align-items:stretch;margin:0 15px 15px}.document-type-danger button{width:100%}.document-type-create-row{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.document-type-card,.document-type-actions>button,.document-type-editor>summary,.document-type-editor>summary svg{transition:none}.document-type-card:hover{transform:none}}.document-type-form input,.document-type-form select{border-radius:8px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #174f4808;border:1px solid #b9ccc8!important}.document-type-form input:hover,.document-type-form select:hover{border-color:#86aaa3!important}.document-type-form input:focus,.document-type-form select:focus{outline:3px solid #277d7318;box-shadow:0 0 0 1px #277d7320;border-color:#277d73!important}.document-type-actions{gap:9px}.document-type-actions>button{cursor:pointer;border-radius:9px;min-height:39px;padding:0 15px;font-weight:750}.document-type-actions>.admin-delete-trigger{color:#a04436!important;background:#fff!important;border:1px solid #e2b7ae!important}.document-type-actions>.admin-delete-trigger:hover{background:#fff4f1!important;border-color:#c97869!important}.document-type-actions>button:last-child{color:#fff;background:#176f67;border:0}.document-type-actions>button:last-child:hover{background:#105f58;box-shadow:0 6px 14px #176f6722}.document-type-editor-panel>.document-type-danger{display:none}@media (max-width:700px){.document-type-actions{grid-template-columns:1fr 1fr;display:grid}.document-type-actions>button{width:100%}}.video-admin-page{max-width:1500px}.video-admin-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.video-admin-tools>article{background:#fff;border:1px solid #dce5e3;border-radius:14px;padding:18px;box-shadow:0 7px 22px #174f4807}.video-admin-tools article>span,.youtube-channel-section>header span{color:#39766e;font:800 10px var(--display);letter-spacing:.1em}.video-admin-tools h2,.youtube-channel-section h2{font:750 18px var(--display);margin:5px 0 3px}.video-admin-tools p{color:#71837f;min-height:38px;margin:0 0 13px;font-size:11px;line-height:1.55}.video-admin-tools form{gap:9px;display:grid}.video-admin-tools label,.video-admin-edit label{color:#607670;gap:5px;font-size:11px;font-weight:650;display:grid}.video-admin-tools input,.video-admin-tools select,.video-admin-edit input,.video-admin-edit select,.video-admin-edit textarea,.video-admin-filters input,.video-admin-filters select{background:#fff;border:1px solid #bdcfcb;border-radius:8px;width:100%;min-height:40px;padding:8px 10px}.video-admin-tools button,.youtube-channel-section button,.video-admin-edit button,.video-admin-filters button{color:#fff;cursor:pointer;background:#176f67;border:0;border-radius:8px;min-height:40px;font-weight:750}.youtube-channel-section{background:#fff;border:1px solid #dce5e3;border-radius:14px;margin:18px 0;padding:17px}.youtube-channel-section>header{justify-content:space-between;align-items:flex-end;margin-bottom:11px;display:flex}.youtube-channel-section>header small{color:#71837f}.youtube-channel-section>div{gap:8px;display:grid}.youtube-channel-section article{border:1px solid #e3ebe9;border-radius:10px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:10px;display:grid}.youtube-channel-section article>img,.youtube-channel-section article>span{object-fit:cover;border-radius:50%;width:44px;height:44px}.youtube-channel-section article>span{color:#fff;background:#d13c32;place-items:center;font-weight:800;display:grid}.youtube-channel-section article>div{flex-direction:column;min-width:0;display:flex}.youtube-channel-section article small,.youtube-channel-section article em{color:#71837f;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.youtube-channel-section .admin-delete-trigger{color:#a14638!important;background:#fff!important;border:1px solid #e1b9b2!important}.video-admin-filters{grid-template-columns:minmax(200px,1fr) 180px auto auto;align-items:center;gap:9px;margin:18px 0;display:grid}.video-admin-filters>a{color:#176f67;font-weight:700}.video-admin-list{gap:10px;display:grid}.video-admin-list>article{background:#fff;border:1px solid #dce5e3;border-radius:13px;grid-template-columns:190px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 6px 18px #174f4807}.video-admin-thumb{background:#172522;min-height:132px;position:relative}.video-admin-thumb img{object-fit:cover;width:100%;height:100%}.video-admin-thumb>span{color:#fff;place-items:center;height:100%;display:grid}.video-admin-thumb i{color:#fff;background:#111b;border-radius:5px;padding:3px 6px;font-size:9px;font-style:normal;position:absolute;bottom:8px;left:8px}.video-admin-list details{min-width:0}.video-admin-list summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:12px;min-height:132px;padding:16px;list-style:none;display:grid}.video-admin-list summary::-webkit-details-marker{display:none}.video-admin-list summary small{color:#4c7c75;font-size:10px;font-weight:750}.video-admin-list summary h2{font:750 17px var(--display);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 3px;overflow:hidden}.video-admin-list summary p{color:#71837f;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.video-admin-list summary>svg{width:18px;transition:transform .2s}.video-admin-list details[open] summary>svg{transform:rotate(180deg)}.video-admin-edit{background:#f9fcfb;border-top:1px solid #e3ebe9;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;padding:16px;display:grid}.video-admin-edit .wide{grid-column:span 2}.video-admin-edit textarea{resize:vertical}.video-admin-actions{grid-column:span 2;justify-content:flex-end;align-items:center;gap:12px;display:flex}.video-admin-actions a{color:#176f67;font-size:11px;font-weight:700}.video-admin-actions button{padding:0 14px}.video-admin-delete{text-align:right;background:#f9fcfb;padding:0 16px 16px}.video-admin-delete button{min-height:34px!important;padding:0 11px!important}.video-source-link{color:#176f67;margin-top:14px;font-weight:750;display:inline-flex}.video-source-link:hover{text-decoration:underline}@media (max-width:1050px){.video-admin-tools{grid-template-columns:1fr 1fr}.video-admin-tools>article:last-child{grid-column:1/-1}.video-admin-edit{grid-template-columns:1fr 1fr}}@media (max-width:700px){.video-admin-tools{grid-template-columns:1fr}.video-admin-tools>article:last-child{grid-column:auto}.youtube-channel-section article{grid-template-columns:44px minmax(0,1fr)}.youtube-channel-section article form{grid-column:2}.video-admin-filters,.video-admin-list>article{grid-template-columns:1fr}.video-admin-thumb{min-height:190px}.video-admin-list summary{min-height:auto}.video-admin-edit{grid-template-columns:1fr}.video-admin-edit .wide,.video-admin-actions{grid-column:auto}.video-admin-actions{flex-direction:column;align-items:stretch}.video-admin-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.video-admin-list summary>svg{transition:none}}.youtube-auto-sync{color:#245f57;background:#eef8f5;border:1px solid #b9d8d2;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:12px 14px;display:flex}.youtube-auto-sync span{font-weight:700}.youtube-auto-sync button{color:#fff;cursor:pointer;background:#176f67;border:0;border-radius:8px;min-height:34px;padding:0 12px}.video-studio{max-width:1540px}.video-studio-hero{color:#fff;background:linear-gradient(125deg,#163f3b,#276c63 62%,#3f8b80);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #174f481b}.video-studio-hero:after{content:"";border:35px solid #ffffff0c;border-radius:50%;width:180px;height:180px;position:absolute;right:15%}.video-studio-hero>div,.video-studio-hero>a{z-index:1;position:relative}.video-studio-hero span{color:#bce4de;font:800 10px var(--display);letter-spacing:.12em}.video-studio-hero h1{color:#fff;font:800 30px var(--display);margin:7px 0 4px}.video-studio-hero p{color:#d8eeea;max-width:720px;margin:0;line-height:1.6}.video-studio-hero>a{color:#fff;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:750;transition:background .2s;display:inline-flex}.video-studio-hero>a:hover{background:#ffffff20}.video-studio-hero>a svg{width:17px}.video-studio-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.video-studio-stats article{background:#fff;border:1px solid #dce7e4;border-radius:12px;flex-direction:column;padding:14px 16px;display:flex;box-shadow:0 5px 16px #174f4806}.video-studio-stats span{color:#67817c;font:800 9px var(--display);letter-spacing:.09em}.video-studio-stats b{color:#214a44;font:800 24px var(--display);margin:4px 0}.video-studio-stats small{color:#82928f;font-size:10px}.video-studio-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:16px;display:grid}.video-studio-main{min-width:0}.video-library-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px;display:flex}.video-library-toolbar>div>span{color:#39766e;font:800 9px var(--display);letter-spacing:.11em}.video-library-toolbar h2{font:800 21px var(--display);margin:4px 0 0}.video-library-toolbar form{align-items:center;gap:7px;display:flex}.video-library-toolbar label{position:relative}.video-library-toolbar label svg{color:#718581;width:17px;position:absolute;top:10px;left:10px}.video-library-toolbar input,.video-library-toolbar select{background:#fff;border:1px solid #cbdad7;border-radius:9px;height:38px}.video-library-toolbar input{width:220px;padding:0 10px 0 34px}.video-library-toolbar select{padding:0 9px}.video-library-toolbar button{color:#fff;background:#176f67;border:0;border-radius:9px;height:38px;padding:0 13px;font-weight:700}.video-library-toolbar a{color:#4a746e;font-size:11px;font-weight:700}.video-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.video-studio-grid>.empty-state{grid-column:1/-1}.video-studio-card{background:#fff;border:1px solid #d8e5e2;border-radius:15px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 8px 23px #174f4807}.video-studio-card:hover{border-color:#a9cac4;transform:translateY(-2px);box-shadow:0 13px 30px #174f480e}.video-card-cover{background:#19332f;height:190px;position:relative;overflow:hidden}.video-card-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-studio-card:hover .video-card-cover>img{transform:scale(1.025)}.video-card-cover>span{color:#fff;place-items:center;height:100%;display:grid}.video-card-cover>i{color:#fff;background:#153b36d9;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 15px #0003}.video-card-cover>i svg{width:23px}.video-card-cover>em{font-style:normal;position:absolute;top:10px;right:10px}.video-card-copy{min-height:125px;padding:15px 16px 12px}.video-card-copy small{color:#39766e;font:750 9px var(--display);letter-spacing:.05em}.video-card-copy h3{color:#24443f;font:750 16px/1.4 var(--display);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 5px;display:-webkit-box;overflow:hidden}.video-card-copy p{color:#71837f;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.video-studio-card>details{background:#fafcfb;border-top:1px solid #e5edeb}.video-studio-card>details>summary{color:#3f7069;cursor:pointer;justify-content:space-between;align-items:center;min-height:41px;padding:0 16px;font-size:11px;font-weight:750;list-style:none;display:flex}.video-studio-card>details>summary::-webkit-details-marker{display:none}.video-studio-card>details>summary svg{width:16px;transition:transform .2s}.video-studio-card>details[open]>summary svg{transform:rotate(180deg)}.video-studio-card .video-admin-edit{grid-template-columns:1fr 1fr;padding:14px}.video-studio-card .video-admin-edit .wide,.video-studio-card .video-admin-actions{grid-column:1/-1}.video-studio-sidebar{gap:11px;display:grid;position:sticky;top:82px}.video-side-card{background:#fff;border:1px solid #d8e5e2;border-radius:14px;padding:17px;box-shadow:0 7px 20px #174f4807}.video-side-card.primary{background:linear-gradient(145deg,#f2faf8,#fff);border-color:#b9d8d2}.video-side-card header>span{color:#39766e;font:800 9px var(--display);letter-spacing:.11em}.video-side-card h2{font:800 18px var(--display);margin:5px 0 3px}.video-side-card header p{color:#71837f;margin:0 0 13px;font-size:11px}.video-side-card>form,.video-side-card>details form,.category-creator>form{gap:9px;display:grid}.video-side-card label{color:#5f7771;gap:5px;font-size:10px;font-weight:700;display:grid}.video-side-card input,.video-side-card select{background:#fff;border:1px solid #bcd0cb;border-radius:8px;width:100%;height:39px;padding:0 10px}.video-side-card>form>button,.category-creator>form>button{color:#fff;cursor:pointer;background:#176f67;border:0;border-radius:9px;min-height:40px;font-weight:750}.channel-list{padding-bottom:10px}.channel-list>header{margin-bottom:10px}.channel-list>article{border-top:1px solid #e6eeec;grid-template-columns:38px minmax(0,1fr) 32px 32px;align-items:center;gap:7px;padding:8px 0;display:grid}.channel-list article>img,.channel-list article>span{object-fit:cover;border-radius:50%;width:38px;height:38px}.channel-list article>span{color:#fff;background:#d3483e;place-items:center;font-size:10px;font-weight:800;display:grid}.channel-list article>div{flex-direction:column;min-width:0;display:flex}.channel-list article b,.channel-list article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-list article b{font-size:11px}.channel-list article small{color:#71837f;font-size:9px}.channel-list article button{cursor:pointer;place-items:center;width:32px;height:32px;padding:0;display:grid;color:#36736a!important;background:#fff!important;border:1px solid #cadbd7!important;border-radius:8px!important}.channel-list article button svg{width:15px}.channel-list .admin-delete-trigger{color:#a34a3d!important}.category-creator{padding:0}.category-creator>summary{color:#39766e;cursor:pointer;justify-content:space-between;align-items:center;min-height:46px;padding:0 15px;font-size:11px;font-weight:750;list-style:none;display:flex}.category-creator>summary::-webkit-details-marker{display:none}.category-creator>summary svg{width:16px}.category-creator>form{padding:0 15px 15px}.video-studio .cms-success,.video-studio .cms-error{margin:10px 0}@media (max-width:1180px){.video-studio-layout{grid-template-columns:1fr}.video-studio-sidebar{grid-template-columns:1fr 1fr;position:static}.video-studio-sidebar>.channel-list,.video-studio-sidebar>.category-creator{grid-column:1/-1}}@media (max-width:850px){.video-studio-stats{grid-template-columns:1fr 1fr}.video-library-toolbar{flex-direction:column;align-items:stretch}.video-library-toolbar form{grid-template-columns:1fr 160px auto;display:grid}.video-library-toolbar label input{width:100%}.video-studio-grid,.video-studio-sidebar{grid-template-columns:1fr}.video-studio-sidebar>.channel-list,.video-studio-sidebar>.category-creator{grid-column:auto}}@media (max-width:560px){.video-studio-hero{flex-direction:column;align-items:flex-start;padding:21px}.video-studio-hero h1{font-size:25px!important}.video-studio-hero>a{justify-content:center;width:100%}.video-studio-stats{grid-template-columns:1fr 1fr}.video-library-toolbar form{grid-template-columns:1fr}.video-library-toolbar label,.video-library-toolbar select,.video-library-toolbar button{width:100%}.video-card-cover{height:205px}.video-studio-card .video-admin-edit{grid-template-columns:1fr}.video-studio-card .video-admin-edit .wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){.video-studio-card,.video-card-cover>img,.video-studio-card>details>summary svg{transition:none}.video-studio-card:hover{transform:none}}.video-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-card-cover{height:155px}.video-card-copy{min-height:132px}.video-btn,.video-studio button{min-height:38px;font-family:var(--display);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:750;line-height:1;transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.video-btn.primary,.video-side-card>form>button,.video-category-manager button:not(.admin-delete-trigger),.video-admin-actions>button,.video-library-toolbar button{box-shadow:0 5px 13px #176f671b;color:#fff!important;background:#176f67!important;border-color:#176f67!important}.video-btn.primary:hover,.video-side-card>form>button:hover,.video-category-manager button:not(.admin-delete-trigger):hover,.video-admin-actions>button:hover,.video-library-toolbar button:hover{box-shadow:0 7px 16px #176f6728;background:#105f58!important;border-color:#105f58!important}.video-btn.secondary,.youtube-auto-sync button{color:#176f67!important;background:#fff!important;border-color:#9bc1ba!important}.video-btn.secondary:hover,.youtube-auto-sync button:hover{background:#edf7f4!important;border-color:#176f67!important}.video-studio .admin-delete-trigger{justify-content:center;align-items:center;display:inline-flex;color:#a04436!important;min-height:36px!important;box-shadow:none!important;font:700 11px var(--display)!important;background:#fff!important;border:1px solid #dfb6ae!important;border-radius:8px!important;padding:0 11px!important}.video-studio .admin-delete-trigger:hover:not(:disabled){color:#fff!important;background:#b85d4e!important;border-color:#bd6f61!important}.video-studio .admin-delete-trigger:disabled{opacity:.45;cursor:not-allowed}.channel-list>article{grid-template-columns:38px minmax(0,1fr) auto 32px}.channel-sync-form{align-items:center;gap:5px;display:flex}.channel-sync-form select{background:#fff;border:1px solid #cadbd7;border-radius:8px;width:56px;height:32px;padding:0 5px;font-size:10px}.channel-list article .video-btn.icon{width:32px;min-height:32px;padding:0}.category-creator[open]>summary{border-bottom:1px solid #e3ece9}.video-category-manager{padding:14px}.video-category-create{border-bottom:1px solid #e3ece9;padding-bottom:14px}.video-category-create>b{color:#315f59;font-size:11px}.video-category-list{gap:7px;margin-top:12px;display:grid}.video-category-list>details{background:#fbfdfc;border:1px solid #dce7e4;border-radius:9px}.video-category-list>details>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:0 10px;list-style:none;display:flex}.video-category-list>details>summary::-webkit-details-marker{display:none}.video-category-list summary>span{flex-direction:column;min-width:0;display:flex}.video-category-list summary b{font-size:11px}.video-category-list summary small{color:#738783;font-size:9px}.video-category-list summary svg{width:15px;transition:transform .2s}.video-category-list details[open]>summary svg{transform:rotate(180deg)}.video-category-list details>form{border-top:1px solid #e3ece9;gap:8px;padding:10px;display:grid}.video-category-list .video-category-delete{border-top:0;padding-top:0}.video-category-delete .admin-delete-trigger{width:100%}.video-category-list label{color:#5f7771;gap:4px;font-size:10px;font-weight:700;display:grid}.video-category-list input,.video-category-list select{background:#fff;border:1px solid #bcd0cb;border-radius:7px;width:100%;height:36px;padding:0 8px}@media (max-width:1350px){.video-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card-cover{height:180px}}@media (max-width:1180px){.video-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-card-cover{height:165px}}@media (max-width:900px){.video-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card-cover{height:190px}}@media (max-width:600px){.video-studio-grid{grid-template-columns:1fr}.video-card-cover{height:210px}}.youtube-channel-delete-dialog{width:min(470px,100vw - 28px)}.youtube-channel-delete-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#102b286e}.youtube-channel-delete-dialog .admin-confirm-modal{text-align:left;padding:0;position:relative;overflow:hidden;background:#fff!important;border:1px solid #e8d8d4!important;border-radius:18px!important;box-shadow:0 28px 80px #102b2845!important}.youtube-channel-delete-dialog .admin-confirm-modal:before{content:"";background:linear-gradient(90deg,#b64e40,#d76a59);height:6px;display:block}.youtube-channel-delete-dialog .admin-confirm-icon{color:#b64e40;background:#fff3f1;border:1px solid #f0cec8;border-radius:16px;width:56px;height:56px;margin:25px 25px 16px;position:relative}.youtube-channel-delete-dialog .admin-confirm-icon:after{color:#fff;width:25px;height:25px;font:800 8px var(--display);content:"YT";background:#d7483e;border:3px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-7px;right:-7px}.youtube-channel-delete-dialog .admin-confirm-modal h2{color:#293f3b;margin:0 25px;font:800 21px var(--display)!important}.youtube-channel-delete-dialog .admin-confirm-modal p{color:#687d78;margin:8px 25px 0;font-size:12px;line-height:1.7}.youtube-channel-delete-dialog .admin-confirm-modal p:after{color:#56716b;content:"Các video đã đồng bộ vẫn được giữ trong thư viện và tiếp tục hiển thị bình thường.";background:#f4f8f7;border:1px solid #dce8e5;border-radius:9px;margin-top:13px;padding:10px 12px;font-size:10px;font-weight:650;display:block}.youtube-channel-delete-dialog .admin-confirm-modal footer{background:#fafcfb;border-top:1px solid #e5edeb;justify-content:flex-end;gap:9px;margin-top:22px;padding:15px 25px;display:flex}.youtube-channel-delete-dialog .admin-confirm-modal footer>button{min-width:130px;width:auto!important}.youtube-channel-delete-dialog .admin-confirm-cancel{color:#3f625c!important;background:#fff!important;border-color:#bfd2ce!important}.youtube-channel-delete-dialog .admin-confirm-cancel:hover{background:#f0f7f5!important;border-color:#779f98!important}.admin-workspace .youtube-channel-delete-dialog .admin-confirm-delete{box-shadow:0 5px 13px #b5574826;color:#fff!important;background:#b55748!important;border-color:#b55748!important}.admin-workspace .youtube-channel-delete-dialog .admin-confirm-delete:hover{background:#984437!important;border-color:#984437!important}@media (max-width:520px){.youtube-channel-delete-dialog .admin-confirm-icon{margin:20px 20px 14px}.youtube-channel-delete-dialog .admin-confirm-modal h2,.youtube-channel-delete-dialog .admin-confirm-modal p{margin-left:20px;margin-right:20px}.youtube-channel-delete-dialog .admin-confirm-modal footer{flex-direction:column;padding:14px 20px}.youtube-channel-delete-dialog .admin-confirm-modal footer>button{width:100%!important}.youtube-channel-delete-dialog .admin-confirm-delete{order:-1}}.video-library-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:22px;margin-top:26px;display:grid}.video-library-main{min-width:0}.video-library-main .video-library-heading{margin-top:0}.video-filter-sidebar{background:#fff;border:1px solid #d8e5e2;border-radius:16px;position:sticky;top:88px;overflow:hidden;box-shadow:0 10px 28px #174f4809}.video-filter-sidebar>header{background:linear-gradient(145deg,#edf7f4,#fff);border-bottom:1px solid #e3ece9;padding:20px}.video-filter-sidebar>header>span,.video-filter-sidebar>section>span{color:#39766e;font:800 9px var(--display);letter-spacing:.11em}.video-filter-sidebar h2{color:#244843;font:800 19px var(--display);margin:5px 0 4px}.video-filter-sidebar header p{color:#71837f;margin:0;font-size:11px;line-height:1.55}.video-filter-sidebar>section{border-bottom:1px solid #e8efed;padding:17px 18px}.video-filter-sidebar nav{gap:4px;margin-top:9px;display:grid}.video-filter-sidebar nav>a{color:#536d68;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:36px;padding:0 10px;font-size:11px;font-weight:650;transition:border-color .18s,background-color .18s,color .18s;display:flex}.video-filter-sidebar nav>a:hover{color:#176f67;background:#f4f9f7;border-color:#c9deda}.video-filter-sidebar nav>a.active{color:#fff;background:#176f67;border-color:#176f67;box-shadow:0 5px 13px #176f6720}.video-filter-sidebar nav>a small{color:#607973;background:#eef4f2;border-radius:10px;place-items:center;min-width:22px;height:20px;padding:0 5px;font-size:9px;display:grid}.video-filter-reset{color:#9a493e;background:#fff8f6;border:1px solid #e5c5bf;border-radius:8px;justify-content:center;align-items:center;min-height:42px;margin:13px 18px;font-size:10px;font-weight:750;display:flex}.video-filter-reset:hover{background:#fff0ed;border-color:#c98477}@media (max-width:1050px){.video-library-layout{grid-template-columns:minmax(0,1fr) 250px}.video-library-main .video-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.video-library-layout{flex-direction:column;gap:18px;display:flex}.video-filter-sidebar{order:-1;width:100%;position:static}.video-filter-sidebar>section{padding:14px 16px}.video-filter-sidebar nav{padding-bottom:3px;display:flex;overflow-x:auto}.video-filter-sidebar nav>a{flex:none}.video-library-main{width:100%}}@media (max-width:560px){.video-library-main .video-card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.video-filter-sidebar nav>a{transition:none}}.video-category-manager-trigger{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex;color:#245f57!important;background:linear-gradient(145deg,#edf8f5,#fff)!important;border:1px solid #b9d8d2!important;border-radius:13px!important;min-height:66px!important;padding:0 16px!important}.video-category-manager-trigger>span{flex-direction:column;display:flex}.video-category-manager-trigger small{color:#56837c;font:800 9px var(--display);letter-spacing:.1em}.video-category-manager-trigger b{color:#244843;font:800 15px var(--display);margin-top:4px}.video-category-manager-trigger svg{color:#fff;background:#176f67;border-radius:9px;width:32px;height:32px;padding:8px}.video-category-manager-trigger:hover{background:#e7f5f1!important;border-color:#7fb4aa!important}.video-category-dialog{background:0 0;border:0;border-radius:18px;width:min(1000px,100vw - 30px);max-width:none;max-height:calc(100vh - 36px);padding:0;box-shadow:0 28px 90px #102b2840}.video-category-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#102b2875}.video-category-modal{background:#fff;border:1px solid #dce7e4;border-radius:18px;overflow:hidden}.video-category-modal>header{background:linear-gradient(135deg,#eef8f5,#fff);border-bottom:1px solid #e3ece9;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.video-category-modal>header span,.video-category-section-title span,.video-category-create-panel>span{color:#39766e;font:800 9px var(--display);letter-spacing:.11em}.video-category-modal>header h2{color:#244843;font:800 22px var(--display);margin:5px 0 3px}.video-category-modal>header p{color:#71837f;margin:0;font-size:11px}.video-category-modal>header>button{width:38px;color:#58716c!important;background:#fff!important;border:1px solid #cddbd8!important;border-radius:10px!important;min-height:38px!important;padding:0!important;font-size:22px!important}.video-category-modal-body{grid-template-columns:minmax(0,1fr) 310px;max-height:calc(100vh - 170px);display:grid;overflow:hidden}.video-category-catalog{padding:20px;overflow-y:auto}.video-category-section-title{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.video-category-section-title h3{font:800 18px var(--display);margin:4px 0 0}.video-category-section-title>small{color:#71837f;font-size:10px}.video-category-dialog .video-category-list{margin-top:0}.video-category-dialog .video-category-list>details{background:#fff;border-radius:11px}.video-category-dialog .video-category-list>details>summary{grid-template-columns:minmax(0,1fr) auto 18px;gap:12px;min-height:58px;padding:0 13px;display:grid}.video-category-dialog .video-category-list summary>i{color:#39766e;background:#eaf5f2;border-radius:6px;padding:4px 7px;font-size:9px;font-style:normal}.video-category-dialog .video-category-list details>form{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px}.video-category-dialog .video-category-list details>form>button{align-self:end}.video-category-dialog .video-category-list .video-category-delete{padding-top:0;display:block}.video-category-create-panel{background:#f8fbfa;border-left:1px solid #e3ece9;padding:20px}.video-category-create-panel h3{color:#244843;font:800 17px var(--display);margin:5px 0}.video-category-create-panel>p{color:#71837f;margin:0 0 16px;font-size:11px;line-height:1.55}.video-category-create-panel form{gap:10px;display:grid}.video-category-create-panel label{color:#5f7771;gap:5px;font-size:10px;font-weight:700;display:grid}.video-category-create-panel input{background:#fff;border:1px solid #bcd0cb;border-radius:8px;width:100%;height:39px;padding:0 10px}.video-category-create-panel form>button{margin-top:4px}@media (max-width:760px){.video-category-dialog{width:min(620px,100vw - 20px);max-height:calc(100vh - 20px)}.video-category-modal-body{flex-direction:column;max-height:calc(100vh - 132px);display:flex;overflow-y:auto}.video-category-catalog{overflow:visible}.video-category-create-panel{border-top:1px solid #e3ece9;border-left:0;order:-1}.video-category-modal>header{padding:18px}.video-category-dialog .video-category-list details>form{grid-template-columns:1fr}}.video-library-toolbar-actions{align-items:center;gap:8px;display:flex}.video-library-toolbar-actions>form{display:flex}.video-library-toolbar-actions>.video-category-manager-trigger{white-space:nowrap;width:auto;color:#176f67!important;background:#fff!important;border-color:#9bc1ba!important;border-radius:9px!important;min-height:38px!important;padding:0 13px!important}.video-library-toolbar-actions>.video-category-manager-trigger svg{color:#176f67;background:0 0;border-radius:0;width:16px;height:16px;padding:0}.video-library-toolbar-actions>.video-category-manager-trigger>span{color:inherit;font:750 11px var(--display);display:block}.video-category-dialog[open]{margin:auto;display:block;position:fixed;inset:0}.video-public-search{background:#fff;border:1px solid #d8e5e2;border-radius:13px;align-items:center;gap:8px;margin-bottom:14px;padding:11px;display:flex;box-shadow:0 5px 18px #174f4806}.video-public-search>label{flex:1;min-width:0;display:flex;position:relative}.video-public-search label svg{color:#66807b;width:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.video-public-search input{background:#fbfdfc;border:1px solid #cbdcd8;border-radius:9px;outline:0;width:100%;height:42px;padding:0 12px 0 38px}.video-public-search input:focus{border-color:#69a99f;box-shadow:0 0 0 3px #176f6714}.video-public-search button{color:#fff;cursor:pointer;background:#176f67;border:1px solid #176f67;border-radius:9px;height:42px;padding:0 17px;font-weight:750}.video-public-search>a{color:#647d78;white-space:nowrap;padding:0 7px;font-size:11px;font-weight:700}.video-public-search>a:hover{color:#176f67}@media (max-width:850px){.video-library-toolbar-actions{flex-direction:column;align-items:stretch}.video-library-toolbar-actions>.video-category-manager-trigger{justify-content:center;width:100%}.video-library-toolbar-actions>form{width:100%;display:grid}}@media (max-width:560px){.video-public-search{grid-template-columns:1fr auto;display:grid}.video-public-search>label{grid-column:1/-1}.video-public-search>a{justify-self:center}}.content-bulk-toolbar{background:#fff;border:1px solid #d8e3e0;border-radius:10px;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;display:flex;box-shadow:0 3px 12px #174f4806}.content-bulk-toolbar>label{color:#4d6661;cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}.content-bulk-toolbar input,.content-select input{accent-color:#675db0;cursor:pointer;width:16px;height:16px}.content-bulk-toolbar p{color:#71837f;margin:0 auto 0 0;font-size:11px}.content-bulk-toolbar p b{color:#315f59}.content-bulk-toolbar .admin-delete-trigger{min-height:34px!important;padding:0 11px!important}.content-select{cursor:pointer;place-items:center;display:grid}.vocab-word-card>summary{grid-template-columns:18px 36px minmax(0,1fr) auto auto 18px!important}.grammar-point-card>summary{grid-template-columns:18px 36px minmax(0,1fr) auto 18px!important}.content-bulk-toolbar>form{display:flex}.content-bulk-publish{color:#fff;min-height:34px;font:700 11px var(--display);cursor:pointer;background:#247b68;border:1px solid #247b68;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:inline-flex}.content-bulk-publish svg{width:15px;height:15px}.content-bulk-publish:hover:not(:disabled){background:#176353;border-color:#176353;box-shadow:0 5px 12px #247b6826}.content-bulk-publish:focus-visible{outline-offset:2px;outline:3px solid #247b6830}.content-bulk-publish:disabled{opacity:.45;cursor:not-allowed}@media (max-width:760px){.content-bulk-toolbar{flex-wrap:wrap}.content-bulk-toolbar p{flex-basis:100%;order:3}.vocab-word-card>summary{grid-template-columns:18px 32px minmax(0,1fr) 18px!important}.vocab-word-card>summary>.vocab-word-level,.vocab-word-card>summary>.status-badge{display:none}.grammar-point-card>summary{grid-template-columns:18px 30px minmax(0,1fr) 18px!important}}.video-filter-sidebar{border-color:#dfe9e6;border-radius:18px;box-shadow:0 12px 34px #173f3a0a}.video-filter-sidebar>header{background:linear-gradient(145deg,#f3f9f7,#fff);padding:21px 20px 18px}.video-filter-sidebar>header>span,.video-filter-sidebar>section>span{color:#62817b;font-family:var(--display);letter-spacing:.13em;font-size:9px;font-weight:600}.video-filter-sidebar h2{letter-spacing:-.01em;margin:6px 0 5px;font-size:18px;font-weight:650}.video-filter-sidebar header p{color:#718581;font-size:11px;font-weight:400;line-height:1.65}.video-filter-sidebar>section{padding:16px 17px}.video-filter-sidebar nav{gap:3px;margin-top:8px}.video-filter-sidebar nav>a{color:#526c67;border:0;border-radius:9px;min-height:37px;padding:0 10px 0 13px;font-size:12px;font-weight:400;position:relative}.video-filter-sidebar nav>a:before{content:"";background:#b7c9c5;border-radius:50%;width:4px;height:4px;transition:background-color .18s,box-shadow .18s}.video-filter-sidebar nav>a:hover{color:#245f57;background:#f2f7f5;border:0}.video-filter-sidebar nav>a:hover:before{background:#63a096}.video-filter-sidebar nav>a.active{color:#176f67;box-shadow:none;background:#eaf5f2;border:0;font-weight:500}.video-filter-sidebar nav>a.active:before{background:#176f67;box-shadow:0 0 0 3px #176f6716}.video-filter-sidebar nav>a small{font-weight:400}.video-filter-sidebar nav>a.active small{color:#176f67;background:#fff}.video-filter-reset{font-weight:500}.video-pagination{background:#fff;border:1px solid #dbe7e4;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding:13px 15px;display:flex;box-shadow:0 7px 22px #174f4807}.video-pagination>a,.video-pagination>div a{color:#526e68;background:#f5f8f7;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:12px;font-weight:500;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.video-pagination>a{gap:7px;padding:0 12px}.video-pagination>a:hover,.video-pagination>div a:hover{color:#176f67;background:#edf6f3;border-color:#b8d5cf}.video-pagination>a.disabled{opacity:.42;pointer-events:none}.video-pagination>div,.video-pagination>div>span{align-items:center;gap:5px;display:flex}.video-pagination>div i{color:#8aa09b;padding:0 3px;font-style:normal}.video-pagination>div a.active{color:#fff;background:#176f67;border-color:#176f67;box-shadow:0 5px 12px #176f6720}.video-pagination a:focus-visible{outline-offset:2px;outline:3px solid #176f6725}@media (max-width:560px){.video-pagination{padding:10px}.video-pagination>a span{display:none}.video-pagination>a{min-width:36px;padding:0 10px}.video-pagination>div a{min-width:32px;height:34px}.video-pagination>div{gap:3px}}@media (prefers-reduced-motion:reduce){.video-filter-sidebar nav>a:before,.video-pagination>a,.video-pagination>div a{transition:none}}@media (max-width:760px){.video-library-layout{margin-top:16px}.video-filter-sidebar{border-radius:14px;overflow:visible;box-shadow:0 7px 22px #173f3a0a}.video-filter-sidebar>header{border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.video-filter-sidebar>header>span{letter-spacing:.12em;font-size:10px}.video-filter-sidebar>header h2{margin:0;font-size:15px;font-weight:550}.video-filter-sidebar>header p{display:none}.video-filter-sidebar>section{border-bottom-color:#edf2f0;padding:12px 0 11px}.video-filter-sidebar>section>span{padding:0 15px;font-size:9px;font-weight:550;display:block}.video-filter-sidebar nav{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:7px;margin-top:8px;padding:0 15px 3px;scroll-padding-inline:15px;display:flex;overflow-x:auto}.video-filter-sidebar nav::-webkit-scrollbar{display:none}.video-filter-sidebar nav>a{scroll-snap-align:start;background:#fff;border:1px solid #dfe9e6;border-radius:21px;flex:none;min-height:42px;padding:0 13px;font-size:13px;font-weight:400}.video-filter-sidebar nav>a:before{display:none}.video-filter-sidebar nav>a:hover{border:1px solid #bcd7d1}.video-filter-sidebar nav>a.active{color:#176f67;background:#eaf5f2;border:1px solid #9fc9c1;font-weight:500}.video-filter-sidebar nav>a small{min-width:24px;height:22px;margin-left:2px}.video-filter-reset{border-radius:10px;min-height:44px;margin:11px 14px;font-size:12px}.video-detail-layout h1{font-size:18px!important}}@media (max-width:420px){.video-filter-sidebar>header{flex-direction:column;align-items:flex-start;gap:3px}.video-filter-sidebar nav>a{min-height:40px;padding:0 12px;font-size:12px}}.video-filter-mobile-head,.video-filter-edge-trigger,.video-filter-backdrop{display:none}.video-filter-drawer-panel{display:contents}@media (max-width:760px){.video-filter-drawer{order:-1;width:0;height:0}.video-filter-drawer-panel{z-index:1302;overscroll-behavior:contain;background:#f7faf9;flex-direction:column;width:min(380px,100vw - 34px);height:100dvh;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-18px 0 55px #102b2838}.video-filter-drawer.open .video-filter-drawer-panel{transform:translate(0)}.video-filter-edge-trigger{z-index:1100;color:#fff;cursor:pointer;background:#176f67;border:1px solid #9fc8c0;border-right:0;border-radius:13px 0 0 13px;align-items:center;gap:6px;min-height:48px;padding:0 9px 0 10px;font-size:11px;font-weight:550;display:flex;position:fixed;top:48%;right:-1px;transform:translateY(-50%);box-shadow:-5px 7px 20px #173f3a2e}.video-filter-edge-trigger svg{width:18px;height:18px}.video-filter-edge-trigger b{color:#176f67;background:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:10px;font-weight:600;display:grid}.video-filter-drawer.open .video-filter-edge-trigger{visibility:hidden}.video-filter-backdrop{z-index:1301;opacity:0;visibility:hidden;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102b286b;border:0;transition:opacity .25s,visibility .25s;display:block;position:fixed;inset:0}.video-filter-drawer.open .video-filter-backdrop{opacity:1;visibility:visible}.video-filter-mobile-head{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #dce8e5;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:12px 15px;display:flex;position:sticky;top:0}.video-filter-mobile-head>div{flex-direction:column;display:flex}.video-filter-mobile-head span{color:#39766e;font:600 9px var(--display);letter-spacing:.12em}.video-filter-mobile-head b{color:#294b46;margin-top:3px;font-size:15px;font-weight:550}.video-filter-mobile-head>button{color:#58716c;cursor:pointer;background:#fff;border:1px solid #d3e0dd;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.video-filter-mobile-head button svg{width:18px}.video-filter-drawer .video-filter-sidebar{width:auto;box-shadow:none;order:initial;border-radius:13px;margin:12px;position:static}.video-filter-drawer .video-filter-sidebar>header{display:none}.video-filter-drawer .video-filter-sidebar>section{border-bottom-color:#e6eeec;padding:15px}.video-filter-drawer .video-filter-sidebar>section>span{padding:0}.video-filter-drawer .video-filter-sidebar nav{scroll-snap-type:none;gap:4px;margin-top:9px;padding:0;display:grid;overflow:visible}.video-filter-drawer .video-filter-sidebar nav>a{scroll-snap-align:none;background:0 0;border:0;border-radius:9px;width:100%;min-height:43px;padding:0 11px;font-size:13px}.video-filter-drawer .video-filter-sidebar nav>a:before{display:block}.video-filter-drawer .video-filter-sidebar nav>a:hover{background:#f2f7f5;border:0}.video-filter-drawer .video-filter-sidebar nav>a.active{background:#e9f5f1;border:0}.video-filter-drawer .video-filter-reset{margin:12px 14px 15px}}@media (prefers-reduced-motion:reduce){.video-filter-drawer-panel,.video-filter-backdrop{transition:none!important}}@media (max-width:760px){.video-library-wrap{width:100%;padding:18px max(16px,env(safe-area-inset-left)) 56px max(16px,env(safe-area-inset-right));box-sizing:border-box}.video-library-hero{box-sizing:border-box;width:100%}.video-detail-wrap{width:100%;padding:18px max(16px,env(safe-area-inset-left)) 56px max(16px,env(safe-area-inset-right));box-sizing:border-box}.video-detail-wrap .video-player-shell,.video-detail-wrap .video-detail-layout{box-sizing:border-box;width:100%}}.learning-domain-section{margin-top:30px}.learning-domain-heading{padding:0 2px;align-items:end!important;margin-bottom:11px!important}.learning-domain-heading-copy h2{margin-top:5px!important}.learning-domain-heading-copy p{color:#687d78;margin:4px 0 0;font-size:12px}.learning-domain-heading>small{color:#3d756d;white-space:nowrap;background:#e4efec;border-radius:8px;padding:5px 9px;font-size:10px;font-weight:700}.learning-domain-grid{flex-wrap:wrap;gap:8px;display:flex}.learning-domain-grid>a.learning-domain-filter{--domain-accent:#376c75;min-width:170px;min-height:52px;box-shadow:none;background:#fff;border:1px solid #d8e4e1;border-radius:12px;align-items:center;gap:10px;padding:7px 11px;transition:border-color .18s,background-color .18s,box-shadow .18s;animation:none;display:flex;position:relative;overflow:visible}.learning-domain-grid>a.learning-domain-filter:before{display:none}.learning-domain-grid>a.learning-domain-filter:hover{border-color:var(--domain-accent)}@supports (color:color-mix(in lab, red, red)){.learning-domain-grid>a.learning-domain-filter:hover{border-color:color-mix(in srgb,var(--domain-accent),#fff 35%)}}.learning-domain-grid>a.learning-domain-filter:hover{background:#f9fcfb;transform:none;box-shadow:0 5px 15px #173f3a08}.learning-domain-grid>a.learning-domain-filter.active{border-color:var(--domain-accent);background:var(--domain-accent)}@supports (color:color-mix(in lab, red, red)){.learning-domain-grid>a.learning-domain-filter.active{background:color-mix(in srgb,var(--domain-accent),#fff 93%);box-shadow:0 0 0 2px color-mix(in srgb,var(--domain-accent),transparent 88%)}}.learning-domain-filter-dot{background:var(--domain-accent);border-radius:50%;flex:0 0 9px;width:9px;height:9px;display:block}.learning-domain-filter-icon{color:#35766c;background:#e8f3f0;border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid!important}.learning-domain-filter-icon svg{width:16px;height:16px}.learning-domain-filter>span:not(.learning-domain-filter-icon){flex-direction:column;min-width:0;display:flex!important}.learning-domain-grid .learning-domain-filter strong{color:#294b45;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.3;overflow:hidden}.learning-domain-filter small{color:#71847f;margin-top:2px;font-size:9px}.learning-domain-filter-check{color:var(--domain-accent);flex:0 0 17px;margin-left:auto;width:17px!important;height:17px!important}.learning-domain-filter.all{--domain-accent:#376c75;min-width:145px}.learning-domain-grid>a.learning-domain-filter:focus-visible{outline:3px solid var(--domain-accent)}@supports (color:color-mix(in lab, red, red)){.learning-domain-grid>a.learning-domain-filter:focus-visible{outline:3px solid color-mix(in srgb,var(--domain-accent),transparent 65%)}}.learning-domain-grid>a.learning-domain-filter:focus-visible{outline-offset:2px}@media (max-width:760px){.learning-domain-heading{flex-direction:column;align-items:flex-start!important}.learning-domain-heading>small{display:none}.learning-domain-grid{grid-template-columns:1fr 1fr;display:grid}.learning-domain-grid>a.learning-domain-filter{width:100%;min-width:0}}@media (max-width:480px){.learning-domain-heading-copy p{display:none}.learning-domain-grid{grid-template-columns:1fr}.learning-domain-grid>a.learning-domain-filter{min-height:48px}}.learning-domain-filter-shell{background:#fff;border:1px solid #dce7e4;border-radius:16px;padding:12px;box-shadow:0 7px 22px #173f3a06}.learning-domain-filter-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.learning-domain-filter-toolbar>label{background:#f8fbfa;border:1px solid #d8e4e1;border-radius:10px;align-items:center;gap:8px;min-width:220px;max-width:390px;height:40px;padding:0 11px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex}.learning-domain-filter-toolbar>label:focus-within{background:#fff;border-color:#4b9187;box-shadow:0 0 0 3px #4b918719}.learning-domain-filter-toolbar label>svg{color:#64807a;flex:0 0 17px;width:17px}.learning-domain-filter-toolbar input{color:#294b45;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0;font-size:12px}.learning-domain-filter-toolbar input::placeholder{color:#839590}.learning-domain-filter-toolbar>span{color:#71847f;white-space:nowrap;font-size:10px;font-weight:700}.learning-domain-grid.expanded,.learning-domain-grid.searching{scrollbar-color:#a9c5bf transparent;scrollbar-width:thin;max-height:320px;padding-right:5px;overflow-y:auto}.learning-domain-grid>a.learning-domain-filter{animation:.24s cubic-bezier(.22,1,.36,1) both domain-filter-in;animation-delay:min(calc(var(--filter-index,0) * 18ms),.18s)}.learning-domain-filter-more{color:#34766c;cursor:pointer;background:#edf6f3;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;height:37px;margin-top:10px;font-size:11px;font-weight:700;transition:color .18s,background-color .18s;display:flex}.learning-domain-filter-more:hover{color:#fff;background:#34766c}.learning-domain-filter-more:focus-visible{outline-offset:2px;outline:3px solid #4b918733}.learning-domain-filter-more svg{width:16px;transition:transform .25s cubic-bezier(.22,1,.36,1)}.learning-domain-filter-more[aria-expanded=true] svg{transform:rotate(180deg)}.learning-domain-filter-empty{color:#71847f;text-align:center;width:100%;margin:0;padding:18px}.learning-domain-grid.searching{min-height:64px}@keyframes domain-filter-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:760px){.learning-domain-filter-toolbar>label{flex:1;max-width:none}.learning-domain-grid.expanded,.learning-domain-grid.searching{max-height:360px}}@media (max-width:480px){.learning-domain-filter-shell{padding:10px}.learning-domain-filter-toolbar{flex-direction:column;align-items:stretch;gap:7px}.learning-domain-filter-toolbar>label{width:100%;min-width:0}.learning-domain-filter-toolbar>span{padding-left:2px}.learning-domain-grid.expanded,.learning-domain-grid.searching{max-height:344px}}@media (prefers-reduced-motion:reduce){.learning-domain-grid>a.learning-domain-filter{animation:none}.learning-domain-filter-more,.learning-domain-filter-more svg,.learning-domain-filter-toolbar>label{transition:none}}.learning-domain-filter-shell{background:linear-gradient(#fff,#fbfdfc);border-color:#d7e4e0}.learning-domain-grid{align-items:stretch;max-height:172px;transition:max-height .36s cubic-bezier(.22,1,.36,1);overflow:hidden}.learning-domain-grid>a.learning-domain-filter{border-radius:11px;flex-direction:row;flex:215px;min-width:185px;max-width:285px;min-height:50px;padding:7px 10px}.learning-domain-grid>a.learning-domain-filter>span:not(.learning-domain-filter-icon){justify-content:center;align-items:flex-start;width:auto}.learning-domain-grid>a.learning-domain-filter.active{box-shadow:inset 3px 0 0 var(--domain-accent),0 0 0 2px var(--domain-accent)}@supports (color:color-mix(in lab, red, red)){.learning-domain-grid>a.learning-domain-filter.active{box-shadow:inset 3px 0 0 var(--domain-accent),0 0 0 2px color-mix(in srgb,var(--domain-accent),transparent 90%)}}.learning-domain-grid>a.learning-domain-filter:hover{transform:translateY(-1px)}.learning-domain-filter-dot{width:10px;height:10px;box-shadow:0 0 0 4px var(--domain-accent);flex-basis:10px}@supports (color:color-mix(in lab, red, red)){.learning-domain-filter-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--domain-accent),transparent 88%)}}.learning-domain-filter-icon{flex-basis:32px!important}.learning-domain-grid .learning-domain-filter strong{font-size:12px}.learning-domain-filter small{font-size:9px}.learning-domain-grid.expanded,.learning-domain-grid.searching{max-height:326px}.learning-domain-filter-more{background:0 0;height:35px;box-shadow:inset 0 0 0 1px #dbe7e4}.learning-domain-filter-more:hover{box-shadow:none}@media (max-width:760px){.learning-domain-grid{max-height:340px}.learning-domain-grid>a.learning-domain-filter{max-width:none}.learning-domain-grid.expanded,.learning-domain-grid.searching{max-height:380px}}@media (max-width:480px){.learning-domain-grid{max-height:668px}.learning-domain-grid>a.learning-domain-filter{min-height:48px}.learning-domain-grid.expanded,.learning-domain-grid.searching{max-height:380px}}@media (prefers-reduced-motion:reduce){.learning-domain-grid{transition:none}.learning-domain-grid>a.learning-domain-filter:hover{transform:none}}.learning-domain-filter-icon,.learning-domain-filter-dot{border-radius:9px;place-items:center;flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important}.learning-domain-filter-icon{background:#e8f3f0}.learning-domain-filter-icon svg{width:15px;height:15px;display:block}.learning-domain-filter-dot{background:var(--domain-accent)}@supports (color:color-mix(in lab, red, red)){.learning-domain-filter-dot{background:color-mix(in srgb,var(--domain-accent),#fff 90%)}}.learning-domain-filter-dot{box-shadow:none}.learning-domain-filter-dot:after{background:var(--domain-accent);width:9px;height:9px;box-shadow:0 0 0 3px var(--domain-accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.learning-domain-filter-dot:after{box-shadow:0 0 0 3px color-mix(in srgb,var(--domain-accent),transparent 88%)}}.learning-domain-filter-dot:after{content:""}.learning-domain-filter small{margin-top:5px;line-height:1.15}.learning-domain-filter-check{background:var(--domain-accent);border-radius:7px;flex:0 0 22px;padding:3px;width:22px!important;height:22px!important}@supports (color:color-mix(in lab, red, red)){.learning-domain-filter-check{background:color-mix(in srgb,var(--domain-accent),#fff 88%)}}.course-kaiwa-view{flex-direction:column;gap:18px;display:flex}.course-kaiwa-guide{background:linear-gradient(135deg,#eff8f5,#f9fcfb);border:1px solid #cfe2de;border-radius:18px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 22px;display:grid;box-shadow:0 8px 25px #173f3a08}.course-kaiwa-guide>div{color:#fff;background:#397e74;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 18px #397e7426}.course-kaiwa-guide svg{width:25px}.course-kaiwa-guide section>span,.course-kaiwa-context>span,.course-kaiwa-list blockquote>header>span{color:#397e74;font:800 10px var(--display);letter-spacing:.11em}.course-kaiwa-guide h3{color:#21443e;margin:4px 0 2px;font-size:17px!important}.course-kaiwa-guide p{color:#647a75;max-width:590px;margin:0;line-height:1.55}.course-kaiwa-guide ol{margin:0;padding:0;list-style:none;display:flex}.course-kaiwa-guide li{color:#5d746f;border-left:1px solid #d5e5e1;align-items:center;gap:8px;max-width:132px;padding:0 14px;display:flex}.course-kaiwa-guide li b{color:#397e74;font-size:11px}.course-kaiwa-guide li span{font-size:11px;line-height:1.35}.course-kaiwa-list{flex-direction:column;gap:14px;display:flex}.course-kaiwa-list>article{background:#fff;border:1px solid #d8e5e2;border-radius:19px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 10px 28px #173f3a08}.course-kaiwa-list>article:hover{border-color:#a9ccc5;box-shadow:0 14px 34px #173f3a12}.course-kaiwa-list>article>header{border-bottom:1px solid #e3ece9;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px 22px;display:grid}.course-kaiwa-list>article>header>span{color:#fff;background:#397e74;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.course-kaiwa-list>article>header small{color:#568078;letter-spacing:.08em;font-size:10px;font-weight:800}.course-kaiwa-list>article>header h3{color:#203f3a;margin:3px 0 0;font-size:20px!important}.course-kaiwa-list>article>header p{color:#71837f;margin:3px 0 0}.course-kaiwa-list>article>header>a,.course-kaiwa-list>article>footer>a{color:#2f776d;background:#f2f8f6;border:1px solid #c9ded9;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:12px;font-weight:800;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.course-kaiwa-list>article>header>a:hover,.course-kaiwa-list>article>footer>a:hover{color:#fff;background:#397e74;border-color:#397e74}.course-kaiwa-list>article>header>a:focus-visible,.course-kaiwa-list>article>footer>a:focus-visible{outline-offset:2px;outline:3px solid #397e7438}.course-kaiwa-list>article a svg{width:16px}.course-kaiwa-context{padding:18px 22px 0}.course-kaiwa-context p{color:#526b66;white-space:pre-line;margin:6px 0 0;font-size:14px;line-height:1.75}.course-kaiwa-list blockquote{background:#f2f7f5;border:0;border-left:4px solid #397e74;border-radius:0 15px 15px 0;margin:18px 22px;padding:18px 20px}.course-kaiwa-list blockquote>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-kaiwa-list blockquote .japanese-speech-button{flex:none;min-width:44px;height:40px;margin:0}.course-kaiwa-list blockquote>b,.course-kaiwa-list blockquote>small{display:block}.course-kaiwa-list blockquote>b{color:#193b36;white-space:pre-line;margin-top:12px;font-family:Noto Sans JP,sans-serif;font-size:17px;line-height:1.9}.course-kaiwa-list blockquote>small{color:#607570;white-space:pre-line;border-top:1px dashed #c9dad6;margin-top:10px;padding-top:10px;font-size:13px;line-height:1.7}.course-kaiwa-list>article>footer{background:#fbfdfc;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.course-kaiwa-list>article>footer>span{color:#71837f;font-size:11px}.course-kaiwa-list>article>footer>a{color:#fff;background:#397e74;min-height:44px}.course-kaiwa-list>article>footer>a:hover{background:#286b62}@media (max-width:980px){.course-kaiwa-guide{grid-template-columns:48px minmax(0,1fr)}.course-kaiwa-guide ol{grid-column:1/-1}.course-kaiwa-guide li{flex:1;max-width:none}.course-kaiwa-guide li:first-child{border-left:0}}@media (max-width:620px){.course-kaiwa-guide{grid-template-columns:40px minmax(0,1fr);padding:16px}.course-kaiwa-guide>div{border-radius:11px;width:40px;height:40px}.course-kaiwa-guide ol{grid-template-columns:1fr;display:grid}.course-kaiwa-guide li{border-top:1px solid #d5e5e1;border-left:0;padding:8px 0}.course-kaiwa-list>article>header{grid-template-columns:38px minmax(0,1fr);padding:16px}.course-kaiwa-list>article>header>span{width:38px;height:38px}.course-kaiwa-list>article>header>a{grid-column:1/-1;width:100%}.course-kaiwa-context{padding:16px 16px 0}.course-kaiwa-list blockquote{margin:16px;padding:16px}.course-kaiwa-list blockquote>b{font-size:15px}.course-kaiwa-list>article>footer{flex-direction:column;align-items:stretch;padding:14px 16px}.course-kaiwa-list>article>footer>a{width:100%}}@media (prefers-reduced-motion:reduce){.course-kaiwa-list>article,.course-kaiwa-list>article>header>a,.course-kaiwa-list>article>footer>a{transition:none}}.course-kaiwa-list>article>details{width:100%}.course-kaiwa-list summary{cursor:pointer;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 22px;list-style:none;transition:background-color .2s;display:grid}.course-kaiwa-list summary::-webkit-details-marker{display:none}.course-kaiwa-list summary:hover{background:#f7fbfa}.course-kaiwa-list summary:focus-visible{outline-offset:-3px;outline:3px solid #397e7438}.course-kaiwa-list summary>span:first-child{color:#fff;background:#397e74;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.course-kaiwa-list summary small{color:#568078;letter-spacing:.08em;font-size:10px;font-weight:800}.course-kaiwa-list summary h3{color:#203f3a;margin:3px 0 0;font-size:20px!important}.course-kaiwa-list summary p{color:#71837f;margin:3px 0 0}.course-kaiwa-expand{align-items:center;gap:9px;display:flex;color:#397e74!important}.course-kaiwa-expand-label{white-space:nowrap;font-size:11px}.course-kaiwa-expand svg{width:18px;transition:transform .28s cubic-bezier(.22,1,.36,1)}.course-kaiwa-list details[open] .course-kaiwa-expand svg{transform:rotate(180deg)}.course-kaiwa-list details[open] summary{background:#fbfdfc;border-bottom:1px solid #e3ece9}.course-kaiwa-collapsible{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),opacity .22s;display:grid}.course-kaiwa-collapsible>div{min-height:0;overflow:hidden}.course-kaiwa-list details[open]>.course-kaiwa-collapsible{opacity:1;grid-template-rows:1fr}.course-kaiwa-list details .course-kaiwa-collapsible footer{background:#fbfdfc;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.course-kaiwa-list details .course-kaiwa-collapsible footer>span{color:#71837f;font-size:11px}.course-kaiwa-list details .course-kaiwa-collapsible footer>a{color:#fff;background:#397e74;border:1px solid #397e74;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:12px;font-weight:800;transition:background-color .2s,border-color .2s;display:inline-flex}.course-kaiwa-list details .course-kaiwa-collapsible footer>a:hover{background:#286b62;border-color:#286b62}.course-kaiwa-list details .course-kaiwa-collapsible footer>a:focus-visible{outline-offset:2px;outline:3px solid #397e7438}@media (max-width:620px){.course-kaiwa-list summary{grid-template-columns:38px minmax(0,1fr) auto;gap:11px;padding:15px 16px}.course-kaiwa-list summary>span:first-child{width:38px;height:38px}.course-kaiwa-list summary h3{font-size:17px!important}.course-kaiwa-expand-label{display:none}.course-kaiwa-expand{background:#edf6f3;border-radius:10px;justify-content:center;width:36px;height:36px}.course-kaiwa-list details .course-kaiwa-collapsible footer{flex-direction:column;align-items:stretch;padding:14px 16px}.course-kaiwa-list details .course-kaiwa-collapsible footer>a{width:100%}}@media (prefers-reduced-motion:reduce){.course-kaiwa-list summary,.course-kaiwa-expand svg,.course-kaiwa-collapsible,.course-kaiwa-list details .course-kaiwa-collapsible footer>a{transition:none}}.exam-shared-passage{background:#fff;border:1px solid #d9e6e2;border-radius:16px;grid-column:2;margin-bottom:0;padding:24px 28px;box-shadow:0 10px 28px #174f4808}.exam-shared-passage>span{color:#28746c;letter-spacing:.1em;font-size:11px;font-weight:800}.exam-shared-passage h2{margin:6px 0 14px}.exam-shared-passage img{object-fit:contain;width:100%;max-height:560px;margin-bottom:16px;display:block}.exam-shared-passage p{line-height:1.8}.practice-shared-passage{background:#f8fbfa;border:1px solid #d9e6e2;border-radius:14px;margin:20px 25px 0;padding:22px}.practice-shared-passage img{object-fit:contain;width:100%;max-height:560px;margin-bottom:15px;display:block}@media (max-width:900px){.exam-shared-passage{grid-column:1/-1}}.exam-question-media{background:#f7fbfa;border:1px solid #d9e6e2;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;margin:22px 28px 0;padding:18px;display:grid}.exam-question-media>div{gap:10px;display:grid}.exam-question-media img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:360px;display:block}.exam-question-media>aside{background:#eaf5f2;border-radius:11px;flex-direction:column;justify-content:center;gap:10px;padding:16px;display:flex}.exam-question-media>aside>span{color:#28746c;letter-spacing:.1em;font-size:11px;font-weight:800}.exam-question-media audio{width:100%}.exam-question-media small{color:#667d78}@media (max-width:760px){.exam-question-media{grid-template-columns:1fr;margin:14px 14px 0;padding:12px}}