@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@latest/dist/web/variable/pretendardvariable-dynamic-subset.css";@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@700&display=swap";.activity-layout>.activity-feedback-host,.activity-layout>.activity-controls-host,.activity-layout>.activity-overlay-host{pointer-events:none;position:absolute;inset:0}.activity-layout>.activity-feedback-host{z-index:20}.activity-layout>.activity-controls-host{z-index:40}.activity-layout>.activity-overlay-host{z-index:80}.activity-controls-host button,.activity-controls-host a,.activity-feedback-host>*,.activity-overlay-host>*{pointer-events:auto}.activity-layout.unity-activity-layout>.activity-controls-host>.activity-common-back,.activity-layout.unity-activity-layout>.activity-controls-host>.video-activity-back{top:calc(env(safe-area-inset-top,0px) + 10px);bottom:auto;right:auto;left:calc(env(safe-area-inset-left,0px) + 10px);position:absolute}.activity-layout.unity-activity-layout>.activity-controls-host>.activity-topbar,.activity-layout.unity-activity-layout>.activity-controls-host>.video-activity-map{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);position:absolute;bottom:auto;left:auto}.activity-layout.unity-activity-layout>.activity-controls-host>.hub-activity-complete-button{top:auto;right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);position:absolute;left:auto}.activity-layout.unity-activity-layout>.activity-controls-host>.activity-study-error{top:calc(env(safe-area-inset-top,0px) + 90px);right:calc(env(safe-area-inset-right,0px) + 20px);bottom:auto;left:calc(env(safe-area-inset-left,0px) + 20px);pointer-events:auto;position:absolute}.activity-layout>.activity-overlay-host>.activity-celebration{position:absolute;inset:0}.urimal-preview{color:#182c45;background:#eef3f8;min-height:100dvh;font-family:system-ui,sans-serif}.urimal-preview-header{z-index:2;background:#fff;border-bottom:1px solid #ccd7e3;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex;position:relative}.urimal-preview-header strong{font-size:17px}.urimal-preview-header small{color:#5b6b80;margin-top:3px;display:block}.urimal-preview-header label{align-items:center;gap:6px;font-size:13px;display:flex}.urimal-preview-header select{color:#182c45;background:#fff;border:1px solid #b8c7d8;border-radius:6px;max-width:250px;padding:7px}.urimal-preview button{cursor:pointer}.urimal-preview button:disabled{cursor:not-allowed;opacity:.55}.urimal-preview-header button,.urimal-preview-start{color:#fff;background:#2455a4;border:0;border-radius:8px;padding:10px 16px}.urimal-preview-review{background:#fff3d6;border-radius:6px;padding:7px}.urimal-preview-error{color:#9a2929;margin:12px 20px}.urimal-preview-catalog{max-width:1024px;margin:auto;padding:24px}.urimal-preview-catalog h1{font-size:24px}.urimal-preview-activities{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;padding:0;list-style:none;display:grid}.urimal-preview-activities button{text-align:left;background:#fff;border:2px solid #d5e0ec;border-radius:9px;width:100%;min-height:77px;padding:15px}.urimal-preview-activities button[aria-pressed=true]{background:#f5f9ff;border-color:#2455a4}.urimal-preview-activities small{color:#5b6b80;margin-top:7px;display:block}.urimal-preview-catalog details{margin-top:28px}.urimal-preview-catalog table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.urimal-preview-catalog th,.urimal-preview-catalog td{text-align:left;border-bottom:1px solid #ccd7e3;padding:8px}.urimal-preview.is-playing{flex-direction:column;height:100dvh;display:flex}.urimal-preview.is-playing>.urimal-preview-header{flex:none}.urimal-preview-player{flex:auto;min-height:0}.urimal-preview-player>.activity-layout{height:100%;min-height:0}.urimal-preview-player>.activity-layout:fullscreen{height:100dvh}@media (width<=700px){.urimal-preview-header{gap:8px;padding:10px}.urimal-preview-header select{max-width:210px}}@font-face{font-family:UrimalPortal;src:url(/urimal/assets/fonts/noto-sans-kr-vf.woff2)format("woff2");font-weight:100 900;font-display:swap}.urimal-preview{color:#142b45;background:#f4f9fd;font-family:UrimalPortal,system-ui,sans-serif;line-height:1.5}.urimal-preview button,.urimal-preview select{font:inherit}.urimal-preview button:focus-visible,.urimal-preview select:focus-visible,.urimal-preview summary:focus-visible,.urimal-preview input:focus-visible{outline-offset:3px;outline:3px solid #f6bc3e}.urimal-preview-header{color:#fff;z-index:3;background:#153d67;border-bottom:1px solid #2d5377;flex-wrap:nowrap;justify-content:space-between;gap:24px;min-height:76px;padding:0 max(28px,50vw - 720px)}.urimal-preview-header .portal-brand{color:#fff;letter-spacing:-1.5px;white-space:nowrap;background:0 0;border:0;padding:10px 0;font-size:30px;font-weight:850}.portal-top-nav{align-self:stretch;align-items:stretch;gap:32px;display:flex}.urimal-preview-header .portal-top-nav button{color:#e6edf4;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0 4px;font-size:17px;font-weight:650;position:relative}.portal-top-nav button[aria-pressed=true]{color:#fff}.portal-top-nav button[aria-pressed=true]:after{content:"";background:#56b5ff;border-radius:4px;height:4px;position:absolute;bottom:8px;left:0;right:0}.portal-header-actions{align-items:center;gap:16px;display:flex}.portal-sample-badge{white-space:nowrap;color:#e9f5ff;background:#ffffff19;border-radius:30px;padding:7px 13px;font-size:13px;font-weight:600}.urimal-preview-header .portal-tools-toggle,.urimal-preview-header .portal-return{color:#e9f5ff;white-space:nowrap;background:0 0;border:1px solid #ffffff45;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:13px;display:flex}.portal-tools-toggle:hover,.portal-return:hover{background:#ffffff15}.urimal-portal{max-width:1440px;margin:auto;padding:26px 28px 0}.portal-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.portal-heading>div{flex-wrap:wrap;align-items:baseline;gap:20px;display:flex}.urimal-portal h1{letter-spacing:-1.2px;margin:0;font-size:clamp(24px,2.5vw,36px);font-weight:800;line-height:1.35}.portal-heading span{color:#607a93;font-size:16px}.portal-heading>p{color:#6f879c;text-align:right;white-space:nowrap;margin:0;font-size:14px}.portal-courses{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:17px;display:grid}.portal-course{text-align:left;color:#14365b;isolation:isolate;background:#eaf4ff;border:1px solid #c9deef;border-radius:14px;align-items:center;gap:17px;min-height:138px;padding:15px 16px 15px 0;display:flex;position:relative;overflow:hidden}.portal-course[aria-pressed=true]{border-color:#2481ed;box-shadow:inset 0 0 0 2px #2481ed}.portal-course.school{color:#155c50;background:#e6f6f1;border-color:#c1e6d9}.portal-course.assessment{color:#72500d;background:#fff5d9;border-color:#f0deb0}.portal-course.school[aria-pressed=true]{border-color:#168c70;box-shadow:inset 0 0 0 2px #168c70}.portal-course.assessment[aria-pressed=true]{border-color:#c58b12;box-shadow:inset 0 0 0 2px #c58b12}.portal-course>img{object-fit:cover;border-radius:0 16px 16px 0;flex-shrink:0;width:112px;height:111px}.portal-course>div{z-index:1;flex:1;min-width:0}.portal-course strong{letter-spacing:-.8px;white-space:nowrap;font-size:clamp(17px,1.5vw,22px);font-weight:800}.portal-course strong span{font-size:.85em;font-weight:650}.portal-course p{color:#557694;margin:8px 0 0;font-size:14px;line-height:1.7}.portal-course.school p{color:#598374}.portal-course.assessment p{color:#8a7648}.course-arrow{color:#fff;z-index:1;background:#2582ec;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.school .course-arrow{background:#168c70}.assessment .course-arrow{background:#c28b1c}.course-watermark{opacity:.04;z-index:0;position:absolute;bottom:-9px;right:12px}.portal-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 17px;display:grid}.portal-stages button{color:#526f8c;background:#e4eef6;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:11px 8px;font-size:15px;display:flex}.portal-stages button b{font-weight:750}.portal-stages button[aria-pressed=true]{color:#fff;background:#2581e9}.portal-series-heading{color:#375e80;background:#e4eef6;border-radius:10px;align-items:center;gap:18px;margin-bottom:17px;padding:11px 18px;display:flex}.portal-series-heading span{font-weight:750}.portal-series-heading small{font-size:14px}.portal-workspace{background:#fff;border:1px solid #d7e3ee;border-radius:15px;grid-template-columns:28% minmax(0,1fr);gap:25px;padding:22px;display:grid;box-shadow:0 8px 24px #3268de04}.portal-selected-book{border-right:1px solid #e1eaf1;min-width:0;padding-right:25px}.portal-book-picker{color:#68809a;white-space:nowrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.portal-book-picker select{color:#365975;background:#f7fafc;border:1px solid #dce6ee;border-radius:7px;width:100%;min-width:0;padding:6px 8px;font-size:12px}.portal-cover{aspect-ratio:1.18;object-fit:cover;border-radius:9px;width:100%;display:block}.portal-book-code{color:#234d73;background:#e9f1fa;border-radius:5px;margin-top:13px;padding:1px 7px;font-size:15px;font-weight:750;display:inline-block}.portal-selected-book h2{letter-spacing:-.7px;word-break:keep-all;margin:4px 0 6px;font-size:23px;font-weight:800;line-height:1.5}.portal-book-summary{color:#68809a;margin:0;font-size:14px}.portal-activity-section{flex-direction:column;min-width:0;display:flex}.portal-activity-heading{flex-wrap:wrap;align-items:baseline;gap:16px;margin:0 0 16px;display:flex}.urimal-portal h2{color:#142b45}.portal-activity-heading h2{letter-spacing:-.6px;margin:0;font-size:24px;font-weight:800}.portal-activity-heading p{color:#6b829b;margin:0;font-size:14px}.portal-activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.portal-activity-grid li{min-width:0;display:flex}.portal-activity{color:#153458;background:#fff;border:1px solid #dbe6ef;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:130px;padding:23px 9px 12px;transition:background .15s,border-color .15s;display:flex;position:relative}.portal-activity:hover:not(:disabled){background:#f5faff;border-color:#9ac7f2}.portal-activity[aria-pressed=true]{background:#edf7ff;border-color:#2384ff;box-shadow:inset 0 0 0 1px #2384ff}.portal-activity-number{color:#687e94;font-size:14px;font-weight:600;position:absolute;top:9px;left:12px}.portal-selected-mark{color:#fff;background:#2384ff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:9px;right:9px}.portal-activity-icon{stroke-width:1.7px;color:#2384ed;width:39px;height:39px}.activity-tone-1 .portal-activity-icon{color:#de6878}.activity-tone-2 .portal-activity-icon{color:#249777}.activity-tone-3 .portal-activity-icon{color:#d59622}.portal-activity strong{word-break:keep-all;text-align:center;font-size:15px;font-weight:700;line-height:1.45}.portal-activity small{color:#228c72;margin-top:-5px;font-size:11px}.many-activities .portal-activity{gap:7px;min-height:108px}.many-activities .portal-activity-icon{width:27px;height:27px}.many-activities .portal-activity strong{font-size:13px}.portal-start-row{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.portal-start-row>p{color:#7790a4;word-break:keep-all;margin:0;font-size:13px}.portal-start{color:#fff;white-space:nowrap;background:#1578ee;border:0;border-radius:11px;justify-content:center;align-items:center;gap:18px;padding:15px 24px;display:flex;box-shadow:0 5px 12px #1578ee15;font-size:17px!important;font-weight:750!important}.portal-start:hover:not(:disabled){background:#0e63ca}.portal-other-books{margin-top:22px}.portal-other-heading{align-items:center;gap:14px;margin-bottom:12px;display:flex}.portal-other-heading h2{letter-spacing:-.6px;margin:0;font-size:22px;font-weight:800}.portal-other-heading>span{color:#7188a0;font-size:14px}.portal-other-heading>button{color:#1578ee;background:0 0;border:0;align-items:center;gap:7px;margin-left:auto;padding:6px 0;font-size:14px;display:flex}.portal-book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portal-book-shelf.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-other-book{text-align:left;color:#193c60;background:#fff;border:1px solid #dce6ee;border-radius:11px;align-items:center;gap:18px;min-width:0;min-height:102px;padding:0 20px 0 0;display:flex;overflow:hidden}.portal-other-book:hover{background:#fafdff;border-color:#8abde9}.portal-other-book>img{object-fit:cover;flex-shrink:0;width:126px;height:104px}.portal-other-book>span{flex:1;min-width:0;padding:7px 0}.portal-other-book>svg{color:#4d7fa6;flex-shrink:0}.portal-other-book small{color:#3d6485;background:#eaf1f8;border-radius:4px;padding:1px 5px;font-size:12px;font-weight:700;display:inline-block}.portal-other-book strong{word-break:keep-all;margin:3px 0;font-size:16px;font-weight:700;line-height:1.5;display:block}.portal-other-book em{color:#7c90a4;font-size:12px;font-style:normal;display:block}.portal-footer{color:#8095a7;justify-content:space-between;align-items:center;gap:16px;padding:23px 0 19px;font-size:12px;display:flex}.portal-footer>span{font-weight:750}.portal-footer p{text-align:right;margin:0}.portal-tools{color:#5d614f;background:#fff9e9;border-bottom:1px solid #eadfbc;padding:18px 28px;font-size:13px}.portal-tool-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.portal-tool-controls label{align-items:center;gap:8px;display:flex}.portal-tool-controls select{color:#31465a;background:#fff;border:1px solid #d4d9d7;border-radius:6px;max-width:260px;padding:5px 8px}.portal-review-check{background:#fff0c5;border-radius:6px;padding:6px 8px}.portal-review-check input{accent-color:#1578ee}.portal-tools p{margin:10px 0;font-size:12px}.portal-tools details{margin-top:8px}.portal-tools summary{cursor:pointer}.portal-log-table{overflow:auto}.portal-tools table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.portal-tools td,.portal-tools th{border-bottom:1px solid #dce6ee;padding:5px}.urimal-preview-error{color:#a63428;background:#fff0ee;margin:0;padding:12px 24px;font-size:14px}.portal-resource-status{color:#50799c;background:#eaf4ff;justify-content:center;align-items:center;gap:14px;padding:4px 12px;font-size:12px;display:flex}.portal-resource-status progress{accent-color:#2581e9;border:0;width:120px;height:5px}.portal-loading{text-align:center;color:#6b829b;padding:40px}.urimal-preview.is-playing{min-height:0}.urimal-preview.is-playing>.urimal-preview-header{gap:16px;min-height:48px;padding:0 18px}.is-playing .portal-brand{letter-spacing:-.8px;padding:6px 0;font-size:20px}.portal-playing-title{white-space:nowrap;text-overflow:ellipsis;margin-right:auto;font-size:13px;overflow:hidden}.is-playing .portal-sample-badge{display:none}.is-playing .portal-tools{flex-shrink:0;max-height:38dvh;overflow:auto}@media (width<=1150px){.portal-top-nav{gap:20px}.portal-header-actions{gap:8px}.portal-sample-badge{display:none}.portal-course{gap:12px;min-height:125px;padding-right:12px}.portal-course>img{width:85px;height:95px}.portal-course strong{font-size:17px}.course-arrow{width:26px;height:26px}.portal-workspace{gap:18px;padding:18px}.portal-selected-book{padding-right:18px}.portal-activity{min-height:120px}.portal-activity strong{font-size:14px}.portal-selected-book h2{font-size:21px}.portal-start-row>p{max-width:170px}.portal-book-shelf.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.urimal-preview-header{flex-wrap:wrap;gap:16px;min-height:64px;padding:0 20px}.urimal-preview-header .portal-brand{font-size:26px}.portal-top-nav{order:3;justify-content:center;gap:36px;width:100%;min-height:45px}.urimal-preview-header .portal-top-nav button{padding-bottom:14px;font-size:15px}.portal-top-nav button[aria-pressed=true]:after{bottom:6px}.portal-heading>p{display:none}.portal-heading>div{gap:8px 16px}.urimal-portal{padding:20px 20px 0}.portal-course{flex-wrap:wrap;gap:9px;min-height:115px;padding:12px 8px}.portal-course>img{border-radius:7px;width:54px;height:64px}.portal-course strong{white-space:normal;font-size:15px}.portal-course p{margin-top:5px;font-size:12px}.course-arrow{display:none}.portal-stages{gap:8px}.portal-stages button{flex-direction:column;gap:5px;padding:8px;font-size:13px}.portal-workspace{grid-template-columns:1fr}.portal-selected-book{border:0;border-bottom:1px solid #e1eaf1;grid-template-columns:160px minmax(0,1fr);column-gap:20px;padding:0 0 18px;display:grid}.portal-book-picker{grid-column:2;align-self:start;margin-bottom:6px}.portal-cover{aspect-ratio:1;grid-area:1/1/5;width:160px}.portal-book-code{grid-column:2;justify-self:start;margin-top:0}.portal-selected-book h2{grid-column:2;margin:2px 0}.portal-book-summary{grid-column:2}.portal-activity-grid{gap:10px}.portal-activity{min-height:114px}.portal-activity-icon{width:32px;height:32px}.portal-other-book{gap:12px;padding-right:12px}.portal-other-book>img{width:93px;height:108px}.portal-other-book strong{font-size:14px}.portal-other-heading>span{display:none}.portal-footer{font-size:11px}.portal-playing-title{display:none}.is-playing .portal-header-actions{margin-left:auto}.is-playing .urimal-preview-header .portal-brand{font-size:20px}}@media (width<=540px){.urimal-portal{padding:18px 12px 0}.urimal-preview-header{gap:8px;padding:0 14px}.portal-heading{margin-bottom:15px}.portal-heading h1{font-size:25px}.portal-heading span{font-size:13px}.portal-courses{gap:8px;margin-bottom:12px}.portal-course{flex-direction:column;align-items:flex-start;gap:7px;min-height:131px;padding:10px;display:flex}.portal-course>img{width:45px;height:43px}.portal-course>div{width:100%}.portal-course strong{font-size:14px}.portal-course strong span{display:block}.portal-course p{display:none}.portal-top-nav{gap:20px}.urimal-preview-header .portal-top-nav button{font-size:14px}.portal-stages button{font-size:11px}.portal-workspace{gap:16px;padding:14px}.portal-selected-book{grid-template-columns:104px minmax(0,1fr);gap:5px 13px;padding-bottom:14px}.portal-cover{aspect-ratio:.82;width:104px}.portal-book-picker{gap:5px;font-size:11px}.portal-book-picker select{max-width:100%;padding:4px;font-size:11px}.portal-book-code{font-size:12px}.portal-selected-book h2{font-size:17px}.portal-book-summary{font-size:11px}.portal-activity-heading{gap:5px;margin-bottom:12px}.portal-activity-heading h2{font-size:21px}.portal-activity-heading p{font-size:12px}.portal-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-activity,.many-activities .portal-activity{min-height:106px}.portal-activity strong,.many-activities .portal-activity strong{font-size:13px}.portal-start-row{flex-direction:column;align-items:stretch;gap:8px}.portal-start-row>p{text-align:center;max-width:none}.portal-start{padding:13px;font-size:16px!important}.portal-book-shelf,.portal-book-shelf.expanded{grid-template-columns:1fr;gap:10px}.portal-other-heading h2{font-size:19px}.portal-other-heading button{font-size:12px}.portal-footer{align-items:flex-start;gap:16px}.portal-footer p{max-width:240px}.portal-series-heading{padding:10px 12px;display:block}.portal-series-heading small{margin-top:3px;font-size:12px;display:block}.portal-tools{padding:14px}.portal-tool-controls{flex-direction:column;align-items:stretch}.portal-tool-controls label{justify-content:space-between}.portal-tool-controls select{max-width:220px}.portal-tools-toggle span{display:none}.is-playing>.urimal-preview-header{padding:0 10px}.is-playing .urimal-preview-header .portal-brand{font-size:18px}.portal-resource-status{font-size:11px}.portal-resource-status progress{width:80px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#183038;background:#e8f5f5;font-family:Inter,Segoe UI,Noto Sans KR,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#082f43 0%,#0e4f66 54%,#183d59 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a.button{cursor:pointer;border:0;text-decoration:none}code{color:#21495a;background:#e6f4ff;border-radius:6px;padding:2px 6px;font-size:.9em}.viewport{place-items:center;min-height:100vh;padding:18px;display:grid}.stage-shell{background:#073043;border:1px solid #b0e2f047;border-radius:8px;grid-template-rows:72px 1fr 34px;width:min(1280px,100vw - 28px);height:min(720px,100vh - 28px);min-height:620px;display:grid;overflow:hidden;box-shadow:0 24px 70px #00121f57}.activity-viewport{background:#071f28;place-items:stretch stretch;width:100%;height:100dvh;min-height:0;padding:0;position:fixed;inset:0;overflow:hidden}.stage-shell.activity-stage{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-rows:1fr}.activity-stage .app-topbar,.activity-stage .app-footer{display:none}.activity-stage .app-surface{height:100%;min-height:0;overflow:hidden}.external-viewport{background:#071f28;place-items:stretch stretch;min-height:100svh;padding:0;overflow:hidden}.external-stage{width:100vw;min-width:0;height:100svh;min-height:0;overflow:hidden}.app-topbar{color:#fff;background:linear-gradient(90deg,#062d40f5 0%,#08546bf5 54%,#26527ef5 100%);justify-content:space-between;align-items:center;padding:0 26px;display:flex}.brand,.app-topbar nav,.app-topbar nav a,.app-topbar nav button{align-items:center;display:flex}.brand{color:inherit;gap:12px;text-decoration:none}.brand-mark{color:#183038;letter-spacing:0;background:#ffffffeb;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.brand-mark img{object-fit:contain;width:34px;height:34px}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:#ffffffc7;font-size:12px}.app-topbar nav{gap:10px}.app-topbar nav a,.app-topbar nav button{color:#fff;background:#ffffff29;border:1px solid #ffffff2e;border-radius:7px;gap:7px;min-height:38px;padding:0 12px}.app-topbar nav .auth-nav-button{max-width:176px}.auth-nav-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.unity-menu-icon{object-fit:contain;width:18px;height:18px}.app-surface{background:#092f43;min-height:0;overflow:hidden}.app-footer{color:#e8f8ffcc;background:#052433f5;border-top:1px solid #c6e8f02e;justify-content:space-between;align-items:center;padding:0 24px;font-size:12px;display:flex}.app-footer span{align-items:center;gap:6px;display:flex}.home-screen{color:#f8fdff;background-color:#092f43;background-image:linear-gradient(180deg, #05172314 0%, #05172375 100%), var(--unity-home-bg);background-position:50%;background-size:cover;place-items:center;height:100%;padding:42px;display:grid}.home-carousel{grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;gap:20px;width:min(900px,100%);display:grid}.home-arrow{color:#083246;background:#ffffffe6;border:2px solid #ffcf3ab8;border-radius:999px;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 10px 28px #00142042}.home-menu-card{height:min(500px,64vh);color:inherit;outline-offset:10px;border-radius:8px;place-items:center;text-decoration:none;display:grid;position:relative}.home-menu-image{place-items:center;width:100%;height:100%;min-height:0;padding:0;display:grid}.home-menu-image img{object-fit:contain;filter:drop-shadow(0 22px 28px #00121e57);width:min(520px,90%);max-height:100%}.home-menu-caption{color:#fff;text-align:center;text-shadow:0 3px #08303fd1,0 10px 22px #00121e8f;width:min(620px,100%);font-size:28px;font-weight:900;line-height:1.08;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.catalog-grid{grid-template-columns:274px 1fr;gap:0;height:100%;display:grid}.unity-catalog{background-color:#0a3248;background-image:linear-gradient(180deg, #0517231f 0%, #0517236b 100%), var(--unity-series-bg);background-position:50%;background-size:cover}.catalog-sidebar{color:#f8fdff;background:#052231bd;border-right:1px solid #d1edf533;min-width:0;padding:22px 18px;overflow:auto}.summary-panel{color:#0f4d68;background:#ffffffe6;border:1px solid #d3eef6c7;border-radius:8px;gap:2px;padding:18px;display:grid;position:relative;overflow:hidden}.summary-panel-icon{object-fit:contain;opacity:.82;width:42px;height:42px;position:absolute;top:14px;right:14px}.summary-panel strong{font-size:40px;line-height:1}.summary-panel span{text-transform:uppercase;letter-spacing:0;font-weight:800}.summary-panel small,.book-meta small,.activity-kicker,.muted{color:#63808a}.warning-panel{color:#705317;background:#fff5d7;border:1px solid #f3d57a;border-radius:8px;gap:8px;margin-top:12px;padding:14px;font-size:13px;display:grid}.warning-panel button{color:#2f2b16;background:#ffcf3a;border-radius:6px;width:fit-content;padding:8px 12px;font-weight:800}.brand-tree{gap:8px;margin-top:18px;display:grid}.brand-node{gap:6px;display:grid}.brand-row,.brand-group-row,.series-tabs button{text-align:left;color:#23434c;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;display:flex}.brand-row,.brand-group-row{color:#f8fdffe6;white-space:nowrap;gap:8px;font-size:12px;line-height:1.1}.brand-row{background:#ffcf3a24;border-color:#ffcf3a2e;min-height:42px;padding:10px 11px;font-weight:900}.brand-row-title{align-items:center;gap:6px;min-width:0;display:inline-flex}.brand-row-title svg{flex:none}.brand-group-list{gap:6px;padding-left:18px;display:grid;position:relative}.brand-group-list:before{content:"";background:#daf2f838;width:1px;position:absolute;top:2px;bottom:2px;left:7px}.brand-group-row{background:#ffffff1a;border-color:#daf2f81f;min-height:36px;padding:8px 10px}.brand-row-title span,.brand-group-row span{text-overflow:ellipsis;min-width:0;overflow:hidden}.brand-row small,.brand-group-row small{color:#e8f8ffb3;flex:none;font-size:10px}.brand-row.selected,.brand-group-row.selected,.series-tabs button.selected{color:#0f5d85;background:#ffffffeb;border-color:#ffcf3ab8;font-weight:800}.brand-row.selected small,.brand-group-row.selected small{color:#0f5d85b3}.catalog-main{min-width:0;padding:26px;overflow:auto}.catalog-heading{color:#f8fdff;background:#0522319e;border:1px solid #d5eff72e;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:16px 18px;display:flex}.catalog-heading h1,.book-detail-hero h1{letter-spacing:0;margin:0;font-size:34px;line-height:1.1}.catalog-heading p,.book-detail-hero p{color:#54717a;margin:7px 0 0}.catalog-heading p{color:#e8f8ffc7}.search-box{background:#fffffff0;border:1px solid #cfe1e6;border-radius:8px;align-items:center;gap:8px;width:min(300px,40%);min-width:220px;height:44px;padding:0 12px;display:flex}.search-box input{color:#183038;border:0;outline:0;width:100%;min-width:0}.catalog-menu-toggle,.catalog-menu-backdrop,.catalog-sidebar-header{display:none}.series-tabs{scrollbar-width:thin;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex;overflow-x:auto}.series-tabs button{background:#ffffffe6;border-color:#d7e9eeb8;flex:none;min-height:38px;padding:0 14px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.book-card{aspect-ratio:1;min-height:0;color:inherit;background:#ffffffeb;border:1px solid #d7e9eed6;border-radius:8px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 8px 18px #2c586314}.book-card:hover{border-color:#7bcde1;transform:translateY(-1px)}.book-cover,.large-cover,.page-illustration,.ebook-page{color:#fff;background:linear-gradient(135deg,#2f7fd8 0%,#0e9ec3 48%,#00a889 100%);place-items:center;font-weight:900;display:grid}.book-cover{aspect-ratio:1;background:radial-gradient(circle at 50% 42%,#ffffffe6,#dfe8ffb8 54%,#aa94e09e 100%),#d7caff;width:100%;height:100%;position:relative;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.book-cover:before{content:"";opacity:.18;background-image:url(/unity-app-ui/menu/book-strip.png);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.book-cover:after{content:"";background:linear-gradient(#ffffff05,#072f432e);position:absolute;inset:0}.large-cover span{z-index:1;background:#072f43c7;border:1px solid #ffffff3d;border-radius:7px;padding:8px 12px;position:absolute}.book-title-overlay{z-index:2;color:#fff;text-align:center;text-shadow:0 2px 4px #000d1594;-webkit-line-clamp:2;background:linear-gradient(#05172300,#051723d1 32%,#051723eb 100%);-webkit-box-orient:vertical;min-height:58px;padding:18px 12px 12px;font-size:15px;font-weight:900;line-height:1.16;display:-webkit-box;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.large-cover span{bottom:20px;left:20px}.book-meta{gap:6px;padding:12px;display:grid}.book-meta strong{min-height:44px;line-height:1.25;display:block}.book-actions{color:#52707a;gap:8px;padding:10px 12px 12px;font-size:12px;display:flex}.book-actions span,.detail-actions button,.detail-actions a,.activity-topbar a,.activity-topbar button,.star-points{align-items:center;gap:6px;display:inline-flex}.book-detail-layout{height:100%;padding:28px;overflow:auto}.unity-book-detail{background-color:#092f43;background-image:linear-gradient(180deg, #0517231a 0%, #05172375 100%), var(--unity-book-bg);background-position:50%;background-size:cover}.book-detail-hero{background:#ffffffeb;border:1px solid #d7e9eed6;border-radius:8px;grid-template-columns:230px 1fr;align-items:center;gap:26px;padding:24px;display:grid}.large-cover{background:radial-gradient(circle at 50% 42%,#ffffffeb,#dfe8ffc2 54%,#aa94e0a3 100%),#d7caff;border-radius:8px;height:260px;font-size:30px;position:relative;overflow:hidden}.large-cover img{object-fit:contain;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.detail-actions{gap:12px;margin-top:24px;display:flex}.detail-actions button,.detail-actions a,.button{color:#fff;background:#0e9ec3;border-radius:8px;min-height:44px;padding:0 16px;font-weight:800}.detail-actions button:first-child{background:#00a889}.detail-actions button:disabled,.button.disabled{opacity:.5;pointer-events:none}.progress-meter{gap:8px;max-width:520px;margin-top:18px;display:grid}.progress-label{color:#365964;justify-content:space-between;font-size:13px;display:flex}.progress-track{background:#dbecef;border-radius:999px;height:12px;overflow:hidden}.progress-track div{background:linear-gradient(90deg,#ffcf3a,#00a889);height:100%}.book-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.status-card{background:#ffffffe6;border:1px solid #d7e9eed1;border-radius:8px;gap:6px;padding:18px;display:grid}.status-card-icon{object-fit:contain;width:32px;height:32px}.status-card strong{font-size:28px;line-height:1}.lesson-list{margin-top:18px}.lesson-list h2{color:#f8fdff;text-shadow:0 2px 8px #00162257;margin:0 0 10px}.lesson-row{background:#ffffffe6;border:1px solid #d7e9eed1;border-radius:8px;grid-template-columns:170px 1fr;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:grid}.lesson-row div{flex-wrap:wrap;gap:8px;display:flex}.lesson-row a{color:#0f5d85;background:#e7f5ffeb;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-weight:700;text-decoration:none;display:inline-flex}.unity-act-icon{object-fit:contain;flex:none;width:24px;height:24px}.activity-layout{isolation:isolate;width:100%;min-width:0;height:100%;min-height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#e7f5ff;grid-template-rows:1fr;place-items:center;display:grid;position:relative;overflow:hidden}.unity-activity-layout{background-color:#071f28;background-image:var(--unity-activity-bg);background-position:50%;background-size:cover}.unity-activity-layout.has-activity-scene{background-image:none}.activity-content-stage{z-index:1;grid-template-rows:minmax(0,1fr);width:min(1280px,100vw,177.778vh);min-width:0;max-width:100%;height:min(720px,100vh,56.25vw);min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden}.activity-backdrop-host{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.activity-backdrop-host>.activity-scene-backdrop{pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.activity-backdrop-host>.voca-quiz-renewal-shell:not(.wdqu03-video-quiz-shell){--voca-scene-floor-y:calc(var(--activity-stage-inset-top,0px) + var(--activity-stage-height,0px) * 636 / 720);--voca-scene-background-height:max(var(--activity-viewport-height,100vh), calc(var(--activity-viewport-width,100vw) * 5 / 8), calc(var(--voca-scene-floor-y) * 800 / 676));background-color:#231f4c;background-size:auto var(--voca-scene-background-height);background-position:center calc(var(--voca-scene-floor-y) - var(--voca-scene-background-height) * 676 / 800)}.activity-content-stage .activity-scene-content{background:0 0!important}.activity-scene-with-artwork{isolation:isolate;position:relative}.activity-scene-artwork{z-index:-1;aspect-ratio:1280/800;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;max-height:none;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.activity-backdrop-host>.activity-scene-artwork{z-index:1;top:calc(var(--activity-stage-inset-top,0px) - var(--activity-stage-height,0px) / 18);left:var(--activity-stage-inset-left,0px);width:var(--activity-stage-width,0px);height:calc(var(--activity-stage-height,0px) * 10 / 9);transform:none}.activity-backdrop-host>.activity-scene-backdrop:before,.activity-backdrop-host>.activity-scene-backdrop:after{content:none}.activity-route-loading{background:#eef5fb;min-height:100%;display:grid;position:relative;overflow:hidden}.activity-resource-loading{z-index:90;position:absolute;inset:0}.activity-loading-visual{isolation:isolate;background:#eef5fb;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.activity-resource-loading.activity-loading-visual{min-height:0;position:absolute;inset:0}.activity-overlay-host:has(>.activity-resource-loading:not(.activity-background-loading))>.activity-background-loading{display:none}.activity-frame.is-resource-loading .resource-missing{visibility:hidden}.activity-route-loading>.activity-loading-visual{min-height:inherit}.app-loading-screen.activity-loading-visual{background:#eef5fb;min-height:100svh}.app-loading-screen.activity-loading-visual:after{background:#f8fcff33}.app-loading-screen .activity-loading-visual-book{width:clamp(112px,14vw,184px)}.app-loading-screen .activity-loading-visual-orbit{width:clamp(196px,22vw,312px)}.activity-loading-visual:after{z-index:0;content:"";pointer-events:none;background:#f8fcff33;position:absolute;inset:0}.activity-loading-visual-book,.activity-loading-visual-orbit{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute}.activity-loading-visual-book{z-index:2;filter:drop-shadow(0 8px 14px #0e133442);width:clamp(94px,11vw,164px);max-width:58%}.activity-loading-visual-orbit{z-index:1;filter:drop-shadow(0 0 8px #ffd8676b);transform-origin:50%;width:clamp(160px,18vw,286px);max-width:78%;animation:4s linear infinite activity-loading-orbit-spin}.activity-loading-visual-book,.activity-loading-visual-orbit{pointer-events:none;height:auto}@keyframes activity-loading-orbit-spin{to{transform:rotate(360deg)}}.activity-topbar{z-index:36;pointer-events:none;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:8px;padding:0;display:flex;position:absolute;top:10px;left:auto;right:10px}.activity-topbar-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#071e2761;border-radius:999px;justify-content:flex-end;gap:8px;margin-left:auto;padding:6px;display:none;box-shadow:0 14px 34px #000c163d}.activity-topbar.is-open .activity-topbar-actions{display:flex}.activity-layout:fullscreen{width:100%;height:100%;margin:0}.activity-topbar a,.activity-topbar button,.star-points{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#071e27ad;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;min-height:42px;text-decoration:none;transition:transform .16s,background .16s,opacity .16s;display:inline-flex;box-shadow:0 12px 28px #000c164d}.activity-topbar .activity-nav-tab{pointer-events:auto;background:#071e2794;gap:5px;width:auto;min-width:58px;height:38px;min-height:38px;padding:0 10px}.activity-nav-tab span{font-size:12px;font-weight:900;line-height:1}.activity-topbar.is-open .activity-nav-tab{color:#06334b;background:#ffffffe0;border-color:#ffffff7a}.activity-topbar a:hover,.activity-topbar button:hover{background:#0c404ec7;transform:translateY(-1px)}.activity-topbar button:disabled{cursor:default;opacity:.38;transform:none}.unity-activity-layout .activity-topbar{background:0 0;border:0}.video-activity-back,.video-activity-map{z-index:38;width:64px;height:64px;position:absolute;top:0}.video-activity-back{box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:transform .16s;display:grid;position:absolute;left:3.125%;overflow:visible}.video-activity-back-background{width:64px;height:64px;display:block}.video-activity-back-arrow{width:32px;height:37px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg);filter:brightness(0)invert()!important}.video-activity-back:hover{transform:translateY(-2px)}.video-activity-map{right:3.125%}.video-activity-map-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:0;border-radius:16px;width:64px;height:64px;padding:0;transition:transform .16s,background .16s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 24px #05051c2e}.video-activity-map-trigger:hover{background:#ffffff4d;transform:translateY(-2px)}.video-activity-map-icon{pointer-events:none;transform-origin:50%;width:52px;height:58px;position:absolute;top:calc(50% + 4px);left:calc(50% + 2px);transform:translate(-50%,-50%)}.video-activity-map-planet,.video-activity-map-pin,.video-activity-map-accent{pointer-events:none;display:block;position:absolute}.video-activity-map-planet{width:37.9px;height:37.9px;top:12px;left:7px;transform:rotate(27.25deg)}.video-activity-map-pin{width:24px;height:33px;top:4.5px;left:7px}.video-activity-map-accent{width:6px;height:6px;top:13px;left:46px}.video-activity-map-actions{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d184ac2;border-radius:18px;gap:8px;padding:6px;display:none;position:absolute;top:72px;right:0;box-shadow:0 14px 30px #03031a47}.video-activity-map.is-open .video-activity-map-actions{display:flex}.video-activity-map-actions button{color:#fff;background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.video-activity-map-actions button:hover:not(:disabled){background:#ffffff47}.video-activity-map-actions button:disabled{opacity:.34}.activity-common-back{z-index:38;filter:drop-shadow(0 8px 12px #0c273433);touch-action:pan-y;aspect-ratio:1;background:0 0;border:0;place-items:center;width:clamp(48px,5.625vw,72px);padding:0;transition:transform .16s,filter .16s,opacity .16s;display:grid;position:absolute;top:10px;left:10px}.activity-common-back img{object-fit:contain;width:100%;height:100%;display:block}.activity-common-back:hover{filter:drop-shadow(0 10px 14px #0c273445)brightness(1.04);transform:translateY(-2px)}.activity-page-arrow-image,.activity-listening-image,.activity-sound-image,.activity-hint-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}button.image-page-control{overflow:visible;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important}button.image-page-control.inline{flex:none;width:clamp(42px,5vw,56px);height:clamp(42px,5vw,56px);min-height:0}button.image-page-control:hover:not(:disabled){filter:brightness(1.05)}.activity-timer-image-badge{aspect-ratio:204/70;color:#fff;width:clamp(132px,15.94vw,204px);min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative;overflow:visible}.activity-timer-image-badge>.activity-timer-frame{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.activity-timer-image-badge.is-framed>.activity-timer-watch{z-index:1;aspect-ratio:1;object-fit:contain;width:19.61%;display:block;position:absolute;top:50%;left:7.84%;transform:translateY(-50%)}.activity-timer-image-badge>strong{z-index:2;color:#fff;letter-spacing:0;white-space:nowrap;background:#62d53f;border-radius:12px;place-items:center;font-size:clamp(18px,2.34vw,30px);font-weight:900;line-height:1;display:grid;position:absolute;inset:15% 3.5% 15% 32%}.activity-timer-image-badge.is-framed>strong{background:0 0;border-radius:0;inset:0 6% 0 35%}.activity-image-listen-button,.activity-image-hint-button{min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.activity-image-listen-button{aspect-ratio:1;width:clamp(54px,6.25vw,80px)}.activity-image-hint-button{aspect-ratio:132/78;width:clamp(92px,10.31vw,132px)}.activity-image-listen-button:disabled,.activity-image-hint-button:disabled{opacity:.38}.activity-frame{background:#fff;border:1px solid #d7e9ee;border-radius:8px;min-width:0;height:calc(100% - 36px);min-height:0;margin:18px;padding:22px;position:relative;overflow:auto}.unity-activity-frame{background:0 0;border:0;border-radius:0;height:100%;margin:0;padding:clamp(12px,1.6vw,22px);display:grid}.unity-activity-frame>*{min-width:0}.unity-activity-frame>.asset-grid,.unity-activity-frame>.flashcard-shell,.unity-activity-frame>.flip-shell,.unity-activity-frame>.matching-shell,.unity-activity-frame>.memory-shell,.unity-activity-frame>.package-quiz,.unity-activity-frame>.package-record,.unity-activity-frame>.package-viewer,.unity-activity-frame>.peeling-word-shell,.unity-activity-frame>.quiz-shell,.unity-activity-frame>.read-record-shell,.unity-activity-frame>.sequence-shell,.unity-activity-frame>.spelling-shell,.unity-activity-frame>.undersea-shell,.unity-activity-frame>.video-activity,.unity-activity-frame>.word-puzzle-shell,.unity-activity-frame>.word-search-shell,.unity-activity-frame>.write-word-shell{min-height:100%}.activity-title-row{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.unity-activity-frame .activity-title-row{background:#ffffffd1;border:1px solid #d7e9eed1;border-radius:8px;align-items:center;padding:12px 16px}.activity-title-row h2{margin:0;font-size:28px}.activity-kicker{text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.activity-type{color:#11664e;background:#edf9f4;border-radius:7px;align-items:center;height:34px;padding:0 12px;font-weight:800;display:inline-flex}.reading-page{grid-template-columns:minmax(0,1fr) 250px;gap:18px;display:grid}.storybook-page{border:1px solid #d7e9ee;border-radius:8px;grid-template-rows:1fr auto;min-height:360px;display:grid;overflow:hidden}.page-illustration{color:#244c55;background:linear-gradient(160deg,#94d7ed 0%,#fff 52%,#8cd88f 100%);min-height:280px;font-size:28px}.text-strip{background:#fff7df;justify-content:center;gap:12px;padding:18px;display:flex}.word-highlight,.answer,.word-bank button{color:#244c55;background:#fff;border:2px solid #ffcf3a;border-radius:8px;min-height:42px;padding:0 18px;font-weight:900}.activity-side-panel,.listening-panel,.record-shell,.pending-panel{background:#f3fbfd;border:1px solid #d7e9ee;border-radius:8px;align-items:center;gap:18px;padding:20px;display:flex}.unity-activity-frame .activity-side-panel,.unity-activity-frame .listening-panel,.unity-activity-frame .record-shell,.unity-activity-frame .pending-panel,.unity-activity-frame .word-card,.unity-activity-frame .flip-line,.unity-activity-frame .sentence-target{background:#ffffffe0;border-color:#d7e9eee0}.activity-side-panel{align-content:start;display:grid}.round-media-button{color:#fff;background:#0e9ec3;border-radius:999px;flex:none;place-items:center;width:92px;height:92px;display:grid}.round-media-button.record{background:#ff6b4a}.soft-icon{color:#9ac9d6;margin-left:auto}.ebook-shell{grid-template-columns:86px 1fr 86px;align-items:center;gap:16px;display:grid}.ebook-page{color:#305964;background:linear-gradient(135deg,#fff 0%,#e7f5ff 55%,#d9f3f2 100%);border:1px solid #d7e9ee;border-radius:8px;min-height:382px}.page-nav{color:#30260c;background:#ffcf3a;border-radius:8px;height:56px;font-weight:900}.quiz-shell,.unscramble-shell{gap:18px;display:grid}.quiz-prompt,.sentence-target{color:#11664e;text-align:center;background:#edf9f4;border-radius:8px;padding:24px;font-size:26px;font-weight:900}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answer{min-height:72px;font-size:22px}.answer.selected{background:#ffcf3a}.word-bank{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sentence-shell{gap:16px;display:grid}.sentence-line{color:#124c64;background:#ffffffe6;border:1px solid #d7e9eee6;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:96px;padding:22px;font-size:28px;font-weight:900;line-height:1.2;display:flex}.sentence-token,.sentence-blank{border-radius:8px;place-items:center;min-width:86px;min-height:46px;padding:4px 12px;display:inline-grid}.sentence-token{color:#6d8790;border:2px dashed #bdd9e2}.sentence-token.filled,.sentence-blank{color:#124c64;background:#edf9f4;border:2px solid #0e9ec3}.sentence-punctuation{min-width:18px}.sentence-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.prototype-lab{color:#1b3340;grid-template-rows:auto auto minmax(0,1fr);gap:18px;min-height:100%;padding:24px;display:grid}.prototype-lab-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.prototype-lab-header h1{margin:5px 0 6px;font-size:32px;line-height:1.1}.prototype-lab-header p{color:#5c7280;margin:0;font-weight:800}.prototype-lab-tabs{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.prototype-lab-tabs button{color:#244c55;text-align:left;background:#ffffffd6;border:1px solid #d7e9ee;border-radius:8px;align-content:center;gap:7px;min-height:92px;padding:14px 16px;display:grid;box-shadow:0 8px 18px #1d424e14}.prototype-lab-tabs button.active{background:#edf9f4;border-color:#0e9ec3;box-shadow:inset 0 0 0 2px #0e9ec324}.prototype-lab-tabs strong{font-size:17px}.prototype-lab-tabs span{color:#5c7280;font-size:13px;font-weight:800;line-height:1.35}.prototype-lab-stage{background:#ffffff6b;border:1px solid #d7e9eeb8;border-radius:8px;min-height:560px;display:grid;overflow:hidden}.prototype-lab-stage .unity-activity-frame{padding:0}.prototype-game-shell{background:linear-gradient(135deg,#fffffff0,#edf9f4e6),radial-gradient(circle at 18% 20%,#ffcf3a47,#0000 28%),#f7fcfd;grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;min-height:100%;padding:26px;display:grid;overflow:hidden}.prototype-game-header{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.prototype-game-header strong,.prototype-score-board strong{color:#173640;font-size:24px;line-height:1.1;display:block}.prototype-game-header span{color:#5b7380;font-weight:800}.prototype-game-icon{color:#fff;background:#0e9ec3;border-radius:999px;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 -6px #0000001f}.prototype-score-board{background:#fff;border:1px solid #d7e9ee;border-radius:8px;justify-items:end;gap:2px;min-width:116px;padding:12px 14px;display:grid}.prototype-score-board span{color:#6f8790;text-transform:uppercase;font-size:12px;font-weight:900}.cloze-track{background:#e0edf2;border-radius:999px;height:14px;overflow:hidden}.cloze-track span{border-radius:inherit;background:linear-gradient(90deg,#70ce39,#ffcf3a,#ff6269);height:100%;transition:width .18s linear;display:block}.prototype-sentence-card{color:#173640;text-align:center;background:#fff;border:1px solid #d7e9ee;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;min-height:154px;padding:26px;font-size:31px;font-weight:900;line-height:1.22;display:flex}.prototype-blank{color:#66501a;background:#fff7df;border:3px solid #ffcf3a;border-radius:8px;place-items:center;min-width:142px;min-height:56px;padding:0 16px;display:inline-grid}.prototype-blank.filled{color:#11664e;background:#edf9f4;border-color:#70ce39}.prototype-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.prototype-option-grid button{color:#244c55;background:#fff;border:2px solid #cde2e8;border-radius:8px;min-height:72px;padding:0 14px;font-size:22px;font-weight:900}.prototype-option-grid button.correct{color:#11664e;background:#edf9f4;border-color:#70ce39}.prototype-option-grid button.wrong{color:#a12d1e;background:#fff0ec;border-color:#ff9a86}.prototype-option-grid button:disabled{cursor:default}.prototype-feedback-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-height:48px;display:flex}.prototype-feedback-row>span{color:#607884;margin-right:auto;font-weight:900}.prototype-feedback-row button,.dictation-panel .inline-actions button{color:#fff;background:#0e9ec3;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:900;display:inline-flex}.prototype-feedback-row button:disabled,.dictation-panel .inline-actions button:disabled{opacity:.45}.repair-broken-card{background:#fff0ec;border:1px solid #ffc4b7;border-radius:8px;gap:8px;padding:18px 20px;display:grid}.repair-broken-card span{color:#a12d1e;text-transform:uppercase;font-size:12px;font-weight:900}.repair-broken-card strong{color:#703125;font-size:25px;line-height:1.25}.prototype-built-line{align-content:center;min-height:130px}.prototype-token-bank{align-content:center;min-height:92px}.dictation-ladder-shell{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:112px minmax(0,1fr)}.dictation-ladder-shell .prototype-game-header{grid-column:1/-1}.dictation-ladder{background:repeating-linear-gradient(#0000 0 42px,#0e9ec338 42px 46px),linear-gradient(#f7fcfd,#edf9f4);border:1px solid #d7e9ee;border-radius:8px;align-self:stretch;place-items:end center;min-height:320px;display:grid;position:relative;overflow:hidden}.dictation-ladder span{opacity:.18;background:linear-gradient(#70ce39,#0e9ec3);transition:height .18s;position:absolute;bottom:0;left:0;right:0}.dictation-ladder svg{z-index:1;color:#ffb61d;margin-bottom:16px;position:relative}.dictation-panel{background:#fff;border:1px solid #d7e9ee;border-radius:8px;align-content:start;gap:14px;min-width:0;padding:22px;display:grid}.dictation-hint{color:#66501a;letter-spacing:1px;background:#fff7df;border-radius:8px;margin:0;padding:14px 16px;font-size:21px;font-weight:900}.dictation-panel textarea{resize:vertical;color:#173640;background:#fafdfe;border:2px solid #cde2e8;border-radius:8px;width:100%;min-height:150px;padding:16px;font-size:22px;font-weight:800;line-height:1.35}.transform-card{background:#fff;border:1px solid #d7e9ee;border-radius:8px;align-content:center;gap:12px;padding:24px;display:grid}.transform-card span{color:#0e9ec3;text-transform:uppercase;font-size:14px;font-weight:900}.transform-card strong{color:#173640;font-size:30px;line-height:1.2}.transform-card p{color:#66501a;background:#fff7df;border-radius:8px;margin:0;padding:12px 14px;font-weight:900}.transform-answer-panel{align-content:start}.paraphrase-match-shell{grid-template-rows:auto minmax(132px,auto) minmax(0,1fr) auto}.paraphrase-source-card{text-align:left;justify-content:flex-start;min-height:132px}.paraphrase-source-card span{width:100%;display:block}.paraphrase-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.paraphrase-option-grid button{white-space:normal;text-align:left;justify-content:flex-start;min-height:104px;font-size:18px;line-height:1.25}.record-shell audio{width:320px;max-width:100%;margin-top:10px}.empty-state{text-align:center;color:#c9e6ee;text-shadow:0 2px 8px #00121c73;align-content:center;place-items:center;height:100%;padding:28px;display:grid}.empty-state svg{color:#dff5ff}.empty-state h2{color:#fff;margin:12px 0 6px}.empty-state p{color:#c9e6ee;max-width:520px;margin:0}.error-text{color:#a12d1e}.login-screen{color:#173640;background-color:#092f43;background-image:linear-gradient(#0517231f,#0517237a),url(/unity-app-ui/series-bg/bg-1.png);background-position:50%;background-size:cover;place-items:center;height:100%;padding:32px;display:grid}.login-panel{background:#ffffffed;border:1px solid #d7e9eedb;border-radius:8px;gap:18px;width:min(780px,100%);padding:24px;display:grid;box-shadow:0 18px 44px #0016223d}.login-heading,.login-form h2{align-items:center;gap:10px;display:flex}.login-heading h1,.login-form h2{margin:0}.login-heading h1{font-size:31px;line-height:1.1}.login-heading p{color:#54717a;margin:4px 0 0}.login-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.login-form,.active-session{background:#f5fbfd;border:1px solid #d7e9ee;border-radius:8px;gap:12px;padding:18px;display:grid}.login-form h2{color:#0f5d85;font-size:20px}.login-form label{color:#496b76;gap:6px;font-size:13px;font-weight:900;display:grid}.login-form input{color:#183038;background:#fff;border:1px solid #bdd9e2;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.login-form button,.active-session button{color:#fff;background:#0e9ec3;border-radius:8px;min-height:42px;font-weight:900}.login-form button:disabled{cursor:default;opacity:.45}.active-session{background:#edf9f4;border-color:#bfe7d5;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.active-session strong,.active-session span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.active-session span{color:#52707a;font-size:13px;font-weight:900}.login-error{background:#fff0ec;border:1px solid #f5b4a8;border-radius:8px;margin:0;padding:12px 14px}.success-text{color:#147a52;font-weight:900}.package-viewer,.video-activity{grid-template-columns:minmax(0,1fr) 250px;align-items:stretch;gap:18px;min-width:0;display:grid}.quick-check-activity{grid-template-columns:minmax(0,1fr)}.activity-side-panel.wide{min-width:0;max-height:100%;overflow-y:auto}.quiz-card{background:#ffffffb8;border:1px solid #d7e9ee;border-radius:8px;gap:12px;padding:14px;display:grid}.primary-activity-action{color:#fff;background:#0e9ec3;border-radius:7px;min-height:42px;padding:0 18px;font-weight:900}.primary-activity-action:disabled{opacity:.45}.activity-study-error{z-index:4;color:#8a2a1b;background:#fff0eceb;border:1px solid #f5b4a8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 12px;font-size:13px;font-weight:800;display:flex;position:absolute;top:76px;left:20px;right:20px}.activity-study-error button{color:#8a2a1b;font:inherit;cursor:pointer;background:#fff;border:1px solid #d66d5b;border-radius:7px;flex:none;padding:6px 10px}.package-stage{background:#f7fdff;border:1px solid #d7e9ee;border-radius:8px;place-items:center;min-width:0;min-height:380px;display:grid;position:relative;overflow:hidden}.unity-activity-frame .package-stage,.unity-activity-frame .quiz-media img,.unity-activity-frame .write-word-shell img,.unity-activity-frame .sequence-images img,.unity-activity-frame .resource-missing{background:#ffffffd6;border-color:#d7e9eed6}.unity-activity-frame .package-stage{height:100%}.package-page-image{object-fit:contain;background:#fff;width:100%;height:100%;max-height:430px;display:block}.unity-activity-frame .package-page-image{max-height:none}.package-page-image.contain{object-fit:contain;padding:16px}.story-caption{color:#183038;background:#ffffffe6;border:1px solid #d7e9eee6;border-radius:8px;gap:4px;padding:14px 16px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-actions button,.package-quiz>button,.sequence-shell>button,.write-word-shell>button{color:#fff;background:#0e9ec3;border-radius:7px;min-height:38px;padding:0 14px;font-weight:900}.inline-actions button:disabled,.package-quiz>button:disabled,.write-word-shell>button:disabled{opacity:.45}.activity-side-panel audio{width:100%}.activity-side-panel code{word-break:break-all}.activity-side-panel .muted{overflow-wrap:anywhere}.reading-audio-list,.reading-audio-list label{gap:8px;display:grid}.reading-audio-list{max-height:190px;padding-right:4px;overflow-y:auto}.reading-audio-list label{background:#ffffffb8;border:1px solid #d7e9ee;border-radius:8px;padding:10px}.reading-audio-list span{color:#496b76;text-transform:uppercase;font-size:12px;font-weight:900}.reading-record-panel .record-shell{gap:12px;padding:12px}.reading-record-panel .round-media-button{width:58px;height:58px}.reading-record-panel .record-shell h3{margin:0 0 4px;font-size:18px}.reading-record-panel .record-shell p{margin:0;font-size:13px;line-height:1.35}.read-record-shell{isolation:isolate;color:#2f3341;background:linear-gradient(#ffe4bfe0 0% 83%,#cd9047eb 83%),#ffe4bf;border-radius:0;min-height:0;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;position:relative;overflow:hidden}.read-record-room{z-index:-1;position:absolute;inset:0;overflow:hidden}.read-record-room:before{content:"";background:#9967376b;height:2px;position:absolute;bottom:72px;left:0;right:0;box-shadow:0 36px #9967373d,0 72px #99673733}.read-record-shelf{opacity:.92;background:linear-gradient(90deg,#986332 0 18%,#0000 18% 82%,#986332 82%),repeating-linear-gradient(#0000 0 56px,#4e321a8c 56px 62px),#c98242;border-radius:0 0 8px 8px;width:64px;height:330px;position:absolute;top:74px}.read-record-shelf.left{left:-18px;transform:scaleX(.72)}.read-record-shelf.right{right:-4px}.read-record-shelf:after{content:"";background-color:#0000;background-image:linear-gradient(90deg,#fb695c 0 11px,#ffe57f 11px 20px,#61b9e9 20px 31px,#0000 31px 40px),linear-gradient(90deg,#a2d85e 0 10px,#fff 10px 18px,#ef8a41 18px 30px,#0000 30px 40px);background-position:0 10px,0 78px;background-repeat:repeat-y;background-size:40px 60px,40px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:20px 12px}.read-record-floor{background:repeating-linear-gradient(#0000 0 34px,#84562a2e 34px 36px),linear-gradient(#efb15b,#d89848);height:120px;position:absolute;bottom:0;left:-20px;right:-20px}.read-record-mascot{background:radial-gradient(circle at 30% 36%,#fff 0 7px,#0000 8px),radial-gradient(circle at 70% 36%,#fff 0 7px,#0000 8px),radial-gradient(circle at 36% 40%,#30323a 0 3px,#0000 4px),radial-gradient(circle at 64% 40%,#30323a 0 3px,#0000 4px),linear-gradient(135deg,#79d240,#f1c945 45%,#ff7c49);border-radius:44% 50% 40% 48%;width:94px;height:88px;position:absolute;bottom:50px;right:18px;box-shadow:inset 0 -10px #7d541c2e}.read-record-mascot:before,.read-record-mascot:after{content:"";background:#ff6455;border-radius:999px;width:24px;height:38px;position:absolute;top:-20px}.read-record-mascot:before{left:16px;transform:rotate(-24deg)}.read-record-mascot:after{right:16px;transform:rotate(24deg)}.read-record-back-chip{z-index:4;color:#fff;letter-spacing:0;writing-mode:vertical-rl;text-orientation:upright;background:#56bd3b;border-radius:8px;width:40px;min-height:120px;padding:10px 8px;font-size:13px;font-weight:900;line-height:1.25;position:absolute;top:92px;left:76px;box-shadow:0 8px 16px #315b2238}.read-record-shell[data-mode=manual] .read-record-back-chip{background:#42a6eb;min-height:164px}.read-record-book{width:min(952px,100% - 292px);position:absolute;top:26px;bottom:48px;left:50%;transform:translate(-50%)}.read-record-book-stack,.read-record-page-card{border-radius:8px;position:absolute}.read-record-book-stack{background:#805ded;inset:0;box-shadow:-16px 16px #fff,-8px 8px #f8f6ff,8px 8px #f8f6ff,16px 16px #fff,0 10px 24px #3b2c743d}.read-record-page-card{background:#fff;place-items:center;display:grid;inset:16px 32px 28px;overflow:hidden;box-shadow:inset 0 0 0 2px #e2e2eab3}.read-record-page-card:before{content:"";background:#e6e6eceb;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 16px #32324814}.read-record-page-image{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.read-record-page-count{z-index:5;color:#fff;background:#7255e7;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:6px;min-width:92px;height:42px;font-size:18px;font-weight:900;display:inline-flex;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 8px 14px #44309338}.read-record-page-nav,.read-record-word-tab,.read-record-popup-close,.read-record-word-sound,.read-record-circle,.read-record-rec-pill,.read-record-book-toggle{cursor:pointer;border:0;place-items:center;display:inline-grid}.read-record-page-nav{z-index:5;color:#fff;background:#c4c4c4c2;border-radius:999px;width:43px;height:56px;position:absolute;top:46%;box-shadow:0 4px 10px #48485829}.read-record-page-nav.previous{left:14px}.read-record-page-nav.next{right:14px}.read-record-page-nav.image-page-control{width:56px;height:56px}.read-record-word-sound .activity-listening-image{width:30px;height:30px}.read-record-circle.control-listen{box-shadow:none;background:0 0;border:0;padding:0}.read-record-circle.control-listen .activity-listening-image{width:100%;height:100%}.read-record-page-nav:disabled{opacity:.38;cursor:default}.read-record-word-tab{z-index:7;color:#fff;background:linear-gradient(#ffac3d,#ff8f32);border-radius:0 0 8px 8px;width:56px;height:64px;position:absolute;top:-2px;box-shadow:0 8px 14px #b85e1d33}.read-record-word-tab.left{left:88px}.read-record-word-tab.right{right:88px}.read-record-word-tab:after{content:"";border:3px solid #fff;border-radius:999px;width:22px;height:22px;position:absolute;top:15px}.read-record-word-popup{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd6;border:1px solid #e2e6ebbd;border-radius:8px;width:348px;min-height:324px;padding:28px 32px;position:absolute;top:84px;box-shadow:0 8px 24px #44362a2e}.read-record-word-popup.left{left:88px}.read-record-word-popup.right{right:88px}.read-record-popup-close{color:#52545c;background:0 0;width:34px;height:34px;position:absolute;top:10px;right:10px}.read-record-word-row{grid-template-columns:22px minmax(0,1fr) 36px;align-items:start;gap:8px;min-height:75px;display:grid}.read-record-word-row strong,.read-record-word-row span{display:block}.read-record-word-row strong{color:#1f2734;font-size:20px;font-weight:900;line-height:1.15}.read-record-word-row span{color:#5a5b63;margin-top:5px;font-size:15px;font-weight:800}.read-record-word-sound{color:#fff;background:#ff9e42;border-radius:999px;width:30px;height:30px}.read-record-word-sound:disabled{opacity:.45}.read-record-popup-empty{color:#62656f;margin:48px 0 0;font-weight:900}.read-record-control-bar{z-index:10;background:#ffffffeb;border-radius:8px;grid-template-columns:144px 1px minmax(0,1fr) 88px;align-items:center;gap:16px;width:min(848px,100% - 360px);height:96px;padding:0 20px;display:grid;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #4e402e38}.read-record-control-icons{gap:16px;display:flex}.read-record-circle{color:#fff;border-radius:999px;width:64px;height:64px;box-shadow:inset 0 -6px #0000001f}.read-record-circle.control-mic{background:#ff6269}.read-record-circle.control-mic.is-active{background:#e5454c}.read-record-circle.control-listen{background:#70ce39}.read-record-circle:disabled{opacity:.45;cursor:default}.read-record-divider{background:repeating-linear-gradient(#d3d3da 0 2px,#0000 2px 8px);width:1px;height:96px}.read-record-media-zone{grid-template-columns:104px minmax(120px,1fr);align-items:center;column-gap:24px;min-width:0;display:grid}.read-record-rec-pill{color:#fff;background:#666a72;border-radius:999px;grid-template-columns:18px auto;gap:8px;width:104px;height:56px;font-weight:900}.read-record-rec-pill span{background:#ff4d5e;border-radius:999px;width:14px;height:14px}.read-record-waveform{align-items:center;gap:2px;height:56px;display:flex;overflow:hidden}.read-record-waveform span{width:5px;height:var(--bar-height);background:#d9d9df;border-radius:999px;flex:none;min-height:8px}.read-record-waveform.is-recording span{background:#ff5d66}.read-record-waveform.is-saved span{background:#61d946}.read-record-status{color:#756f84;white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;min-height:18px;margin:-2px 0 0 132px;font-size:12px;font-weight:800;overflow:hidden}.read-record-book-toggle{color:#fff;background:#2595d4;border-radius:6px;width:80px;height:56px}.activity-video{background:#10262d;border-radius:8px;width:100%;min-width:0;min-height:380px;max-height:430px}.immersive-video-frame{background:0 0;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.immersive-video-activity{place-items:stretch stretch;min-width:0;min-height:0;display:grid}.immersive-video-frame .activity-video{object-fit:contain;width:100%;height:100%;min-height:0;max-height:none;display:block}.listening-video-shell{width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.listening-video-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#0a1820b8;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 36px);padding:8px 10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #00000040}.listening-video-nav,.listening-video-page{color:#fff;cursor:pointer;background:#ffffff24;border:0;justify-content:center;align-items:center;transition:background .16s,transform .16s;display:inline-flex}.listening-video-nav{border-radius:50%;width:40px;height:40px}.listening-video-edge-nav{z-index:5;aspect-ratio:1;width:clamp(44px,5vw,64px);position:absolute;top:50%;transform:translateY(-50%)}.listening-video-edge-nav.previous{left:18px}.listening-video-edge-nav.next{right:18px}.listening-video-page{border-radius:50%;width:34px;height:34px;font-size:14px;font-weight:900}.listening-video-nav:hover,.listening-video-page:hover{background:#ffffff42;transform:translateY(-1px)}.listening-video-page.active{color:#112a31;background:#fff}.listening-video-pages{scrollbar-width:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.listening-video-pages::-webkit-scrollbar{display:none}.listen-viewer-frame-shell{background:#071f28;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.listen-viewer-frame{background:#071f28;border:0;width:100%;min-width:0;height:100%;min-height:0;display:block}.listen-viewer-loading{z-index:2;color:#fff;background:radial-gradient(circle,#18627ae0,#04151df5);place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;inset:0}.listen-ebook-shell{background:#071f28b8;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.listen-ebook-page-stage{place-items:center;min-width:0;min-height:0;padding:16px 22px 98px;display:grid;position:relative}.listen-ebook-image-button{z-index:0;cursor:pointer;background:0 0;border:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative}.listen-ebook-image-button:focus-visible{outline-offset:-3px;outline:3px solid #ffcf3ae0}.listen-ebook-page-image{object-fit:contain;filter:drop-shadow(0 18px 30px #000b1647);pointer-events:none;width:100%;min-width:0;height:100%;min-height:0}.listen-ebook-caption-strip{color:#183038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:4;background:#fffffff0;border:1px solid #ffffffc7;border-radius:8px;justify-content:center;align-items:center;width:min(980px,100% - 124px);min-height:64px;padding:10px 18px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #000c163d}.listen-ebook-caption{text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:7px;justify-content:center;align-items:center;width:auto;max-width:100%;min-height:34px;padding:4px 10px;font-size:clamp(20px,2.6vw,32px);font-weight:900;line-height:1.12;transition:background .16s,color .16s,transform .16s;display:inline-flex}.listen-ebook-caption.active{color:#083246;background:#ffcf3a;transform:translateY(-1px)}.listen-ebook-edge-nav{z-index:5;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0a182080;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;width:48px;height:76px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 14px 30px #0003}.listen-ebook-edge-nav.previous{left:18px}.listen-ebook-edge-nav.next{right:18px}.listen-ebook-edge-nav:disabled{cursor:default;opacity:.28}.listen-ebook-loading{color:#fff;place-items:center;min-height:100%;font-weight:900;display:grid}.immersive-video-frame .resource-missing{min-height:100%}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.flashcard-shell,.spelling-shell{gap:16px;display:grid}.flashcard-display{aspect-ratio:1;perspective:1100px;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-self:center;width:min(440px,82vw);padding:0;display:block;position:relative}.flashcard-display:disabled{cursor:default;opacity:.7}.flashcard-face{backface-visibility:hidden;transform-style:preserve-3d;background:#fffffff0;border:1px solid #d7e9ee;border-radius:8px;place-items:center;padding:24px;transition:transform .28s;display:grid;position:absolute;inset:0;box-shadow:0 16px 36px #0f405433}.flashcard-front{transform:rotateY(0)}.flashcard-back{background:#fff7df;transform:rotateY(180deg)}.flashcard-display.flipped .flashcard-front{transform:rotateY(-180deg)}.flashcard-display.flipped .flashcard-back{transform:rotateY(0)}.sound-prompt,.spelling-prompt{background:#ffffffe0;border:1px solid #d7e9ee;border-radius:8px;min-width:0}.flashcard-face img{object-fit:contain;background:#fff;border-radius:8px;width:100%;height:100%}.sound-prompt span{color:#63808a;text-transform:uppercase;font-size:13px;font-weight:800}.flashcard-back strong{color:#124c64;overflow-wrap:anywhere;text-align:center;font-size:54px;font-weight:800;line-height:1.05}.wdca-flashcard-frame{padding:0;overflow:hidden}.wdca-flashcard-shell{--wdca-card-top:16.667%;--wdca-more-info-gap:min(16px, 2.22222cqh);isolation:isolate;background-color:#302877;background-image:url(/metaon-assets/activity/wdca01/space-observatory.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;min-height:0;font-family:Pretendard,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden;container-type:size}.wdca02-video-flashcard-shell{background-image:none}.wdca02-video-flashcard-shell.is-video-background-unavailable{background-image:url(/metaon-assets/activity/wdca02/video-word-card-fallback.png)}.wdca02-background-video,.wdca02-background-scrim{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.video-activity-page-indicator{z-index:6;color:#fff;box-sizing:border-box;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:40px;justify-content:center;align-items:center;gap:8px;width:121px;height:49px;padding:10px 24px;font-family:Pretendard,Segoe UI,Arial,sans-serif;display:inline-flex;position:absolute;top:8px;right:10%}.video-activity-page-indicator strong{color:inherit;font-size:24px;font-weight:800;line-height:29px}.video-activity-page-indicator span{color:inherit;font-size:20px;font-weight:700;line-height:24px}.wdca02-background-video{z-index:0;object-fit:cover}.wdca02-background-scrim{z-index:1;background:#120f3b4d}.wdca-more-info-toggle{--wdca-more-info-height:min(48px, 6.667cqh);z-index:6;top:calc(var(--wdca-card-top) - var(--wdca-more-info-gap) - var(--wdca-more-info-height));width:clamp(138px,19.375cqw,248px);height:var(--wdca-more-info-height);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;background:#746fdff0;border:0;border-radius:32px;justify-content:space-between;align-items:center;gap:clamp(7px,.94cqw,12px);min-height:0;padding:0 clamp(12px,1.95cqw,25px);display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #2118643d}.wdca-more-info-toggle>span:first-child{letter-spacing:0;white-space:nowrap;font-size:clamp(10px,1.25cqw,16px);font-weight:800;line-height:1}.wdca-toggle-track{background:#2d227c;border-radius:999px;flex:none;justify-content:flex-start;align-items:center;width:min(64px,5cqw);height:min(28px,3.89cqh);padding:min(2px,.277778cqh);transition:background .18s;display:flex}.wdca-toggle-knob{aspect-ratio:1;background:#fff;border-radius:50%;width:37.5%;transition:margin .18s;display:block;box-shadow:0 2px 5px #17114952}.wdca-more-info-toggle.is-on .wdca-toggle-track{background:#56db28}.wdca-more-info-toggle.is-on .wdca-toggle-knob{margin-left:auto}.wdca-card-count{z-index:5;color:#291a4f;font-variant-numeric:tabular-nums;letter-spacing:0;text-shadow:0 1px #fffffff2,0 0 5px #fff9e0e6;justify-content:center;align-items:baseline;gap:clamp(2px,.24cqw,3px);width:clamp(50px,6.25cqw,80px);min-height:clamp(24px,4.45cqh,32px);font-size:clamp(13px,1.72cqw,22px);line-height:1;display:inline-flex;position:absolute;top:13.6%;left:75.8%;transform:translate(-50%,-50%)}.wdca-card-count strong{font-weight:900}.wdca-card-count span:last-child{color:inherit}.wdca-flashcard-display{z-index:4;top:var(--wdca-card-top);aspect-ratio:1;perspective:none;touch-action:manipulation;border-radius:clamp(10px,1.875cqw,24px);width:min(480px,37.5cqw,66.6667cqh);height:min(480px,37.5cqw,66.6667cqh);min-height:0;margin:0;position:absolute;left:50%;transform:translate(-50%)}.wdca-flashcard-face{backface-visibility:visible;transform-style:flat;background:#fff;border:clamp(6px,1.5625cqw,20px) solid #a7e259;border-radius:clamp(10px,1.875cqw,24px);padding:0;overflow:hidden;box-shadow:0 4px 20px #bae0fd80}.wdca-flashcard-front{opacity:1;background:#cff5ff;transition:transform .22s ease-out .22s,opacity 0s linear .22s;transform:scaleX(1)}.wdca-flashcard-front img{object-fit:cover;background:#cff5ff;border-radius:0;width:100%;height:100%}.wdca-flashcard-back{opacity:0;background:#fff;transition:transform .22s ease-in,opacity 0s linear .22s;position:absolute;transform:scaleX(0)}.wdca-flashcard-display.flipped .wdca-flashcard-front{opacity:0;transition:transform .22s ease-in,opacity 0s linear .22s;transform:scaleX(0)}.wdca-flashcard-display.flipped .wdca-flashcard-back{opacity:1;transition:transform .22s ease-out .22s,opacity 0s linear .22s;transform:scaleX(1)}.wdca-flashcard-back:before{content:"";opacity:.32;background-image:url(/metaon-assets/activity/wdca01/card-pattern.svg);background-position:0 0;background-repeat:repeat;background-size:50% 50%;position:absolute;inset:0}.wdca-card-copy{z-index:1;color:#141414;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;width:82%;min-width:0;max-width:82%;max-height:86%;display:flex;position:relative}.wdca-card-copy .wdca-card-word{--wdca-card-word-min-size:14;color:#141414;letter-spacing:0;white-space:nowrap;overflow-wrap:normal;word-break:normal;text-align:center;width:100%;min-width:0;max-width:100%;font-size:100px;font-weight:900;line-height:1.2;display:block;overflow:visible}.wdca-card-copy.has-more-info{gap:clamp(10px,3cqh,24px)}.wdca-card-copy.has-more-info .wdca-card-word{font-size:80px;line-height:1.2}.wdca-card-more-info{color:#4b4b4b;flex-direction:column;align-items:center;gap:clamp(8px,1.667cqh,12px);width:100%;min-width:0;display:flex}.wdca-card-more-info .wdca-card-meaning{color:#4b4b4b;letter-spacing:0;overflow-wrap:anywhere;text-align:center;width:100%;max-width:100%;font-size:clamp(14px,2.5cqw,32px);font-weight:800;line-height:1.25;display:block}.wdca-card-example{color:#4b4b4b;letter-spacing:0;overflow-wrap:anywhere;text-align:center;width:100%;max-width:100%;font-size:clamp(12px,1.875cqw,24px);font-weight:500;line-height:1.2;display:block}.wdca-card-example.is-multiline{text-align:left}.wdca-card-arrow{z-index:5;aspect-ratio:1;color:#fff;touch-action:manipulation;background:#37adf0;border:2px solid #a8e8ff;border-radius:50%;place-items:center;width:clamp(30px,5cqw,64px);min-height:0;padding:0;transition:transform .16s,filter .16s;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 7px #1360b233}.wdca-card-arrow:hover:not(:disabled){filter:brightness(1.08);transform:translate(-50%,calc(-50% - 2px))}.wdca-card-arrow:active:not(:disabled){transform:translate(-50%,calc(2px - 50%))}.wdca-card-arrow:disabled{cursor:default;opacity:.42}.wdca-card-arrow svg{stroke-width:4px;width:58%;height:58%}.wdca-card-arrow-prev{left:25.625%}.wdca-card-arrow-next{left:74.375%}.wdca02-video-flashcard-shell .wdca-card-arrow{z-index:7;width:64px;height:64px;box-shadow:none;border:0;border-radius:0;top:50%;overflow:visible;background:0 0!important;padding:0!important}.wdca02-video-flashcard-shell .wdca-flashcard-face{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#bec2cfe6;box-shadow:0 18px 48px #0a0c226b,0 0 24px #bec2cf52,inset 0 0 0 1px #ffffff61}.wdca02-video-flashcard-shell .wdca-flashcard-front{background:#e7f1f8e6}.wdca02-video-flashcard-shell .wdca-more-info-toggle{--wdca-more-info-height:min(60px, 8.33333cqh);width:calc(var(--wdca-more-info-height) * 4);height:var(--wdca-more-info-height);aspect-ratio:4;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;padding:0;overflow:hidden}.wdca02-video-flashcard-shell .wdca-more-info-toggle>img{pointer-events:none;object-fit:contain;width:100%;height:100%;display:block}.wdca02-video-flashcard-shell .wdca-card-arrow-prev{left:5.625%}.wdca02-video-flashcard-shell .wdca-card-arrow-next{left:94.375%}.video-activity-page-arrow{pointer-events:none;width:64px;height:64px;display:block;position:relative}.video-activity-page-arrow-background{width:100%;height:100%;display:block}.video-activity-page-arrow-icon{width:20.833px;height:12.5px;position:absolute;top:50%;left:50%;filter:brightness(0)invert()!important}.video-activity-page-arrow.is-prev .video-activity-page-arrow-icon{transform:translate(-50%,-50%)rotate(-90deg)}.video-activity-page-arrow.is-next .video-activity-page-arrow-icon{transform:translate(-50%,-50%)rotate(90deg)}.wdca02-video-flashcard-shell .wdca-card-arrow:hover:not(:disabled){filter:brightness(1.16);transform:translate(-50%,calc(-50% - 2px))}.activity-layout:has(.wdca02-video-flashcard-shell) .hub-activity-complete-button{bottom:0;right:3.125%}.hub-activity-complete-button.video-activity-check{z-index:38;aspect-ratio:auto;color:#fff;width:160px;height:64px;min-height:64px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:0;padding:0;display:inline-flex}.video-activity-check-control{pointer-events:none;flex:0 0 100%;width:100%;height:100%;display:block;position:relative}.video-activity-check-background{width:100%;height:100%;display:block}.video-activity-check-foreground{width:100%;height:100%;display:block;position:absolute;inset:0;filter:brightness(0)invert()!important}.hub-activity-complete-button.video-activity-check:not(.is-complete):hover{filter:none}.hub-activity-complete-button.video-activity-check.is-complete,.hub-activity-complete-button.video-activity-check.is-complete:hover{filter:none;background:0 0;transform:translateY(3px)scale(.98)}.hub-activity-complete-button.video-activity-check.is-complete>.video-activity-check-control{filter:none}.activity-layout:has(.wdca-flashcard-shell) .hub-activity-complete-button{bottom:8px;right:40px}@media (width<=700px),(height<=500px){.wdca-flashcard-shell{--wdca-card-top:15%}.wdca-card-count{top:13.6%}.wdca-flashcard-display{width:min(380px,78cqw,68cqh);height:min(380px,78cqw,68cqh)}.wdca-card-copy{width:86%;max-width:86%;max-height:88%}.wdca-card-copy.has-more-info{gap:clamp(4px,1.25cqh,8px)}.wdca-card-more-info{gap:clamp(3px,.75cqh,6px)}.wdca-card-more-info .wdca-card-meaning{font-size:clamp(14px,5cqw,22px);line-height:1.15}.wdca-card-example{font-size:clamp(11px,4.2cqw,18px);line-height:1.18}.wdca-card-arrow-prev{left:5.5%}.wdca-card-arrow-next{left:94.5%}.activity-layout:has(.wdca-flashcard-shell) .hub-activity-complete-button{bottom:6px;right:10px}.video-activity-back,.video-activity-map{width:46px;height:46px}.video-activity-back{left:10px}.video-activity-back-background{width:46px;height:46px}.video-activity-back-arrow{width:23px;height:27px}.video-activity-map{right:10px}.video-activity-map-trigger{width:46px;height:46px}.video-activity-map-icon{transform:translate(-50%,-50%)scale(.72)}.video-activity-map-planet{top:12px;left:7px;transform:rotate(27.25deg)}.video-activity-map-pin{top:4.5px;left:7px}.video-activity-map-accent{top:13px;left:46px}.video-activity-page-indicator{gap:5px;width:95px;height:40px;padding:8px 14px;top:5px;right:66px}.video-activity-page-indicator strong{font-size:19px;line-height:23px}.video-activity-page-indicator span{font-size:16px;line-height:20px}.wdca02-video-flashcard-shell .wdca-card-arrow{width:46px;height:46px}.wdqu03-video-quiz-shell:before{border-radius:28px}.wdqu03-video-quiz-shell .activity-question-edge-nav{width:46px;height:46px}.wdqu03-video-quiz-shell .voca-quiz-options.is-text{gap:10px 8px}.wdqu03-video-quiz-shell .voca-quiz-options.is-image{gap:8px}.wdca02-video-flashcard-shell .wdca-card-arrow-prev{left:5.5%}.wdca02-video-flashcard-shell .wdca-card-arrow-next{left:94.5%}.video-activity-page-arrow{width:46px;height:46px}.activity-layout:has(.wdca02-video-flashcard-shell) .hub-activity-complete-button{bottom:6px;right:10px}.hub-activity-complete-button.video-activity-check{width:116px;height:46px;min-height:46px}.video-activity-check-foreground{width:100%;height:100%}}.movie01-frame{height:100%;margin:0;padding:0;overflow:hidden}.movie01-shell{isolation:isolate;color:#fff;background:#162b59;width:100%;height:100%;min-height:0;font-family:Pretendard,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden}.movie01-mode-background,.movie01-mode-video,.movie01-video,.movie01-fallback-image,.movie01-script-poster,.movie01-mode-scrim,.movie01-player-scrim{width:100%;height:100%;position:absolute;inset:0}.movie01-mode-background,.movie01-mode-video,.movie01-fallback-image,.movie01-script-poster,.movie01-video{z-index:0;object-fit:cover}.movie01-video{background:#101b37}.movie01-mode-video{pointer-events:none}.movie01-script-poster{z-index:1;object-fit:cover;pointer-events:none}.movie01-mode-scrim{z-index:1;pointer-events:none;background:#040a2366}.movie01-player-scrim{z-index:2;pointer-events:none;background:linear-gradient(#0000000f 32%,#000000ad 100%)}.movie01-mode-options{z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3cqw,42px);width:min(86%,1100px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.movie01-mode-card{aspect-ratio:1.05;color:#fff;-webkit-backdrop-filter:blur(13.548px);backdrop-filter:blur(13.548px);background:#ffffff21;border:2px solid #ffffffeb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,1.8cqh,20px);min-width:0;padding:clamp(24px,3.8cqw,46px);transition:transform .16s,background .16s,box-shadow .16s;display:flex;box-shadow:0 20px 36px #02061c42,inset 0 1px #ffffff3d}.movie01-mode-card:hover,.movie01-mode-card:focus-visible{color:#1e273d;background:#ffce1fa3;transform:translateY(-8px)scale(1.02);box-shadow:0 26px 46px #02061c59,inset 0 1px #ffffff59}.movie01-mode-icon{place-items:center;width:clamp(94px,12cqw,150px);height:clamp(94px,12cqw,150px);display:grid;position:relative}.movie01-mode-icon>img{object-fit:contain;width:100%;height:100%}.movie01-mode-card strong{white-space:nowrap;font-size:clamp(24px,3cqw,40px);font-weight:900;line-height:1}.movie01-mode-character{z-index:2;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 22px 20px #050d2a4d);pointer-events:none;width:min(20%,230px);max-height:39%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.movie01-controls{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;top:clamp(18px,3cqh,32px);right:clamp(18px,3.1cqw,40px)}.movie01-control-menu{position:relative}.movie01-control-menu>button,.movie01-korean-toggle{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1b2e9e;border:1px solid #ffffffb3;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:clamp(36px,5.3cqh,48px);padding:0 clamp(12px,1.5cqw,18px);font-size:clamp(12px,1.45cqw,18px);font-weight:800;line-height:1;display:inline-flex;box-shadow:0 10px 22px #03081938}.movie01-korean-toggle[aria-pressed=true]{color:#fff5c4;border-color:#ffdd52eb}.movie01-popover{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121428eb;border:1px solid #fff6;border-radius:12px;gap:3px;min-width:138px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 30px #00000052}.movie01-popover button{color:#fff;text-align:left;background:0 0;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:700}.movie01-popover button:hover,.movie01-popover button.is-selected{color:#302b1f;background:#ffd84a}.movie01-script{z-index:4;gap:clamp(6px,1cqh,12px);display:grid;position:absolute;bottom:clamp(34px,7cqh,58px);left:clamp(28px,7.7cqw,98px);right:min(33%,420px)}.movie01-script-line{opacity:.62;max-width:100%;transition:opacity .16s,transform .16s;transform:translateY(4px)}.movie01-script-line.is-active{opacity:1;transform:none}.movie01-script-line p,.movie01-script-line span{color:#fff;letter-spacing:0;text-wrap:balance;text-shadow:0 2px 10px #000000b3;margin:0;font-size:clamp(20px,2.75cqw,36px);font-weight:850;line-height:1.18}.movie01-script-line span{color:#ffffffe0;margin-top:3px;font-size:clamp(13px,1.55cqw,20px);font-weight:600;display:block}.movie01-script-line mark{color:#202331;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffe158;padding:0 .12em}.movie01-play-toggle{z-index:5;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14162c94;border:2px solid #ffffffe6;border-radius:999px;place-items:center;width:66px;height:66px;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 26px #00000059}.activity-layout:has(.movie01-shell) .video-activity-map{display:none}@media (width<=700px),(height<=500px){.movie01-mode-options{grid-template-columns:repeat(3,minmax(112px,1fr));gap:12px;width:min(76%,580px)}.movie01-mode-card{border-radius:12px;padding:14px}.movie01-mode-icon{width:min(56%,72px);height:min(56%,72px)}.movie01-mode-card strong{font-size:clamp(16px,4.1cqw,24px)}.movie01-mode-card:hover,.movie01-mode-card:focus-visible{transform:translateY(-3px)scale(1.01)}.movie01-mode-character{width:19%;max-height:31%}.movie01-controls{gap:5px;top:10px;right:10px}.movie01-control-menu>button,.movie01-korean-toggle{min-height:34px;padding:0 10px;font-size:11px}.movie01-script{bottom:8%;left:7%;right:15%}.movie01-script-line p{font-size:clamp(18px,5.5cqw,25px)}.movie01-script-line span{font-size:clamp(12px,3.2cqw,16px)}.movie01-play-toggle{width:48px;height:48px}}.figma-renewal-frame{padding:0;overflow:hidden}.figma-renewal-shell{isolation:isolate;color:#252525;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;min-height:0;font-family:Pretendard,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden;container-type:size}.activity-content-stage :is(.word-blank-renewal-shell,.sentence-blank-renewal-shell,.unscramble-renewal-shell){-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.renewal-question-counter{z-index:7;color:#513b56;letter-spacing:0;background:#fff8e6;border-radius:clamp(10px,1.25cqw,16px);justify-content:center;align-items:center;gap:clamp(4px,.6cqw,8px);min-width:clamp(70px,8.75cqw,112px);min-height:clamp(34px,7.78cqh,56px);padding:0 clamp(10px,1.4cqw,18px);font-size:clamp(13px,1.875cqw,24px);line-height:1;display:inline-flex;position:absolute}.renewal-question-counter strong{color:#252525;font-weight:900}.activity-question-edge-nav{z-index:12;aspect-ratio:1;touch-action:manipulation;width:clamp(42px,5cqw,64px);position:absolute;top:50%;transform:translateY(-50%)}.activity-question-edge-nav.previous{left:2.2%}.activity-question-edge-nav.next{right:2.2%}.activity-question-edge-nav:disabled{cursor:default;opacity:.24}.renewal-sound-button{aspect-ratio:1;color:#fff;width:clamp(38px,5cqw,64px);min-height:0;box-shadow:none;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .16s,filter .16s;display:grid}.renewal-sound-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.renewal-sound-button.is-playing{animation:.9s ease-in-out infinite renewal-sound-pulse}.wdca02-video-flashcard-shell .renewal-sound-button.is-playing,.wdqu03-video-quiz-shell .renewal-sound-button.is-playing,.wdbl02-video-word-blank-shell .renewal-sound-button.is-playing{box-shadow:none;animation:none}.renewal-sound-button:disabled{cursor:default;opacity:.45}.renewal-sound-button .activity-listening-image,.renewal-sound-button .activity-sound-image,.renewal-sound-button .renewal-sound-asset{width:100%;height:100%}.renewal-option-button{color:#252525;letter-spacing:0;overflow-wrap:anywhere;touch-action:manipulation;background:#fff;border:2px solid #eee;border-radius:clamp(9px,1.25cqw,16px);justify-content:center;align-items:center;min-width:0;min-height:clamp(40px,8.89cqh,64px);padding:0 clamp(12px,2cqw,26px);font-size:clamp(15px,2.5cqw,32px);font-weight:750;line-height:1.2;transition:transform .15s,background .15s,border-color .15s;display:inline-flex;box-shadow:inset 0 -6px #00000014}.renewal-option-button:hover:not(:disabled){transform:translateY(-2px)}.renewal-option-button.is-selected,.renewal-option-button.is-correct{background:#ffce1f;border-color:#ffb11f;box-shadow:inset 0 -6px #ffb11f}.renewal-option-button.is-wrong{background:#ffd6dc;border-color:#ff8f9f;box-shadow:inset 0 -6px #f58a9b}.renewal-option-button:disabled:not(.is-selected):not(.is-correct):not(.is-wrong){opacity:.52}.uniform-choice-text{box-sizing:border-box;width:90%;min-width:0;max-width:90%;color:inherit;line-height:1.2;font-weight:inherit;letter-spacing:0;text-align:center;white-space:nowrap;overflow-wrap:normal;word-break:normal;text-overflow:clip;padding-block:.12em;display:block;overflow:visible}.renewal-feedback{z-index:10;color:#fff;pointer-events:none;background:#1f2537d1;border-radius:999px;margin:0;padding:7px 16px;font-size:clamp(11px,1.25cqw,16px);font-weight:850;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%)}.renewal-feedback.is-correct{background:#28aa63}.renewal-feedback.is-wrong{background:#e84c63}.renewal-game-overlay{z-index:15;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#18124cb3;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-family:Pretendard,Segoe UI,Arial,sans-serif;display:flex;position:absolute;inset:0}.renewal-game-overlay>strong{font-size:clamp(24px, calc(var(--activity-stage-width,100vw) * .0375), 48px);font-weight:900;line-height:1.1}.renewal-game-overlay>svg{width:clamp(44px, calc(var(--activity-stage-width,100vw) * .0625), 80px);color:#ffce1f;height:auto}.renewal-game-overlay>button{color:#fff;background:#ff4055;border:0;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:900;display:inline-flex}.renewal-game-overlay.is-success{background:#20624ab8}.word-search-renewal-shell{background-color:#2c2366;background-image:url(/assets/word-search-background-Cb_oGd2G.png);background-size:cover}.word-search-machine{z-index:3;width:60.8%;height:63.4444%;position:absolute;top:9.88889%;left:19.7%;overflow:hidden}.word-search-machine-core{position:absolute;inset:0}.word-search-prompt{z-index:2;aspect-ratio:1;background:#c7effe;border:clamp(4px,.7cqw,9px) solid #9ad8ff;border-radius:clamp(10px,1.25cqw,16px);place-items:center;width:36%;display:grid;position:absolute;top:8.1%;left:2.3%;overflow:hidden;box-shadow:inset 0 -8px #155fc238}.word-search-prompt img{width:100%;height:100%;position:absolute;inset:0}.word-search-prompt img.is-book-image{object-fit:cover}.word-search-prompt img.is-figma-illustration{object-fit:contain;width:76%;height:76%;margin:0;inset:12% 12% auto}.word-search-answer-slot{z-index:3;color:#2c2946;background:#fffdf3;border:clamp(2px,.25cqw,4px) dashed #ffcf21;border-radius:clamp(12px,1.6cqw,20px);place-items:center;width:31.9%;height:19.3%;min-height:0;padding:0 clamp(12px,1.6cqw,20px);display:grid;position:absolute;top:29.2%;left:52.4%;overflow:hidden;box-shadow:10px 0 #4c5ec9}.word-search-answer-slot .uniform-choice-text{width:100%;max-width:100%;font-size:clamp(15px,3cqw,32px)}.word-search-conveyor,.word-search-conveyor-light{display:none}.word-search-counter{z-index:8;background:#fff8e6;border:clamp(4px,.55cqw,7px) solid #ff9bb9;width:clamp(76px,9.15cqw,118px);min-width:0;height:clamp(46.6667px,10.3333cqh,74.4444px);min-height:0;padding:0 clamp(7px,.8cqw,10px);top:11.2222%;right:10.2%}.word-search-sound-button{z-index:8;width:clamp(40px,5cqw,64px);position:absolute;top:17.4444%;left:13.14%}.word-search-sound-button .renewal-sound-asset{display:block}.word-search-options{z-index:7;background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.55cqw,20px);width:61.2%;height:12.2222%;padding:0;display:grid;position:absolute;top:82.7222%;left:19.4%}.word-search-options .renewal-option-button{border-color:#eee;border-radius:clamp(10px,1.25cqw,16px);width:100%;min-height:0;padding:0 clamp(8px,1.1cqw,14px);box-shadow:inset 0 -6px #00000014}.word-search-options .uniform-choice-text{width:100%;max-width:100%}.word-search-renewal-shell>.renewal-feedback{bottom:calc(17.2778% + 6px)}@media (width<=700px),(height<=500px){.word-search-options{gap:clamp(6px,1.2cqw,12px)}}.voca-quiz-renewal-shell{background-color:#322776;background-image:url(/assets/voca-quiz-background-CRl7_V0G.png)}.wdqu03-video-quiz-shell{background-color:#171247;background-image:none}.wdqu03-video-quiz-shell.is-video-background-unavailable{background-image:url(/metaon-assets/activity/wdqu03/word-quiz-fallback.png)}.wdqu03-background-video,.wdqu03-background-scrim{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wdqu03-background-video{object-fit:cover}.wdqu03-background-scrim{z-index:1;background:#0006}.wdqu03-video-quiz-shell:before{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);content:"";pointer-events:none;background:#00000052;border:2px solid #8e8e8e;border-radius:48px;width:81.25%;height:64%;position:absolute;top:18%;left:9.375%;box-shadow:0 20px 46px #00000038,inset 0 1px #ffffff14}.wdqu03-video-quiz-shell .voca-quiz-prompt{z-index:4;width:min(33.75cqw,54cqh);box-shadow:none;background:0 0;border:0;border-radius:0;top:23%;left:11.875%}.wdqu03-video-quiz-shell .voca-quiz-prompt.is-text,.wdqu03-video-quiz-shell .voca-quiz-prompt.is-sound{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:16px;box-shadow:inset 0 0 0 2px #fafafae6}.wdqu03-video-quiz-shell .voca-quiz-prompt>.voca-quiz-fit-text{box-sizing:border-box;color:#fff;text-shadow:0 2px 10px #0000006b;width:84%;max-width:84%;padding:.18em 0 .24em;line-height:1.22;overflow:visible}.wdqu03-video-quiz-shell .voca-quiz-prompt.is-text{overflow:visible}.wdqu03-video-quiz-shell .voca-quiz-options{z-index:5}.wdqu03-video-quiz-shell .voca-quiz-options.is-text{gap:24px 20px;width:40%;height:25%;top:37.5%;left:48.125%}.wdqu03-video-quiz-shell .voca-quiz-options.is-image{gap:16px;width:30.625%;top:22.5%;left:52.8125%}.wdqu03-video-quiz-shell .voca-quiz-option{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:2px solid #fafafa;border-radius:16px}.wdqu03-video-quiz-shell .voca-quiz-option .voca-quiz-fit-text{color:inherit;text-shadow:0 2px 8px #0000003d}.wdqu03-video-quiz-shell .voca-quiz-options.is-image .voca-quiz-option{box-shadow:none;background:#ffffff1f;border-color:#fafafa}.wdqu03-video-quiz-shell .voca-quiz-option:hover:not(:disabled){background:#ffffff38;border-color:#fff}.wdqu03-video-quiz-shell .voca-quiz-option.is-selected,.wdqu03-video-quiz-shell .voca-quiz-option.is-correct{color:#141414;background:#ffce1f;border-color:#ffce1f;box-shadow:inset 0 -6px #f5b509}.wdqu03-video-quiz-shell .voca-quiz-option.is-wrong{color:#7d2234;background:#ffd6dcf5;border-color:#ff8f9f}.wdqu03-video-quiz-shell .activity-question-edge-nav{z-index:13;width:64px;height:64px;box-shadow:none;border:0;border-radius:0;top:45%;overflow:visible;background:0 0!important;padding:0!important}.wdqu03-video-quiz-shell .activity-question-edge-nav.previous{left:3.125%}.wdqu03-video-quiz-shell .activity-question-edge-nav.next{right:3.125%}.wdqu03-video-quiz-shell .activity-question-edge-nav:hover:not(:disabled){filter:brightness(1.16);transform:translateY(calc(-50% - 2px))}.wdqu03-video-quiz-shell .renewal-feedback,.wdqu03-video-quiz-shell .video-activity-page-indicator{z-index:14}.activity-layout:has(.wdqu03-video-quiz-shell) .hub-activity-complete-button{bottom:0;right:3.125%}.word-blank-renewal-shell.wdbl02-video-word-blank-shell{background-color:#171247;background-image:none}.word-blank-renewal-shell.wdbl02-video-word-blank-shell.is-video-background-unavailable{background-image:url(/metaon-assets/activity/wdbl02/word-blank-fallback.png)}.wdbl02-background-video,.wdbl02-background-scrim{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wdbl02-background-video{object-fit:cover}.wdbl02-background-scrim{z-index:1;background:#0006}.wdbl02-video-word-blank-shell:before{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);content:"";pointer-events:none;background:#00000052;border:2px solid #8e8e8e;border-radius:48px;width:81.25%;height:71.11%;position:absolute;top:14.44%;left:9.375%;box-shadow:0 20px 46px #00000038,inset 0 1px #ffffff14}.wdbl02-video-word-blank-shell .word-blank-renewal-content{z-index:4;height:60%;top:20%}.wdbl02-video-word-blank-shell .word-blank-renewal-media{background:0 0;border-radius:16px}.wdbl02-video-word-blank-shell .word-blank-sound-button{z-index:5;top:20px;left:20px}.wdbl02-video-word-blank-shell .word-blank-renewal-question{z-index:4;gap:min(6.66667cqh,48px)}.wdbl02-video-word-blank-shell .word-blank-renewal-word{color:#fff;font-size:min(3.125cqw, 40px, var(--wdbl02-word-font-size,40px));letter-spacing:0;text-shadow:0 2px 10px #0000006b;gap:.112em;font-weight:650}.wdbl02-video-word-blank-shell .word-blank-letter,.wdbl02-video-word-blank-shell .renewal-blank{color:#fff;width:1em;min-width:1em;height:1.2em;font-size:inherit;font-weight:inherit;text-transform:none;background:0 0;border:0;flex:0 0 1em;place-items:center;line-height:1;display:inline-grid}.wdbl02-video-word-blank-shell .renewal-blank{color:#fff;background:0 0;border:0;border-bottom:3px solid #ffce1f;border-radius:0;font-weight:650}.wdbl02-video-word-blank-shell .renewal-blank.is-correct{background:0 0;border-color:#ffce1f}.wdbl02-video-word-blank-shell .renewal-blank.is-wrong{color:#ff7285;background:0 0;border-color:#ffce1f}.wdbl02-video-word-blank-shell .word-blank-renewal-options{z-index:5;gap:min(2.5cqw,32px)}.wdbl02-video-word-blank-shell .word-blank-renewal-options .renewal-option-button{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:min(.15625cqw,2px) solid #fafafa;border-radius:min(1.25cqw,16px)}.wdbl02-video-word-blank-shell .word-blank-renewal-options .renewal-option-button:hover:not(:disabled){background:#ffffff38;border-color:#fff}.wdbl02-video-word-blank-shell .word-blank-renewal-options .renewal-option-button.is-selected,.wdbl02-video-word-blank-shell .word-blank-renewal-options .renewal-option-button.is-correct{color:#fff;box-shadow:none;opacity:.4;background:#ffffff1f;border-color:#fafafa}.wdbl02-video-word-blank-shell .word-blank-renewal-options .renewal-option-button.is-wrong{color:#fff;background:#ff9aac33;border-color:#ff9aac}.wdbl02-video-word-blank-shell .renewal-feedback{display:none}.wdbl02-video-word-blank-shell .activity-question-edge-nav{z-index:13;width:64px;height:64px;box-shadow:none;border:0;border-radius:0;top:50%;overflow:visible;background:0 0!important;padding:0!important}.wdbl02-video-word-blank-shell .activity-question-edge-nav.previous{left:3.125%}.wdbl02-video-word-blank-shell .activity-question-edge-nav.next{right:3.125%}.wdbl02-video-word-blank-shell .activity-question-edge-nav:hover:not(:disabled){filter:brightness(1.16);transform:translateY(calc(-50% - 2px))}.wdbl02-video-word-blank-shell .video-activity-page-indicator{z-index:14}.activity-layout:has(.wdbl02-video-word-blank-shell) .hub-activity-complete-button{bottom:0;right:3.125%}.sentence-blank-renewal-shell.stbl02-video-sentence-blank-shell{background-color:#171247;background-image:none}.sentence-blank-renewal-shell.stbl02-video-sentence-blank-shell.is-video-background-unavailable{background-image:url(/metaon-assets/activity/stbl02/sentence-blank-fallback.png)}.stbl02-background-video,.stbl02-background-scrim{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stbl02-background-video{object-fit:cover}.stbl02-background-scrim{z-index:1;background:#0006}.stbl02-video-sentence-blank-shell:before{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);content:"";pointer-events:none;background:#00000052;border:2px solid #8e8e8e;border-radius:48px;width:81.25%;height:71.11%;position:absolute;top:14.44%;left:9.375%;box-shadow:0 20px 46px #00000038,inset 0 1px #ffffff14}.stbl02-video-sentence-blank-shell .sentence-renewal-panel{z-index:4;background:0 0;border:0;border-radius:48px;width:81.25%;height:71.11%;top:14.44%;left:9.375%;overflow:hidden}.stbl02-video-sentence-blank-shell .sentence-renewal-sound-button{z-index:5;top:8.5%}.stbl02-video-sentence-blank-shell .sentence-renewal-question{z-index:4;color:#fff;min-height:27%;top:27%;left:6%;right:6%}.stbl02-video-sentence-blank-shell .sentence-renewal-question p{text-shadow:0 2px 10px #0000007a;text-wrap:balance;font-size:min(2.5cqw,32px);line-height:1.4}.stbl02-video-sentence-blank-shell .renewal-sentence-blank{color:#fff;background:#0000001a;border-width:min(.234375cqw,3px);border-color:#ffce1f}.stbl02-video-sentence-blank-shell .renewal-sentence-blank.is-correct{background:#ffce1f3d;border-color:#ffce1f}.stbl02-video-sentence-blank-shell .renewal-sentence-blank.is-wrong{background:#ff9aac33;border-color:#ff9aac}.stbl02-video-sentence-blank-shell .sentence-renewal-options{z-index:5;gap:min(2.22222cqh,16px) min(1.875cqw,24px);width:81%;bottom:9.5%}.stbl02-video-sentence-blank-shell .sentence-renewal-options .renewal-option-button{color:#fff;height:min(8.88889cqh,64px);min-height:0;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:min(.15625cqw,2px) solid #fafafa;border-radius:min(1.25cqw,16px)}.stbl02-video-sentence-blank-shell .sentence-renewal-options .renewal-option-button:hover:not(:disabled){background:#ffffff38;border-color:#fff}.stbl02-video-sentence-blank-shell .sentence-renewal-options .renewal-option-button.is-selected,.stbl02-video-sentence-blank-shell .sentence-renewal-options .renewal-option-button.is-correct{color:#fff;box-shadow:none;background:#ffce1f61;border-color:#ffce1f}.stbl02-video-sentence-blank-shell .sentence-renewal-options .renewal-option-button.is-wrong{color:#fff;background:#ff9aac47;border-color:#ff9aac}.stbl02-video-sentence-blank-shell .renewal-feedback{display:none}.stbl02-video-sentence-blank-shell .activity-question-edge-nav{z-index:13;width:64px;height:64px;box-shadow:none;border:0;border-radius:0;top:50%;overflow:visible;background:0 0!important;padding:0!important}.stbl02-video-sentence-blank-shell .activity-question-edge-nav.previous{left:3.125%}.stbl02-video-sentence-blank-shell .activity-question-edge-nav.next{right:3.125%}.stbl02-video-sentence-blank-shell .activity-question-edge-nav:hover:not(:disabled){filter:brightness(1.16);transform:translateY(calc(-50% - 2px))}.stbl02-video-sentence-blank-shell .video-activity-page-indicator{z-index:14}.activity-layout:has(.stbl02-video-sentence-blank-shell) .hub-activity-complete-button{bottom:0;right:3.125%}.unscramble-renewal-shell.stsc02-video-unscramble-shell{background-color:#1c1713;background-image:none}.unscramble-renewal-shell.stsc02-video-unscramble-shell.is-video-background-unavailable{background-image:url(/metaon-assets/activity/stsc02/unscramble-fallback.png)}.stsc02-background-video,.stsc02-background-scrim{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stsc02-background-video{object-fit:cover}.stsc02-background-scrim{z-index:1;background:#0006}.stsc02-video-unscramble-shell:before{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);content:"";pointer-events:none;background:#00000052;border:2px solid #8e8e8e;border-radius:48px;width:81.25%;height:71.11%;position:absolute;top:14.44%;left:9.375%;box-shadow:0 20px 46px #00000038,inset 0 1px #ffffff14}.stsc02-video-unscramble-shell .sentence-renewal-panel{z-index:4;background:0 0;border:0;border-radius:48px;width:81.25%;height:71.11%;top:14.44%;left:9.375%;overflow:hidden}.stsc02-video-unscramble-shell .sentence-renewal-sound-button{z-index:5;top:8.5%}.stsc02-video-unscramble-shell .unscramble-renewal-workspace{z-index:4;grid-template-rows:minmax(0,1.25fr) minmax(0,.55fr);gap:min(3.33333cqh,24px);inset:21% 5% 10%}.stsc02-video-unscramble-shell .unscramble-renewal-sentence{color:#fafafa;text-shadow:0 2px 10px #0000007a;touch-action:manipulation;padding:0;font-size:min(2.5cqw,32px);line-height:1.6;overflow:hidden}.stsc02-video-unscramble-shell .unscramble-renewal-slot{width:var(--stsc02-slot-width,3.59375em);min-width:var(--stsc02-slot-width,3.59375em);color:#fafafa;background:#1f1f1f;border:min(.234375cqw,3px) dashed #ffce1f;border-radius:min(1.25cqw,16px);min-height:min(8.88889cqh,64px);padding:0 min(1.875cqw,24px)}.stsc02-video-unscramble-shell .unscramble-renewal-slot.is-filled{color:#1a1c1c;background:#ffce1f;border-style:solid;border-color:#ffce1f}.stsc02-video-unscramble-shell .unscramble-renewal-slot.is-correct{color:#163c20;background:#56ef75;border-color:#35c75c}.stsc02-video-unscramble-shell .unscramble-renewal-slot.is-wrong{color:#fff;background:#f43b55;border-color:#d92740}.stsc02-video-unscramble-shell .unscramble-renewal-bank{touch-action:pan-y;background:0 0;border:0;place-content:flex-start center;gap:min(2.22222cqh,16px) min(1.875cqw,24px);min-height:0;padding:0;overflow-y:auto}.stsc02-video-unscramble-shell .unscramble-renewal-bank .renewal-option-button{color:#fafafa;height:min(8.88889cqh,64px);min-height:0;box-shadow:none;font-size:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:min(.15625cqw,2px) solid #fafafa;border-radius:min(1.25cqw,16px);flex:0 auto;padding:0 min(1.875cqw,24px)}.stsc02-video-unscramble-shell .unscramble-renewal-bank .renewal-option-button:hover:not(:disabled){background:#ffffff38;border-color:#fff}.stsc02-video-unscramble-shell .unscramble-renewal-bank .renewal-option-button:disabled{color:#fafafa;opacity:.4;background:#ffffff1f;border-color:#fafafa}.stsc02-video-unscramble-shell .renewal-feedback{display:none}.stsc02-video-unscramble-shell .activity-question-edge-nav{z-index:13;width:64px;height:64px;box-shadow:none;border:0;border-radius:0;top:50%;overflow:visible;background:0 0!important;padding:0!important}.stsc02-video-unscramble-shell .activity-question-edge-nav.previous{left:3.125%}.stsc02-video-unscramble-shell .activity-question-edge-nav.next{right:3.125%}.stsc02-video-unscramble-shell .activity-question-edge-nav:hover:not(:disabled){filter:brightness(1.16);transform:translateY(calc(-50% - 2px))}.stsc02-video-unscramble-shell .video-activity-page-indicator{z-index:14}.activity-layout:has(.stsc02-video-unscramble-shell) .hub-activity-complete-button{bottom:0;right:3.125%}.sentence-record-renewal-shell.strc02-video-sentence-record-shell{background-color:#33287e;background-image:none}.sentence-record-renewal-shell.strc02-video-sentence-record-shell.is-video-background-unavailable{background-image:url(/metaon-assets/activity/strc02/sentence-record-fallback.png)}.strc02-background-video,.strc02-background-scrim{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.strc02-background-video{object-fit:cover}.strc02-background-scrim{z-index:1;background:#0006}.strc02-video-sentence-record-shell .sentence-record-renewal-panel{z-index:4;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000052;border:2px solid #8e8e8e;border-radius:16px;width:81.25%;height:71.11%;inset:14.44% 9.375% auto;overflow:hidden;box-shadow:0 20px 46px #00000038,inset 0 1px #ffffff14}.strc02-video-sentence-record-shell .sentence-record-meta{z-index:5;top:5.2%;left:3.2%}.strc02-video-sentence-record-shell .sentence-record-meta>span{color:#fafafa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f5f5f533;border-color:#e1e1e1;min-height:34px}.strc02-video-sentence-record-shell .sentence-record-meta svg{color:#45b8ff}.strc02-video-sentence-record-shell .sentence-record-meta>span+span svg{color:#ff9d51}.strc02-video-sentence-record-shell .sentence-record-prompt{z-index:4;color:#fafafa;text-shadow:0 2px 10px #0000007a;min-height:64px;font-size:clamp(18px,2.5cqw,32px);line-height:1.625;top:39%;left:8%;right:8%}.strc02-video-sentence-record-shell .sentence-record-blank{background:#1f1f1f;border-width:3px;border-color:#ffce1f;min-height:64px}.strc02-video-sentence-record-shell .sentence-record-media{--sentence-record-control-size:64px;z-index:5;bottom:13.5%;left:14%;right:14%}.strc02-video-sentence-record-shell .sentence-record-track{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#eeeff133}.strc02-video-sentence-record-shell .sentence-record-progress{background:#bbe5a4}.strc02-video-sentence-record-shell .sentence-record-media.is-record-ready .sentence-record-progress,.strc02-video-sentence-record-shell .sentence-record-media.is-recording .sentence-record-progress{background:#f0aba8}.strc02-video-sentence-record-shell .sentence-record-media.is-review .sentence-record-progress{background:#7ec8fb}.strc02-video-sentence-record-shell .sentence-record-main-control{background:#65d335}.strc02-video-sentence-record-shell .sentence-record-media.is-record-ready .sentence-record-main-control,.strc02-video-sentence-record-shell .sentence-record-media.is-recording .sentence-record-main-control{background:#ff6269}.strc02-video-sentence-record-shell .sentence-record-media.is-review .sentence-record-main-control{background:#079cec}.strc02-video-sentence-record-shell .sentence-record-status-label{color:#f7f9fb;background:#191c1e;bottom:calc(100% + 18px)}.strc02-video-sentence-record-shell .sentence-record-step-check{background:#6851f5;bottom:calc(100% + 12px);right:0}.strc02-video-sentence-record-shell .sentence-record-waveform{left:13%;right:9%}.strc02-video-sentence-record-shell .activity-question-edge-nav{z-index:13;width:64px;height:64px;box-shadow:none;border:0;border-radius:0;top:50%;overflow:visible;background:0 0!important;padding:0!important}.strc02-video-sentence-record-shell .activity-question-edge-nav.previous{left:3.125%}.strc02-video-sentence-record-shell .activity-question-edge-nav.next{right:3.125%}.strc02-video-sentence-record-shell .activity-question-edge-nav:hover:not(:disabled){filter:brightness(1.16);transform:translateY(calc(-50% - 2px))}.strc02-video-sentence-record-shell .video-activity-page-indicator{z-index:14}.activity-layout:has(.strc02-video-sentence-record-shell) .hub-activity-complete-button{bottom:0;right:3.125%}@media (width<=700px),(height<=500px){.wdbl02-video-word-blank-shell:before{border-radius:28px}.wdbl02-video-word-blank-shell .word-blank-sound-button{top:10px;left:10px}.wdbl02-video-word-blank-shell .activity-question-edge-nav{width:46px;height:46px}.activity-layout:has(.wdbl02-video-word-blank-shell) .hub-activity-complete-button{bottom:6px;right:10px}.stbl02-video-sentence-blank-shell:before,.stbl02-video-sentence-blank-shell .sentence-renewal-panel{border-radius:28px}.stbl02-video-sentence-blank-shell .activity-question-edge-nav{width:46px;height:46px}.activity-layout:has(.stbl02-video-sentence-blank-shell) .hub-activity-complete-button{bottom:6px;right:10px}.stsc02-video-unscramble-shell:before,.stsc02-video-unscramble-shell .sentence-renewal-panel{border-radius:28px}.stsc02-video-unscramble-shell .unscramble-renewal-workspace{gap:min(1.38889cqh,10px);inset:20% 7% 8%}.stsc02-video-unscramble-shell .activity-question-edge-nav{width:46px;height:46px}.activity-layout:has(.stsc02-video-unscramble-shell) .hub-activity-complete-button{bottom:6px;right:10px}.strc02-video-sentence-record-shell .sentence-record-renewal-panel{border-radius:12px}.strc02-video-sentence-record-shell .sentence-record-meta{top:3%;left:3%}.strc02-video-sentence-record-shell .sentence-record-meta>span{min-height:27px;padding:0 8px;font-size:12px}.strc02-video-sentence-record-shell .sentence-record-prompt{top:41%;left:6%;right:6%}.strc02-video-sentence-record-shell .sentence-record-media{--sentence-record-control-size:48px;bottom:11%;left:10%;right:10%}.strc02-video-sentence-record-shell .activity-question-edge-nav{width:46px;height:46px}.activity-layout:has(.strc02-video-sentence-record-shell) .hub-activity-complete-button{bottom:6px;right:10px}}:is(.wdqu03-video-quiz-shell,.wdbl02-video-word-blank-shell,.stbl02-video-sentence-blank-shell,.stsc02-video-unscramble-shell,.strc02-video-sentence-record-shell)>.activity-question-edge-nav.is-video{--video-question-panel-inset:9.375%;--video-question-arrow-gap:min(16px, 1.25cqw);--video-question-arrow-size:min(64px, 7cqw);width:var(--video-question-arrow-size);height:var(--video-question-arrow-size);min-width:0;min-height:0}:is(.wdqu03-video-quiz-shell,.wdbl02-video-word-blank-shell,.stbl02-video-sentence-blank-shell,.stsc02-video-unscramble-shell,.strc02-video-sentence-record-shell)>.activity-question-edge-nav.is-video.previous{left:calc(var(--video-question-panel-inset) - var(--video-question-arrow-gap) - var(--video-question-arrow-size));right:auto}:is(.wdqu03-video-quiz-shell,.wdbl02-video-word-blank-shell,.stbl02-video-sentence-blank-shell,.stsc02-video-unscramble-shell,.strc02-video-sentence-record-shell)>.activity-question-edge-nav.is-video.next{right:calc(var(--video-question-panel-inset) - var(--video-question-arrow-gap) - var(--video-question-arrow-size));left:auto}:is(.wdqu03-video-quiz-shell,.wdbl02-video-word-blank-shell,.stbl02-video-sentence-blank-shell,.stsc02-video-unscramble-shell,.strc02-video-sentence-record-shell)>.activity-question-edge-nav.is-video>.video-activity-page-arrow{width:100%;height:100%}:is(.wdqu03-video-quiz-shell,.wdbl02-video-word-blank-shell,.stbl02-video-sentence-blank-shell,.stsc02-video-unscramble-shell,.strc02-video-sentence-record-shell)>.activity-question-edge-nav.is-video .video-activity-page-arrow-icon{width:32.5516%;height:19.5313%}@media (width<=700px),(height<=500px){:is(.wdqu03-video-quiz-shell,.wdbl02-video-word-blank-shell,.stbl02-video-sentence-blank-shell,.stsc02-video-unscramble-shell,.strc02-video-sentence-record-shell)>.activity-question-edge-nav.is-video{--video-question-arrow-size:min(46px, 7cqw)}}.voca-quiz-counter{background:#fff8e6;border:clamp(4px,.55cqw,7px) solid #ff9bb9;width:clamp(76px,9.15cqw,118px);min-width:0;height:clamp(42px,9.3cqh,67px);min-height:0;padding:0 clamp(7px,.8cqw,10px);top:11.1%;right:9.1%}.voca-quiz-prompt{z-index:4;aspect-ratio:1;background:snow;border-radius:clamp(10px,1.25cqw,16px);place-items:center;width:33.75%;display:grid;position:absolute;top:20%;left:10.55%;overflow:hidden}.voca-quiz-prompt img{object-fit:cover;width:100%;height:100%}.voca-quiz-prompt>.voca-quiz-fit-text{color:#141414;letter-spacing:0;text-align:center;width:88%;max-width:88%;font-size:clamp(30px,5cqw,64px);font-weight:900;line-height:1;display:block}.voca-quiz-fit-text{white-space:nowrap;overflow-wrap:normal;word-break:normal;text-overflow:clip;min-width:0;overflow:hidden}.voca-quiz-sound-button{width:clamp(58px,9.375cqw,120px)}.voca-quiz-options{z-index:5;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute}.voca-quiz-options.is-text{gap:24px 20px;width:40%;height:27.78%;top:36.11%;left:49.06%}.voca-quiz-options.is-image{aspect-ratio:1;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;width:30.625%;height:auto;top:22.22%;left:53.75%}.voca-quiz-option{color:#141414;touch-action:manipulation;background:#fff;border:2px solid #eee;border-radius:clamp(9px,1.25cqw,16px);place-items:center;min-width:0;min-height:0;padding:0;transition:transform .16s,border-color .16s,background .16s;display:grid;overflow:hidden;box-shadow:inset 0 -6px #00000014}.voca-quiz-option:hover:not(:disabled){transform:translateY(-2px)}.voca-quiz-option .voca-quiz-fit-text{box-sizing:border-box;letter-spacing:0;text-align:center;width:90%;max-width:90%;padding-block:.12em;font-size:clamp(15px,2.5cqw,32px);font-weight:800;line-height:1.2;display:block;overflow:visible}.voca-quiz-options.is-text .voca-quiz-option{overflow:visible}.voca-quiz-option img{aspect-ratio:1;object-fit:cover;width:100%;height:100%}.voca-quiz-options.is-image .voca-quiz-option{aspect-ratio:1;border:3px solid #e5f3fe;width:100%;height:100%;box-shadow:0 5px 12px #1319271f,0 8px 26px #1319271a}.voca-quiz-option.is-selected,.voca-quiz-option.is-correct{background:#ffce1f;border-color:#ffb11f;box-shadow:inset 0 -6px #ffb11f}.voca-quiz-option.is-wrong{background:#ffd6dc;border-color:#ff8f9f}.voca-quiz-spelling-content{z-index:4;grid-template-columns:minmax(0,45.76%) minmax(0,1fr);align-items:center;gap:6.78%;width:73.75%;height:60%;display:grid;position:absolute;top:20%;left:13.125%}.voca-quiz-spelling-media{aspect-ratio:1;background:snow;border-radius:clamp(10px,1.25cqw,16px);width:100%;position:relative;overflow:hidden}.voca-quiz-spelling-media>img{object-fit:cover;width:100%;height:100%}.voca-quiz-spelling-sound-button{position:absolute;top:4.63%;left:4.63%}.voca-quiz-spelling-question{flex-direction:column;justify-content:center;align-items:center;gap:min(18.3cqh,132px);width:100%;min-width:0;height:100%;display:flex;position:relative}.voca-quiz-spelling-word{justify-content:center;align-items:center;gap:var(--voca-quiz-spelling-gap,clamp(8px, 1.25cqw, 16px));color:#1f1f1f;max-width:100%;font-size:var(--voca-quiz-spelling-font-size,clamp(22px, 3.125cqw, 40px));white-space:nowrap;font-weight:650;line-height:1;display:inline-flex}.voca-quiz-spelling-letter{min-width:0;height:var(--voca-quiz-spelling-blank-size,clamp(28px, 3.75cqw, 48px));color:inherit;text-transform:lowercase;justify-content:center;align-items:center;display:inline-flex}.voca-quiz-spelling-letter.is-blank{width:var(--voca-quiz-spelling-blank-size,clamp(28px, 3.75cqw, 48px));border-bottom:clamp(2px,.23cqw,3px) solid #ffce1f;flex:none}.voca-quiz-spelling-letter.is-filled{width:auto}.voca-quiz-spelling-letter.is-blank.is-wrong{color:#e84c63;border-bottom-color:#e84c63}.voca-quiz-spelling-word.is-complete .voca-quiz-spelling-letter{color:#1f1f1f}.voca-quiz-spelling-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2.5cqw,32px);width:100%;display:grid}.voca-quiz-spelling-options .renewal-option-button{aspect-ratio:1;text-transform:lowercase;min-height:0;padding:0;font-size:clamp(22px,3.125cqw,40px)}.voca-quiz-spelling-option-text{box-sizing:border-box;width:90%;max-width:90%;color:inherit;font-size:inherit;font-weight:inherit;text-align:center;white-space:nowrap;padding-block:.12em;line-height:1.2;display:block;overflow:visible}.word-blank-renewal-shell{background-color:#afe83e;background-image:url(/assets/word-blank-background-33_-Prks.png)}.word-blank-counter{color:#704477;background:#b968dc;border-radius:18px 18px 0 0;min-width:140px;top:5.1%;left:50%;transform:translate(-50%)}.word-blank-counter strong{color:#fff}.word-blank-renewal-content{z-index:4;grid-template-columns:minmax(0,45.76%) minmax(0,1fr);align-items:center;gap:6.78%;width:73.75%;height:60%;display:grid;position:absolute;top:20%;left:13.125%}.word-blank-renewal-media{aspect-ratio:1;background:#fff;border-radius:clamp(10px,1.25cqw,16px);width:100%;position:relative;overflow:hidden}.word-blank-renewal-media>img{object-fit:cover;width:100%;height:100%}.word-blank-sound-button{position:absolute;top:4.63%;left:4.63%}.word-blank-renewal-question{flex-direction:column;justify-content:center;align-items:center;gap:min(18.3cqh,132px);height:100%;display:flex;position:relative}.word-blank-renewal-word{color:#252525;letter-spacing:0;white-space:nowrap;justify-content:center;align-items:center;gap:min(.9375cqw,12px);min-width:0;font-size:min(3.125cqw,40px);font-weight:750;line-height:1;display:inline-flex}.renewal-blank{aspect-ratio:1;color:#252525;background:#fffbeb;border:min(.15625cqw,2px) dashed #ffbe17;border-radius:min(1.25cqw,16px);flex:none;place-items:center;width:2.2em;font-weight:800;display:inline-grid}.renewal-blank.is-correct{background:#ffce1f;border-style:solid;border-color:#ffb11f}.renewal-blank.is-wrong{background:#ffd6dc;border-style:solid;border-color:#ff8f9f}.word-blank-renewal-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:min(2.5cqw,32px);width:100%;font-size:min(3.125cqw,40px);display:grid}.word-blank-renewal-options .renewal-option-button{aspect-ratio:1;min-height:0;font-size:inherit;text-transform:lowercase;border-width:min(.15625cqw,2px);border-radius:min(1.25cqw,16px);padding:0}.matching-renewal-shell{background-color:#33297b;background-image:url(/metaon-assets/activity/figma-renewal/matching-space.png)}.matching-renewal-score,.matching-renewal-timer{z-index:6;color:#fff;letter-spacing:0;background:#151944;border-radius:999px;justify-content:center;align-items:center;gap:16px;min-height:clamp(40px,8.89cqh,64px);padding:0 22px;font-size:clamp(18px,2.5cqw,32px);line-height:1;display:flex;position:absolute;top:8.5%}.matching-renewal-score{justify-content:flex-start;min-width:200px;left:11.72%}.matching-renewal-score svg{fill:#ffce1f;color:#ffce1f;width:42px;height:42px}.matching-renewal-timer{min-width:200px;right:11.41%}.matching-renewal-timer svg{color:#ff9d35}.matching-renewal-timer.is-expired{background:#b8324d}.matching-renewal-timer.activity-timer-image-badge{width:clamp(132px,15.94cqw,204px);min-width:0;min-height:0;box-shadow:none;background:0 0;border-radius:0;padding:0}.matching-renewal-timer.activity-timer-image-badge.is-expired{filter:saturate(.5);background:0 0}.matching-renewal-board{--matching-row-gap:min(28px, 3.88889cqh);z-index:4;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:min(28px,2.1875cqw);width:77.18%;height:71.1%;display:grid;position:absolute;top:20.7%;left:11.41%}.matching-renewal-column{--matching-row-height:min(80px, calc((100% - (var(--matching-row-count,5) - 1) * var(--matching-row-gap)) / var(--matching-row-count,5)));grid-template-rows:repeat(var(--matching-row-count,5), minmax(0, var(--matching-row-height)));align-content:center;gap:var(--matching-row-gap);min-width:0;height:100%;min-height:0;display:grid}.matching-renewal-slot{min-width:0;min-height:0;display:grid}.matching-renewal-card{color:#252525;letter-spacing:0;overflow-wrap:anywhere;perspective:900px;background:#fff;border:2px solid #eee;border-radius:clamp(9px,1.25cqw,16px);place-items:center;min-width:0;min-height:0;padding:0 18px;font-size:clamp(16px,2.5cqw,32px);font-weight:750;line-height:1;display:grid;box-shadow:inset 0 -6px #00000014}.matching-renewal-card-flip{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;place-items:center;display:grid;position:relative}.matching-renewal-card-face{backface-visibility:hidden;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.matching-renewal-card-face.is-back{opacity:0;overflow-wrap:anywhere;padding:0 6px;font-size:clamp(13px,2.2cqw,28px);line-height:1.1;transform:rotateY(180deg)}.matching-renewal-card.is-wrong-flipping .matching-renewal-card-flip{animation:1.1s ease-in-out both matching-card-wrong-flip}.matching-renewal-card.is-wrong-flipping .matching-renewal-card-face.is-front{animation:1.1s linear both matching-card-front-face}.matching-renewal-card.is-wrong-flipping .matching-renewal-card-face.is-back{animation:1.1s linear both matching-card-back-face}.matching-renewal-card.is-exiting,.matching-renewal-card.is-entering{pointer-events:none}.matching-renewal-card.is-english.is-exiting{animation:.32s cubic-bezier(.4,0,1,1) forwards matching-card-slide-out-left}.matching-renewal-card.is-meaning.is-exiting{animation:.32s cubic-bezier(.4,0,1,1) forwards matching-card-slide-out-right}.matching-renewal-card.is-english.is-entering{animation:.36s cubic-bezier(0,0,.2,1) both matching-card-slide-in-left}.matching-renewal-card.is-meaning.is-entering{animation:.36s cubic-bezier(0,0,.2,1) both matching-card-slide-in-right}@keyframes matching-card-wrong-flip{0%,12%{transform:rotateY(0)}32%,68%{transform:rotateY(180deg)}88%,to{transform:rotateY(360deg)}}@keyframes matching-card-front-face{0%,20%{opacity:1}30%,70%{opacity:0}80%,to{opacity:1}}@keyframes matching-card-back-face{0%,20%{opacity:0}30%,70%{opacity:1}80%,to{opacity:0}}@keyframes matching-card-slide-out-left{0%{transform:translate(0)}to{transform:translate(-180%)}}@keyframes matching-card-slide-out-right{0%{transform:translate(0)}to{transform:translate(180%)}}@keyframes matching-card-slide-in-left{0%{transform:translate(-180%)}to{transform:translate(0)}}@keyframes matching-card-slide-in-right{0%{transform:translate(180%)}to{transform:translate(0)}}.matching-renewal-card .uniform-choice-text{width:100%;max-width:100%}.matching-renewal-card.selected,.matching-renewal-card.matched{background:#ffce1f;border-color:#ffb11f;box-shadow:inset 0 -6px #ffb11f}.matching-renewal-card.matched{opacity:.78}.matching-renewal-card.is-wrong{color:#fff;background:#f43b55;border-color:#ef334e;box-shadow:inset 0 -6px #d92740}.matching-renewal-card.is-correct{color:#163c20;background:#56ef75;border-color:#42d86a;box-shadow:inset 0 -6px #35c75c}.memory-renewal-shell{background-color:#332879;background-image:url(/assets/memory-background-Co1W7C7b.png)}.memory-round-label{z-index:7;color:#fff;background:#141542a8;border-radius:999px;padding:7px 13px;font-size:clamp(11px,1.25cqw,16px);font-weight:900;position:absolute;top:3%;left:clamp(84px,9.375cqw,120px)}.memory-round-timer{z-index:7;color:#fff;background:#63d336;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-width:clamp(124px,15.6cqw,200px);min-height:clamp(36px,7.2cqh,52px);padding:0 18px;font-size:clamp(16px,2.5cqw,32px);line-height:1;display:inline-flex;position:absolute;top:3.4%;left:50%;transform:translate(-50%)}.memory-round-timer svg{color:#ff5f69}.memory-round-timer.is-urgent{background:#ff5364;animation:.7s ease-in-out infinite renewal-timer-urgent}.memory-round-timer.activity-timer-image-badge{width:clamp(132px,15.94cqw,204px);min-width:0;min-height:0;box-shadow:none;background:0 0;border-radius:0;padding:0}.memory-round-timer.activity-timer-image-badge.is-urgent,.memory-round-timer.activity-timer-image-badge>strong,.memory-round-timer.activity-timer-image-badge.is-urgent>strong{background:0 0}.memory-hint-guide{z-index:7;pointer-events:none;flex-direction:column;align-items:center;width:min(132px,13cqw);display:flex;position:absolute;bottom:max(72px,12.2%);right:3.7%}.memory-hint-button{aspect-ratio:132/78;color:#fff;width:100%;min-height:44px;box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;flex-shrink:0;padding:0;display:block;position:relative}.memory-hint-button .activity-hint-image{width:100%;height:100%}@media (width<=520px){.memory-round-timer{top:max(64px,9%)}}.memory-renewal-grid{--memory-card-size:min(15.625cqw, 27.78cqh);--memory-gap:min(1.25cqw, 2.22cqh);z-index:5;grid-template-columns:repeat(var(--memory-columns), var(--memory-card-size));grid-template-rows:repeat(var(--memory-rows), var(--memory-card-size));gap:var(--memory-gap);display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.memory-renewal-card{perspective:none;touch-action:manipulation;background:0 0;border:0;border-radius:clamp(8px,1.25cqw,16px);min-width:0;min-height:0;padding:0;position:relative}.memory-renewal-card-front,.memory-renewal-card-back{border-radius:inherit;transform-style:flat;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.memory-renewal-card-back{opacity:1;background:#5140cf;border:clamp(4px,.625cqw,8px) solid #dfddee;transition:transform .18s ease-out .18s,opacity 0s linear .18s;transform:scaleX(1)}.memory-renewal-card-back img{object-fit:contain;width:110%;height:110%}.memory-renewal-card-front{opacity:0;background:#fafafa;border:clamp(4px,.625cqw,8px) solid #fff0dd;transition:transform .18s ease-in,opacity 0s linear .18s;transform:scaleX(0);box-shadow:0 0 18px #fff0ddbd}.memory-renewal-card-front img{object-fit:contain;width:100%;height:100%}.memory-renewal-card-front strong{color:#141414;letter-spacing:0;white-space:nowrap;overflow-wrap:normal;word-break:normal;width:88%;min-width:0;max-width:88%;font-size:clamp(17px,3.125cqw,40px);font-weight:850;line-height:1.05;display:block;overflow:hidden}.memory-renewal-card.open .memory-renewal-card-back{opacity:0;transition:transform .18s ease-in,opacity 0s linear .18s;transform:scaleX(0)}.memory-renewal-card.open .memory-renewal-card-front{opacity:1;transition:transform .18s ease-out .18s,opacity 0s linear .18s;transform:scaleX(1)}.memory-renewal-card.matched .memory-renewal-card-front{border-color:#a7e259;box-shadow:0 0 0 4px #a7e25957,0 0 18px #a7e25994}.sentence-blank-renewal-shell{background-color:#b6bfd4;background-image:url(/metaon-assets/activity/figma-renewal/sentence-blank-lab.png)}.unscramble-renewal-shell{background-color:#33297b;background-image:url(/metaon-assets/activity/figma-renewal/unscramble-space.png)}.sentence-renewal-panel{z-index:4;background:#fff;border:clamp(6px,.78cqw,10px) solid #0000001a;border-radius:clamp(14px,1.875cqw,24px);width:78.125%;height:91.11%;position:absolute;top:5.14%;left:10.94%;overflow:hidden}.sentence-renewal-counter{background:#e5e5e5;border-radius:999px;top:2.5%;right:2.5%}.sentence-renewal-sound-button{z-index:4;isolation:isolate;position:absolute;top:10%;left:50%;overflow:visible;transform:translate(-50%)}.sentence-renewal-sound-button:hover:not(:disabled){transform:translate(-50%,-2px)}.sentence-renewal-question{color:#141414;text-align:center;place-items:center;min-height:30%;display:grid;position:absolute;top:30%;left:5%;right:5%}.sentence-renewal-question p{letter-spacing:0;text-wrap:balance;max-width:100%;margin:0;font-size:min(2.5cqw,32px);font-weight:750;line-height:1.62}.sentence-renewal-question p>span:not(.renewal-sentence-blank)+.renewal-sentence-blank,.sentence-renewal-question .renewal-sentence-blank+span:not(.is-punctuation){margin-left:.1875em}.renewal-sentence-blank{vertical-align:middle;background:#fffbeb;border:min(.15625cqw,2px) dashed #ffbe17;border-radius:.5em;justify-content:center;align-items:center;width:6.25em;min-height:2em;line-height:1;display:inline-flex}.renewal-sentence-blank.is-correct{background:#ffce1f;border-style:solid;border-color:#ffb11f}.renewal-sentence-blank.is-wrong{background:#ffd6dc;border-style:solid;border-color:#ff8f9f}.sentence-renewal-options{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:min(1.67cqh,18px) min(1.875cqw,24px);width:min(91%,760px);font-size:min(2.5cqw,32px);display:grid;position:absolute;bottom:10.5%;left:50%;transform:translate(-50%)}.sentence-renewal-options .renewal-option-button{width:100%;height:min(8.88889cqh,64px);min-height:0;font-size:inherit;border-width:min(.15625cqw,2px);border-radius:min(1.25cqw,16px);padding:0 min(2cqw,26px)}.sentence-blank-option-text{box-sizing:border-box;width:90%;min-width:0;max-width:90%;color:inherit;font-size:inherit;letter-spacing:0;text-align:center;white-space:nowrap;overflow-wrap:normal;word-break:normal;text-overflow:clip;padding-block:.12em;font-weight:800;line-height:1.2;display:block;overflow:visible}.unscramble-renewal-workspace{grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr);gap:min(1.1cqh,13px);min-height:0;display:grid;position:absolute;inset:27% 4% 10%}.unscramble-renewal-sentence{color:#141414;letter-spacing:0;text-align:center;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;flex-wrap:wrap;place-content:center;align-items:center;gap:min(.78cqw,10px);min-width:0;min-height:0;padding:min(1.1cqh,13px) min(1.25cqw,16px);font-size:min(2.03125cqw,26px);font-weight:750;line-height:1.5;display:flex;overflow:hidden auto}.unscramble-renewal-sentence .is-punctuation{margin-left:calc(-1*min(.78cqw,10px))}.unscramble-renewal-slot{background:#fffbeb;border:min(.15625cqw,2px) dashed #ffbe17;border-radius:min(1cqw,13px);justify-content:center;align-items:center;min-width:min(7.1cqw,91px);min-height:min(7.1cqh,51px);padding:0 min(1.5cqw,19px);line-height:1;display:inline-flex}.unscramble-renewal-slot.is-filled{background:#ffce1f;border-style:solid;border-color:#ffb11f}.memory-hint-astronaut{pointer-events:none;width:72%;height:auto;margin-top:-4%;display:block}.unscramble-renewal-slot.is-correct{color:#163c20;background:#56ef75;border-color:#35c75c}.unscramble-renewal-slot.is-wrong{color:#fff;background:#f43b55;border-color:#d92740}.unscramble-renewal-bank{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;border-top:2px solid #0000;flex-wrap:wrap;place-content:flex-start center;gap:min(1cqw,13px);min-width:0;min-height:0;padding:min(1.4cqh,16px) min(1.25cqw,16px);font-size:min(2.03125cqw,26px);display:flex;overflow:hidden auto}.unscramble-renewal-shell:not(.stsc02-video-unscramble-shell) .unscramble-renewal-workspace{grid-template-rows:27% minmax(0,.9fr) min(1.1cqh,13px) minmax(0,1.1fr) 10%;grid-template-columns:minmax(0,1fr);gap:0;inset:0}.unscramble-renewal-shell:not(.stsc02-video-unscramble-shell) .unscramble-renewal-workspace:before{content:"";pointer-events:none;background:linear-gradient(#f4f2ffc7,#ecf1fff5);border-top:2px solid #5c4daa3d;grid-area:4/1/6/2}.unscramble-renewal-shell:not(.stsc02-video-unscramble-shell) .unscramble-renewal-sentence,.unscramble-renewal-shell:not(.stsc02-video-unscramble-shell) .unscramble-renewal-bank{grid-column:1;margin-inline:4%}.unscramble-renewal-shell:not(.stsc02-video-unscramble-shell) .unscramble-renewal-sentence{grid-row:2}.unscramble-renewal-shell:not(.stsc02-video-unscramble-shell) .unscramble-renewal-bank{grid-row:4}.unscramble-renewal-bank .renewal-option-button{height:min(7.1cqh,51px);min-height:0;font-size:inherit;border-width:min(.15625cqw,2px);border-radius:min(1cqw,13px);flex:0 auto;padding:0 min(1.6cqw,21px);box-shadow:inset 0 -5px #00000014}.unscramble-renewal-bank .uniform-choice-text{width:100%;max-width:100%}.sentence-record-renewal-shell{background-color:#33287e;background-image:url(/metaon-assets/activity/figma-renewal/sentence-record-space.png)}.sentence-record-renewal-panel{z-index:4;background:#fff;border:clamp(6px,.78cqw,10px) solid #7367c0;border-radius:clamp(12px,1.25cqw,16px);position:absolute;inset:8.4% 10.15%;overflow:hidden}.sentence-record-renewal-panel.is-empty{place-items:center;display:grid}.sentence-record-meta{z-index:3;align-items:center;gap:12px;display:flex;position:absolute;top:5%;left:3.2%}.sentence-record-meta>span{color:#4b4b4b;letter-spacing:0;white-space:nowrap;background:#f5f5f5;border:1px solid #e1e1e1;border-radius:8px;align-items:center;gap:5px;min-height:34px;padding:0 13px;font-size:16px;font-weight:500;line-height:1;display:inline-flex}.sentence-record-meta svg{color:#0d8bd1;stroke-width:3px;width:16px;height:16px}.sentence-record-meta>span+span svg{color:#ff7d32}.sentence-record-counter{color:#4b4b4b;background:#e5e5e5;border-radius:999px;top:5%;right:3.2%}.sentence-record-prompt{z-index:2;color:#141414;letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;min-height:clamp(42px,8cqh,64px);font-size:32px;font-weight:700;line-height:1.625;display:block;position:absolute;top:45%;left:8%;right:8%;transform:translateY(-50%)}.sentence-record-prompt.is-wrapped{text-align:left}.sentence-record-blank{width:clamp(88px, calc((var(--sentence-record-blank-length) * .75em) + 44px), 240px);vertical-align:middle;background:#fffbeb;border:2px dashed #ffbe17;border-radius:clamp(10px,1.25cqw,16px);min-height:clamp(42px,8cqh,64px);display:inline-block}.sentence-record-media{--sentence-record-control-size:clamp(48px, 8cqh, 64px);z-index:3;height:var(--sentence-record-control-size);position:absolute;bottom:13.5%;left:10%;right:10%}.sentence-record-track{background:#eeeff1;border-radius:999px;width:100%;height:100%;position:relative;overflow:visible}.sentence-record-progress{z-index:1;min-width:var(--sentence-record-control-size);background:#bbe5a4;border-radius:999px;transition:width .16s linear,background-color .18s;position:absolute;inset:0 auto 0 0}.sentence-record-media.is-record-ready .sentence-record-progress,.sentence-record-media.is-recording .sentence-record-progress{background:#f0aba8}.sentence-record-media.is-review .sentence-record-progress{background:#7ec8fb}.sentence-record-main-control{z-index:4;width:var(--sentence-record-control-size);height:var(--sentence-record-control-size);aspect-ratio:1;color:#fff;touch-action:manipulation;background:#65d335;border:0;border-radius:50%;place-items:center;min-height:0;padding:0;transition:transform .16s,filter .16s,background-color .18s;display:grid;position:absolute;top:0;left:0;box-shadow:inset 0 -6px #00000021}.sentence-record-main-control:hover{filter:brightness(1.06);transform:none}.sentence-record-media.is-record-ready .sentence-record-main-control,.sentence-record-media.is-recording .sentence-record-main-control{background:#ff6269}.sentence-record-media.is-review .sentence-record-main-control{background:#079cec}.sentence-record-main-control>svg{width:43%;height:43%}.sentence-record-main-control .activity-listening-image{width:100%;height:100%}.sentence-record-main-control.is-playing{animation:.9s ease-in-out infinite sentence-record-control-pulse}.sentence-record-status-label{z-index:5;color:#f7f9fb;letter-spacing:0;white-space:nowrap;background:#191c1e;border-radius:8px;align-items:center;min-height:49px;padding:0 16px;font-size:clamp(16px,1.875cqw,24px);font-weight:500;line-height:1;display:inline-flex;position:absolute;bottom:calc(100% + 18px);left:0}.sentence-record-status-label:after{content:"";background:#191c1e;width:14px;height:14px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.sentence-record-step-check{z-index:5;aspect-ratio:1;color:#fff;opacity:.72;background:#6851f5;border-radius:50%;place-items:center;width:clamp(36px,6cqh,48px);transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:calc(100% + 12px);right:0}.sentence-record-step-check.is-complete{opacity:1;transform:scale(1.06)}.sentence-record-step-check svg{stroke-width:4px;width:55%;height:55%}.sentence-record-waveform{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:3px;display:flex;position:absolute;inset:22% 9% 22% 13%;overflow:hidden}.sentence-record-waveform i{width:4px;height:var(--bar-height);min-height:4px;animation:.62s ease-in-out infinite alternate sentence-record-wave;animation-delay:calc(var(--bar-index) * -31ms);transform-origin:50%;background:#fb5b7d;border-radius:999px;flex:0 4px}.sentence-record-error{color:#bb2b3c;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:13px;font-weight:700;line-height:1.2;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.sentence-record-renewal-panel>audio{display:none}.activity-layout:has(.figma-renewal-shell) .hub-activity-complete-button{bottom:8px;right:40px}@keyframes renewal-sound-pulse{0%,to{box-shadow:0 7px #3d2abb,0 0 #6547f566}50%{box-shadow:0 7px #3d2abb,0 0 0 12px #6547f500}}@keyframes renewal-timer-urgent{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}@keyframes sentence-record-wave{0%{transform:scaleY(.42)}to{transform:scaleY(1)}}@keyframes sentence-record-control-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.14)}}@media (width<=700px),(height<=500px){.sentence-blank-renewal-shell>.activity-question-edge-nav.previous,.unscramble-renewal-shell>.activity-question-edge-nav.previous,.sentence-record-renewal-shell>.activity-question-edge-nav.previous{left:1%}.sentence-blank-renewal-shell>.activity-question-edge-nav.next,.unscramble-renewal-shell>.activity-question-edge-nav.next,.sentence-record-renewal-shell>.activity-question-edge-nav.next{right:1%}.renewal-feedback{padding:4px 10px;bottom:2%}.voca-quiz-options.is-text{gap:10px 8px}.voca-quiz-options.is-image{gap:8px}.word-blank-counter{min-width:88px}.word-blank-renewal-question{gap:12cqh}.matching-renewal-board{--matching-row-gap:min(12px, 3.88889cqh);column-gap:min(12px,2.1875cqw)}.matching-renewal-score,.matching-renewal-timer{gap:7px;min-width:116px;padding:0 12px}.matching-renewal-score svg{width:24px;height:24px}.memory-hint-button{padding:0}.sentence-renewal-panel{border-width:5px}.sentence-renewal-question{top:27%}.sentence-record-renewal-panel{border-width:5px;inset:6% 8%}.sentence-record-meta{gap:6px;top:3%;left:3%}.sentence-record-meta>span{min-height:27px;padding:0 8px;font-size:12px}.sentence-record-counter{top:3%;right:3%}.sentence-record-prompt{top:44%;left:6%;right:6%}.sentence-record-blank{width:clamp(72px, calc((var(--sentence-record-blank-length) * .65em) + 28px), 180px)}.sentence-record-media{bottom:10%;left:9%;right:9%}.sentence-record-status-label{min-height:36px;padding:0 12px;bottom:calc(100% + 10px)}.sentence-record-step-check{bottom:calc(100% + 8px)}.sentence-renewal-options,.unscramble-renewal-workspace{bottom:8%}.unscramble-renewal-workspace{grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr);gap:min(.833333cqh,6px);top:25%}.unscramble-renewal-shell:not(.stsc02-video-unscramble-shell) .unscramble-renewal-workspace{grid-template-rows:25% minmax(0,.85fr) min(.833333cqh,6px) minmax(0,1.15fr) 8%}.activity-layout:has(.figma-renewal-shell) .hub-activity-complete-button{bottom:6px;right:10px}}.word-choice-shell{align-items:stretch}.word-choice-main{align-content:start;gap:14px;min-width:0;display:grid}.word-choice-main>button{color:#fff;background:#0e9ec3;border-radius:7px;width:fit-content;min-height:38px;padding:0 14px;font-weight:900}.word-choice-main>button:disabled{opacity:.45}.word-blank-shell{align-items:stretch}.word-blank-meaning{color:#124c64;background:#ffffffe0;border:1px solid #d7e9ee;border-radius:8px;padding:12px 14px;font-size:18px;line-height:1.25;display:block}.word-blank-word{background:#fffdf4eb;border:1px solid #f8c348db;border-radius:8px;flex-wrap:wrap;align-items:center;gap:9px;min-height:96px;padding:18px;display:flex}.word-blank-letter{color:#124c64;text-transform:lowercase;border-bottom:4px solid #0e9ec3;place-items:center;width:42px;height:54px;font-size:31px;font-weight:900;line-height:1;display:grid}.word-blank-letter.blank{color:#e05b4f;background:#fff;border:2px solid #f8c348;border-bottom-width:5px;border-radius:7px}.letter-answer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.letter-answer-grid .answer{text-transform:lowercase;min-height:68px;font-size:30px}.sound-prompt{color:#0f5d85;align-content:center;place-items:center;gap:10px;min-height:260px;display:grid}.sound-prompt strong{font-size:28px}.spelling-shell{max-width:760px}.spelling-prompt{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid}.spelling-prompt img{aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid #d7e9ee;border-radius:8px;width:100%}.spelling-prompt strong{color:#124c64;margin-bottom:12px;font-size:24px;line-height:1.2;display:block}.spelling-prompt audio,.spelling-shell input{width:100%}.spelling-shell input{color:#183038;border:1px solid #bdd9e2;border-radius:8px;min-height:54px;padding:0 16px;font-size:24px;font-weight:800}.letter-slots{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.letter-slots span{color:#124c64;text-transform:uppercase;border-bottom:3px solid #0e9ec3;place-items:center;width:34px;height:40px;font-size:22px;font-weight:900;display:grid}.undersea-shell{min-width:0;min-height:0;display:grid}.undersea-board{--undersea-pan:0%;background-image:linear-gradient(#062d350d,#03232d24),url(/metaon-assets/unity-undersea/Img_bg.PNG);background-position:center, calc(50% + var(--undersea-pan)) 50%;touch-action:none;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;background-size:cover,auto 118%;border:1px solid #5ba4b1bf;border-radius:8px;min-width:0;min-height:520px;transition:background-position .12s linear;position:relative;overflow:hidden;box-shadow:inset 0 -32px 64px #02181f61,0 18px 34px #00172038}.undersea-board:before,.undersea-board:after{content:"";pointer-events:none;position:absolute}.undersea-board:before{opacity:0;z-index:1;background:0 0;inset:0}.undersea-board:after{z-index:2;background:linear-gradient(#b4f5f81f,#0000 35%,#00121633);inset:0}.undersea-current-word{z-index:3;background:#ffffffdb;border:1px solid #ffffffb8;border-radius:8px;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 36px);padding:10px 14px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 28px #0028382e}.undersea-current-word span{color:#07384b;text-transform:lowercase;border-bottom:4px solid #0e9ec3;place-items:center;width:38px;height:46px;font-size:28px;font-weight:900;line-height:1;display:grid}.undersea-current-word span.blank{color:#e15d4f;background:#fff;border:2px solid #ffdf6a;border-bottom-width:5px;border-radius:7px}.undersea-current-word span.blank:not(.filled):before{content:"_";color:#6c8992}.undersea-current-word span.filled{background:#fff7d8}.undersea-hint-card{z-index:4;width:min(182px,28%);position:absolute;top:24px;left:24px}.undersea-image-button{cursor:pointer;background:#fff;border:3px solid #ffffffb8;border-radius:8px;width:100%;padding:0;display:block;position:relative;box-shadow:0 16px 30px #00232e38}.undersea-image-button .undersea-word-image,.undersea-image-button .resource-missing{aspect-ratio:1;object-fit:contain;border-radius:5px;width:100%;min-height:0}.undersea-sound-badge{color:#fff;background:#0e9ec3;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 8px 18px #073f533d}.undersea-sound-badge img{width:100%;height:100%;display:block}.undersea-bubble{z-index:5;color:#093244;text-transform:lowercase;text-shadow:0 2px #ffffffa6;width:90px;height:90px;box-shadow:none;cursor:pointer;background:url(/metaon-assets/unity-undersea/bubble_soap.png) 50%/contain no-repeat;border:0;place-items:center;font-size:34px;font-weight:900;line-height:1;animation:3.6s ease-in-out infinite undersea-bob;display:grid;position:absolute;transform:translate(-50%,-50%)}.undersea-bubble.tone-2{filter:hue-rotate(18deg);animation-delay:-.4s}.undersea-bubble.tone-3{filter:hue-rotate(42deg);animation-delay:-.9s}.undersea-bubble.tone-4{filter:hue-rotate(72deg);animation-delay:-1.3s}.undersea-bubble.tone-5{filter:hue-rotate(112deg);animation-delay:-1.9s}.undersea-fish{z-index:6;pointer-events:none;filter:drop-shadow(0 18px 18px #00141a6b);width:128px;height:92px;transition:left 80ms linear,top 80ms linear;position:absolute;transform:translate(-50%,-50%)}.undersea-fish img{object-fit:contain;width:100%;height:100%;transform:scaleX(var(--undersea-fish-facing,1));transition:transform .12s;display:block}.undersea-status-panel{z-index:7;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 36px);padding:8px 10px;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 14px 28px #00232e33}.undersea-status-panel span,.undersea-status-panel strong{white-space:nowrap;font-size:13px;font-weight:900}.undersea-status-panel button{color:#fff;cursor:pointer;background:#0e9ec3;border:0;border-radius:999px;align-items:center;gap:5px;min-height:34px;padding:0 11px;font-size:13px;font-weight:900;display:inline-flex}.undersea-status-panel button:disabled{opacity:.45;cursor:default}@keyframes undersea-bob{0%,to{margin-top:-4px}50%{margin-top:8px}}.matching-shell,.memory-shell{gap:16px;display:grid}.matching-shell{grid-template-columns:minmax(0,1fr) minmax(260px,.78fr);align-items:start}.matching-column,.memory-grid{gap:12px;display:grid}.image-column{grid-template-columns:repeat(3,minmax(0,1fr))}.word-column{grid-template-columns:1fr}.matching-card,.matching-word,.memory-tile{color:#173640;background:#ffffffeb;border:2px solid #d7e9ee;border-radius:8px;min-width:0;transition:border-color .15s,transform .15s,background .15s}.matching-card,.memory-tile{aspect-ratio:1;padding:10px}.matching-card img,.memory-tile img{object-fit:contain;width:100%;height:100%}.matching-word{text-align:left;justify-items:start;gap:2px;min-height:58px;padding:10px 14px;display:grid}.matching-word strong{font-size:18px;line-height:1.1}.matching-word span{color:#5a7480;overflow-wrap:anywhere;font-size:13px;font-weight:800}.matching-card.selected,.matching-word.selected{border-color:#fb7356;box-shadow:0 0 0 3px #fb735633}.matching-card.matched,.matching-word.matched,.memory-tile.matched{opacity:.72;background:#e8f8ee;border-color:#5cc57b}.matching-status{color:#284d58;background:#ffffffd1;border:1px solid #d7e9ee;border-radius:8px;grid-column:1/-1;align-items:center;gap:14px;min-height:52px;padding:10px 14px;font-weight:900;display:flex}.matching-status .success-text,.matching-status .error-text{margin:0}.memory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.memory-tile{place-items:center;min-height:104px;display:grid}.memory-tile strong{color:#fff;background:#0e9ec3;border-radius:50%;place-items:center;width:42px;height:42px;font-size:26px;display:grid}.memory-tile span{color:#124c64;overflow-wrap:anywhere;font-size:18px;font-weight:900;line-height:1.15}.memory-tile.open{background:#fffdf4;border-color:#f8c348}.word-puzzle-shell,.word-search-shell,.peeling-word-shell{gap:16px;display:grid}.word-puzzle-shell,.peeling-word-shell{max-width:820px}.puzzle-prompt{background:#ffffffe0;border:1px solid #d7e9ee;border-radius:8px;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid}.puzzle-prompt img{aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid #d7e9ee;border-radius:8px;width:100%}.puzzle-prompt strong{color:#124c64;margin-bottom:12px;font-size:24px;line-height:1.2;display:block}.puzzle-prompt audio,.peeling-word-shell input{width:100%}.puzzle-answer,.letter-bank{flex-wrap:wrap;gap:10px;display:flex}.puzzle-answer span{color:#124c64;text-transform:uppercase;border-bottom:4px solid #0e9ec3;place-items:center;width:42px;height:48px;font-size:26px;font-weight:900;display:grid}.letter-bank button{color:#173640;text-transform:uppercase;background:#f8c348;border-radius:8px;min-width:48px;min-height:48px;font-size:24px;font-weight:900}.letter-bank button:disabled{opacity:.35}.word-search-shell{grid-template-columns:minmax(0,1fr) minmax(240px,.6fr);align-items:start}.word-search-grid{background:#ffffffe6;border:1px solid #d7e9ee;border-radius:8px;gap:5px;padding:12px;display:grid}.word-search-grid button{aspect-ratio:1;color:#173640;background:#f2fbfd;border-radius:6px;min-width:0;font-size:18px;font-weight:900}.word-search-grid button.selected{color:#fff;background:#fb7356}.word-search-side{background:#ffffffe0;border:1px solid #d7e9ee;border-radius:8px;gap:12px;padding:16px;display:grid}.word-search-side>strong{color:#124c64;font-size:20px}.search-word-list{flex-wrap:wrap;gap:8px;display:flex}.search-word-list span{color:#284d58;background:#edf7fa;border-radius:999px;padding:6px 10px;font-weight:900}.search-word-list span.found{color:#237241;background:#e8f8ee;text-decoration:line-through}.peeling-word{color:#124c64;letter-spacing:6px;text-transform:uppercase;background:#ffffffe6;border:1px solid #d7e9ee;border-radius:8px;place-items:center;min-height:72px;padding:12px 18px;font-size:34px;font-weight:900;display:grid}.peeling-word-shell input{color:#183038;border:1px solid #bdd9e2;border-radius:8px;min-height:54px;padding:0 16px;font-size:24px;font-weight:800}.word-card{background:#f8fdff;border:1px solid #d7e9ee;border-radius:8px;gap:10px;min-width:0;padding:14px;display:grid}.word-card img{aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid #d7e9ee;border-radius:7px;width:100%}.word-card strong,.word-card span,.word-card p{overflow-wrap:anywhere}.word-card strong{font-size:20px}.word-card p{color:#496b76;margin:0}.word-card audio{width:100%;height:36px}.package-quiz{grid-template-columns:320px minmax(0,1fr);align-items:start}.quiz-media{gap:12px;display:grid}.quiz-media img,.write-word-shell img{object-fit:contain;background:#fff;border:1px solid #d7e9ee;border-radius:8px;width:100%;max-height:260px}.quiz-media audio{width:100%}.answer-grid.compact{grid-template-columns:1fr}.flip-shell,.sequence-shell,.write-word-shell{gap:18px;display:grid}.flip-line{background:#fff7df;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:92px;padding:18px;font-size:28px;font-weight:900;display:flex}.flip-line button{color:#11664e;background:#edf9f4;border:2px solid #0fb587;border-radius:8px;min-width:96px;min-height:52px;font-size:24px;font-weight:900}.sequence-images{gap:12px;display:flex;overflow-x:auto}.sequence-images img{object-fit:contain;background:#fff;border:1px solid #d7e9ee;border-radius:8px;max-width:180px;height:120px}.write-word-shell{max-width:460px}.write-word-shell input{border:1px solid #bdd9e2;border-radius:8px;min-height:52px;padding:0 16px;font-size:22px}.wdwr02-unity-write-word-frame{background:0 0;padding:0;display:block;overflow:hidden}.wdwr02-unity-write-word-shell{--wdwr02-notebook-height:min(41cqh, max(30cqh, 202px));--wdwr02-answer-left:clamp(18px, 5.47cqw, 70px);--wdwr02-answer-right:clamp(112px, 15cqw, 190px);--wdwr02-key-gap:clamp(2px, .47cqw, 6px);background-color:#17202b;background-image:linear-gradient(#0000006b,#0000006b),url(/metaon-assets/activity/wdwr02/figma-source/raw-image-3.png);background-position:50% 52%;background-size:cover;position:absolute;inset:0;overflow:hidden;container-type:size}.activity-backdrop-host>.wdwr02-unity-write-word-shell.activity-scene-backdrop{background-position:50% 52%}.wdwr02-unity-write-word-shell>*{z-index:2;position:relative}.wdwr02-unity-write-word-shell .video-activity-page-indicator{z-index:7;position:absolute}.wdwr02-unity-write-word-shell .wdwr02-recognition-error{z-index:8;max-height:calc(100% - var(--wdwr02-notebook-height) - 2cqh);color:#412c0b;text-align:center;overflow-wrap:anywhere;background:#fff7e4;border:1px solid #ffd488;border-radius:8px;padding:clamp(3px,.9cqh,7px) clamp(6px,1cqw,12px);font-size:clamp(10px,2.1cqh,15px);font-weight:700;line-height:1.35;position:absolute;top:1cqh;left:17%;right:17%;overflow:auto;box-shadow:0 2px 8px #0000002e}.wdwr02-unity-write-word-shell>.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}.wdwr02-word-card{z-index:2;width:min(29cqw, 330px, calc(100cqh - var(--wdwr02-notebook-height) - 14cqh));aspect-ratio:1;background:#ffffffeb;border-radius:13px;min-width:0;position:absolute;top:11.5%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 24px #0000004d}.wdwr02-word-card .wdwr02-word-image,.wdwr02-word-card .resource-missing{object-fit:cover;border-radius:inherit;border:0;width:100%;height:100%;max-height:none}.wdwr02-word-card .wdwr02-sound-button{z-index:3;isolation:isolate;width:clamp(28px,5cqw,64px);height:clamp(28px,5cqw,64px);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;top:clamp(6px,1.56cqw,20px);left:clamp(6px,1.56cqw,20px);overflow:visible}.wdwr02-word-card .wdwr02-sound-button .activity-sound-image,.sentence-renewal-panel .sentence-renewal-sound-button .activity-sound-image{z-index:1;object-fit:contain;width:100%;height:100%;position:relative}.wdwr02-word-card .wdwr02-sound-button.is-playing,.sentence-renewal-panel .sentence-renewal-sound-button.is-playing{box-shadow:none;animation:none}.wdwr02-word-card .wdwr02-sound-button.is-playing:before,.sentence-renewal-panel .sentence-renewal-sound-button.is-playing:before{content:"";z-index:0;pointer-events:none;background:0 0;border-radius:50%;width:100%;height:100%;animation:.9s ease-in-out infinite renewal-image-sound-pulse;position:absolute;top:45.4545%;left:49.3507%;transform:translate(-50%,-50%)}@keyframes renewal-image-sound-pulse{0%,to{box-shadow:0 0 #6547f566}50%{box-shadow:0 0 0 12px #6547f500}}.wdwr02-keyboard-toggle{z-index:4;width:clamp(46px,7.81cqw,100px);height:clamp(28px,4.53cqw,58px);min-height:0;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;top:clamp(40px,11.8cqh,85px);right:3%}.wdwr02-keyboard-toggle img{object-fit:contain;width:100%;height:100%}.wdwr02-keyboard-toggle:disabled{opacity:.45}.wdwr02-notebook{--wdwr02-notebook-row-height:calc(var(--wdwr02-notebook-height) / 5);--wdwr02-notebook-line-height:min(2px, calc(var(--wdwr02-notebook-row-height) / 10));--wdwr02-notebook-line-fill:linear-gradient(#79cef1cc, #79cef1cc);z-index:2;height:var(--wdwr02-notebook-height);background-color:#fafafa33;background-image:linear-gradient(90deg, transparent 0 13.5%, #f4708ba6 13.5% calc(13.5% + 2px), transparent calc(13.5% + 2px)), var(--wdwr02-notebook-line-fill), var(--wdwr02-notebook-line-fill), var(--wdwr02-notebook-line-fill), var(--wdwr02-notebook-line-fill);background-size:100% 100%, 100% var(--wdwr02-notebook-line-height), 100% var(--wdwr02-notebook-line-height), 100% var(--wdwr02-notebook-line-height), 100% var(--wdwr02-notebook-line-height);background-position:0 0, 0 calc(var(--wdwr02-notebook-row-height) * 1 - var(--wdwr02-notebook-line-height) / 2), 0 calc(var(--wdwr02-notebook-row-height) * 2 - var(--wdwr02-notebook-line-height) / 2), 0 calc(var(--wdwr02-notebook-row-height) * 3 - var(--wdwr02-notebook-line-height) / 2), 0 calc(var(--wdwr02-notebook-row-height) * 4 - var(--wdwr02-notebook-line-height) / 2);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-repeat:no-repeat;min-height:0;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 24px #00000029}.wdwr02-notebook-binding{--wdwr02-notebook-hole-radius:min(10px, calc(var(--wdwr02-notebook-row-height) / 4));z-index:5;background:radial-gradient(circle var(--wdwr02-notebook-hole-radius) at 28px 50%, #dcd6e1 90%, transparent 100%) 0 0 / 44px var(--wdwr02-notebook-row-height) repeat-y;pointer-events:none;width:44px;position:absolute;top:0;bottom:0;left:0}.wdwr02-drawing-canvas{z-index:2;inset:0 var(--wdwr02-answer-right) 0 var(--wdwr02-answer-left);width:calc(100% - var(--wdwr02-answer-left) - var(--wdwr02-answer-right));cursor:crosshair;touch-action:none;height:100%;position:absolute}.wdwr02-recognized-word{z-index:3;color:#fff;letter-spacing:0;text-align:center;text-overflow:ellipsis;text-shadow:0 3px 8px #00000059;white-space:nowrap;pointer-events:none;max-width:58%;font-family:Comic Sans MS,Segoe Print,cursive;font-size:clamp(24px,9.44cqh,68px);font-weight:700;line-height:1.1;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.wdwr02-notebook.is-fail .wdwr02-recognized-word{color:#ff6d78}.wdwr02-notebook.is-correct .wdwr02-recognized-word{color:#fff;text-shadow:0 0 16px #95ef61d1,0 3px 8px #00000059}.wdwr02-virtual-keyboard{z-index:7;top:clamp(4px,.9cqh,6px);right:var(--wdwr02-answer-right);bottom:clamp(4px,.9cqh,6px);left:var(--wdwr02-answer-right);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c233fe0;border:1px solid #fff6;border-radius:12px;grid-template-rows:repeat(5,minmax(0,1fr));gap:clamp(2px,.56cqh,4px);min-width:0;min-height:0;padding:clamp(3px,.9cqh,6px) clamp(4px,.94cqw,12px);display:grid;position:absolute;box-shadow:0 8px 22px #00000047}.wdwr02-keyboard-row,.wdwr02-keyboard-actions{justify-content:center;gap:var(--wdwr02-key-gap);min-width:0;min-height:0;display:flex}.wdwr02-keyboard-row button,.wdwr02-keyboard-actions button{flex:0 1 calc((100% - 6 * var(--wdwr02-key-gap)) / 7);color:#18213d;background:#fff;border:1px solid #ffffffc7;border-radius:6px;min-width:0;max-width:48px;height:100%;min-height:0;padding:0 2px;font-size:clamp(10px,min(1.67cqw,3.2cqh),17px);font-weight:800;line-height:1;box-shadow:0 2px #677aa3bf}.wdwr02-keyboard-actions button{flex-basis:calc((100% - 2 * var(--wdwr02-key-gap)) / 3);color:#fff;background:#6d6491;max-width:100px}.wdwr02-check-button{z-index:8;width:clamp(92px, calc(var(--activity-stage-width,100vw) * .125), 160px);height:clamp(36px, calc(var(--activity-stage-height,100vh) * .088889), 64px);color:#fff;min-height:0;font-size:clamp(16px, calc(var(--activity-stage-width,100vw) * .021875), 28px);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fff3;border:1px solid #ffffff61;border-radius:32px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-weight:800;line-height:1;display:inline-flex;position:absolute;bottom:10px;right:10px;box-shadow:0 6px 18px #0000002e}.wdwr02-check-button svg{width:clamp(18px, calc(var(--activity-stage-width,100vw) * .021875), 28px);height:clamp(18px, calc(var(--activity-stage-width,100vw) * .021875), 28px);stroke-width:4px;flex-shrink:0}.activity-layout.unity-activity-layout>.activity-controls-host>.wdwr02-check-button{right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}.wdwr02-check-button:not(:disabled):active,.wdwr02-check-button.is-correct{transform:translateY(2px)scale(.98);box-shadow:0 2px 8px #0003}.wdwr02-check-button:disabled{opacity:.42}.wdwr02-unity-write-word-shell .activity-question-edge-nav{z-index:6;position:absolute;top:43%;transform:translateY(-50%)}.wdwr02-unity-write-word-shell .activity-question-edge-nav.previous{left:3.1%;right:auto}.wdwr02-unity-write-word-shell .activity-question-edge-nav.next{left:auto;right:3.1%}.package-record{align-items:flex-start}.resource-missing{color:#6f8a93;background:#edf7fa;border:1px dashed #bdd9e2;border-radius:8px;align-content:center;place-items:center;gap:8px;width:100%;min-height:160px;display:grid}@media (width<=900px){.viewport{padding:0}.stage-shell{border-radius:0;width:100vw;height:100vh;min-height:0}.app-topbar{padding:0 14px}.app-topbar nav{gap:6px}.app-topbar nav a,.app-topbar nav button{justify-content:center;width:40px;padding:0;font-size:0}.app-footer{justify-content:center;padding:0 12px}.app-footer span:nth-child(2){display:none}.home-screen{padding:28px 18px}.home-carousel{grid-template-columns:46px minmax(0,1fr) 46px;gap:10px}.home-arrow{width:44px;height:44px}.home-menu-card{height:min(420px,58vh)}.home-menu-image{padding:0}.home-menu-image img{width:min(280px,92%);max-height:100%}.home-menu-caption{font-size:18px}.catalog-grid{grid-template-columns:1fr;position:relative}.catalog-menu-toggle{z-index:25;color:#0f4d68;background:#fffffff0;border:1px solid #d3eef6cc;border-radius:8px;align-items:center;gap:8px;max-width:calc(100% - 24px);min-height:42px;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 8px 24px #00121e2e}.catalog-menu-toggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.catalog-menu-backdrop.open{z-index:35;cursor:default;background:#00121e7a;width:100%;height:100%;display:block;position:absolute;inset:0}.catalog-sidebar{z-index:40;width:min(326px,86vw);padding:14px 14px 18px;transition:transform .18s;display:block;position:absolute;inset:0 auto 0 0;transform:translate(calc(-100% - 16px));box-shadow:18px 0 36px #00121e52}.catalog-sidebar.open{transform:translate(0)}.catalog-sidebar-header{color:#f8fdff;justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-bottom:10px;display:flex}.catalog-sidebar-header strong{font-size:16px}.catalog-sidebar-header button{color:#f8fdff;background:#ffffff1f;border:1px solid #daf2f82e;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.catalog-heading{flex-direction:column;align-items:flex-start;padding-top:64px}.series-tabs{scrollbar-width:none}.series-tabs::-webkit-scrollbar{display:none}.search-box{width:100%}.login-screen{padding:18px}.login-panel{max-height:100%;padding:18px;overflow:auto}.login-columns,.active-session,.book-detail-hero,.reading-page{grid-template-columns:1fr}.large-cover{height:160px}.activity-topbar{gap:6px;top:8px;left:auto;right:8px}.activity-topbar-actions{gap:6px}.activity-topbar a,.activity-topbar button,.star-points{width:38px;height:38px;min-height:38px}.activity-topbar button[aria-label=Drawing\ board],.star-points{display:none}.package-viewer,.video-activity,.reading-page,.package-quiz,.flashcard-display,.spelling-prompt,.matching-shell,.puzzle-prompt,.word-search-shell{grid-template-columns:1fr}.asset-grid,.image-column,.memory-grid,.sentence-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard-display{min-height:0}.spelling-shell{max-width:none}.read-record-shell{min-height:100%}.read-record-shelf{opacity:.36}.read-record-shelf.left{left:-42px}.read-record-shelf.right{right:-36px}.read-record-mascot{transform-origin:100% 100%;bottom:52px;right:-18px;transform:scale(.74)}.read-record-back-chip{width:34px;min-height:98px;font-size:11px;top:68px;left:16px}.read-record-book{width:calc(100% - 64px);top:22px;bottom:112px}.read-record-book-stack{box-shadow:-9px 9px #fff,-5px 5px #f8f6ff,5px 5px #f8f6ff,9px 9px #fff,0 10px 20px #3b2c742e}.read-record-page-card{inset:12px 18px 22px}.read-record-page-count{min-width:76px;height:34px;font-size:15px}.read-record-page-nav{width:38px;height:48px}.read-record-page-nav.previous{left:8px}.read-record-page-nav.next{right:8px}.read-record-word-tab{width:44px;height:52px}.read-record-word-tab.left{left:48px}.read-record-word-tab.right{right:48px}.read-record-word-popup{width:min(336px,100% - 54px);min-height:244px;padding:24px 24px 20px;top:62px}.read-record-word-popup.left{left:27px}.read-record-word-popup.right{right:27px}.read-record-control-bar{grid-template-columns:104px 1px minmax(0,1fr) 56px;gap:10px;width:calc(100% - 24px);height:88px;padding:0 12px;bottom:10px}.read-record-control-icons{gap:8px}.read-record-circle{width:48px;height:48px}.read-record-divider{height:88px}.read-record-media-zone{grid-template-columns:84px minmax(0,1fr);column-gap:10px}.read-record-rec-pill{gap:5px;width:84px;height:46px;font-size:11px}.read-record-rec-pill span{width:10px;height:10px}.read-record-waveform{height:46px}.read-record-waveform span{width:3px}.read-record-status{margin-left:96px;font-size:10px}.read-record-book-toggle{width:52px;height:46px}.word-puzzle-shell,.peeling-word-shell{max-width:none}.word-search-grid button{font-size:14px}.prototype-lab{gap:12px;padding:14px}.prototype-lab-header h1{font-size:24px}.prototype-lab-tabs{grid-template-columns:1fr;gap:8px}.prototype-lab-tabs button{min-height:68px;padding:11px 12px}.prototype-lab-stage{min-height:620px}.prototype-game-shell{gap:13px;padding:16px}.prototype-game-header{grid-template-columns:46px minmax(0,1fr)}.prototype-game-icon{width:46px;height:46px}.prototype-game-header strong{font-size:20px}.prototype-score-board{grid-column:1/-1;grid-template-columns:1fr auto;justify-items:start;width:100%;min-width:0}.prototype-score-board strong{font-size:20px}.prototype-sentence-card{min-height:128px;padding:18px;font-size:23px}.prototype-blank{min-width:112px;min-height:48px}.prototype-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prototype-option-grid button{min-height:58px;font-size:18px}.prototype-feedback-row{justify-content:stretch}.prototype-feedback-row button{flex:120px}.repair-broken-card strong{font-size:20px}.dictation-ladder-shell{grid-template-columns:1fr}.dictation-ladder{min-height:84px}.dictation-panel{padding:16px}.dictation-panel textarea{min-height:120px;font-size:18px}.transform-card{padding:18px}.transform-card strong{font-size:22px}.paraphrase-option-grid{grid-template-columns:1fr}.paraphrase-option-grid button{min-height:76px;font-size:16px}.package-stage,.activity-video{min-height:300px}.undersea-board{min-height:420px}.undersea-current-word{gap:5px;padding:8px 10px;top:14px}.undersea-current-word span{width:30px;height:38px;font-size:22px}.undersea-hint-card{width:112px;top:82px;left:12px}.undersea-bubble{width:58px;height:58px;font-size:25px}.undersea-fish{width:88px;height:54px}.undersea-status-panel{border-radius:8px;justify-content:center;bottom:12px;left:12px;right:12px}}:root{--hub-bg:#f4fbff;--hub-bg-strong:#e8f7ff;--hub-surface:#fff;--hub-surface-soft:#f7fcff;--hub-ink:#14213d;--hub-ink-soft:#34445f;--hub-muted:#667085;--hub-border:#dbe8f2;--hub-border-strong:#bfd6e8;--hub-green:#20a66b;--hub-green-soft:#e7f8ee;--hub-blue:#2d8cff;--hub-blue-soft:#e8f3ff;--hub-yellow:#f5bd42;--hub-yellow-soft:#fff6d9;--hub-coral:#ff795f;--hub-coral-soft:#fff0ec;--hub-teal:#14aab8;--hub-teal-soft:#e7fbfc;--hub-danger:#db4d4d;--hub-shadow:0 20px 45px #204e741f;--hub-shadow-soft:0 10px 25px #204e7414;--hub-radius:8px}.metaon-hub-shell{min-height:100svh;color:var(--hub-ink);background:linear-gradient(180deg, #e8f7ffdb, #f4fbff 360px), var(--hub-bg);grid-template-columns:minmax(0,1fr);font-family:Inter,ui-rounded,Nunito Sans,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:grid}@media (width>=901px){.metaon-hub-shell.has-side-nav{grid-template-columns:236px minmax(0,1fr)}.metaon-hub-shell.is-home-route{grid-template-columns:minmax(0,1fr)}.metaon-hub-shell.is-home-route .hub-side-nav{display:none}.metaon-hub-shell.is-home-route .hub-app-content{width:min(1440px,100%)}}.metaon-hub-shell h1,.metaon-hub-shell h2,.metaon-hub-shell h3,.metaon-hub-shell p{margin:0}.metaon-hub-shell h1{color:var(--hub-ink);letter-spacing:0;font-size:clamp(30px,3.2vw,46px);font-weight:900;line-height:1.04}.metaon-hub-shell h2{color:var(--hub-ink);letter-spacing:0;font-size:24px;font-weight:900;line-height:1.12}.metaon-hub-shell p{color:var(--hub-muted);font-size:15px;line-height:1.55}.hub-side-nav{border-right:1px solid var(--hub-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:35;background:#ffffffdb;flex-direction:column;gap:22px;height:100svh;padding:18px 14px;display:flex;position:sticky;top:0}.hub-brand-mark,.hub-nav-item,.hub-profile-chip,.hub-home-menu-card,.hub-personal-card,.hub-book-card,.hub-launcher-card,.hub-profile-action,.hub-activity-row,.hub-list-row{color:inherit;text-decoration:none}.hub-brand-mark{border-radius:var(--hub-radius);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:8px;display:inline-flex}.hub-brand-symbol{border-radius:var(--hub-radius);background:linear-gradient(135deg, var(--hub-green), var(--hub-blue));color:#fff;width:42px;height:42px;box-shadow:var(--hub-shadow-soft);flex:none;place-items:center;font-size:22px;font-weight:900;display:inline-grid}.hub-brand-mark strong,.hub-brand-mark small,.hub-profile-chip strong,.hub-profile-chip small{display:block}.hub-brand-mark strong{font-size:16px;line-height:1.1}.hub-brand-mark small,.hub-profile-chip small{color:var(--hub-muted);margin-top:2px;font-size:12px;font-weight:800}.hub-nav-list,.hub-side-footer{gap:8px;display:grid}.hub-nav-group{gap:8px;min-width:0;display:grid}.hub-side-footer{margin-top:auto}.hub-nav-item{--nav-accent:var(--hub-blue);--nav-tint:var(--hub-blue-soft);--nav-border:#cfe6ff;border-radius:var(--hub-radius);min-height:46px;color:var(--hub-ink-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:0 12px;font-weight:800;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s;display:flex}.hub-nav-item.home{--nav-accent:var(--hub-teal);--nav-tint:var(--hub-teal-soft);--nav-border:#bfe8ed}.hub-nav-item.study{--nav-accent:var(--hub-green);--nav-tint:var(--hub-green-soft);--nav-border:#bce8cf}.hub-nav-item.ai{--nav-accent:var(--hub-blue);--nav-tint:var(--hub-blue-soft);--nav-border:#cfe6ff}.hub-nav-item.meta{--nav-accent:var(--hub-coral);--nav-tint:var(--hub-coral-soft);--nav-border:#ffd1c7}.hub-nav-item.profile{--nav-accent:#7c5cff;--nav-tint:#f0ecff;--nav-border:#d8ceff}.hub-nav-item svg{border-radius:var(--hub-radius);background:var(--nav-tint);width:34px;height:34px;color:var(--nav-accent);flex:none;padding:7px}.hub-nav-item:hover,.hub-nav-item.is-active{background:var(--nav-tint);border-color:var(--nav-border);color:var(--hub-ink)}.hub-nav-item:hover{transform:translate(2px)}.hub-nav-item.is-active{box-shadow:inset 4px 0 0 var(--nav-accent), 0 10px 20px #204e7414}.hub-study-nav-tree{gap:7px;padding-left:8px;display:grid}.hub-study-mobile-drawer-head,.hub-study-mobile-menu-button,.hub-study-mobile-menu-backdrop{display:none}.hub-study-grade{gap:6px;display:grid}.hub-study-grade-button,.hub-study-level-link{border-radius:var(--hub-radius);width:100%;color:var(--hub-ink-soft);text-align:left;align-items:center;text-decoration:none;display:grid}.hub-study-grade-button{cursor:pointer;background:#e7f8ee8a;border:1px solid #0000;grid-template-columns:16px minmax(0,1fr) auto;gap:5px;min-height:36px;padding:0 8px;font-weight:900}.hub-study-grade-button svg{color:var(--hub-green)}.hub-study-grade-button span,.hub-study-level-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-study-grade-button small,.hub-study-level-link small{color:var(--hub-muted);white-space:nowrap;font-size:10px;font-weight:900}.hub-study-grade-button:hover,.hub-study-grade-button.is-active{background:var(--hub-green-soft);color:var(--hub-ink);border-color:#bce8cf}.hub-study-level-list{gap:5px;padding-left:21px;display:grid}.hub-study-level-link{background:#ffffffc7;border:1px solid #dbe8f2d1;grid-template-columns:minmax(0,1fr) auto;gap:6px;min-height:30px;padding:0 8px;font-size:12px;font-weight:850}.hub-study-level-link:hover,.hub-study-level-link.is-active{background:var(--hub-blue-soft);color:var(--hub-ink);box-shadow:inset 3px 0 0 var(--hub-blue);border-color:#cfe6ff}.hub-nav-item.compact{min-height:40px;color:var(--hub-muted);font-size:14px}.hub-main-column{flex-direction:column;min-width:0;display:flex}.hub-top-bar{z-index:30;border-bottom:1px solid var(--hub-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4fbffdb;align-items:center;gap:12px;min-height:72px;padding:14px 24px;display:flex;position:sticky;top:0}.metaon-hub-shell.is-home-route .hub-home-top-bar{border-radius:var(--hub-radius);opacity:0;pointer-events:none;background:#ffffffb3;border:1px solid #dbe8f2c7;width:min(760px,100% - 48px);min-height:56px;padding:8px 12px;transition:opacity .22s,transform .22s;position:fixed;top:12px;left:50%;transform:translate(-50%,-130%);box-shadow:0 18px 38px #204e7421}.metaon-hub-shell.is-home-route .hub-home-top-bar.is-visible,.metaon-hub-shell.is-home-route .hub-home-top-bar:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%)}.metaon-hub-shell.is-home-route .hub-home-top-bar .hub-search-box{background:#ffffffc7;width:min(360px,42vw);height:38px}.metaon-hub-shell.is-home-route .hub-home-top-bar .hub-icon-button{width:38px;height:38px}.metaon-hub-shell.is-home-route .hub-home-top-bar .hub-profile-chip{background:#ffffffc7;min-height:40px}.hub-search-box,.hub-inline-search,.hub-field{gap:8px;display:grid}.hub-search-box{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);width:min(420px,50vw);height:42px;color:var(--hub-muted);align-items:center;gap:10px;padding:0 13px;display:flex}.hub-search-box input,.hub-inline-search input,.hub-field input,.hub-field select{width:100%;min-width:0;color:var(--hub-ink);background:0 0;border:0;outline:0;font-size:14px;font-weight:750}.hub-inline-search,.hub-field{color:var(--hub-ink-soft);font-size:13px;font-weight:900}.hub-inline-search input,.hub-field input,.hub-field select{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);height:44px;padding:0 12px}.hub-check-field{color:var(--hub-ink-soft);align-items:center;gap:9px;font-size:13px;font-weight:850;line-height:1.3;display:inline-flex}.hub-check-field input{width:17px;height:17px;accent-color:var(--hub-primary);flex:none}.hub-icon-button{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);width:42px;height:42px;color:var(--hub-ink);cursor:pointer;flex:none;place-items:center;display:inline-grid;position:relative}.hub-notification-button{margin-left:auto}.hub-notification-dot{border:2px solid var(--hub-bg);background:var(--hub-coral);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:900;display:inline-grid;position:absolute;top:-5px;right:-5px}.hub-profile-chip{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);min-height:46px;color:var(--hub-ink);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:5px 10px 5px 5px;display:flex}.hub-account-menu{flex:none;position:relative}.hub-account-dropdown{z-index:80;border:1px solid var(--hub-border);border-radius:var(--hub-radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;gap:4px;min-width:178px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 38px #204e742e}.hub-account-dropdown button{min-height:40px;color:var(--hub-ink);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:14px;font-weight:850;display:flex}.hub-account-dropdown button:hover,.hub-account-dropdown button:focus-visible{background:var(--hub-blue-soft);outline:0}.hub-avatar-mini,.hub-avatar-large{border-radius:var(--hub-radius);background:linear-gradient(135deg, var(--hub-yellow), var(--hub-coral));color:#fff;flex:none;place-items:center;font-weight:900;display:inline-grid}.hub-avatar-mini{width:36px;height:36px;font-size:13px}.hub-avatar-large{width:76px;height:76px;font-size:24px}.hub-profile-chip strong{font-size:14px;line-height:1.15}.hub-app-content{width:min(1280px,100%);margin:0 auto;padding:24px}.hub-section-heading,.hub-external-frame-header,.hub-profile-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.hub-section-heading{margin-bottom:18px}.hub-primary-action,.hub-secondary-action,.hub-back-link{border-radius:var(--hub-radius);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:900;text-decoration:none;display:inline-flex}.hub-primary-action{background:var(--hub-green);color:#fff;box-shadow:0 12px 24px #20a66b33}.hub-primary-action:disabled,.hub-secondary-action:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.hub-secondary-action{border:1px solid var(--hub-border);background:var(--hub-surface);color:var(--hub-ink)}.hub-secondary-action.is-selected{border-color:var(--hub-green);background:var(--hub-green-soft);color:#0d6f46}.hub-back-link{min-height:34px;color:var(--hub-blue);background:0 0;padding:0}.hub-home-grid,.hub-study-page,.hub-book-page,.hub-login-layout,.hub-form-screen,.hub-list-screen,.hub-external-start,.hub-external-frame-screen,.hub-profile-screen{gap:18px;display:grid}body:has(.hub-book-page){min-width:0}.hub-book-page{grid-template-columns:minmax(0,1fr);gap:10px}.hub-book-page>.hub-back-link{justify-self:start;min-height:24px;font-size:13px}.hub-home-grid{--hub-motion-x:0;--hub-motion-y:0;--hub-motion-bg-x:0px;--hub-motion-bg-y:0px;--hub-motion-card-x:0deg;--hub-motion-card-y:0deg;--hub-motion-card-shift-x:0px;--hub-motion-card-shift-y:0px;perspective:1600px;perspective-origin:50% 22%;transform-style:preserve-3d;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.hub-home-loading-screen{isolation:isolate;border-radius:var(--hub-radius);background:#d9eef8;border:1px solid #ffffffb8;place-items:center;min-height:clamp(520px,100svh - 48px,820px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 58px #204e7424}.hub-home-loading-screen:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0d24400a,#0d244038);position:absolute;inset:0}.hub-home-loading-backdrop{z-index:-1;object-fit:cover;object-position:var(--hub-home-loading-position,center);filter:saturate(1.05)contrast(1.02);width:calc(100% + 28px);height:calc(100% + 28px);display:block;position:absolute;inset:-14px;transform:scale(1.035)}.hub-home-loading-visual{z-index:1;filter:drop-shadow(0 18px 34px #0d24403d);justify-items:center;gap:26px;display:grid;position:relative}.hub-home-loading-icon-stage{aspect-ratio:1;place-items:center;width:clamp(112px,13vw,154px);display:grid;position:relative}.hub-home-loading-icon-stage>img{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:relative}.hub-home-loading-orbit{z-index:0;border:2px solid #fffffff5;border-color:#fffffff5 #64dff4eb #ffffff59 #ffffff59;border-radius:50%;position:absolute;inset:-15px;box-shadow:0 0 0 1px #14213d14,0 0 28px #ffffff52}.hub-home-loading-progress{background:#ffffff57;border:1px solid #ffffffb8;border-radius:999px;width:clamp(112px,15vw,176px);height:6px;display:block;overflow:hidden;box-shadow:0 6px 18px #0d24401f}.hub-home-loading-progress>i{border-radius:inherit;background:#fffffff5;width:42%;height:100%;display:block;transform:translate(-115%)}.hub-home-loading-backdrop{animation:8s ease-in-out infinite alternate hub-home-loading-backdrop}.hub-home-loading-icon-stage{animation:2.6s ease-in-out infinite hub-home-loading-icon}.hub-home-loading-orbit{animation:2.1s linear infinite hub-home-loading-orbit}.hub-home-loading-progress>i{animation:1.45s ease-in-out infinite hub-home-loading-progress}@keyframes hub-home-loading-backdrop{0%{transform:translate(-4px,-2px)scale(1.035)}to{transform:translate(5px,3px)scale(1.055)}}@keyframes hub-home-loading-icon{0%,to{translate:0}50%{translate:0 -7px}}@keyframes hub-home-loading-orbit{to{rotate:360deg}}@keyframes hub-home-loading-progress{0%{transform:translate(-115%)}55%,to{transform:translate(250%)}}.hub-login-layout{grid-template-columns:minmax(0,1.1fr) minmax(380px,.75fr);gap:28px}.metaon-hub-shell.is-login-route .hub-top-bar,.metaon-hub-shell.is-profile-manage-route .hub-top-bar{display:none}.metaon-hub-shell.is-login-route .hub-app-content,.metaon-hub-shell.is-profile-manage-route .hub-app-content{padding:0}.figma-profile-manage-screen{color:#1f1f1f;background:#f8fafc;min-height:100svh;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}.figma-profile-manage-topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.figma-profile-manage-topbar-left,.figma-profile-manage-topbar-right{align-items:center;gap:16px;display:flex}.figma-profile-manage-topbar-left strong{color:#3aabf8;font-family:Fredoka,Pretendard Variable,sans-serif;font-size:24px;font-weight:700;line-height:normal}.figma-profile-manage-icon-button{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.figma-profile-manage-topbar-avatar{background:#e5f3fe url(/metaon-assets/auth/profile-avatar.png) 50%/30px 30px no-repeat;border:1px solid #bae0fd;border-radius:50%;width:40px;height:40px;display:block}.hub-profile-manager{align-content:start;gap:32px;width:min(1280px,100%);min-height:calc(100svh - 72px);margin:0 auto;padding:40px 64px;display:grid}.hub-profile-manager>.hub-back-link{display:none}.hub-profile-manager .hub-section-heading{gap:8px;display:grid}.hub-profile-manager .hub-section-heading h1{color:#1f1f1f;margin:0;font-size:24px;font-weight:700;line-height:normal}.hub-profile-manager .hub-section-heading p{color:#64748b;margin:0;font-size:14px;line-height:normal}.hub-profile-manager .hub-profile-create-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:24px;display:grid}.hub-profile-manager .hub-profile-create-form .hub-field{color:#1f1f1f;gap:4px;font-size:14px;font-weight:600}.hub-profile-manager .hub-profile-create-form .hub-field input,.hub-profile-manager .hub-profile-manage-main .hub-field input{color:#1f1f1f;background:#fff;border-color:#e5e7eb;border-radius:8px;height:40px;font-size:16px;font-weight:600}.hub-profile-manager .hub-profile-create-form .hub-field input::placeholder{color:#9ca3af;font-weight:400}.hub-profile-manager .hub-profile-create-form .hub-field input:focus,.hub-profile-manager .hub-profile-manage-main .hub-field input:focus{border-color:#0092f5;box-shadow:0 0 0 3px #0092f51f}.hub-profile-manager .hub-profile-create-form .hub-primary-action{height:43px;min-height:43px;box-shadow:none;background:#0092f5;border-radius:8px;padding:0 20px;font-size:16px}.hub-profile-manager .hub-profile-manage-list{gap:12px;display:grid}.hub-profile-manager .hub-profile-manage-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:112px;padding:24px;display:grid}.hub-profile-manager .hub-profile-manage-row.is-inactive{opacity:.65}.hub-profile-manager .hub-profile-choice-avatar{color:#0000;width:64px;height:64px;box-shadow:none;background:#e5f3fe url(/metaon-assets/auth/profile-avatar.png) 50%/48px 48px no-repeat;border-radius:50%;font-size:0;display:block}.hub-profile-manager .hub-profile-manage-main{grid-template-rows:auto auto;gap:8px;min-width:0;display:grid;position:relative}.hub-profile-manager .hub-profile-manage-main:before{content:"학습 프로필";color:#8e8e8e;order:-1;font-size:13px}.hub-profile-manager .hub-profile-manage-main>small{color:#4b4b4b;place-self:start end;margin-top:0;font-size:12px;position:absolute}.hub-profile-manager .hub-profile-manage-main .hub-field{width:100%;margin-top:0}.hub-profile-manager .hub-button-row.compact{flex-wrap:wrap;justify-content:flex-end;gap:8px}.hub-profile-manager .hub-button-row.compact button{color:#334155;min-height:40px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0 16px;font-size:15px;font-weight:600}.hub-profile-manager .hub-button-row.compact .hub-danger-action{color:#e93a35}.hub-profile-manager .hub-profile-select-message{color:#e93a35;margin:-16px 0 0;font-size:14px}.hub-profile-manager .hub-empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:180px}@media (width<=760px){.figma-profile-manage-topbar{padding:0 18px}.figma-profile-manage-topbar-right{gap:8px}.figma-profile-manage-topbar-right>.figma-profile-manage-icon-button{display:none}.hub-profile-manager{gap:20px;padding:26px 16px}.hub-profile-manager .hub-profile-create-form{grid-template-columns:1fr}.hub-profile-manager .hub-profile-create-form .hub-primary-action{justify-content:center}.hub-profile-manager .hub-profile-manage-row{grid-template-columns:48px minmax(0,1fr);gap:14px;min-height:0;padding:16px}.hub-profile-manager .hub-profile-choice-avatar{background-size:38px 38px;width:48px;height:48px}.hub-profile-manager .hub-button-row.compact{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hub-profile-manager .hub-button-row.compact button{justify-content:center;padding:0 8px;font-size:13px}}.figma-login-screen{color:#1f1f1f;font-variation-settings:"wght" 400;background:#fff;min-height:100svh;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}.figma-login-topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.figma-login-topbar-left,.figma-login-topbar-right{align-items:center;gap:16px;display:flex}.figma-login-topbar-left strong{color:#3aabf8;font-variation-settings:"wdth" 100;font-family:Fredoka,Pretendard Variable,sans-serif;font-size:24px;font-weight:700;line-height:normal}.figma-login-round-button{color:#394a58;background:#fff;border:1px solid #e2e8f0;border-radius:999px;place-items:center;width:40px;height:40px;display:inline-grid}.figma-login-notification-dot:before{content:"";background:#e93a35;border-radius:50%;width:17px;height:17px;display:block}.figma-login-topbar-login{color:#333;border:1px solid #dbdbdb;border-radius:32px;place-items:center;min-width:72px;height:40px;font-size:16px;font-weight:400;line-height:27px;display:grid}.figma-login-content{grid-template-columns:minmax(0,1fr) 560px;min-height:calc(100svh - 72px);display:grid}.figma-login-marketing{color:#fff;background:#0092f5;flex-direction:column;gap:40px;min-height:728px;padding:64px;display:flex;overflow:hidden}.figma-login-brand-copy{justify-items:start;gap:8px;display:grid}.figma-login-brand-copy span{background:#fff3;border-radius:8px;padding:4px 8px;font-size:16px;font-weight:800}.figma-login-brand-copy strong{font-variation-settings:"wdth" 100;font-family:Fredoka,Pretendard Variable,sans-serif;font-size:32px;font-weight:700;line-height:normal}.figma-login-intro{gap:24px;display:grid}.figma-login-intro h1,.figma-login-card h1{margin:0}.figma-login-intro h1{font-size:32px;font-weight:700;line-height:1.4}.figma-login-intro p{opacity:.9;margin:0;font-size:16px;line-height:1.6}.figma-login-path{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.figma-login-path span{color:#0073c4;background:#fff;border-radius:999px;padding:8px 16px;font-size:16px;font-weight:800}.figma-login-path i{font-size:22px;font-style:normal;font-weight:900}.figma-login-mascot{object-fit:contain;width:min(194px,42%);height:auto;margin-top:auto}.figma-login-form-side{background:#fff;align-items:center;padding:40px 48px;display:grid}.figma-login-card{background:#fff;border-radius:24px;gap:56px;padding:40px 32px;display:grid;box-shadow:0 8px 12px #1319270a}.figma-login-card-heading{gap:6px;display:grid}.figma-login-card-heading h1{font-size:32px;font-weight:800;line-height:normal}.figma-login-card-heading p{color:#8e8e8e;margin:0;font-size:16px;font-weight:400;line-height:normal}.figma-login-fields{gap:24px;display:grid}.figma-login-fields>label:not(.figma-login-save-option){color:#1f1f1f;gap:8px;font-size:16px;font-weight:400;line-height:normal;display:grid}.figma-login-fields input:not([type=checkbox]){color:#00243e;background:#e5f3fe;border:1.5px solid #7ec8fb;border-radius:16px;outline:0;width:100%;height:48px;padding:0 16px;font-size:16px;font-weight:400;line-height:normal}.figma-login-fields input:not([type=checkbox]):focus{border-color:#0092f5;box-shadow:0 0 0 3px #0092f529}.figma-login-password-field{position:relative}.figma-login-password-field input{padding-right:52px!important}.figma-login-password-field button{color:#48667a;background:0 0;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.figma-login-save-option{color:#1f1f1f;align-items:center;gap:8px;font-size:15px;font-weight:400;line-height:normal;display:inline-flex}.figma-login-save-option input{accent-color:#0073c4;width:18px;height:18px;margin:0}.figma-login-error{color:#e93a35;margin:-12px 0 -4px;padding-left:4px;font-size:14px}.figma-login-submit{color:#fff;background:#3aabf8;border-radius:32px;width:100%;min-height:51px;font-size:16px;font-weight:800;line-height:normal;box-shadow:0 8px 8px #3aabf83d}.figma-login-submit:disabled{cursor:not-allowed;opacity:.5}.figma-login-active-session{color:#1f1f1f;background:#f2faff;border:1px solid #bde5fd;border-radius:16px;gap:8px;padding:14px;display:grid}.figma-login-active-session>div{gap:8px;display:flex}.figma-login-active-session a,.figma-login-active-session button{color:#0073c4;background:#fff;border-radius:16px;place-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:800;display:inline-grid}@media (width<=900px){.figma-login-topbar{padding:0 18px}.figma-login-content{grid-template-columns:1fr}.figma-login-marketing{min-height:300px;padding:34px}.figma-login-mascot{display:none}.figma-login-form-side{padding:22px 18px}}@media (width<=560px){.figma-login-topbar-right{gap:8px}.figma-login-topbar-right .figma-login-round-button{display:none}.figma-login-marketing{gap:22px;min-height:260px;padding:26px 22px}.figma-login-intro h1{font-size:24px}.figma-login-intro h1 br,.figma-login-intro p br{display:none}.figma-login-intro p{font-size:14px}.figma-login-path{gap:5px}.figma-login-path span{padding:6px 10px;font-size:12px}.figma-login-card{gap:32px;padding:28px 18px}.figma-login-card-heading h1{font-size:28px}}.hub-auth-visual,.hub-auth-panel{border:1px solid var(--hub-border);border-radius:var(--hub-radius);box-shadow:var(--hub-shadow);background:#ffffffeb}.hub-auth-visual{flex-direction:column;justify-content:center;gap:26px;min-height:min(640px,100svh - 144px);padding:clamp(32px,6vw,72px);display:flex;overflow:hidden}.hub-auth-visual h1{max-width:780px}.hub-auth-visual p{max-width:620px;font-size:17px}.hub-auth-path{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.hub-auth-path span{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);min-height:40px;color:var(--hub-ink);align-items:center;padding:0 14px;font-weight:900;display:inline-flex}.hub-auth-path i{background:linear-gradient(90deg, var(--hub-green), var(--hub-yellow));width:36px;height:3px}.hub-auth-panel{flex-direction:column;align-self:center;gap:14px;padding:28px;display:flex}.hub-login-heading{align-items:center;gap:12px;display:flex}.hub-login-heading svg{color:var(--hub-green)}.hub-login-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hub-route-loading{min-height:35svh;color:var(--hub-muted);place-items:center;font-weight:800;display:grid}.hub-login-columns-single{grid-template-columns:minmax(0,1fr)}.hub-login-form,.hub-active-session{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface-soft);gap:12px;padding:14px;display:grid}.hub-login-form h2{align-items:center;gap:8px;font-size:18px;display:flex}.hub-profile-select-screen{gap:18px;width:min(760px,100%);margin:0 auto;padding:clamp(18px,4vw,42px);display:grid}.hub-profile-select-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.hub-profile-select-heading h1{font-size:clamp(28px,3vw,38px)}.hub-profile-select-icon,.hub-profile-choice-avatar{color:#fff;background:var(--hub-blue);flex:none;place-items:center;display:grid;box-shadow:0 10px 20px #2d8cff33}.hub-profile-select-icon{border-radius:50%;width:56px;height:56px}.hub-profile-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hub-profile-choice{border:1px solid var(--hub-border);border-radius:var(--hub-radius);min-height:104px;color:var(--hub-ink);background:var(--hub-surface);box-shadow:var(--hub-shadow-soft);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;overflow:hidden}.hub-profile-choice:hover:not(:disabled),.hub-profile-choice:focus-visible{border-color:var(--hub-blue);outline:none;transform:translateY(-2px);box-shadow:0 16px 28px #2d8cff2b}.hub-profile-choice.is-current{border-color:var(--hub-green);background:var(--hub-green-soft)}.hub-profile-busy-alert{color:#a72824;background:#fff3f2;border:1px solid #f2a29f;border-radius:14px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;line-height:1.55;display:flex}.hub-profile-busy-alert svg{flex:none}.hub-profile-busy-alert strong{margin-right:3px}.hub-profile-choice.is-busy,.hub-profile-choice.is-busy:disabled{opacity:1;background:#fff8f7;border-color:#e9635e}.hub-profile-choice.is-busy .hub-profile-choice-status{color:#b52f2a;background:#ffe3e1}.hub-profile-choice:disabled{opacity:.55;cursor:not-allowed}.hub-profile-choice-avatar{border-radius:50%;width:46px;height:46px;font-size:17px;font-weight:900}.hub-profile-choice-copy{gap:4px;min-width:0;display:grid}.hub-profile-choice-copy strong,.hub-profile-choice-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-profile-choice-copy strong{font-size:17px}.hub-profile-choice-copy small,.hub-profile-choice-status,.hub-profile-select-message,.hub-muted-copy{color:var(--hub-muted);font-size:13px}.hub-profile-choice-status{color:var(--hub-green);background:var(--hub-green-soft);border-radius:999px;padding:5px 8px;font-weight:800}.hub-profile-create-form{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface-soft);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.hub-profile-create-form .hub-field{gap:6px}.hub-profile-takeover-dialog{z-index:110;color:var(--hub-ink);background:#14213d6b;grid-template-columns:auto minmax(0,460px);place-content:center;gap:14px;padding:24px;display:grid;position:fixed;inset:0}.hub-profile-takeover-dialog>div{border-radius:var(--hub-radius);background:var(--hub-surface);box-shadow:var(--hub-shadow);gap:12px;padding:24px;display:grid}.hub-profile-takeover-dialog>svg{color:#fff;background:var(--hub-yellow);border-radius:50%;width:42px;height:42px;padding:10px}.hub-hero{border-radius:var(--hub-radius);background:linear-gradient(90deg, #fffffff5 0%, #ffffffd1 42%, #fff3 100%), linear-gradient(180deg, #0b4d5c0f, #ffffff42), url(/metaon-assets/mission-banner.png) right center / cover no-repeat, var(--hub-surface);min-height:354px;box-shadow:var(--hub-shadow);border:1px solid #bce8cfc7;grid-column:1/-1;grid-template-columns:minmax(0,.92fr) minmax(430px,.78fr);align-items:center;gap:26px;padding:32px;display:grid;position:relative;overflow:hidden}.hub-hero-copy{z-index:1;gap:16px;max-width:640px;display:grid;position:relative}.hub-hero-copy h1{max-width:560px;font-size:clamp(36px,5vw,58px)}.hub-hero-copy p{max-width:560px;color:var(--hub-ink-soft);font-size:16px}.hub-hero-actions,.hub-button-row,.hub-demo-row,.hub-frame-actions{flex-wrap:wrap;gap:10px;display:flex}.hub-button-row.compact{gap:6px}.hub-button-row.compact .hub-primary-action{border-radius:10px;min-height:32px;padding:0 12px;box-shadow:0 8px 16px #20a66b2e}.hub-hero-adventure-board{z-index:1;align-content:center;align-self:stretch;gap:14px;display:grid;position:relative}.hub-mission-map{border-radius:var(--hub-radius);-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08);background:#fff6;border:1px solid #dbe8f2b8;grid-template-columns:minmax(78px,1fr) 28px minmax(86px,1fr) 28px minmax(98px,1fr) 28px minmax(92px,1fr);justify-self:end;align-items:center;width:min(100%,560px);padding:10px;display:grid}.hub-map-node{border-radius:var(--hub-radius);min-height:66px;color:var(--hub-muted);text-align:center;box-shadow:var(--hub-shadow-soft);background:#fff6;border:1px solid #dbe8f2eb;place-items:center;padding:0 8px;font-size:13px;font-weight:900;line-height:1.15;display:grid}.hub-map-node.complete{color:#0c7449;background:#e7f8ee66;border-color:#bce8cf}.hub-map-node.active{color:#755100;background:#fff6d966;border-color:#ffdf92}.hub-map-line{background:linear-gradient(90deg, var(--hub-green), var(--hub-yellow), var(--hub-coral));border-radius:999px;height:4px}.hub-home-feature-stage{isolation:isolate;border-radius:var(--hub-radius);background:var(--hub-surface);perspective:1200px;transform-style:preserve-3d;image-rendering:auto;border:1px solid #bce8cfc7;grid-column:1/-1;gap:18px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 58px #204e7424}.hub-home-feature-stage:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffffa3 0%,#ffffff38 46%,#ffffff0a 100%);position:absolute;inset:0}.hub-home-feature-stage>:not(.hub-home-depth-scene){z-index:1;position:relative}.hub-home-depth-scene,.hub-home-depth-base,.hub-home-depth-shade,.hub-home-depth-particles{pointer-events:none;position:absolute;inset:0}.hub-home-depth-scene{z-index:-1;transform-style:preserve-3d;overflow:hidden}.hub-home-depth-base{background:var(--hub-home-hero-bg,url(/metaon-assets/mission-banner.png)) var(--hub-home-hero-position,right center) / cover no-repeat;transform:translate3d(var(--hub-motion-bg-x), var(--hub-motion-bg-y), -24px) scale(1.065);transform-origin:50%;will-change:transform;transition:filter .3s;inset:-18px}.hub-home-depth-shade{background:linear-gradient(#08203a05,#08203a21)}.hub-home-depth-particles{transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 18px);will-change:transform;overflow:hidden}.hub-theme-particle{left:var(--particle-x);top:var(--particle-y);opacity:.68;transform-origin:50%;will-change:transform, opacity;width:22px;height:22px;display:block;position:absolute}.hub-theme-particle.is-spark:before,.hub-theme-particle.is-confetti:before,.hub-theme-particle.is-leaf:before,.hub-theme-particle.is-beam:before{content:"";background:#ffffffdb;display:block;position:absolute;inset:4px;box-shadow:0 2px 8px #14213d2e}.hub-theme-particle.is-spark:before{clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%)}.hub-theme-particle.is-leaf:before{background:#b5ee8edb;border-radius:80% 12%}.hub-theme-particle.is-beam:before{background:#dcf6ffd1;border-radius:2px;inset:0 9px}.hub-theme-particle.is-confetti:before{background:#ffe263e6;border-radius:2px;inset:3px 7px}.hub-theme-particle.is-bubble img{object-fit:contain;opacity:.72;width:100%;height:100%;display:block}.hub-theme-particle{animation:hub-theme-particle-float var(--particle-duration) ease-in-out var(--particle-delay) infinite}.hub-theme-particle.is-spark{animation-name:hub-theme-particle-twinkle}.hub-theme-particle.is-beam{animation-name:hub-theme-particle-beam}@keyframes hub-theme-particle-float{0%,to{opacity:.24;transform:translate3d(0, 10px, 0) rotate(-8deg) scale(var(--particle-size))}50%{opacity:.72;transform:translate3d(var(--particle-drift), -20px, 0) rotate(13deg) scale(var(--particle-size))}}@keyframes hub-theme-particle-twinkle{0%,to{opacity:.16;transform:translate3d(0, 4px, 0) rotate(0deg) scale(var(--particle-size))}50%{opacity:.82;transform:translate3d(var(--particle-drift), -8px, 0) rotate(45deg) scale(var(--particle-size))}}@keyframes hub-theme-particle-beam{0%,to{opacity:.12;transform:translate3d(0, 4px, 0) rotate(18deg) scale(var(--particle-size)) scaleY(1.2)}50%{opacity:.68;transform:translate3d(var(--particle-drift), -8px, 0) rotate(-18deg) scale(var(--particle-size)) scaleY(1.8)}}.hub-home-hero-adventure{min-height:228px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(430px,.54fr);gap:18px;padding:0 0 2px;overflow:visible}.hub-home-hero-adventure .hub-hero-copy{filter:drop-shadow(0 2px 8px #ffffffa6);max-width:560px;transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 26px);transform-style:preserve-3d;will-change:transform;gap:10px}.hub-home-hero-adventure .hub-hero-copy h1{text-shadow:0 1px #fffffff5,0 -1px #ffffffdb,1px 0 #ffffffdb,-1px 0 #ffffffdb,0 8px 24px #ffffff9e;max-width:480px;font-size:clamp(30px,3.2vw,42px)}.hub-home-hero-adventure .hub-hero-copy p{color:#20314f;text-shadow:0 1px #fffffff0,0 0 12px #ffffffc7;max-width:520px;font-size:14px;line-height:1.45}.hub-home-hero-adventure .hub-hero-actions{margin-top:2px}.hub-home-hero-adventure .hub-primary-action,.hub-home-hero-adventure .hub-secondary-action{min-height:38px;padding:0 14px}.hub-home-hero-adventure .hub-hero-adventure-board{transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 42px) rotateX(var(--hub-motion-card-x)) rotateY(var(--hub-motion-card-y));transform-style:preserve-3d;will-change:transform;align-content:start;align-self:start;justify-items:end;gap:10px;padding-top:10px}.hub-home-hero-adventure .hub-mission-map{width:min(100%,548px);transform-style:preserve-3d;grid-template-columns:minmax(74px,1fr) 24px minmax(88px,1fr) 24px minmax(104px,1fr) 24px minmax(96px,1fr);padding:8px;position:relative;box-shadow:0 18px 34px #14213d1f}.hub-mission-traveler{z-index:4;background:var(--hub-blue);color:#fff;pointer-events:none;border:1px solid #ffffffdb;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:2px;left:9%;transform:translate3d(-50%,0,38px)rotate(-8deg);box-shadow:0 7px 14px #2d8cff47}.hub-home-hero-adventure .hub-map-node{min-height:50px;font-size:12px}.hub-home-hero-adventure .hub-map-line{height:3px}.hub-home-hero-adventure .hub-map-node{animation:.62s cubic-bezier(.2,.82,.25,1) both hub-route-node-enter}.hub-home-hero-adventure .hub-map-node:nth-child(3){animation-delay:.1s}.hub-home-hero-adventure .hub-map-node:nth-child(5){animation-delay:.2s}.hub-home-hero-adventure .hub-map-node:nth-child(7){animation-delay:.3s}.hub-home-hero-adventure .hub-map-node.active{animation-name:hub-route-node-enter,hub-route-active-pulse;animation-duration:.62s,2.4s;animation-iteration-count:1,infinite;animation-delay:.1s,.9s}.hub-home-hero-adventure .hub-map-line{background-size:180% 100%;animation:2.6s linear infinite hub-route-line-flow}.hub-mission-traveler{animation:7.2s cubic-bezier(.52,.06,.3,1) 1.1s infinite hub-route-traveler}@keyframes hub-route-node-enter{0%{opacity:0;transform:translateY(14px)scale(.88)}to{opacity:1;transform:translateZ(18px)scale(1)}}@keyframes hub-route-active-pulse{0%,to{box-shadow:var(--hub-shadow-soft);transform:translateZ(18px)scale(1)}50%{transform:translate3d(0,-2px,26px)scale(1.025);box-shadow:0 13px 25px #f5bd4240,0 0 0 4px #ffdf9238}}@keyframes hub-route-line-flow{0%{background-position:0}to{background-position:180%}}@keyframes hub-route-traveler{0%{opacity:0;left:9%;transform:translate3d(-50%,6px,38px)rotate(-12deg)scale(.82)}8%,17%{opacity:1;left:9%;transform:translate3d(-50%,0,38px)rotate(-8deg)scale(1)}30%,39%{opacity:1;left:35%;transform:translate3d(-50%,-3px,42px)rotate(1deg)scale(1.04)}52%,61%{opacity:1;left:64%;transform:translate3d(-50%,0,40px)rotate(7deg)scale(1)}76%,89%{opacity:1;left:91%;transform:translate3d(-50%,-3px,44px)rotate(12deg)scale(1.06)}to{opacity:0;left:91%;transform:translate3d(-50%,5px,34px)rotate(14deg)scale(.86)}}.hub-placement-home-card{--personal-accent:var(--hub-blue);--hub-local-tilt-x:0deg;--hub-local-tilt-y:0deg;--hub-local-shine-x:50%;--hub-local-shine-y:50%;--hub-local-shine-shift:0%;border-radius:var(--hub-radius);-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08);width:min(50%,620px);min-height:92px;transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 28px) rotateX(var(--hub-motion-card-x)) rotateY(var(--hub-motion-card-y)) rotateX(var(--hub-local-tilt-x)) rotateY(var(--hub-local-tilt-y));transform-style:preserve-3d;will-change:transform;background:linear-gradient(90deg,#f4faff66,#effaf466),linear-gradient(135deg,#edf7ff66,#edf9f266);border:1px solid #bfe8ffeb;grid-column:1/-1;grid-template-columns:52px minmax(0,1fr) auto;justify-self:end;align-items:center;gap:14px;padding:14px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 28px #204e741f,inset 0 2px #ffffffb8}.hub-placement-home-card.completed{background:linear-gradient(90deg,#fff6,#ffffff61),linear-gradient(135deg,#e7f8ee66,#fff6d966);border-color:#bce8cf}.hub-placement-home-card.in-progress{background:linear-gradient(90deg,#fff6,#ffffff61),linear-gradient(135deg,#fff6d966,#e8f3ff66);border-color:#ffdf92}.hub-placement-home-icon,.hub-placement-symbol{border-radius:var(--hub-radius);place-items:center;display:inline-grid}.hub-placement-home-icon{width:52px;height:52px;color:var(--hub-blue);background:#e8f6ffd1}.hub-placement-home-card.completed .hub-placement-home-icon{color:var(--hub-green);background:#e7f8eed1}.hub-placement-home-card.in-progress .hub-placement-home-icon{color:#8c6200;background:#fff6d9d6}.hub-placement-home-copy{gap:3px;min-width:0;display:grid}.hub-placement-home-copy>span{color:var(--hub-blue);font-size:11px;font-weight:950}.hub-placement-home-copy strong{color:var(--hub-ink);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(19px,2.1vw,24px);font-weight:950;line-height:1.12;overflow:hidden}.hub-placement-home-copy small{color:var(--hub-ink-soft);font-size:13px;font-weight:800;line-height:1.4}.hub-placement-home-action{border-radius:var(--hub-radius);background:var(--hub-blue);color:#fff;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:950;display:inline-flex;box-shadow:0 14px 28px #2d8cff38}.hub-placement-home-icon,.hub-placement-home-copy,.hub-placement-home-action{transform:translateZ(22px)}.hub-placement-page{gap:16px;max-width:1100px;display:grid}.hub-placement-intro-panel,.hub-placement-test-panel,.hub-placement-result-panel,.hub-placement-note,.hub-placement-result-card{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);box-shadow:var(--hub-shadow-soft)}.hub-placement-intro-panel{background:linear-gradient(120deg, #fffffff5, #ffffffc7), url(/metaon-assets/mission-banner.png) right center / cover no-repeat, var(--hub-surface);grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);align-items:stretch;gap:18px;padding:22px;display:grid;overflow:hidden}.hub-placement-copy{align-content:start;gap:16px;display:grid}.hub-placement-symbol{background:var(--hub-blue-soft);width:62px;height:62px;color:var(--hub-blue)}.hub-placement-symbol.complete{background:var(--hub-green-soft);color:var(--hub-green)}.hub-placement-copy h1,.hub-placement-result-panel h1,.hub-placement-question-card h1{color:var(--hub-ink);margin:0;font-weight:950;line-height:1.08}.hub-placement-copy h1{font-size:clamp(34px,4vw,48px)}.hub-placement-copy p,.hub-placement-result-panel p,.hub-placement-question-card p,.hub-placement-result-card p{color:var(--hub-ink-soft);margin:0;font-weight:800;line-height:1.5}.hub-placement-facts,.hub-placement-skill-list{flex-wrap:wrap;gap:8px;display:flex}.hub-placement-facts span,.hub-placement-skill-list span{background:var(--hub-blue-soft);min-height:30px;color:var(--hub-blue);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex}.hub-placement-overview{align-self:center;gap:10px;display:grid}.hub-placement-stage{border-radius:var(--hub-radius);background:#ffffffd6;border:1px solid #dbe8f2d1;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.hub-placement-stage b{background:var(--hub-green);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;display:inline-grid}.hub-placement-stage span{color:var(--hub-ink);font-weight:950}.hub-placement-note{color:var(--hub-blue);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.hub-placement-note span{gap:2px;display:grid}.hub-placement-note strong{color:var(--hub-ink)}.hub-placement-note small{color:var(--hub-muted);font-weight:800}.hub-placement-test-header,.hub-placement-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.hub-placement-count{background:var(--hub-green-soft);min-height:34px;color:var(--hub-green);border-radius:999px;align-items:center;padding:0 12px;font-weight:950;display:inline-flex}.hub-placement-test-panel{gap:18px;padding:20px;display:grid}.hub-placement-progress{background:#14213d14;border-radius:999px;height:12px;overflow:hidden}.hub-placement-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--hub-green), var(--hub-blue));height:100%;display:block}.hub-placement-question-card{border-radius:var(--hub-radius);background:linear-gradient(135deg, var(--hub-blue-soft), #fffffff0);gap:10px;padding:18px;display:grid}.hub-placement-area{color:var(--hub-blue);font-size:12px;font-weight:950}.hub-placement-question-card h1{font-size:clamp(24px,3vw,34px)}.hub-placement-options{gap:10px;display:grid}.hub-placement-option{border:2px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);min-height:58px;color:var(--hub-ink);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:17px;font-weight:900;display:flex}.hub-placement-option.is-selected{border-color:var(--hub-blue);background:var(--hub-blue-soft);color:var(--hub-blue)}.hub-placement-result-panel{background:linear-gradient(120deg, #fffffff0, #ffffffc7), linear-gradient(135deg, var(--hub-green-soft), var(--hub-yellow-soft));grid-template-columns:68px minmax(0,1fr) 114px;align-items:center;gap:16px;padding:22px;display:grid}.hub-placement-result-panel h1{font-size:clamp(34px,4vw,50px)}.hub-placement-score-ring{border:10px solid var(--hub-green);background:var(--hub-surface);width:106px;height:106px;color:var(--hub-green);border-radius:50%;place-items:center;display:grid}.hub-placement-score-ring strong{font-size:34px;line-height:.9}.hub-placement-score-ring span{color:var(--hub-muted);font-size:12px;font-weight:900}.hub-placement-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hub-placement-result-card{justify-items:start;gap:12px;padding:18px;display:grid}.hub-placement-result-card h2{color:var(--hub-ink);margin:0}.hub-raz-page{max-width:980px}.hub-raz-start-panel,.hub-raz-passage-card,.hub-raz-question-card,.hub-raz-result-hero,.hub-raz-result-card,.hub-raz-path-card,.hub-raz-reco-card{border:1px solid var(--hub-border);border-radius:var(--hub-radius);box-shadow:var(--hub-shadow-soft);background:#ffffffeb}.hub-raz-start-panel{gap:22px;padding:26px;display:grid}.hub-raz-hero{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:16px;display:grid}.hub-raz-hero-icon{border-radius:var(--hub-radius);background:linear-gradient(135deg, var(--hub-green), var(--hub-blue));color:#fff;place-items:center;width:58px;height:58px;display:inline-grid}.hub-kicker{color:var(--hub-blue);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:950}.hub-raz-chips{flex-wrap:wrap;gap:10px;display:flex}.hub-raz-chips span{background:var(--hub-blue-soft);min-height:34px;color:var(--hub-blue);border:1px solid #cfe6ff;border-radius:999px;align-items:center;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.hub-raz-form{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:stretch;gap:18px;display:grid}.hub-raz-form label,.hub-raz-grade-field{border-radius:var(--hub-radius);color:var(--hub-ink);background:linear-gradient(#f7fbff,#fff);border:1px solid #cfe6ff;align-content:start;gap:13px;padding:18px;display:grid;box-shadow:inset 0 0 0 1px #2d8cff0d}.hub-raz-form label>span,.hub-raz-grade-field>span{color:var(--hub-blue);align-items:center;gap:8px;font-size:22px;font-weight:950;line-height:1.15;display:inline-flex}.hub-raz-form input{border:2px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);width:100%;min-height:64px;color:var(--hub-ink);outline:0;padding:0 18px;font-size:22px;font-weight:900}.hub-raz-form input:focus-visible{border-color:var(--hub-blue);box-shadow:0 0 0 3px #2d8cff24}.hub-raz-grade-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hub-raz-grade-chip{border:2px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);min-height:64px;color:var(--hub-ink);cursor:pointer;font-size:20px;font-weight:950;box-shadow:0 8px 18px #28497614}.hub-raz-grade-chip.is-selected{color:#835700;background:#fff5d8;border-color:#ffcb54;box-shadow:inset 0 0 0 2px #ffcb5457}.hub-raz-banner{border-radius:var(--hub-radius);background:var(--hub-green-soft);color:var(--hub-green);text-align:center;border:1px solid #bce8cf;padding:14px 16px;font-size:15px;font-weight:900}.hub-raz-passage-card,.hub-raz-question-card,.hub-raz-result-card,.hub-raz-path-card,.hub-raz-reco-card{gap:16px;padding:18px;display:grid}.hub-raz-passage-card{padding:24px}.hub-raz-passage-text{border-radius:var(--hub-radius);color:var(--hub-ink);letter-spacing:0;overflow-wrap:anywhere;background:#eef8ff;border:2px solid #cfe6ff;padding:18px;font-size:clamp(18px,1.82vw,24px);font-weight:850;line-height:1.52;display:block;box-shadow:inset 0 0 0 1px #2d8cff0f}.hub-raz-passage-sentence{display:inline}.hub-raz-question-list{gap:14px;display:grid}.hub-raz-question-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hub-raz-question-summary span{min-height:34px;color:var(--hub-muted);box-shadow:inset 0 0 0 1px var(--hub-border);background:#ffffffe0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:950;display:inline-flex}.hub-raz-question-summary b{color:var(--hub-ink);font-size:15px}.hub-raz-question-meta{align-items:center;gap:10px;display:flex}.hub-raz-question-number{background:var(--hub-blue);color:#fff;border-radius:50%;flex:none;place-items:center;min-width:36px;height:36px;font-size:16px;font-weight:950;display:inline-grid}.hub-raz-skill-badge{background:var(--hub-blue-soft);min-height:30px;color:var(--hub-blue);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:950;display:inline-flex}.hub-raz-skill-badge.is-vocab{color:#c33173;background:#ffeaf4}.hub-raz-question-card.is-vocab{border-color:#ec407a47}.hub-raz-question-card.is-vocab .hub-raz-question-number{background:#ec407a}.hub-raz-question-card>p{color:var(--hub-ink);margin:0;font-size:clamp(23px,2.2vw,26px);font-weight:950;line-height:1.32;display:block}.hub-raz-choice-list{gap:10px;display:grid}.hub-raz-choice{border:2px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);min-height:76px;color:var(--hub-ink);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:clamp(20px,1.8vw,22px);font-weight:900;line-height:1.25;display:flex}.hub-raz-choice.is-selected{background:#fff5d8;border-color:#ffcb54}.hub-raz-result-hero{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;display:grid}.hub-raz-disclaimer{text-align:center;font-size:13px;font-weight:800}.hub-raz-result-grid,.hub-raz-reco-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hub-raz-result-card h2,.hub-raz-path-card h2{align-items:center;gap:8px;font-size:19px;display:flex}.hub-raz-skill-bar{gap:7px;display:grid}.hub-raz-skill-bar div{color:var(--hub-ink-soft);justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:900;display:flex}.hub-raz-skill-bar:after,.hub-raz-path-row:after{content:"";background:#edf5fb;border-radius:999px;grid-row:2;height:12px}.hub-raz-skill-bar i,.hub-raz-path-row>span{background:linear-gradient(90deg, #6fb1ff, var(--hub-blue));z-index:1;border-radius:999px;grid-row:2;height:12px}.hub-raz-skill-bar i.pink{background:linear-gradient(90deg,#ff9ac3,#ec407a)}.hub-raz-path-card{gap:12px}.hub-raz-path-row{gap:7px;display:grid}.hub-raz-path-row div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hub-raz-path-row strong,.hub-raz-path-row small{font-size:13px}.hub-raz-path-row small{color:var(--hub-muted);font-weight:850}.hub-raz-path-row>span{background:linear-gradient(90deg, var(--hub-green), var(--hub-blue));height:11px}.hub-raz-reco-card.is-main{box-shadow:inset 0 0 0 2px #20a66b14, var(--hub-shadow-soft);border-color:#bce8cf}.hub-raz-reco-card>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hub-raz-reco-card strong{color:var(--hub-blue);font-size:15px;font-weight:950}.hub-raz-reco-card>div span{color:var(--hub-muted);font-size:13px;font-weight:850}.hub-raz-reco-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hub-raz-reco-card li{border-radius:var(--hub-radius);color:var(--hub-ink);background:#f7fbff;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:14px;font-weight:850;display:flex}.hub-raz-reco-card li small{color:var(--hub-muted);flex:none;font-weight:900}.hub-personalization-preview{grid-column:1/-1;gap:0;padding:0 0 2px;display:grid}.hub-personalization-heading{align-items:center;margin-bottom:0;padding:0 2px}.hub-personalization-heading h2{font-size:clamp(28px,2.7vw,36px);line-height:1.05}.hub-personalization-heading p{max-width:700px;color:var(--hub-ink-soft);font-size:15px;font-weight:850}.hub-personalization-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hub-personal-card{--personal-accent:var(--hub-green);--personal-border:#bce8cf;--personal-surface-rgb:241, 251, 245;--personal-soft-rgb:231, 248, 238;--personal-tab-bg-rgb:222, 244, 232;--personal-tab-ink:#0c7449;--hub-local-tilt-x:0deg;--hub-local-tilt-y:0deg;--hub-local-shine-x:50%;--hub-local-shine-y:50%;--hub-local-shine-shift:0%;border-radius:var(--hub-radius);background:linear-gradient(180deg, #ffffff14, #ffffff29), rgba(var(--personal-surface-rgb), .4);min-height:208px;color:var(--hub-ink);box-shadow:0 20px 36px #14213d1f, 0 8px 0 #ffffff6b inset, 0 0 0 1px var(--personal-border);-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08);transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 34px) rotateX(var(--hub-motion-card-x)) rotateY(var(--hub-motion-card-y)) rotateX(var(--hub-local-tilt-x)) rotateY(var(--hub-local-tilt-y));transform-style:preserve-3d;will-change:transform;border:1px solid #ffffffb8;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:12px;padding:18px;display:grid;position:relative;overflow:hidden}.hub-placement-home-card,.hub-personal-card{transition:transform .22s,translate .22s,box-shadow .22s,border-color .22s}.hub-placement-home-icon,.hub-personal-icon{animation:4.8s ease-in-out infinite hub-home-icon-bob}.hub-placement-home-card:hover,.hub-placement-home-card:focus-within,.hub-personal-card:hover,.hub-personal-card:focus-visible{border-color:var(--personal-accent);box-shadow:0 30px 56px #14213d33, 0 8px 0 #ffffff7a inset, 0 0 0 1px var(--personal-accent);transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 54px) rotateX(var(--hub-motion-card-x)) rotateY(var(--hub-motion-card-y)) rotateX(var(--hub-local-tilt-x)) rotateY(var(--hub-local-tilt-y));translate:0 -6px}.hub-placement-home-card:hover,.hub-placement-home-card:focus-within{transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 46px) rotateX(var(--hub-motion-card-x)) rotateY(var(--hub-motion-card-y)) rotateX(var(--hub-local-tilt-x)) rotateY(var(--hub-local-tilt-y));border-color:#2d8cff94;translate:0 -4px}.hub-personal-tab{border-radius:calc(var(--hub-radius) - 2px) calc(var(--hub-radius) - 2px) 0 0;background:rgba(var(--personal-tab-bg-rgb), .7);min-height:40px;color:var(--personal-tab-ink);letter-spacing:0;grid-column:1/-1;align-items:center;margin:-18px -18px 2px;padding:0 18px;font-size:14px;font-weight:950;display:flex;transform:translateZ(24px);box-shadow:inset 0 -1px #ffffff85}@keyframes hub-home-icon-bob{0%,to{translate:0;rotate:0deg}50%{translate:0 -3px;rotate:2deg}}.hub-personal-card.custom{--personal-accent:var(--hub-blue);--personal-border:#cfe6ff;--personal-surface-rgb:240, 247, 255;--personal-soft-rgb:232, 243, 255;--personal-tab-bg-rgb:220, 238, 255;--personal-tab-ink:#146dcc}.hub-personal-card.recommend{--personal-accent:var(--hub-coral);--personal-border:#ffd1c7;--personal-surface-rgb:255, 244, 241;--personal-soft-rgb:255, 240, 236;--personal-tab-bg-rgb:255, 228, 220;--personal-tab-ink:#bf4d39}.hub-personal-icon{border-radius:var(--hub-radius);background:rgba(var(--personal-soft-rgb), .82);width:54px;height:54px;color:var(--personal-accent);place-items:center;display:inline-grid;transform:translateZ(30px);box-shadow:inset 0 0 0 1px #ffffffb8}.hub-personal-copy{align-content:center;gap:6px;min-width:0;display:grid;transform:translateZ(24px)}.hub-personal-copy strong{color:var(--hub-ink);text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:950;line-height:1.16;overflow:hidden}.hub-personal-copy small{color:var(--hub-muted);font-size:13px;font-weight:750;line-height:1.38}.hub-personal-meter,.hub-personal-chips,.hub-personal-route{grid-column:1/-1;transform:translateZ(18px)}.hub-personal-meter{background:#14213d14;border-radius:999px;align-self:end;height:11px;overflow:hidden}.hub-personal-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--personal-accent), var(--hub-yellow));min-width:10px;height:100%;display:block}.hub-personal-chips,.hub-personal-route,.hub-personal-meta{align-items:center;display:flex}.hub-personal-chips{flex-wrap:wrap;gap:6px}.hub-personal-chips i{background:rgba(var(--personal-soft-rgb), .82);min-height:26px;color:var(--personal-accent);border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.hub-personal-route{gap:7px}.hub-personal-route em{border-radius:var(--hub-radius);background:rgba(var(--personal-soft-rgb), .82);min-height:28px;color:var(--personal-accent);align-items:center;padding:0 9px;font-size:12px;font-style:normal;font-weight:950;display:inline-flex}.hub-personal-route i{background:var(--personal-accent);border-radius:999px;width:18px;height:3px}.hub-personal-meta{color:var(--personal-accent);grid-column:1/-1;justify-content:space-between;gap:10px;font-size:13px;font-weight:950;transform:translateZ(22px)}.hub-placement-home-card>*,.hub-personal-card>*,.hub-home-menu-card>*{z-index:1;position:relative}.hub-placement-home-card:after,.hub-personal-card:after,.hub-home-menu-card:after{content:"";z-index:0;border-radius:inherit;opacity:0;transform:translate3d(var(--hub-local-shine-shift), 0, 1px) rotate(-5deg);pointer-events:none;background:linear-gradient(118deg,#0000 40%,#ffffff47 49%,#ffffff1a 53%,#0000 62%);transition:opacity .18s,transform .1s linear;position:absolute;inset:-42% -28%}.hub-placement-home-card[data-tilt-active=true]:after,.hub-personal-card[data-tilt-active=true]:after,.hub-home-menu-card[data-tilt-active=true]:after,.hub-placement-home-card:focus-within:after,.hub-personal-card:focus-visible:after,.hub-home-menu-card:focus-visible:after{opacity:.7}[data-home-tilt][data-tilt-active=true]{transition-duration:80ms,80ms,.18s,.18s}.hub-home-menu-card{--menu-accent:var(--hub-green);--menu-soft:var(--hub-green-soft);--menu-border:#bce8cf;--hub-local-tilt-x:0deg;--hub-local-tilt-y:0deg;--hub-local-shine-x:50%;--hub-local-shine-y:50%;--hub-local-shine-shift:0%;border:2px solid var(--menu-border);border-radius:var(--hub-radius);background:linear-gradient(180deg, #fffffff5, #fffffffc), var(--menu-soft);min-height:318px;color:var(--hub-ink);text-align:left;transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 0) rotateX(var(--hub-motion-card-x)) rotateY(var(--hub-motion-card-y)) rotateX(var(--hub-local-tilt-x)) rotateY(var(--hub-local-tilt-y));transform-style:preserve-3d;will-change:transform;grid-template-rows:170px minmax(0,1fr) auto;gap:14px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 54px #204e7429,inset 0 1px #ffffffb8}.hub-home-menu-card:before{content:"";z-index:2;background:var(--menu-accent);opacity:.94;height:6px;position:absolute;inset:0 0 auto}.hub-home-menu-card{transition:transform .2s,translate .2s,box-shadow .2s,border-color .2s}.hub-home-menu-card:hover,.hub-home-menu-card:focus-visible{border-color:var(--menu-accent);translate:0 -7px;transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 38px) rotateX(var(--hub-motion-card-x)) rotateY(var(--hub-motion-card-y)) rotateX(var(--hub-local-tilt-x)) rotateY(var(--hub-local-tilt-y));box-shadow:0 34px 68px #204e7433,inset 0 1px #ffffffc7}.hub-home-menu-card:active{translate:0 -1px;transform:translate3d(var(--hub-motion-card-shift-x), var(--hub-motion-card-shift-y), 16px) rotateX(var(--hub-motion-card-x)) rotateY(var(--hub-motion-card-y)) rotateX(var(--hub-local-tilt-x)) rotateY(var(--hub-local-tilt-y)) scale(.985)}.hub-home-menu-card.ai{--menu-accent:var(--hub-blue);--menu-soft:var(--hub-blue-soft);--menu-border:#cfe6ff}.hub-home-menu-card.meta{--menu-accent:var(--hub-coral);--menu-soft:var(--hub-coral-soft);--menu-border:#ffd1c7}.hub-menu-art,.hub-preview-frame{border-radius:var(--hub-radius);background:var(--menu-soft,var(--hub-surface-soft));display:block;position:relative;overflow:hidden}.hub-home-menu-card .hub-menu-art{transition:transform .24s;transform:translateZ(28px)}.hub-home-menu-card .hub-menu-copy{transform:translateZ(20px)}.hub-home-menu-card .hub-menu-action{transform:translateZ(24px)}.hub-home-menu-card:hover .hub-menu-art,.hub-home-menu-card:focus-visible .hub-menu-art{transform:translateZ(42px)scale(1.025)}.hub-menu-portal-gate{z-index:2;opacity:.44;perspective:620px;transform-style:preserve-3d;pointer-events:none;transition:opacity .22s,transform .24s;display:block;position:absolute;inset:0;overflow:hidden;transform:translateZ(16px)scale(.96)}.hub-menu-portal-gate i{aspect-ratio:1;border:2px solid var(--menu-accent);opacity:.62;filter:drop-shadow(0 0 5px var(--menu-accent));transform-origin:50%;border-radius:50%;display:block;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotateX(64deg)}.hub-menu-portal-gate i:first-child{width:52%}.hub-menu-portal-gate i:nth-child(2){opacity:.5;border-style:dashed;width:70%;transform:translate3d(-50%,-50%,-4px)rotateX(68deg)rotate(48deg)}.hub-menu-portal-gate i:nth-child(3){opacity:.36;border-width:1px;width:88%;transform:translate3d(-50%,-50%,-8px)rotateX(72deg)rotate(96deg)}.hub-menu-portal-gate i:first-child{animation:8s linear infinite hub-portal-ring-spin}.hub-menu-portal-gate i:nth-child(2){animation:11s linear infinite reverse hub-portal-ring-spin}.hub-menu-portal-gate i:nth-child(3){animation:14s linear infinite hub-portal-ring-spin}.hub-home-menu-card:hover .hub-menu-portal-gate,.hub-home-menu-card:focus-visible .hub-menu-portal-gate,.hub-home-menu-card[data-tilt-active=true] .hub-menu-portal-gate{opacity:.82;transform:translateZ(34px)scale(1.02)}.hub-home-menu-card:active .hub-menu-portal-gate{opacity:1;transform:translateZ(44px)scale(.93)}@keyframes hub-portal-ring-spin{0%{rotate:0deg}to{rotate:360deg}}.hub-menu-art img,.hub-preview-frame img{object-fit:cover;width:100%;height:100%;display:block}.hub-home-menu-card .hub-menu-art img{z-index:0;transition:filter .24s,transform .26s;position:relative}.hub-home-menu-card:hover .hub-menu-art img,.hub-home-menu-card:focus-visible .hub-menu-art img,.hub-home-menu-card[data-tilt-active=true] .hub-menu-art img{filter:saturate(1.08)contrast(1.03);transform:scale(1.055)}.hub-menu-art img{min-height:170px}.hub-menu-copy{gap:8px;display:grid}.hub-menu-badge,.hub-contract-list span,.hub-handoff-contract span,.hub-status-badge,.hub-connection-status{border-radius:var(--hub-radius);background:var(--menu-soft,var(--hub-surface-soft));width:fit-content;min-height:30px;color:var(--menu-accent,var(--hub-ink-soft));align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.hub-menu-copy strong{font-size:25px;font-weight:900;line-height:1.12}.hub-menu-copy>span:not(.hub-menu-badge):not(.hub-menu-progress){color:var(--hub-muted);font-size:14px;line-height:1.45}.hub-menu-progress,.hub-mini-progress{background:#14213d14;border-radius:999px;height:9px;display:block;overflow:hidden}.hub-mini-progress{height:7px}.hub-menu-progress span,.hub-mini-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--hub-green), var(--hub-yellow));min-width:8px;height:100%;display:block}.hub-menu-action{border-radius:var(--hub-radius);background:var(--menu-accent);color:#fff;justify-self:start;align-items:center;min-height:40px;padding:0 15px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #14213d1f}.hub-mission-banner{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:linear-gradient(90deg, #ffffffc7 0%, #ffffff61 43%, #ffffff0a 100%), url(/metaon-assets/mission-banner.png) center / cover no-repeat, var(--hub-surface);min-height:124px;box-shadow:var(--hub-shadow-soft);grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;padding:20px 28px;display:grid;overflow:hidden}.hub-mission-copy h1{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(25px,2.5vw,36px);overflow:hidden}.hub-mission-copy p{color:#24415a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px;font-size:15px;font-weight:750;overflow:hidden}.hub-warning-copy{font-weight:800;color:#755100!important}.hub-warning-copy button{border-radius:var(--hub-radius);background:var(--hub-yellow);color:#3b2a00;margin-left:8px;padding:5px 9px;font-weight:900}.hub-mission-track{grid-template-columns:74px 74px 36px 92px 36px 104px 46px 74px;justify-content:end;align-items:center;display:grid}.hub-student-node,.hub-mission-node{background:var(--hub-surface);color:var(--hub-ink);box-shadow:var(--hub-shadow-soft);border:4px solid #ffffffd6;border-radius:50%;place-items:center;font-weight:900;display:grid}.hub-student-node{background:linear-gradient(135deg, var(--hub-yellow), var(--hub-coral));color:#fff;width:74px;height:74px;font-size:22px}.hub-mission-node{color:#0c7449;background:var(--hub-green-soft);text-align:center;width:74px;height:74px;padding:4px;font-size:12px}.hub-mission-node.active{background:var(--hub-blue);color:#fff;width:92px;height:92px}.hub-mission-node.reward{background:var(--hub-yellow-soft);color:#755100}.hub-track-line{background:#ffffffe0;height:8px;box-shadow:0 0 0 2px #22a06b29}.hub-track-line.dotted{box-shadow:none;background:repeating-linear-gradient(90deg,#fffffff0 0 8px,#0000 9px 16px)}.hub-study-layout{grid-template-columns:minmax(0,1fr) 304px;align-items:start;gap:18px;display:grid}.hub-study-main,.hub-study-side,.hub-book-detail-panel,.hub-mission-panel,.hub-launch-panel,.hub-status-panel,.hub-entitlement-panel,.hub-external-frame-screen,.hub-book-hero,.hub-book-activity-panel,.hub-profile-header,.hub-profile-action,.hub-empty-state,.hub-access-screen{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);box-shadow:var(--hub-shadow-soft)}.hub-study-main{padding:20px}.hub-brand-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.hub-brand-tab{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface-soft);min-height:52px;color:var(--hub-ink);text-align:left;cursor:pointer;justify-items:start;gap:2px;padding:8px 12px;display:grid}.hub-brand-tab.is-active{background:var(--hub-surface);border-color:var(--tab-accent);box-shadow:inset 0 -4px 0 var(--tab-accent)}.hub-brand-tab span{font-weight:900}.hub-brand-tab small{color:var(--hub-muted);font-weight:800}.hub-filter-rows{gap:8px;margin-bottom:12px;display:grid}.hub-chip-row{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.hub-chip-row button{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);min-height:36px;color:var(--hub-ink-soft);flex:none;padding:0 12px;font-weight:850}.hub-chip-row button.is-active{border-color:var(--hub-green);background:var(--hub-green-soft);color:#0d6f46}.hub-book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.hub-book-card{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);min-height:224px;color:var(--hub-ink);text-align:left;cursor:pointer;gap:10px;padding:10px;text-decoration:none;display:grid}.hub-book-card:hover,.hub-book-card:focus-visible{border-color:var(--hub-blue);transform:translateY(-1px);box-shadow:0 0 0 3px #2d8cff1f,0 14px 28px #204e741f}.hub-book-card.is-active{border-color:var(--hub-blue);box-shadow:0 0 0 3px #2d8cff1f}.hub-book-cover{border-radius:var(--hub-radius);background:linear-gradient(135deg, var(--hub-green), var(--hub-blue));color:#fff;height:118px;padding:11px;display:block;position:relative;overflow:hidden}.hub-book-cover.large{flex:none;width:154px;height:196px}.hub-book-cover.hero{flex:none;width:min(280px,34vw);height:340px}.hub-book-cover.tiny{width:46px;height:54px;padding:7px}.hub-book-cover:after{content:"";pointer-events:none;background:linear-gradient(#061b3657,#0000 42%,#061b366b),linear-gradient(90deg,#0000003d,#0000 58%);position:absolute;inset:0}.hub-book-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.hub-cover-level,.hub-cover-title{z-index:3;text-shadow:0 2px 8px #00000052;display:block;position:relative}.hub-cover-level{opacity:.9;font-size:11px;font-weight:900}.hub-cover-title{max-width:118px;margin-top:42px;font-size:22px;font-weight:900;line-height:.96}.hub-book-cover.large .hub-cover-title{margin-top:104px;font-size:25px}.hub-book-cover.hero .hub-cover-title{margin-top:226px;font-size:32px}.hub-book-card-body{gap:5px;display:grid}.hub-book-card-body strong{color:var(--hub-ink);font-size:16px;font-weight:900;line-height:1.18}.hub-book-card-body span{color:var(--hub-muted);font-size:12px;font-weight:800}.hub-book-detail-panel{grid-template-columns:minmax(0,.95fr) minmax(320px,1fr);gap:18px;margin-top:16px;padding:16px;display:grid}.hub-book-detail-intro{z-index:1;align-items:stretch;gap:16px;display:flex;position:relative}.hub-detail-label,.hub-panel-label{color:var(--hub-green);margin-bottom:8px;font-size:12px;font-weight:900;display:inline-flex}.hub-progress-summary{align-items:center;gap:10px;margin-top:14px;display:flex}.hub-progress-summary.compact{margin-top:0;padding:4px 10px 4px 0}.hub-progress-summary strong{color:var(--hub-green);font-size:30px;font-weight:900}.hub-progress-summary.compact strong{font-size:26px}.hub-progress-summary span{color:var(--hub-muted);font-weight:800}.hub-book-mini-stats{flex-wrap:wrap;gap:6px;min-width:0;display:inline-flex}.hub-book-mini-stats span{background:var(--hub-surface-soft);min-height:28px;color:var(--hub-muted);white-space:nowrap;border:1px solid #a8cadbb8;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:850;display:inline-flex}.hub-book-mini-stats strong{color:var(--hub-green);font-size:15px;line-height:1}.hub-home-motion-root[data-home-motion-quality=low] .hub-theme-particle:nth-child(n+7){display:none}.hub-home-motion-root[data-home-motion-quality=low] .hub-home-depth-base{transform:translate3d(var(--hub-motion-bg-x), var(--hub-motion-bg-y), -12px) scale(1.04)}.hub-home-motion-root[data-home-motion-quality=low] .hub-menu-portal-gate i{animation:none}.hub-home-motion-root[data-home-motion-quality=low] .hub-menu-portal-gate i:nth-child(3){display:none}@media (hover:none){.hub-placement-home-card,.hub-personal-card,.hub-home-menu-card{animation:none}.hub-placement-home-card:active,.hub-personal-card:active,.hub-home-menu-card:active{translate:0 -2px}}.hub-activity-row{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface-soft);min-height:68px;color:var(--hub-ink);text-align:left;cursor:pointer;grid-template-columns:28px 44px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:10px;display:grid}.hub-activity-row.is-complete{background:var(--hub-green-soft);border-color:#bce8cf}.hub-activity-status{color:var(--hub-green)}.hub-activity-icon,.hub-launcher-icon,.hub-tile-icon,.hub-notification-icon{border-radius:var(--hub-radius);background:var(--hub-green-soft);width:44px;height:44px;color:var(--hub-green);flex:none;place-items:center;display:inline-grid}.hub-activity-copy{gap:3px;min-width:0;display:grid}.hub-activity-copy strong,.hub-activity-copy small,.hub-list-row strong,.hub-list-row small,.hub-notification-row strong,.hub-notification-row small,.hub-progress-row strong,.hub-progress-row small{display:block}.hub-activity-copy small,.hub-list-row small,.hub-notification-row small,.hub-progress-row small{color:var(--hub-muted);margin-top:3px;font-size:12px;font-weight:750}.hub-activity-chevron{color:var(--hub-muted)}.hub-empty-inline,.hub-empty-state{color:var(--hub-muted);text-align:center;justify-items:center;gap:9px;padding:24px;display:grid}.hub-book-detail-panel .hub-empty-inline{pointer-events:none}.hub-empty-inline strong,.hub-empty-state strong{color:var(--hub-ink)}.hub-resource-status-copy{color:var(--hub-muted);margin:0;font-size:13px;font-weight:850}.hub-study-side{gap:12px;display:grid}.hub-mission-panel{text-align:center;justify-items:center;gap:9px;padding:13px;display:grid}.hub-progress-ring{--ring-value:0%;background:radial-gradient(circle at center, var(--hub-surface) 56%, transparent 57%), conic-gradient(var(--hub-green) var(--ring-value), #e5eef5 0);border-radius:50%;place-items:center;width:104px;height:104px;display:grid}.hub-progress-ring strong,.hub-progress-ring small{grid-area:1/1;display:block}.hub-progress-ring strong{margin-top:-10px;font-size:28px;font-weight:900}.hub-progress-ring small{color:var(--hub-muted);margin-top:36px;font-weight:900}.hub-launcher-card{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);min-height:82px;color:var(--hub-ink);text-align:left;box-shadow:var(--hub-shadow-soft);grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;display:grid}.hub-launcher-card.rich{grid-template-columns:1fr;align-items:stretch;min-height:186px}.hub-launcher-top{grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:10px;display:grid}.hub-launcher-card.ai .hub-launcher-icon,.hub-tile-icon.ai{background:var(--hub-blue-soft);color:var(--hub-blue)}.hub-launcher-card.meta .hub-launcher-icon,.hub-tile-icon.meta{background:var(--hub-coral-soft);color:var(--hub-coral)}.hub-launcher-card strong,.hub-launcher-card small{display:block}.hub-launcher-card small{color:var(--hub-muted);margin-top:3px;font-size:12px;font-weight:800}.hub-preview-frame{border:1px solid var(--hub-border);min-height:88px;position:relative}.hub-speech-bubble{border-radius:var(--hub-radius);max-width:178px;color:var(--hub-ink);background:#ffffffed;padding:10px;font-size:12px;font-weight:850;line-height:1.35;position:absolute;top:18px;right:14px}.hub-world-player{background:linear-gradient(135deg, var(--hub-yellow), var(--hub-coral));color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;font-weight:900;display:grid;position:absolute;bottom:14px;left:18px}.hub-book-hero{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:24px;padding:22px;display:grid}.hub-book-hero.is-compact{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:16px;padding:12px 14px}.hub-book-hero.is-compact .hub-book-cover.hero{border-radius:12px;width:116px;height:116px;padding:9px}.hub-book-hero.is-compact .hub-book-cover.hero .hub-cover-title{max-width:92px;margin-top:58px;font-size:18px}.hub-book-hero.is-compact .hub-book-hero-copy{align-content:center;gap:6px}.hub-book-hero.is-compact .hub-detail-label{margin-bottom:0}.hub-book-hero.is-compact h1{margin:0;font-size:clamp(28px,3vw,38px);line-height:1}.hub-book-hero.is-compact .hub-book-hero-copy>p{color:var(--hub-muted);margin:0;font-size:13px;font-weight:800}.hub-book-hero-inline{flex-wrap:wrap;align-items:center;gap:9px 12px;min-width:0;display:flex}.hub-book-hero-copy{align-content:center;gap:14px;display:grid}.hub-book-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hub-status-panel{gap:2px;padding:18px;display:grid}.hub-status-panel strong{color:var(--hub-green);font-size:34px;line-height:1}.hub-status-panel span{color:var(--hub-muted);font-weight:850}.hub-status-panel.large{gap:9px}.hub-book-activity-panel,.hub-launch-panel,.hub-entitlement-panel,.hub-profile-header{padding:18px}.hub-book-activity-panel{min-width:0;padding:14px 18px 18px}.hub-book-activity-panel.is-resource-loading{place-items:center;min-height:280px;padding:24px;display:grid}.hub-trail{height:var(--trail-h,300px);border-radius:var(--hub-radius);perspective:1100px;perspective-origin:50% 30%;background:linear-gradient(#bfe6a8 0,#a8dc90 23px,#ead9ad 24px,#e2cf9c 33px,#69b9e2 34px,#4a9fd0 40%,#2f81b8 100%);transition:height .24s;position:relative;overflow:hidden}.hub-trail-floor{z-index:0;transform-origin:50% 0;pointer-events:none;background:radial-gradient(at 50% 38%,#e2f6ff9e 0%,#96d6f466 52%,#5ab0de29 76%,#0000 77%);border-radius:50%;width:1500px;height:700px;margin-left:-750px;position:absolute;top:96px;left:50%;transform:rotateX(52deg)}.hub-trail-path{height:100%;margin:0;position:relative;left:50%;transform:translate(-50%)}.hub-trail-link{z-index:1;height:0;transform:rotate(var(--link-angle,0deg));transform-origin:0;pointer-events:none;border-top:5px dashed #ffffffc7;position:absolute}.hub-trail-link.is-dimmed{border-top-color:#ffffff57}.hub-trail-turn{z-index:1;pointer-events:none;border:5px dashed #ffffffc7;position:absolute}.hub-trail-turn.is-right{border-left:0;border-radius:0 999px 999px 0}.hub-trail-turn.is-left{border-right:0;border-radius:999px 0 0 999px}.hub-trail-turn.is-dimmed{border-color:#ffffff57}.hub-trail-slot{--lift:12px;z-index:2;width:152px;height:196px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;text-decoration:none;display:block;position:absolute}.hub-trail-slot.is-current{--lift:32px}.hub-trail-slot.is-locked{--lift:2px;cursor:not-allowed}.hub-trail-stone{width:124px;height:54px;transform:translateY(calc(var(--lift) * -1));margin-left:-62px;transition:transform .26s;position:absolute;top:118px;left:50%}.hub-trail-stone:before{content:"";left:50%;top:calc(40px + var(--lift));border:2px solid #ffffff57;border-radius:50%;width:132px;height:32px;margin-left:-68px;position:absolute}.hub-trail-stone i{background:linear-gradient(160deg,#f0e2c2,#cbb083);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 -6px #6e522642}.hub-trail-stone u{height:calc(var(--lift) + 24px);background:linear-gradient(#b28f56,#8b6b3b);border-radius:0 0 46% 46%;transition:height .26s;position:absolute;top:26px;left:4px;right:4px}.hub-trail-slot.is-current .hub-trail-stone i{background:linear-gradient(160deg,#fffbe9,#ffd98a);box-shadow:inset 0 -6px #96681a47}.hub-trail-slot.is-locked .hub-trail-stone i{background:linear-gradient(160deg,#a8c2d0,#7f9cae);border:3px dashed #eefaff70;box-shadow:inset 0 -4px #28425442}.hub-trail-glow{opacity:0;pointer-events:none;background:radial-gradient(#ffd65c9e,#0000 68%);border-radius:50%;width:164px;height:66px;margin-left:-82px;position:absolute;top:106px;left:50%}.hub-trail-slot.is-current .hub-trail-glow{opacity:1}.hub-trail-flag{left:50%;top:calc(84px - var(--lift));transform-origin:bottom;pointer-events:none;width:40px;height:60px;margin-left:22px;position:absolute}.hub-trail-flag:before{content:"";background:#7d5c36;border-radius:2px;width:4px;height:100%;position:absolute;bottom:0;left:17px}.hub-trail-flag:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#35b36b;width:27px;height:20px;position:absolute;top:4px;left:21px}.hub-trail-flag img{object-fit:contain;width:19px;height:19px;position:absolute;top:-11px;left:9px}.hub-trail-token{left:50%;top:calc(102px - var(--lift));z-index:3;color:#6b4200;pointer-events:none;background:linear-gradient(150deg,#ffd469,#f2a93b);border-radius:12px;place-items:center;width:44px;height:44px;margin-left:-22px;font-size:14px;font-weight:950;display:grid;position:absolute;box-shadow:inset 0 -5px #965a0a5c,0 8px 12px #283c1e47}.hub-trail-lock{left:50%;top:calc(126px - var(--lift));color:#5c6b76;pointer-events:none;position:absolute;transform:translate(-50%)}.hub-trail-plaque{pointer-events:none;justify-items:center;gap:2px;width:148px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.hub-trail-plaque b{color:#fff;text-shadow:0 2px #2846286b;font-size:22px;font-weight:950;line-height:1}.hub-trail-plaque em{color:#234a30;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#ffffffdb;border-radius:999px;max-width:148px;padding:2px 10px;font-size:13px;font-style:normal;font-weight:900;line-height:1.25;overflow:hidden}.hub-trail-pill{border-radius:999px;align-items:center;gap:3px;padding:2px 9px;font-size:11px;font-weight:900;display:inline-flex}.hub-trail-slot.is-complete .hub-trail-pill{color:#157a48;background:#d9f4e4}.hub-trail-slot.is-current .hub-trail-pill{color:#fff;background:#1479d1}.hub-trail-slot.is-locked .hub-trail-pill{color:#5c6b76;background:#ffffffb3}.hub-trail-slot.is-locked .hub-trail-plaque em{opacity:.62}.hub-trail-floor{animation:.3s cubic-bezier(.22,1,.36,1) backwards hub-trail-floor-in}.hub-trail-slot{animation:.38s cubic-bezier(.34,1.56,.64,1) backwards hub-trail-stone-pop;animation-delay:calc(.2s + var(--i,0) * 90ms)}.hub-trail-link{animation:.18s ease-out backwards hub-trail-link-draw;animation-delay:calc(.58s + var(--i,0) * 90ms)}.hub-trail-turn{animation:.24s ease-out backwards hub-trail-turn-in;animation-delay:calc(.58s + var(--i,0) * 90ms)}.hub-trail-token{animation:2.6s ease-in-out infinite hub-trail-token-bob}.hub-trail-slot.is-current .hub-trail-glow{animation:2.4s ease-in-out infinite hub-trail-glow}.hub-trail-slot.is-current:active .hub-trail-stone{transform:translateY(calc(var(--lift) * -1 + 8px)) scale(.97);transition-duration:90ms}.hub-trail-slot.is-locked:active .hub-trail-stone{animation:.24s ease-in-out hub-trail-nope}.hub-trail-slot.is-launching .hub-trail-stone{animation:.46s cubic-bezier(.2,.86,.2,1) both hub-trail-launch}.hub-trail-slot.is-launching .hub-trail-token,.hub-trail-slot.is-launching .hub-trail-plaque{animation:.46s cubic-bezier(.2,.86,.2,1) both hub-trail-launch-lift}@keyframes hub-trail-floor-in{0%{opacity:0;transform:rotateX(70deg)}}@keyframes hub-trail-stone-pop{0%{opacity:0;transform:translateY(60px)scale(.6)}70%{opacity:1;transform:translateY(-6px)scale(1.04)}to{opacity:1;transform:none}}@keyframes hub-trail-link-draw{0%{transform:rotate(var(--link-angle,0deg)) scaleX(0)}to{transform:rotate(var(--link-angle,0deg)) scaleX(1)}}@keyframes hub-trail-turn-in{0%{opacity:0}}@keyframes hub-trail-token-bob{0%,to{translate:0}50%{translate:0 -6px}}@keyframes hub-trail-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes hub-trail-nope{0%,to{translate:0}25%{translate:-6px}50%{translate:6px}75%{translate:-4px}}@keyframes hub-trail-launch{0%{transform:translateY(calc(var(--lift) * -1))}22%{transform:translateY(calc(var(--lift) * -1 + 10px)) scale(.94, .9)}70%{transform:translateY(calc(var(--lift) * -1 - 84px)) scale(1.16);opacity:1}to{transform:translateY(calc(var(--lift) * -1 - 124px)) scale(1.22);opacity:0}}@keyframes hub-trail-launch-lift{0%,22%{opacity:1;translate:0}70%{opacity:1;translate:0 -84px}to{opacity:0;translate:0 -124px}}@media (width<=760px){.hub-trail-plaque em{font-size:12px}}.hub-resource-download-panel{align-content:center;justify-items:center;gap:20px;width:min(620px,100%);min-height:210px;display:grid}.hub-resource-download-symbol{background:var(--hub-blue-soft);width:58px;height:58px;color:var(--hub-blue);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2d8cff2e,0 12px 24px #204e741a}.hub-resource-download-panel .progress-meter{gap:12px;width:100%;max-width:none;margin:0}.hub-resource-download-panel .progress-label{color:var(--hub-ink-soft);align-items:center;font-size:15px;font-weight:900}.hub-resource-download-panel .progress-label strong{color:var(--hub-blue);font-size:17px;font-weight:950}.hub-resource-download-panel .progress-track{background:#e7f0f7;border:1px solid #2d8cff29;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #204e7414}.hub-resource-download-panel .progress-track>div{z-index:1;background:linear-gradient(90deg, var(--hub-blue), var(--hub-teal));transition:width .18s;position:relative}.hub-resource-download-panel .progress-track:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:#ffffff8f;width:28%;position:absolute;inset:1px auto 1px -28%}.hub-resource-download-symbol svg{animation:1.6s ease-in-out infinite hub-resource-download-icon}.hub-resource-download-panel .progress-track:after{animation:1.35s ease-in-out infinite hub-resource-download-sweep}@keyframes hub-resource-download-icon{0%,to{translate:0 -2px}50%{translate:0 3px}}@keyframes hub-resource-download-sweep{0%{left:-28%}to{left:108%}}.hub-book-activity-panel .hub-section-heading{margin-bottom:12px}.hub-book-activity-panel .hub-section-heading h2{margin:0}.hub-book-activity-panel .hub-section-heading p{margin:4px 0 0}.hub-form-screen,.hub-external-start{max-width:860px}.hub-launch-panel{justify-items:start;gap:13px;display:grid}.hub-contract-list,.hub-handoff-contract{flex-wrap:wrap;gap:8px;display:flex}.hub-external-frame-screen{width:100vw;min-width:0;height:100svh;min-height:0;box-shadow:none;background:#071f28;border:0;border-radius:0;display:block;position:relative;overflow:hidden}.hub-external-frame-screen.is-metaplanet{box-sizing:border-box;height:100dvh;min-height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);place-items:center;display:grid}.hub-metaplanet-frame-stage{background:#030a12;width:100%;height:100%;position:relative;overflow:hidden}.hub-metaplanet-loading-overlay{z-index:12;pointer-events:none;background:#1e3159;position:absolute;inset:0;overflow:hidden}.hub-metaplanet-loading-overlay img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.hub-metaplanet-loading-progress{background:#0f1f466b;border:1px solid #ffffffd1;border-radius:999px;width:min(42%,320px);height:12px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 14px #040f2c61}.hub-metaplanet-loading-progress span{border-radius:inherit;will-change:transform;background:linear-gradient(90deg,#27cdb7,#40a9ff);width:38%;height:100%;animation:1.25s ease-in-out infinite hub-metaplanet-loading-progress;display:block}@keyframes hub-metaplanet-loading-progress{0%{transform:translate(-115%)}55%{transform:translate(120%)}to{transform:translate(285%)}}.hub-metaplanet-loading-label{color:#fff;text-align:center;text-shadow:0 1px 3px #040f2ccc;width:100%;margin:0;font-size:14px;position:absolute;top:calc(50% + 20px);left:0}.hub-metaplanet-orientation-overlay{z-index:18;padding:max(24px, env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px));box-sizing:border-box;color:#fff;text-align:center;background:#030e18f7;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.hub-metaplanet-orientation-overlay svg{color:#5ad6c6}.hub-metaplanet-orientation-overlay strong{font-size:clamp(20px,6vw,28px);line-height:1.25}.hub-metaplanet-orientation-overlay span{color:#ffffffbd;font-size:14px;line-height:1.5}.hub-external-frame-menu-tab{z-index:24;min-width:52px;height:42px;color:var(--hub-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#ffffffb3;border:1px solid #dbe8f2ad;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:950;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 14px 34px #0014232e}.hub-external-frame-menu-tab.is-open{color:var(--hub-blue);background:#ffffffeb;border-color:#2d8cff57}.hub-external-frame-header{z-index:20;border-radius:var(--hub-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #dbe8f2a3;align-items:center;gap:8px;width:auto;max-width:calc(100vw - 24px);padding:8px;display:none;position:absolute;top:62px;left:auto;right:12px;box-shadow:0 18px 42px #00142333}.hub-external-frame-header.is-open{display:flex}.hub-external-frame-header>div:first-child{align-items:center;gap:8px;display:flex}.hub-external-frame-header h1{white-space:nowrap;font-size:14px}.hub-external-frame-header p{display:none}.hub-external-frame-header .hub-frame-actions{gap:6px}.hub-external-frame-header .hub-secondary-action{min-height:36px;padding:0 10px}.hub-external-frame-header .hub-icon-button{width:36px;height:36px}.hub-connection-status.loading,.hub-status-badge.pending{background:var(--hub-yellow-soft);color:#755100}.hub-connection-status.ready,.hub-connection-status.completed,.hub-status-badge.approved{background:var(--hub-green-soft);color:#0c7449}.hub-connection-status.error,.hub-status-badge.rejected{background:var(--hub-coral-soft);color:#a43725}.hub-external-frame{background:var(--hub-surface-soft);border:0;width:100%;height:100%;display:block}.hub-handoff-contract{display:none}.hub-external-frame-error{z-index:24;color:#5f231b;background:#fff9f7fa;border:1px solid #f1b7ad;border-radius:14px;gap:10px;width:min(520px,100vw - 32px);padding:22px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 22px 60px #250b0640}.hub-external-frame-error>strong{font-size:18px}.hub-external-frame-error>span{line-height:1.5}.hub-external-frame-error>div{flex-wrap:wrap;gap:8px;display:flex}.hub-profile-header{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;display:grid}.hub-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hub-profile-action{min-height:86px;color:var(--hub-ink);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:14px;display:grid}.hub-entitlement-panel{gap:10px;display:grid}.hub-list-row,.hub-notification-row,.hub-progress-row{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);min-height:70px;color:var(--hub-ink);text-align:left;box-shadow:var(--hub-shadow-soft);grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px;display:grid}.hub-notification-row{cursor:pointer;grid-template-columns:44px minmax(0,1fr)}.hub-notification-row.is-read{opacity:.68}.hub-notification-row.success .hub-notification-icon{background:var(--hub-green-soft);color:var(--hub-green)}.hub-notification-row.warning .hub-notification-icon{background:var(--hub-yellow-soft);color:#8c6200}.hub-notification-row.danger .hub-notification-icon{background:var(--hub-coral-soft);color:var(--hub-danger)}.hub-progress-row{grid-template-columns:46px minmax(0,1fr) minmax(120px,.45fr) 46px}.hub-progress-row b{color:var(--hub-green);text-align:right}.hub-access-screen{text-align:center;justify-items:center;max-width:720px;margin:9svh auto 0;padding:34px}.hub-error-copy{color:var(--hub-danger);font-weight:850}.hub-activity-complete-button{z-index:34;aspect-ratio:168/72;width:clamp(118px,13.125vw,168px);min-width:0;min-height:0;color:inherit;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(0 9px 14px #4e142238);background:0 0;border:0;border-radius:0;padding:0;transition:transform .16s,filter .16s,opacity .16s;display:block;position:absolute;bottom:14px;right:14px}.hub-activity-complete-button.is-complete{color:inherit;filter:drop-shadow(0 0 10px #59e06ac7);background:0 0;border-color:#0000;transform:translateY(3px)scale(.96)}.hub-activity-complete-button.is-complete>img{filter:hue-rotate(92deg)saturate(1.28)brightness(.96)}.hub-activity-complete-button:not(.is-complete):hover{filter:drop-shadow(0 11px 16px #4e142247)brightness(1.03);transform:translateY(-2px)}.hub-activity-complete-button.is-complete:hover{filter:drop-shadow(0 0 10px #59e06ac7);transform:translateY(3px)scale(.96)}.hub-activity-complete-button>img{object-fit:contain;width:100%;height:100%;display:block}.activity-celebration{z-index:200;cursor:pointer;background:radial-gradient(circle at 50% 44%,#153f684d,#091b3294);place-items:center;animation:.22s ease-out activity-celebration-fade;display:grid;position:fixed;inset:0}.activity-celebration-particles{pointer-events:none;width:0;height:0;position:absolute;top:44%;left:50%}.activity-celebration-star{--angle:calc(var(--i) * 22.5deg);opacity:0;width:30px;height:30px;transform:rotate(var(--angle)) translateY(-8px) scale(.4);animation:1.4s cubic-bezier(.16,.84,.44,1) forwards activity-celebration-burst;animation-delay:calc(var(--i) * 18ms);margin:-15px;position:absolute;top:0;left:0}.activity-celebration-card{z-index:1;text-align:center;justify-items:center;gap:4px;padding:26px 44px;animation:.42s cubic-bezier(.2,1.3,.5,1) activity-celebration-pop;display:grid;position:relative}.activity-celebration-hero{object-fit:contain;filter:drop-shadow(0 8px 18px #f0be288c);width:96px;height:96px;animation:1.5s ease-in-out activity-celebration-hero-spin}.activity-celebration-points{color:#ffd23f;text-shadow:0 3px #d98a00,0 6px 16px #00000052;font-size:56px;font-weight:900;line-height:1.05}.activity-celebration-title{color:#fff;text-shadow:0 2px 10px #00000059;margin:6px 0 0;font-size:26px;font-weight:900}.activity-celebration-sub{color:#ffffffdb;font-size:14px;font-weight:700}@keyframes activity-celebration-fade{0%{opacity:0}to{opacity:1}}@keyframes activity-celebration-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes activity-celebration-hero-spin{0%{transform:rotate(-18deg)scale(.5)}60%{transform:rotate(10deg)scale(1.1)}to{transform:rotate(0)scale(1)}}@keyframes activity-celebration-burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(-8px) scale(.4)}18%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-44vmin) scale(1)}}.activity-layout{position:relative}@media (width<=1180px){.hub-study-layout{grid-template-columns:1fr}.hub-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.86fr)}.hub-home-hero-adventure{grid-template-columns:minmax(0,1fr) minmax(300px,.5fr)}.hub-mission-banner{grid-template-columns:1fr}.hub-mission-track{justify-content:start}.hub-study-side,.hub-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-book-detail-panel{grid-template-columns:1fr}}@media (width<=900px){.metaon-hub-shell{grid-template-columns:1fr}.metaon-hub-shell.has-side-nav{padding-bottom:76px}.hub-side-nav{border-top:1px solid var(--hub-border);z-index:110;border-right:0;height:68px;padding:8px;display:block;position:fixed;inset:auto 0 0}.hub-side-nav .hub-brand-mark,.hub-side-footer{display:none}.hub-nav-list{grid-template-columns:repeat(5,1fr);gap:6px}.hub-study-nav-tree{display:none}.hub-study-mobile-menu-button{top:calc(env(safe-area-inset-top,0px) + 13px);z-index:135;min-height:42px;color:var(--hub-ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #bfd6e8eb;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex;position:fixed;left:12px;box-shadow:0 14px 32px #204e7429}.hub-study-mobile-menu-button[aria-expanded=true]{display:none}.hub-study-mobile-menu-backdrop{z-index:120;opacity:0;pointer-events:none;background:#14213d3d;border:0;transition:opacity .18s;display:block;position:fixed;inset:0}.hub-study-mobile-menu-backdrop.is-open{opacity:1;pointer-events:auto}.metaon-hub-shell.has-side-nav .hub-top-bar{padding-left:70px}.hub-side-nav.is-study-menu-open{z-index:130;width:min(86vw,324px);height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 14px) 12px calc(env(safe-area-inset-bottom,0px) + 18px);border-top:0;border-right:1px solid var(--hub-border);background:#fffffff5;flex-direction:column;gap:14px;display:flex;inset:0 auto 0 0;overflow-y:auto;box-shadow:22px 0 48px #14213d2e}.hub-side-nav.is-study-menu-open .hub-brand-mark{display:inline-flex}.hub-side-nav.is-study-menu-open .hub-study-mobile-drawer-head{color:var(--hub-ink);justify-content:space-between;align-items:center;gap:10px;padding:4px 4px 2px;font-size:15px;font-weight:900;display:flex}.hub-study-mobile-drawer-head button{border:1px solid var(--hub-border);background:var(--hub-surface-soft);width:36px;height:36px;color:var(--hub-ink);border-radius:999px;place-items:center;display:inline-grid}.hub-side-nav.is-study-menu-open .hub-nav-list{grid-template-columns:1fr;gap:8px}.hub-side-nav.is-study-menu-open .hub-nav-group{display:none}.hub-side-nav.is-study-menu-open .hub-nav-group.is-study-tree-group{display:grid}.hub-side-nav.is-study-menu-open .hub-nav-group.is-study-tree-group>.hub-nav-item{display:none}.hub-side-nav.is-study-menu-open .hub-study-nav-tree{gap:9px;padding-left:0;display:grid}.hub-side-nav.is-study-menu-open .hub-study-grade-button{min-height:44px;padding:0 10px;font-size:13px}.hub-side-nav.is-study-menu-open .hub-study-level-list{padding-left:20px}.hub-side-nav.is-study-menu-open .hub-study-level-link{min-height:38px;padding:0 10px;font-size:13px}.hub-nav-item{flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:0 4px;font-size:11px}.hub-nav-item:hover{transform:translateY(-1px)}.hub-nav-item svg{width:30px;height:30px;padding:6px}.hub-nav-item.is-active{box-shadow:inset 0 -4px 0 var(--nav-accent)}.hub-top-bar{padding:10px 14px}.hub-search-box{width:min(380px,48vw)}.hub-profile-chip small{display:none}.hub-hero{background-position:bottom;grid-template-columns:1fr;min-height:0}.hub-home-grid{grid-template-columns:1fr}.hub-personalization-grid{grid-template-columns:minmax(0,1fr)}.hub-placement-home-card{grid-template-columns:54px minmax(0,1fr);justify-self:stretch;width:100%}.hub-placement-home-action{grid-column:1/-1;justify-self:start}.hub-placement-intro-panel,.hub-placement-result-grid,.hub-raz-form,.hub-raz-result-grid,.hub-raz-reco-grid{grid-template-columns:1fr}.hub-placement-overview{grid-template-columns:repeat(5,minmax(0,1fr))}.hub-placement-stage{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:74px}.hub-personal-card{grid-template-rows:auto auto auto auto;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;min-height:0}.hub-personal-tab{grid-area:1/1/auto/-1}.hub-personal-icon{grid-area:2/1;width:46px;height:46px}.hub-personal-copy{grid-area:2/2/auto/4}.hub-personal-copy strong{white-space:normal}.hub-personal-meter,.hub-personal-chips,.hub-personal-route{grid-area:3/1/auto/-1}.hub-personal-meta{grid-area:4/1/auto/-1;min-width:0}.hub-mission-map{justify-self:stretch;width:100%}.hub-home-hero-adventure{gap:14px;padding:20px}.hub-home-hero-adventure .hub-hero-adventure-board{justify-items:stretch;padding-top:0;display:grid}.hub-home-menu-card{grid-template-rows:auto auto;grid-template-columns:132px minmax(0,1fr);align-items:stretch;min-height:0}.hub-menu-art{grid-row:1/span 2}.hub-brand-tabs,.hub-book-grid,.hub-study-side,.hub-profile-grid{grid-template-columns:1fr}.hub-mission-track{grid-template-columns:52px 52px 18px 68px 18px 68px;max-width:100%}.hub-mission-track .hub-track-line.dotted,.hub-mission-track .hub-mission-node.reward{display:none}.hub-student-node,.hub-mission-node{width:52px;height:52px;font-size:10px}.hub-mission-node.active{width:68px;height:68px}.hub-book-hero,.hub-profile-header{grid-template-columns:1fr}.hub-book-hero.is-compact{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px}.hub-book-hero.is-compact .hub-book-cover.hero{width:96px;height:96px}.hub-book-hero.is-compact .hub-book-cover.hero .hub-cover-title{margin-top:44px;font-size:15px}.hub-book-hero.is-compact h1{font-size:24px}.hub-book-hero.is-compact .hub-book-hero-copy>p{font-size:12px}.hub-book-hero.is-compact .hub-book-mini-stats{display:none}.hub-book-hero.is-compact .hub-progress-summary.compact strong{font-size:22px}.hub-book-hero.is-compact .hub-resource-status-copy{display:none}.hub-book-cover.hero{width:100%;height:260px}.hub-login-layout{grid-template-columns:minmax(0,1fr);gap:12px}.hub-login-layout .hub-auth-visual{display:none}.hub-auth-panel{align-self:stretch;gap:12px;padding:18px}.hub-login-columns{grid-template-columns:minmax(0,1fr)}}@media (width<=620px){.hub-profile-select-screen{padding:18px 14px}.hub-profile-choice-grid,.hub-profile-create-form{grid-template-columns:minmax(0,1fr)}.hub-profile-create-form .hub-secondary-action{justify-content:center;width:100%}.hub-profile-takeover-dialog{grid-template-columns:minmax(0,1fr);align-content:center;padding:16px}.hub-profile-takeover-dialog>svg{display:none}.hub-book-activity-panel.is-resource-loading{min-height:220px;padding:18px 14px}.hub-resource-download-panel{gap:16px;min-height:170px}.hub-resource-download-symbol{width:50px;height:50px}.hub-resource-download-panel .progress-label{font-size:13px}.hub-resource-download-panel .progress-label strong{font-size:15px}.hub-home-loading-screen{min-height:calc(100svh - 28px)}.hub-home-loading-visual{gap:22px}.hub-home-loading-icon-stage{width:106px}.hub-home-loading-backdrop{animation:none;transform:scale(1.04)}.hub-app-content{padding:14px}.hub-top-bar{gap:8px}.hub-search-box{width:100%}.metaon-hub-shell.is-home-route .hub-home-top-bar{width:calc(100% - 24px);padding:8px;top:10px}.metaon-hub-shell.is-home-route .hub-home-top-bar .hub-search-box{flex:auto;width:auto}.hub-profile-chip{padding-right:5px}.hub-profile-chip>span:last-child{display:none}.hub-auth-panel{padding:14px}.hub-login-heading{align-items:flex-start}.hub-login-heading h1{font-size:26px}.hub-login-heading p{font-size:13px}.hub-login-form,.hub-active-session{padding:12px}.hub-section-heading,.hub-external-frame-header{flex-direction:column}.hub-mission-banner{padding:18px}.hub-mission-copy,.hub-mission-copy h1,.hub-mission-copy p{min-width:0;max-width:100%}.hub-mission-map{grid-template-columns:1fr;gap:8px}.hub-map-line{justify-self:center;width:4px;height:24px}.hub-hero{background:linear-gradient(180deg, #fffffff5, #ffffffc2), url(/metaon-assets/mission-banner.png) center bottom / cover no-repeat, var(--hub-surface);padding:20px}.hub-hero-copy h1{font-size:36px}.hub-hero:not(.hub-home-hero-adventure) .hub-mission-map{display:none}.hub-home-hero-adventure{box-shadow:none;background:0 0;padding:0}.hub-home-hero-adventure .hub-hero-copy{gap:8px}.hub-home-hero-adventure .hub-hero-copy h1{font-size:30px}.hub-home-hero-adventure .hub-hero-copy p{font-size:13px}.hub-home-hero-adventure .hub-hero-adventure-board{padding-top:0;display:grid}.hub-home-hero-adventure .hub-mission-map{grid-template-columns:minmax(52px,1fr) 10px minmax(58px,1fr) 10px minmax(68px,1.18fr) 10px minmax(66px,1.12fr);gap:0;padding:6px;display:grid}.hub-home-hero-adventure .hub-map-node{min-height:42px;padding:0 4px;font-size:10px}.hub-home-hero-adventure .hub-map-line{justify-self:stretch;width:auto;height:3px}.hub-home-menu-card{grid-template-rows:180px auto auto;grid-template-columns:1fr}.hub-personalization-heading{gap:10px}.hub-personalization-heading h2{font-size:26px}.hub-personalization-heading p{font-size:14px}.hub-placement-home-card{grid-template-columns:44px minmax(0,1fr);gap:12px;min-height:0;padding:14px}.hub-placement-home-icon{width:44px;height:44px}.hub-placement-home-copy strong{white-space:normal;font-size:20px}.hub-placement-home-copy small{font-size:13px}.hub-placement-intro-panel,.hub-placement-test-panel,.hub-placement-result-panel{padding:14px}.hub-placement-copy h1{font-size:30px}.hub-placement-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-placement-stage{text-align:left;grid-template-columns:30px minmax(0,1fr);justify-items:stretch;min-height:46px}.hub-placement-stage b{width:30px;height:30px}.hub-placement-test-header,.hub-placement-actions{flex-direction:column;align-items:stretch}.hub-placement-count,.hub-placement-actions .hub-primary-action,.hub-placement-actions .hub-secondary-action{width:100%}.hub-placement-result-panel{grid-template-columns:1fr;justify-items:start}.hub-raz-start-panel,.hub-raz-passage-card,.hub-raz-question-card,.hub-raz-result-card,.hub-raz-path-card,.hub-raz-reco-card{padding:14px}.hub-raz-hero,.hub-raz-result-hero{grid-template-columns:1fr;justify-items:start}.hub-raz-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-raz-form label,.hub-raz-grade-field{padding:14px}.hub-raz-form label>span,.hub-raz-grade-field>span{font-size:19px}.hub-raz-form input,.hub-raz-grade-chip{min-height:58px;font-size:19px}.hub-raz-passage-text{padding:12px;font-size:clamp(16px,3.7vw,20px)}.hub-raz-question-card>p{font-size:21px}.hub-raz-question-number{min-width:34px;height:34px;font-size:16px}.hub-raz-choice{min-height:66px;padding:14px 16px;font-size:19px}.hub-placement-score-ring{width:94px;height:94px}.hub-personal-card{grid-template-rows:auto auto auto auto;grid-template-columns:42px minmax(0,1fr);padding:14px}.hub-personal-tab{min-height:36px;margin:-14px -14px 0;padding:0 14px;font-size:13px}.hub-personal-icon{width:42px;height:42px}.hub-personal-meter,.hub-personal-chips,.hub-personal-route,.hub-personal-meta{grid-column:1/-1}.hub-personal-meta{grid-row:4}.hub-personal-copy strong{font-size:18px}.hub-menu-art{grid-row:auto}.hub-book-detail-intro{flex-direction:column}.hub-progress-row{grid-template-columns:46px minmax(0,1fr)}.hub-progress-row .hub-mini-progress,.hub-progress-row b{grid-column:1/-1}.hub-external-frame-header>div:first-child{display:none}.hub-external-frame-header .hub-secondary-action{min-height:34px;padding:0 8px;font-size:13px}.hub-external-frame-header .hub-icon-button{width:34px;height:34px}}.hub-myzone-header{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:18px;display:flex;position:relative}.hub-myzone-header:before{content:"";z-index:0;border-radius:var(--hub-radius);pointer-events:none;background:linear-gradient(100deg,#ffffffa3 0%,#ffffff57 42%,#fff0 74%);position:absolute;inset:-12px -16px}.hub-myzone-header>*{z-index:1;position:relative}.hub-myzone-greeting{gap:6px;min-width:0;display:grid}.hub-myzone-greeting>span{color:var(--hub-green);letter-spacing:.08em;text-shadow:0 1px 6px #fff9;font-size:13px;font-weight:950}.hub-myzone-greeting h1{color:var(--hub-ink);text-shadow:0 1px 10px #ffffff80;margin:0;font-size:clamp(26px,3.2vw,42px);line-height:1.1}.hub-myzone-greeting p{color:var(--hub-ink-soft);margin:0;font-size:15px;font-weight:700}.hub-myzone-row-block{border-radius:var(--hub-radius);background:var(--hub-surface);box-shadow:var(--hub-shadow);grid-column:1/-1;gap:12px;padding:18px;display:grid}.hub-home-feature-stage{--myzone-accent:#2d8cff;--myzone-accent-border:#2d8cff57;--myzone-accent-soft:#2d8cff1f;--myzone-accent-tint:#e9f3ffd9}.hub-home-feature-stage[data-hero-theme=space]{--myzone-accent:#5b5bd6;--myzone-accent-border:#5b5bd657;--myzone-accent-soft:#5b5bd61f;--myzone-accent-tint:#ececfcd9}.hub-home-feature-stage[data-hero-theme=undersea]{--myzone-accent:#0e8ea0;--myzone-accent-border:#0e8ea057;--myzone-accent-soft:#0e8ea01f;--myzone-accent-tint:#e4f6f9d9}.hub-home-feature-stage[data-hero-theme=jungle]{--myzone-accent:#1c9a5f;--myzone-accent-border:#1c9a5f57;--myzone-accent-soft:#1c9a5f1f;--myzone-accent-tint:#e6f7eed9}.hub-home-feature-stage[data-hero-theme=concert]{--myzone-accent:#c94f86;--myzone-accent-border:#c94f8657;--myzone-accent-soft:#c94f861f;--myzone-accent-tint:#fbeaf1d9}.hub-home-feature-stage[data-hero-theme=magic]{--myzone-accent:#8e4fd8;--myzone-accent-border:#8e4fd857;--myzone-accent-soft:#8e4fd81f;--myzone-accent-tint:#f3ecfcd9}.hub-home-feature-stage[data-hero-theme=amusement]{--myzone-accent:#e8603c;--myzone-accent-border:#e8603c57;--myzone-accent-soft:#e8603c1f;--myzone-accent-tint:#fdeee9d9}.hub-myzone-row-block--recommended{border:1px solid var(--myzone-accent-border);box-shadow:0 12px 28px var(--myzone-accent-soft);background:linear-gradient(180deg, var(--myzone-accent-tint), var(--hub-surface) 130px)}.hub-myzone-row-block--recommended .hub-myzone-row-title{color:var(--myzone-accent)}.hub-myzone-row-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.hub-myzone-row-title{color:var(--hub-ink);align-items:center;gap:8px;font-size:16px;font-weight:950;display:inline-flex}.hub-myzone-count{color:var(--myzone-accent);background:var(--myzone-accent-soft);border-radius:999px;margin-left:4px;padding:2px 9px;font-size:12px;font-style:normal;font-weight:900}.hub-myzone-row-more{color:var(--hub-green);align-items:center;gap:4px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.hub-myzone-row-more:hover{text-decoration:underline}.hub-myzone-row{scroll-snap-type:x proximity;scrollbar-width:thin;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.hub-myzone-book{scroll-snap-align:start;width:132px;color:var(--hub-ink);background:#fff;border:1px solid #183d471a;border-radius:12px;flex:none;grid-template-rows:116px auto;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #1f4a6014}.hub-myzone-book:hover,.hub-myzone-book:focus-visible{transform:translateY(-3px);box-shadow:0 14px 26px #1f4a6029}.hub-myzone-book-cover{background:#eef4f8;position:relative;overflow:hidden}.hub-myzone-book-cover img{object-fit:cover;width:100%;height:100%;display:block}.hub-myzone-book-info{gap:5px;padding:9px 10px 11px;display:grid}.hub-myzone-book-info strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;font-size:13px;font-weight:900;line-height:1.25;display:-webkit-box;overflow:hidden}.hub-myzone-book-info small{color:var(--hub-ink-soft);font-size:11px;font-weight:800}.hub-myzone-book-meter{background:#183d471f;border-radius:999px;height:4px;overflow:hidden}.hub-myzone-book-meter>span{background:var(--hub-green);border-radius:999px;height:100%;display:block}.hub-myzone-cta,.hub-myzone-empty{color:var(--hub-ink);background:#ffffff9e;border:1px dashed #183d473d;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.hub-myzone-cta{border-color:var(--myzone-accent-border);background:var(--myzone-accent-soft)}.hub-myzone-cta:hover,.hub-myzone-empty:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1f4a601f}.hub-myzone-cta-icon,.hub-myzone-empty-icon{width:46px;height:46px;color:var(--myzone-accent);background:#fff;border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:0 6px 14px #1f4a601a}.hub-myzone-empty-icon{color:var(--hub-green)}.hub-myzone-cta-copy,.hub-myzone-empty-copy{gap:3px;min-width:0;display:grid}.hub-myzone-cta-copy strong,.hub-myzone-empty-copy strong{font-size:15px;font-weight:950}.hub-myzone-cta-copy small,.hub-myzone-empty-copy small{color:var(--hub-ink-soft);font-size:13px;font-weight:700}.hub-myzone-cta-go{white-space:nowrap;color:var(--myzone-accent);align-items:center;gap:4px;margin-left:auto;font-weight:950;display:inline-flex}@media (width<=760px){.hub-myzone-header{align-items:flex-start}.hub-myzone-row-block{padding:14px}.hub-myzone-book{grid-template-rows:104px auto;width:118px}.hub-myzone-cta,.hub-myzone-empty{flex-wrap:wrap}.hub-myzone-cta-go{margin-left:0}}.hub-myzone-book-star{z-index:1;pointer-events:none;filter:drop-shadow(0 2px 4px #1f4a6059);width:26px;height:26px;position:absolute;top:6px;right:6px}.hub-myzone-book-star img{object-fit:contain;width:100%;height:100%;display:block}.hub-myzone-book-meter>span.is-full{background:var(--hub-yellow)}.hub-myzone-eyebrow{align-items:center;gap:10px;display:inline-flex}.hub-myzone-star-chip{color:var(--hub-ink);letter-spacing:0;text-shadow:none;background:#fffc;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 4px 10px #1f4a601f}.hub-myzone-star-chip img{object-fit:contain;width:15px;height:15px;display:block}.hub-myzone-book-ribbon{z-index:2;background:var(--myzone-accent,var(--hub-blue));color:#fff;letter-spacing:.02em;pointer-events:none;border-radius:0 999px 999px 0;padding:3px 9px 3px 8px;font-size:10px;font-weight:950;position:absolute;top:8px;left:0;box-shadow:0 3px 8px #1f4a6038}.hub-myzone-today-tag{background:var(--hub-green-soft);color:var(--hub-green);white-space:nowrap;word-break:keep-all;border-radius:999px;flex:none;padding:1px 6px;font-size:10px;font-style:normal;font-weight:900;display:inline-block}.hub-myzone-recent-meta{white-space:nowrap;align-items:center;gap:5px;display:flex}.hub-myzone-row-block--recommended .hub-myzone-row .hub-myzone-book:first-child:after{content:"";z-index:2;box-shadow:inset 0 0 0 3px var(--myzone-accent,var(--hub-blue));opacity:.2;pointer-events:none;border-radius:12px;position:absolute;inset:0}.hub-myzone-tile-cell{scroll-snap-align:start;flex:none;display:block;position:relative}.hub-myzone-tile-burst{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:42%;left:50%}.hub-myzone-tile-burst img{--burst-angle:calc(var(--burst-i,0) * 45deg);opacity:0;width:14px;height:14px;margin:-7px;position:absolute}.hub-myzone-book{animation:.46s cubic-bezier(.34,1.56,.64,1) backwards hub-myzone-tile-enter;animation-delay:calc(var(--tile-i,0) * .1s + .14s)}.hub-myzone-book-cover img{transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.hub-myzone-book:hover .hub-myzone-book-cover img,.hub-myzone-book:focus-visible .hub-myzone-book-cover img{transform:scale(1.07)}.hub-myzone-book:active,.hub-myzone-book.is-pressing{transition-duration:90ms;transform:translateY(0)scale(.94,.91)}.hub-myzone-book-meter>span{transform-origin:0;animation:.62s cubic-bezier(.22,1,.36,1) backwards hub-myzone-meter-fill;animation-delay:calc(var(--tile-i,0) * .1s + .52s)}.hub-myzone-book-star{animation:.48s cubic-bezier(.34,1.56,.64,1) backwards hub-myzone-star-pop;animation-delay:calc(var(--tile-i,0) * .1s + .76s)}.hub-myzone-star-chip{animation:.36s ease-out .25s backwards hub-myzone-chip-in}.hub-myzone-book-ribbon{animation:.3s ease-out .4s backwards hub-myzone-ribbon-in}.hub-myzone-row-block--recommended .hub-myzone-row{animation:.9s ease-in-out 1.4s backwards hub-myzone-row-peek}.hub-myzone-cta:hover .hub-myzone-cta-go svg,.hub-myzone-cta:focus-visible .hub-myzone-cta-go svg,.hub-myzone-empty:hover .hub-myzone-cta-go svg,.hub-myzone-row-more:hover svg,.hub-myzone-row-more:focus-visible svg{animation:.7s ease-in-out infinite hub-myzone-arrow-hop}.hub-myzone-cta:hover .hub-myzone-cta-icon svg,.hub-myzone-empty:hover .hub-myzone-empty-icon svg{animation:.5s ease-out hub-myzone-icon-greet}.hub-myzone-row-block--recommended .hub-myzone-row-title svg{transform-origin:50%;animation:4.2s ease-in-out 2s infinite hub-myzone-sparkle-wink}.hub-myzone-row-block--recommended .hub-myzone-row .hub-myzone-book:first-child:after{animation:3s ease-in-out 1.6s infinite hub-myzone-first-glow}.hub-myzone-tile-burst img{animation:.9s ease-out forwards hub-myzone-star-burst;animation-delay:calc(var(--burst-i,0) * 40ms + 1s)}@keyframes hub-myzone-tile-enter{0%{opacity:0;transform:translateY(14px)scale(.94)}}@keyframes hub-myzone-meter-fill{0%{transform:scaleX(0)}}@keyframes hub-myzone-star-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}70%{opacity:1;transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes hub-myzone-chip-in{0%{opacity:0;transform:translateY(6px)}}@keyframes hub-myzone-ribbon-in{0%{opacity:0;transform:translate(-110%)}}@keyframes hub-myzone-row-peek{0%,to{transform:translate(0)}40%{transform:translate(-14px)}}@keyframes hub-myzone-arrow-hop{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes hub-myzone-icon-greet{0%{transform:rotate(0)}35%{transform:rotate(-10deg)}70%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes hub-myzone-sparkle-wink{0%,12%,to{transform:none}4%{transform:rotate(-14deg)scale(1.18)}8%{transform:rotate(10deg)}}@keyframes hub-myzone-first-glow{0%,to{opacity:.15}50%{opacity:.7}}@keyframes hub-myzone-star-burst{0%{opacity:0;transform:rotate(var(--burst-angle)) translateY(-6px) scale(.4)}15%{opacity:1}to{opacity:0;transform:rotate(var(--burst-angle)) translateY(-52px) scale(1)}}.hub-shelf-page{--shelf-wall-a:#8a5a33;--shelf-wall-b:#6f4526;--shelf-topbar:#3821108c;--shelf-title:#ffe9c9;--shelf-title-soft:#ffd8a8;--shelf-panel:#fdf3e3;--shelf-panel-border:#b98a5d;--shelf-panel-ink:#7a4b1d;--shelf-panel-ink-soft:#a8804f;--shelf-accent:#ffedb8;--shelf-accent-border:#ffd469;--shelf-accent-ink:#6b4a00;--shelf-divider:#4c2f16;--shelf-sign:#4c2f16;--shelf-sign-ink:#ffd98f;--shelf-sign-shadow:#3a2410;--shelf-plank:#a97544;--shelf-map:#3a2410;--shelf-mine:#ffe0961a;border-radius:var(--hub-radius);background:linear-gradient(180deg, var(--shelf-wall-a), var(--shelf-wall-b));min-height:640px;box-shadow:var(--hub-shadow);flex-direction:column;gap:0;display:flex;overflow:hidden}.hub-shelf-page[data-shelf-theme=sky]{--shelf-wall-a:#4d8fc4;--shelf-wall-b:#2f6795;--shelf-topbar:#102d488c;--shelf-title:#e6f4ff;--shelf-title-soft:#bfdcf3;--shelf-panel:#eef7fe;--shelf-panel-border:#7fb2da;--shelf-panel-ink:#16537f;--shelf-panel-ink-soft:#5a89ab;--shelf-accent:#cfe8fb;--shelf-accent-border:#6cc0ff;--shelf-accent-ink:#0d3f66;--shelf-divider:#1f4b6e;--shelf-sign:#1f4b6e;--shelf-sign-ink:#cfe8fb;--shelf-sign-shadow:#143552;--shelf-plank:#5f9dc9;--shelf-map:#143552;--shelf-mine:#b4e2ff24}.hub-shelf-page[data-shelf-theme=forest]{--shelf-wall-a:#4f8f5c;--shelf-wall-b:#326841;--shelf-topbar:#11301c8c;--shelf-title:#e8fbe9;--shelf-title-soft:#bfe6c6;--shelf-panel:#f0faef;--shelf-panel-border:#7db183;--shelf-panel-ink:#1d5a33;--shelf-panel-ink-soft:#5d8f68;--shelf-accent:#d5f0d3;--shelf-accent-border:#7fd08a;--shelf-accent-ink:#114627;--shelf-divider:#234c30;--shelf-sign:#234c30;--shelf-sign-ink:#d5f0d3;--shelf-sign-shadow:#163521;--shelf-plank:#649a6d;--shelf-map:#163521;--shelf-mine:#bef5c324}.hub-shelf-page[data-shelf-theme=berry]{--shelf-wall-a:#a86bb5;--shelf-wall-b:#7f4a90;--shelf-topbar:#3816408c;--shelf-title:#fceaff;--shelf-title-soft:#e8c4f0;--shelf-panel:#fdf0fb;--shelf-panel-border:#c48fce;--shelf-panel-ink:#6f2b7e;--shelf-panel-ink-soft:#a06bab;--shelf-accent:#f6d9fb;--shelf-accent-border:#e78ff0;--shelf-accent-ink:#55175f;--shelf-divider:#5c2c69;--shelf-sign:#5c2c69;--shelf-sign-ink:#f6d9fb;--shelf-sign-shadow:#401d4a;--shelf-plank:#b47cc0;--shelf-map:#401d4a;--shelf-mine:#fad2ff24}.hub-shelf-page[data-shelf-theme=night]{--shelf-wall-a:#3b4761;--shelf-wall-b:#232c40;--shelf-topbar:#0a0e1899;--shelf-title:#e9eefb;--shelf-title-soft:#b9c3dc;--shelf-panel:#eef1f9;--shelf-panel-border:#7c88a6;--shelf-panel-ink:#2c3652;--shelf-panel-ink-soft:#6b7690;--shelf-accent:#d7dffa;--shelf-accent-border:#8fa5ff;--shelf-accent-ink:#1b2340;--shelf-divider:#171d2c;--shelf-sign:#171d2c;--shelf-sign-ink:#d7dffa;--shelf-sign-shadow:#0e1220;--shelf-plank:#5a6683;--shelf-map:#0e1220;--shelf-mine:#bed2ff24}.hub-shelf-topbar{background:var(--shelf-topbar);align-items:center;gap:14px;padding:12px 20px;display:flex}.hub-shelf-home{border:2px solid var(--shelf-panel-border);background:var(--shelf-panel);width:44px;height:44px;color:var(--shelf-panel-ink);border-radius:12px;place-items:center;text-decoration:none;display:grid}.hub-shelf-home:hover,.hub-shelf-home:focus-visible{background:var(--shelf-accent);color:var(--shelf-accent-ink)}.hub-shelf-topbar h1{color:var(--shelf-title);margin:0 6px 0 0;font-size:22px}.hub-shelf-brand-tabs{gap:8px;display:flex}.hub-shelf-brand-tab{border:2px solid var(--shelf-panel-border);background:var(--shelf-panel);min-height:46px;color:var(--shelf-panel-ink);font:inherit;cursor:pointer;border-radius:12px;justify-items:start;gap:1px;padding:6px 16px;font-size:14px;font-weight:900;display:grid}.hub-shelf-brand-tab small{color:var(--shelf-panel-ink-soft);font-size:11px;font-weight:800}.hub-shelf-brand-tab.is-active{border-color:var(--shelf-accent-border);background:var(--shelf-accent);color:var(--shelf-accent-ink)}.hub-shelf-topbar .hub-warning-copy{color:var(--shelf-title-soft);margin:0;font-size:12px}.hub-shelf-theme{margin-left:auto;position:relative}.hub-shelf-theme-button{border:2px solid var(--shelf-panel-border);background:var(--shelf-panel);width:48px;height:48px;color:var(--shelf-panel-ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.hub-shelf-theme-menu{z-index:20;border:2px solid var(--shelf-panel-border);background:var(--shelf-panel);border-radius:14px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 30px #140a0257}.hub-shelf-theme-option{min-height:40px;color:var(--shelf-panel-ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:0 14px 0 8px;font-size:13px;font-weight:900;display:flex}.hub-shelf-theme-option i{border:1px solid #00000026;border-radius:7px;width:22px;height:22px}.hub-shelf-theme-option[data-shelf-swatch=wood] i{background:linear-gradient(160deg,#8a5a33,#4c2f16)}.hub-shelf-theme-option[data-shelf-swatch=sky] i{background:linear-gradient(160deg,#4d8fc4,#1f4b6e)}.hub-shelf-theme-option[data-shelf-swatch=forest] i{background:linear-gradient(160deg,#4f8f5c,#234c30)}.hub-shelf-theme-option[data-shelf-swatch=berry] i{background:linear-gradient(160deg,#a86bb5,#5c2c69)}.hub-shelf-theme-option[data-shelf-swatch=night] i{background:linear-gradient(160deg,#3b4761,#0e1220)}.hub-shelf-theme-option:hover,.hub-shelf-theme-option:focus-visible{background:var(--shelf-accent)}.hub-shelf-theme-option.is-active{border-color:var(--shelf-accent-border);background:var(--shelf-accent);color:var(--shelf-accent-ink)}.hub-shelf-search-button{border:2px solid var(--shelf-panel-border);background:var(--shelf-panel);width:48px;height:48px;color:var(--shelf-panel-ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.hub-shelf-wallwrap{flex:1;min-height:0;position:relative}.hub-shelf-wall{scroll-snap-type:x proximity;scrollbar-width:thin;align-items:stretch;height:100%;min-height:470px;display:flex;overflow:auto hidden}.hub-shelf-bay{scroll-snap-align:center;flex-direction:column;flex:none;padding:14px 26px 18px;display:flex;position:relative}.hub-shelf-bay+.hub-shelf-bay{border-left:10px solid var(--shelf-divider)}.hub-shelf-bay.is-mine{background:var(--shelf-mine)}.hub-shelf-bay-head{align-items:center;gap:10px;min-height:62px;margin-bottom:8px;display:flex}.hub-shelf-sign{background:var(--shelf-sign);color:var(--shelf-sign-ink);box-shadow:0 4px 0 var(--shelf-sign-shadow);white-space:nowrap;border-radius:10px;padding:7px 20px;font-size:17px;font-weight:900;display:inline-block}.hub-shelf-grade{background:var(--shelf-accent);color:var(--shelf-panel-ink);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:900}.hub-shelf-stars{color:#a1720d;white-space:nowrap;background:#ffffffeb;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:13px;font-weight:900;display:inline-flex}.hub-shelf-stars img{object-fit:contain;width:15px;height:15px}.hub-shelf-me{color:#fff;white-space:nowrap;background:#124e8c;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:900}.hub-shelf-row{border-bottom:12px solid var(--shelf-plank);border-radius:0 0 6px 6px;gap:14px;margin-bottom:8px;padding:12px 8px 18px;display:flex;box-shadow:0 14px 10px -10px #1e0f0466}.hub-shelf-book{width:118px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:12px;flex:none;grid-template-rows:104px auto auto;padding:0;transition:transform .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 14px #1e0f044d}.hub-shelf-book:hover,.hub-shelf-book:focus-visible{transform:translateY(-4px)}.hub-shelf-book:active{transform:scale(.95,.92)}.hub-shelf-book-cover{background:#eef4f8;position:relative;overflow:hidden}.hub-shelf-book-cover img{object-fit:cover;width:100%;height:100%;display:block}.hub-shelf-book>strong{color:#22415c;white-space:nowrap;text-overflow:ellipsis;padding:6px 9px 2px;font-size:12px;font-weight:900;line-height:1.25;overflow:hidden}.hub-shelf-book>small{color:#6a8296;padding:0 9px 8px;font-size:10.5px;font-weight:800}.hub-shelf-book-done{background:#f5bd42;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #5a3c0059}.hub-shelf-book-done img{object-fit:contain;width:15px;height:15px}.hub-shelf-book-ring{background:conic-gradient(var(--hub-blue) var(--pv), #ffffffb3 0);color:#14528f;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;font-weight:900;display:grid;position:absolute;top:6px;right:6px}.hub-shelf-book-ring b{background:#fff;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.hub-shelf-book.is-target{outline:3px solid var(--shelf-accent-border);outline-offset:2px}.hub-shelf-toolstrip{z-index:5;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:8px;right:16px}.hub-shelf-toolstrip>*{pointer-events:auto}.hub-shelf-cart{background:var(--shelf-panel);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 12px;display:flex;box-shadow:0 6px 14px #1e0f0447}.hub-shelf-cart em{white-space:nowrap;color:var(--shelf-panel-ink);font-size:11.5px;font-style:normal;font-weight:900}.hub-shelf-cart>div{gap:6px;display:flex}.hub-shelf-level-jump{border:2px solid var(--shelf-accent-border);background:var(--shelf-accent);min-height:44px;color:var(--shelf-accent-ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:900;transition:transform .15s;display:inline-flex;box-shadow:0 8px 18px #1e0f0447}.hub-shelf-level-jump b{background:var(--shelf-panel);color:var(--shelf-panel-ink);border-radius:999px;padding:2px 9px;font-size:12px}.hub-shelf-level-jump:hover,.hub-shelf-level-jump:focus-visible{transform:translateY(-2px)}.hub-shelf-level-jump:active{transform:scale(.96)}.hub-shelf-cart-book{cursor:pointer;border:0;border-radius:8px;width:44px;height:50px;padding:0;overflow:hidden;box-shadow:0 4px 10px #1e0f044d}.hub-shelf-cart-book img{object-fit:cover;width:100%;height:100%;display:block}.hub-shelf-map{background:var(--shelf-map);flex:none;align-items:center;gap:4px;padding:20px 22px 14px;display:flex;position:relative}.hub-shelf-map-block{background:var(--map-color,#ffd98f);color:#1e1405c7;min-width:44px;min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:8px;flex:1;font-size:11.5px;font-weight:900;position:relative}.hub-shelf-map-flag{font-size:15px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.hub-shelf-map-viewport{--map-gap:4px;--map-pad:22px;--map-block-w:calc((100% - 2 * var(--map-pad) - (var(--n,1) - 1) * var(--map-gap)) / var(--n,1));top:16px;bottom:10px;left:calc(var(--map-pad) + var(--i,0) * (var(--map-block-w) + var(--map-gap)) - 4px);width:calc(var(--map-block-w) + 8px);box-sizing:border-box;border:3px solid var(--shelf-accent-border);pointer-events:none;border-radius:10px;transition:left .18s,width .18s;position:absolute}.hub-shelf-search-overlay{z-index:120;background:#140c048c;place-items:start center;padding:8vh 16px 16px;display:grid;position:fixed;inset:0}.hub-shelf-search-panel{background:#fffdf7;border-radius:16px;width:min(760px,100%);max-height:80vh;padding:14px 16px 16px;overflow-y:auto;box-shadow:0 24px 60px #140c0466}.hub-shelf-search-head{color:#7a4b1d;border-bottom:1px solid #ead9c0;align-items:center;gap:10px;padding:4px 6px 12px;display:flex}.hub-shelf-search-head input{min-width:0;font:inherit;color:#4a3517;background:0 0;border:0;outline:0;flex:1;font-size:17px;font-weight:700}.hub-shelf-search-head button{color:#7a4b1d;cursor:pointer;background:#f4e8d4;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.hub-shelf-search-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;padding-top:14px;display:grid}.hub-shelf-search-result{font:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #ead9c0;border-radius:12px;gap:4px;padding:0 0 8px;display:grid;overflow:hidden}.hub-shelf-search-result img{object-fit:cover;width:100%;height:96px;display:block}.hub-shelf-search-result strong{color:#22415c;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 8px;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.hub-shelf-search-result small{color:#8a6a3f;padding:0 8px;font-size:10.5px;font-weight:800}.hub-shelf-search-empty{color:#8a6a3f;margin:0;padding:22px 6px 10px;font-weight:700}.hub-shelf-bay.is-mine .hub-shelf-sign{animation:2.6s ease-in-out infinite hub-shelf-sign-glow}.hub-shelf-book.is-target{animation:2s ease-in-out infinite hub-shelf-target-pulse}@keyframes hub-shelf-sign-glow{0%,to{box-shadow:0 4px #3a2410,0 0 #ffd46900}50%{box-shadow:0 4px #3a2410,0 0 22px 4px #ffd4698c}}@keyframes hub-shelf-target-pulse{0%,to{outline-color:#ffd469}50%{outline-color:#ffd46940}}@media (width<=760px){.hub-shelf-topbar{flex-wrap:wrap;padding:10px 12px}.hub-shelf-bay{padding:10px 14px 12px}.hub-shelf-book{grid-template-rows:88px auto auto;width:100px}.hub-shelf-map{padding:16px 12px 10px}.hub-shelf-map-viewport{--map-pad:12px}.hub-shelf-toolstrip{gap:6px;top:8px;right:8px}.hub-shelf-cart em{display:none}}.hub-profile-manager{max-width:900px}.hub-profile-manage-list{gap:10px;display:grid}.hub-profile-manage-row{border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-surface);grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.hub-profile-manage-row.is-inactive{opacity:.76;background:#f5f7fa}.hub-profile-manage-main{min-width:0}.hub-profile-manage-main small{color:var(--hub-muted);margin-top:4px;font-size:12px;font-weight:750;display:block}.hub-field.compact input{min-height:36px;padding:7px 10px;font-size:15px;font-weight:800}.hub-danger-action{color:#b42636;min-height:32px;font:inherit;cursor:pointer;background:#fff5f5;border:1px solid #da455059;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex}.hub-danger-action:disabled{cursor:not-allowed;opacity:.45}.hub-password-change-form{gap:14px;width:min(520px,100%);display:grid}.figma-placement-page{width:min(1216px,100%);max-width:1216px;min-height:min(656px,100vh - 132px);margin:24px auto 32px;padding:0;font-family:Pretendard Variable,Pretendard,sans-serif}.figma-placement-back{color:#2c4b68;background:#fff;border:1px solid #e2e8f0;border-radius:12px;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 4px 12px #33526f14}.figma-placement-start-card{background:#fff;border:1px solid #eaeaea;border-radius:20px;grid-template-columns:minmax(330px,448px) minmax(0,1fr);gap:32px;min-height:656px;padding:32px;display:grid;box-shadow:0 14px 30px #19385814}.figma-placement-intro-copy{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:24px;min-width:0;padding:25px;display:flex}.figma-placement-thumbnail{object-fit:cover;object-position:center;border-radius:12px;width:104px;height:96px;display:block}.figma-placement-eyebrow{color:#4b4b4b;letter-spacing:0;margin:0 0 8px;font-size:16px;font-weight:500;line-height:1}.figma-placement-intro-copy h1{color:#1f1f1f;letter-spacing:0;margin:0;font-size:32px;font-weight:700;line-height:1.15}.figma-placement-description{color:#4b4b4b;letter-spacing:0;margin:24px 0 0;font-size:16px;font-weight:400;line-height:1.75}.figma-placement-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.figma-placement-tags span{color:#4b4b4b;background:#f5f5f5;border-radius:999px;align-items:center;min-height:32px;padding:6px 12px;font-size:14px;font-weight:400;display:inline-flex}.figma-placement-form{flex-direction:column;gap:24px;min-width:0;padding:24px 0;display:flex}.figma-placement-field{gap:12px;display:grid}.figma-placement-field>span{color:#8e8e8e;letter-spacing:.075em;font-size:16px;font-weight:400;line-height:1}.figma-placement-field input{color:#1f1f1f;width:100%;height:56px;font:inherit;background:#e5f3fe;border:2px solid #3aabf8;border-radius:16px;outline:0;padding:0 18px;font-size:16px}.figma-placement-field input::placeholder{color:#8e8e8e}.figma-placement-field input:focus-visible{box-shadow:0 0 0 4px #3aabf82e}.figma-placement-grade-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.figma-placement-grade-grid button{color:#1f1f1f;height:54px;font:inherit;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-bottom-width:4px;border-radius:16px;font-size:16px;font-weight:500;transition:transform .14s,border-color .14s,background .14s}.figma-placement-grade-grid button:hover,.figma-placement-grade-grid button:focus-visible{border-color:#92d1fa;outline:0;transform:translateY(-1px)}.figma-placement-grade-grid button.is-selected{color:#fff;background:#3aabf8;border-color:#0073c4}.figma-placement-audio-check{color:#4b4b4b;min-height:68px;font:inherit;text-align:left;cursor:pointer;background:#fafafa;border:2px solid #e1e1e1;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.figma-placement-audio-check b{color:#0073c4;font-size:14px}.figma-placement-audio-check.is-selected{background:#e5f3fe;border-color:#3aabf8}.figma-placement-start-button,.figma-placement-next-button{color:#fff;min-height:56px;font:inherit;cursor:pointer;background:#0073c4;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 6px #005b9e}.figma-placement-start-button{margin-top:auto}.figma-placement-start-button:disabled,.figma-placement-next-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.figma-placement-test-page{gap:20px}.figma-placement-test-header{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.figma-placement-test-header p,.figma-placement-test-header strong{margin:0;display:block}.figma-placement-test-header p{color:#8e8e8e;letter-spacing:.07em;font-size:12px;font-weight:600}.figma-placement-test-header strong{color:#1f1f1f;margin-top:4px;font-size:18px;font-weight:700}.figma-placement-step{color:#0073c4;text-align:center;background:#e5f3fe;border-radius:12px;min-width:78px;padding:10px 12px;font-size:14px;font-weight:700}.figma-placement-test-grid{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);align-items:start;gap:20px;display:grid}.figma-placement-passage-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;gap:18px;padding:26px;display:grid;position:sticky;top:16px;box-shadow:0 8px 20px #1e476b0f}.figma-placement-passage-heading span{color:#3aabf8;letter-spacing:.09em;font-size:13px;font-weight:700}.figma-placement-passage-heading h1{color:#1f1f1f;margin:7px 0 0;font-size:25px;font-weight:700}.figma-placement-passage-card .hub-raz-passage-text{background:#f5fbff;border:1px solid #d5eafa;border-radius:16px;padding:18px;font-size:clamp(17px,1.6vw,21px);font-weight:500}.figma-placement-listen-button,.figma-placement-later-button{color:#0073c4;min-height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b7ddf7;border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.figma-placement-question-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.figma-placement-question-summary div{text-align:center;background:#f8fafc;border-radius:12px;padding:9px 6px}.figma-placement-question-summary dt{color:#8e8e8e;font-size:11px;font-weight:500}.figma-placement-question-summary dd{color:#1f1f1f;margin:4px 0 0;font-size:18px;font-weight:700}.figma-placement-question-list{gap:16px}.figma-placement-question-list .hub-raz-question-card{background:#fff;border-color:#e2e8f0;border-radius:24px;gap:15px;padding:24px;box-shadow:0 8px 20px #1e476b0f}.figma-placement-question-list .hub-raz-question-card>p{font-size:clamp(20px,2vw,25px);font-weight:700}.figma-placement-question-list .hub-raz-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.figma-placement-question-list .hub-raz-choice{border-color:#e2e8f0;border-radius:14px;min-height:62px;padding:13px 16px;font-size:clamp(16px,1.5vw,18px);font-weight:600}.figma-placement-question-list .hub-raz-choice.is-selected{color:#0073c4;background:#e5f3fe;border-color:#3aabf8}.figma-placement-actions{padding:2px 0 8px}.figma-placement-later-button{min-width:138px}.figma-placement-next-button{min-width:142px}@media (width<=760px){.hub-profile-manage-row{grid-template-columns:auto minmax(0,1fr)}.hub-profile-manage-row .hub-button-row{grid-column:1/-1}.figma-placement-page{min-height:0;margin:8px auto 24px}.figma-placement-start-card,.figma-placement-test-grid{grid-template-columns:1fr}.figma-placement-start-card{border-radius:16px;gap:18px;min-height:0;padding:14px}.figma-placement-intro-copy,.figma-placement-form,.figma-placement-passage-card,.figma-placement-question-list .hub-raz-question-card{padding:18px}.figma-placement-intro-copy{border-radius:18px;gap:18px}.figma-placement-thumbnail{width:88px;height:80px}.figma-placement-intro-copy h1{font-size:27px}.figma-placement-description{margin-top:16px;font-size:14px}.figma-placement-form{gap:18px;padding:4px 2px 10px}.figma-placement-grade-grid,.figma-placement-question-list .hub-raz-choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.figma-placement-test-header{grid-template-columns:42px minmax(0,1fr)}.figma-placement-step{grid-column:2;justify-self:start}.figma-placement-passage-card{border-radius:18px;position:static}.figma-placement-actions{align-items:stretch}}