:root{--color-background: #faf8f5;--color-surface: #ffffff;--color-primary: #8f5734;--color-primary-soft: #f3e5d8;--color-text: #352f2b;--color-muted: #71665f;--color-border: #e9e1da;--color-success: #55745e;--color-danger: #b6534d;--shadow-soft: 0 10px 30px rgba(53, 47, 43, .06);--radius-card: 16px;--radius-control: 12px;--radius-pill: 999px;--sidebar-width: 240px;--content-max: 1280px;--space-page: clamp(16px, 3vw, 32px);color:var(--color-text);background:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}html{background:var(--color-background)}body{min-width:320px;min-height:100dvh;margin:0}body,button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(184,121,77,.28);outline-offset:2px}#app{min-height:100dvh}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100dvh}.app-shell__main{min-width:0}.desktop-sidebar{position:sticky;top:0;display:flex;height:100dvh;flex-direction:column;gap:32px;border-right:1px solid var(--color-border);background:var(--color-surface);padding:24px 18px}.app-logo{display:grid;min-height:48px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px}.app-logo__mark{position:relative;display:inline-block;width:32px;height:32px;border-radius:50% 50% 50% 8px;background:var(--color-primary-soft)}.app-logo__mark:after{position:absolute;right:6px;bottom:6px;width:14px;height:20px;border-radius:14px 14px 2px;background:var(--color-primary);content:"";transform:rotate(36deg)}.app-logo strong,.app-logo small{display:block}.app-logo strong{line-height:1.15}.app-logo small{color:var(--color-muted);font-size:12px}.desktop-sidebar__nav{display:grid;gap:8px}.nav-link,.mobile-bottom-nav a{border-radius:var(--radius-control);color:var(--color-muted);font-weight:700}.nav-link{display:flex;min-height:44px;align-items:center;gap:11px;padding:0 14px}.nav-link.is-active,.mobile-bottom-nav a.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar-logout{display:flex;min-height:44px;align-items:center;gap:11px;margin-top:auto;border:0;border-radius:var(--radius-control);background:transparent;padding:0 14px;color:var(--color-muted);cursor:pointer;font-weight:700}.sidebar-logout:hover{background:var(--color-background);color:var(--color-text)}.top-app-bar{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--space-page)}.top-app-bar h1,.placeholder-panel h2{margin:0;letter-spacing:0}.top-app-bar h1{font-size:clamp(24px,3vw,32px);line-height:1.15}.eyebrow{margin:0 0 4px;color:var(--color-muted);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.top-app-bar__meta{display:flex;flex-shrink:0;align-items:center;gap:10px}.points-pill{display:inline-flex;min-height:36px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);padding:0 14px;color:var(--color-primary);font-weight:800;gap:6px}.points-pill span{color:var(--color-muted);font-size:13px}.points-pill--compact{min-height:40px}.avatar{display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-weight:800}.page-frame{width:min(100%,var(--content-max));margin:0 auto;padding:8px var(--space-page) 40px}.placeholder-panel{display:grid;gap:18px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:clamp(20px,4vw,32px)}.placeholder-panel h2{font-size:clamp(22px,3vw,28px)}.placeholder-panel p{max-width:680px;margin:0;color:var(--color-muted)}.placeholder-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 0}.placeholder-panel dl div{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background);padding:14px}.placeholder-panel dt{color:var(--color-muted);font-size:13px;font-weight:700}.placeholder-panel dd{margin:4px 0 0;overflow-wrap:anywhere;font-weight:800}.mobile-bottom-nav{display:none}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-control);padding:0 18px;cursor:pointer;font-weight:800}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover{background:#a76840}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.button--danger{background:var(--color-danger);color:#fff}.button--wide{width:100%}.button:disabled{cursor:not-allowed;opacity:.52}.text-button,.icon-button{min-width:44px;min-height:44px;border:0;background:transparent;cursor:pointer}.text-button{justify-self:center;color:var(--color-primary);font-weight:700}.icon-button{display:inline-grid;flex:0 0 44px;place-items:center}.login-page{display:grid;min-height:100dvh;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);background:var(--color-surface)}.login-brand,.login-form-wrap{min-width:0}.login-brand{position:relative;display:flex;min-height:100dvh;flex-direction:column;overflow:hidden;background-color:#eee4d8;background-image:url(/assets/login-learning-background-x_f8STfE.webp);background-position:left center;background-size:cover;padding:clamp(28px,5vw,64px)}.login-brand:after{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffaf51f;content:"";pointer-events:none}.login-brand>:not(.login-brand__copy){position:relative;z-index:2}.login-brand__copy{position:relative;z-index:2;max-width:540px;margin:auto 0;padding:56px 0 220px}.login-brand__copy h1{max-width:400px;margin:10px 0 18px;font-size:clamp(38px,4vw,56px);line-height:1.1;letter-spacing:0}.login-brand__copy>p:last-child{max-width:370px;margin:0;color:var(--color-muted);font-size:18px}.continue-card__sun{position:absolute;border-radius:50%;background:#eab361}.login-form-wrap{display:grid;min-height:100dvh;place-items:center;padding:clamp(24px,6vw,80px)}.login-card{display:grid;width:min(100%,420px);gap:22px}.login-card h2{margin:2px 0 6px;font-size:34px;letter-spacing:0}.login-card__intro{margin:0;color:var(--color-muted)}.login-card__links{display:flex;align-items:center;justify-content:center;gap:18px}.login-card__switch{margin:0;color:var(--color-muted);text-align:center}.login-card__switch .text-button{display:inline-flex;min-height:36px;align-items:center;margin-left:4px}.login-card--confirmation{justify-items:start}.login-card--confirmation>svg{color:var(--color-success)}.form-hint{margin:-10px 0 0;color:var(--color-muted);font-size:13px}.form-field{display:grid;gap:8px;font-weight:750}.input-shell{display:flex;min-height:52px;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding-left:15px;color:var(--color-muted)}.input-shell:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #b8794d1f}.input-shell input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--color-text);font-size:16px}.inline-alert{border:1px solid #ddc7a7;border-radius:var(--radius-control);background:#fff8e9;padding:12px 14px;color:#7a5d35;font-size:14px}.inline-alert--error{border-color:#e8c7c4;background:#fff2f1;color:var(--color-danger)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{display:grid;gap:24px}.dashboard__welcome h2,.continue-card h2,.section-heading h2,.app-state h2{margin:0;letter-spacing:0}.dashboard__welcome h2{font-size:clamp(28px,4vw,38px)}.dashboard__welcome p:last-child{margin:6px 0 0;color:var(--color-muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{display:flex;min-width:0;align-items:center;gap:13px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:16px}.stat-card--link{position:relative;color:inherit;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.stat-card--link:hover{border-color:#d8b9a2;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.stat-card--link:focus-visible{outline:3px solid rgba(177,79,45,.24);outline-offset:2px}.stat-card__arrow{margin-left:auto;color:var(--color-primary)}.stat-card__icon,.activity-row__icon,.reward-highlight__icon{display:grid;flex:0 0 auto;place-items:center;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary)}.stat-card__icon{width:42px;height:42px}.stat-card div,.activity-row div,.reward-highlight div{min-width:0}.stat-card strong,.stat-card span{display:block}.stat-card strong{font-size:22px;line-height:1.1}.stat-card div span{margin-top:3px;color:var(--color-muted);font-size:13px}.continue-card{display:grid;min-height:286px;grid-template-columns:minmax(270px,.9fr) minmax(340px,1.1fr);overflow:hidden;border:1px solid #ead9c9;border-radius:var(--radius-card);background:#fff6ec}.continue-card__art{position:relative;min-height:286px;overflow:hidden;background:#f0d5b7}.continue-card__sun{top:38px;right:15%;width:48px;height:48px}.continue-card__mountain{position:absolute;right:-4%;bottom:-20%;width:82%;aspect-ratio:1;background:#7f9272;clip-path:polygon(50% 0,100% 100%,0 100%)}.continue-card__mountain--back{right:30%;bottom:-30%;width:72%;background:#b7c39e}.continue-card__mountain--front:before{position:absolute;top:0;left:35%;width:30%;height:24%;background:#f6eee5;clip-path:polygon(50% 0,100% 100%,56% 70%,36% 100%,0 100%);content:""}.continue-card__trail{position:absolute;bottom:-80px;left:38%;width:56px;height:240px;border-radius:50%;background:#f5c58b;transform:rotate(-16deg)}.continue-card__body{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,4vw,44px)}.continue-card__body h2{font-size:clamp(25px,3vw,34px)}.continue-card__body>p:not(.eyebrow){margin:8px 0 20px;color:var(--color-muted)}.progress{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:22px}.progress__track{height:9px;overflow:hidden;border-radius:var(--radius-pill);background:#e9ddd2}.progress__track span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.progress strong{color:var(--color-primary);font-size:14px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px}.content-section{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:20px}.section-heading{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading a{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:var(--color-primary)}.activity-list{display:grid}.activity-row{display:grid;min-width:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0}.activity-row+.activity-row{border-top:1px solid var(--color-border)}.activity-row__icon{width:42px;height:42px}.activity-row strong,.activity-row span,.reward-highlight strong,.reward-highlight span{display:block}.activity-row span,.reward-highlight span{margin-top:3px;color:var(--color-muted);font-size:13px}.activity-row b{color:var(--color-success)}.reward-highlight{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;border-radius:var(--radius-control);background:var(--color-background);padding:15px}.reward-highlight__icon{width:52px;height:52px}.reward-highlight .button{grid-column:1 / -1}.app-state{display:flex;min-height:120px;align-items:center;gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:20px;color:var(--color-muted)}.app-state h2{color:var(--color-text);font-size:18px}.app-state p{margin:3px 0 0}.app-state .button{margin-left:auto}.app-state--error>svg{color:var(--color-danger)}.dashboard-skeleton{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-skeleton span{min-height:76px;border-radius:var(--radius-card);background:linear-gradient(100deg,#eee9e4 25%,#f8f5f2,#eee9e4 55%);background-size:300% 100%;animation:shimmer 1.4s infinite}.dashboard-skeleton span:last-child{min-height:286px;grid-column:1 / -1}@keyframes shimmer{to{background-position-x:-200%}}.levels-page,.level-detail{display:grid;gap:24px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-intro h2,.level-card h2,.level-detail__heading h2,.learning-points h3{margin:0;letter-spacing:0}.page-intro h2{font-size:clamp(28px,4vw,38px)}.page-intro>div:first-child>p:last-child{margin:7px 0 0;color:var(--color-muted)}.segmented-control{display:inline-grid;flex:0 0 auto;grid-auto-flow:column;gap:4px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:4px}.segmented-control button{min-width:76px;min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--color-muted);cursor:pointer;font-weight:750}.segmented-control button.active{background:var(--color-primary-soft);color:var(--color-primary)}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.level-card{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.level-card:hover{border-color:#d9c6b7;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.level-card--locked{background:#fdfcfb}.level-card__media{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden}.level-card__media .youtube-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0}.level-status{position:absolute;top:12px;z-index:2;display:inline-flex;min-height:30px;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.64);border-radius:var(--radius-pill);background:#ffffffeb;padding:0 10px;font-size:12px;font-weight:800}.level-status{right:12px}.level-status--completed{color:var(--color-success)}.level-status--in_progress{color:var(--color-primary)}.level-status--unlocked{color:var(--color-primary);background:var(--color-primary-soft)}.level-status--locked{color:var(--color-muted)}.level-card__body{display:flex;min-height:256px;flex-direction:column;align-items:flex-start;padding:18px}.level-card h2{font-size:20px;line-height:1.3}.level-card__body>p:not(.eyebrow,.level-card__unlock){display:-webkit-box;overflow:hidden;margin:8px 0 16px;color:var(--color-muted);font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.level-card .progress{margin:auto 0 8px}.level-card .star-rating{margin-top:auto;padding-bottom:12px}.level-card__unlock{display:flex;align-items:flex-start;gap:7px;margin:auto 0 10px;color:var(--color-muted);font-size:13px}.level-card__unlock svg{flex:0 0 auto;margin-top:2px}.level-card__action{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);color:var(--color-primary);font-weight:800}.star-rating{display:inline-flex;gap:3px;color:#cfc7bf}.star-rating__star--filled{color:#d99432;fill:#f2b956}.level-artwork{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden;color:#352f2bd6;isolation:isolate}.level-artwork>svg{position:relative;z-index:2;padding:8px;border:1px solid rgba(255,255,255,.62);border-radius:16px;background:#ffffffbd;box-sizing:content-box}.level-artwork__sun{position:absolute;top:18%;right:15%;width:44px;height:44px;border-radius:50%;background:#ffffff85}.level-artwork__shape{position:absolute;bottom:-38%;width:75%;aspect-ratio:1;border-radius:42% 52% 8% 16%;transform:rotate(35deg)}.level-artwork__shape--one{left:-24%;background:#ffffff57}.level-artwork__shape--two{right:-26%;bottom:-52%;background:#352f2b17}.level-artwork--robot{background:#c8d8d2}.level-artwork--workspace{background:#ead2ad}.level-artwork--nature{background:#c5d1ae}.level-artwork--flight{background:#c7d8df}.level-artwork--ocean{background:#aecbd0}.level-artwork--ideas{background:#e5c6b7}.level-card--locked .youtube-thumbnail{filter:saturate(.45);opacity:.82}.youtube-thumbnail{position:relative;width:100%;height:100%;overflow:hidden;background:#e9e3db}.youtube-thumbnail>img{display:block;width:100%;height:100%;object-fit:cover}.youtube-thumbnail>.level-artwork{position:absolute;top:0;right:0;bottom:0;left:0}.level-card-skeleton{min-height:430px;border-radius:var(--radius-card);background:linear-gradient(100deg,#eee9e4 25%,#f8f5f2,#eee9e4 55%);background-size:300% 100%;animation:shimmer 1.4s infinite}.back-link{display:inline-flex;width:fit-content;min-height:44px;align-items:center;gap:8px;color:var(--color-muted);font-weight:750}.level-detail__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.level-detail__heading h2{margin-top:10px;font-size:clamp(28px,4vw,40px)}.level-detail__heading>div>p{max-width:720px;margin:9px 0 0;color:var(--color-muted)}.level-detail__meta{display:flex;align-items:center;gap:10px;color:var(--color-primary);font-size:13px;font-weight:800}.level-detail__meta .level-status{position:static;border-color:var(--color-border);background:var(--color-surface)}.level-detail__heading>.star-rating{flex:0 0 auto;padding-bottom:8px}.level-detail__heading>.star-rating svg{width:25px;height:25px}.level-detail__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);align-items:start;gap:24px}.level-detail__main{display:grid;min-width:0;gap:20px}.video-player{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#292623}.video-player>.youtube-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0}.video-player__iframe,.video-player__iframe iframe,.video-player__managed-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-player__embed{position:absolute;top:0;right:0;bottom:0;left:0}.video-player__embed--hidden{display:none}.video-player__iframe{z-index:0}.video-player:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#201d1b29;content:""}.video-player--active:after{display:none}.video-player--active .video-player__iframe{z-index:3}.video-player__state,.video-player__play{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}.video-player__state{display:flex;width:min(88%,360px);flex-direction:column;align-items:center;gap:10px;border-radius:var(--radius-control);background:#fffffff0;padding:18px;text-align:center}.video-player__state--error{max-height:calc(100% - 16px);overflow-y:auto}.video-player__state>span:last-child{color:var(--color-muted);font-size:13px}.video-player__error-reason{margin:0;color:var(--color-muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.video-player__play{display:grid;width:72px;height:72px;place-items:center;border:4px solid rgba(255,255,255,.62);border-radius:50%;background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:0 12px 30px #352f2b2e;z-index:4}.video-player__mock-bar{width:100%;height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-border)}.video-player__mock-bar i{display:block;width:38%;height:100%;border-radius:inherit;background:var(--color-primary)}.learning-points,.level-progress-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:22px}.learning-points h3{font-size:22px}.learning-points ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none}.learning-points li{display:flex;min-width:0;gap:8px;border-radius:var(--radius-control);background:var(--color-background);padding:13px;font-size:14px}.learning-points li svg{flex:0 0 auto;color:var(--color-success)}.level-progress-card{position:sticky;top:20px}.level-progress-card__value{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.level-progress-card__value strong{font-size:36px;line-height:1}.level-progress-card__value span{color:var(--color-muted);font-size:13px}.level-progress-card dl{display:grid;gap:0;margin:0 0 18px}.level-progress-card dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--color-border);padding:13px 0}.level-progress-card dt{display:flex;align-items:center;gap:7px;color:var(--color-muted)}.level-progress-card dd{margin:0;font-weight:800}.level-progress-card__notice{display:flex;align-items:flex-start;gap:8px;border-radius:var(--radius-control);background:var(--color-background);padding:12px;color:var(--color-muted);font-size:14px}.level-progress-card__notice svg{flex:0 0 auto;margin-top:2px}.level-progress-card__notice--success{background:#eff5f0;color:var(--color-success)}.mobile-quiz-cta{display:none}.quiz-page,.result-page{display:grid;width:min(100%,1040px);margin:0 auto;gap:22px}.quiz-header{display:flex;min-height:64px;align-items:center;gap:12px}.quiz-header h2,.question-card h3,.result-hero h2,.result-next-card h2,.answer-section h2,.confirm-dialog h2{margin:0;letter-spacing:0}.quiz-header h2{font-size:24px}.quiz-progress{display:grid;gap:9px}.quiz-progress__labels{display:flex;align-items:center;justify-content:space-between;gap:16px}.quiz-progress__labels span{color:var(--color-muted);font-size:14px}.quiz-progress__track{height:9px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-border)}.quiz-progress__track span{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .22s ease}.quiz-layout{display:grid;grid-template-columns:54px minmax(0,760px);justify-content:center;gap:18px}.question-nav{display:grid;align-content:start;gap:8px}.question-nav button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-muted);cursor:pointer;font-weight:800}.question-nav button.answered{border-color:#d8bdab;color:var(--color-primary)}.question-nav button.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.question-card{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:clamp(22px,4vw,40px)}.question-card__number{margin:0 0 8px;color:var(--color-primary);font-size:14px;font-weight:800}.question-card h3{font-size:clamp(22px,3vw,30px);line-height:1.35}.option-list{display:grid;gap:11px;margin-top:28px}.option-row{display:grid;width:100%;min-height:58px;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:11px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:8px 13px;color:var(--color-text);cursor:pointer;text-align:left}.option-row:hover{border-color:#d8bdab;background:#fdf9f5}.option-row--selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.option-row__letter{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-background);color:var(--color-muted);font-size:13px;font-weight:850}.option-row--selected .option-row__letter{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.option-row__check{display:grid;place-items:center;color:var(--color-primary)}.question-card__actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px;border-top:1px solid var(--color-border);padding-top:20px}.quiz-blocked{display:grid;justify-items:start;gap:14px}.quiz-skeleton,.result-skeleton{display:grid;gap:14px}.quiz-skeleton span,.result-skeleton span{min-height:64px;border-radius:var(--radius-card);background:linear-gradient(100deg,#eee9e4 25%,#f8f5f2,#eee9e4 55%);background-size:300% 100%;animation:shimmer 1.4s infinite}.quiz-skeleton span:nth-child(2){min-height:380px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#352f2b7a;padding:20px}.confirm-dialog{position:relative;display:grid;width:min(100%,440px);gap:22px;border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 20px 60px #352f2b33;padding:26px}.confirm-dialog__close{position:absolute;top:10px;right:10px}.confirm-dialog h2{padding-right:30px;font-size:24px}.confirm-dialog p:not(.eyebrow){margin:8px 0 0;color:var(--color-muted)}.confirm-dialog__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-page{padding-top:16px}.result-hero{position:relative;display:flex;min-height:370px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ead8c5;border-radius:var(--radius-card);background:#fff7ed;padding:38px 20px;text-align:center}.result-hero h2{font-size:clamp(28px,4vw,40px)}.result-hero .star-rating{margin:18px 0 8px;animation:result-stars .42s ease-out both}.result-hero .star-rating svg{width:42px;height:42px}.result-hero__score{font-size:64px;line-height:1}.result-hero__score small{margin-left:5px;color:var(--color-muted);font-size:18px}.result-hero__points{margin-top:14px;border-radius:var(--radius-pill);background:#f4dfb8;padding:8px 16px;color:#815821;font-weight:850}.result-hero__confetti{position:absolute;width:9px;height:28px;border-radius:3px;background:var(--color-primary);transform:rotate(24deg)}.result-hero__confetti--one{top:25%;left:18%}.result-hero__confetti--two{top:20%;right:20%;background:var(--color-success);transform:rotate(-35deg)}.result-hero__confetti--three{right:13%;bottom:28%;background:#dda547;transform:rotate(48deg)}@keyframes result-stars{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.result-summary>div{display:flex;min-width:0;align-items:center;justify-content:center;gap:11px;padding:18px}.result-summary>div+div{border-left:1px solid var(--color-border)}.result-summary>div>svg,.result-summary>div>.star-rating{flex:0 0 auto;color:var(--color-primary)}.result-summary strong,.result-summary span{display:block}.result-summary span{color:var(--color-muted);font-size:13px}.result-summary strong{color:var(--color-text);font-size:16px}.result-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);align-items:start;gap:20px}.answer-section,.result-next-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:20px}.answer-list{display:grid}.answer-review+.answer-review{border-top:1px solid var(--color-border)}.answer-review summary{display:grid;min-height:74px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;cursor:pointer;list-style:none}.answer-review summary::-webkit-details-marker{display:none}.answer-review__status.correct{color:var(--color-success)}.answer-review__status.incorrect{color:var(--color-danger)}.answer-review summary small,.answer-review summary strong{display:block}.answer-review summary small{color:var(--color-muted)}.answer-review__hint{color:var(--color-muted);font-size:13px}.answer-review__body{margin:0 0 16px 40px;border-radius:var(--radius-control);background:var(--color-background);padding:14px}.answer-review__body p{margin:0}.answer-review__body p+p{margin-top:7px}.answer-review__explanation{border-top:1px solid var(--color-border);padding-top:10px;color:var(--color-muted)}.result-next-card{position:sticky;top:20px}.result-next-card h2{font-size:23px}.result-next-card>p:not(.eyebrow){margin:8px 0 18px;color:var(--color-muted)}.result-next-card .button+.button{margin-top:10px}.app-toast{position:fixed;top:max(18px,env(safe-area-inset-top));right:18px;z-index:120;display:grid;max-width:min(420px,calc(100vw - 36px));grid-template-columns:24px minmax(0,1fr) 44px;align-items:center;gap:8px;border:1px solid #c8d8cb;border-radius:var(--radius-control);background:#f1f7f2;box-shadow:0 16px 38px #352f2b24;padding:10px 8px 10px 14px;color:var(--color-success);font-weight:750}.rewards-page,.wishes-page,.profile-page{display:grid;min-width:0;gap:24px}.rewards-page>*,.wishes-page>*,.profile-page>*{min-width:0}.rewards-hero{display:flex;min-height:150px;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ead8c5;border-bottom:1px solid #ead8c5;background:var(--color-primary-soft);padding:24px clamp(20px,4vw,38px)}.rewards-hero h2,.wish-promo h2,.reward-card h2,.redeem-sheet h2,.wish-card h2,.wish-form-panel h2,.profile-summary h2{margin:0;letter-spacing:0}.rewards-hero h2{font-size:clamp(27px,4vw,38px)}.rewards-hero>div:first-child>p:last-child{margin:6px 0 0;color:var(--color-muted)}.points-balance{display:flex;flex:0 0 auto;align-items:center;gap:11px;color:var(--color-primary)}.points-balance span,.points-balance strong{display:block}.points-balance span{color:var(--color-muted);font-size:13px}.points-balance strong{color:var(--color-text);font-size:30px;line-height:1.1}.rewards-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.category-tabs{display:flex;min-width:0;gap:6px;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{min-width:max-content;min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);padding:0 16px;color:var(--color-muted);cursor:pointer;font-weight:750}.category-tabs button.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.wish-link{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:7px;color:var(--color-primary);font-weight:800}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reward-card{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.reward-artwork{position:relative;display:grid;min-height:170px;place-items:center;overflow:hidden;color:#352f2bd1;isolation:isolate}.reward-artwork>span{position:absolute;width:70%;aspect-ratio:1;border-radius:42%;background:#ffffff5c;transform:rotate(26deg)}.reward-artwork>span:first-child{right:-28%;bottom:-48%}.reward-artwork>span:nth-child(2){top:-50%;left:-30%;background:#352f2b12}.reward-artwork>svg{position:relative;z-index:1;box-sizing:content-box;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:#ffffffb8;padding:13px}.reward-artwork--controller{background:#c8d8d2}.reward-artwork--money{background:#d6d4ad}.reward-artwork--notebook{background:#e8cbb5}.reward-artwork--model{background:#c7d8df}.reward-artwork--snack{background:#ead2ad}.reward-artwork--choice{background:#d4c8da}.reward-card__body{display:flex;min-height:262px;flex-direction:column;align-items:flex-start;padding:18px}.reward-card__meta{display:flex;min-height:23px;flex-wrap:wrap;gap:7px}.reward-card__meta span{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-pill);background:var(--color-background);padding:3px 8px;color:var(--color-muted);font-size:12px}.reward-card h2{margin-top:8px;font-size:21px}.reward-card__body>p{margin:7px 0 14px;color:var(--color-muted);font-size:14px}.reward-card__cost{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-bottom:14px;color:var(--color-primary);font-size:18px}.reward-card-skeleton,.wish-card-skeleton,.profile-row-skeleton{min-height:430px;border-radius:var(--radius-card);background:linear-gradient(100deg,#eee9e4 25%,#f8f5f2,#eee9e4 55%);background-size:300% 100%;animation:shimmer 1.4s infinite}.wish-promo{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:22px 0}.wish-promo>span{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary)}.wish-promo h2{font-size:20px}.wish-promo p{margin:4px 0 0;color:var(--color-muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#352f2b7a;padding:20px}.redeem-sheet{position:relative;display:grid;width:min(100%,480px);gap:18px;border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 22px 60px #352f2b38;padding:24px}.redeem-sheet>.reward-artwork{min-height:130px;border-radius:var(--radius-control)}.redeem-sheet__close{position:absolute;top:8px;right:8px;z-index:2;background:#ffffffd1;border-radius:50%}.sheet-handle{display:none}.redeem-sheet h2{font-size:25px}.redeem-sheet>div>p:not(.eyebrow){margin:6px 0 0;color:var(--color-muted)}.redeem-sheet dl{display:grid;gap:0;margin:0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.redeem-sheet dl div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}.redeem-sheet dl div+div{border-top:1px solid var(--color-border)}.redeem-sheet dt{display:flex;align-items:center;gap:7px;color:var(--color-muted)}.redeem-sheet dd{margin:0;font-weight:850}.redeem-sheet__note{margin:0;color:var(--color-muted);font-size:13px}.redeem-sheet__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wishes-intro .back-link{margin-bottom:14px}.wishes-intro__add{display:none}.wishes-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start;gap:24px}.wish-form-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:22px}.wish-form-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.wish-form-panel__close{display:none}.wish-form-panel h2{font-size:24px}.wish-form-panel__intro{margin:8px 0 20px;color:var(--color-muted)}.wish-form-panel form{display:grid;gap:18px}.wish-form-panel input,.wish-form-panel textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:12px 13px;color:var(--color-text);font-size:16px;outline:0;resize:vertical}.wish-form-panel input:focus,.wish-form-panel textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #b8794d1f}.wish-form-panel .form-field small{justify-self:end;color:var(--color-muted);font-weight:500}.wish-form-panel .form-field small.error{color:var(--color-danger)}.wish-list-section{min-width:0}.wish-list-section .section-heading>span{color:var(--color-muted);font-size:14px}.wish-list{display:grid;gap:12px}.wish-card-skeleton{min-height:180px}.wish-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:18px}.wish-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wish-card header p{margin:0 0 3px;color:var(--color-muted);font-size:12px}.wish-card h2{font-size:20px}.wish-card>p{margin:10px 0;color:var(--color-muted)}.wish-status,.history-status{display:inline-flex;min-height:28px;flex:0 0 auto;align-items:center;gap:5px;border-radius:var(--radius-pill);background:var(--color-background);padding:0 9px;color:var(--color-muted);font-size:12px;font-weight:800}.wish-status--approved,.wish-status--converted,.history-status--approved,.history-status--completed{background:#eff5f0;color:var(--color-success)}.learning-calendar-page{display:grid;gap:20px}.calendar-intro{display:flex;align-items:end;justify-content:space-between;gap:24px}.calendar-streak{display:grid;min-width:150px;grid-template-columns:auto auto;align-items:center;gap:0 8px;border-left:3px solid #6da07d;padding:8px 14px;color:#4f815f}.calendar-streak svg{grid-row:1 / 3}.calendar-streak strong{color:var(--color-text);font-size:26px;line-height:1}.calendar-streak span{color:var(--color-muted);font-size:12px}.calendar-shell,.calendar-day-detail{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.calendar-shell{overflow:hidden}.calendar-toolbar{display:flex;min-height:66px;align-items:center;gap:6px;border-bottom:1px solid var(--color-border);padding:10px 16px}.calendar-toolbar h2{min-width:150px;margin:0 8px;font-size:20px;letter-spacing:0;text-align:center}.calendar-today{margin-left:auto}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{border-bottom:1px solid var(--color-border);background:#faf8f5}.calendar-weekdays span{padding:9px 6px;color:var(--color-muted);font-size:12px;font-weight:700;text-align:center}.calendar-cell{min-width:0;min-height:112px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell--empty{background:#fcfbf9}.calendar-cell>button{position:relative;display:flex;width:100%;min-height:112px;flex-direction:column;gap:8px;border:0;background:transparent;padding:9px;color:inherit;text-align:left;cursor:pointer}.calendar-cell>button:hover{background:#faf5ef}.calendar-cell>button.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.calendar-cell__day{font-size:13px;font-weight:700}.calendar-cell__activities{display:grid;gap:5px;min-width:0}.calendar-cell__activity{overflow:hidden;border-left:3px solid #d18a69;border-radius:3px;background:#fbede5;padding:4px 6px;color:#985034;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.calendar-cell__activity--completed{border-left-color:#72a081;background:#edf5ef;color:#497259}.calendar-cell__dot{display:none}.calendar-loading{min-height:440px;background:#faf8f5;animation:pulse 1.2s ease-in-out infinite}.calendar-day-detail{padding:20px}.calendar-day-detail>.section-heading>span{color:var(--color-muted);font-size:13px}.calendar-activity-list{display:grid;margin-top:14px}.calendar-activity-row{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;border-top:1px solid var(--color-border);padding:14px 4px;color:inherit;text-decoration:none}.calendar-activity-row:first-child{border-top:0}.calendar-activity-row:hover strong{color:var(--color-primary)}.calendar-activity-row__icon{display:grid;width:38px;height:38px;place-items:center;border-radius:7px;background:#fbede5;color:var(--color-primary)}.calendar-activity-row__icon--completed{background:#edf5ef;color:#4f815f}.calendar-activity-row strong,.calendar-activity-row span{display:block}.calendar-activity-row div>span{display:flex;align-items:center;gap:4px;margin-top:4px;color:var(--color-muted);font-size:12px}.calendar-status{border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700;white-space:nowrap}.calendar-status--in_progress{background:#fbede5;color:#985034}.calendar-status--completed{background:#edf5ef;color:#497259}@media (max-width: 720px){.calendar-intro{align-items:start}.calendar-intro>div:first-child>p:last-child{max-width:240px}.calendar-streak{min-width:104px;padding:7px 9px}.calendar-streak strong{font-size:21px}.calendar-toolbar{min-height:58px;padding:8px}.calendar-toolbar h2{min-width:0;flex:1;margin:0;font-size:17px}.calendar-today{min-height:34px;margin-left:0;padding:0 10px}.calendar-cell,.calendar-cell>button{min-height:50px}.calendar-cell>button{align-items:center;gap:3px;padding:6px 2px;text-align:center}.calendar-cell__activities{display:none}.calendar-cell__dot{display:block;width:6px;height:6px;border-radius:50%;background:#c66f4e}.calendar-cell__dot--completed{background:#5f9270}.calendar-loading{min-height:300px}.calendar-day-detail{padding:16px}.calendar-activity-row{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.calendar-activity-row>svg{display:none}.calendar-status{grid-column:2;justify-self:start}}.wish-status--rejected,.history-status--rejected{background:#fff1f0;color:var(--color-danger)}.wish-status--reviewing,.history-status--pending{background:#fff6e8;color:#8c642e}.wish-card__points{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--color-border);padding-top:10px;color:var(--color-muted);font-size:14px}.wish-card__points strong{color:var(--color-primary)}.wish-card__response{display:flex;gap:9px;margin-top:12px;border-radius:var(--radius-control);background:var(--color-background);padding:12px;color:var(--color-muted);font-size:14px}.wish-card__response svg{flex:0 0 auto;margin-top:2px;color:var(--color-primary)}.wish-card__response b{display:block;margin-bottom:2px;color:var(--color-text)}.profile-summary{position:relative;display:grid;min-height:250px;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);align-items:center;gap:24px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface);background-image:linear-gradient(90deg,#fffffffa 0,#fffffffa 38%,#ffffffe6 58%,#ffffffb3),url(/assets/banner-profile-8E_vJTos.webp);background-position:center;background-size:cover;padding:22px}.profile-summary__identity{position:relative;display:flex;min-width:0;align-items:center;gap:14px}.profile-summary__identity-copy{min-width:0}.profile-summary__avatar{display:grid;width:70px;height:70px;flex:0 0 auto;place-items:center;border:3px solid rgba(255,255,255,.85);border-radius:50%;background:#f8d8c4;color:var(--color-primary);box-shadow:0 8px 24px #70452a24;font-size:27px;font-weight:850}.profile-summary h2{font-size:24px}.profile-summary__identity .eyebrow{display:flex;align-items:center;gap:5px;color:var(--color-success)}.profile-summary__identity div>span{color:var(--color-muted);font-size:13px;overflow-wrap:anywhere}.profile-summary__stats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.profile-summary__stats>div{display:flex;min-width:0;align-items:center;gap:9px;border-left:1px solid rgba(206,192,179,.8);padding:10px}.profile-summary__stats span,.profile-summary__stats strong{display:block}.profile-summary__stats span{color:var(--color-muted);font-size:12px}.profile-summary__stats strong{color:var(--color-text);font-size:20px}.profile-stat__icon{display:grid!important;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:10px}.profile-stat--points .profile-stat__icon{background:#fff0bd;color:#b16a05}.profile-stat--stars .profile-stat__icon{background:#e2edff;color:#3f73b8}.profile-stat--streak .profile-stat__icon{background:#ffe0dd;color:#c9574e}.profile-stat--levels .profile-stat__icon{background:#dff2e7;color:#397858}.profile-summary__level{display:grid;gap:6px;margin-top:14px}.profile-summary__level>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.profile-summary__level>div strong{display:inline-flex;align-items:center;gap:5px;color:var(--color-primary);font-size:13px}.profile-summary__level>div span,.profile-summary__level small{color:var(--color-muted);font-size:11px}.profile-summary__level-track{display:block;width:100%;height:7px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-border)}.profile-summary__level-track i{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.profile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:5px}.profile-tabs button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:6px;background:transparent;color:var(--color-muted);cursor:pointer;font-weight:800}.profile-tabs button.active{background:var(--color-primary-soft);color:var(--color-primary)}.profile-tabs button:not(.active):hover{background:#f6f3ef;color:var(--color-text)}.profile-history{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.profile-history-row{display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr) auto minmax(84px,auto);align-items:center;gap:13px;padding:16px 18px}.profile-history-row+.profile-history-row{border-top:1px solid var(--color-border)}.profile-history-row:hover{background:#fffdf9}.profile-history-row__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary)}.profile-history-row__icon.negative{background:#f4ece9;color:var(--color-danger)}.profile-history-row>div:nth-child(2){min-width:0}.profile-history-row strong,.profile-history-row span{display:block}.profile-history-row>div:nth-child(2)>span{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--color-muted);font-size:12px}.profile-history-row__result{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:13px}.profile-history-row__balance{color:var(--color-muted);font-size:13px}.profile-history-row>b{justify-self:end}.points-positive{color:var(--color-success)}.points-negative{color:var(--color-danger)}.profile-row-skeleton{min-height:76px;border-radius:0}.profile-list{display:grid;gap:1px}.profile-empty{display:grid;min-height:220px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:22px;padding:28px 34px;background:#fffdf9}.profile-empty__art{position:relative;display:grid;width:82px;height:82px;place-items:center;border-radius:50%;background:#e5f2e8;color:var(--color-success)}.profile-empty__art--points{background:#fff0c7;color:#a9690b}.profile-empty__art--gift{background:#fbe1d5;color:var(--color-primary)}.profile-empty__art b{position:absolute;top:-5px;right:-7px;display:grid;width:34px;height:34px;place-items:center;border:3px solid white;border-radius:50%;background:#fff;font-size:18px}.profile-empty>div{min-width:0}.profile-empty__eyebrow{display:inline-flex;align-items:center;gap:5px;color:var(--color-primary);font-size:12px;font-weight:800}.profile-empty h2{margin:5px 0 4px;font-size:21px}.profile-empty p{margin:0;color:var(--color-muted);font-size:14px}.profile-empty .button{white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width: 767px){.app-shell{display:block;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-shell--immersive{padding-bottom:0}.desktop-sidebar{display:none}.top-app-bar{min-height:72px;padding-top:max(14px,env(safe-area-inset-top))}.top-app-bar h1{font-size:24px}.page-frame{padding-top:0}.placeholder-panel dl{grid-template-columns:1fr}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-top:1px solid var(--color-border);background:#fffffff5;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.mobile-bottom-nav a{display:flex;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 6px;font-size:12px}.top-app-bar .eyebrow,.top-app-bar__meta .avatar{display:none}.login-page{display:block;background:var(--color-background)}.login-brand{min-height:180px;justify-content:flex-start;overflow:hidden;background-position:center 52%;padding:24px 20px}.login-brand__copy{display:none}.login-form-wrap{min-height:auto;place-items:start center;padding:32px 20px max(32px,env(safe-area-inset-bottom))}.login-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:24px 20px}.login-card h2{font-size:28px}.dashboard{gap:18px}.dashboard__welcome h2{font-size:28px}.stat-grid,.dashboard-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.continue-card{min-height:auto;grid-template-columns:1fr}.continue-card__art{min-height:170px}.continue-card__body{padding:22px}.continue-card__body .button{width:100%}.dashboard-columns{grid-template-columns:1fr}.content-section{padding:17px}.dashboard-skeleton span:last-child{min-height:360px}.app-state{align-items:flex-start;flex-wrap:wrap}.app-state .button{width:100%;margin-left:0}.page-intro{align-items:stretch;flex-direction:column;gap:18px}.segmented-control{width:100%;grid-auto-columns:1fr}.segmented-control button{min-width:0}.level-grid{grid-template-columns:1fr;gap:16px}.level-card{display:grid;grid-template-columns:minmax(116px,38%) minmax(0,1fr)}.level-card__media{height:100%;min-height:236px;aspect-ratio:auto}.level-status{right:auto;left:10px;top:10px}.level-card__body{min-height:236px;padding:16px}.level-card h2{font-size:18px}.level-card-skeleton{min-height:236px}.level-detail{gap:18px;padding-bottom:58px}.level-detail__heading{align-items:flex-start;flex-direction:column;gap:10px}.level-detail__heading h2{font-size:29px}.level-detail__layout{grid-template-columns:1fr}.video-player{margin-right:calc(var(--space-page) * -1);margin-left:calc(var(--space-page) * -1);border-right:0;border-left:0;border-radius:0}.video-player__play{width:62px;height:62px}.learning-points,.level-progress-card{padding:18px}.learning-points ul{grid-template-columns:1fr}.level-progress-card{position:static}.level-progress-card>.button{display:none}.mobile-quiz-cta{position:fixed;right:12px;bottom:calc(65px + env(safe-area-inset-bottom));left:12px;z-index:9;display:block;border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fffffff5;padding:7px}.quiz-page{gap:16px;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.quiz-header{min-height:56px}.quiz-layout{display:block}.question-nav{display:none}.question-card{border:0;box-shadow:none;padding:6px 0 20px}.question-card h3{font-size:24px}.option-list{margin-top:22px}.option-row{min-height:62px}.question-card__actions{position:fixed;right:0;bottom:0;left:0;z-index:8;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);border-top:1px solid var(--color-border);background:#fffffff7;padding:8px 16px calc(8px + env(safe-area-inset-bottom))}.result-page{padding-top:0}.result-hero{min-height:330px;margin-right:calc(0px - var(--space-page));margin-left:calc(0px - var(--space-page));border-right:0;border-left:0;border-radius:0}.result-hero__score{font-size:56px}.result-summary{grid-template-columns:1fr}.result-summary>div{justify-content:flex-start}.result-summary>div+div{border-top:1px solid var(--color-border);border-left:0}.result-layout{grid-template-columns:1fr}.answer-section,.result-next-card{padding:17px}.result-next-card{position:static;grid-row:1}.answer-review summary{grid-template-columns:26px minmax(0,1fr);padding:5px 0}.answer-review__hint{grid-column:2}.answer-review__body{margin-left:0}.app-toast{right:12px;left:12px;max-width:none}.rewards-page,.wishes-page,.profile-page{gap:18px}.rewards-hero{min-height:0;align-items:flex-start;padding:20px 16px}.rewards-hero h2{font-size:27px}.points-balance{position:sticky;top:8px;z-index:4;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#fffffff0;padding:7px 11px}.points-balance>svg{width:18px}.points-balance strong{font-size:18px}.points-balance span{font-size:10px}.rewards-toolbar{align-items:flex-start;flex-direction:column;gap:6px}.category-tabs{width:100%;margin:0;padding:0 0 6px}.reward-grid{grid-template-columns:1fr;gap:16px}.reward-card{display:grid;grid-template-columns:minmax(120px,36%) minmax(0,1fr)}.reward-artwork{min-height:100%}.reward-card__body{min-height:246px;padding:16px}.reward-card h2{font-size:18px}.reward-card__body>p{font-size:13px}.reward-card-skeleton{min-height:246px}.wish-promo{grid-template-columns:44px minmax(0,1fr)}.wish-promo .button{grid-column:1 / -1}.sheet-backdrop{align-items:end;padding:0}.redeem-sheet{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;border-radius:18px 18px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom))}.sheet-handle{display:block;width:42px;height:5px;justify-self:center;border-radius:var(--radius-pill);background:var(--color-border)}.redeem-sheet>.reward-artwork{min-height:112px}.wishes-intro__add{display:inline-flex}.wishes-layout{display:block}.wish-form-panel{display:none}.wish-form-panel--open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:block;overflow-y:auto;border:0;border-radius:0;padding:max(20px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.wish-form-panel__close{display:grid}.profile-summary{grid-template-columns:1fr;gap:20px;background-image:linear-gradient(90deg,#fffffff7 0,#fffffff7 58%,#ffffffc2),url(/assets/banner-profile-8E_vJTos.webp);background-position:64% center;padding:18px}.profile-summary__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-summary__stats>div{border-top:1px solid rgba(206,192,179,.8);border-left:0}.profile-tabs{overflow-x:auto}.profile-tabs button{min-width:104px}.profile-history{display:grid;gap:10px;overflow:visible;border:0;border-radius:0;background:transparent}.profile-empty{min-height:240px;grid-template-columns:70px minmax(0,1fr);gap:16px;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:22px}.profile-empty__art{width:68px;height:68px}.profile-empty .button{grid-column:1 / -1;width:100%}.profile-history-row{grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"icon main points" "icon secondary secondary";border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:14px}.profile-history-row+.profile-history-row{border-top:1px solid var(--color-border)}.profile-history-row__icon{grid-area:icon}.profile-history-row>div:nth-child(2){grid-area:main}.profile-history-row>b{grid-area:points}.profile-history-row__result,.profile-history-row__balance,.profile-history-row>.history-status{grid-area:secondary;justify-self:start;margin-top:5px}.profile-history-row__result{justify-content:flex-start}}@media (min-width: 768px) and (max-width: 1279px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-detail__layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr)}.learning-points ul,.result-layout{grid-template-columns:1fr}.result-next-card{position:static;grid-row:1}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wishes-layout,.profile-summary{grid-template-columns:1fr}}@media (max-width: 419px){.top-app-bar{gap:8px}.top-app-bar h1{font-size:22px}.points-pill{padding:0 10px}.stat-card__icon{width:38px;height:38px}.activity-row{grid-template-columns:38px minmax(0,1fr) auto;gap:9px}.activity-row__icon{width:38px;height:38px}.level-card{display:block}.level-card__media{width:100%;max-width:100%;height:auto;min-height:auto;aspect-ratio:16 / 8}.level-card__body{min-height:248px}.rewards-hero{gap:10px}.rewards-hero>div:first-child>p:last-child{display:none}.reward-card{display:block}.reward-artwork{min-height:130px}.reward-card__body{min-height:238px}.wish-card header{align-items:flex-start;flex-direction:column}.profile-summary__identity{align-items:flex-start}.profile-summary__avatar{width:58px;height:58px;font-size:23px}.profile-tabs button{min-width:116px;font-size:13px}.profile-empty{grid-template-columns:1fr;text-align:center}.profile-empty__art{justify-self:center}}.app-shell--admin{background:#f7f5f2}.app-shell--admin .desktop-sidebar{gap:22px}.admin-menu-button,.admin-mobile-list,.admin-drawer-backdrop{display:none}.top-app-bar__title{min-width:0}.admin-context{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);padding:8px 14px;color:var(--color-muted);font-size:13px;font-weight:800}.admin-offline-alert{margin:0 var(--space-page) 12px;border:1px solid #e7d29d;border-radius:var(--radius-control);background:#fff7df;padding:10px 14px;color:#775c22;font-size:13px;font-weight:700}.admin-workspace--offline .admin-page-intro .button,.admin-workspace--offline .admin-table .icon-button,.admin-workspace--offline .admin-mobile-card button,.admin-workspace--offline .admin-question-card footer button,.admin-workspace--offline .admin-wish-card footer button{pointer-events:none;opacity:.45}.admin-page{display:grid;min-width:0;gap:20px}.admin-page-intro{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:18px}.admin-page-intro h2,.admin-panel h2,.admin-question-card h3,.admin-wish-card h3,.admin-editor h2,.admin-dialog h2{margin:0;letter-spacing:0}.admin-page-intro h2{font-size:26px}.admin-page-intro p:last-child{max-width:680px;margin:5px 0 0;color:var(--color-muted)}.admin-page-intro__actions{display:flex;flex:0 0 auto;align-items:center;gap:9px}.admin-quick-level-editor{width:min(100%,580px)}.admin-quick-level-editor form{display:grid;gap:20px}.admin-quick-level-note{display:flex;align-items:flex-start;gap:12px;border-radius:var(--radius-control);background:#fff5e5;padding:15px;color:#8b5d16}.admin-quick-level-note>svg{flex:0 0 auto;margin-top:1px}.admin-quick-level-note strong{color:var(--color-text)}.admin-quick-level-note p{margin:3px 0 0;color:var(--color-muted);font-size:13px}.input-with-icon{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;min-height:46px;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:0 12px;color:var(--color-muted);background:var(--color-surface)}.input-with-icon:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #b04e2b1a}.input-with-icon input{width:100%;min-width:0;border:0;outline:0;padding:11px 0;background:transparent;font:inherit}.admin-quick-level-defaults{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle)}.admin-quick-level-defaults div{display:grid;gap:3px;padding:12px}.admin-quick-level-defaults div+div{border-left:1px solid var(--color-border)}.admin-quick-level-defaults dt{color:var(--color-muted);font-size:11px;font-weight:750}.admin-quick-level-defaults dd{margin:0;font-size:15px;font-weight:850}.system-settings-panel{display:grid;gap:24px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:24px}.system-settings-panel>header{display:flex;align-items:center;gap:13px}.system-settings-panel>header>span{display:grid;width:45px;height:45px;flex:0 0 45px;place-items:center;border-radius:var(--radius-control);background:var(--color-primary-soft);color:var(--color-primary)}.system-settings-panel h3{margin:0;letter-spacing:0}.system-settings-panel header p{margin:3px 0 0;color:var(--color-muted);font-size:13px}.system-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.system-settings-note{display:flex;align-items:center;gap:9px;border-radius:var(--radius-control);background:#f5f3ef;padding:13px 15px;color:var(--color-muted)}.system-settings-note p{margin:0;font-size:13px}.system-settings-panel>footer{display:flex;justify-content:flex-end}.admin-date{flex-shrink:0;color:var(--color-muted);font-size:13px;font-weight:700}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-metric,.admin-panel,.admin-question-card,.admin-wish-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.admin-metric{display:flex;min-width:0;align-items:center;gap:13px;padding:18px}.admin-metric__icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary)}.admin-metric__icon--success{background:#e9f0ea;color:var(--color-success)}.admin-metric__icon--warning{background:#f7eed9;color:#98752f}.admin-metric__icon--danger{background:#f7e8e6;color:var(--color-danger)}.admin-metric div{display:grid;min-width:0}.admin-metric span,.admin-metric small{color:var(--color-muted);font-size:12px;font-weight:700}.admin-metric strong{font-size:25px;line-height:1.2}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px}.admin-panel{min-width:0;padding:20px}.admin-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.admin-panel__head h2{font-size:20px}.admin-panel__head>span{color:var(--color-muted);font-size:13px;font-weight:700}.admin-task{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;border-top:1px solid var(--color-border);padding:15px 0}.admin-task>svg{color:var(--color-primary)}.admin-task div{display:grid;min-width:0}.admin-task span{color:var(--color-muted);font-size:13px}.admin-task b{min-width:28px;border-radius:var(--radius-pill);background:var(--color-primary-soft);padding:3px 8px;color:var(--color-primary);text-align:center}.admin-activity-list{display:grid}.admin-activity{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:start;border-top:1px solid var(--color-border);padding:14px 0}.admin-activity__dot{width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--color-primary)}.admin-activity__dot--success{background:var(--color-success)}.admin-activity__dot--warning{background:#b68a33}.admin-activity__dot--danger{background:var(--color-danger)}.admin-activity p{margin:2px 0 0;color:var(--color-muted);font-size:13px}.admin-activity time{color:var(--color-muted);font-size:12px;white-space:nowrap}.admin-toolbar{display:flex;min-width:0;align-items:center;gap:12px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:12px}.admin-search{display:flex;min-width:220px;flex:1;align-items:center;gap:9px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background);padding:0 12px;color:var(--color-muted)}.admin-search input,.admin-select select{width:100%;min-height:42px;border:0;background:transparent;color:var(--color-text);outline:0}.admin-filter-tabs{display:flex;min-width:0;gap:4px;overflow-x:auto;scrollbar-width:none}.admin-filter-tabs button{min-height:40px;flex:0 0 auto;border:0;border-radius:10px;background:transparent;padding:0 12px;color:var(--color-muted);cursor:pointer;font-size:13px;font-weight:800}.admin-filter-tabs button.active{background:var(--color-primary-soft);color:var(--color-primary)}.admin-select{min-width:150px;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:0 10px}.admin-table-wrap{min-width:0;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.admin-table{width:100%;min-width:800px;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:14px 16px;text-align:left;vertical-align:middle}.admin-table th{background:#f4f1ed;color:var(--color-muted);font-size:12px;text-transform:uppercase}.admin-table td{border-top:1px solid var(--color-border)}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{margin-top:2px;color:var(--color-muted)}.admin-table td:last-child{width:54px;text-align:right}.admin-status{display:inline-flex;min-height:28px;align-items:center;border-radius:var(--radius-pill);background:#f1efec;padding:0 9px;color:var(--color-muted);font-size:12px;font-weight:800;white-space:nowrap}.admin-status--active,.admin-status--published,.admin-status--completed,.admin-status--converted{background:#e9f0ea;color:var(--color-success)}.admin-status--draft,.admin-status--pending,.admin-status--submitted,.admin-status--reviewing{background:#f7eed9;color:#8e6b27}.admin-status--approved{background:#e7efec;color:#4e7460}.admin-status--inactive,.admin-status--archived,.admin-status--suspended,.admin-status--rejected{background:#f7e8e6;color:var(--color-danger)}.admin-publish-button{display:inline-flex;min-height:32px;align-items:center;gap:5px;border:1px solid #dfc49a;border-radius:var(--radius-pill);background:#fff4df;padding:0 10px;color:#9a631a;font:inherit;font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer}.admin-publish-button:hover:not(:disabled){border-color:var(--color-primary);background:#fce8cb;color:var(--color-primary)}.admin-publish-button:disabled{cursor:wait;opacity:.62}.admin-level-table{min-width:1040px}.level-visibility-toggle{display:inline-flex;min-height:32px;align-items:center;gap:7px;border:0;background:transparent;padding:0;color:var(--color-muted);font:inherit;cursor:pointer}.level-visibility-toggle>span{position:relative;width:34px;height:20px;flex:0 0 34px;border-radius:var(--radius-pill);background:#d9d5cf;transition:background .16s ease}.level-visibility-toggle>span:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--color-surface);box-shadow:0 1px 3px #372d2640;content:"";transition:transform .16s ease}.level-visibility-toggle[aria-checked=true]>span{background:var(--color-success)}.level-visibility-toggle[aria-checked=true]>span:after{transform:translate(14px)}.level-visibility-toggle strong{min-width:32px;font-size:11px}.level-visibility-toggle:disabled{cursor:wait;opacity:.58}.level-visibility-toggle:focus-visible{border-radius:var(--radius-control);outline:3px solid rgb(176 78 43 / 18%);outline-offset:3px}.admin-mobile-card dl .admin-mobile-card__visibility{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-mobile-card__visibility dd{display:flex;align-items:center}.level-visibility-option{display:grid;grid-template-columns:19px 24px minmax(0,1fr);align-items:start;gap:9px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fbf8f3;padding:13px 14px;cursor:pointer}.level-visibility-option input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--color-primary)}.level-visibility-option>svg{margin-top:1px;color:var(--color-primary)}.level-visibility-option span{display:grid;gap:2px}.level-visibility-option strong{font-size:13px}.level-visibility-option small{color:var(--color-muted);font-size:11px;font-weight:600}.admin-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.icon-button--danger{color:var(--color-danger)}.admin-muted-icon{color:var(--color-muted)}.button--small{min-height:38px;padding:0 12px;font-size:13px}.admin-bulk-bar{display:flex;min-height:58px;align-items:center;gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:10px 12px}.admin-bulk-select{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;cursor:pointer}.admin-bulk-select input,.admin-question-check input{width:18px;height:18px;margin:0;accent-color:var(--color-primary);cursor:pointer}.admin-bulk-count{color:var(--color-muted);font-size:12px;font-weight:700}.admin-bulk-actions{display:flex;gap:8px;margin-left:auto}.admin-question-list,.admin-wish-grid{display:grid;gap:12px}.admin-wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-question-card,.admin-wish-card{min-width:0;padding:18px}.admin-question-card--selected{border-color:#d5a185;box-shadow:0 0 0 2px #af522b14}.admin-question-check{display:inline-grid;flex:0 0 22px;place-items:center;padding-top:2px}.admin-question-card header,.admin-wish-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-question-card header span,.admin-wish-card header span{color:var(--color-muted);font-size:12px;font-weight:700}.admin-question-card h3,.admin-wish-card h3{margin-top:4px;font-size:17px}.admin-question-card>p,.admin-wish-card>p{margin:10px 0 14px;color:var(--color-muted)}.admin-question-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--color-border);padding-top:13px}.admin-question-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--color-muted);font-size:12px;font-weight:700}.admin-question-meta span{display:inline-flex;align-items:center;gap:5px}.admin-question-maintenance-note{margin:-2px 0 0;color:var(--color-muted);font-size:13px}.admin-question-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0;padding:0;list-style:none}.admin-question-options li{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background);padding:9px 11px;color:var(--color-muted);font-size:13px}.admin-question-options li.is-correct{border-color:#bed5c6;background:#edf5ef;color:var(--color-success);font-weight:800}.admin-question-options li span{flex:0 0 auto;color:var(--color-success);font-size:11px}.admin-question-editor{width:min(100%,720px)}.admin-option-editor{display:grid;gap:9px;margin:0;border:0;padding:0}.admin-option-editor legend{margin-bottom:8px;font-size:13px;font-weight:800}.admin-option-editor label{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px}.admin-option-editor input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--color-primary)}.admin-option-editor input:not([type=radio]){width:100%}.admin-wish-card{display:flex;min-height:230px;flex-direction:column}.admin-wish-card__points{border-radius:var(--radius-control);background:var(--color-background);padding:10px 12px;color:var(--color-muted);font-size:13px}.admin-wish-card__points strong{float:right;color:var(--color-primary)}.admin-wish-card footer{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:14px}.admin-dialog-backdrop,.admin-drawer-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;background:#352f2b73}.admin-dialog-backdrop{display:grid;place-items:center;padding:16px}.admin-dialog,.admin-editor{position:relative;width:min(100%,520px);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 24px 70px #352f2b33;padding:24px}.admin-editor{width:min(100%,650px)}.admin-dialog__close{position:absolute;top:10px;right:10px}.admin-dialog>p:not(.eyebrow){margin:8px 0 0;color:var(--color-muted)}.admin-dialog__actions,.admin-editor__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.admin-dialog__field{margin-top:18px}.admin-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-form-grid__wide{grid-column:1 / -1}.form-field select{width:100%;min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:0 13px;color:var(--color-text)}.admin-list-skeleton{display:grid;gap:1px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-border)}.admin-list-skeleton span,.admin-metric-skeleton{min-height:68px;background:linear-gradient(90deg,#f2efeb 25%,#faf8f5,#f2efeb 75%);background-size:200% 100%;animation:skeleton 1.4s infinite}.admin-metric-skeleton{min-height:105px;border-radius:var(--radius-card)}@media (max-width: 1023px){.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-grid{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-wrap:wrap}.admin-search{min-width:100%}.admin-filter-tabs{flex:1}}@media (max-width: 767px){.app-shell--admin{display:block;padding-bottom:0}.admin-menu-button{display:inline-grid;flex:0 0 44px}.app-shell--admin .top-app-bar{justify-content:flex-start}.app-shell--admin .top-app-bar__meta{margin-left:auto}.admin-context{display:none}.admin-drawer-backdrop{display:block}.admin-drawer{display:flex;width:min(84vw,320px);height:100dvh;flex-direction:column;background:var(--color-surface);padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));box-shadow:20px 0 50px #352f2b2e}.admin-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.admin-drawer nav{display:grid;gap:5px}.admin-page{gap:16px}.admin-page-intro{align-items:flex-start;flex-direction:column}.admin-page-intro h2{font-size:23px}.admin-page-intro .button{width:100%}.admin-page-intro__actions{width:100%;flex-direction:column}.admin-quick-level-defaults{grid-template-columns:1fr}.admin-quick-level-defaults div+div{border-top:1px solid var(--color-border);border-left:0}.system-settings-panel{padding:18px 15px}.system-settings-grid{grid-template-columns:1fr}.system-settings-panel>footer .button{width:100%}.admin-date{display:none}.admin-toolbar{border-radius:12px;padding:10px}.admin-filter-tabs{width:100%;margin:0 -2px}.admin-select{width:100%}.admin-table-wrap{display:none}.admin-mobile-list{display:grid;gap:10px}.admin-mobile-card{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:16px}.admin-mobile-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-mobile-card__head>div{display:grid;min-width:0}.admin-mobile-card__head span{color:var(--color-muted);font-size:12px}.admin-mobile-card__head strong{overflow-wrap:anywhere}.admin-mobile-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.admin-mobile-card dl div{min-width:0;border-radius:10px;background:var(--color-background);padding:9px 10px}.admin-mobile-card dt{color:var(--color-muted);font-size:11px;font-weight:700}.admin-mobile-card dd{margin:2px 0 0;overflow-wrap:anywhere;font-size:13px;font-weight:800}.admin-mobile-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-card-note{margin:-3px 0 13px;color:var(--color-muted);font-size:13px}.admin-wish-grid{grid-template-columns:1fr}.admin-question-card footer{align-items:flex-start;flex-direction:column}.admin-question-options{grid-template-columns:1fr}.admin-bulk-bar{align-items:stretch;flex-wrap:wrap}.admin-bulk-count{align-self:center;margin-left:auto}.admin-bulk-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0}.admin-bulk-actions .button,.admin-question-card .admin-row-actions{width:100%}.admin-question-card .admin-row-actions .button{flex:1}.admin-dialog-backdrop{align-items:end;padding:0}.admin-dialog,.admin-editor{width:100%;max-height:92dvh;border-radius:16px 16px 0 0;padding:22px 16px max(18px,env(safe-area-inset-bottom))}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid__wide{grid-column:auto}.admin-editor__actions{position:sticky;bottom:calc(-1*max(18px,env(safe-area-inset-bottom)));margin:8px -16px calc(-1*max(18px,env(safe-area-inset-bottom)));border-top:1px solid var(--color-border);background:var(--color-surface);padding:12px 16px max(12px,env(safe-area-inset-bottom))}}@media (max-width: 419px){.admin-metric-grid{grid-template-columns:1fr}.admin-metric{padding:15px}.admin-wish-card footer{align-items:stretch;flex-wrap:wrap}.admin-wish-card footer .button{flex:1}}:root{--color-background: #f8f6f1;--color-primary: #9f4d2e;--color-primary-soft: #fae6d9;--color-text: #262321;--color-muted: #675f59;--color-border: #e8e2dc;--shadow-soft: 0 8px 22px rgba(61, 48, 38, .07);--radius-card: 8px;--radius-control: 8px;--sidebar-width: 216px;--content-max: 1680px}.desktop-sidebar{gap:28px;padding:22px 16px;box-shadow:2px 0 14px #3d302608}.app-logo{grid-template-columns:38px minmax(0,1fr)}.app-logo__mark{width:36px;height:36px;border-radius:0;background:linear-gradient(90deg,transparent 47%,#b96b3d 47%,#b96b3d 53%,transparent 53%)}.app-logo__mark:before,.app-logo__mark:after{position:absolute;top:3px;width:19px;height:13px;background:#e9a34e;content:""}.app-logo__mark:before{left:0;border-radius:14px 2px;transform:rotate(24deg)}.app-logo__mark:after{right:0;bottom:auto;border-radius:2px 14px;transform:rotate(-24deg)}.app-logo strong{font-size:17px}.app-logo small{margin-top:3px;font-size:10px;letter-spacing:.18em}.desktop-sidebar__nav{gap:5px}.nav-link{min-height:42px;border-radius:7px;padding:0 12px;font-size:14px}.nav-link.is-active{background:#f9ded0;color:var(--color-primary)}.top-app-bar{min-height:72px;border-bottom:1px solid rgba(232,226,220,.82);background:#f8f6f1eb;padding:12px var(--space-page)}.top-app-bar__title{min-width:150px}.top-app-bar__title .eyebrow{margin:0;font-size:10px}.top-app-bar h1{font-size:18px}.top-app-bar__search{display:flex;width:min(100%,420px);min-height:38px;align-items:center;gap:9px;margin-right:auto;border:1px solid var(--color-border);border-radius:8px;background:#f1efeb;padding:0 12px;color:#8b837c}.top-app-bar__search input{width:100%;border:0;outline:0;background:transparent;color:var(--color-text);font-size:13px}.top-app-bar__identity{display:grid;min-width:112px;color:inherit;line-height:1.15;text-decoration:none}.top-app-bar__identity strong{font-size:13px}.top-app-bar__identity small{margin-top:4px;color:var(--color-muted);font-size:10px}.top-app-bar__level-track{width:100%;height:3px;margin-top:5px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-border)}.top-app-bar__level-track i{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .18s ease}.top-app-bar__notification{position:relative;border:0;background:transparent}.top-app-bar__notification i{position:absolute;top:8px;right:8px;width:6px;height:6px;border:1px solid white;border-radius:50%;background:#ef6544}.avatar{width:38px;height:38px;border-color:#e2cfc0;background:#f5d7c5}.page-frame{width:100%;max-width:var(--content-max);margin:0;padding:22px var(--space-page) 42px}.dashboard{gap:18px}.dashboard__welcome{display:flex;min-height:56px;align-items:end}.dashboard__welcome h2{font-size:27px}.dashboard__welcome p:last-child{font-size:14px}.stat-grid{gap:10px}.stat-card{min-height:72px;gap:11px;border-radius:8px;padding:12px 14px;box-shadow:0 3px 12px #3d302608}.stat-card__icon{width:38px;height:38px;border-radius:7px}.stat-card:nth-child(1) .stat-card__icon{background:#fff0c8;color:#d89219}.stat-card:nth-child(2) .stat-card__icon{background:#e2eefc;color:#3977c5}.stat-card:nth-child(3) .stat-card__icon{background:#e3f2e9;color:#3f8a60}.stat-card:nth-child(4) .stat-card__icon{background:#ffe6e6;color:#dc5b55}.stat-card strong{font-size:20px}.continue-card{min-height:188px;grid-template-columns:minmax(280px,.92fr) minmax(360px,1.08fr);border-radius:8px;border-color:#efd9c6;background:#fff5eb;box-shadow:var(--shadow-soft)}.continue-card__art{min-height:188px}.continue-card__art>.youtube-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0}.continue-card__art:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 60%,#fff5eb 100%);content:""}.continue-card__art>span{display:none}.continue-card__body{padding:22px 28px}.continue-card__body h2{font-size:26px}.continue-card__body>p:not(.eyebrow){margin:5px 0 12px;font-size:13px}.continue-card__body .progress{margin-bottom:13px}.continue-card__body .button{min-height:38px}.dashboard-recommendations,.content-section{min-width:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:16px}.dashboard-recommendations{border:0;background:transparent;padding:0}.section-heading{min-height:34px;margin-bottom:10px}.section-heading h2{font-size:18px}.section-heading .eyebrow{display:none}.section-heading__link{display:inline-flex!important;width:auto!important;height:36px!important;align-items:center;gap:4px;border-radius:0!important;font-size:12px;font-weight:800}.dashboard-recommendations__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.recommendation-card{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:7px;background:#fff}.recommendation-card .youtube-thumbnail{height:auto;aspect-ratio:16 / 8.6}.recommendation-card>div:last-child{padding:9px 10px 10px}.recommendation-card strong,.recommendation-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommendation-card strong{font-size:13px}.recommendation-card span{margin-top:3px;color:var(--color-muted);font-size:10px}.recommendation-card .star-rating{margin-top:5px}.recommendation-card .star-rating svg{width:12px;height:12px}.recommendation-card .progress{gap:8px;margin:8px 0 0}.recommendation-card .progress__track{height:6px}.recommendation-card .progress__track span{margin:0;overflow:visible;text-overflow:clip}.recommendation-card .progress strong{color:var(--color-primary);font-size:10px}.dashboard-columns{gap:12px}.content-section{padding:16px}.level-artwork,.reward-artwork{background-color:#e9e3db;background-repeat:no-repeat;background-size:300% auto}.level-artwork>*,.reward-artwork>*{display:none}.level-card,.reward-card{border-radius:8px;box-shadow:0 4px 16px #3d30260a}.level-grid,.reward-grid{gap:14px}.level-card__body{min-height:224px;padding:15px}.level-card h2{font-size:18px}.reward-artwork{min-height:154px}.reward-card__body{min-height:242px;padding:15px}.reward-card h2{font-size:18px}@media (min-width: 1680px){:root{--sidebar-width: 232px;--space-page: 34px}.reward-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 768px) and (max-width: 1023px){.top-app-bar{gap:10px}.top-app-bar__title{min-width:130px}.top-app-bar__search{display:none}.points-pill--compact{padding:0 11px}}@media (max-width: 767px){.top-app-bar{min-height:62px;padding:max(10px,env(safe-area-inset-top)) 14px 8px}.top-app-bar__search,.top-app-bar__identity,.top-app-bar__notification{display:none}.top-app-bar__title{min-width:0}.top-app-bar h1{font-size:19px}.page-frame{padding:14px 14px 30px}.dashboard{gap:14px}.dashboard__welcome{min-height:48px}.dashboard__welcome h2{font-size:25px}.dashboard__welcome p:last-child{margin-top:3px;font-size:12px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stat-card{min-height:76px;align-items:center;flex-direction:column;gap:5px;padding:9px 4px;text-align:center}.stat-card__icon{width:29px;height:29px}.stat-card__icon svg{width:16px;height:16px}.stat-card strong{font-size:16px}.stat-card div span{margin-top:1px;font-size:9px}.stat-card__arrow{display:none}.continue-card{grid-template-columns:minmax(120px,38%) minmax(0,1fr);min-height:166px}.continue-card__art{min-height:166px}.continue-card__body{justify-content:center;padding:14px}.continue-card__body h2{font-size:18px}.continue-card__body>p:not(.eyebrow){display:none}.continue-card__body .progress{margin:10px 0}.continue-card__body .button{width:100%;min-height:36px;padding:0 10px;font-size:12px}.dashboard-recommendations{margin-right:-14px;border-right:0;border-radius:8px 0 0 8px;padding-right:0}.dashboard-recommendations__grid{display:flex;gap:9px;overflow-x:auto;padding-right:14px;scrollbar-width:none}.dashboard-recommendations__grid::-webkit-scrollbar{display:none}.recommendation-card{flex:0 0 158px}.dashboard-columns{grid-template-columns:1fr}.level-card__body{min-height:214px}.reward-artwork{min-height:100%;background-size:300% auto}}@media (max-width: 419px){.points-pill--compact{min-height:34px;padding:0 8px}.points-pill--compact svg{width:15px}.points-pill--compact span{display:none}.continue-card{grid-template-columns:1fr}.continue-card__art{min-height:138px}.continue-card__body{padding:15px}}.journey-hero{--journey-banner: url(/assets/banner-home-CjXolHs7.webp);position:relative;isolation:isolate;overflow:hidden;border:1px solid #ead9cc;border-radius:8px;background:linear-gradient(90deg,#fffffffa,#fffffff5 46%,#ffffffb8),var(--journey-banner) center right / cover no-repeat;box-shadow:0 5px 20px #3d30260a}.journey-hero--dashboard{--journey-banner: url(/assets/banner-home-CjXolHs7.webp)}.journey-hero--levels{--journey-banner: url(/assets/banner-levels-CHcf7uX9.webp)}.journey-hero--rewards{--journey-banner: url(/assets/banner-rewards-D1WE-jKC.webp)}.journey-hero__content{display:flex;min-width:0;align-items:center;gap:16px}.journey-hero__icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffffb8}.journey-hero__icon--green{background:#e3f2e9;color:#3f7a59}.journey-hero__icon--blue{background:#e2eefc;color:#3977c5}.journey-hero__icon--coral{background:#ffe4df;color:#c75b48}.dashboard__welcome.journey-hero{min-height:150px;align-items:center;gap:16px;padding:24px 30px}.dashboard__welcome.journey-hero h2{font-size:30px}.page-intro.journey-hero{min-height:168px;align-items:center;padding:24px 30px}.page-intro.journey-hero .journey-hero__content>div>p:last-child,.rewards-hero.journey-hero .journey-hero__content>div>p:last-child{margin:7px 0 0;color:var(--color-muted)}.journey-hero .segmented-control{border-color:#d5bfb0d1;background:#ffffffe0;box-shadow:0 4px 16px #3d30260d}.journey-hero .segmented-control button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.rewards-hero.journey-hero{min-height:168px;border:1px solid #ead9cc;padding:24px 30px}.rewards-hero .points-balance{min-width:154px;border:1px solid rgba(224,204,188,.9);border-radius:8px;background:#ffffffe6;padding:14px 16px;box-shadow:0 5px 18px #3d30260d}.levels-page>.app-state,.rewards-page>.app-state{min-height:170px;border-style:dashed;background:#ffffffc2}.level-card,.reward-card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.reward-card:hover{border-color:#d9c6b7;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.reward-card__cost{border-radius:var(--radius-pill);background:#fff4dc;padding:7px 11px}.wish-promo{border:1px solid #e8d9cc;border-radius:8px;background:linear-gradient(90deg,#fffaf6,#fff4e8);padding:20px}@media (max-width: 767px){.journey-hero{background:linear-gradient(90deg,#fffffffa,#ffffffe6 70%,#ffffffb8),var(--journey-banner) center right / cover no-repeat}.dashboard__welcome.journey-hero{min-height:124px;gap:11px;padding:16px}.dashboard__welcome.journey-hero h2{font-size:24px}.journey-hero__icon{width:40px;height:40px}.page-intro.journey-hero,.rewards-hero.journey-hero{min-height:0;align-items:stretch;gap:18px;padding:18px 16px}.page-intro.journey-hero{flex-direction:column}.journey-hero__content{align-items:flex-start}.journey-hero .segmented-control{width:100%;grid-auto-columns:1fr}.journey-hero .segmented-control button{min-width:0;padding:0 7px}.rewards-hero.journey-hero{align-items:flex-start;flex-direction:column}.rewards-hero .points-balance{width:100%;min-width:0}.wish-promo{padding:16px}}@media (max-width: 419px){.journey-hero__icon{display:none}.journey-hero .segmented-control button{gap:4px;font-size:12px}.journey-hero .segmented-control button svg{width:14px;height:14px}}.admin-ai-button{border-radius:8px;background:#fff1dc;color:#a86520}.admin-ai-button:hover{background:#fbe4c4}.admin-mobile-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-ai-editor{width:min(100%,680px)}.admin-ai-note{display:flex;align-items:flex-start;gap:11px;border:1px solid #ead7c2;border-radius:8px;background:#fff8ed;padding:13px 14px;color:#755433}.admin-ai-note svg{flex:0 0 auto;margin-top:1px}.admin-ai-note p{margin:0;font-size:13px}.admin-ai-source{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--color-border);border-radius:8px;padding:14px;background:var(--color-surface-soft)}.admin-ai-source>div{display:grid;min-width:0;gap:4px}.admin-ai-source span{color:var(--color-muted);font-size:11px}.admin-ai-source strong{overflow-wrap:anywhere;font-size:14px}.admin-ai-source a{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;color:var(--color-primary);font-size:13px;font-weight:700;text-decoration:none}.admin-ai-editor .form-field small{color:var(--color-muted);font-size:11px}.admin-ai-progress{display:grid;min-height:260px;place-items:center;align-content:center;gap:16px;padding:26px;text-align:center}.admin-ai-progress__icon{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#fff0d7;color:#a86520}.admin-ai-progress__icon--completed{background:#e4f1e8;color:var(--color-success)}.admin-ai-progress__icon--failed{background:#fbe5e3;color:var(--color-danger)}.admin-ai-progress h3{margin:0;font-size:22px}.admin-ai-progress p{max-width:460px;margin:5px 0 0;color:var(--color-muted)}.admin-ai-progress .admin-editor__actions{justify-content:center}@media (max-width: 560px){.admin-mobile-card__actions{grid-template-columns:1fr}.admin-ai-editor{max-height:calc(100dvh - 24px);overflow-y:auto}.admin-ai-source{align-items:flex-start;flex-direction:column}.admin-ai-progress{min-height:220px;padding:20px 10px}}.courses-page,.course-detail-page{display:grid;min-width:0;gap:24px}.journey-hero--courses{--journey-banner: url(/assets/profile-learning-banner-CE_SiN2Y.webp)}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.course-card{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.course-card:hover{border-color:#d9c6b7;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.course-card__media{position:relative;display:block;aspect-ratio:16 / 7;overflow:hidden;background:#edf3eb}.course-card__media>img,.course-card__media .youtube-thumbnail{width:100%;height:100%;object-fit:cover}.course-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--color-success)}.course-card__count{position:absolute;top:12px;right:12px;display:inline-flex;min-height:30px;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-pill);background:#fffffff0;padding:0 10px;color:var(--color-text);font-size:12px;font-weight:800}.course-card__body{display:grid;gap:15px;padding:20px}.course-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.course-card__heading h2{margin:3px 0 0;font-size:21px;letter-spacing:0}.course-card__heading h2 a{color:inherit;text-decoration:none}.course-card__body>p{min-height:44px;margin:0;color:var(--color-muted)}.course-card__bonus{display:inline-flex;min-height:31px;flex:0 0 auto;align-items:center;gap:5px;border-radius:var(--radius-pill);background:#fff1c8;padding:0 10px;color:#9a6810;font-size:12px;font-weight:850}.course-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-muted);font-size:13px;font-weight:700}.course-card__footer a{display:inline-flex;align-items:center;gap:5px;color:var(--color-primary);font-weight:850;text-decoration:none}.course-detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);min-height:330px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.course-detail-hero__content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,52px)}.course-detail-hero__content h2{margin:7px 0 10px;font-size:clamp(30px,4vw,46px);letter-spacing:0}.course-detail-hero__content>p:not(.eyebrow){max-width:650px;margin:0 0 22px;color:var(--color-muted)}.course-detail-hero__content .progress-track{margin-top:18px}.course-detail-hero__meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--color-muted);font-size:13px;font-weight:800}.course-detail-hero__meta span{display:inline-flex;align-items:center;gap:6px}.course-detail-hero__meta span:last-child{color:#9a6810}.course-detail-hero__visual{position:relative;min-height:280px;overflow:hidden;background:#ede8e1}.course-detail-hero__visual:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--color-surface),transparent 25%);content:"";pointer-events:none}.course-detail-hero__visual>img,.course-detail-hero__visual .youtube-thumbnail{width:100%;height:100%;object-fit:cover}.course-complete-banner{display:flex;align-items:center;gap:17px;border:1px solid #d8e6dc;border-radius:var(--radius-card);background:#f2f8f3;padding:20px 24px}.course-complete-banner>span{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:50%;background:#dceee2;color:var(--color-success)}.course-complete-banner h3{margin:2px 0;letter-spacing:0}.course-complete-banner p{margin:0;color:var(--color-muted)}.course-syllabus{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:24px}.course-syllabus>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.course-syllabus h3{margin:4px 0 0;letter-spacing:0}.course-syllabus>header>span{color:var(--color-muted);font-size:13px;font-weight:700}.course-syllabus ol{display:grid;margin:0;padding:0;list-style:none}.course-syllabus li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:15px;border-top:1px solid var(--color-border);padding:18px 0}.course-syllabus li.is-locked{color:var(--color-muted)}.course-lesson__marker{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary)}.course-syllabus li.is-locked .course-lesson__marker{background:#f1efec;color:var(--color-muted)}.course-lesson__body>span{color:var(--color-primary);font-size:12px;font-weight:850}.course-lesson__body h4{margin:2px 0 4px;font-size:17px;letter-spacing:0}.course-lesson__body>p{margin:0;color:var(--color-muted);font-size:14px}.course-lesson__body>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:8px;color:var(--color-muted);font-size:12px;font-weight:700}.course-lesson__locked{min-width:150px;text-align:right;font-size:12px;font-weight:750}.admin-course-editor{width:min(100%,780px)}.admin-course-editor .form-field>small{color:var(--color-muted);font-size:11px;font-weight:650}.admin-page .admin-mobile-card__actions>:only-child{grid-column:1 / -1}.course-level-picker{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:15px}.course-level-picker legend{padding:0 5px;font-size:13px;font-weight:850}.course-level-picker>p{margin:-3px 0 12px;color:var(--color-muted);font-size:12px}.course-level-picker__search{display:grid;grid-template-columns:22px minmax(0,1fr) 36px;align-items:center;gap:6px;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:3px 5px 3px 12px;color:var(--color-muted);background:var(--color-surface)}.course-level-picker__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #b04e2b1a}.course-level-picker__search input{width:100%;min-width:0;border:0;outline:0;padding:8px 0;color:var(--color-text);background:transparent;font:inherit;font-size:13px}.course-level-picker__search input::-webkit-search-cancel-button{display:none}.course-level-picker__search .icon-button{width:34px;height:34px}.course-level-picker__summary{display:flex;justify-content:space-between;gap:10px;padding:9px 1px;color:var(--color-muted);font-size:11px;font-weight:700}.course-level-picker__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:230px;overflow-y:auto}.course-level-picker__list label{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:10px;cursor:pointer}.course-level-picker input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--color-primary)}.course-level-picker__list label span{display:grid;min-width:0}.course-level-picker__list label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.course-level-picker__list label small{color:var(--color-muted);font-size:11px}.course-level-picker__empty{display:grid;min-height:100px;place-items:center;align-content:center;gap:5px;border:1px dashed var(--color-border);border-radius:var(--radius-control);color:var(--color-muted);text-align:center;font-size:12px}.course-level-picker__empty button{border:0;padding:2px 5px;color:var(--color-primary);background:transparent;font:inherit;font-weight:800;cursor:pointer}.course-order-list__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 9px}.course-order-list h3{margin:0;font-size:14px;letter-spacing:0}.course-order-list__heading p{margin:0;color:var(--color-muted);font-size:11px}.course-order-list ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.course-order-list li{display:grid;grid-template-columns:36px 29px minmax(0,1fr) 36px;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:7px 8px;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.course-order-list li.is-dragging{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 5px 16px #6036221f}.course-order-drag-handle{color:var(--color-muted);cursor:grab;touch-action:none}.course-order-drag-handle:hover{color:var(--color-primary)}.course-order-drag-handle:active{cursor:grabbing}.course-order-list li>span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-size:12px;font-weight:850}.course-order-list li>div{display:grid;min-width:0}.course-order-list li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.course-order-list li small{color:var(--color-muted);font-size:11px}.course-order-empty{display:flex;align-items:center;gap:10px;border:1px dashed var(--color-border);border-radius:var(--radius-control);padding:16px;color:var(--color-muted)}.course-order-empty p{margin:0;font-size:13px}@media (max-width: 900px){.course-detail-hero{grid-template-columns:1fr}.course-detail-hero__visual{order:-1;min-height:auto;aspect-ratio:16 / 7}.course-detail-hero__visual:after{display:none}}@media (max-width: 767px){.course-grid{grid-template-columns:1fr}.course-card__media{aspect-ratio:16 / 8}.course-card__body{padding:16px}.course-detail-hero__content{padding:24px 18px}.course-detail-hero__content h2{font-size:28px}.course-syllabus{padding:18px 15px}.course-syllabus>header{align-items:flex-start;flex-direction:column}.course-syllabus li{grid-template-columns:34px minmax(0,1fr);gap:11px}.course-syllabus li>.button,.course-lesson__locked{grid-column:2;width:100%;min-width:0;justify-content:center;text-align:left}.course-level-picker__list{grid-template-columns:1fr}}@media (max-width: 419px){.course-card__heading{align-items:stretch;flex-direction:column}.course-card__bonus{align-self:flex-start}.course-card__footer{align-items:flex-start;flex-direction:column}.course-order-list__heading{align-items:flex-start;flex-direction:column;gap:3px}.course-order-list li{grid-template-columns:32px 27px minmax(0,1fr) 32px;padding-inline:6px}}