.s8-home{margin:12px 16px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#0b4bd4,#5630c7);color:#fff;box-shadow:0 14px 34px rgba(21,94,239,.18)}.s8-home-top{display:flex;gap:12px;align-items:center}.s8-home-top>span{font-size:34px}.s8-home-top small{font-weight:900;opacity:.9}.s8-home h2{margin:3px 0;font-size:20px}.s8-home p{margin:0;opacity:.88;font-size:12px}.s8-home-stats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.s8-home-stats span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.s8-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.s8-home-actions button{border:0;border-radius:13px;padding:11px;background:#fff;color:#1648ad;font-weight:900}
.s8-overlay{position:fixed;inset:0;z-index:1000060;background:rgba(15,23,42,.68);backdrop-filter:blur(4px);padding:12px;overflow:auto}.s8-overlay[hidden]{display:none!important}.s8-sheet{width:min(720px,100%);margin:20px auto;background:#f8faff;border-radius:26px;overflow:hidden;box-shadow:0 30px 90px rgba(15,23,42,.35)}.s8-sheet>header{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;padding:18px;background:linear-gradient(135deg,#155eef,#412bb8);color:#fff}.s8-sheet>header>button{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:25px}.s8-head-icon{font-size:34px}.s8-sheet h2,.s8-sheet p{margin:0}.s8-sheet header p{font-size:12px;opacity:.88;margin-top:3px}.s8-sheet main{padding:16px;display:grid;gap:13px}.s8-free{padding:10px 12px;background:#ecfdf3;color:#027a48;border-radius:12px;font-size:12px;font-weight:800}
.s8-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.s8-stats div{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:12px;text-align:center}.s8-stats b,.s8-stats small{display:block}.s8-stats b{font-size:20px;color:#155eef}.s8-stats small{font-size:11px;color:#667085;margin-top:3px}.s8-revision-list{display:grid;gap:8px}.s8-revision-list article{display:grid;grid-template-columns:1fr auto;gap:5px 10px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:11px}.s8-revision-list article.due{border-color:#7dd3a8;background:#f0fdf4}.s8-revision-list span b,.s8-revision-list span small{display:block}.s8-revision-list small{font-size:11px;color:#667085;margin-top:3px}.s8-revision-list em{font-style:normal;font-size:11px;font-weight:900;color:#155eef}.s8-revision-list i{font-style:normal;font-size:10px;color:#98a2b3}.s8-primary,.s8-secondary,.s8-upload{border:0;border-radius:13px;padding:12px 14px;font-weight:900;text-align:center;cursor:pointer}.s8-primary{background:#155eef;color:#fff}.s8-primary:disabled{opacity:.45}.s8-secondary{background:#eef4ff;color:#155eef;border:1px solid #c7d7fa}.s8-empty{background:#fff;border:1px dashed #b8c0cc;border-radius:16px;padding:24px;text-align:center;color:#475467}
.s8-sprint-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.s8-sprint-picks button{border:2px solid #c9d8fb;background:#fff;color:#155eef;border-radius:18px;padding:22px 10px}.s8-sprint-picks b,.s8-sprint-picks span{display:block}.s8-sprint-picks b{font-size:34px}.s8-focus-tip{background:#fff7e6;border:1px solid #fedf89;border-radius:14px;padding:12px;color:#7a2e0e;font-size:12px}.s8-sprint-clock{width:190px;height:190px;margin:8px auto;display:grid;place-items:center;align-content:center;border-radius:50%;background:conic-gradient(#155eef 0 82%,#e7ecf5 82%);border:12px solid #eef4ff}.s8-sprint-clock strong{font-size:43px;color:#155eef}.s8-sprint-clock small{color:#667085}.s8-finish{text-align:center;background:#fff;border-radius:18px;padding:28px}.s8-finish{font-size:44px}.s8-finish h3{font-size:22px;margin:8px}.s8-finish button{font-size:14px;width:100%}
.s8-flash{background:linear-gradient(160deg,#fff,#eef4ff);border:1px solid #c9d8fb;border-radius:22px;padding:28px;min-height:260px;text-align:center;display:grid;align-content:center}.s8-flash>small{text-transform:uppercase;color:#667085;font-weight:900}.s8-flash h2{font-size:27px;color:#172033;margin:9px 0 18px}.s8-flash-hidden{font-size:70px;color:#155eef;font-weight:900}.s8-flash-answer{display:grid;gap:10px;text-align:left}.s8-flash-answer p,.s8-flash-answer div{background:#fff;border-radius:12px;padding:11px;color:#344054}.s8-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.s8-calendar-stats{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px;align-items:center;background:#fff;border-radius:14px;padding:12px}.s8-calendar-stats b{font-size:20px;color:#155eef}.s8-calendar-stats span{font-size:11px;color:#667085}.s8-heatmap{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.s8-heatmap div{aspect-ratio:1;border-radius:9px;background:#eef1f5;display:grid;place-items:center;align-content:center}.s8-heatmap b{font-size:11px}.s8-heatmap small{font-size:9px}.s8-heatmap .lv1{background:#dbeafe}.s8-heatmap .lv2{background:#93c5fd}.s8-heatmap .lv3{background:#60a5fa;color:#fff}.s8-heatmap .lv4{background:#2563eb;color:#fff}.s8-trend{height:170px;background:#fff;border-radius:16px;padding:12px;display:flex;gap:7px;align-items:flex-end}.s8-trend h3{align-self:flex-start;margin-right:auto;font-size:13px}.s8-trend>div{height:120px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.s8-trend i{width:100%;max-width:24px;background:#155eef;border-radius:6px 6px 2px 2px}.s8-trend span{font-size:9px;color:#667085}
.s8-zone{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:13px}.s8-zone>span{font-size:30px}.s8-zone b,.s8-zone small{display:block}.s8-zone small{font-size:11px;color:#667085;margin:3px 0 7px}.s8-zone i{display:block;height:6px;background:#eef1f5;border-radius:999px;overflow:hidden}.s8-zone em{display:block;height:100%;background:linear-gradient(90deg,#155eef,#7c3aed)}.s8-zone>strong{font-size:22px}.s8-beat{display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#fff;border-radius:16px;padding:12px}.s8-beat div{text-align:center}.s8-beat small,.s8-beat b{display:block}.s8-beat b{font-size:24px;color:#155eef}.s8-beat button{grid-column:1/-1;border:0;border-radius:12px;padding:11px;background:#155eef;color:#fff;font-weight:900}
.s8-certs{display:grid;gap:9px}.s8-certs article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:12px}.s8-certs article.unlocked{border-color:#f6c344;background:#fffdf2}.s8-certs article>span{font-size:30px}.s8-certs b,.s8-certs small{display:block}.s8-certs small{font-size:11px;color:#667085}.s8-certs button{border:0;border-radius:10px;padding:9px;background:#155eef;color:#fff;font-weight:800}.s8-certs em{font-size:11px;color:#98a2b3;font-style:normal}.s8-backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.s8-upload{background:#eef4ff;color:#155eef;border:1px solid #c7d7fa}.s8-upload input{display:none}.s8-toggle{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:13px}.s8-toggle b,.s8-toggle small{display:block}.s8-toggle small{font-size:11px;color:#667085}.s8-toggle button{border:0;border-radius:999px;padding:8px 13px;background:#e4e7ec;font-weight:900}.s8-toggle button.on{background:#155eef;color:#fff}
.s8-exam-focus .s3-header .s3-header-actions,.s8-exam-focus .s3-bottom-nav{opacity:.18;transition:opacity .2s}.s8-exam-focus .s3-header .s3-header-actions:hover,.s8-exam-focus .s3-bottom-nav:hover{opacity:1}
@media(max-width:600px){.s8-home-actions,.s8-row,.s8-backup-actions{grid-template-columns:1fr}.s8-stats{grid-template-columns:1fr 1fr}.s8-stats div:last-child{grid-column:1/-1}.s8-sprint-picks{grid-template-columns:1fr 1fr 1fr}.s8-heatmap{grid-template-columns:repeat(6,1fr)}.s8-certs article{grid-template-columns:auto 1fr}.s8-certs article button,.s8-certs article em{grid-column:2}.s8-calendar-stats{grid-template-columns:auto 1fr}.s8-sheet{margin:0 auto;border-radius:22px}.s8-overlay{padding:6px}}