.quick-settings{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;align-items:stretch}.quick-setting{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:10px}.quick-setting>b{font-size:13px;white-space:nowrap}.quick-setting.length-setting{flex-basis:100%}.mini-seg{display:flex;gap:5px;background:#f1eef7;padding:4px;border-radius:11px}.mini-seg button{padding:7px 11px;border-radius:8px;font-size:13px;font-weight:800;color:var(--muted);white-space:nowrap}.mini-seg button.selected{background:var(--purple);color:#fff;box-shadow:0 3px 9px rgba(90,59,213,.2)}
.coverage-note{font-size:13px!important;line-height:1.4!important;margin:0 0 10px!important;color:var(--purple)!important;font-weight:700}
@media(max-width:1100px){.quick-settings{flex-direction:column;max-width:520px}.quick-setting{justify-content:space-between}}
@media(max-width:560px){.quick-setting{display:block}.quick-setting>b{display:block;margin-bottom:7px}.mini-seg{width:100%}.mini-seg button{flex:1;padding-inline:5px}.mini-seg.lengths{display:grid;grid-template-columns:1fr 1fr}.quick-settings{margin-bottom:18px}}
.feedback-title{display:flex;align-items:center;gap:9px;font-size:18px;margin-bottom:12px}.feedback-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.7);font-weight:900}.correct-answer{background:rgba(255,255,255,.65);padding:9px 12px;border-radius:10px;margin-bottom:12px}.explain-step{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 0;border-top:1px solid rgba(45,70,55,.12)}.explain-step em{font-style:normal;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.72);display:grid;place-items:center;font-weight:900}.explain-step b{font-size:14px}.explain-step p{margin:2px 0 0;line-height:1.55}.explain-step.check{padding-bottom:0}
.visual-box{white-space:pre-line;line-height:1.65}.clock-face{position:relative;width:180px;height:180px;border:8px solid var(--ink);border-radius:50%;margin:auto;background:#fff;letter-spacing:0}.clock-face:after{content:"";position:absolute;width:13px;height:13px;background:var(--purple);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4}.clock-face .hand{position:absolute;left:calc(50% - 3px);bottom:50%;width:6px;background:var(--ink);border-radius:8px 8px 0 0;transform-origin:50% 100%;z-index:3}.clock-face .hour{height:48px}.clock-face .minute{height:67px;width:4px;left:calc(50% - 2px);background:var(--purple)}.clock-face b,.clock-face span,.clock-face em,.clock-face small{position:absolute;font:800 15px Heebo;line-height:1}.clock-face b{top:8px;left:50%;transform:translateX(-50%)}.clock-face span{right:10px;top:50%;transform:translateY(-50%)}.clock-face em{bottom:8px;left:50%;transform:translateX(-50%);font-style:normal}.clock-face small{left:10px;top:50%;transform:translateY(-50%)}
.passage{white-space:pre-line}
.session-reward{display:inline-block;margin:16px auto 0;padding:11px 16px;border-radius:14px;background:#fff4cf;color:#765000;font-weight:800}
.rewards-home{max-width:1180px;margin:-48px auto 72px;padding:0 30px;display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.reward-level-card,.reward-preview{background:#fff;border:1px solid var(--line);border-radius:25px;padding:24px}
.reward-level-card{display:flex;align-items:center;gap:22px;background:linear-gradient(135deg,#eee9ff 0%,#fff 72%)}
.level-orb{width:94px;height:94px;flex:0 0 94px;border-radius:30px;background:var(--purple);color:#fff;display:grid;place-items:center;align-content:center;transform:rotate(-3deg);box-shadow:7px 7px 0 #d4caff}
.level-orb>*{transform:rotate(3deg)}.level-orb span{font-size:12px;font-weight:800;opacity:.8}.level-orb b{font:900 38px "Varela Round"}
.level-copy{flex:1}.level-copy h2{font:700 27px "Varela Round";margin:5px 0}.level-copy p{color:var(--muted);margin:0 0 12px}
.xp-track{height:11px;background:#ddd6f4;border-radius:12px;overflow:hidden}.xp-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#5a3bd5,#ad71ea);border-radius:inherit;transition:width .7s ease}.level-copy small{display:block;margin-top:7px;color:var(--muted);font-weight:700}
.reward-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.reward-preview-head b{display:block;font-size:21px;margin-top:3px}
.latest-rewards{display:flex;gap:10px;min-height:72px;align-items:center}.mini-reward{width:66px;height:66px;border-radius:18px;background:#f7f4ff;border:1px solid #e6dfff;display:grid;place-items:center;font-size:31px;position:relative}.mini-reward small{position:absolute;bottom:-7px;background:var(--ink);color:#fff;padding:2px 6px;border-radius:8px;font-size:9px;white-space:nowrap}.empty-rewards{color:var(--muted);font-size:14px}
.trophy-cabinet{max-width:1180px;margin:24px auto;padding:30px;background:linear-gradient(145deg,#211c3d,#17152b);color:#fff;border-radius:28px}.trophy-cabinet .section-heading{align-items:center}.trophy-cabinet .section-heading p{margin:4px 0 0;color:#aaa4bf}.cabinet-total{width:76px;height:76px;border-radius:23px;background:#322a59;display:grid;place-items:center;align-content:center}.cabinet-total b{font-size:28px;line-height:1}.cabinet-total span{font-size:11px;color:#bbb3d2}
.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.reward-card{min-height:175px;background:#2a2547;border:1px solid #423a68;border-radius:20px;padding:18px;position:relative;overflow:hidden}.reward-card.unlocked{background:linear-gradient(145deg,#40356e,#2a2547);border-color:#7564ad}.reward-card.locked{color:#837d96}.reward-card .reward-icon{font-size:42px;filter:grayscale(1);opacity:.35}.reward-card.unlocked .reward-icon{filter:none;opacity:1;animation:rewardBob 3s ease-in-out infinite}.reward-type{position:absolute;left:13px;top:13px;font-size:10px;font-weight:900;border-radius:12px;padding:4px 8px;background:#17142c;color:#bdb4dc}.reward-card h3{font-size:17px;margin:12px 0 4px}.reward-card p{font-size:12px;line-height:1.45;margin:0;color:#aaa4bf}.reward-status{display:block;margin-top:10px;font-size:11px;font-weight:800;color:#d9caff}.reward-card.locked .reward-status{color:#6f6981}
.reward-burst{position:fixed;z-index:60;left:50%;top:50%;transform:translate(-50%,-50%);width:min(390px,calc(100% - 34px));background:#fff;border-radius:30px;padding:30px;text-align:center;box-shadow:0 30px 100px rgba(20,14,48,.38);border:3px solid #f0c764;animation:burstIn .45s cubic-bezier(.2,1.5,.5,1)}.reward-burst:before{content:"";position:fixed;inset:-100vh;background:rgba(20,14,48,.42);z-index:-2;backdrop-filter:blur(4px)}.reward-burst button{position:absolute;left:15px;top:10px;font-size:27px;color:var(--muted)}.burst-kicker{font-weight:900;color:#a66d00;letter-spacing:.08em}.burst-icon{font-size:76px;margin:6px 0;animation:rewardBob 1.3s ease-in-out infinite}.reward-burst h2{font:700 29px "Varela Round";margin:0 0 7px}.reward-burst p{margin:0;color:var(--muted)}
@keyframes burstIn{from{opacity:0;transform:translate(-50%,-45%) scale(.75)}}@keyframes rewardBob{50%{transform:translateY(-5px) rotate(3deg)}}
@media(max-width:850px){.rewards-home{grid-template-columns:1fr}.reward-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rewards-home{padding-inline:18px}.reward-level-card{align-items:flex-start}.level-orb{width:72px;height:72px;flex-basis:72px;border-radius:22px}.level-orb b{font-size:29px}.level-copy h2{font-size:22px}.reward-preview-head{align-items:flex-start}.latest-rewards{flex-wrap:wrap}.trophy-cabinet{margin-inline:18px;padding:21px}.reward-grid{grid-template-columns:1fr 1fr;gap:9px}.reward-card{padding:14px;min-height:165px}.reward-card .reward-icon{font-size:34px}}