:root{--color-brand-sky: #80bfe3;--color-brand-blue: #459ed0;--color-brand-coral: #ff8b59;--color-ink: #273b53;--color-muted: #8995a6;--color-border: #edf0f4;--color-surface-blue: #eaf5fc;--color-app: #f8fafd;--color-canvas: #edf3f8;--space-2: 8px;--space-3: 12px;--font-body: "Plus Jakarta Sans", sans-serif;--radius-card: 18px;--radius-control: 10px;--radius-pill: 999px;font-family:var(--font-body);color:var(--color-ink);background:#f7f9fc;font-synthesis:none;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #88c4e9;outline-offset:4px}button{border:0;background:none}a{color:inherit}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{vertical-align:middle}h1{font-size:29px;line-height:1.4;letter-spacing:-1.2px;font-weight:800}h2{font-size:18px;line-height:1.5;letter-spacing:-.5px;font-weight:800}h3{font-size:14px;line-height:1.5;letter-spacing:-.25px;font-weight:700}p{line-height:1.75}button{-webkit-tap-highlight-color:transparent}::selection{background:#d5edfa}.brand-logo{width:168px;height:42px;position:relative;overflow:hidden;flex-shrink:0}.brand-logo img{position:absolute;width:202px;height:202px;max-width:none;left:-17px;top:-80px}.avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;display:block;object-fit:cover}.topbar{height:89px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);background:#fff}.topbar-actions{display:flex;align-items:center;gap:22px}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-control);color:#8190a2;flex-shrink:0}.icon-button:hover{background:#edf5fa}.notification-button{position:relative}.notification-button i{width:5px;height:5px;border:2px solid white;box-sizing:content-box;border-radius:50%;background:#ff9975;position:absolute;top:6px;right:7px}.mobile-brand,.bottom-nav{display:none}main{max-width:1370px;margin:auto;padding:31px 38px 0}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.welcome-kicker,.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8c9aab;display:block;margin-bottom:7px}.welcome-row h1{font-size:28px;letter-spacing:-.9px}.wave{font-size:25px;display:inline-block;transform:rotate(-8deg);margin-left:3px}.welcome-row p{font-size:12px;color:#8895a5;margin-top:6px}.streak-pill{display:flex;align-items:center;gap:6px;background:#fff5eb;border:1px solid #f9e6d5;border-radius:var(--radius-pill);padding:9px 14px;color:#c78756}.streak-pill svg{color:#f89760}.streak-pill strong{font-size:12px}.streak-pill>span{font-size:10px}.primary-column{min-width:0}.hero{position:relative;background:#e6f3fc;border:1px solid #e1eff9;border-radius:19px;min-height:279px;overflow:hidden;padding:31px 29px}.hero-copy{position:relative;z-index:2;max-width:62%}.hero-eyebrow{font-size:7px;letter-spacing:1.2px;font-weight:800;display:flex;align-items:center;gap:6px;color:#658aa7}.hero-eyebrow>span{width:5px;height:5px;background:#ff9e70;border-radius:50%}.hero h2{font-size:30px;line-height:1.38;letter-spacing:-1.2px;margin-top:16px;font-weight:800}.hero h2 span{color:#4f9ed0;position:relative}.hero h2 span:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:8px;border-top:2px solid #ffaf80;border-radius:50%;transform:rotate(-4deg)}.hero-copy>p{font-size:10px;line-height:1.9;color:#7d96a9;margin:15px 0 19px}.primary-button{background:#79bce2;color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:17px;font-size:11px;font-weight:700;padding:12px 17px;border-radius:9px;min-height:42px;box-shadow:0 4px 8px #62a7d019}.primary-button:not(:disabled):hover{background:#58aad9;box-shadow:0 5px 14px #62a7d033}.hero-art{position:absolute;right:-14px;bottom:6px;width:56%;height:96%;max-width:345px}.hero-page{position:absolute;bottom:14px;left:50%;display:flex;gap:4px}.hero-page b{height:4px;width:15px;border-radius:var(--radius-control);background:#7bbcdf}.hero-page i{height:4px;width:4px;border-radius:50%;background:#c2dfee}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.section-heading h2{font-size:16px}.section-heading .eyebrow{font-size:8px;margin-bottom:5px;letter-spacing:1.3px}.text-button{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#68abd2;padding:5px 0;white-space:nowrap}.text-button:hover{color:#318cbe}.subjects-section,.learning-formats-section,.recommend-section{margin-top:28px}.learning-formats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.learning-format-card{--format-ink: #5d9cc2;--format-tint: #edf7fc;min-width:0;min-height:152px;padding:17px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;border:1px solid #e9eef3;border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s}.learning-format-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--format-ink) 35%,white);box-shadow:0 8px 22px #3347600c}.learning-format-card.ebook{--format-ink: #b58b55;--format-tint: #fbf4e8}.learning-format-card.quiz{--format-ink: #9a83c4;--format-tint: #f3effa}.learning-format-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:var(--format-ink);background:var(--format-tint)}.learning-format-copy{display:flex;flex-direction:column;gap:5px;margin-top:13px}.learning-format-copy strong{font-size:12px}.learning-format-copy small{color:#95a2b1;font-size:9px;line-height:1.6}.learning-format-action{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:12px;color:var(--format-ink);font-size:9px;font-weight:700}.subject-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.subject-button{display:flex;flex-direction:column;align-items:center;gap:11px;padding:0;font-size:10px;font-weight:600;white-space:nowrap}.subject-icon{display:flex;align-items:center;justify-content:center;width:63px;height:63px;border-radius:17px;transition:transform .2s,box-shadow .2s;border:1px solid #ffffff90}.subject-button:hover .subject-icon{transform:translateY(-4px);box-shadow:0 6px 14px #3158760b}.blue{--tint: #e8f2fc;--ink: #709fd1}.green{--tint: #e8f3ea;--ink: #76a68a}.orange{--tint: #fff0e6;--ink: #df9d68}.purple{--tint: #efebf8;--ink: #a18ac6}.pink{--tint: #fbeaf0;--ink: #d18ca5}.yellow{--tint: #fbf4db;--ink: #c3a653}.subject-icon,.icon-tile,.badge-icon{background:var(--tint);color:var(--ink)}.art-math{background:#e7effd}.art-ipa{background:#264971}.art-ips{background:#fff1df}.art-pkn{background:#f0eafa}.art-indo{background:#fbecef}.art-english{background:#fcf3d9}.mini-label{display:flex;align-items:center;gap:7px;font-size:7px;font-weight:700;letter-spacing:.8px;color:#8ba0b6}.mini-label i{width:3px;height:3px;background:#a7b8c7;border-radius:50%}.progress-track{height:5px;background:#edf1f6;border-radius:var(--radius-control);overflow:hidden;flex:1}.progress-track>div{height:100%;border-radius:var(--radius-control);background:#87c1e5;transition:width .4s}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.course-card{background:#fff;border:1px solid var(--color-border);border-radius:13px;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 7px 22px #33476009}.course-cover{width:100%;padding:0;position:relative;display:block;overflow:hidden;aspect-ratio:1.8}.course-art{width:100%;height:100%;display:block;object-fit:cover}.cover-type{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:4px;color:#4e667e;background:#ffffffec;font-size:8px;font-weight:700;padding:4px 6px;border-radius:5px}.cover-duration{position:absolute;bottom:8px;right:8px;font-size:8px;font-family:DM Sans,sans-serif;background:#1a30498c;color:#fff;padding:3px 5px;border-radius:4px}.done-label{position:absolute;bottom:8px;left:8px;display:flex;gap:3px;align-items:center;background:#e8f4e9;color:#5d976b;font-size:8px;padding:3px 5px;border-radius:5px}.course-info{padding:11px 12px 14px}.course-meta{display:flex;align-items:center;justify-content:space-between;gap:2px}.subject-label{font-size:8px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;border-radius:4px}.bookmark-button{padding:3px;color:#a5b0bd;margin-right:-4px}.bookmark-button:hover,.is-saved{color:#6aafd8!important}.course-title{text-align:left;font-size:11px;line-height:1.7;font-weight:700;min-height:39px;display:block;padding:3px 0;margin-top:0}.course-bottom{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:7px;color:#9ca6b4;white-space:nowrap}.course-bottom>span{display:flex;align-items:center;gap:4px}.course-bottom>i{width:2px;height:2px;background:#abb4c1;border-radius:50%}.course-bottom svg{width:10px}.icon-tile{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);flex-shrink:0}.right-heading{display:flex;justify-content:space-between;align-items:center}.right-heading h3{font-size:12px}.page-content{min-height:calc(100vh - 214px);animation:page-in .3s ease}.page-heading{margin:6px 0 27px}.page-heading h1{font-size:27px;display:flex;align-items:center;gap:11px}.page-heading p{font-size:12px;color:#8a97a7;margin-top:8px}.heading-spark{color:#8fbddd}.search-box{display:flex;align-items:center;gap:var(--space-3);background:#fff;border:1px solid #e6edf4;border-radius:12px;padding:8px 15px;min-height:52px;color:#90a7ba}.search-box input{background:none;border:0;outline:none;min-width:0;width:100%;font-size:12px;color:var(--color-ink);height:34px}.search-box input::placeholder{color:#9eacba}.filter-chips{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding:19px 0 22px}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 15px;background:#fff;border:1px solid #e9eef4;border-radius:9px;font-size:10px;color:#91a0b0;font-weight:600}.filter-chips button.selected{background:#e9f4fc;border-color:#b9dcf1;color:#579bc6}.content-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #e5ebf1;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.content-tabs>button{display:flex;align-items:center;gap:7px;position:relative;padding:14px 4px;font-size:11px;color:#929faf;white-space:nowrap;border-bottom:2px solid transparent}.content-tabs>button.active{color:#519ecb;border-bottom-color:#80c1e5;font-weight:700}.results-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.results-heading h2{font-size:16px}.results-heading>span{font-size:10px;color:#97a4b3}.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.explore-grid .course-title{font-size:12px}.explore-grid .course-info{padding:12px 14px 15px}.explore-grid .course-bottom{font-size:8px}.demo-footnote{font-size:9px;color:#a2afbc;text-align:center;margin:30px 0 10px;line-height:1.8}.tab-count{font-size:9px;background:#eaf1f6;border-radius:5px;padding:2px 5px;color:#6a98b7}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:65px 20px 85px}.empty-icon{position:relative;display:flex;align-items:center;justify-content:center;background:#e9f4fc;border:9px solid #f0f7fc;border-radius:50%;width:105px;height:105px;color:#8fbedb;margin-bottom:25px}.empty-icon i{position:absolute;right:-10px;top:0;color:#f8b27f;font-size:24px;font-style:normal}.empty-state h2{font-size:20px}.empty-state p{max-width:330px;font-size:12px;color:#94a2b2;margin:12px 0 25px}.profile-page{max-width:810px;margin:auto}.profile-card{border-radius:var(--radius-card);background:#fff;border:1px solid #e8eef4;overflow:hidden}.profile-cover{height:117px;background:#e4f1fb;position:relative;overflow:hidden;background-image:radial-gradient(circle at 85% 105%,transparent 50px,#d3e9f8 51px,#d3e9f8 70px,transparent 71px),radial-gradient(circle at 20% -40%,transparent 85px,#d8ecf9 86px,#d8ecf9 120px,transparent 121px)}.profile-cover>span{position:absolute;font-size:33px;color:#b4d8ee;left:68%;top:22px}.profile-cover>span:nth-child(2){left:82%;top:62px;color:#f0b78f;font-size:24px}.profile-cover>span:nth-child(3){left:38%;top:36px;font-size:22px}.profile-main{padding:0 28px 23px;position:relative}.avatar.large{height:85px;width:85px;border:5px solid white}.profile-main>.avatar{margin-top:-43px;position:relative}.edit-profile{position:absolute;right:24px;top:61px}.outline-button{border:1px solid #dfe8f0;background:#fff;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;font-size:10px;font-weight:600;color:#7f96a9;min-height:38px}.outline-button:hover:not(:disabled){background:#f2f8fc;border-color:#bcd9ec}.profile-main h2{font-size:22px;margin-top:13px}.profile-school-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:4px}.profile-school-row>p{font-size:11px;color:#93a1b2;margin:0}.profile-grade{display:inline-flex;align-items:center;background:#eef7fd;color:#73a8cb;font-size:9px;padding:4px 7px;border-radius:6px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:21px 15px;border-top:1px solid #edf1f6}.profile-stats>div{display:flex;flex-direction:column;align-items:center;gap:7px}.profile-stats>div+div{border-left:1px solid #edf1f6}.profile-stats strong{font-size:25px}.profile-stats span{font-size:9px;color:#97a4b2}.profile-achievements{margin-top:30px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.badge-card{display:flex;flex-direction:column;align-items:center;padding:22px 10px 17px;border-radius:13px;background:#fff;border:1px solid var(--color-border);position:relative;text-align:center}.badge-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.badge-card>strong{font-size:11px}.badge-card>small{font-size:9px;color:#9ca7b5;margin-top:6px}.badge-card.locked .badge-icon{filter:grayscale(1);opacity:.5}.badge-card.locked>strong{color:#9ba7b5}.earned{display:flex;align-items:center;gap:3px;font-size:8px;color:#83ab89;margin-top:9px}.profile-page>section:not(.profile-card){margin-top:27px}.history-list{background:#fff;padding:0 18px;border:1px solid #e9eef3;border-radius:13px}.history-list>div{display:flex;gap:var(--space-3);align-items:center;padding:16px 0}.history-list>div+div{border-top:1px solid #eef1f5}.history-list>div>span:nth-child(2){flex:1}.history-list strong{font-size:11px;display:block}.history-list small{font-size:9px;color:#9aa7b4;display:block;margin-top:4px}.history-list b{font-size:20px;color:#74a9c9;display:flex;align-items:baseline;gap:2px}.history-list b small{font-weight:500}.learn-search-row{display:flex;align-items:stretch;gap:10px}.learn-search-row .search-box{flex:1;min-width:0}.subject-filter-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:52px;min-height:52px;padding:0 17px;background:#fff;border:1px solid #e6edf4;border-radius:12px;color:#8097aa;font-size:11px;font-weight:600}.subject-filter-button:hover{background:#eff7fd;border-color:#c3dfef}.subject-filter-button.is-active{background:var(--color-surface-blue);border-color:#b8dcee;color:#509dcc}.subject-filter-button>i{position:absolute;top:9px;right:9px;width:5px;height:5px;border-radius:50%;background:#ff996b}.learn-page .learn-type-tabs{margin:17px 0 25px;gap:30px}.learn-page .learn-type-tabs>button{justify-content:center;min-width:45px;min-height:47px;font-size:12px;padding:13px 4px}.learn-results-heading>div{display:flex;align-items:center;gap:var(--space-3);min-width:0}.learn-results-heading>div>span{font-size:10px;color:#9ba9b8;white-space:nowrap}.clear-subject-button{display:flex;align-items:center;gap:5px;color:#8b9cad;font-size:9px;min-height:32px;white-space:nowrap}.clear-subject-button:hover{color:#509dcc}.subject-filter-modal .modal-header{margin-bottom:7px}.subject-filter-description{font-size:11px;color:#95a3b3;margin-bottom:20px}.subject-filter-options{display:grid;gap:5px}.subject-filter-option{display:flex;align-items:center;gap:var(--space-3);padding:10px;border:1px solid transparent;border-radius:11px;text-align:left;font-size:12px;min-height:54px}.subject-filter-option:hover{background:#f6f9fc}.subject-filter-option.selected{background:#f0f8fd;border-color:#d6eaf7;color:#539bc7}.subject-filter-option .icon-tile{width:34px;height:34px;border-radius:9px}.filter-selection{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;background:var(--color-brand-sky);color:#fff}.filter-selection.empty{background:transparent;border:1px solid #e2e9f0}@container (max-width:760px){.learn-search-row{gap:9px}.subject-filter-button{width:47px;min-width:47px;min-height:47px;padding:0;border-radius:var(--radius-control)}.subject-filter-button>span{display:none}.learn-page .learn-type-tabs{margin:12px 0 22px;gap:0;justify-content:space-between}.learn-page .learn-type-tabs>button{flex:1;min-width:0;font-size:11px;padding:12px 4px;min-height:46px}.learn-results-heading>div{gap:9px}.learn-results-heading>div>span{font-size:9px}.learn-results-heading h2{font-size:14px}.clear-subject-button{font-size:8px;gap:3px}.modal-backdrop:has(.subject-filter-modal){align-items:flex-end;padding:0}.modal.subject-filter-modal{width:100%;max-width:600px;border-radius:23px 23px 0 0;padding:15px 22px max(24px,env(safe-area-inset-bottom));max-height:90dvh}.subject-filter-modal:before{content:"";display:block;width:35px;height:4px;margin:0 auto 19px;border-radius:4px;background:#dce5ed}.subject-filter-modal .modal-header h2{font-size:16px}.subject-filter-description{font-size:10px;margin-bottom:15px}.subject-filter-option{font-size:11px;padding:9px;min-height:52px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#24394f62;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:80;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .2s}.modal{background:#fff;border-radius:22px;max-height:90dvh;width:460px;max-width:100%;overflow:auto;padding:24px;box-shadow:0 25px 100px #23354b30;outline:none;animation:modal-in .25s}.modal.wide{width:590px}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.modal-header h2{font-size:17px}.modal-header>.icon-button{background:#f4f7fa;width:32px;height:32px}.full-width{width:100%;margin-top:23px;min-height:45px}.profile-class-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-form>.avatar{margin:5px auto 23px;width:90px;height:90px}.profile-form label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:700;margin:17px 0}.profile-form input,.profile-form select{border:1px solid #e2eaf2;border-radius:9px;padding:13px;font-size:12px;color:var(--color-ink);font-weight:500;background:#fff}.notification-list>div{display:flex;gap:13px;padding:15px 0}.notification-list>div+div{border-top:1px solid #edf1f5}.notification-list h3{font-size:12px}.notification-list p{font-size:11px;color:#909faf;margin-top:5px}.notification-list small{font-size:9px;color:#b1bac5;display:block;margin-top:8px}.info-box{display:flex;align-items:flex-start;gap:9px;background:#f2f7fb;border:1px solid #e8f0f7;color:#8ca0b2;font-size:10px;line-height:1.8;padding:13px 15px;border-radius:9px}.info-box>svg{margin-top:3px}.toast{position:fixed;bottom:28px;left:calc(50% + 119px);transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:13px 21px;background:#2f4a63;color:#fff;border-radius:var(--radius-control);box-shadow:0 6px 30px #21364922;font-size:11px;z-index:100;max-width:calc(100vw - 35px);white-space:nowrap;animation:fade-in .2s}.toast>svg{color:#abd8ec}.video-stage{height:255px;position:relative;border-radius:12px;overflow:hidden}.video-stage>.course-art{height:100%;width:100%}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:#fffd;color:#528cb4;box-shadow:0 5px 20px #18374c20}.video-play:not(:disabled):active{transform:translate(-50%,-50%)}.video-preview-label{position:absolute;top:13px;left:13px;font-size:8px;letter-spacing:1px;background:#ffffffdf;color:#527798;border-radius:4px;padding:5px 7px}.video-controls{display:flex;align-items:center;gap:10px;padding:8px 0}.video-controls input{flex:1;min-width:0;height:4px;accent-color:#7cbbdf;cursor:pointer}.video-controls>span{font-size:9px;color:#8c9eaf}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.detail-heading h2{font-size:21px;margin-top:7px}.detail-heading .subject-label{font-size:10px}.detail-description{font-size:12px;color:#8698aa;margin:12px 0 17px}.learn-heading{font-size:12px;margin:23px 0 11px}.learning-points p{display:flex;align-items:center;gap:9px;font-size:11px;color:#8da0b0;padding:5px 0}.learning-points svg{color:#7bad8e}.ebook-heading{height:100px;border-radius:var(--radius-control);color:#6f97b6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ebook-heading>span{font-size:8px;letter-spacing:1.5px}.reader{margin-top:23px;background:#fdfbf6;border:1px solid #f2eee4;border-radius:var(--radius-control);padding:26px}.reader>span{font-size:8px;letter-spacing:1.3px;color:#b3a998}.reader h3{font-size:20px;margin:14px 0;color:#6b6459}.reader>p{font-family:Georgia,serif;font-size:17px;color:#7d766a;line-height:1.95;min-height:130px}.reader-tip{display:flex;align-items:center;gap:var(--space-3);border-top:1px solid #ece5d7;padding-top:16px;margin-top:23px;color:#b09f7a}.reader-tip p{font-size:10px;color:#a79b86;line-height:1.8}.reader-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:10px}.reader-navigation>span{font-size:10px;color:#98a6b3}.quiz-intro{text-align:center;padding-top:5px}.quiz-intro-icon{height:85px;width:85px;border-radius:25px;background:var(--tint);color:var(--ink);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}.quiz-intro>.subject-label{font-size:10px}.quiz-intro h2{font-size:22px;margin:10px 0}.quiz-intro>p{font-size:11px;color:#95a3b2;max-width:340px;margin:auto}.quiz-info{display:flex;justify-content:space-around;border:1px solid #ecf0f4;border-radius:12px;padding:21px 9px;margin:25px 0 19px}.quiz-info>span{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#8cb5d0}.quiz-info strong{font-size:11px;color:#627e95}.quiz-info small{font-size:9px;color:#a4afbc}.quiz-intro .info-box{text-align:left}.quiz-topline{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#92a2b4;margin:10px 0 15px}.quiz-topline strong{color:#5f9dc6}.quiz-topline .subject-label{font-size:10px}.timer{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.timer.urgent{color:#d36f61}.question{font-size:21px;line-height:1.6;margin:28px 0 22px}.answer-options{display:grid;gap:11px}.answer-options>button{display:flex;align-items:center;gap:13px;border:1px solid #e6edf4;border-radius:var(--radius-control);padding:12px 14px;text-align:left;font-size:12px;line-height:1.7;color:#7c90a5}.answer-options>button>span{width:29px;height:29px;display:flex;align-items:center;justify-content:center;background:#f3f6f9;color:#96a7b8;font-size:10px;border-radius:7px;flex-shrink:0}.answer-options>button>svg{margin-left:auto}.answer-options>button:hover:not(:disabled){background:#f5fafe;border-color:#c5dfef}.answer-options>button.selected{background:#edf7fd;border-color:#9accea;color:#5999c0}.answer-options>button.selected>span{background:#d3eafa;color:#6ba5ca}.answer-options>button:disabled{opacity:1}.answer-options>button.correct{background:#f0f8f0;border-color:#a8cdb0;color:#74a381}.answer-options>button.incorrect{background:#fff3ee;border-color:#efb69f;color:#c18570}.answer-feedback{margin-top:19px;padding:15px;border-radius:9px;background:#f1f8f1;font-size:11px;color:#76a27d}.answer-feedback.wrong{background:#fff7ed;color:#b3986c}.answer-feedback p{margin-top:7px;font-size:11px;line-height:1.8}.quiz-result{text-align:center}.result-trophy{display:flex;align-items:center;justify-content:center;height:100px;width:100px;background:#fff6df;color:#dbb15e;border-radius:50%;margin:2px auto 22px}.quiz-result h2{font-size:25px;margin:9px 0}.quiz-result>p{font-size:11px;color:#93a3b2}.result-score{font-size:67px;font-weight:800;letter-spacing:-3px;color:#73b1d8;margin:22px 0 5px}.result-score>span{font-size:19px;letter-spacing:0;color:#b5c5d3;font-weight:500}.result-summary{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:#88a1b4;font-size:11px}.answer-review{text-align:left;margin-top:22px;border:1px solid var(--color-border);padding:0 14px;border-radius:var(--radius-control)}.answer-review>div{display:flex;align-items:flex-start;gap:11px;padding:14px 0}.answer-review>div+div{border-top:1px solid var(--color-border)}.answer-review strong{display:block;font-size:10px;line-height:1.8;font-weight:600}.answer-review small{display:block;font-size:10px;line-height:1.8;color:#94a5b5;margin-top:4px}.correct-mark,.incorrect-mark{background:#eaf4ec;color:#85af8e;border-radius:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.incorrect-mark{background:#fff0e7;color:#d69c7e}.result-actions{display:flex;gap:var(--space-3);margin-top:23px}.result-actions>button{flex:1}.result-actions>.primary-button{margin:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes page-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@container (max-width:760px){:root{background:var(--color-app)}.main-shell{margin-left:0}.topbar{height:78px;padding:0 22px;border-bottom:0;background:var(--color-app)}.mobile-brand{display:block}.brand-logo{width:141px;height:40px;mix-blend-mode:multiply}.brand-logo img{width:174px;height:174px;left:-15px;top:-67px}.topbar-actions{gap:10px}.notification-button{width:29px}.notification-button i{right:2px}.notification-button svg{width:20px}main{padding:8px 22px 95px;max-width:600px}.welcome-row{margin-bottom:22px;align-items:center}.welcome-kicker{font-size:7px;letter-spacing:1.25px;margin-bottom:7px}.welcome-row h1{font-size:26px;letter-spacing:-1px}.wave{font-size:22px}.welcome-row p{font-size:11px;margin-top:5px}.streak-pill{padding:7px 9px;gap:4px;margin-top:8px}.streak-pill strong{font-size:11px}.streak-pill svg{width:17px;height:17px}.streak-pill>span{display:none}.home-columns{display:block}.hero{padding:24px 22px;min-height:249px;border-radius:17px}.hero-copy{max-width:65%}.hero-eyebrow{font-size:6px;letter-spacing:.6px;gap:4px;white-space:nowrap}.hero-eyebrow>span{width:4px;height:4px}.hero h2{font-size:27px;line-height:1.37;letter-spacing:-1.2px;margin-top:16px}.hero h2 span:after{bottom:-5px}.hero-copy>p{font-size:9px;line-height:1.85;margin:16px 0 17px}.hero .primary-button{font-size:9px;gap:11px;padding:10px 12px;min-height:36px;border-radius:8px}.hero-art{right:-34px;bottom:9px;width:59%;height:89%;max-width:300px}.hero-page{bottom:12px}.subjects-section,.learning-formats-section,.recommend-section{margin-top:27px}.learning-formats-grid{grid-template-columns:1fr;gap:8px}.learning-format-card{min-height:0;display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px}.learning-format-copy{margin-top:0}.learning-format-action{margin-top:0;padding-top:0;font-size:8px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:15px;letter-spacing:-.5px}.text-button{font-size:9px;gap:2px}.text-button svg{width:13px}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px;column-gap:13px;padding:1px 4px}.subject-button{font-size:10px;gap:9px}.subject-icon{width:66px;height:63px;border-radius:var(--radius-card)}.subject-icon svg{width:27px;height:27px}.mini-label{font-size:5.5px;letter-spacing:.55px;gap:5px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.home-course-grid{display:flex;gap:13px;margin-right:-22px;padding-right:22px;padding-bottom:9px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.home-course-grid::-webkit-scrollbar{display:none}.home-course-grid .course-card{width:194px;flex-shrink:0;scroll-snap-align:start}.course-cover{aspect-ratio:1.65}.course-info{padding:11px 13px 14px}.course-title{font-size:11px;min-height:41px}.course-bottom{font-size:8px;gap:6px;margin-top:8px}.course-bottom svg{width:10px}.subject-label,.cover-type,.cover-duration{font-size:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-around;padding:8px 10px max(9px,env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #e9eef5;box-shadow:0 -4px 22px #31587604;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav>button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;font-weight:600;color:#a3aebc;min-width:63px;padding:0 4px 4px}.bottom-nav>button>span{width:49px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:11px}.bottom-nav>button.active{color:#67acd6}.bottom-nav>button.active>span{background:#ecf6fc}.page-heading{margin:6px 0 24px}.page-heading h1{font-size:24px;line-height:1.5;letter-spacing:-1px;gap:7px}.page-heading h1 svg{width:23px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:9px}.page-heading p{font-size:11px;margin-top:7px}.page-content{min-height:calc(100dvh - 237px)}.search-box{padding:6px 12px;min-height:47px;border-radius:var(--radius-control);gap:9px}.search-box input{font-size:10px}.search-box>svg{width:17px}.filter-chips{margin-right:-22px;padding-right:22px;gap:7px;padding-top:15px;padding-bottom:14px}.filter-chips>button{font-size:9px;padding:9px 12px}.content-tabs{gap:18px;margin-bottom:22px}.content-tabs>button{font-size:10px;gap:5px;padding:14px 2px}.content-tabs>button>svg{width:14px}.results-heading h2{font-size:14px}.results-heading>span{font-size:9px}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px}.explore-grid .course-info{padding:9px 10px 12px}.explore-grid .course-title{font-size:10px;min-height:40px}.explore-grid .course-bottom{font-size:7px;gap:4px;flex-wrap:wrap}.explore-grid .course-bottom>span{gap:3px}.explore-grid .bookmark-button>svg{width:16px}.explore-grid .cover-type{font-size:7px;left:8px;top:8px;padding:3px 5px}.explore-grid .cover-type>svg{width:10px}.explore-grid .subject-label{font-size:7px}.demo-footnote{font-size:8px;padding:0 10px}.empty-state{padding:50px 9px}.empty-state h2{font-size:18px}.empty-state p{font-size:11px}.profile-cover{height:100px}.profile-main{padding:0 20px 21px}.profile-main h2{font-size:21px}.profile-main>.avatar{width:79px;height:79px;margin-top:-38px}.edit-profile{right:17px;top:56px;font-size:9px;padding:8px 10px;min-height:34px}.profile-stats{padding:18px 8px}.profile-stats strong{font-size:23px}.profile-stats span{font-size:8px}.badge-grid{gap:9px}.badge-card{padding:17px 6px 15px}.badge-icon{width:51px;height:51px;margin-bottom:12px}.badge-icon>svg{width:25px}.badge-card>strong{font-size:9px}.badge-card>small{font-size:7px;line-height:1.7}.earned{font-size:7px}.toast{left:50%;bottom:90px;font-size:10px;padding:12px 16px}.modal-backdrop{padding:14px;align-items:center}.modal{border-radius:20px;max-height:88dvh;padding:21px;width:460px}.modal-header{margin-bottom:19px}.modal-header h2{font-size:16px}.video-stage{height:205px}.detail-heading h2{font-size:19px}.detail-description{font-size:11px}.info-box{font-size:9px;padding:12px}.question{font-size:19px;margin-top:24px}.answer-options>button{font-size:11px;padding:11px 12px;gap:10px}.quiz-intro h2{font-size:21px}.quiz-intro>p{font-size:10px}.quiz-info{padding:19px 6px}.quiz-info strong{font-size:10px}.quiz-info small{font-size:8px}.reader{padding:21px}.reader>p{font-size:16px}.reader h3{font-size:19px}.reader-navigation .outline-button{font-size:9px;padding:9px 10px}.learning-points p{font-size:10px}}@media(max-width:365px){main{padding-left:17px;padding-right:17px}.topbar{padding-left:17px;padding-right:17px}.hero{padding:23px 17px;min-height:239px}.hero h2{font-size:25px}.hero-art{width:60%;right:-36px;bottom:13px}.hero-eyebrow{font-size:5px}.hero-copy>p{font-size:8px}.hero .primary-button{font-size:8px;padding:10px;gap:var(--space-2)}.welcome-kicker{font-size:6px}.welcome-row h1{font-size:24px}.home-course-grid,.filter-chips{margin-right:-17px;padding-right:17px}.subject-grid{row-gap:17px}.subject-icon{width:60px;height:58px}.mini-label{font-size:5px}.content-tabs{gap:13px}.page-heading h1{font-size:22px}.modal{padding:18px}.quiz-info small{font-size:7px}}.app-shell{width:100%;max-width:430px;margin:0 auto;min-height:100dvh;container-type:inline-size;background:var(--color-app);box-shadow:0 0 70px #243c520d}body{background:var(--color-canvas)}.main-shell{margin-left:0}.mobile-brand,.home-columns{display:block}.bottom-nav{display:flex;left:50%;right:auto;width:min(100vw,430px);transform:translate(-50%)}.modal-backdrop{left:50%;right:auto;width:min(100vw,430px);transform:translate(-50%)}@container (max-width:760px){main{max-width:100%}.home-columns{display:block}.home-course-grid{display:flex;gap:13px;margin-right:-22px;padding-right:22px;padding-bottom:9px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.home-course-grid::-webkit-scrollbar{display:none}.home-course-grid .course-card{width:194px;flex-shrink:0;scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}