:root{--bg:#f7f9f6;--card:#ffffff;--solid:#ffffff;--text:#263238;--muted:#6b777b;--blue:#58cc02;--green:#58cc02;--red:#ff4b4b;--line:#dfe7e2;--shadow:0 3px 0 rgba(31,42,35,.10),0 10px 28px rgba(31,42,35,.08);--surface:#f1f4f1;--med:#0a7f78;--med2:#00a99d;--clinical:#eafaf8;--ios-blue:#007aff;--ios-blue-2:#0a84ff;--ios-green:#34c759;--ios-red:#ff3b30;--ios-orange:#ff9500;--ios-bg:#f2f2f7;--ios-card:rgba(255,255,255,.82);--ios-line:rgba(60,60,67,.16);--ios-text:#1c1c1e;--ios-secondary:#6c6c70;--ios-shadow:0 10px 30px rgba(0,0,0,.08);--content-max:760px;--gap-xs:6px;--gap-sm:10px;--gap-md:14px;--gap-lg:18px;--ios-fill:rgba(120,120,128,.16);--ios-fill-strong:rgba(120,120,128,.24);--green-dark:#46a302;--yellow:#ffc800;--orange:#ff9600;--purple:#ce82ff;--brand:#58cc02;--brand-dark:#46a900;--brand-soft:#eaf9df;--ink:#17212b;--muted-2:#71808a;--surface-2:#f7f9fa;--border-strong:#d7e0e5;--depth:0 4px 0 #d1d9de;--duo-green:#58cc02;--duo-green-dark:#46a900;--duo-blue:#1cb0f6;--duo-purple:#ce82ff;--duo-orange:#ff9600;--duo-yellow:#ffc800;--duo-red:#ff4b4b;--duo-ink:#202f36;--duo-soft:#eef8fb;--clined-green:#58cc02;--clined-green-dark:#46a900;--clined-blue:#1cb0f6;--clined-ink:#202f36;--clined-muted:#7c8b91;--clined-border:#dfe9ed;--clined-surface:#ffffff;--clined-soft:#f4f8fa;--clined-shadow:#d2dde1;--motion-fast:150ms;--motion-ui:260ms;--motion-smooth:cubic-bezier(.22,1,.36,1);--motion-spring:cubic-bezier(.2,.9,.2,1);--motion-soft:cubic-bezier(.16,1,.3,1);--clined-radius-xl:28px;--clined-radius-lg:22px;--clined-radius-md:16px;--motion-premium:cubic-bezier(.22,.8,.24,1);--clined-content:min(100% - 24px,760px);--clined-radius:18px;--nav-safe-bottom:env(safe-area-inset-bottom,0px);--nav-height:78px;--gold:#ffc800;--shadow-soft:0 2px 0 rgba(31,42,35,.08),0 7px 18px rgba(31,42,35,.06);--radius:18px;--clined-font:'Nunito',ui-rounded,'Arial Rounded MT Bold',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--clined-body-size:14px;--clined-body-leading:1.42;--clined-title-leading:1.12;--clined-control-h:48px;--clined-gap:10px;--clined-radius-sm:12px;--clined-touch:46px}
:root.dark{--bg:#101412;--card:#1b211e;--solid:#202722;--text:#f2f7f3;--muted:#a8b3ac;--line:#354039;--shadow:0 3px 0 rgba(0,0,0,.35),0 12px 28px rgba(0,0,0,.25);--surface:#252d28;--clinical:#092d2b;--green:#58cc02;--green-dark:#46a302;--blue:#1cb0f6;--yellow:#ffc800;--orange:#ff9600;--red:#ff4b4b;--purple:#ce82ff;--brand-soft:#243a25;--border-strong:#3b4b54;--depth:0 4px 0 #0c1216;--shadow-soft:0 2px 0 rgba(0,0,0,.3),0 8px 18px rgba(0,0,0,.2)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;letter-spacing:0!important;overflow-x:hidden!important;overscroll-behavior-x:none!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom!important;max-width:100%!important;overflow-anchor:auto!important;overscroll-behavior-y:auto!important;font-size:var(--clined-body-size);line-height:var(--clined-body-leading)}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#dff6ff 0 15%,transparent 34%),radial-gradient(circle at 85% 12%,rgba(88,204,2,.10),transparent 24%);display:none!important}
button{font:inherit;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;font-weight:800}
button:focus-visible{outline:3px solid rgba(0,122,255,.35);outline-offset:2px}
.app{max-width:100%!important;margin:auto!important;padding:14px 18px calc(112px+env(safe-area-inset-bottom))!important;width:100%!important;padding-left:0;padding-right:0;padding-top:18px!important;padding-bottom:calc(110px+env(safe-area-inset-bottom))!important;min-height:100dvh;min-width:0!important;box-sizing:border-box!important;overflow-x:clip!important}
.header{display:grid!important;align-items:center;justify-content:space-between;padding:8px 0 10px!important;gap:6px!important;position:relative!important;top:auto!important;z-index:20!important;min-height:58px;margin:0!important;background:var(--bg)!important;border-bottom:2px solid var(--line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin-bottom:2px;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) repeat(4,36px)!important;overflow:visible!important}
.brand{display:flex;gap:12px!important;align-items:center;min-width:0;flex:1}
.logo{width:50px!important;height:50px!important;flex:0 0 40px;border-radius:15px!important;background:transparent!important;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;box-shadow:0 4px 0 rgba(0,0,0,.18)!important;letter-spacing:.02em;flex-basis:46px!important;border:0!important;overflow:visible!important;padding:0!important}
.brand h1{font-size:19px!important;margin:0;font-weight:900!important;letter-spacing:0!important;line-height:1.15}
.brand p{font-size:12px!important;color:#6b7b83;margin:3px 0 0;white-space:nowrap;line-height:1.15;font-weight:700!important}
.icon-btn{width:42px!important;height:42px!important;border:2px solid var(--line)!important;background:var(--solid)!important;color:var(--text)!important;border-radius:14px!important;font-size:18px;cursor:pointer;flex:0 0 40px;padding:0;display:grid;place-items:center;box-shadow:0 3px 0 rgba(0,0,0,.2)!important;transition:transform .16s ease,background .16s ease;flex-basis:42px!important}
.view{display:none;animation:none!important;min-width:0!important;overflow-x:clip!important;scroll-behavior:auto!important}
.view.active{display:block;animation:clinedViewIn .16s ease-out}
.hero{padding:14px 4px 12px!important;margin:6px 0 12px;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.66)),radial-gradient(circle at 100% 0,rgba(0,122,255,.12),transparent 45%);box-shadow:var(--ios-shadow);overflow:hidden;text-align:left}
.eyebrow{font-size:12px!important;color:var(--brand)!important;font-weight:900!important;letter-spacing:.6px!important;text-transform:uppercase}
.hero h2{font-size:32px!important;line-height:1.08!important;letter-spacing:-.8px!important;margin:4px 0 0!important;font-weight:900!important;max-width:620px}
.hero p{margin:0;color:#708088;line-height:1.45!important;font-size:12px!important;font-weight:700!important;max-height:38px;overflow:hidden;display:none!important}
.card{background:var(--card)!important;border:2px solid var(--line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:var(--clined-radius-xl)!important;padding:16px!important;box-shadow:var(--depth)!important;margin-bottom:14px}
.section-title{font-size:17px!important;font-weight:900!important;margin:1px 0 10px;letter-spacing:-.2px}
.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}
.choice{border:1.5px solid var(--line);background:var(--ios-fill);color:var(--text);border-radius:19px!important;padding:13px 8px;font-weight:850;cursor:pointer;min-height:48px;box-shadow:0 4px 0 rgba(31,42,35,.18)}
.choice.selected{background:#58cc02!important;border-color:#46a900!important;color:#fff!important;box-shadow:0 3px 0 var(--green-dark)!important}
.primary{width:100%;border:2px solid var(--clined-green-dark)!important;background:var(--clined-green)!important;color:#fff!important;border-radius:18px!important;padding:14px;font-weight:900!important;font-size:16px;box-shadow:0 4px 0 rgba(46,160,0,.45)!important;cursor:pointer;border-bottom:5px solid var(--clined-green-dark)!important}
.secondary{width:100%;border:2px solid var(--clined-border)!important;background:#fff!important;color:var(--text);border-radius:18px!important;padding:13px 16px;font-weight:700;cursor:pointer;border-bottom-width:4px!important;border-bottom:4px solid var(--clined-shadow)!important;box-shadow:0 4px 0 rgba(31,42,35,.10)}
.secondary.small-btn{width:auto;padding:11px 15px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px;overflow:hidden;border-radius:17px;border:1px solid var(--line);background:var(--line)}
.stat{background:var(--surface)!important;border:2px solid var(--line)!important;border-radius:16px;padding:13px 10px;box-shadow:0 3px 0 rgba(0,0,0,.12)!important}
.stat b{font-size:20px;letter-spacing:-.5px}
.stat span{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.menu-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line)}
.list-item:last-child{border-bottom:0}
.score{font-weight:800}
.date{font-size:11px;color:var(--muted)}
.empty{text-align:center;color:var(--muted);padding:25px 8px;font-size:14px}
.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.topline.compact{margin-top:3px}
.back{border:0;background:transparent;color:var(--blue);font-weight:750;padding:5px 0;cursor:pointer;font-size:15px}
.info{font-size:11px;font-weight:800;color:var(--blue);background:rgba(0,122,255,.12);padding:6px 9px;border-radius:9px}
.muted{color:var(--muted)}
.progress{height:10px!important;background:var(--surface)!important;border-radius:99px;overflow:hidden;margin-bottom:16px;margin:12px 0;border:2px solid var(--line)!important}
.progress>i{display:block;height:100%;width:0;background:var(--green)!important;transition:width .25s ease}
.question{font-size:22px!important;font-weight:850!important;line-height:1.5!important;letter-spacing:-.35px;margin-bottom:14px}
.answers{display:grid;gap:8px}
.answer{border:2px solid var(--line)!important;background:var(--card)!important;color:var(--text);text-align:left;width:100%;padding:14px;border-radius:15px!important;font-size:16px!important;line-height:1.4;font-weight:800!important;cursor:pointer;transition:transform 180ms var(--motion-spring),border-color 180ms var(--motion-smooth),background-color 180ms var(--motion-smooth),box-shadow 180ms var(--motion-smooth);display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;min-height:58px!important;box-shadow:0 4px 0 rgba(0,0,0,.16)!important;border-width:2px!important;min-width:0}
.answer:active{transform:translateY(2px)!important;box-shadow:0 1px 0 var(--line)!important}
.answer:disabled{cursor:default}
.answer.correct{background:var(--brand-soft)!important;border-color:var(--brand)!important;animation:correctCard .5s ease;box-shadow:0 2px 0 #c7eab6}
.answer.wrong{background:#3b2022!important;border-color:#ff5b5b!important;box-shadow:0 2px 0 #ffd0d0}
.bookmark{border:2px solid var(--line)!important;background:var(--surface)!important;color:var(--text);border-radius:13px;padding:9px 11px;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.15)!important}
.explain{display:none;margin-top:15px;padding:15px;border-radius:18px!important;background:var(--surface)!important;border:2px solid var(--line)!important;line-height:1.5;font-size:14px}
.explain-title{font-size:16px;font-weight:900;margin-bottom:10px;color:#4c9700}
.option-review{padding:12px 13px;border-radius:14px;margin:9px 0;border:1px solid var(--line);background:var(--surface)}
.option-review-head{display:grid!important;justify-content:space-between;gap:8px!important;align-items:start!important;font-size:13px;grid-template-columns:minmax(0,1fr) minmax(0,auto)!important}
.option-review-head span{font-size:10px;font-weight:850;letter-spacing:.5px;white-space:nowrap}
.option-review-text{font-size:12px;line-height:1.5;color:var(--muted);margin-top:7px}
.option-review.is-correct{border-color:rgba(52,199,89,.45);background:rgba(52,199,89,.07)}
.option-review.is-correct .option-review-head span{color:#34c759}
.option-review.is-wrong{border-color:rgba(255,59,48,.25);background:rgba(255,59,48,.045)}
.option-review.is-wrong .option-review-head span{color:#ff3b30}
.quiz-actions{display:flex;gap:8px;margin-top:12px}
.quiz-actions button{flex:1;min-height:44px}
.result-score{text-align:center;padding:18px 8px 8px}
.result-score .big{font-size:58px;font-weight:900!important;letter-spacing:-3px;color:var(--green)!important}
.grade-pill{display:inline-block;padding:6px 12px;border-radius:99px;background:#007aff15;color:var(--blue);font-weight:850;font-size:13px}
.bar{height:9px;border-radius:99px!important;background:var(--line)!important;overflow:hidden;margin:14px 0 5px}
.bar i{display:block;height:100%;background:var(--brand)!important;width:0}
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:12px 0 16px;border-radius:15px;overflow:hidden;background:var(--line)}
.result-grid>div{text-align:center;background:var(--solid);border:0;border-radius:0;padding:12px}
.result-grid b{font-size:20px;display:block}
.result-grid span{font-size:11px;color:var(--muted)}
.resume-card{border-color:#007aff35;background:linear-gradient(135deg,#007aff0c,transparent)}
.resume-actions{display:flex;gap:9px}
.resume-actions .primary{flex:1}
.history-summary{padding:10px 0 13px;color:var(--muted);font-size:13px}
.spacer{height:9px}
.footer{text-align:center;color:var(--muted);font-size:11px;padding:15px;display:none;padding-bottom:calc(110px+env(safe-area-inset-bottom))!important}
.header .icon-btn{margin-left:auto;flex:0 0 36px!important;width:36px!important;height:36px!important;flex-basis:38px;border-radius:12px;font-size:17px;border:1.5px solid var(--line);background:var(--card);box-shadow:0 2px 0 rgba(31,42,35,.06);min-width:36px!important;max-width:36px!important;margin:0!important;padding:0!important}
.header .icon-btn+.icon-btn{margin-left:0}
.live-stats{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;flex-wrap:wrap;justify-content:flex-end}
#streakLive{color:#ff9500;min-height:16px}
.answer-letter{width:30px;height:30px;flex:0 0 31px;border-radius:50%;background:#e5e5ea!important;display:grid;place-items:center;font-size:12px;font-weight:900;color:#3a3a3c!important;transition:.18s;flex-basis:30px}
.answer.correct .answer-letter{background:#34c759!important;color:#fff!important;animation:popLetter .42s cubic-bezier(.2,1.7,.4,1)}
.answer.wrong .answer-letter{background:#ff3b30!important;color:#fff!important}
.shake .quiz-card{animation:shake .38s ease}
.pop-celebration{position:fixed;inset:0;z-index:9999;pointer-events:none;display:grid;place-items:center;opacity:0}
.pop-celebration.show{opacity:1}
.pop-burst{width:94px;height:94px;border-radius:50%;background:var(--solid);box-shadow:0 15px 50px #0003;display:grid;place-items:center;transform:scale(.35);opacity:0}
.pop-celebration.show .pop-burst{animation:popBurst .68s cubic-bezier(.18,1.55,.3,1) forwards, popBurstPulse 1.05s .68s ease-in-out 1;will-change:transform,opacity}
.pop-burst span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#34c759;color:#fff;font-size:34px;font-weight:900}
.pop-text{position:absolute;margin-top:150px;font-size:22px;font-weight:900;color:#34c759;opacity:0;transform:translateY(8px) scale(.8)}
.pop-celebration.show .pop-text{animation:popText .65s .08s ease forwards}
.confetti{position:absolute;width:7px;height:13px;border-radius:2px;background:#007aff;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0);opacity:0}
.pop-celebration.show .confetti{animation:confetti .72s var(--d) ease-out forwards}
.confetti:nth-of-type(3n){background:#ff9500}
.confetti:nth-of-type(4n){background:#34c759}
.confetti:nth-of-type(5n){background:#ff3b30}
.question-nav-wrap{margin:10px 0 12px;padding:7px;border:1px solid var(--line);border-radius:17px;background:var(--card);box-shadow:0 6px 18px rgba(0,0,0,.05)}
.question-nav-wrap.nav-closed{padding-bottom:7px}
.question-nav-toggle{width:100%;min-height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:8px 11px;font-weight:800;font-size:12px;text-align:left;cursor:pointer}
.question-nav-toggle span:last-child{float:right;font-size:14px;color:var(--muted)}
.question-nav{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:8px 1px 2px;max-height:180px;overflow-y:auto;overscroll-behavior:contain}
.qnav-btn{min-height:30px;border:1px solid var(--line);border-radius:9px;background:var(--solid);color:var(--text);font-size:10px;font-weight:800;cursor:pointer}
.qnav-btn.current{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 10px #007aff33}
.qnav-btn.done{border-color:#34c75988;background:#34c75912}
.qnav-btn.flagged{box-shadow:inset 0 0 0 2px #ff9500}
#headerNavBtn{display:grid}
.bank-grid{display:grid;gap:9px}
.bank-choice{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:16px;padding:14px;cursor:pointer}
.bank-choice.selected{border-color:#007aff88;background:#007aff0d;box-shadow:0 6px 18px #007aff14;border:2px solid var(--blue)}
.bank-choice i{margin-left:auto;font-style:normal;color:#007aff;font-weight:900}
.bank-icon{width:38px;height:38px;border-radius:12px;background:var(--surface);display:grid;place-items:center;font-size:19px}
.bank-choice b{display:block;font-size:14px}
.bank-choice small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.bank-note{font-size:12px;color:var(--muted);line-height:1.45;margin-top:9px}
.choice small{font-size:10px;opacity:.75;display:block;margin-top:2px}
.main-explain{padding:12px 13px;border-radius:14px;background:var(--surface);line-height:1.55;font-size:13px;margin-bottom:9px}
.bank-name{display:block;font-weight:850}
.bank-desc{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.clinical-note{margin:10px 0;padding:12px 14px;border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.08);border-radius:12px;line-height:1.5;color:inherit;border-left-color:var(--med)!important}
.clinical-note b{color:#f59e0b}
.sub-title{margin-top:18px;font-size:.9rem}
.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mode-choice{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.mode-choice small{font-size:.72rem;opacity:.7}
.timer-pill{font-variant-numeric:tabular-nums;font-weight:800;padding:5px 9px;border-radius:999px;background:rgba(0,122,255,.10)}
.timer-pill.urgent{background:rgba(255,59,48,.14);color:#ff3b30}
.quiz-foot-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:10px;border-top:1px solid rgba(127,127,127,.15)}
.text-btn{border:0;background:transparent;padding:7px 0;font:inherit;color:inherit;opacity:.75}
.text-btn:hover{opacity:1}
.result-actions{display:grid;gap:10px;margin-top:12px}
.wrong-item{align-items:flex-start}
.option-truth{margin:6px 0 2px}
.truth-badge{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:3px 7px;border-radius:999px;background:rgba(127,127,127,.12)}
.truth-true{color:#16823b}
.truth-false{color:#d93025}
.review-card{padding:16px 0;border-bottom:1px solid rgba(127,127,127,.18)}
.review-q{line-height:1.5;margin-bottom:10px}
.review-options{display:grid;gap:7px}
.review-option{padding:10px 12px;border-radius:10px;background:rgba(127,127,127,.07)}
.review-option.review-key{outline:1px solid rgba(52,199,89,.55)}
.review-option.review-user-wrong{outline:1px solid rgba(255,59,48,.55)}
.review-option span{float:right;font-size:.72rem;font-weight:800}
.review-option small{display:block;margin-top:5px;opacity:.82;line-height:1.45}
.review-concept{margin-top:10px;padding:10px;border-radius:10px;background:rgba(0,122,255,.08);line-height:1.5}
.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}
.analytics-stat{background:var(--solid);border:1px solid var(--line);border-radius:16px;padding:13px 10px;text-align:center}
.analytics-stat b{display:block;font-size:20px}
.analytics-stat span{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.analytics-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.analytics-row:last-child{border-bottom:0}
.analytics-row div{min-width:0}
.analytics-row b{display:block;font-size:13px;line-height:1.4}
.analytics-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.analytics-row strong{font-size:16px;white-space:nowrap}
.player-card{background:var(--card)!important;border-color:var(--green)!important;padding:20px!important;margin:12px 0;margin-bottom:12px}
.player-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.player-level{display:flex;align-items:center;gap:8px!important;margin-top:5px;flex-wrap:wrap}
.player-level span{background:var(--green)!important;color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;box-shadow:0 2px 0 var(--green-dark)!important}
.player-level b{font-size:15px;letter-spacing:-.02em;font-weight:900!important}
.xp-total{text-align:right}
.xp-total b{display:block;font-size:15px;color:var(--yellow)!important;font-weight:900!important}
.xp-total span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.xp-track{height:14px!important;background:var(--surface)!important;border-radius:99px!important;overflow:hidden;margin-top:15px!important;border:2px solid var(--line)!important}
.xp-track i{display:block;height:100%;width:0;border-radius:inherit;background:var(--brand)!important;transition:width .4s ease;box-shadow:inset 0 -2px 0 rgba(0,0,0,.1)!important}
.xp-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-top:6px}
.player-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.player-badges span{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:var(--solid);border:1px solid var(--line)}
.xp-live{font-weight:900;color:#ff9500;padding:4px 7px;border-radius:999px;background:rgba(255,149,0,.10)}
.result-xp-card{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.result-xp-card>div{background:linear-gradient(135deg,rgba(255,149,0,.11),rgba(0,122,255,.08));border:1px solid rgba(255,149,0,.22);border-radius:16px;padding:13px;text-align:center}
.result-xp-card span{display:block;color:var(--muted);font-size:11px}
.result-xp-card b{display:block;font-size:21px;margin-top:4px;color:#ff9500}
.xp-popup-layer{position:fixed;inset:0;z-index:10000;pointer-events:none;display:grid;place-items:center;opacity:0}
.xp-popup-layer.show{opacity:1}
.xp-popup{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 20px;border-radius:18px;background:var(--solid);border:1px solid rgba(255,149,0,.35);box-shadow:0 18px 55px #0003;transform:translateY(20px) scale(.7);opacity:0}
.xp-popup-layer.show .xp-popup{animation:xpPop 1.05s cubic-bezier(.18,1.4,.3,1) forwards}
.xp-popup b{font-size:29px;color:#ff9500}
.xp-popup span{font-size:12px;font-weight:800;color:var(--muted)}
.xp-popup.level-up{border-color:rgba(52,199,89,.45);background:linear-gradient(135deg,var(--solid),rgba(52,199,89,.12))}
.xp-popup.level-up b{color:#34c759}
.quiz-card{position:relative;overflow:visible;padding:14px;margin-top:2px;border-radius:22px!important}
.combat-fx{font-family:inherit}
.battle-whiteout,.battle-redout{position:absolute;inset:0;opacity:0}
.battle-whiteout{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,1) 0%,rgba(52,199,89,.65) 14%,rgba(0,122,255,.25) 34%,transparent 67%)}
.combat-fx.hit.show .battle-whiteout{animation:battleWhite .42s ease-out both}
.battle-impact{position:absolute;left:50%;top:50%;width:28px;height:28px;border-radius:50%;border:6px solid #fff;box-shadow:0 0 18px #fff,0 0 45px #34c759,0 0 85px #007aff;transform:translate(-50%,-50%) scale(.1);opacity:0}
.battle-impact span{position:absolute;inset:5px;border-radius:50%;background:#fff;box-shadow:0 0 25px #34c759}
.combat-fx.hit.show .battle-impact{animation:battleImpact .72s cubic-bezier(.12,.8,.2,1) both, battleImpactPulse .82s .12s ease-in-out 1}
.battle-slash{position:absolute;left:-30%;width:160%;height:13px;border-radius:99px;opacity:0;background:linear-gradient(90deg,transparent 0%,#fff 25%,#34c759 48%,#fff 70%,transparent 100%);box-shadow:0 0 14px #34c759,0 0 28px #007aff}
.s1{top:42%;transform:rotate(-22deg)}
.s2{top:50%;transform:rotate(8deg);background:linear-gradient(90deg,transparent,#fff,#007aff,#fff,transparent);box-shadow:0 0 14px #007aff,0 0 28px #34c759}
.s3{top:58%;transform:rotate(-9deg);height:7px}
.combat-fx.hit.show .s1{animation:battleSlash .48s .02s ease-out both}
.combat-fx.hit.show .s2{animation:battleSlash .48s .09s ease-out both}
.combat-fx.hit.show .s3{animation:battleSlash .48s .15s ease-out both}
.battle-label{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) scale(.4) rotate(-3deg);opacity:0;white-space:nowrap;color:#fff;font-size:clamp(18px,4vw,31px);font-weight:1000;letter-spacing:1px;text-shadow:0 3px 0 #007aff,0 0 20px #34c759,0 5px 18px #0008}
.combat-fx.hit.show .battle-label{animation:battleLabel .82s .18s cubic-bezier(.12,1.5,.25,1) both}
.battle-sub{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%) scale(.5);opacity:0;white-space:nowrap;color:#fff;font-size:11px;font-weight:1000;letter-spacing:3px;text-shadow:0 2px 8px #000}
.combat-fx.hit.show .battle-sub{animation:battleSub .7s .25s ease-out both}
.battle-particle,.damage-particle{position:absolute;left:50%;top:50%;display:block;width:7px;height:20px;border-radius:99px;opacity:0;transform-origin:50% 0}
.battle-particle{background:#fff;box-shadow:0 0 9px #34c759,0 0 18px #007aff}
.combat-fx.hit.show .battle-particle{animation:battleParticle .75s var(--delay) cubic-bezier(.1,.8,.2,1) both;transform:rotate(var(--a)) translateY(0) scale(var(--s))}
.battle-redout{background:radial-gradient(circle at 50% 50%,rgba(255,59,48,.72),rgba(255,59,48,.2) 35%,transparent 70%)}
.combat-fx.damage.show .battle-redout{animation:battleRed .55s ease-out both}
.battle-damage-ring{position:absolute;left:50%;top:50%;width:35px;height:35px;border:7px solid #ff3b30;border-radius:50%;box-shadow:0 0 18px #ff3b30,0 0 45px #ff9500;transform:translate(-50%,-50%) scale(.2);opacity:0}
.combat-fx.damage.show .battle-damage-ring{animation:damageRing .62s ease-out both, damageRingPulse .72s .08s ease-in-out 1}
.battle-crack{position:absolute;left:50%;top:50%;height:8px;width:0;border-radius:99px;background:#ff3b30;box-shadow:0 0 12px #ff3b30,0 0 25px #ff9500;transform-origin:left center;opacity:0}
.c1{transform:rotate(25deg) translateX(-8px)}
.c2{transform:rotate(-32deg) translateX(-8px)}
.c3{transform:rotate(78deg) translateX(-8px)}
.combat-fx.damage.show .c1{animation:damageCrack .5s .02s ease-out both}
.combat-fx.damage.show .c2{animation:damageCrack .07s .5s ease-out both}
.combat-fx.damage.show .c3{animation:damageCrack .1s .09s ease-out both}
.battle-label.damage{top:43%;color:#fff;text-shadow:0 3px 0 #8e160f,0 0 18px #ff3b30,0 5px 18px #0009}
.combat-fx.damage.show .battle-label.damage{animation:damageLabelBig .7s .08s cubic-bezier(.12,1.4,.25,1) both}
.damage-sub{color:#fff;font-size:14px;font-weight:1000;letter-spacing:2px;text-shadow:0 0 10px #ff3b30}
.combat-fx.damage.show .damage-sub{animation:battleSub .6s .16s ease-out both}
.damage-particle{background:#ff3b30;box-shadow:0 0 9px #ff9500}
.combat-fx.damage.show .damage-particle{animation:damageParticle .55s var(--delay) ease-out both}
.damage-shake{animation:damageShake .48s cubic-bezier(.36,.07,.19,.97) both}
.battle-hud{margin:7px 0 9px;width:min(300px,100%);padding:8px 10px;border-radius:14px;background:rgba(20,20,24,.08);border:1px solid var(--line);box-shadow:0 8px 24px #00000012}
.hp-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;margin-bottom:6px}
.hp-head b{font-size:12px}
.hp-track{height:10px;border-radius:99px;overflow:hidden;background:rgba(255,59,48,.16);box-shadow:inset 0 1px 3px #0002}
.hp-track i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#ff3b30,#ff453a 60%,#ff9500);box-shadow:0 0 10px #ff3b3066;transition:width .42s cubic-bezier(.2,.8,.2,1),filter .2s}
.hp-track i.warning{filter:saturate(1.3);animation:hpPulse 1.1s infinite}
.hp-track i.critical{background:linear-gradient(90deg,#ff2d55,#ff3b30);animation:hpCritical .55s infinite}
.battle-hud small{display:block;margin-top:5px;color:var(--muted);font-size:9px;font-weight:800;text-align:right}
.battle-hud:has(.critical){border-color:#ff3b3088}
#home{position:relative}
.character-widget{position:relative;width:min(230px,65vw)!important;margin:2px auto 14px!important;padding:8px!important;z-index:20;text-align:center;pointer-events:auto;border-radius:18px;box-shadow:0 4px 0 #d7e1e5;border-color:var(--green)!important;background:var(--card)!important}
.character-open{position:relative;z-index:21;border:0;background:transparent;width:100%;cursor:pointer;padding:4px;border-radius:14px!important;color:inherit;pointer-events:auto;touch-action:manipulation}
.character-open:hover{background:rgba(127,127,127,.08)}
.character-mini{height:116px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.character-caption{display:block;font-size:10px;font-weight:900!important;margin-top:0;pointer-events:none;color:var(--green)!important}
.rpg-char{position:relative;width:72px;height:108px;margin:auto;filter:drop-shadow(0 6px 5px rgba(0,0,0,.18));transform:scale(.9);transform-origin:bottom center}
.rpg-char .head{position:absolute;left:24px;top:3px;width:25px;height:25px;border-radius:50%;background:#f0c7a4;border:2px solid #222;z-index:5}
.rpg-char.female .head{box-shadow:0 -4px 0 3px #333}
.rpg-char .helmet{position:absolute;left:19px;top:-2px;width:35px;height:20px;display:none;z-index:8;font-size:20px;line-height:20px;text-align:center}
.rpg-char.has-helmet .helmet{display:block}
.rpg-char .body{position:absolute;left:17px;top:27px;width:38px;height:39px;border-radius:12px 12px 7px 7px;background:#5b6b8c;border:2px solid #222;z-index:3}
.rpg-char .armor{position:absolute;left:10px;top:23px;width:52px;height:48px;display:none;z-index:7;font-size:45px;line-height:48px;text-align:center;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.rpg-char.has-armor .armor{display:block}
.rpg-char .arm{position:absolute;top:31px;width:11px;height:37px;border-radius:8px;background:#f0c7a4;border:2px solid #222;z-index:2}
.rpg-char .arm.left{left:7px}
.rpg-char .arm.right{right:7px}
.rpg-char .pants{position:absolute;left:10px;top:61px;width:52px;height:30px;display:none;z-index:6;font-size:31px;line-height:30px;text-align:center;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.rpg-char.has-pants .pants{display:block}
.rpg-char .leg{position:absolute;top:88px;width:13px;height:20px;background:#f0c7a4;border:2px solid #222;border-radius:5px;z-index:1}
.rpg-char .leg.left{left:19px}
.rpg-char .leg.right{right:19px}
.rpg-char .weapon{position:absolute;right:-5px;top:28px;width:48px;height:48px;display:none;z-index:9;font-size:38px;line-height:48px;text-align:center;transform:rotate(18deg);filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}
.rpg-char.has-weapon .weapon{display:block}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);display:grid;place-items:center;z-index:10000;padding:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:end}
.modal-backdrop[hidden]{display:none!important}
.character-name-label{display:block;font-size:11px;font-weight:850;margin:4px 0 6px}
.character-name-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.character-name-input{flex:1;min-width:0;border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:12px;padding:10px 11px;font:inherit;outline:none}
.character-name-input:focus{border-color:#007aff88;box-shadow:0 0 0 3px #007aff12}
.character-name-row .small-btn{margin:0;padding:10px 13px}
.character-modal{width:min(430px,94vw);max-height:90vh;overflow:auto;padding:20px}
.character-preview{min-height:210px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(127,127,127,.08),transparent);border-radius:18px;margin:12px 0}
.character-preview .rpg-char{transform:scale(1.65);transform-origin:center 60%}
.gender-title{font-weight:800;margin:10px 0 8px}
.gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gender-choice{cursor:pointer;border:2px solid transparent}
.gender-choice.selected{border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.18)}
.gear-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;font-size:12px}
.gear-chip{padding:9px;border-radius:10px;background:rgba(10,127,120,.07);border-color:rgba(10,127,120,.14)}
.gear-drop-overlay{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle,rgba(10,127,120,.22),transparent 45%)}
.gear-drop-box{padding:28px 34px;border-radius:22px;background:rgba(20,20,30,.94);color:#fff;text-align:center;box-shadow:0 0 60px rgba(10,127,120,.45);animation:gearPop .65s cubic-bezier(.2,1.4,.4,1)}
.gear-drop-box .gear-icon{font-size:62px;animation:gearSpin 1s ease}
.gear-drop-box h2{margin:6px 0}
.gear-drop-box p{margin:0;opacity:.8}
.character-name-display{font-size:12px;color:var(--ios-secondary);font-weight:800;margin-left:4px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.study-tools-card{overflow:hidden}
.study-hero{padding:8px 2px 16px}
.study-kicker{font-size:10px;font-weight:950;letter-spacing:.14em;color:#7c3aed}
.study-hero h2{margin:5px 0 7px;font-size:clamp(21px,5vw,30px);line-height:1.08;letter-spacing:-.03em}
.study-hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.study-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.study-tool{border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:17px;padding:15px;text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s;min-height:110px}
.study-tool:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000010;border-color:#7c3aed55}
.study-tool:active{transform:scale(.98)}
.study-tool span{display:block;font-size:25px;margin-bottom:8px}
.study-tool b{display:block;font-size:13px}
.study-tool small{display:block;color:var(--muted);margin-top:3px;font-size:10px}
.daily-mission{border:1px solid #7c3aed30;background:linear-gradient(135deg,#7c3aed10,#007aff08);border-radius:16px;padding:13px;margin:4px 0}
.mission-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.mission-top b{font-size:12px}
.mission-count{font-size:11px;font-weight:900}
.mission-track{height:8px;border-radius:99px;background:#00000010;overflow:hidden;margin-top:9px}
.mission-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c3aed,#007aff);border-radius:inherit;transition:width .4s}
.daily-home-card{padding:14px!important}
.daily-home-card .mission-top{margin-bottom:0}
.flashcard{min-height:310px;margin:14px 0;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,var(--solid),rgba(124,58,237,.07));padding:24px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 50px #0000000b}
.flash-front,.flash-back{animation:flashIn .22s ease}
.flash-label{display:block;font-size:9px;font-weight:950;letter-spacing:.14em;color:#7c3aed;margin-bottom:13px}
#flashQuestion{font-size:clamp(18px,4.5vw,25px);font-weight:850;line-height:1.35}
#flashAnswer{font-size:14px;line-height:1.65;color:var(--text)}
#flashAnswer strong{color:#7c3aed}
.flash-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.library-controls{display:grid;grid-template-columns:1fr 150px;gap:8px;margin:12px 0}
.library-search,.library-select{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:12px;padding:11px 12px;font:inherit;outline:none}
.library-search:focus,.library-select:focus{border-color:#007aff77;box-shadow:0 0 0 3px #007aff12}
.library-result{border:1px solid var(--line);border-radius:15px;padding:13px;margin:9px 0;background:var(--solid)}
.library-result-head{display:flex;justify-content:space-between;gap:10px;align-items:start}
.library-result-head small{color:var(--muted);font-weight:800;white-space:nowrap}
.library-result p{margin:7px 0 10px;font-size:13px;line-height:1.45}
.library-answer{font-size:11px;color:var(--muted);margin-bottom:10px}
.library-result .small-btn{margin:0}
.eyebrow,.info{color:var(--med)}
.medical-battle{margin:0 0 12px;padding:12px 13px;border:1px solid rgba(10,127,120,.24);border-radius:17px;background:linear-gradient(145deg,rgba(10,127,120,.09),rgba(0,169,157,.035));position:relative;overflow:hidden}
.medical-battle:before{content:"";position:absolute;inset:auto -25px -35px auto;width:110px;height:110px;border-radius:50%;background:rgba(10,127,120,.08);filter:blur(4px)}
.clinical-battle-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;letter-spacing:.6px;font-weight:900;color:var(--med)}
.clinical-battle-head b{font-size:9px;padding:4px 7px;border-radius:99px;background:rgba(10,127,120,.12)}
.case-target{display:flex;align-items:center;gap:9px;margin-top:9px}
.case-target>div{flex:1}
.case-target b{display:block;font-size:12px}
.case-target small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.case-target strong{font-size:12px;color:var(--med)}
.case-pulse{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(10,127,120,.13);color:var(--med);font-size:12px;animation:clinicalPulse 1.6s infinite}
.enemy-track{height:8px;border-radius:99px;background:rgba(255,59,48,.12);overflow:hidden;margin-top:8px}
.enemy-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff453a,#ff9500);transition:width .4s cubic-bezier(.2,.8,.2,1)}
.battle-hint{margin-top:7px;color:var(--muted);font-size:9px;text-align:right}
.battle-hint b{color:var(--text)}
.answer:hover{transform:translateY(-1px);background:#f1f1f5!important;border-color:rgba(0,122,255,.30)!important}
.player-card,.bank-card,.menu-card,.daily-home-card{box-shadow:0 12px 34px rgba(0,0,0,.06)}
.character-status{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.character-status span{padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:10px;font-weight:850;color:var(--muted)}
.gear-count{grid-column:1/-1}
.dashboard-card{overflow:hidden;width:100%;max-width:100%;min-width:0}
.dashboard-hero{margin-bottom:14px;padding-bottom:10px!important}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:12px 0;min-width:0;overflow:visible}
.dashboard-stat{border:1px solid var(--line);border-radius:15px;padding:12px;background:var(--soft);display:flex;flex-direction:column;gap:3px;min-width:0!important}
.dashboard-stat span{font-size:18px}
.dashboard-stat b{font-size:19px}
.dashboard-stat small{font-size:10px;color:var(--muted);font-weight:800}
.dashboard-recommendations{display:grid;gap:8px}
.recommend-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--card);display:flex;flex-direction:column;gap:3px}
.recommend-card small{color:var(--muted)}
html{background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth!important}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"Avenir Next","Nunito","Inter",ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em;overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;font-weight:650;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;padding-bottom:calc(var(--nav-height)+var(--nav-safe-bottom)+18px);overscroll-behavior-x:none}
.icon-btn:active{transform:translateY(2px)!important;background:rgba(118,118,128,.20);box-shadow:0 0 0 rgba(0,0,0,.2)!important}
.card,.character-widget,.player-card,.study-tool,.library-result,.flashcard,.question-card{border:1px solid rgba(255,255,255,.78);background:var(--ios-card);box-shadow:var(--ios-shadow);border-radius:22px;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}
.xp-track,.hp-track,.progress,.mission-track{overflow:hidden;border:0;background:rgba(118,118,128,.14);border-radius:999px}
.xp-track i,.hp-track i,.progress i,.mission-track i{border-radius:inherit}
button,select,input,textarea{font-family:inherit}
button:not(.icon-btn):not(.character-open){border-radius:14px;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
button:not(.icon-btn):not(.character-open):active{transform:scale(.975) translateY(3px)}
.answer,.answer-btn,.option,.choice,.answer-option{min-height:48px;border-radius:16px!important;border:1px solid var(--ios-line)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 2px 8px rgba(0,0,0,.035)!important}
.answer:active,.answer-btn:active,.option:active,.choice:active,.answer-option:active{background:rgba(0,122,255,.08)!important}
input,select,textarea{border-radius:13px!important;border:2px solid var(--line)!important;background:var(--card)!important;min-height:42px;box-sizing:border-box!important;color:var(--text)!important;box-shadow:none!important;max-width:100%!important;min-width:0!important;font-size:16px!important}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(0,122,255,.15);border-color:rgba(0,122,255,.45)!important}
.small-btn,.primary-btn,.secondary-btn,.action-btn{min-height:42px;border-radius:13px!important}
.primary-btn,button.primary,.btn-primary{background:var(--ios-blue)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 14px rgba(0,122,255,.18)!important}
.secondary-btn,button.secondary,.btn-secondary{background:rgba(118,118,128,.12)!important;color:var(--ios-text)!important;border-color:transparent!important}
.section-title,h3{letter-spacing:-.025em}
.badge,.tag,.chip{border-radius:999px!important}
hr{border:0;border-top:1px solid var(--ios-line)}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:rgba(60,60,67,.20);border-radius:999px}
body.dark,[data-theme="dark"]{--ios-bg:#000;--ios-card:rgba(28,28,30,.78);--ios-line:rgba(235,235,245,.16);--ios-text:#f2f2f7;--ios-secondary:#98989f;background:#000}
body.dark .header,[data-theme="dark"] .header{background:rgba(0,0,0,.72)}
body.dark .hero,[data-theme="dark"] .hero{background:linear-gradient(145deg,rgba(28,28,30,.92),rgba(28,28,30,.72))}
body.dark input,body.dark select,body.dark textarea,[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:rgba(44,44,46,.82)!important;color:#f2f2f7}
:root.dark body,:root.dark .app{background:transparent;color:var(--text)}
:root.dark .header{background:rgba(0,0,0,.72);border-bottom-color:rgba(255,255,255,.10);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}
:root.dark .logo{background:linear-gradient(145deg,#0a84ff,#007aff)}
:root.dark .hero{background:linear-gradient(145deg,rgba(28,28,30,.96),rgba(28,28,30,.78));border-color:rgba(255,255,255,.08)}
:root.dark .card,:root.dark .player-card,:root.dark .character-widget,:root.dark .study-tool,:root.dark .library-result,:root.dark .flashcard,:root.dark .question-card,:root.dark .question-nav-wrap{background:var(--card);border-color:var(--line);color:var(--text)}
:root.dark .choice,:root.dark .answer,:root.dark .bookmark,:root.dark .secondary,:root.dark .bank-choice,:root.dark .stat,:root.dark .option-review,:root.dark .library-result,:root.dark .question-nav-toggle,:root.dark input,:root.dark select,:root.dark textarea{background:var(--solid)!important;color:var(--text)!important;border-color:var(--line)!important}
:root.dark .choice.selected,:root.dark .bank-choice.selected{background:rgba(0,122,255,.18)!important;border-color:var(--blue)!important;color:#fff!important}
:root.dark .primary{color:#fff!important}
:root.dark .question-nav{background:transparent}
:root.dark .qnav-btn{background:var(--solid);color:var(--text);border-color:var(--line)}
:root.dark .qnav-btn.current{background:var(--blue);color:#fff;border-color:var(--blue)}
:root.dark .answer.correct{background:#263c27!important;border-color:#30d158!important}
:root.dark .answer.wrong{background:#42282b!important;border-color:#ff453a!important}
:root.dark .answer-letter{background:#48484a!important;color:#f2f2f7!important}
:root.dark .explain{background:rgba(0,122,255,.10);border-color:rgba(0,122,255,.22)}
:root.dark .option-review.is-correct{background:rgba(52,199,89,.10)}
:root.dark .option-review.is-wrong{background:rgba(255,59,48,.08)}
:root.dark .progress,:root.dark .bar,:root.dark .xp-track{background:rgba(255,255,255,.14)}
:root.dark .character-name-input::placeholder,:root.dark input::placeholder,:root.dark textarea::placeholder{color:#8e8e93}
:root.dark .header .icon-btn{background:rgba(44,44,46,.88)!important;color:#0a84ff!important;border-color:rgba(255,255,255,.08)!important}
#questionNavWrap[hidden]{display:none!important}
:root.dark,:root.dark html,:root.dark body{background:#000!important;color:var(--text)!important}
:root.dark body:before{background:radial-gradient(circle at 8% 0%,rgba(10,127,120,.12),transparent 34%),radial-gradient(circle at 100% 20%,rgba(0,122,255,.08),transparent 30%)!important}
:root.dark .app,:root.dark .view,:root.dark #home{background:transparent!important;color:var(--text)!important}
:root.dark .card,:root.dark .player-card,:root.dark .bank-card,:root.dark .menu-card,:root.dark .resume-card,:root.dark .daily-home-card,:root.dark .stats .stat,:root.dark .home-clinical-dashboard,:root.dark .dashboard-card,:root.dark .study-tools-card,:root.dark .study-tool,:root.dark .library-result,:root.dark .flashcard,:root.dark .question-card,:root.dark .analytics-stat,:root.dark .result-grid>div,:root.dark .character-widget,:root.dark .character-modal,:root.dark .dashboard-stat,:root.dark .recommend-card{background:rgba(28,28,30,.92)!important;color:var(--text)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 14px 40px rgba(0,0,0,.30)!important}
:root.dark .study-hero,:root.dark .dashboard-hero,:root.dark .medical-battle,:root.dark .main-explain,:root.dark .clinical-note{background:rgba(44,44,46,.82)!important;color:var(--text)!important}
:root.dark .character-preview{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent)!important}
:root.dark .bank-choice,:root.dark .choice,:root.dark .answer,:root.dark .bookmark,:root.dark .secondary,:root.dark .stat,:root.dark .option-review,:root.dark .gender-choice,:root.dark .library-search,:root.dark .library-select,:root.dark .character-name-input,:root.dark .qnav-btn{background:#1c1c1e!important;color:#f5f5f7!important;border-color:rgba(255,255,255,.13)!important}
:root.dark .bank-choice.selected,:root.dark .choice.selected{background:rgba(10,132,255,.20)!important;border-color:#0a84ff!important}
:root.dark .bank-icon,:root.dark .gear-chip,:root.dark .character-status span{background:rgba(255,255,255,.07)!important;color:var(--text)!important}
:root.dark .section-title,:root.dark h1,:root.dark h2,:root.dark h3,:root.dark b,:root.dark strong,:root.dark label{color:#f5f5f7}
:root.dark p,:root.dark small,:root.dark .muted,:root.dark .bank-note,:root.dark .bank-choice small,:root.dark .xp-meta,:root.dark .xp-total span,:root.dark .dashboard-stat small,:root.dark .recommend-card small,:root.dark .analytics-stat span,:root.dark .library-answer,:root.dark .library-result-head small{color:#a1a1a6!important}
:root.dark .home-clinical-dashboard .secondary{background:rgba(118,118,128,.18)!important}
.home-clinical-dashboard[hidden]{display:none!important}
.dashboard-head-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.dashboard-mini-btn{width:32px;height:32px;border:2px solid var(--line)!important;background:var(--solid)!important;color:var(--muted);border-radius:12px!important;display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer;font-weight:700;box-shadow:0 3px 0 rgba(0,0,0,.18)!important}
.dashboard-mini-btn.close{font-size:21px}
.dashboard-mini-btn:active{transform:scale(.94)}
.dashboard-preview-body{transition:opacity .18s ease}
.dashboard-detail-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 2px}
.dashboard-status{font-size:10px;font-weight:800;color:var(--muted);padding:6px 9px;border-radius:999px;background:rgba(127,127,127,.08);border:1px solid var(--line)}
:root.dark .dashboard-mini-btn{background:#2c2c2e;color:#f2f2f7;border-color:rgba(255,255,255,.12)}
:root.dark .dashboard-status{background:rgba(255,255,255,.05)}
.home-clinical-dashboard{padding:15px;margin-bottom:12px;border-color:var(--blue)!important;background:var(--card)!important}
.dashboard-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.dashboard-preview-head h3{margin:4px 0 5px;font-size:23px!important;letter-spacing:-.5px;font-weight:900!important}
.dashboard-preview-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45;max-width:440px}
.dashboard-preview-head .small-btn{width:auto;flex:0 0 auto;padding:9px 11px}
.radar-wrap{display:grid;grid-template-columns:minmax(220px,1fr) minmax(130px,.58fr);align-items:center;gap:2px;margin-top:6px}
.radar-chart{width:100%;max-width:100%;margin:auto;min-width:0}
.radar-chart svg{display:block;width:100%;height:auto;overflow:visible}
.radar-grid{fill:none;stroke:var(--line);stroke-width:1.2}
.radar-axis{stroke:var(--line);stroke-width:1}
.radar-data{fill:rgba(52,199,89,.20);stroke:#34c759;stroke-width:2.5;stroke-linejoin:round}
.radar-dot{fill:#34c759;stroke:var(--card);stroke-width:2}
.radar-label{fill:var(--muted);font-size:9px;font-weight:800}
.radar-legend{display:grid;gap:5px;min-width:0}
.radar-score{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:11px;background:rgba(127,127,127,.07);border:1px solid var(--line);font-size:10px}
.radar-score span{color:var(--muted);font-weight:750;display:flex;flex-direction:column;gap:2px}
.radar-score span small{font-size:8px;font-weight:600;opacity:.72}
.radar-score b{color:#34c759;font-size:12px}
.radar-dashboard-block{display:grid;grid-template-columns:minmax(250px,1fr) minmax(150px,.65fr);gap:8px;align-items:center;margin:10px 0 14px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(127,127,127,.05);min-width:0}
:root.dark .radar-data{fill:rgba(52,199,89,.24);stroke:#30d158}
:root.dark .radar-score{background:rgba(255,255,255,.05)}
.exam-track-section{padding:18px;margin-bottom:14px}
.exam-track-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 16px}
.exam-track-tab{appearance:none;border:1px solid var(--line);background:rgba(127,127,127,.07);color:var(--text);border-radius:15px;padding:12px 10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-height:62px}
.exam-track-tab b{font-size:15px;letter-spacing:-.02em}
.exam-track-tab small{color:var(--muted);font-size:9px;font-weight:650}
.exam-track-tab.selected{background:rgba(52,199,89,.12);border-color:#34c759;box-shadow:0 4px 14px rgba(52,199,89,.10)}
.exam-track-tab.selected b{color:#1f9d45}
.exam-subsection-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 3px 9px}
.exam-subsection-title span{font-size:16px;font-weight:850;letter-spacing:-.025em}
.exam-subsection-title small{color:var(--muted);font-size:9px}
.nested-card{margin:10px 0 0;box-shadow:none;background:rgba(127,127,127,.035);margin-top:9px;padding:14px}
.exam-empty-state{margin-top:10px;padding:38px 18px;text-align:center;border:1px dashed var(--line);border-radius:18px;background:rgba(127,127,127,.04);display:flex;align-items:center;flex-direction:column;gap:8px}
.exam-empty-state b{font-size:15px}
.exam-empty-state small{max-width:340px;color:var(--muted);line-height:1.45}
.exam-empty-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(52,199,89,.12);color:#34c759;font-weight:900;font-size:13px}
.exam-track-panel[hidden]{display:none!important}
:root.dark .exam-track-tab{background:#1c1c1e;color:#f5f5f7;border-color:rgba(255,255,255,.13)}
:root.dark .exam-track-tab.selected{background:rgba(52,199,89,.16);border-color:#30d158}
:root.dark .exam-track-tab.selected b{color:#30d158}
:root.dark .nested-card{background:rgba(44,44,46,.58)!important}
.exam-subsection-toggle{width:100%;appearance:none;border:1px solid var(--line);background:rgba(127,127,127,.055);color:var(--text);border-radius:17px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.03);transition:background .18s ease,border-color .18s ease,transform .15s ease}
.exam-subsection-toggle:active{transform:scale(.99)}
.exam-subsection-toggle:hover{background:rgba(127,127,127,.09)}
.exam-subsection-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.exam-subsection-copy b{font-size:16px;font-weight:850;letter-spacing:-.025em}
.exam-subsection-copy small{color:var(--muted);font-size:9px;font-weight:650}
.exam-subsection-chevron{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 28px;background:rgba(52,199,89,.12);color:#34c759;font-size:18px;line-height:1;transition:transform .2s ease}
.exam-subsection-toggle.is-open{border-color:rgba(52,199,89,.42);background:rgba(52,199,89,.075)}
.exam-subsection-toggle.is-open .exam-subsection-chevron{transform:rotate(180deg)}
.blok-ssp-content{padding-top:2px}
:root.dark .exam-subsection-toggle{background:#1c1c1e;color:#f5f5f7;border-color:rgba(255,255,255,.13)}
:root.dark .exam-subsection-toggle.is-open{background:rgba(52,199,89,.12);border-color:rgba(48,209,88,.42)}
.exam-launcher{padding:12px;margin-bottom:10px;overflow:hidden;background:transparent;border:0;box-shadow:none}
.exam-launcher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:8px;margin:0}
.exam-quick-actions{margin-top:10px}
.exam-quick-actions .secondary{width:100%}
.exam-launch-card,.block-card{width:100%;appearance:none;border:0;background:#fff!important;color:var(--text);border-radius:14px;padding:12px 11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer;box-sizing:border-box;transition:transform .15s ease,background .18s ease,border-color .18s ease;min-height:68px;box-shadow:none}
.exam-launch-card:active,.block-card:active{transform:scale(.99)}
.exam-launch-card:hover,.block-card:hover{background:var(--ios-fill)}
.exam-launch-card.uab{border-color:#a8df7c!important;background:#f6fff1!important}
.exam-launch-icon,.block-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--ios-fill);color:var(--ios-green);font-size:12px;font-weight:900;flex-basis:42px;box-shadow:none}
.exam-launch-card span:nth-child(2),.block-card span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.exam-launch-card b,.block-card b{font-size:16px;letter-spacing:-.025em;font-weight:900!important}
.exam-launch-card small,.block-card small{color:var(--muted)!important;font-size:11px;font-weight:600!important}
.exam-launch-card strong,.block-card strong{font-size:26px;font-weight:400;color:var(--muted);line-height:1}
.exam-page-view{padding:2px 0 24px}
.exam-page-header{padding:4px 2px 14px;display:flex;flex-direction:column;gap:10px}
.exam-page-header h2{margin:3px 0 3px;font-size:27px;letter-spacing:-.045em}
.exam-page-header p{margin:0;color:var(--muted);font-size:12px}
.back-link{width:max-content;border:0;background:transparent;color:#34c759;font:inherit;font-weight:750;padding:5px 0;cursor:pointer;font-size:13px}
.block-list{display:grid;gap:12px!important}
.block-card.active-block{border-color:var(--brand)!important;background:var(--brand-soft)!important}
.block-card.future-block{opacity:.58;cursor:not-allowed}
.exam-page-empty{margin-top:4px}
:root.dark .exam-launch-card,:root.dark .block-card{background:#1c1c1e;color:#f5f5f7;border-color:rgba(255,255,255,.13)}
:root.dark .exam-launch-card.uab,:root.dark .block-card.active-block{background:rgba(52,199,89,.10);border-color:rgba(48,209,88,.36)}
html.dark .exam-launcher,html.dark .exam-page-view .card,html.dark .exam-page-view .nested-card,html.dark .exam-page-view .exam-empty-state{background:#1c1c1e!important;color:#f5f5f7!important;border-color:rgba(255,255,255,.12)!important}
html.dark .exam-launch-card,html.dark .block-card,html.dark .exam-track-tab,html.dark .exam-subsection-toggle{appearance:none!important;-webkit-appearance:none!important;background:#2c2c2e!important;color:#f5f5f7!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 6px 18px rgba(0,0,0,.20)!important}
html.dark .exam-launch-card.uab,html.dark .block-card.active-block,html.dark .exam-subsection-toggle.is-open{background:rgba(48,209,88,.12)!important;border-color:rgba(48,209,88,.42)!important}
html.dark .exam-launch-card b,html.dark .exam-launch-card strong,html.dark .block-card b,html.dark .block-card strong,html.dark .exam-track-tab b,html.dark .exam-subsection-copy b{color:#f5f5f7!important}
html.dark .exam-launch-card small,html.dark .block-card small,html.dark .exam-track-tab small,html.dark .exam-subsection-copy small{color:#98989f!important}
html.dark .exam-launch-icon,html.dark .block-icon,html.dark .exam-subsection-chevron{background:rgba(48,209,88,.14)!important;color:#30d158!important}
html.dark .exam-page-header h2,html.dark .exam-page-header .eyebrow,html.dark .exam-page-header p{color:#f5f5f7!important}
html.dark .exam-page-header p{color:#98989f!important}
html.dark .back-link{color:#30d158!important}
html.dark #examLauncher{background:#1c1c1e!important}
html.dark #examLauncher .exam-launch-card{min-height:76px}
html.dark button.exam-launch-card,html.dark button.block-card,html.dark button.exam-track-tab,html.dark button.exam-subsection-toggle{background-color:#2c2c2e!important;color:#f5f5f7!important}
.empty-bank-inline{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:rgba(118,118,128,.08);border:1px solid var(--ios-line);min-width:0}
.empty-bank-inline b{display:block;font-size:14px;overflow-wrap:anywhere}
.empty-bank-inline small{display:block;margin-top:4px;color:var(--ios-secondary);font-size:11px;line-height:1.45}
.empty-bank-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(52,199,89,.12);font-size:22px;flex:none}
.disabled-choice{opacity:.48!important;cursor:not-allowed!important;filter:none!important}
.block-disabled-start:disabled{opacity:.45!important;cursor:not-allowed!important}
.block-empty-note{text-align:center;color:var(--ios-secondary);font-size:11px;margin-top:9px}
.daily-streak-card{margin-top:10px;padding:10px 11px;border:2px solid #ffe0ad!important;border-radius:16px!important;background:#fff8e8!important;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5f4b00!important;box-shadow:none!important}
.daily-streak-main{display:flex;align-items:center;gap:9px;min-width:0}
.streak-flame{font-size:25px;filter:drop-shadow(0 3px 8px rgba(255,149,0,.28))}
.daily-streak-main b{display:block;font-size:13px;font-weight:900!important}
.daily-streak-main small{display:block;margin-top:2px;color:var(--muted);font-size:9px;line-height:1.25}
.streak-progress-wrap{width:120px;flex:0 0 120px}
.streak-progress{height:9px!important;background:var(--line)!important;border-radius:99px;overflow:hidden}
.streak-progress i{display:block;height:100%;width:0;border-radius:inherit;background:var(--brand)!important;transition:width .35s ease}
.streak-progress-wrap>span{display:block;text-align:right;margin-top:4px;font-size:9px;color:var(--muted);font-weight:900}
.daily-streak-card.complete{border-color:rgba(255,149,0,.42);box-shadow:0 6px 22px rgba(255,149,0,.10)}
.streak-milestone-layer{position:fixed;inset:0;z-index:10001;pointer-events:none;display:grid;place-items:center;opacity:0}
.streak-milestone-layer.show{opacity:1}
.streak-milestone{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 25px;border-radius:22px;background:var(--solid);border:1px solid rgba(255,149,0,.35);box-shadow:0 20px 70px #0005;transform:translateY(25px) scale(.7);opacity:0}
.streak-milestone-layer.show .streak-milestone{animation:streakPop 1.8s cubic-bezier(.18,1.25,.3,1) forwards}
.streak-big-flame{font-size:58px;line-height:1;filter:drop-shadow(0 5px 15px rgba(255,149,0,.35))}
.streak-milestone b{font-size:22px;color:#ff9500}
.streak-milestone span{font-size:11px;color:var(--muted);font-weight:800}
:root.dark .daily-streak-card{background:#3a3218!important;border-color:rgba(255,149,0,.26);color:#ffe89a!important}
.block-statistics-card{margin:12px 0;padding:16px;border-radius:20px;background:rgba(28,28,30,.78);border:1px solid rgba(235,235,245,.12);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.block-statistics-card h3{margin:0 0 12px;font-size:15px}
.block-stat-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(235,235,245,.08);color:#b8b8c0;font-size:13px}
.block-stat-row:last-child{border-bottom:0}
.block-stat-row b{color:#f2f2f7}
.block-reset-btn{width:100%;margin-top:12px;min-height:40px;border:0;border-radius:13px;background:rgba(255,59,48,.12);color:#ff453a;font-weight:700}
.dashboard-stat-controls{align-items:center;gap:10px;flex-wrap:wrap}
.dashboard-stat-select-wrap{display:flex;flex-direction:column;gap:4px;min-width:150px}
.dashboard-stat-select-wrap label{font-size:10px;font-weight:800;color:var(--ios-secondary);text-transform:uppercase;letter-spacing:.05em}
.dashboard-stat-select,.dashboard-scope-panel .dashboard-stat-select{min-height:38px;padding:0 11px;border-radius:12px!important;background:rgba(118,118,128,.10)!important;color:var(--ios-text)!important;border:1px solid var(--ios-line)!important;font-weight:700}
.dashboard-control-actions{display:flex;gap:6px;align-items:center;margin-left:auto}
.dashboard-scope-panel{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0;padding:11px 12px;border-radius:16px;background:rgba(118,118,128,.08);border:1px solid var(--ios-line)}
.dashboard-scope-panel>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:130px}
.dashboard-scope-panel span{font-size:9px;color:var(--ios-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.dashboard-scope-panel b{font-size:13px}
.achievement-home-wrap{margin:10px 0 14px}
.achievement-home-btn{width:100%;min-height:44px;font-weight:700}
.achievement-card{padding:14px}
.achievement-list{display:grid!important;gap:10px!important;width:100%!important;min-width:0!important}
.achievement-item{display:grid!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:16px;background:rgba(118,118,128,.10);border:1px solid rgba(60,60,67,.12);width:100%!important;min-width:0!important;max-width:100%!important;min-height:64px!important;grid-template-columns:38px minmax(0,1fr) 28px!important;overflow:hidden!important}
.achievement-item.locked{opacity:.58}
.achievement-icon{font-size:23px!important;width:38px!important;text-align:center;min-width:38px!important;line-height:1!important}
.achievement-item div{flex:1;display:grid;gap:3px}
.achievement-item b{font-size:14px}
.achievement-item small{color:var(--ios-secondary);font-size:11px}
.achievement-item strong{font-size:14px!important;color:var(--ios-green);width:28px!important;min-width:28px!important;text-align:center!important}
body.dark .achievement-item,[data-theme="dark"] .achievement-item{background:rgba(44,44,46,.72);border-color:rgba(235,235,245,.10)}
.question-tools-row{display:flex;gap:7px;align-items:flex-start;margin:7px 0 10px}
.question-tools-row .question-nav-wrap{flex:1;margin:0}
.question-tool-btn{min-height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:8px 11px;font-weight:800;font-size:12px;cursor:pointer;white-space:nowrap}
.question-tool-btn:hover{border-color:#007aff66;background:#007aff08}
.normal-values-modal{width:min(900px,100%)!important;max-height:min(92vh,900px);overflow:hidden;display:flex;flex-direction:column;padding:14px;border-radius:24px 24px 0 0!important}
.normal-values-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex:0 0 auto}
.normal-values-head h2{margin:4px 0 3px;font-size:22px}
.normal-values-head p{margin:0;color:var(--muted);font-size:12px}
.normal-values-image-wrap{margin:10px 0;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;-webkit-overflow-scrolling:touch}
.normal-values-image{display:block;width:min(100%,673px);height:auto;max-width:none;user-select:none;-webkit-user-drag:none}
.normal-values-note{margin:0;padding:9px 10px;border-radius:10px;background:rgba(255,149,0,.09);border:1px solid rgba(255,149,0,.22);font-size:10px;line-height:1.45;flex:0 0 auto}
.google-drive-section{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;padding:0 16px;margin-bottom:12px;min-height:58px;display:flex;align-items:center;border-radius:20px}
.google-drive-section:active{transform:scale(.99)}
.google-drive-section:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.google-drive-link{margin-top:10px;font-size:.82rem;word-break:break-word!important;opacity:.85;overflow-wrap:anywhere!important}
.google-drive-link strong{float:right;font-size:1.1rem}
.google-drive-section .google-drive-link{font-weight:800;display:flex;justify-content:space-between;align-items:center}
#googleDrivePage .exam-launch-card{margin-top:4px}
body:not(.quiz-context) #headerNavBtn,body:not(.quiz-context) #normalValuesHeaderBtn{display:none}
.dashboard-stat-select{min-height:44px!important;font-size:13px;min-width:0;background:var(--card)!important;color:var(--text)!important;border:2px solid var(--line)!important;border-radius:13px!important;font-weight:800!important;max-width:100%}
.dashboard-control-actions .small-btn{padding:10px 12px;min-height:40px}
.google-drive-section .section-title{width:100%;display:flex;align-items:center;justify-content:space-between;margin:0;font-size:16px;padding:16px 0}
.google-drive-section .section-title strong{font-size:26px;font-weight:400;color:var(--muted)}
.menu-card{padding:12px!important;border:0;box-shadow:none;background:transparent}
.menu-grid .secondary{min-height:52px;padding:12px 10px;border-radius:13px;font-size:14px;border:0;background:transparent}
.quiz-card .topline{margin-bottom:8px;align-items:center!important}
.quiz-card .topline.compact{margin-bottom:7px}
.question-nav-toggle,.question-tool-btn{min-height:40px;border-radius:11px;font-size:11px;padding:8px 10px;border:0;background:var(--ios-fill)}
button,.choice,.answer,.exam-launch-card,.block-card,.study-tool{touch-action:manipulation}
.primary,.secondary{min-height:44px;border-radius:21px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.header .icon-btn:active,.dashboard-mini-btn:active,.secondary:active,.primary:active,.exam-launch-card:active,.google-drive-section:active{transform:scale(.97) translateY(3px);opacity:.88}
:root.dark .card{box-shadow:0 1px 2px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.18)}
.exam-launcher .section-title{padding:8px 9px 5px;margin:0 0 10px;font-size:20px;font-weight:950}
.menu-card .section-title{padding:8px 9px 5px;margin:0}
.menu-grid .secondary:hover{background:var(--ios-fill)}
.modal-backdrop .card{width:min(560px,100%);max-height:min(92vh,900px);border-radius:24px 24px 0 0;margin:0 auto;padding:18px 18px calc(18px+env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.22);animation:iosSheetIn .22s ease-out}
:root.dark .answer{background:#2c2c2e!important;border:1px solid #48484a!important;box-shadow:0 1px 2px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.025)!important}
:root.dark .answer:hover{background:#343438!important;border-color:#5a5a5e!important}
:root.dark .answer.correct .answer-letter{background:#30d158!important;color:#fff!important}
:root.dark .answer.wrong .answer-letter{background:#ff453a!important;color:#fff!important}
.menu-grid .menu-item{display:flex!important;align-items:center!important;justify-content:flex-start;gap:13px!important;text-align:left!important;background:var(--card)!important;border:2px solid var(--line)!important;box-shadow:0 4px 0 var(--line)!important;padding:12px 14px!important;min-height:72px!important;border-radius:17px!important;color:var(--text)!important;position:relative!important;isolation:isolate;overflow:hidden}
.menu-grid .menu-item:hover,.menu-grid .menu-item:active{background:var(--ios-fill)!important}
.menu-grid .menu-item>span:last-child{font-size:14px;font-weight:750;letter-spacing:-.1px;min-width:0}
.menu-icon{width:42px;height:42px;min-width:42px;border-radius:12px;display:grid;place-items:center;font-size:21px;line-height:1;background:rgba(120,120,128,.16);box-shadow:inset 0 0 0 1px rgba(120,120,128,.10)}
.menu-item:nth-child(1) .menu-icon{background:rgba(255,159,10,.16)}
.menu-item:nth-child(2) .menu-icon{background:rgba(52,199,89,.16)}
.menu-item:nth-child(3) .menu-icon{background:rgba(255,59,48,.14)}
.menu-item:nth-child(4) .menu-icon{background:rgba(0,122,255,.14)}
.menu-item:nth-child(5) .menu-icon{background:rgba(255,69,58,.14)}
.menu-item:nth-child(6) .menu-icon{background:rgba(175,82,222,.15)}
.menu-item:nth-child(7) .menu-icon{background:rgba(90,200,250,.15)}
.menu-item:nth-child(8) .menu-icon{background:rgba(255,214,10,.17)}
:root.dark .menu-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.menu-grid .menu-item::after{content:"›";margin-left:auto;color:rgba(235,235,245,.62);font-size:24px;line-height:1;font-weight:300;padding-left:8px}
.menu-grid .menu-item:nth-child(1){background:linear-gradient(90deg,#fff7dc,var(--card))!important;border-color:#d7a22d!important}
.menu-grid .menu-item:nth-child(2){background:linear-gradient(90deg,#e9fff1,var(--card))!important;border-color:#62c98b!important}
.menu-grid .menu-item:nth-child(3){background:linear-gradient(90deg,#fff0f0,var(--card))!important;border-color:#f08b8b!important}
.menu-grid .menu-item:nth-child(4){background:linear-gradient(90deg,#edf7ff,var(--card))!important;border-color:#75b8ed!important}
.menu-grid .menu-item:nth-child(5){background:linear-gradient(90deg,#fff0f0,var(--card))!important;border-color:#f08b8b!important}
.menu-grid .menu-item:nth-child(6){background:linear-gradient(90deg,#faf0ff,var(--card))!important;border-color:#c28ee5!important}
.menu-grid .menu-item:nth-child(7){background:linear-gradient(90deg,#edfaff,var(--card))!important;border-color:#62b7d4!important}
.menu-grid .menu-item:nth-child(8){background:linear-gradient(90deg,#fff9dc,var(--card))!important;border-color:#e4c34d!important}
.menu-grid .menu-item:hover{filter:brightness(1.12)}
.menu-grid .menu-item:active{filter:brightness(.94);transform:translateY(3px)!important;box-shadow:0 1px 0 var(--line)!important}
.stats .stat:nth-child(1){background:rgba(0,122,255,.055)}
.stats .stat:nth-child(2){background:rgba(175,82,222,.055)}
.stats .stat:nth-child(3){background:rgba(52,199,89,.055)}
.stats .stat:nth-child(4){background:rgba(255,159,10,.055)}
.exam-launch-card:disabled{opacity:.58;cursor:not-allowed}
.exam-launch-card:disabled:active{transform:none;opacity:.58}
.app-loading{position:fixed!important;inset:0!important;z-index:99999;display:block!important;place-items:center;padding:24px;box-sizing:border-box;overflow:hidden!important;background:#f7f7f2!important;color:#6f452f!important;opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease!important}
.app-loading:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.12),transparent 30%);pointer-events:none;display:none!important}
.app-loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.splash-content{position:relative;z-index:2;display:grid!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;will-change:transform,opacity!important;width:100%;height:100%;place-items:center!important;gap:12px!important;transform-origin:center center!important}
.splash-content.is-exiting{animation:splashLogoCover 760ms cubic-bezier(.72,0,.18,1) forwards!important}
.splash-logo{width:168px!important;height:168px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin-bottom:18px;animation:splashLogoLargeIn .62s cubic-bezier(.2,.85,.2,1) both!important;margin:0!important;max-width:62vw!important;max-height:62vw!important;border:0!important}
.splash-brand{font-family:inherit!important;font-size:clamp(32px,9vw,46px)!important;line-height:1!important;font-weight:1000!important;letter-spacing:.055em!important;color:#7b4b32!important;display:block!important;margin:0!important;text-shadow:0 2px 0 rgba(91,54,35,.08)!important}
.splash-tagline{margin-top:8px;font-size:12px;font-weight:850;letter-spacing:.7px;opacity:.9}
.splash-loader{display:flex;gap:7px;margin-top:25px;align-items:center}
.splash-loader i{display:block;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.12);animation:splashDots .95s ease-in-out infinite}
.splash-loader i:nth-child(2){animation-delay:.13s}
.splash-loader i:nth-child(3){animation-delay:.26s}
.feedback-card{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;box-sizing:border-box!important;position:relative;z-index:50;cursor:pointer;appearance:none;-webkit-appearance:none;margin:0 0 14px;padding:14px!important;border:2px solid #dfe8eb!important;border-radius:18px!important;background:#fff!important;color:#24343b!important;text-decoration:none;box-shadow:0 5px 0 var(--brand-dark)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:transform .18s ease,box-shadow .18s ease;border-bottom-width:5px!important;min-width:0!important}
.feedback-card:active{transform:scale(.985);box-shadow:0 1px 0 var(--brand-dark)!important}
.feedback-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px!important;display:grid;place-items:center;font-size:21px;background:var(--green)!important;color:#fff!important}
.feedback-content{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.feedback-content strong{font-size:15px;font-weight:900!important}
.feedback-content span{font-size:12px;line-height:1.4;color:var(--muted);font-weight:700!important;display:none!important}
.feedback-arrow{font-size:0!important;color:var(--muted);line-height:1}
.floating-dashboard-nav{position:fixed!important;left:50%!important;bottom:max(12px,env(safe-area-inset-bottom))!important;transform:translateX(-50%) translateY(0)!important;z-index:10000!important;width:min(440px,calc(100vw - 24px))!important;padding:6px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;border:1px solid var(--nav-border)!important;border-radius:24px!important;background:var(--nav-bg)!important;box-shadow:0 8px 0 rgba(31,42,35,.07),0 16px 36px rgba(31,42,35,.14)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;overflow:hidden!important;isolation:isolate!important;right:auto!important;max-width:none!important;height:72px!important;border-top:2px solid var(--line)!important;pointer-events:auto!important;align-items:stretch!important;box-sizing:border-box!important;min-height:70px!important;--nav-bg:rgba(255,255,255,.96);--nav-border:rgba(31,42,35,.10);--nav-active:#eaf9e2;--nav-active-border:#cfeabf;--nav-active-text:#2f7d00}
.floating-nav-slider{position:absolute!important;z-index:0!important;top:6px!important;bottom:6px!important;left:6px!important;width:calc((100% - 24px)/4)!important;border-radius:18px!important;background:var(--clined-green)!important;box-shadow:inset 0 -4px 0 var(--clined-green-dark)!important;transform:translateX(0);transition:left 320ms var(--motion-soft),transform 320ms var(--motion-soft),width 320ms var(--motion-soft)!important;pointer-events:none!important;will-change:transform;height:auto!important;border:2px solid var(--brand-dark)!important}
.floating-nav-item{min-height:58px!important;border:0!important;border-radius:18px!important;background:transparent!important;color:#7d8d93!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;font:700 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;cursor:pointer!important;-webkit-tap-highlight-color:transparent;transition:transform 220ms var(--motion-spring),background-color 220ms var(--motion-smooth),color 180ms var(--motion-smooth)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;font-size:10px!important;font-weight:950!important;position:relative!important;z-index:2!important;letter-spacing:.1px!important;min-width:0!important;width:100%!important;height:100%!important;padding:4px 2px!important;margin:0!important;overflow:hidden!important;pointer-events:auto!important;white-space:nowrap!important;text-overflow:ellipsis!important;padding-left:3px!important;padding-right:3px!important}
.floating-nav-item:active{transform:translateY(2px)!important}
.floating-nav-item.active{color:#fff!important;background:transparent!important}
.floating-nav-icon{width:28px!important;height:28px!important;display:grid;place-items:center;font-size:24px!important;line-height:1!important;font-weight:800;margin-bottom:4px!important;margin:0 0 2px!important;flex:0 0 auto!important}
.floating-nav-item[data-floating-nav="account"] .floating-nav-icon{border:2px solid currentColor;border-radius:50%;font-size:0;position:relative}
.floating-nav-item[data-floating-nav="account"] .floating-nav-icon:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;position:absolute;top:4px}
.floating-nav-item[data-floating-nav="account"] .floating-nav-icon:after{content:"";width:13px;height:7px;border-radius:8px 8px 5px 5px;background:currentColor;position:absolute;bottom:3px}
:root.dark .floating-dashboard-nav{background:rgba(27,33,30,.96)!important;border-color:#34414b!important;box-shadow:0 8px 0 rgba(0,0,0,.18),0 16px 36px rgba(0,0,0,.35)!important;--nav-bg:rgba(23,35,41,.97);--nav-border:rgba(255,255,255,.10);--nav-active:#223d28;--nav-active-border:#355d3b;--nav-active-text:#9de56f}
:root.dark .floating-nav-item{color:#98989d}
:root.dark .floating-nav-item.active{color:#0a84ff;background:transparent}
:root.dark .floating-nav-slider{background:rgba(10,132,255,.16);box-shadow:0 3px 12px rgba(10,132,255,.12)}
button,input,select,textarea{font-family:inherit!important;font-weight:700;font-size:inherit;line-height:1.25;touch-action:manipulation}
.logo img{width:100%;height:100%;object-fit:contain;display:block;padding:7px}
.home-clinical-dashboard h3{font-size:21px!important;font-weight:900!important;margin:3px 0!important}
.dashboard-mini-btn,.dashboard-stat-select,.dashboard-control-actions .secondary{box-shadow:0 2px 0 var(--line)!important}
.exam-launcher,.google-drive-section,.daily-home-card,.menu-card,.feedback-card{margin-top:14px!important}
.primary:active{transform:translateY(3px)!important;box-shadow:0 1px 0 var(--green-dark)!important;border-bottom-width:2px!important}
.secondary,.choice{background:var(--card)!important;color:var(--text)!important;border:2px solid var(--line)!important;border-radius:14px!important;box-shadow:0 3px 0 var(--line)!important;font-weight:900!important}
.secondary:active,.choice:active{transform:translateY(4px)!important;box-shadow:0 0 0 var(--line)!important}
.menu-grid .menu-item:after{content:'›'!important;margin-left:auto!important;font-size:28px!important;color:var(--muted)!important;font-weight:900!important}
.menu-grid .menu-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:24px!important;border:0!important}
:root.dark .menu-grid .menu-item{background:var(--card)!important}
button,.choice,.answer,.exam-launch-card,.block-card,.study-tool,.menu-card,.feedback-card,.daily-home-card,.google-drive-section,.character-open,.dashboard-mini-btn,.question-tool-btn,.qnav-btn,.primary,.secondary,.small-btn,.action-btn,.btn-primary,.btn-secondary{transition:transform .09s ease,box-shadow .09s ease,filter .09s ease!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
button:not(:disabled):active,.choice:not(:disabled):active,.answer:not(:disabled):active,.exam-launch-card:active,.block-card:active,.study-tool:active,.menu-card:active,.feedback-card:active,.daily-home-card:active,.google-drive-section:active,.character-open:active,.dashboard-mini-btn:active,.question-tool-btn:active,.qnav-btn:active,.primary:active,.secondary:active,.small-btn:active,.action-btn:active,.btn-primary:active,.btn-secondary:active{transform:translateY(3px)!important;filter:brightness(.96)!important}
.primary,.btn-primary,.action-btn,.exam-launch-card,.block-card,.study-tool,.menu-card,.feedback-card,.daily-home-card,.google-drive-section,.secondary,.btn-secondary,.small-btn,.choice,.answer,.qnav-btn,.question-tool-btn,.dashboard-mini-btn{box-shadow:0 4px 0 rgba(0,0,0,.22)!important}
.primary:active,.btn-primary:active,.action-btn:active,.exam-launch-card:active,.block-card:active,.study-tool:active,.menu-card:active,.feedback-card:active,.daily-home-card:active,.google-drive-section:active,.secondary:active,.btn-secondary:active,.small-btn:active,.choice:active,.answer:active,.qnav-btn:active,.question-tool-btn:active,.dashboard-mini-btn:active{box-shadow:0 1px 0 rgba(0,0,0,.22)!important}
body.quiz-context #floatingDashboardNav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.quiz-context .app{padding-bottom:24px!important}
body.quiz-context #quiz{padding-bottom:24px!important}
.view:not(.active){display:none!important}
.primary,.btn-primary,.action-btn{background:#58cc02!important;border-color:#58cc02!important;box-shadow:0 4px 0 #46a900!important;color:#fff!important}
.secondary,.btn-secondary,.choice,.answer,.exam-launch-card,.block-card,.study-tool,.menu-item,.feedback-card,.google-drive-section,.character-open,.dashboard-mini-btn,.question-tool-btn,.qnav-btn{box-shadow:0 3px 0 color-mix(in srgb,var(--line) 85%,#000 15%)!important}
.primary:active,.btn-primary:active,.action-btn:active{transform:translateY(4px)!important;box-shadow:0 0 0 #46a900!important}
.secondary:active,.btn-secondary:active,.choice:active,.answer:active,.exam-launch-card:active,.block-card:active,.study-tool:active,.menu-item:active,.feedback-card:active,.google-drive-section:active,.character-open:active,.dashboard-mini-btn:active,.question-tool-btn:active,.qnav-btn:active{transform:translateY(3px)!important;box-shadow:0 0 0 color-mix(in srgb,var(--line) 85%,#000 15%)!important}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(88,204,2,.45);outline-offset:2px}
.account-page-view{max-width:760px!important;margin:0 auto;padding:0 20px 120px!important;padding-bottom:120px!important;width:100%!important;min-width:0!important;overflow-x:clip!important;margin-inline:auto!important}
.account-header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center;min-height:82px;border-bottom:2px solid var(--line)!important;margin:0 -20px 42px;padding:8px 0 10px;margin-bottom:30px!important;position:sticky;top:0;z-index:20;background:var(--bg);padding-top:4px!important;gap:6px!important}
.account-header h2{margin:0;text-align:center;font-size:30px!important;line-height:1;font-weight:900!important;letter-spacing:-.7px;color:var(--text);white-space:nowrap!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:0 4px!important}
.account-header-spacer{display:block}
.account-back{width:52px;height:52px;border:0;background:transparent;color:var(--text)!important;font-size:42px!important;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;transition:transform .12s ease}
.account-back:active{transform:translateY(3px)}
.account-profile-hero{text-align:center;margin-bottom:48px;margin-top:4px;border-radius:22px!important}
.account-avatar{width:166px;height:166px;border-radius:50%!important;border:5px solid #57b8f2!important;background:#76c22b;color:#fff;font-size:68px;font-weight:800;display:inline-grid;place-items:center;box-shadow:0 0 0 5px var(--card),0 5px 0 rgba(0,0,0,.25)!important;cursor:pointer;transition:transform .12s ease,filter .12s ease}
.account-avatar:active{transform:translateY(4px);filter:brightness(.92)}
.account-change-avatar{display:block;margin:28px auto 0;border:0;background:transparent;color:#45b8ef!important;font-weight:900;font-size:19px!important;letter-spacing:1.2px;cursor:pointer}
.account-change-avatar:active{transform:translateY(3px)}
.account-form{display:grid;flex-direction:column;gap:8px}
.account-form label{font-size:19px!important;font-weight:900!important;color:var(--text);margin-top:4px}
.account-form input{width:100%;box-sizing:border-box;min-height:58px!important;border:2px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important;color:var(--text);font:inherit;font-size:17px!important;padding:0 28px;outline:none;box-shadow:0 4px 0 rgba(0,0,0,.14)!important}
.account-form input:focus{border-color:#58bff2;box-shadow:0 4px 0 rgba(0,0,0,.12),0 0 0 3px rgba(88,191,242,.15)}
.account-form input::placeholder{color:#7c8b94}
.account-action{width:100%;min-height:46px!important;border:2px solid var(--line)!important;border-radius:14px!important;background:transparent;color:#46b9f4;font-size:16px!important;font-weight:900!important;letter-spacing:1.2px;cursor:pointer;margin-top:10px;box-shadow:0 4px 0 rgba(0,0,0,.18)!important;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.2!important}
.account-action:active{transform:translateY(5px);box-shadow:0 1px 0 #26353d;filter:brightness(.94)}
.account-save{background:#58cc02;border-color:#46a900;color:#fff;box-shadow:0 6px 0 #3c9200}
.account-export{color:#45b8ef!important}
.account-delete{color:#ff5b5b!important;margin-top:2px}
.clined-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;z-index:100000;background:#182027;color:#fff;border:2px solid #58cc02;border-radius:14px;padding:12px 18px;font-weight:800;box-shadow:0 4px 0 #0d151b;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.clined-toast.show{opacity:1;transform:translate(-50%,0)}
.menu-collapsible{overflow:hidden;padding:14px!important}
.menu-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid #dfe8eb!important;background:#fff!important;color:inherit;padding:9px 12px!important;cursor:pointer;text-align:left;border-bottom-width:4px;border-radius:18px!important;position:relative!important;min-height:58px!important;border-bottom:4px solid #d1dce0!important}
.menu-section-toggle .section-title{margin:0;flex:1}
.menu-section-arrow{width:auto!important;height:auto!important;border-radius:11px!important;display:grid;place-items:center;font-size:25px!important;font-weight:900;background:#58cc02!important;color:#fff!important;transition:transform .22s ease,background .18s ease;border:2px solid var(--brand-dark)!important;box-shadow:0 3px 0 var(--brand-dark)!important;line-height:1!important}
.menu-section-toggle:active .menu-section-arrow{transform:translateY(3px)!important;box-shadow:0 1px 0 var(--brand-dark)!important}
.menu-section-content{overflow:hidden!important;max-height:700px;opacity:1;transform:translateY(0);transition:max-height .22s ease,opacity .18s ease,transform .22s ease!important;grid-template-columns:1fr!important;gap:11px!important;padding-top:4px}
.menu-collapsible.is-collapsed .menu-section-content{max-height:0!important;opacity:0!important;transform:translateY(-4px)!important;padding-top:0!important;padding-bottom:0!important;pointer-events:none!important;margin:0!important}
.menu-collapsible.is-collapsed .menu-section-arrow{transform:rotate(180deg)!important;box-shadow:0 4px 0 var(--brand-dark)!important}
.menu-collapsible.is-collapsed .menu-section-toggle{padding-bottom:2px}
.home-clinical-dashboard,.exam-launcher,.feedback-card,.menu-card{padding:18px!important}
.exam-launch-card{border:2px solid #dfe8eb!important;background:#fff!important;border-radius:19px!important;box-shadow:none!important;min-height:82px!important;border-bottom-width:5px!important;color:#24343b!important;padding:13px!important;min-width:0;grid-template-columns:auto minmax(0,1fr) auto!important}
.feedback-card .feedback-icon{background:var(--brand)!important;border-radius:16px!important}
.menu-item{min-height:68px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;text-align:left!important;border:2px solid var(--line)!important;background:var(--surface)!important;border-radius:15px!important;box-shadow:0 4px 0 rgba(0,0,0,.16)!important;font-size:15px!important;font-weight:850!important}
.menu-item .menu-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--brand-soft);font-size:22px;flex:0 0 42px}
.menu-item:after{content:"›";margin-left:auto;font-size:28px;color:var(--muted);font-weight:900}
.menu-item:active{transform:translateY(3px)!important;box-shadow:0 1px 0 rgba(0,0,0,.16)!important}
.primary,.secondary,.choice,.answer,.block-card,.study-tool,.menu-item,.exam-launch-card,.feedback-card,.google-drive-section,.question-tool-btn,.qnav-btn,.dashboard-mini-btn,.account-action{transition:transform .09s ease,box-shadow .09s ease,filter .09s ease,border-color .15s ease!important}
.primary,.btn-primary,.account-save{background:var(--brand)!important;border-color:var(--brand-dark)!important;box-shadow:0 4px 0 var(--brand-dark)!important}
.primary:active,.btn-primary:active,.account-save:active{transform:translateY(4px)!important;box-shadow:0 0 0 var(--brand-dark)!important}
.secondary,.choice,.answer,.block-card,.study-tool,.question-tool-btn,.qnav-btn{background:var(--surface)!important}
.secondary:hover,.choice:hover,.answer:hover,.block-card:hover,.study-tool:hover,.menu-item:hover{border-color:#9fadb5!important}
.choice.selected,.qnav-btn.current{background:var(--brand)!important;border-color:var(--brand-dark)!important;color:#fff!important;box-shadow:0 4px 0 var(--brand-dark)!important}
.choice.selected:active,.qnav-btn.current:active{box-shadow:0 0 0 var(--brand-dark)!important}
.quiz-card .progress{height:12px!important}
.result-score,.history-card,.analytics-card,.dashboard-card,.nested-card,.bank-card,.exam-empty-state{border-radius:20px!important}
.block-card{min-height:78px!important;border:2px solid var(--line)!important;border-radius:18px!important;padding:14px!important}
.duo-banner{display:none!important;align-items:center;gap:11px;padding:11px 12px;border-radius:18px;background:#19a8e8;color:#fff;border-bottom:4px solid #1389be;margin:2px 0 10px;box-shadow:0 4px 0 rgba(0,0,0,.06);transition:transform 300ms var(--motion-spring),box-shadow 300ms var(--motion-smooth);margin-top:10px;margin-bottom:12px}
.duo-mascot{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#fff;font-size:24px;box-shadow:0 3px 0 rgba(0,0,0,.12);flex:0 0 auto;transition:transform 420ms var(--motion-spring)}
.duo-banner-copy{min-width:0;flex:1}
.duo-banner-copy b,.duo-banner-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo-banner-copy b{font-size:14px;font-weight:950}
.duo-banner-copy span{font-size:11px;font-weight:750;opacity:.94;margin-top:2px}
.duo-banner-btn{border:0;border-radius:12px;background:#fff;color:#1291c9;padding:9px 12px;font-weight:950;box-shadow:0 3px 0 #c5d7df;cursor:pointer;flex:0 0 auto}
.hero .eyebrow{color:#84939a;font-size:11px;font-weight:950}
.duo-learning-map{margin:4px 0 15px;background:#fff;border:2px solid #dfeaec;border-radius:22px;padding:14px 13px 12px;box-shadow:0 5px 0 #d6e1e5;position:relative;overflow:hidden;transition:transform 320ms var(--motion-smooth),box-shadow 320ms var(--motion-smooth)}
.duo-map-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.duo-kicker{font-size:10px;color:#84949b;font-weight:950;letter-spacing:.7px}
.duo-map-header h3{margin:2px 0 0;font-size:20px;letter-spacing:-.5px}
.duo-streak{background:#fff4df;color:#ff9600;border:2px solid #ffe0ad;border-radius:999px;padding:7px 10px;font-weight:950}
.duo-unit-card{display:flex;align-items:center;gap:12px;padding:13px;border-radius:17px;background:#7ed4f4;border:2px solid #5bb9db;border-bottom-width:5px;color:#fff}
.duo-unit-card>div{flex:1;min-width:0}
.duo-unit-label{display:block;font-size:9px;font-weight:950;opacity:.92;letter-spacing:.4px}
.duo-unit-card b{display:block;font-size:17px;line-height:1.15;margin:2px 0}
.duo-unit-card small{font-size:10px;font-weight:800;opacity:.9;display:none!important}
.duo-unit-action{width:47px;height:47px;border:0;border-radius:50%;background:#58cc02;color:#fff;font-size:26px;font-weight:950;box-shadow:0 4px 0 #46a900;cursor:pointer}
.duo-path{display:flex;align-items:center;justify-content:space-around;position:relative;padding:20px 8px 4px}
.duo-path:before{content:"";position:absolute;left:12%;right:12%;top:43px;height:8px;border-radius:99px;background:#dfe8eb}
.duo-node{position:relative;z-index:1;width:80px;border:0;background:transparent;color:#87969c;font-weight:900;cursor:pointer;transition:transform 260ms var(--motion-spring),box-shadow 220ms var(--motion-smooth),filter 220ms var(--motion-smooth)}
.duo-node span{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#e7eef1;border:4px solid #d7e1e5;box-shadow:0 5px 0 #cbd5d9;font-size:23px}
.duo-node small{display:block;margin-top:7px;font-size:10px;white-space:nowrap;text-align:center;width:max-content;margin-left:auto;margin-right:auto}
.duo-node.done span{background:#58cc02;border-color:#46a900;color:#fff;box-shadow:0 5px 0 #3c9300}
.duo-node.current span{background:#1cb0f6;border-color:#0c91cf;color:#fff;box-shadow:0 5px 0 #0877aa;transform:translateY(-5px) scale(1.07)}
.duo-node.locked{cursor:default}
.duo-node.locked span{background:#eef2f3;color:#aab4b8}
.exam-launch-card:hover{transform:translateY(-1px)}
.exam-launch-card:active{transform:translateY(5px)!important;border-bottom-width:2px!important}
.exam-launch-icon{width:48px;height:48px;border-radius:15px;background:#58cc02!important;color:#fff!important;display:grid!important;place-items:center;font-weight:950!important}
.exam-launch-card.upi .exam-launch-icon{background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.38)!important;box-shadow:0 4px 0 rgba(0,0,0,.14)!important;color:#fff!important}
.exam-launch-card.uab .exam-launch-icon{background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.38)!important;box-shadow:0 4px 0 rgba(0,0,0,.14)!important;color:#fff!important}
.exam-launch-card strong,.feedback-arrow,.menu-section-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#58cc02;color:#fff!important;font-size:24px;font-weight:950;box-shadow:inset 0 -3px 0 #46a900,0 2px 0 #d3ddd9}
.secondary:active{transform:translateY(2px)!important;border-bottom-width:2px!important}
:root.dark body{background:#10191d;color:#f4fafc}
:root.dark .duo-learning-map,:root.dark .card,:root.dark .duo-banner+.view .card,:root.dark .floating-dashboard-nav,:root.dark .menu-section-toggle,:root.dark .exam-launch-card,:root.dark .stat,:root.dark .feedback-card{background:#172329!important;color:#f4fafc!important;border-color:#2d3d44!important}
:root.dark .exam-launch-card.uab{background:#142719!important}
:root.dark .duo-path:before{background:#314047}
:root.dark .duo-node.locked span{background:#243238}
.uab-duo-page{padding:0 0 34px!important;max-width:760px;margin:0 auto;position:relative;perspective:1100px!important;perspective-origin:50% 8%!important;overflow:visible!important}
.uab-duo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 11px}
.uab-duo-top .back-link{margin:0}
.uab-duo-stats{display:flex;align-items:center;gap:7px}
.uab-duo-stats span{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:950;color:#596970;background:#fff;border:2px solid #e1e9ec;border-radius:999px;padding:6px 9px;box-shadow:0 3px 0 #d2dde1}
.uab-duo-stats span:nth-child(1){color:#f28a00}
.uab-duo-stats span:nth-child(2){color:#159fd6}
.uab-duo-stats span:nth-child(3){color:#8d52d8}
.uab-duo-banner{display:flex;align-items:center;gap:11px;padding:12px;border-radius:22px!important;background:linear-gradient(135deg,#1cb0f6,#16a4e8);color:#fff;border:2px solid #0c94ce;border-bottom-width:5px;box-shadow:0 5px 0 rgba(8,103,142,.18);margin:0 0 14px}
.uab-duo-mascot{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;border-radius:16px;background:#fff;font-size:25px;box-shadow:0 4px 0 #0b83b5}
.uab-duo-banner>div:not(.uab-duo-mascot){min-width:0;flex:1}
.uab-duo-banner b{display:block;font-size:15px;font-weight:950}
.uab-duo-banner span:not(.uab-banner-badge){display:block;font-size:10px;font-weight:750;opacity:.95;margin-top:3px;line-height:1.35}
.uab-banner-badge{background:#fff;color:#159bd4;border-radius:11px;padding:8px 9px;font-size:11px;font-weight:950;box-shadow:0 3px 0 #b7d5df}
.uab-duo-heading{display:flex;align-items:end;justify-content:space-between;padding:0 8px 7px}
.uab-duo-heading h2{margin:2px 0 0;font-size:28px;letter-spacing:-1px;color:#24343b}
.uab-journey-sub{margin:3px 0 0;font-size:11px;font-weight:750;color:#87969c;line-height:1.35}
.uab-progress-pill{background:#fff4df;color:#ff9600;border:2px solid #ffe0ad;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950;white-space:nowrap}
.uab-journey-meter{padding:5px 10px 12px}
.uab-meter-track{height:10px;border-radius:99px;background:#dfe8eb;box-shadow:inset 0 2px 2px rgba(0,0,0,.05);overflow:hidden}
.uab-meter-track span{display:block;width:72%;height:100%;border-radius:99px;background:linear-gradient(90deg,#58cc02,#8be83b);box-shadow:inset 0 -2px 0 rgba(45,128,0,.18)}
.uab-meter-labels{display:flex;justify-content:space-between;margin-top:5px;color:#9aa7ac;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
.uab-path{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;padding:22px 0 46px!important;min-height:0!important;overflow:visible!important;overflow-x:clip!important;margin-top:4px!important;transform:rotateX(65deg) scaleY(2.05)!important;transform-origin:50% 0%!important;transform-style:preserve-3d!important;will-change:transform;padding-top:34px!important;padding-bottom:70px!important}
.uab-path:before{content:"";position:absolute;top:48px;bottom:48px;left:50%;width:13px;transform:translateX(-50%);border-radius:99px;background:linear-gradient(180deg,#d7e4e8,#e9eff1 48%,#d6e3e7);box-shadow:inset 2px 0 0 rgba(255,255,255,.8),inset -2px 0 0 rgba(0,0,0,.05)}
.uab-path:after{content:"";position:absolute;top:48px;bottom:48px;left:calc(50% - 3px);width:5px;border-radius:99px;background:linear-gradient(180deg,#58cc02 0 72%,transparent 72%);opacity:.9;z-index:0}
.uab-node{position:relative;z-index:1;width:min(285px,74%)!important;min-height:118px!important;border:0;background:transparent;color:#7f8e94;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;transition:filter .16s ease!important;border-radius:24px!important;overflow:visible!important;max-width:100%!important;box-sizing:border-box!important;transform-style:preserve-3d!important;backface-visibility:hidden!important;height:118px!important;font-weight:900!important}
.uab-node:nth-child(odd){transform:translateX(-64px)}
.uab-node:nth-child(even){transform:translateX(64px)}
.uab-node:hover:not(.locked-node){filter:brightness(1.035)!important;transform:translateY(-3px) scale(1.025)}
.uab-node:nth-child(even):hover:not(.locked-node){transform:translateX(64px) translateY(-2px)}
.uab-node:active{transform:translateY(3px) scale(.98)!important;filter:brightness(.98)!important}
.uab-node.locked-node{cursor:not-allowed;filter:saturate(.35);opacity:.62!important}
.uab-node-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%!important;background:#e7eef1;border:4px solid #d7e1e5;box-shadow:0 3px 0 rgba(31,42,35,.15)!important;font-size:23px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;border-width:4px!important;transform-style:preserve-3d;transform:translateZ(12px)!important}
.uab-node b{display:block;margin-top:9px!important;font-size:11px;font-weight:950;letter-spacing:.15px;line-height:1.12!important;max-width:190px;white-space:normal!important;overflow:visible!important;position:relative!important;z-index:3!important}
.uab-node small{display:none!important;margin-top:3px;font-size:9px;font-weight:800;color:#9aa7ac}
.uab-node.locked-node .uab-node-icon{background:#eef2f3;color:#aab4b8;border-color:#d7e1e5;box-shadow:0 5px 0 #cbd5d9}
.uab-node.locked-node small{color:#b0babd}
.uab-node.active-node{color:#24343b}
.uab-node.active-node .uab-node-icon{background:#58cc02!important;border-color:#49ad00!important;color:#fff;box-shadow:0 4px 0 #3fae00,0 10px 20px rgba(88,204,2,.15)!important;transform:scale(1.08) translateZ(18px)!important;position:relative;isolation:isolate;z-index:1;animation:clinicalNodeBounce 1.9s cubic-bezier(.34,1.56,.64,1) infinite;transition:transform .18s ease}
.uab-node.active-node b{color:#24343b}
.uab-node.active-node small{color:#5e7279}
.uab-node.active-node:after{content:"MULAI";position:absolute;right:calc(50% - 111px);top:3px;background:#ff9600;color:#fff;border:2px solid #e27f00;border-radius:999px!important;padding:5px 8px;font-size:9px;font-weight:950;box-shadow:0 2px 0 #cc7000!important;transform:none!important;display:none!important}
.uab-node:nth-child(1)::before,.uab-node:nth-child(7)::before,.uab-node:nth-child(14)::before,.uab-node:nth-child(18)::before{position:absolute;top:-4px;left:50%;transform:translate(-50%,-100%);padding:5px 10px;border-radius:999px;background:#fff;border:2px solid #e1e9ec;color:#697980;box-shadow:0 3px 0 #d5dfe2;font-size:8px;font-weight:950;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.uab-node:nth-child(1)::before{content:"01 · FONDASI"}
.uab-node:nth-child(7)::before{content:"02 · SISTEM ORGAN"}
.uab-node:nth-child(14)::before{content:"03 · KLINIS"}
.uab-node:nth-child(18)::before{content:"04 · INTEGRASI"}
.uab-duo-tip{display:flex;align-items:center;gap:10px;margin:2px 8px 0;padding:12px 13px;border-radius:20px!important;background:#fff;border:2px solid #dfe8eb;border-bottom-width:4px}
.uab-duo-tip>span{font-size:22px}
.uab-duo-tip b{display:block;font-size:12px;font-weight:950;color:#38484e}
.uab-duo-tip small{display:block;margin-top:2px;font-size:10px;font-weight:700;color:#7f8e94;line-height:1.35}
html.dark .uab-duo-stats span,html.dark .uab-duo-tip{background:#fff;color:#24343b}
html.dark .uab-duo-heading h2{color:#f7fbfc}
.uab-duo-page .back-link{color:#6d7d84}
html.dark .uab-meter-track{background:#314047}
html.dark .uab-meter-labels{color:#83949b}
html.dark .uab-node-icon{background:#27343a;border-color:#35454b;box-shadow:0 7px 0 #202b30}
.html.dark .uab-node:nth-child(1)::before{}
.uab-path:before,.uab-path:after{display:none!important;content:none!important}
.uab-node:nth-child(1){transform:translateX(-18px)}
.uab-node:nth-child(2){transform:translateX(38px)}
.uab-node:nth-child(3){transform:translateX(68px)}
.uab-node:nth-child(4){transform:translateX(48px)}
.uab-node:nth-child(5){transform:translateX(-8px)}
.uab-node:nth-child(6){transform:translateX(-58px)}
.uab-node:nth-child(7){transform:translateX(-76px)}
.uab-node:nth-child(8){transform:translateX(-46px)}
.uab-node:nth-child(9){transform:translateX(12px)}
.uab-node:nth-child(10){transform:translateX(62px)}
.uab-node:nth-child(11){transform:translateX(76px)}
.uab-node:nth-child(12){transform:translateX(42px)}
.uab-node:nth-child(13){transform:translateX(-12px)}
.uab-node:nth-child(14){transform:translateX(-62px)}
.uab-node:nth-child(15){transform:translateX(-74px)}
.uab-node:nth-child(16){transform:translateX(-38px)}
.uab-node:nth-child(17){transform:translateX(18px)}
.uab-node:nth-child(18){transform:translateX(64px)}
.uab-node:nth-child(19){transform:translateX(70px)}
.uab-node:nth-child(20){transform:translateX(28px)}
.uab-node:nth-child(odd):hover:not(.locked-node),.uab-node:nth-child(even):hover:not(.locked-node){transform:translateY(-3px) scale(1.025)}
.uab-node.active-node .uab-node-icon::before,.uab-node.active-node .uab-node-icon::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:3px solid rgba(88,204,2,.42);pointer-events:none;z-index:-1;animation:clinicalSignal 2.15s cubic-bezier(.22,.72,.35,1) infinite}
.uab-node.active-node .uab-node-icon::after{inset:-19px;border-width:2px;border-color:rgba(88,204,2,.20);animation-delay:.45s;animation-duration:2.15s;border:2px solid rgba(28,176,246,.16)}
.uab-node.active-node .uab-node-icon::before{inset:-10px;border:3px solid rgba(28,176,246,.34)}
.materi-section{margin-top:12px;display:block;justify-content:center;position:relative!important;z-index:30!important;pointer-events:auto!important;margin:0 0 14px!important;padding:0!important}
.materi-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;box-sizing:border-box;border-radius:16px;text-decoration:none;background:#58cc02;color:#fff;font-size:15px;font-weight:950;letter-spacing:.04em;border:2px solid #46a900;box-shadow:0 4px 0 #3c9300;transition:transform .15s ease,filter .15s ease}
.materi-button:active{transform:translateY(3px);box-shadow:0 1px 0 #3c9300}
.materi-button:hover{filter:brightness(1.03)}
html.dark .materi-button{background:#58cc02;color:#fff;border-color:#46a900}
.floating-nav-item[data-floating-nav="uab"] .floating-nav-icon{font-size:24px;line-height:1}
button,a,input,select{touch-action:manipulation}
button,a{-webkit-user-select:none;user-select:none;touch-action:manipulation}
button,.materi-button,.exam-launch-card,.block-card,.menu-item,.back-link,.choice,.answer,.question-tool-btn,.qnav-btn,.dashboard-mini-btn,.account-action,.floating-nav-item,.icon-btn{outline:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(28,176,246,.34)!important;outline-offset:3px!important}
.primary,.secondary,.materi-button,.exam-launch-card,.block-card,.menu-item,.feedback-card,.choice,.answer,.question-tool-btn,.qnav-btn,.account-action,.dashboard-mini-btn,.back-link{transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease,filter .14s ease!important}
.materi-button,a.materi-button[href]{position:relative!important;z-index:21!important;pointer-events:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:54px!important;box-sizing:border-box!important;padding:14px 18px!important;border:2px solid var(--clined-green-dark)!important;border-bottom:5px solid var(--clined-green-dark)!important;border-radius:18px!important;background:var(--clined-green)!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;font-size:15px!important;letter-spacing:.04em!important;cursor:pointer!important;box-shadow:0 2px 0 rgba(70,169,0,.08)!important}
.materi-button::after{content:'→'!important;font-size:21px!important;line-height:1;margin-left:10px}
a.materi-button:visited{color:#fff!important}
a.materi-button:hover{filter:brightness(1.02)!important}
a.materi-button:active{transform:translateY(3px)!important;border-bottom-width:2px!important}
.uab-node.current-node .uab-node-icon{border-radius:50%!important}
main{padding-bottom:max(96px,calc(86px+env(safe-area-inset-bottom)))!important}
.card,.exam-launch-card,.block-card,.feedback-card,.menu-item,.duo-learning-map,.uab-duo-tip{box-shadow:0 4px 0 #d7e2e6!important}
.exam-launch-card:active,.block-card:active,.menu-item:active,.feedback-card:active{transform:translateY(2px)!important;box-shadow:0 2px 0 #d7e2e6!important}
.exam-page-view .materi-button{pointer-events:auto!important}
.semester-divider{position:relative!important;z-index:4!important;width:min(360px,88%)!important;display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 2px!important;padding:5px 0;pointer-events:none;flex:0 0 auto!important}
.semester-divider::before,.semester-divider::after{content:"";height:2px;flex:1;border-radius:99px;background:#dfe8eb}
.semester-divider span{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:6px 11px;border-radius:999px;background:#fff;border:2px solid #dfe8eb;color:#6f8087;box-shadow:0 3px 0 #d3dde0;font-size:9px;font-weight:950;letter-spacing:.7px;white-space:nowrap}
.uab-node::before{content:none!important;display:none!important}
.uab-path .uab-node:nth-of-type(1){transform:translateX(-18px);left:-18px}
.uab-path .uab-node:nth-of-type(2){transform:translateX(38px);left:38px}
.uab-path .uab-node:nth-of-type(3){transform:translateX(68px);left:68px}
.uab-path .uab-node:nth-of-type(4){transform:translateX(48px);left:48px}
.uab-path .uab-node:nth-of-type(5){transform:translateX(-8px);left:-8px}
.uab-path .uab-node:nth-of-type(6){transform:translateX(-58px);left:-58px}
.uab-path .uab-node:nth-of-type(7){transform:translateX(-76px);left:-76px}
.uab-path .uab-node:nth-of-type(8){transform:translateX(-46px);left:-46px}
.uab-path .uab-node:nth-of-type(9){transform:translateX(12px);left:12px}
.uab-path .uab-node:nth-of-type(10){transform:translateX(62px);left:62px}
.uab-path .uab-node:nth-of-type(11){transform:translateX(76px);left:76px}
.uab-path .uab-node:nth-of-type(12){transform:translateX(42px);left:42px}
.uab-path .uab-node:nth-of-type(13){transform:translateX(-12px);left:-12px}
.uab-path .uab-node:nth-of-type(14){transform:translateX(-62px);left:-62px}
.uab-path .uab-node:nth-of-type(15){transform:translateX(-74px);left:-74px}
.uab-path .uab-node:nth-of-type(16){transform:translateX(-38px);left:-38px}
.uab-path .uab-node:nth-of-type(17){transform:translateX(18px);left:18px}
.uab-path .uab-node:nth-of-type(18){transform:translateX(64px);left:64px}
.uab-path .uab-node:nth-of-type(19){transform:translateX(70px);left:70px}
.uab-path .uab-node:nth-of-type(20){transform:translateX(28px);left:28px}
.ui-arrow{width:40px!important;height:40px!important;min-width:40px!important;display:inline-grid!important;place-items:center!important;border-radius:13px!important;background:#58cc02!important;color:#fff!important;font-size:22px;line-height:1;font-weight:950;box-shadow:inset 0 -4px 0 #46a900,0 2px 0 #d5dfe2!important;vertical-align:middle;position:relative;flex:0 0 40px!important;pointer-events:none!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border:0!important;font:950 25px/1 inherit!important;text-align:center!important;overflow:hidden!important}
.ui-arrow-caret{font-size:22px!important}
.ui-arrow-back{background:#fff;color:#58cc02!important;border:2px solid #dfe8eb;box-shadow:0 2px 0 #d3ddd9;font-size:20px}
.primary .ui-arrow{margin-left:7px}
.exam-launch-card .ui-arrow{margin-left:auto}
.menu-item .ui-arrow{margin-left:auto}
.section-title>.ui-arrow{margin-left:6px}
.feedback-arrow:after{content:none!important;width:34px;height:34px;display:none!important;place-items:center;border-radius:11px;background:#58cc02;color:#fff;font-size:22px;line-height:1;font-weight:950;box-shadow:inset 0 -3px 0 #46a900,0 2px 0 #d3ddd9}
.menu-section-arrow .ui-arrow{width:34px;height:34px}
.uab-node:not(:last-child)::marker{content:none}
.exam-launch-card strong,.feedback-arrow{width:auto!important;height:auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:1!important;box-shadow:none!important}
.exam-launch-card strong{margin-left:auto!important}
.exam-launch-card strong .ui-arrow,.feedback-arrow .ui-arrow{margin:0!important;flex:0 0 34px}
.menu-section-toggle .menu-section-arrow{pointer-events:none!important}
.menu-section-toggle .ui-arrow{pointer-events:none!important}
.menu-section-toggle:active{transform:translateY(2px)!important}
.floating-nav-item::before,.floating-nav-item::after{pointer-events:none!important}
.floating-nav-slider,.duo-path:before,.uab-path:before{pointer-events:none!important}
.exam-launch-card,.feedback-card,.menu-item,.section-title{isolation:isolate}
html,body,#app,.app,main,.view{max-width:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
.ui-arrow,.exam-launch-card strong .ui-arrow,.feedback-arrow .ui-arrow,.section-title>strong .ui-arrow,.menu-section-arrow .ui-arrow,.duo-unit-action .ui-arrow{position:relative!important;display:inline-grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:13px!important;background:#58cc02!important;color:#fff!important;font-family:inherit!important;font-size:25px!important;font-weight:950!important;line-height:1!important;text-align:center!important;box-shadow:inset 0 -4px 0 #46a900,0 2px 0 #d5dfe2!important;transform:none!important;overflow:hidden!important;pointer-events:none!important;vertical-align:middle!important}
.ui-arrow.ui-arrow-back{background:#fff!important;color:#58cc02!important;border:2px solid #dfe8eb!important;box-shadow:0 3px 0 #d3dde0!important;font-size:23px!important}
.exam-launch-card strong,.feedback-arrow,.section-title>strong,.menu-section-arrow{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:40px!important;height:auto!important;min-height:40px!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.feedback-arrow::before,.feedback-arrow::after,.exam-launch-card strong::before,.exam-launch-card strong::after,.section-title>strong::before,.section-title>strong::after,.menu-section-arrow::before,.menu-section-arrow::after,.uab-node.active-node::after{content:none!important;display:none!important}
.exam-launch-card,.block-card,.feedback-card,.menu-item,.section-title{min-width:0!important}
.exam-launch-card>strong,.feedback-arrow,.section-title>strong{flex:0 0 auto!important}
.uab-node.active-node::after,.uab-node::before{content:none!important;display:none!important}
.uab-duo-page,.uab-path,.uab-node{max-width:100%!important}
.floating-dashboard-nav,.floating-nav-item,.floating-nav-slider{box-sizing:border-box!important}
.menu-section-toggle>.ui-arrow{margin-left:auto!important}
.duo-unit-action.ui-arrow{appearance:none!important;-webkit-appearance:none!important;pointer-events:auto!important;cursor:pointer!important;transition:transform 180ms var(--motion-spring),box-shadow 180ms var(--motion-smooth)!important}
.feedback-arrow::before,.feedback-arrow::after,.exam-launch-card strong::before,.exam-launch-card strong::after,.section-title>strong::before,.section-title>strong::after,.menu-section-arrow::before,.menu-section-arrow::after,.uab-node.active-node::before,.uab-node.active-node::after{content:none!important;display:none!important}
.exam-launch-card strong,.feedback-arrow:not(.ui-arrow),.section-title>strong{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.menu-collapsible.is-collapsed .menu-section-toggle .ui-arrow{transform:rotate(180deg)!important}
.uab-duo-heading,.uab-journey-meter{display:none!important}
.account-auth-card{background:#fff;border:2px solid #dfe8eb;border-radius:22px;padding:16px!important;box-shadow:0 4px 0 #d7e1e5;margin:0 0 18px}
.account-auth-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-auth-top h3{margin:3px 0 5px;font-size:20px;font-weight:950;color:#24343b;white-space:normal!important;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere!important}
.account-auth-top p{margin:0;color:#718087;font-size:12px;line-height:1.45;max-width:none;overflow-wrap:anywhere}
.account-auth-kicker{font-size:10px;font-weight:950;letter-spacing:.7px;color:#58a7c9;display:block!important;max-width:calc(100% - 50px)!important}
.account-security-badge{flex:0 0 auto;border-radius:999px;padding:6px 9px;background:#fff4df;border:2px solid #ffe0ad;color:#a96600;font-size:9px;font-weight:950}
.account-security-badge.secure{background:#ecf9e4;border-color:#b9e99d;color:#3c8500}
.account-auth-actions,.account-security-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;min-width:0}
.account-security-actions{grid-template-columns:repeat(3,1fr)}
.account-security-btn{min-height:48px;border:2px solid #dfe8eb;border-bottom:4px solid #d1dce0;border-radius:18px!important;background:#fff;color:#31434a;font-weight:900;cursor:pointer;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.2!important;padding:8px 10px!important}
.account-security-btn:active{transform:translateY(2px);border-bottom-width:2px}
.account-security-btn.danger{color:#d83f3f;border-color:#f0caca}
.account-modal{position:fixed!important;inset:0!important;z-index:10000!important;display:grid!important;place-items:center!important;padding:clamp(12px,3vw,28px)!important;overflow:hidden!important}
.account-modal[hidden]{display:none!important}
.account-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(12,18,14,.58)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
.account-modal-card{position:relative!important;z-index:1;width:min(520px,100%);max-height:min(88vh,760px);overflow:auto;background:#fff;border:2px solid #dfe8eb;border-radius:26px;padding:20px;box-shadow:0 10px 0 #cbd8dd,0 24px 60px rgba(20,50,60,.22)}
.account-modal-card h2{margin:4px 42px 5px 0;font-size:27px;line-height:1.1;color:#24343b;padding-right:44px!important}
.account-modal-card p{margin:0 0 16px;color:#718087;font-size:12px;line-height:1.5}
.account-modal-close{position:absolute;right:16px;top:16px;pointer-events:auto!important;cursor:pointer}
.account-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.account-modal-fields label,.account-modal-fields input{grid-column:auto}
.account-modal-card label{display:block;margin:10px 0 5px;font-size:12px;font-weight:900;color:#42545b}
.account-modal-card input{width:100%;min-height:50px;border:2px solid #d7e3e7;border-radius:15px;background:#f8fbfc;color:#24343b;padding:0 13px;font:700 15px inherit;outline:none}
.account-modal-card input:focus{border-color:#58bff2;box-shadow:0 0 0 3px rgba(88,191,242,.15)}
.account-form-error{margin-top:10px;padding:10px 12px;border-radius:13px;background:#fff0f0;border:2px solid #ffd0d0;color:#c13b3b;font-size:12px;font-weight:800}
.account-modal-switch{width:100%;margin-top:10px;border:0;background:transparent;color:#149bd1;font-weight:900;padding:10px;cursor:pointer}
button,.card,.exam-launch-card,.block-card,.menu-item,.answer,.choice,.duo-banner,.duo-unit-card,.duo-node,.uab-node,.floating-nav-item,.icon-btn,.materi-button,.back-link,.primary,.secondary,.feedback-card{-webkit-tap-highlight-color:transparent;transform:translateZ(0);will-change:transform}
button:not(:disabled),a,.google-drive-section,[role="button"]{transition:transform var(--motion-fast) var(--motion-smooth),filter var(--motion-fast) var(--motion-smooth),box-shadow var(--motion-fast) var(--motion-smooth),background-color var(--motion-ui) var(--motion-smooth),border-color var(--motion-ui) var(--motion-smooth)}
button:not(:disabled):active,.google-drive-section:active,[role="button"]:active{transform:translateY(2px) scale(.985);filter:saturate(1.03)}
.exam-launch-card,.block-card,.menu-item,.feedback-card,.duo-unit-card,.google-drive-section,.daily-home-card{transition:transform 280ms var(--motion-smooth),box-shadow 280ms var(--motion-smooth),border-color 220ms var(--motion-smooth),background-color 220ms var(--motion-smooth)}
.exam-launch-card:hover,.block-card:hover,.menu-item:hover,.feedback-card:hover,.duo-unit-card:hover,.google-drive-section:hover{transform:translateY(-3px)}
.view.motion-enter{animation:clinedPremiumDashboard 360ms var(--motion-premium) both!important;transform-origin:50% 18%;will-change:transform,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:paint}
.view#clinicalDashboard.motion-enter{animation:clinedDashboardMove 360ms cubic-bezier(.22,.78,.24,1) both!important;will-change:transform,filter}
#homeClinicalDashboard.dashboard-motion{animation:clinedPremiumPanel 300ms var(--motion-premium) both!important;will-change:transform,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.card,.dashboard-card,.dashboard-stat,.recommend-card,.duo-reward-item,.duo-unit-card,.exam-launch-card,.block-card,.menu-card,.feedback-card,.study-tool,.daily-home-card,.nested-card,.home-clinical-dashboard{min-width:0;overflow-wrap:break-word!important;word-break:normal!important}
.card:where(h1,h2,h3,h4,h5,h6,p,span,b,strong,small,label),.dashboard-card:where(h1,h2,h3,h4,h5,h6,p,span,b,strong,small,label),.duo-reward-item:where(b,small),.recommend-card:where(h1,h2,h3,h4,h5,h6,p,span,b,strong,small){min-width:0;overflow-wrap:break-word!important;word-break:normal!important}
button,.primary,.secondary,.small-btn,.dashboard-mini-btn,.duo-banner-btn,.duo-unit-action{max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:break-word!important;line-height:1.2;word-break:normal!important;hyphens:none}
.duo-reward-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}
.duo-reward-item{min-width:0;display:flex;align-items:center;gap:8px;padding:10px 9px;border:2px solid var(--line);border-bottom-width:4px;border-radius:17px;background:var(--solid);box-shadow:0 3px 0 color-mix(in srgb,var(--line) 70%,transparent);transition:transform 220ms var(--motion-spring),box-shadow 220ms var(--motion-smooth)}
.duo-reward-item:hover{transform:translateY(-2px);box-shadow:0 5px 0 color-mix(in srgb,var(--line) 70%,transparent)}
.duo-reward-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:11px;font-size:16px;background:color-mix(in srgb,var(--blue) 10%,var(--solid))}
.duo-reward-icon.streak{background:#fff3df}
.duo-reward-icon.xp{background:#fff6c9}
.duo-reward-icon.goal{background:#eaf8ff}
.duo-reward-icon.focus{background:#eaf8df}
.duo-reward-item b{display:block;font-size:13px;line-height:1.05;letter-spacing:-.2px}
.duo-reward-item small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo-learning-map::after{content:"";position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.28) 49%,transparent 58%);transform:translateX(-65%) rotate(4deg);opacity:0}
.duo-learning-map:hover::after{opacity:1;animation:duoMapShine 850ms var(--motion-smooth) both}
.duo-banner:hover{transform:translateY(-2px)}
.duo-banner:hover .duo-mascot{transform:rotate(-5deg) scale(1.06)}
.duo-unit-card:active .duo-unit-action.ui-arrow{transform:translateX(3px)!important}
.duo-node:not(.locked):hover{filter:saturate(1.08);transform:translateY(-4px) scale(1.025)}
.duo-node.current{animation:duoCurrentPulse 2.8s ease-in-out infinite}
.answer:not(:disabled):hover{transform:translateX(3px)}
.answer.correct,.answer.wrong{animation:answerPop 260ms var(--motion-spring) both}
.progress>i,.xp-track>i,.streak-progress>i{transition:width 650ms var(--motion-soft)!important}
.modal:not([hidden]),.account-modal:not([hidden]){animation:modalFade 220ms var(--motion-soft) both}
.modal:not([hidden]) .modal-card,.account-modal:not([hidden]) .account-modal-card{animation:modalCardIn 330ms var(--motion-spring) both}
.view,.view.active,.view:not(.active){animation:none!important}
.option-review,.option-review-head,.option-review-head>b,.option-review-head>span{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.option-review-head>b{overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;line-height:1.35!important}
.option-review-head>span{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-align:right!important;line-height:1.25!important;letter-spacing:.35px!important}
.review-option,.review-option>*,.answer,.answer>*,.quiz-card,.quiz-card>*,.explain,.explain>*{min-width:0!important;max-width:100%!important}
.review-option b,.review-option span,.review-option small,.answer b,.answer span,.answer small{overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important}
.block-card,.menu-item,.exam-launch-card,.feedback-card,.question-card,.quiz-card,.dashboard-card{border-radius:24px!important}
.account-overview{margin:0 0 20px;padding:16px;border:2px solid var(--clined-border);border-radius:24px;background:linear-gradient(145deg,#fff,#f6fbfd);box-shadow:0 5px 0 var(--clined-shadow)}
.account-overview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-overview-head h3{margin:3px 0 0;font-size:20px;font-weight:950;color:var(--clined-ink)}
.account-completion{font-size:12px;font-weight:950;color:#0a7f78;background:#e8fbf7;border:2px solid #bdebe5;padding:6px 9px;border-radius:999px;white-space:normal!important;text-align:right!important}
.account-completion-track{height:10px;border-radius:999px;background:#e8eef1;overflow:hidden;margin:12px 0}
.account-completion-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#58cc02,#1cb0f6);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.account-stat{min-width:0;padding:11px 8px;text-align:center;border:2px solid #e3ecef;border-bottom:4px solid #d4e0e4;border-radius:18px;background:#fff;overflow:visible!important}
.account-stat b{display:block;font-size:18px;font-weight:950;color:#24343b;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.15!important}
.account-stat small{display:block;margin-top:2px;font-size:9px;font-weight:900;color:#7a8a91;text-transform:uppercase;letter-spacing:.4px}
.account-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.account-meta-grid>div{min-width:0!important;padding:10px 11px;border-radius:17px;background:#f5f9fa;border:1px solid #e2ebee;overflow:visible!important}
.account-meta-grid small,.account-meta-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-meta-grid small{font-size:9px;font-weight:850;color:#819098;text-transform:uppercase;white-space:normal!important;overflow-wrap:anywhere!important}
.account-meta-grid strong{margin-top:3px;font-size:11px;color:#31434a;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.3!important}
.account-password-field{position:relative;display:flex;align-items:center}
.account-password-field input{padding-right:68px!important}
.account-password-toggle{position:absolute;right:7px;min-width:55px;height:36px;border:0;border-radius:11px;background:#eaf7fb;color:#159bd0;font-size:10px;font-weight:950;cursor:pointer}
.account-password-toggle:active{transform:scale(.96)}
html,body,body *,button,input,select,textarea{font-family:"Feather Bold","Feather",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
.ui-icon,.floating-nav-icon,.menu-icon,.answer-letter,.dashboard-mini-btn,.uab-node-icon,.account-avatar,.icon,.emoji,[class*="icon"]{font-family:"Feather Bold","Feather","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Inter,sans-serif!important}
.card,.block-card,.exam-launch-card,.answer,.answer-btn,.answer-option,.choice,.study-tool,.menu-item,.feedback-card,.question-tool-btn,.dashboard-stat-card,.dashboard-mini-card,.exam-card,.uab-node{border-radius:var(--clined-radius-lg)!important}
.block-card,.exam-launch-card{border-radius:25px!important}
.answer,.answer-btn,.answer-option{border-radius:21px!important}
.study-tool,.menu-item,.feedback-card{border-radius:22px!important}
.account-auth-card,.account-form input,.account-action,.account-security-btn,.account-modal-card,.account-profile-card{border-radius:24px!important}
html,body,button,input,select,textarea{font-family:'Nunito',ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif!important}
h1,h2,h3,h4,h5,h6,.hero h2,.section-title,.question,.brand h1,.primary,.secondary,.menu-item,.account-auth-card h3,.account-form label,.account-action,.account-security-btn,.dashboard-stat b,.recommend-card b,.achievement-card b{font-family:'Nunito',ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif!important;font-weight:800!important}
.card,.nested-card,.account-auth-card,.account-profile-hero,.menu-card,.quiz-card,.result-grid>div,.resume-card{border-radius:var(--clined-radius-xl)!important}
.choice,.answer,.bank-choice,.library-result,.recommend-card,.dashboard-stat,.analytics-stat,.study-tool,.flashcard,.option-review{border-radius:var(--clined-radius-lg)!important}
.primary,.secondary,.account-action,.account-security-btn{border-radius:20px!important}
.account-data-tools{margin-top:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--soft,rgba(127,127,127,.06))}
.account-data-tools-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:11px}
.account-data-tools-head b{display:block;font-size:14px;font-weight:800}
.account-data-tools-head small,.account-data-note{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:3px}
.account-data-tools-head>span{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:rgba(52,199,89,.10);color:#249a45;font-size:9px;font-weight:900;letter-spacing:.05em}
.account-data-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.account-data-tools-grid .account-action{margin:0}
.account-data-note{margin-top:10px}
.account-import{background:rgba(0,122,255,.10);color:var(--blue);border:1px solid rgba(0,122,255,.18)}
#clinicalDashboard.motion-enter,#homeClinicalDashboard.dashboard-motion{backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:paint}
.exam-launch-card>*,.block-card>*,.answer>*,.answer-btn>*,.choice>*,.recommend-card>*,.account-stat>*,.account-meta-grid>div>*,.dashboard-stat>*,.dashboard-mini-card>*,.duo-unit-card>*,.duo-reward-item>*{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.exam-launch-card b,.block-card b,.answer b,.answer-btn b,.choice b,.recommend-card b,.account-action,.account-security-btn,.primary,.secondary,.small-btn{overflow-wrap:anywhere;word-break:break-word}
.floating-nav-item>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dashboardRadarChart,#dashboardStats,#dashboardRecommendations,#analyticsBanks,#analyticsFocus{content-visibility:visible!important;contain:none!important}
.smart-review-list{display:grid;gap:9px;margin:12px 0 14px}
.smart-review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;border:1px solid var(--line);background:var(--solid);border-radius:22px;min-width:0}
.smart-review-row>div{min-width:0}
.smart-review-row b,.smart-review-row small{display:block;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.smart-review-row b{font-size:12px;line-height:1.38}
.smart-review-row small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.3}
.smart-review-row>span{min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,59,48,.10);color:#d62f27;font-size:10px;font-weight:900}
.motion-pressed{transform:scale(.985)!important;transition:transform 90ms var(--motion-spring)!important}
.dashboard-hero p{display:none!important}
.exam-launch-card>span:nth-child(2){min-width:0;display:flex;align-items:center}
.home-clinical-dashboard p,.dashboard-preview-head p{display:none!important}
.block-bank-chip{display:inline-flex;align-items:center;max-width:100%;margin:.25rem .25rem 0 0;padding:.45rem .7rem;border:1px solid rgba(10,127,120,.16);border-radius:999px;background:var(--card,#fff);font:inherit;font-weight:700;line-height:1.15;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.block-bank-chip.selected{background:rgba(10,127,120,.10);border-color:rgba(10,127,120,.35)}
.empty-bank-inline>div{min-width:0}
.floating-nav-badge{position:absolute;top:2px!important;right:3px!important;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--blue);color:#fff;font-size:8px;font-weight:900;display:grid;place-items:center}
#clinicalDashboard,#clinicalDashboard.motion-enter,#homeClinicalDashboard.dashboard-motion{contain:none!important;overflow:visible!important;clip-path:none!important;-webkit-clip-path:none!important}
#clinicalDashboard .dashboard-card,#homeClinicalDashboard{overflow:visible!important}
#clinicalDashboard .dashboard-card{overflow:hidden!important;width:100%;max-width:100%;box-sizing:border-box}
.floating-nav-item>span:not(.floating-nav-icon):not(.floating-nav-badge){min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#clinicalDashboard{min-height:calc(100vh - 96px);box-sizing:border-box}
#clinicalDashboard .radar-dashboard-block{width:100%!important;min-height:320px;box-sizing:border-box;overflow:hidden!important;min-width:0!important;max-width:100%!important;display:grid!important;justify-items:center!important}
#clinicalDashboard .radar-chart{width:min(100%,340px);max-width:340px!important;min-width:0;margin:0 auto}
#clinicalDashboard .radar-chart svg{width:100%;height:auto;aspect-ratio:320/300;display:block}
.header,.duo-banner,.view,.footer{width:var(--clined-content);margin-left:auto;margin-right:auto}
.header .brand{min-width:0!important;flex:1;overflow:hidden!important;display:flex!important;align-items:center!important}
.header .brand h1,.header .brand p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header .brand p{max-width:34vw;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
button,.primary,.secondary,.account-action,.account-security-btn,.materi-button,.back-link,.floating-nav-item,.menu-item,.exam-launch-card,.dashboard-mini-btn{white-space:nowrap}
.section-title,.eyebrow,.study-kicker,.duo-unit-label,.account-auth-kicker{white-space:nowrap}
.exam-launch-card span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-auth-top>div{min-width:0;overflow-wrap:anywhere}
.account-action,.account-security-btn{min-width:0;overflow:hidden;text-overflow:ellipsis}
.floating-nav-item>span:last-child{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:10px!important;line-height:1!important}
.dashboard-stat b,.dashboard-stat small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uab-duo-page,.uab-path{width:100%!important;max-width:760px!important;overflow-x:hidden!important;overflow-y:visible!important}
.uab-path .uab-node,.uab-path .uab-node:nth-of-type(1),.uab-path .uab-node:nth-of-type(2),.uab-path .uab-node:nth-of-type(3),.uab-path .uab-node:nth-of-type(4),.uab-path .uab-node:nth-of-type(5),.uab-path .uab-node:nth-of-type(6),.uab-path .uab-node:nth-of-type(7),.uab-path .uab-node:nth-of-type(8),.uab-path .uab-node:nth-of-type(9),.uab-path .uab-node:nth-of-type(10),.uab-path .uab-node:nth-of-type(11),.uab-path .uab-node:nth-of-type(12),.uab-path .uab-node:nth-of-type(13),.uab-path .uab-node:nth-of-type(14),.uab-path .uab-node:nth-of-type(15),.uab-path .uab-node:nth-of-type(16),.uab-path .uab-node:nth-of-type(17),.uab-path .uab-node:nth-of-type(18),.uab-path .uab-node:nth-of-type(19),.uab-path .uab-node:nth-of-type(20){transform:none!important;translate:none!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important}
.uab-path .uab-node{width:min(360px,88%)!important;min-height:94px!important;flex:0 0 auto!important;will-change:auto!important;transform:none!important;position:relative!important;left:0;right:auto!important;transition:left .18s ease,filter .18s ease,transform .16s ease!important}
.uab-path .uab-node:hover:not(.locked-node),.uab-path .uab-node:active{transform:scale(.985)!important}
.uab-path .uab-node:hover:not(.locked-node),.uab-path .uab-node:focus-visible:not(.locked-node){transform:translateY(-3px) scale(1.025)!important}
.uab-path .uab-node:active{transform:scale(.985)!important}
.upi-page{padding-bottom:calc(110px+env(safe-area-inset-bottom))}
.upi-header{align-items:flex-start}
.upi-memory-overview{padding:15px;margin-top:8px}
.upi-memory-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.upi-memory-head>div:first-child{min-width:0;display:grid;gap:4px}
.upi-kicker{font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--ios-green,#34c759)}
.upi-memory-head b{font-size:17px;line-height:1.15}
.upi-memory-head small{font-size:11px;line-height:1.35;color:var(--muted);max-width:330px}
.upi-due-badge{width:64px;height:64px;flex:0 0 64px;border-radius:18px;background:rgba(52,199,89,.10);display:grid;place-items:center;align-content:center;border:1px solid rgba(52,199,89,.20)}
.upi-due-badge b{font-size:20px;color:var(--ios-green,#34c759)}
.upi-due-badge span{font-size:8px;font-weight:800;color:var(--muted);text-align:center}
.upi-memory-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px}
.upi-memory-bar{min-width:0;padding:8px 6px;border-radius:12px;background:var(--ios-fill,rgba(118,118,128,.10));text-align:center}
.upi-memory-bar b{display:block;font-size:13px}
.upi-memory-bar small{display:block;margin-top:2px;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upi-flashcard{padding:12px;margin-top:10px;overflow:hidden}
.upi-card-topline{display:flex;justify-content:space-between;gap:8px;padding:2px 3px 10px;font-size:10px;font-weight:900;color:var(--muted);letter-spacing:.04em}
.upi-card-topline span:last-child{color:var(--ios-green,#34c759)}
.upi-image-frame{position:relative;aspect-ratio:1.5/1;border-radius:20px;overflow:hidden;background:#f6f8fa;border:1px solid var(--line);display:grid;place-items:center}
html.dark .upi-image-frame{background:#242426}
.upi-image-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .25s ease,transform .25s ease}
.upi-image-hint{position:absolute;left:10px;top:10px;padding:6px 8px;border-radius:999px;background:rgba(20,20,22,.72);color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(10px)}
.upi-prompt{padding:15px 4px 4px}
.upi-prompt h3{margin:4px 0 0;font-size:19px;line-height:1.35;letter-spacing:-.25px}
.upi-answer-wrap{margin-top:10px;padding:14px;border-radius:16px;background:rgba(52,199,89,.08);border:1px solid rgba(52,199,89,.20)}
.upi-answer-label{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--ios-green,#34c759);margin-bottom:5px}
.upi-answer-wrap b{font-size:18px;display:block}
.upi-answer-wrap p{font-size:12px;line-height:1.45;color:var(--muted);margin:5px 0 0}
.upi-reveal-btn{width:100%;margin-top:12px;min-height:50px}
.upi-rating{margin-top:13px}
.upi-rating-title{text-align:center;font-size:11px;font-weight:900;color:var(--muted);margin-bottom:8px}
.upi-rating-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.upi-rate{min-height:58px;border:1px solid var(--line);border-radius:15px;background:var(--card);padding:9px 8px;text-align:left;display:grid;gap:2px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.upi-rate b{font-size:13px}
.upi-rate small{font-size:9px;color:var(--muted)}
.upi-rate:active{transform:scale(.985)}
.upi-rate.again{border-color:rgba(255,59,48,.28)}
.upi-rate.hard{border-color:rgba(255,149,0,.28)}
.upi-rate.good{border-color:rgba(52,199,89,.28)}
.upi-rate.easy{border-color:rgba(0,122,255,.28)}
.upi-review-panel{padding:14px;margin-top:10px}
.upi-review-copy{font-size:11px;line-height:1.4;color:var(--muted);margin:4px 0 10px}
.upi-review-list{display:grid;gap:7px}
.upi-review-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border-radius:14px;background:var(--ios-fill,rgba(118,118,128,.10))}
.upi-review-item .mini-thumb{width:38px;height:38px;border-radius:10px;overflow:hidden;background:#fff}
.upi-review-item img{width:100%;height:100%;object-fit:cover}
.upi-review-item b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upi-review-item small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.upi-review-due{font-size:9px;font-weight:900;white-space:nowrap;color:var(--ios-green,#34c759)}
.upi-empty-review{padding:15px;text-align:center;color:var(--muted);font-size:11px;border-radius:14px;background:var(--ios-fill,rgba(118,118,128,.10))}
.upi-block-selector{margin-bottom:14px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.upi-block-selector .upi-review-copy{margin:0 0 14px!important;color:var(--muted,#6b7280);font-size:11px!important;line-height:1.35!important}
.upi-block-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
.upi-block-choice{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;padding:14px 12px;border:1px solid var(--border,#e5e7eb);border-radius:18px;background:var(--surface,#fff);color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;min-height:78px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.upi-block-choice:active{transform:scale(.985)}
.upi-block-choice.selected{border-color:var(--primary,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#2563eb) 12%,transparent);background:color-mix(in srgb,var(--primary,#2563eb) 4%,var(--surface,#fff))}
.upi-block-icon{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;border-radius:17px!important;background:#1cb0f6!important;font-size:27px!important;flex:0 0 auto;color:#fff!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12)!important}
.upi-block-choice>span:last-child{display:flex;flex-direction:column;min-width:0;gap:2px}
.upi-block-choice b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upi-block-choice small{font-size:.72rem;color:var(--muted,#6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upi-block-choice em{font-style:normal;font-size:.68rem;font-weight:700;color:var(--primary,#2563eb);margin-top:2px}
.upi-block-choice:hover{border-color:color-mix(in srgb,var(--primary,#2563eb) 35%,var(--border,#e5e7eb));box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-1px)}
.upi-block-choice:focus-visible{outline:3px solid color-mix(in srgb,var(--primary,#2563eb) 25%,transparent);outline-offset:2px}
.upi-block-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;flex:1!important}
.upi-block-copy b{font-size:15px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:950!important;letter-spacing:-.02em!important}
.upi-block-copy small{font-size:10px!important;color:#718087!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:700!important}
.upi-block-copy em{font-style:normal!important;font-size:9px!important;font-weight:900!important;color:#1aa8e9!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.15!important}
.upi-block-arrow{font-size:25px!important;line-height:1!important;color:#fff!important;flex:0 0 auto;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#58cc02!important;font-weight:950!important;box-shadow:inset 0 -3px 0 #46a900,0 2px 0 #d3ddd9!important}
.upi-block-detail{padding-bottom:110px}
.upi-block-context{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px}
.upi-block-context-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--surface-2,#f3f4f6);font-size:21px}
.upi-block-context>div{display:flex;flex-direction:column;min-width:0;flex:1}
.upi-block-context b{font-size:.9rem}
.upi-block-context small{font-size:.72rem;color:var(--muted,#6b7280);margin-top:2px}
.upi-context-arrow{font-size:24px;color:var(--muted,#8a939b)}
.upi-reveal-link{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:13px 2px;border-top:1px solid var(--border,#e5e7eb);font-weight:800;font-size:.88rem;color:var(--primary,#2563eb);cursor:pointer;user-select:none}
.upi-reveal-link span{font-size:1.1rem}
.upi-reveal-link:focus-visible{outline:3px solid color-mix(in srgb,var(--primary,#2563eb) 20%,transparent);border-radius:10px}
.upi-block-detail .upi-rating-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.upi-block-detail .upi-rate{cursor:pointer;user-select:none}
.upi-block-selector>.section-title{font-size:20px!important;font-weight:950!important;margin:0 0 5px!important}
.upi-block-choice.duo-upi-block{position:relative;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto 38px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:78px!important;padding:12px 12px!important;border:2px solid #dfe8eb!important;border-bottom-width:6px!important;border-radius:21px!important;background:#fff!important;color:#24343b!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important;transform:none!important;transition:transform .12s ease,filter .15s ease,background .15s ease!important}
.upi-block-choice.duo-upi-block:hover{transform:translateY(-1px)!important;filter:brightness(1.01)}
.upi-block-choice.duo-upi-block:active{transform:translateY(4px)!important;border-bottom-width:2px!important;filter:brightness(.99)}
.upi-block-choice.duo-upi-block:nth-child(2n) .upi-block-icon{background:#58cc02!important}
.upi-block-choice.duo-upi-block:nth-child(3n) .upi-block-icon{background:#ff9600!important}
.upi-block-choice.duo-upi-block:nth-child(4n) .upi-block-icon{background:#ce82ff!important}
.upi-block-choice.duo-upi-block:nth-child(5n) .upi-block-icon{background:#ff4b4b!important}
.upi-block-choice.duo-upi-block:nth-child(6n) .upi-block-icon{background:#ffc800!important}
html.dark .upi-block-choice.duo-upi-block{background:#172329!important;color:#f4fafc!important;border-color:#2d3d44!important}
html.dark .upi-block-copy small{color:#aab7bd!important}
.upi-material-section{margin-top:18px}
.upi-material-grid{display:grid;gap:12px;margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.upi-material-node{display:grid;grid-template-columns:56px minmax(0,1fr) 36px;align-items:center;gap:12px;padding:15px;border:2px solid var(--border,#dfe4ea);border-bottom-width:4px;border-radius:20px;background:var(--surface,#fff);cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;box-shadow:0 3px 0 rgba(0,0,0,.045);min-height:92px}
.upi-material-node:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.07)}
.upi-material-node:active{transform:translateY(2px) scale(.985);border-bottom-width:2px;box-shadow:none}
.upi-material-icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;font-size:28px;background:var(--soft-accent,#eef8f2);box-shadow:inset 0 -2px 0 rgba(0,0,0,.04)}
.upi-material-node b{display:block;font-size:15px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
.upi-material-node small{display:-webkit-box;margin-top:5px;color:var(--muted,#6b7280);font-size:11px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.upi-material-node .upi-block-arrow{justify-self:end;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:23px;background:var(--accent,#58cc02);color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.16)}
.upi-material-page .upi-flashcard{margin-top:16px}
.uab-path::before{content:"";position:absolute;z-index:0;top:8px!important;bottom:24px!important;left:50%;width:min(70%,500px)!important;transform:translateX(-50%) translateZ(-24px)!important;border-radius:50%!important;background:linear-gradient(90deg,rgba(219,231,235,.18),rgba(255,255,255,.72) 50%,rgba(219,231,235,.18));box-shadow:inset 0 0 0 1px rgba(190,205,210,.16),0 22px 45px rgba(34,52,59,.06);pointer-events:none;opacity:.9!important}
.exam-launch-card.uab,.exam-launch-card.upi{min-height:118px!important;padding:12px!important;display:grid!important;place-items:center!important;grid-template-columns:1fr!important;border:2px solid rgba(52,199,89,.28)!important;border-bottom-width:6px!important;border-radius:22px!important;background:var(--surface,#fff)!important;text-align:center!important}
.exam-launch-card.upi{border-color:rgba(28,176,246,.30)!important}
.exam-launch-card .exam-launch-icon{width:82px!important;height:82px!important;border-radius:24px!important;display:grid!important;place-items:center!important;font-size:21px!important;font-weight:1000!important;letter-spacing:.03em!important;color:#fff!important;background:#58cc02!important;border:4px solid #46a900!important;box-shadow:0 7px 0 #3c9300,0 12px 20px rgba(88,204,2,.18)!important}
.uab-path>button.uab-node:nth-of-type(odd){transform:translateX(-78px)!important}
.uab-path>button.uab-node:nth-of-type(even){transform:translateX(78px)!important}
.uab-path>button.uab-node:nth-of-type(odd):hover:not(.locked-node){transform:translateX(-78px) translateY(-3px) scale(1.025)!important}
.uab-path>button.uab-node:nth-of-type(even):hover:not(.locked-node){transform:translateX(78px) translateY(-3px) scale(1.025)!important}
.uab-path>button.uab-node:active{filter:brightness(.98)!important}
.app,main,.view{overflow-y:visible!important}
#uabPage{height:auto!important;min-height:0!important;overflow:visible!important;touch-action:pan-y!important;position:relative!important}
#uabPage .uab-path{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;min-height:2180px!important;height:auto!important;padding:24px 0 90px!important;overflow:visible!important;transform:rotateX(65deg) scaleY(1.22)!important;transform-origin:50% 0%!important;transform-style:preserve-3d!important;will-change:auto!important;touch-action:pan-y!important;width:100%!important;max-width:100%!important;margin-inline:auto!important;justify-items:center!important}
#uabPage .uab-node{width:min(250px,68%)!important;min-height:88px!important;flex:0 0 auto!important;transform-style:preserve-3d!important}
#uabPage .uab-node-icon{width:62px!important;height:62px!important;font-size:25px!important;border-width:4px!important;box-shadow:0 6px 0 #c7d2d6,0 8px 14px rgba(34,52,59,.10)!important}
#uabPage .uab-node.active-node .uab-node-icon{transform:scale(1.04) translateZ(10px)!important}
#uabPage .uab-node b{font-size:10px!important;margin-top:6px!important;max-width:170px!important}
#uabPage .uab-node small{font-size:8px!important;margin-top:2px!important}
#uabPage .uab-node.active-node:after{font-size:8px!important;padding:4px 6px!important;right:calc(50% - 94px)!important;top:1px!important}
#uabPage .uab-path>button.uab-node:nth-of-type(odd){transform:translateX(-46px)!important}
#uabPage .uab-path>button.uab-node:nth-of-type(even){transform:translateX(46px)!important}
#uabPage .uab-path>button.uab-node:nth-of-type(odd):hover:not(.locked-node){transform:translateX(-46px) translateY(-2px) scale(1.02)!important}
#uabPage .uab-path>button.uab-node:nth-of-type(even):hover:not(.locked-node){transform:translateX(46px) translateY(-2px) scale(1.02)!important}
#uabPage .uab-path>button.uab-node:active{filter:brightness(.98)!important}
#uabPage .uab-path-viewport{position:static!important;height:auto!important;min-height:0!important;max-height:none!important;margin:8px 0 12px!important;overflow-y:visible!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;scroll-behavior:smooth!important;scroll-snap-type:none!important;touch-action:auto!important;scrollbar-width:none!important;border-radius:0!important;isolation:auto!important;background:transparent!important;-webkit-mask-image:none!important;mask-image:none!important;overscroll-behavior:initial!important;border:0!important;box-shadow:none!important;perspective:none!important;transform:none!important;overscroll-behavior-x:none!important;overflow:visible!important;display:block!important;width:100%!important;contain:none!important;-webkit-transform:none!important;translate:none!important;will-change:scroll-position!important}
#uabPage .uab-path-viewport::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
#uabPage .uab-path-viewport .uab-path{min-height:0!important;height:auto!important;overflow:visible!important;padding:18px 0 80px!important;margin:0!important;transform:none!important;transform-origin:center top!important;transform-style:flat!important;background:transparent!important;perspective:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;visibility:visible!important;opacity:1!important;scale:none!important;justify-content:flex-start!important;will-change:auto!important;backface-visibility:visible!important;width:100%!important;max-width:100%!important;background-color:transparent!important;border:0!important;box-shadow:none!important;translate:none!important;max-height:none!important}
#uabPage .uab-path-viewport .uab-node{scroll-snap-align:none!important;scroll-snap-stop:normal!important;flex:0 0 auto!important;margin-top:18px!important;margin-bottom:18px!important;transform-style:flat!important;backface-visibility:visible!important;border:0!important;border-bottom:7px solid #b9c8cd!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:filter .18s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.22,1,.36,1)!important;padding:6px 8px!important}
#uabPage .uab-path-viewport .semester-divider{scroll-snap-align:none!important;scroll-snap-stop:normal!important;width:min(330px,88%)!important;min-height:46px!important;margin:2px 0 0!important;transform:none!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:46px!important;flex:0 0 46px!important;padding:0!important;background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;translate:none!important}
#uabPage .uab-path-viewport .uab-node.active-node{border-color:#45a900!important;border-bottom-color:#3c9300!important;background:linear-gradient(180deg,#ffffff 0%,#f6fff1 100%)!important;box-shadow:0 7px 0 #3c9300,0 13px 22px rgba(88,204,2,.20)!important}
#uabPage .uab-path-viewport .uab-node.locked-node{border-bottom-color:#aebdc2!important;box-shadow:0 5px 0 #aebdc2,0 10px 17px rgba(34,52,59,.09)!important}
#uabPage .uab-path-viewport .uab-node:active{transform:translateY(5px)!important;border-bottom-width:3px!important;box-shadow:0 2px 0 rgba(0,0,0,.05),0 6px 12px rgba(34,52,59,.10)!important}
#uabPage .uab-path-viewport .uab-node:hover:not(.locked-node){filter:brightness(1.02)!important;box-shadow:0 8px 0 #3c9300,0 15px 24px rgba(88,204,2,.18)!important}
#uabPage .uab-path-viewport .uab-node-icon{transform:none!important;box-shadow:0 8px 0 #b8c7cc,0 11px 0 #a9b9be,0 16px 24px rgba(34,52,59,.18),inset 0 3px 0 rgba(255,255,255,.9),inset 0 -4px 0 rgba(94,115,123,.08)!important;width:92px!important;height:92px!important;flex:0 0 92px!important;border-radius:50%!important;border:5px solid #d5e0e4!important;background:linear-gradient(145deg,#ffffff 0%,#eef4f6 72%,#e3ecef 100%)!important;color:#52636a!important;font-size:34px!important;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease!important;border-color:#d5e0e4!important;text-shadow:2px 3px 0 rgba(44,60,66,.16),4px 5px 7px rgba(44,60,66,.12)!important}
#uabPage .uab-path-viewport .uab-node.active-node .uab-node-icon{background:#fff!important;border-color:#58cc02!important;color:#24343b!important;transform:scale(1.06)!important;box-shadow:0 7px 0 #46a900,0 11px 18px rgba(88,204,2,.16)!important}
#uabPage .uab-path-viewport .uab-node.locked-node .uab-node-icon{background:#fff!important;border-color:#dce5e8!important;color:#9eabb0!important;box-shadow:0 7px 0 #c6d0d4,0 11px 18px rgba(28,48,56,.08)!important}
#uabPage .uab-path-viewport .uab-node:active .uab-node-icon{transform:translateY(6px)!important;box-shadow:0 2px 0 #aebdc2,0 7px 12px rgba(34,52,59,.12),inset 0 2px 0 rgba(255,255,255,.9)!important}
#uabPage .uab-path-viewport .uab-node.active-node:active .uab-node-icon{transform:translateY(6px) translateZ(8px) scale(1.035)!important;box-shadow:0 2px 0 #3c9300,0 6px 11px rgba(34,52,59,.10),inset 0 2px 0 rgba(255,255,255,.9)!important}
#uabPage .uab-path-viewport .uab-node:hover:not(.locked-node) .uab-node-icon{filter:brightness(1.03)!important;transform:translateZ(22px) translateY(-2px)!important}
#uabPage .uab-path-viewport .uab-node.active-node:hover:not(.locked-node) .uab-node-icon{transform:translateZ(26px) translateY(-2px) scale(1.06)!important}
#uabPage .uab-path-viewport .uab-node b{font-size:11px!important;margin-top:10px!important;font-weight:950!important;white-space:nowrap!important}
#uabPage .uab-path-viewport .uab-node small{font-size:9px!important;margin-top:3px!important}
#uabPage .uab-path-viewport .uab-node,#uabPage .uab-path-viewport .uab-node:hover,#uabPage .uab-path-viewport .uab-node:focus,#uabPage .uab-path-viewport .uab-node:focus-visible,#uabPage .uab-path-viewport .uab-node:active{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important}
#uabPage .uab-path-viewport .uab-node.active-node:after{display:none!important}
#uabPage .uab-path-viewport .uab-node-icon,#uabPage .uab-path-viewport .uab-node.active-node .uab-node-icon,#uabPage .uab-path-viewport .uab-node.locked-node .uab-node-icon{background:#fff!important;color:#263940!important;width:88px!important;height:88px!important;flex:0 0 88px!important;border-radius:50%!important;border:4px solid #dce5e8!important;box-shadow:0 7px 0 #c6d0d4,0 11px 18px rgba(28,48,56,.10)!important;transform:none!important;transition:transform .12s ease,box-shadow .12s ease!important;margin:0!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;font-size:31px!important;line-height:1!important;scale:1!important;rotate:none!important;animation:none!important;position:relative!important;isolation:isolate!important}
#uabPage .uab-path-viewport .uab-path::before,#uabPage .uab-path-viewport .uab-path::after,#uabPage .uab-path-viewport .uab-node::before,#uabPage .uab-path-viewport .uab-node::after{display:none!important;content:none!important}
#uabPage .uab-path-viewport button.uab-node,#uabPage .uab-path-viewport button.uab-node:hover,#uabPage .uab-path-viewport button.uab-node:focus,#uabPage .uab-path-viewport button.uab-node:focus-visible,#uabPage .uab-path-viewport button.uab-node:active{width:100%!important;max-width:100%!important;min-height:118px!important;padding:8px 0!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;filter:none!important;color:#24343b!important;scroll-snap-align:none!important;transition:none!important}
#uabPage .uab-path-viewport button.uab-node:nth-of-type(odd){transform:translateX(-48px) rotateX(-45deg)!important}
#uabPage .uab-path-viewport button.uab-node:nth-of-type(even){transform:translateX(48px) rotateX(-45deg)!important}
#uabPage .uab-path-viewport button.uab-node:nth-of-type(odd):active,#uabPage .uab-path-viewport button.uab-node:nth-of-type(even):active{transform:translateX(-54px)!important}
#uabPage .uab-path-viewport button.uab-node:nth-of-type(even):active{transform:translateX(48px) rotateX(-45deg)!important}
#uabPage .uab-path-viewport .uab-path,#uabPage .uab-path-viewport .uab-path::before,#uabPage .uab-path-viewport .uab-path::after,#uabPage .uab-path-viewport .uab-node::before,#uabPage .uab-path-viewport .uab-node::after{background:transparent!important;border:0!important;box-shadow:none!important;content:none!important;display:none!important}
#uabPage .uab-path-viewport button.uab-node{width:100%!important;max-width:100%!important;min-height:102px!important;margin:0!important;padding:6px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;filter:none!important;transition:none!important;appearance:none!important;-webkit-appearance:none!important}
#uabPage .uab-path-viewport button.uab-node:nth-of-type(odd):active{transform:translateX(-48px) rotateX(-45deg)!important}
#uabPage .uab-path-viewport .uab-node:active .uab-node-icon,#uabPage .uab-path-viewport .uab-node.active-node:active .uab-node-icon{transform:translateY(4px) scale(.98)!important;box-shadow:0 2px 0 #aebdc2,0 6px 11px rgba(34,52,59,.10),inset 0 2px 0 rgba(255,255,255,.9)!important}
#uabPage .uab-path-viewport .uab-node b,#uabPage .uab-path-viewport .uab-node small{white-space:nowrap!important;background:transparent!important;border:0!important;box-shadow:none!important;display:none!important}
#uabPage .uab-path-viewport .uab-path::before,#uabPage .uab-path-viewport .uab-path::after{display:none!important;content:none!important}
#uabPage .uab-path-viewport .uab-path .semester-divider{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:42px!important;height:42px!important;flex:0 0 42px!important;margin:8px 0 4px!important;transform:none!important;background:transparent!important;box-shadow:none!important}
#uabPage .uab-path-viewport .uab-path button.uab-node{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 118px!important;width:100%!important;min-height:118px!important;height:118px!important;margin:0!important;padding:6px 6px 8px!important;background:transparent!important;border:0!important;box-shadow:none!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;transform-origin:center center!important;gap:0!important;flex-basis:142px!important;box-sizing:border-box!important;overflow:visible!important;border-radius:0!important;transition:filter .12s ease!important;-webkit-tap-highlight-color:transparent!important;transform:none!important;position:relative!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(odd){transform:translateX(-46px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(even){transform:translateX(46px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(odd):active{transform:translateX(-46px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(even):active{transform:translateX(46px)!important}
#uabPage .uab-path-viewport .uab-path .uab-node-icon{display:grid!important;visibility:visible!important;opacity:1!important;width:88px!important;height:88px!important;flex:0 0 88px!important;border-radius:50%!important;background:#fff!important;border:5px solid #d5e0e4!important;box-shadow:0 7px 0 #aebdc2,0 11px 18px rgba(34,52,59,.13),inset 0 3px 0 rgba(255,255,255,.95)!important;transform:none!important;scale:none!important;position:relative!important;margin:0 auto!important;place-items:center!important;box-sizing:border-box!important}
#uabPage .uab-path-viewport .uab-path .uab-node.active-node .uab-node-icon{border-color:#58cc02!important;box-shadow:0 7px 0 #3c9300,0 11px 20px rgba(34,52,59,.14),inset 0 3px 0 rgba(255,255,255,.95)!important;transform:none!important;scale:none!important}
#uabPage .uab-path-viewport .uab-path .uab-node.locked-node .uab-node-icon{border-color:#c8d4d8!important;box-shadow:0 7px 0 #aebdc2,0 11px 18px rgba(34,52,59,.09),inset 0 3px 0 rgba(255,255,255,.95)!important}
#uabPage .uab-path-viewport .uab-path .uab-node b,#uabPage .uab-path-viewport .uab-path .uab-node small{background:transparent!important;border:0!important;box-shadow:none!important;white-space:nowrap!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
#uabPage .uab-path-viewport .uab-path button.uab-node,#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(odd),#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(even),#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(odd):active,#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(even):active{transform:translateX(0)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(1){transform:translateX(-72px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(2){transform:translateX(-42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(3){transform:translateX(0)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(4){transform:translateX(42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(5){transform:translateX(72px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(6){transform:translateX(42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(7){transform:translateX(0)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(8){transform:translateX(-42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(9){transform:translateX(-72px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(10){transform:translateX(-42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(11){transform:translateX(0)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(12){transform:translateX(42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(13){transform:translateX(72px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(14){transform:translateX(42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(15){transform:translateX(0)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(16){transform:translateX(-42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(17){transform:translateX(-72px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(18){transform:translateX(-42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(19){transform:translateX(0)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(20){transform:translateX(42px)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node,#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(odd),#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(even),#uabPage .uab-path-viewport .uab-path button.uab-node:hover,#uabPage .uab-path-viewport .uab-path button.uab-node:focus,#uabPage .uab-path-viewport .uab-path button.uab-node:focus-visible,#uabPage .uab-path-viewport .uab-path button.uab-node:active{width:100%!important;max-width:100%!important;height:106px!important;min-height:106px!important;flex:0 0 106px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;scale:1!important;filter:none!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;transition:filter .14s ease!important}
#uabPage .uab-path-viewport .uab-node:nth-of-type(odd),#uabPage .uab-path-viewport .uab-node:nth-of-type(even),#uabPage .uab-path-viewport .uab-node:nth-of-type(odd):hover:not(.locked-node),#uabPage .uab-path-viewport .uab-node:nth-of-type(even):hover:not(.locked-node){transform:none!important}
#uabPage .uab-path-viewport .uab-node:hover:not(.locked-node) .uab-node-icon,#uabPage .uab-path-viewport .uab-node.active-node:hover:not(.locked-node) .uab-node-icon{transform:scale(1.08)!important}
.uab-node-desc{display:block;margin-top:4px;font-size:9px;font-weight:750;color:#718188;line-height:1.25;max-width:190px;text-wrap:balance}
.uab-node-status{display:block;margin-top:2px;font-size:8px;font-weight:850;color:#aeb9bd;line-height:1.15}
.uab-node.active-node .uab-node-desc{color:#5e7279}
.uab-node.locked-node .uab-node-desc{color:#9ca9ad}
.uab-node:active .uab-node-icon{transform:scale(.93)!important;box-shadow:0 2px 0 #cbd5d9!important}
.uab-node.active-node:active .uab-node-icon{animation-play-state:paused!important;background:#4eb700;border-color:#3f9800}
.uab-node.active-node:focus-visible{outline:3px solid rgba(88,204,2,.35);outline-offset:5px;border-radius:24px}
#uabPage .uab-path-viewport .uab-path button.uab-node b,#uabPage .uab-path-viewport .uab-path button.uab-node small{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;background:transparent!important;border:0!important;box-shadow:none!important}
#uabPage .uab-path-viewport .uab-path button.uab-node b{margin-top:6px!important;font-size:15px!important;line-height:1.08!important;font-weight:950!important;letter-spacing:.15px!important;color:#24343b!important;display:block!important;width:auto!important;max-width:92%!important;margin:8px auto 0!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#uabPage .uab-path-viewport .uab-path button.uab-node .uab-node-desc{margin-top:4px!important;font-size:9px!important;line-height:1.25!important;font-weight:750!important;color:#65767d!important;min-height:23px!important;max-width:170px!important;text-align:center!important;text-wrap:balance!important}
#uabPage .uab-path-viewport .uab-path button.uab-node .uab-node-status{margin-top:3px!important;font-size:8px!important;line-height:1.15!important;font-weight:900!important;color:#9aa8ad!important;min-height:10px!important}
#uabPage .uab-path-viewport .uab-path button.uab-node .uab-node-icon{width:68px!important;height:68px!important;flex:0 0 68px!important;font-size:27px!important;margin:0!important;transform:none!important;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s ease,background .12s ease!important}
#uabPage .uab-path-viewport .uab-path button.uab-node.active-node{border-color:#8fd45d!important;background:#f9fff5!important}
#uabPage .uab-path-viewport .uab-path button.uab-node.active-node .uab-node-desc{color:#58706a!important}
#uabPage .uab-path-viewport .uab-path button.uab-node.locked-node{background:#f7f9fa!important;border-color:#d7e0e3!important}
#uabPage .uab-path-viewport .uab-path button.uab-node.locked-node .uab-node-desc{color:#89979c!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:active,#uabPage .uab-path-viewport .uab-path button.uab-node:focus:active{transform:translateY(5px)!important;box-shadow:0 1px 0 #c0ccd0,0 4px 9px rgba(30,50,58,.08)!important;filter:brightness(.985)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:active .uab-node-icon,#uabPage .uab-path-viewport .uab-path button.uab-node:focus:active .uab-node-icon{transform:translateY(4px) scale(.95)!important;filter:brightness(.96)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node.active-node:active .uab-node-icon{background:#4eb700!important;border-color:#3f9800!important;box-shadow:0 3px 0 #3c9300,0 6px 10px rgba(34,52,59,.10)!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:hover,#uabPage .uab-path-viewport .uab-path button.uab-node:focus,#uabPage .uab-path-viewport .uab-path button.uab-node:focus-visible{transform:none!important;box-shadow:none!important}
#uabPage .uab-path-viewport .uab-path button.uab-node:active{transform:none!important;filter:brightness(.97)!important;box-shadow:none!important}
#uabPage .uab-path-viewport .uab-path button.uab-node .uab-node-desc,#uabPage .uab-path-viewport .uab-path button.uab-node .uab-node-status{display:none!important;visibility:hidden!important}
.uab-node:nth-of-type(1){transform:translateX(-18px)!important}
.uab-node:nth-of-type(2){transform:translateX(38px)!important}
.uab-node:nth-of-type(3){transform:translateX(68px)!important}
.uab-node:nth-of-type(4){transform:translateX(48px)!important}
.uab-node:nth-of-type(5){transform:translateX(-8px)!important}
.uab-node:nth-of-type(6){transform:translateX(-58px)!important}
.uab-node:nth-of-type(7){transform:translateX(-76px)!important}
.uab-node:nth-of-type(8){transform:translateX(-46px)!important}
.uab-node:nth-of-type(9){transform:translateX(12px)!important}
.uab-node:nth-of-type(10){transform:translateX(62px)!important}
.uab-node:nth-of-type(11){transform:translateX(76px)!important}
.uab-node:nth-of-type(12){transform:translateX(42px)!important}
.uab-node:nth-of-type(13){transform:translateX(-12px)!important}
.uab-node:nth-of-type(14){transform:translateX(-62px)!important}
.uab-node:nth-of-type(15){transform:translateX(-74px)!important}
.uab-node:nth-of-type(16){transform:translateX(-38px)!important}
.uab-node:nth-of-type(17){transform:translateX(18px)!important}
.uab-node:nth-of-type(18){transform:translateX(64px)!important}
.uab-node:nth-of-type(19){transform:translateX(70px)!important}
.uab-node:nth-of-type(20){transform:translateX(28px)!important}
.uab-node:hover:not(.locked-node),.uab-node:active,.uab-node:nth-of-type(n):hover:not(.locked-node),.uab-node:nth-of-type(n):active{transform:inherit!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="1"]{--uab-fixed-x:-72px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="2"]{--uab-fixed-x:-42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="3"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="4"]{--uab-fixed-x:42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="5"]{--uab-fixed-x:72px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="6"]{--uab-fixed-x:42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="7"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="8"]{--uab-fixed-x:-42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="9"]{--uab-fixed-x:-72px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="10"]{--uab-fixed-x:-42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="11"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="12"]{--uab-fixed-x:42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="13"]{--uab-fixed-x:72px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="14"]{--uab-fixed-x:42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="15"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="16"]{--uab-fixed-x:-42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="17"]{--uab-fixed-x:-72px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="18"]{--uab-fixed-x:-42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="19"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="20"]{--uab-fixed-x:42px;transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node:hover,#uabPage .uab-path-viewport .uab-path>button.uab-node:focus,#uabPage .uab-path-viewport .uab-path>button.uab-node:active{transform:translate3d(var(--uab-fixed-x),0,0)!important}
#uabPage .uab-path-viewport,#uabPage .uab-path{overflow-x:hidden!important}
#uabPage .uab-path>button.uab-node{position:relative!important;transform:none!important;translate:none!important;margin-left:0!important;margin-right:0!important;right:auto!important;transition:filter .16s ease!important;background:transparent!important;will-change:auto!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:min(285px,74%)!important;min-height:118px!important;padding:0 8px 8px!important;border:0!important;color:#24343b!important}
#uabPage .uab-path>button.uab-node[data-uab-index="1"]{left:-62px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="2"]{left:-36px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="3"]{left:0!important}
#uabPage .uab-path>button.uab-node[data-uab-index="4"]{left:36px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="5"]{left:62px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="6"]{left:36px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="7"]{left:0!important}
#uabPage .uab-path>button.uab-node[data-uab-index="8"]{left:-36px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="9"]{left:-62px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="10"]{left:-36px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="11"]{left:0!important}
#uabPage .uab-path>button.uab-node[data-uab-index="12"]{left:36px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="13"]{left:62px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="14"]{left:36px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="15"]{left:0!important}
#uabPage .uab-path>button.uab-node[data-uab-index="16"]{left:-36px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="17"]{left:-62px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="18"]{left:-36px!important}
#uabPage .uab-path>button.uab-node[data-uab-index="19"]{left:0!important}
#uabPage .uab-path>button.uab-node[data-uab-index="20"]{left:36px!important}
#uabPage .uab-path>button.uab-node:hover:not(.locked-node),#uabPage .uab-path>button.uab-node:focus-visible:not(.locked-node),#uabPage .uab-path>button.uab-node:active{transform:none!important}
#uabPage .uab-path>button.uab-node:active .uab-node-icon{transform:scale(.93)!important}
#uabPage .uab-path:before,#uabPage .uab-path:after{display:none!important;content:none!important;background:none!important}
#uabPage .uab-path>button.uab-node.active-node{background:transparent!important}
#uabPage .uab-path>button.uab-node,#uabPage .uab-path>button.uab-node[data-uab-index],#uabPage .uab-path>button.uab-node:hover,#uabPage .uab-path>button.uab-node:focus,#uabPage .uab-path>button.uab-node:focus-visible,#uabPage .uab-path>button.uab-node:active{position:relative!important;left:0!important;right:auto!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;translate:none!important;inset-inline:auto!important;will-change:auto!important}
#uabPage .uab-path>button.uab-node:not(:active) .uab-node-icon{transform:none!important}
#dailyStreakCard{display:none!important}
#uabPage .uab-path>button.uab-node .uab-node-icon{flex:0 0 auto!important}
#uabPage .uab-path>button.uab-node>b{display:block!important;visibility:visible!important;opacity:1!important;margin-top:11px!important;font-size:13px!important;line-height:1.15!important;font-weight:950!important;letter-spacing:.2px!important;color:#24343b!important;max-width:100%!important;white-space:nowrap!important;text-align:center!important;position:relative!important;z-index:2!important;padding:0!important;border:0!important;box-shadow:none!important}
#uabPage .uab-path>button.uab-node.locked-node>b{color:#6f7e83!important}
#uabPage .uab-path>button.uab-node.active-node>b{color:#24343b!important}
#uabPage .uab-path>button.uab-node,#uabPage .uab-path>button.uab-node>b,#uabPage .uab-path>button.uab-node>small{background:transparent!important;background-color:transparent!important}
#uabPage .uab-path>button.uab-node.active-node .uab-node-icon{box-shadow:0 7px 0 #c7d2d6,0 9px 12px rgba(34,52,59,.08)!important}
#uabPage .uab-path>button.uab-node::before,#uabPage .uab-path>button.uab-node::after{background:transparent!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node,#uabPage .uab-path-viewport .uab-path>button.uab-node.active-node,#uabPage .uab-path-viewport .uab-path>button.uab-node.locked-node,#uabPage .uab-path-viewport .uab-path>button.uab-node:hover,#uabPage .uab-path-viewport .uab-path>button.uab-node:focus,#uabPage .uab-path-viewport .uab-path>button.uab-node:focus-visible,#uabPage .uab-path-viewport .uab-path>button.uab-node:active{width:100%!important;max-width:100%!important;height:118px!important;min-height:118px!important;flex:0 0 118px!important;margin-left:0!important;margin-right:0!important;padding:0 12px 8px!important;background:transparent!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;left:0!important;right:auto!important;inset-inline:auto!important;transform:none!important;translate:none!important;position:relative!important;overflow:visible!important;filter:none!important;transition:none!important;will-change:auto!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node:active .uab-node-icon{transform:translateY(3px) scale(.94)!important;filter:brightness(.96)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node:not(:active) .uab-node-icon{transform:none!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node.active-node .uab-node-icon{background:#fff!important;border:5px solid #58cc02!important;color:#24343b!important;box-shadow:0 7px 0 #46a900,0 10px 18px rgba(88,204,2,.12)!important;border-color:#58cc02!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node.locked-node .uab-node-icon{background:#f0f4f5!important;border-color:#d8e2e5!important;box-shadow:0 7px 0 #c7d2d6,0 9px 14px rgba(34,52,59,.06)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node>b{display:block!important;margin:9px auto 0!important;padding:0!important;background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;color:#24343b!important;font-size:14px!important;line-height:1.1!important;font-weight:950!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;position:relative!important;z-index:2!important;width:auto!important;max-width:94%!important;margin-left:0!important;margin-right:0!important;text-overflow:ellipsis!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node.locked-node>b{color:#6f7e83!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node>small,#uabPage .uab-path-viewport .uab-path>button.uab-node .uab-node-desc,#uabPage .uab-path-viewport .uab-path>button.uab-node .uab-node-status{display:none!important}
#uabPage .uab-path-viewport .uab-path::before,#uabPage .uab-path-viewport .uab-path::after,#uabPage .uab-path-viewport .uab-path>button.uab-node::before,#uabPage .uab-path-viewport .uab-path>button.uab-node::after{content:none!important;display:none!important;background:transparent!important;box-shadow:none!important;border:0!important}
#uabPage .uab-path-viewport,#uabPage .uab-path-viewport .uab-path{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node{align-self:center!important;display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;inset:0 auto auto auto!important;left:auto!important;right:auto!important;transform:none!important;translate:none!important;position:relative!important;box-sizing:border-box!important;justify-content:flex-start!important;align-items:center!important;text-align:center!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node:hover,#uabPage .uab-path-viewport .uab-path>button.uab-node:focus,#uabPage .uab-path-viewport .uab-path>button.uab-node:focus-visible,#uabPage .uab-path-viewport .uab-path>button.uab-node:active{transform:none!important;translate:none!important;left:auto!important;right:auto!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node .uab-node-icon{position:relative!important;left:auto!important;right:auto!important;margin-left:auto!important;margin-right:auto!important;flex:0 0 72px!important;display:grid!important;place-items:center!important;width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border-radius:50%!important;background:#fff!important;border:5px solid #d8e2e5!important;box-shadow:0 7px 0 #c7d2d6,0 9px 14px rgba(34,52,59,.08)!important;transform:none!important;translate:none!important;transition:transform .12s ease,filter .12s ease!important}
#duoQuickStart{display:none!important}
.header .brand>div:last-child{min-width:0!important;overflow:hidden!important}
.header .brand h1{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node,#uabPage .uab-path-viewport .uab-path>button.uab-node.active-node,#uabPage .uab-path-viewport .uab-path>button.uab-node.locked-node{position:relative!important;left:auto!important;right:auto!important;inset:auto!important;align-self:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;min-width:0!important;height:124px!important;min-height:124px!important;flex:0 0 124px!important;margin:0!important;padding:5px 8px 8px!important;box-sizing:border-box!important;background:transparent!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;transform:none!important;translate:none!important;transition:none!important;filter:none!important;overflow:visible!important;will-change:auto!important;contain:none!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node::before,#uabPage .uab-path-viewport .uab-path>button.uab-node::after{display:none!important;content:none!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node .uab-node-desc,#uabPage .uab-path-viewport .uab-path>button.uab-node .uab-node-status,#uabPage .uab-path-viewport .uab-path>button.uab-node>small{display:none!important}
#uabPage .uab-path-viewport .semester-divider span{background:#fff!important;box-shadow:0 3px 0 #d3dde0!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node,#uabPage .uab-path-viewport .uab-path>button.uab-node.active-node,#uabPage .uab-path-viewport .uab-path>button.uab-node.locked-node,#uabPage .uab-path-viewport .uab-path>button.uab-node:hover,#uabPage .uab-path-viewport .uab-path>button.uab-node:focus,#uabPage .uab-path-viewport .uab-path>button.uab-node:active{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border-color:transparent!important;transform:none!important;translate:none!important;left:auto!important;right:auto!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node:active .uab-node-icon,#uabPage .uab-path-viewport .uab-path>button.uab-node:focus:active .uab-node-icon{transform:translateY(3px) scale(.95)!important;filter:brightness(.97)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node.active-node:active .uab-node-icon{background:#4eb700!important;border-color:#3f9800!important;box-shadow:0 3px 0 #3c9300,0 6px 10px rgba(34,52,59,.10)!important}
#uabPage .uab-path-viewport .uab-path>button.uab-node:nth-of-type(n){transform:none!important;left:auto!important;right:auto!important}
input,textarea,select{font-size:16px!important}
#uabPage #uabBlockList{position:static!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;margin:0!important;padding:18px 0 90px!important;gap:0!important;transform:none!important;-webkit-transform:none!important;translate:none!important;overflow:visible!important}
#uabPage #uabBlockList>.uab-node{position:static!important;display:flex!important;flex:0 0 124px!important;width:100%!important;height:124px!important;min-height:124px!important;max-width:none!important;margin:0!important;padding:4px 8px 8px!important;align-self:center!important;align-items:center!important;justify-content:flex-start!important;flex-direction:column!important;box-sizing:border-box!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;-webkit-transform:none!important;translate:none!important;rotate:none!important;scale:none!important;transition:none!important;animation:none!important;float:none!important;background:transparent!important;background-color:transparent!important;border:0!important;border-color:transparent!important;border-radius:0!important;box-shadow:none!important;filter:none!important;outline:none!important;overflow:visible!important;will-change:auto!important;contain:none!important}
#uabPage #uabBlockList>.uab-node:hover,#uabPage #uabBlockList>.uab-node:focus,#uabPage #uabBlockList>.uab-node:focus-visible,#uabPage #uabBlockList>.uab-node:active{position:static!important;transform:none!important;-webkit-transform:none!important;translate:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important}
#uabPage #uabBlockList>.uab-node .uab-node-icon{position:relative!important;flex:0 0 72px!important;width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;margin:0!important;transform:none!important;-webkit-transform:none!important;translate:none!important;rotate:none!important;scale:none!important}
#uabPage #uabBlockList>.uab-node>b{position:static!important;display:block!important;margin:9px auto 0!important;transform:none!important;-webkit-transform:none!important;translate:none!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important}
#uabPage #uabBlockList>.uab-node::before,#uabPage #uabBlockList>.uab-node::after{display:none!important;content:none!important}
#uabPage #uabBlockList>.semester-divider{position:static!important;transform:none!important;-webkit-transform:none!important;translate:none!important;left:auto!important;right:auto!important;margin:2px 0!important}
.upi-create-question-btn{flex:0 0 auto;white-space:nowrap;min-height:44px;padding:0 15px;border-radius:15px;font-weight:900}
.upi-create-card{max-height:min(88vh,760px);overflow:auto}
.upi-create-card form{display:grid;gap:9px;margin-top:14px}
.upi-create-card label{font-size:11px;font-weight:900;letter-spacing:.02em;color:var(--muted)}
.upi-create-card input[type=file],.upi-create-card select,.upi-create-card textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--ios-fill,rgba(118,118,128,.10));border-radius:14px;padding:12px;font:inherit;color:inherit;outline:none}
.upi-create-card textarea{resize:vertical;min-height:72px}
.upi-create-card input[type=file]{padding:10px;font-size:12px}
.upi-create-preview{margin:2px 0 4px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--ios-fill,rgba(118,118,128,.08));max-height:220px;display:grid;place-items:center}
.upi-create-preview img{display:block;width:100%;max-height:220px;object-fit:contain}
.upi-block-create{appearance:none;border:0!important;background:#eef9e8!important;color:#3b8f12!important;border-radius:12px!important;padding:9px 11px!important;min-height:38px!important;font:inherit!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;transform:none!important}
.upi-block-create:active{transform:scale(.96)!important}
.upi-block-create:focus-visible{outline:3px solid rgba(88,204,2,.25);outline-offset:2px}
.upi-image-zoom-card{width:min(94vw,980px)!important;height:min(90dvh,820px)!important;display:grid!important;flex-direction:column!important;background:var(--surface,#fff);border-radius:22px!important;overflow:hidden!important;position:relative!important;box-shadow:0 24px 70px rgba(0,0,0,.28);box-sizing:border-box!important;max-width:900px!important;max-height:820px!important;margin:auto!important;isolation:isolate!important;grid-template-rows:auto minmax(0,1fr) auto!important}
.upi-zoom-stage{flex:1;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#111!important;padding:18px!important;touch-action:none!important;cursor:grab;position:relative!important;grid-row:2!important;width:100%!important;height:100%!important}
.upi-zoom-stage:active{cursor:grabbing}
.upi-zoom-stage img{display:block;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;transform-origin:center center!important;user-select:none;-webkit-user-drag:none;will-change:transform;backface-visibility:hidden}
.upi-zoom-hint{padding:11px 52px 12px!important;text-align:center;font-size:11px!important;font-weight:800!important;color:var(--muted,#6b7280);background:var(--card)!important;grid-row:3!important;min-height:44px!important;border-top:1px solid var(--line)!important}
.upi-custom-manager{margin-top:16px;padding:16px}
.upi-custom-list{display:grid;gap:8px;margin-top:8px}
.upi-custom-item{width:100%;display:flex;grid-template-columns:48px minmax(0,1fr) 30px;gap:8px;align-items:center;text-align:left;border:1px solid var(--border,#e2e8eb);background:var(--surface,#fff);border-radius:16px;padding:9px;cursor:pointer;font:inherit;color:inherit}
.upi-custom-item:active{transform:translateY(2px)}
.upi-custom-thumb{width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--surface);display:grid;place-items:center;flex:0 0 40px}
.upi-custom-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.upi-custom-item b{display:block;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upi-custom-item small{display:block;margin-top:3px;color:var(--muted,#6b7280);font-size:10px;font-weight:700}
.upi-edit-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:5px}
.upi-edit-actions .ghost{min-height:44px;border:1px solid #f0caca;background:#fff5f5;color:#c53030;border-radius:14px;font:inherit;font-weight:900}
.offline-mode-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.04em;opacity:.72}
.bottom-nav,.floating-dashboard,.app-bottom-nav,.mobile-nav{padding-bottom:max(10px,var(--nav-safe-bottom));box-sizing:border-box;min-height:calc(var(--nav-height)+var(--nav-safe-bottom))}
.bottom-nav>*,.floating-dashboard>*,.app-bottom-nav>*,.mobile-nav>*{min-width:0}
main,.main-content,.page-content,.content,.app-content{padding-bottom:calc(24px+var(--nav-safe-bottom))}
html[data-theme="dark"],body.dark,.dark-mode{--bg:#111318;--surface:#191c22;--surface-2:#20242c;--surface-3:#272c35;--text:#f4f6f8;--text-secondary:#aeb5c0;--border:rgba(255,255,255,.09)}
html[data-theme="dark"] body,body.dark,.dark-mode{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .card,html[data-theme="dark"] .section,html[data-theme="dark"] .panel,html[data-theme="dark"] .modal,html[data-theme="dark"] .bottom-nav,html[data-theme="dark"] .floating-dashboard,body.dark .card,body.dark .section,body.dark .panel,body.dark .modal,body.dark .bottom-nav,body.dark .floating-dashboard{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 8px 28px rgba(0,0,0,.20)}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select,body.dark input,body.dark textarea,body.dark select{background:var(--surface-2);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder,body.dark input::placeholder,body.dark textarea::placeholder{color:#7f8793}
html[data-theme="dark"] .muted,html[data-theme="dark"] .secondary,body.dark .muted,body.dark .secondary{color:var(--text-secondary)}
html[data-theme="dark"] button,body.dark button{color:var(--text)}
html[data-theme="dark"] .bottom-nav,body.dark .bottom-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.upi-owned-block{display:block;width:100%;overflow:hidden}
.upi-owned-head{display:flex;align-items:center;gap:12px;padding:16px 18px 10px}
.upi-owned-head>div{display:grid;gap:3px;min-width:0}
.upi-owned-head small{opacity:.7}
.upi-owned-content{padding:4px 18px 18px}
.upi-owned-create{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:0;border-radius:16px;padding:11px 16px;font-weight:900;cursor:pointer;background:var(--accent,#5b7cff);color:#fff}
.upi-owned-questions{margin-top:10px;display:grid;gap:10px}
.upi-image-zoom-card .upi-zoom-stage{box-sizing:border-box!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:58px 20px 20px!important;background:#111!important;position:relative!important;touch-action:none!important}
.upi-image-zoom-card .upi-zoom-stage img{box-sizing:border-box;display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;flex:0 0 auto!important;transform-origin:center center!important;user-select:none!important;-webkit-user-drag:none!important}
.upi-image-zoom-card .upi-zoom-hint{flex:0 0 auto!important;min-height:42px!important;box-sizing:border-box!important;padding:10px 54px 10px 16px!important;text-align:center!important;position:relative!important;z-index:10!important;background:var(--surface,#fff)!important}
.upi-image-zoom-card .account-modal-close{z-index:20!important;position:absolute!important;top:12px!important;right:12px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;box-shadow:0 3px 10px rgba(0,0,0,.15)!important;pointer-events:auto!important;left:auto!important;color:#263238!important;border:1px solid #dce4df!important;font-size:26px!important;line-height:1!important}
button,input,textarea,select{font-family:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(88,204,2,.28);outline-offset:2px}
.header .icon-btn:active{transform:translateY(2px);box-shadow:none}
.card,.nested-card{background:var(--card);border:1.5px solid var(--line);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:none;-webkit-backdrop-filter:none}
.choice:active{transform:translateY(2px);box-shadow:none}
.secondary,.bookmark{background:var(--card);border:1.5px solid var(--line);box-shadow:0 2px 0 rgba(31,42,35,.06);font-weight:850}
.secondary:active,.bookmark:active{transform:translateY(2px);box-shadow:none}
.progress,.bar{height:9px;background:#e6ece7}
.answer:hover:not(:disabled){border-color:#b8c9bc;transform:translateY(-1px)}
.floating-dashboard-nav .floating-nav-slider{background:#e9f9df!important;border:2px solid #b9e99b!important;border-radius:18px!important;box-shadow:inset 0 -3px 0 #a4dc84,0 3px 8px rgba(70,169,0,.12)!important;position:absolute!important;z-index:0!important;top:6px!important;bottom:6px!important;left:6px!important;width:calc((100% - 16px)/4)!important;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .2s ease!important;will-change:transform!important;pointer-events:none!important}
.floating-dashboard-nav .floating-nav-item{font-weight:750!important;color:#6d7972!important;min-height:58px!important;position:relative!important;z-index:1!important;width:100%!important;min-width:0!important;height:100%!important;padding:5px 2px 4px!important;margin:0!important;border:0!important;background:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-align:center!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;font-size:11px!important;line-height:1.15!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;-webkit-tap-highlight-color:transparent!important;transition:color .22s ease,transform .18s ease!important;transform-origin:center bottom!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
.floating-dashboard-nav .floating-nav-item.active{color:var(--nav-active-text)!important}
.floating-dashboard-nav .floating-nav-icon{font-size:0!important;font-weight:900!important;width:30px!important;height:30px!important;flex:0 0 30px!important;margin:0 auto 3px!important;display:grid!important;place-items:center!important;line-height:1!important;overflow:visible!important;position:relative!important;color:var(--nav-icon-color,#58cc02)!important;transform:translateZ(0) scale(1)!important;transition:transform .18s cubic-bezier(.2,.9,.25,1.25),filter .18s ease!important}
.account-modal[hidden],.modal-backdrop[hidden]{display:none!important}
.account-modal-card,.upi-image-zoom-card{position:relative!important;z-index:1!important;max-width:min(94vw,720px)!important;max-height:min(90dvh,860px)!important;margin:auto!important;border-radius:22px!important;box-shadow:0 18px 60px rgba(0,0,0,.28)!important;overflow:hidden!important;background:var(--card)!important;border:1px solid var(--line)!important}
body.modal-open{overflow:hidden!important;overscroll-behavior:none!important}
.account-modal .account-modal-card.upi-create-card{max-height:min(90dvh,820px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;min-height:0!important}
.account-modal .upi-create-card form{padding-bottom:max(8px,env(safe-area-inset-bottom))}
.app,.view,.card,.nested-card,.account-modal-card{min-width:0!important;overflow-wrap:anywhere}
.answers,.choice-grid,.menu-grid,.stats,.result-grid{min-width:0}
.answers>*{min-width:0}
.account-form input,.account-form textarea,.account-form select,.upi-create-card input,.upi-create-card textarea,.upi-create-card select{background:var(--surface)!important;border:1.5px solid var(--line)!important;border-radius:14px!important;min-height:46px!important;color:var(--text)!important;font-size:15px!important;font-weight:650!important}
.dashboard-scope-panel,.dashboard-card,.radar-chart,.radar-legend,.dashboard-recommendations{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.dashboard-stats>*{border-radius:15px!important;border:1.5px solid var(--line)!important;background:var(--card)!important;box-shadow:0 2px 0 rgba(31,42,35,.05)!important}
.floating-dashboard-nav .floating-nav-item:active{transform:scale(.94)!important}
.floating-dashboard-nav .floating-nav-icon svg{width:100%!important;height:100%!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform .3s cubic-bezier(.22,1,.36,1),stroke-width .2s ease!important;overflow:visible!important}
.floating-dashboard-nav .floating-nav-item.active .floating-nav-icon svg{transform:translateY(-1px) scale(1.06)!important;stroke-width:2.2!important}
.floating-dashboard-nav .floating-nav-item span:last-child{display:block!important;width:100%!important;min-width:0!important;padding:0 1px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;text-align:center!important;line-height:1.1!important;font-family:var(--clined-font)!important;font-weight:800!important}
.floating-dashboard-nav .floating-nav-icon svg path,.floating-dashboard-nav .floating-nav-icon svg circle{stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}
.floating-dashboard-nav .floating-nav-item[data-floating-nav="home"]{--nav-icon-color:#1cb0f6!important}
.floating-dashboard-nav .floating-nav-item[data-floating-nav="dashboard"]{--nav-icon-color:#ff9600!important}
.floating-dashboard-nav .floating-nav-item[data-floating-nav="uab"]{--nav-icon-color:#ce82ff!important}
.floating-dashboard-nav .floating-nav-item[data-floating-nav="account"]{--nav-icon-color:#ff4b4b!important}
.floating-dashboard-nav .floating-nav-item.active .floating-nav-icon{filter:saturate(1.12) brightness(1.02) drop-shadow(0 2px 1px rgba(0,0,0,.10))!important;transform:translateY(-2px) scale(1.08)!important}
.floating-dashboard-nav .floating-nav-item.active span:last-child{color:#34434a!important}
:root.dark .floating-dashboard-nav .floating-nav-item.active span:last-child{color:#f4f7f8!important}
.floating-dashboard-nav .floating-nav-item.nav-pop{animation:floatingNavPop .48s cubic-bezier(.2,.9,.25,1.15)!important}
.floating-dashboard-nav .floating-nav-item.nav-pop .floating-nav-icon{animation:floatingIconPop .48s cubic-bezier(.2,.9,.25,1.15)!important}
.floating-dashboard-nav .floating-nav-item::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.2)}
.floating-dashboard-nav .floating-nav-item.nav-pop::after{animation:floatingNavRipple .42s ease-out!important}
:root.dark .floating-dashboard-nav .floating-nav-slider{background:#29411f!important;border-color:#466b36!important;box-shadow:inset 0 -3px 0 #35572a,0 3px 8px rgba(0,0,0,.2)!important}
#menuSection{width:100%;box-sizing:border-box;overflow:visible!important;overflow-anchor:none}
#menuSection .menu-section-toggle{min-height:46px!important;box-sizing:border-box!important;align-items:center!important;width:100%!important;min-width:0!important;display:flex!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:4px 4px 10px!important;border:0!important;background:transparent!important;color:var(--text)!important}
#menuSection .menu-section-toggle .section-title{min-width:0!important;line-height:1.2!important;margin:0!important;flex:1 1 auto!important;text-align:left!important}
#menuSection .menu-section-arrow{flex:0 0 34px!important;text-align:center!important}
#menuSection .menu-section-content{width:100%;box-sizing:border-box;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;align-items:stretch}
#menuSection .menu-item{width:100%;min-width:0;min-height:72px!important;box-sizing:border-box;padding:12px 13px!important;gap:10px!important;overflow:hidden}
#menuSection .menu-item>span:last-child{min-width:0;flex:1 1 auto;white-space:normal;overflow-wrap:anywhere;line-height:1.22}
#menuSection .menu-item .menu-icon{flex:0 0 42px}
.home-materials-card{margin-top:14px;overflow:hidden}
.home-materials-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 17px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;min-width:0}
.home-materials-leading{display:flex;align-items:center;gap:12px;min-width:0}
.home-materials-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;background:#58cc02;color:#fff;font-size:22px;box-shadow:0 3px 0 #3c9300}
.home-materials-leading b{display:block;font-size:16px;line-height:1.2}
.home-materials-leading small{display:block;margin-top:3px;font-size:12px;line-height:1.35;opacity:.62}
.home-materials-arrow{flex:0 0 auto;transition:transform .22s ease}
.home-materials-toggle[aria-expanded="true"] .home-materials-arrow{transform:rotate(180deg)}
.home-materials-content{padding:0 14px 15px}
.home-materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-material-item{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;min-width:0;padding:12px;border-radius:15px;text-decoration:none;color:inherit;background:rgba(255,255,255,.68);border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 0 rgba(0,0,0,.04);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.home-material-item>span{grid-row:1 / span 2;font-size:22px}
.home-material-item b{font-size:13px;line-height:1.2;overflow-wrap:anywhere}
.home-material-item small{font-size:10px;opacity:.58;margin-top:2px}
.home-material-item:active{transform:translateY(2px) scale(.985);box-shadow:none}
.home-material-item:hover{background:rgba(255,255,255,.9)}
html.dark .home-material-item{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}
.home-materials-link{width:100%;border:0;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 17px;overflow:hidden;font:inherit;color:inherit;appearance:none}
.home-materials-link .home-materials-arrow{font-size:28px;line-height:1;transform:none!important;transition:transform .18s ease}
.home-materials-link:active .home-materials-arrow{transform:translateX(3px)!important}
.materials-page{max-width:760px;margin:0 auto;padding-bottom:36px}
.materials-page-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.materials-page-header .back-link{margin:0;flex:0 0 auto}
.materials-page-header>div:last-child{min-width:0}
.materials-page-header h2{margin:3px 0 4px;font-size:28px;line-height:1.05;letter-spacing:-.6px}
.materials-page-header p{margin:0;color:#7d8d94;font-size:12px;line-height:1.4}
.materials-summary-card{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:13px}
.materials-summary-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#58cc02;color:#fff;font-size:23px;box-shadow:0 4px 0 #3c9300;flex:0 0 46px}
.materials-summary-card b{display:block;font-size:16px;line-height:1.2}
.materials-summary-card small{display:block;margin-top:3px;font-size:10px;color:#829198;line-height:1.35}
.materials-block-grid{display:flex!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;flex-direction:column!important}
.material-block-card{position:relative;display:grid;grid-template-columns:auto 46px minmax(0,1fr) auto!important;align-items:center;gap:10px!important;min-width:0;width:100%;min-height:78px;padding:11px 12px!important;border:2px solid #e0e9ec;border-bottom-width:4px;border-radius:17px!important;background:#fff;color:#26373d;text-align:left;font:inherit;cursor:pointer;box-shadow:0 2px 7px rgba(30,50,58,.04);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.material-block-card.has-material{border-color:#d4e9c9;background:#fbfff9}
.material-block-card:active{transform:translateY(3px);border-bottom-width:2px;box-shadow:none}
.material-block-card:not(.has-material){cursor:default;opacity:.68}
.material-block-number{align-self:start;font-size:9px;font-weight:950;color:#a3afb3;padding-top:3px;min-width:17px}
.material-block-icon{width:42px!important;height:42px!important;border-radius:13px;display:grid;place-items:center;background:#eef6f8;font-size:21px;flex:0 0 42px;flex-basis:42px!important}
.material-block-copy{min-width:0}
.material-block-copy b{display:block;font-size:13px!important;font-weight:950;line-height:1.28!important;overflow-wrap:anywhere!important}
.material-block-copy small{display:block;margin-top:3px;font-size:10px!important;font-weight:750;color:#8a999f;line-height:1.3!important}
.material-block-arrow{font-size:25px;line-height:1;color:#a0adb2}
.material-block-card.has-material .material-block-arrow{color:#58a932}
html.dark .materials-page-header p,html.dark .materials-summary-card small{color:#8fa0a7}
html.dark .material-block-card{background:#172329;color:#f4fafc;border-color:#2d3d44}
html.dark .material-block-card.has-material{background:#142719;border-color:#315238}
html.dark .material-block-icon{background:#24343a}
.materials-semester{min-width:0;width:100%}
.materials-semester-divider{display:flex;align-items:center;gap:10px;margin:2px 2px 10px;font-size:10px;font-weight:950;letter-spacing:.12em;color:#7b8a90;text-transform:uppercase;margin-top:4px!important;margin-bottom:9px!important}
.materials-semester-divider::before,.materials-semester-divider::after{content:"";height:2px;flex:1;border-radius:99px;background:#dfe8eb}
.materials-semester-divider span{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#f1f6f7;border:1px solid #dfe8eb}
.materials-semester-track{display:grid!important;gap:9px!important;overflow-x:auto;overflow-y:hidden;padding:2px 1px 4px!important;scroll-snap-type:none!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:1fr!important;overflow:visible!important}
.materials-semester-track::-webkit-scrollbar{display:none}
.materials-semester-track .material-block-card{flex:initial!important;scroll-snap-align:start;width:100%!important;min-width:0!important;min-height:72px!important}
html.dark .materials-semester-divider{color:#9babb2}
html.dark .materials-semester-divider::before,html.dark .materials-semester-divider::after{background:#304047}
html.dark .materials-semester-divider span{background:#1b292e;border-color:#304047}
body.home-context .header{position:static!important;top:auto!important;z-index:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;margin-bottom:10px!important}
body.home-context .view#home,body.home-context .view#home *{scroll-margin-top:0!important}
body.home-context .view#home .account-header,body.home-context .view#home [style*="position:sticky"],body.home-context .view#home [style*="position:sticky"]{position:static!important;top:auto!important}
.upi-material-section .section-title{font-size:18px;line-height:1.2}
html.dark .upi-material-node{box-shadow:0 3px 0 rgba(0,0,0,.18)}
#menuSectionContent{overflow-anchor:none;width:100%!important;box-sizing:border-box!important;min-width:0!important}
body.is-scrolling #home .duo-node.current{animation:none!important;filter:none!important}
body.is-scrolling #home .duo-learning-map::after{animation:none!important;opacity:0!important}
body.is-scrolling #home .duo-banner,body.is-scrolling #home .duo-learning-map,body.is-scrolling #home .duo-mascot,body.is-scrolling #home .duo-node,body.is-scrolling #home .duo-reward-item{transition:none!important}
body.is-scrolling #home .duo-banner:hover,body.is-scrolling #home .duo-node:not(.locked):hover,body.is-scrolling #home .duo-reward-item:hover{transform:none!important;filter:none!important}
.splash-brand,.splash-tagline,.splash-loader{display:none!important}
.header .brand .logo.logo-image{width:50px!important;height:50px!important;flex:0 0 50px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;display:grid!important;place-items:center!important}
.header .brand .logo.logo-image img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.menu-card#menuSection{width:100%!important;box-sizing:border-box!important;overflow:visible!important}
#menuSectionContent .menu-item{width:100%!important;min-width:0!important;box-sizing:border-box!important;max-width:100%!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;margin:0!important}
#menuSectionContent .menu-item span:not(.menu-icon){min-width:0!important}
#menuSection.menu-card{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;overflow:visible!important;padding-bottom:14px!important}
#menuSectionContent.menu-section-content{display:grid!important;width:100%!important;height:auto!important;min-height:0!important;max-height:1600px!important;grid-auto-rows:minmax(56px,auto)!important;align-content:stretch!important;overflow:hidden!important;box-sizing:border-box!important;opacity:1!important;transform:translateY(0)!important;transition:max-height .32s ease,opacity .22s ease,transform .32s ease,padding .32s ease!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;align-items:stretch!important}
#menuSectionContent .menu-item:last-child{grid-column:1 / -1!important;margin:0!important}
.header .brand .logo.logo-image,.header .brand .logo.logo-image img{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.splash-content.is-exiting .splash-brand{animation:splashBrandExit 360ms ease forwards!important}
.app-loading .splash-content{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;transform:none!important;transform-origin:center center!important;will-change:auto!important}
.app-loading .splash-logo{position:absolute!important;left:50%!important;top:50%!important;width:168px!important;height:168px!important;max-width:62vw!important;max-height:62vw!important;margin:0!important;transform:translate(-50%,-50%)!important;transform-origin:50% 50%!important;object-fit:contain!important;animation:splashLogoLargeInCentered .62s cubic-bezier(.2,.85,.2,1) both!important}
.app-loading .splash-brand{position:absolute!important;left:50%!important;top:calc(50%+108px)!important;margin:0!important;transform:translateX(-50%)!important;white-space:nowrap!important;color:#7b4b32!important}
.app-loading .splash-content.is-exiting .splash-logo{animation:splashLogoCoverCentered 760ms cubic-bezier(.72,0,.18,1) forwards!important}
.app-loading .splash-content.is-exiting .splash-brand{animation:splashBrandExitCentered 260ms ease forwards!important}
#menuSection.menu-card.menu-collapsible{overflow:hidden!important;height:auto!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;display:block!important;padding:12px!important;margin-left:0!important;margin-right:0!important;border-width:2px!important}
#menuSection.menu-card.menu-collapsible.is-collapsed{height:auto!important;min-height:0!important;padding-bottom:10px!important}
#menuSection.menu-collapsible.is-collapsed #menuSectionContent.menu-section-content{max-height:0!important;min-height:0!important;height:0!important;opacity:0!important;transform:translateY(-8px)!important;padding-top:0!important;padding-bottom:0!important;margin:0!important;overflow:hidden!important;pointer-events:none!important}
#menuSection.menu-collapsible.is-collapsed .menu-section-toggle{margin-bottom:0!important;padding-bottom:2px!important}
html,body,button,input,select,textarea,.app,.view,.card,.nested-card,.section-title,.topline,.back,.back-link,.exam-page-header,.materials-page-header,.dashboard-card,.dashboard-card *:not(svg):not(path),.menu-card,.menu-card *:not(svg):not(path),.achievement-card,.achievement-card *:not(svg):not(path),.feedback-card,.feedback-card *:not(svg):not(path){font-family:var(--clined-font)!important}
h1,h2,h3,h4,h5,h6,p,b,strong,small,label,span{max-width:100%}
h1,h2,h3,h4,h5,h6{line-height:var(--clined-title-leading);text-wrap:balance}
p{line-height:var(--clined-body-leading)}
#home .exam-launcher,#home .home-materials-card,#home .daily-home-card,#home .stats,#home #menuSection,#home #feedback,#clinicalDashboard .dashboard-card,#achievementsPage .achievement-card,#materialsPage .materials-summary-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
#menuSectionContent .menu-item,#menuSectionContent .menu-item:last-child{grid-column:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:56px!important;margin:0!important;padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;text-align:left!important;overflow:hidden!important;box-sizing:border-box!important}
#menuSectionContent .menu-icon{flex:0 0 30px!important;width:30px!important;text-align:center!important}
#menuSectionContent .menu-item>span:last-child{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.22!important}
.achievement-item>div{min-width:0!important;overflow:hidden!important;display:grid!important;gap:3px!important}
.achievement-item b,.achievement-item small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;overflow-wrap:anywhere!important}
#clinicalDashboard .topline{min-width:0!important;gap:10px!important}
#clinicalDashboard .topline>b{min-width:0!important;flex:1 1 auto!important;text-align:right!important;line-height:1.2!important}
#clinicalDashboard .dashboard-scope-panel{width:100%!important;min-width:0!important;margin:12px 0!important;padding:10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;align-items:stretch!important}
#clinicalDashboard .dashboard-scope-panel .dashboard-stat-select,#clinicalDashboard .dashboard-scope-panel .secondary{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
#clinicalDashboard .radar-chart,#clinicalDashboard .radar-chart svg{width:100%!important;max-width:340px!important;margin-inline:auto!important}
#clinicalDashboard .radar-legend{width:100%!important;min-width:0!important}
#clinicalDashboard .dashboard-stats{width:100%!important;min-width:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
#clinicalDashboard .dashboard-stat{min-width:0!important;width:100%!important;min-height:76px!important;padding:11px 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:hidden!important}
#clinicalDashboard .dashboard-stat span,#clinicalDashboard .dashboard-stat b,#clinicalDashboard .dashboard-stat small{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#clinicalDashboard .dashboard-stat b{font-size:16px!important;line-height:1.1!important}
#clinicalDashboard .dashboard-stat small{font-size:9px!important;line-height:1.2!important}
#clinicalDashboard .dashboard-recommendations{width:100%!important;min-width:0!important}
#clinicalDashboard .recommend-card{width:100%!important;min-width:0!important;overflow:hidden!important}
#clinicalDashboard .recommend-card b,#clinicalDashboard .recommend-card small{display:block!important;overflow-wrap:anywhere!important;white-space:normal!important}
.primary,.secondary,.small-btn,.account-action,.back-link,.back,.exam-launch-card,.choice,.answer,.menu-item,.study-tool,.feedback-card,.materi-button,.dashboard-mini-btn{min-width:0!important;box-sizing:border-box!important}
.primary,.secondary,.account-action{min-height:var(--clined-control-h)!important}
.primary,.secondary,.small-btn{line-height:1.2!important}
.exam-page-header,.materials-page-header,.account-header,.uab-duo-top{width:100%!important;min-width:0!important;box-sizing:border-box!important}
.exam-page-header>div,.materials-page-header>div{min-width:0!important}
.exam-page-header h2,.materials-page-header h2,.account-header h2{line-height:1.1!important;margin-top:4px!important}
.exam-page-header p,.materials-page-header p{line-height:1.35!important}
.account-form input,.account-form textarea,.account-form select{width:100%!important}
.view,.card,.nested-card,.menu-card,.dashboard-card,.achievement-card{max-width:100%!important}
.clined-creator-footer{width:100%;box-sizing:border-box;text-align:center!important;display:block!important;margin-top:18px!important;padding:14px 10px calc(18px + env(safe-area-inset-bottom))!important;font-family:var(--clined-font,system-ui,sans-serif)!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.2px!important;color:var(--muted,#8e8e93)!important;position:relative!important;z-index:2!important;clear:both!important}
#appLoading.app-loading{display:block!important;position:fixed!important;inset:0!important;overflow:hidden!important}
#appLoading .splash-content{position:static!important;display:block!important;width:100%!important;height:100%!important;transform:none!important;will-change:auto!important}
#appLoading .splash-logo{position:absolute!important;left:50%!important;top:50%!important;width:168px!important;height:168px!important;max-width:62vw!important;max-height:62vw!important;margin:0!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform-origin:center center!important;animation:splashLogoLargeInCentered .62s cubic-bezier(.2,.85,.2,1) both!important}
#appLoading .splash-brand{position:absolute!important;left:50%!important;top:calc(50% + 108px)!important;transform:translateX(-50%)!important;margin:0!important;white-space:nowrap!important;text-align:center!important}
#appLoading .splash-content.is-exiting .splash-logo{animation:splashLogoCoverCentered 760ms cubic-bezier(.72,0,.18,1) forwards!important}
#appLoading .splash-content.is-exiting .splash-brand{animation:splashBrandExitCentered 360ms ease forwards!important}
.brand p,.question,.answer,.option-review-head,.option-review-text,.list-item,.dashboard-recommendations,.dashboard-mission{overflow-wrap:anywhere;word-break:normal}
.question,.answer,.option-review-text{max-width:100%}
.answer>span,.answer>div{min-width:0}
.account-modal-card .account-modal-close.ui-arrow{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;margin:0!important;z-index:5!important}
[hidden]{display:none!important}
.upi-custom-item-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:14px;padding:9px 11px;cursor:pointer}
.upi-custom-item-main>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.upi-custom-item-main b{font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.upi-custom-item-main small{color:var(--muted);font-size:10px}
.upi-custom-item-delete{flex:0 0 auto;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,59,48,.35);background:rgba(255,59,48,.08);color:#ff3b30;font-size:16px;line-height:1;cursor:pointer}
.upi-custom-item-delete:active{transform:scale(.92)}
.clined-toast.is-error{border-color:#ff3b30;background:#3a1414;color:#ffd4d1}
.pop-celebration.show .pop-burst span{animation:popCorePulse .78s .18s ease-in-out 1}
.bank-picker-label{margin-top:.35rem!important;font-weight:700}
.bank-picker{display:grid!important;flex-wrap:wrap;gap:8px;margin-top:.3rem;grid-template-columns:1fr;width:100%;min-width:0}
.bank-picker .block-bank-chip{margin:0}
.bank-picker .block-bank-choice{margin:0;width:100%}
.bank-picker .block-bank-choice .bank-name{display:block;font-size:14px;font-weight:850;line-height:1.2}
.bank-picker .block-bank-choice .bank-desc{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-top:3px}
.bank-picker .block-bank-choice.selected .bank-desc{color:rgba(0,122,255,.9)}
.bank-picker .block-bank-choice.selected .bank-name{color:var(--text)}
.bank-picker .block-bank-choice i{margin-left:auto;font-style:normal;color:var(--blue);font-weight:900;font-size:18px}
.bank-picker .block-bank-choice:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,122,255,.10)}
.bank-picker .block-bank-choice:active{transform:translateY(1px) scale(.985)}
.view,.view>*{box-sizing:border-box}
.account-page-view .account-form,.account-page-view .account-auth-card,.account-page-view .account-data-tools{width:100%;min-width:0;box-sizing:border-box}
.account-auth-card,.account-auth-top,.account-data-tools,.account-data-tools-grid{min-width:0}
.account-security-btn,.account-action{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.bank-picker .bank-choice,.bank-picker .block-bank-choice{box-sizing:border-box;width:100%!important;min-width:0;min-height:58px;padding:12px 13px;display:flex;align-items:center;gap:10px}
.bank-picker .bank-name,.bank-picker .bank-desc{min-width:0;overflow-wrap:anywhere}
.bank-picker .bank-name{flex:1}
.bank-picker .bank-desc{white-space:normal}
.bank-picker .bank-choice i{flex:0 0 auto}
[data-block-key] .empty-bank-inline{min-width:0;overflow:hidden}
[data-block-key] .empty-bank-inline>div{min-width:0;width:100%}
.dashboard-card .dashboard-scope-panel{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.admin-panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px}
.admin-panel-tab{min-height:44px;border:2px solid #dfe8eb;border-bottom-width:4px;border-radius:14px;background:#fff;color:#31434a;font-weight:900;cursor:pointer}
.admin-panel-tab.selected{border-color:#58bff2;background:#eef9ff;color:#1489bd}
.admin-activity-list,.admin-users-list{display:grid;gap:7px;max-height:360px;overflow-y:auto;overflow-x:hidden;padding:2px 4px 8px 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.admin-activity-row,.admin-user-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 9px;border:1px solid #dfe8eb;border-radius:14px;background:#f8fbfc}
.admin-user-row{grid-template-columns:minmax(0,1fr) auto}
.admin-activity-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef9ff;color:#168fc1;font-weight:900}
.admin-activity-main{min-width:0;display:grid;gap:2px}
.admin-activity-main b,.admin-user-row b{min-width:0;overflow-wrap:anywhere;font-size:12px}
.admin-activity-main b small,.admin-user-row small{display:block;color:#718087;font-size:10px;font-weight:700}
.admin-activity-main span{font-size:10px;color:#718087}
.admin-activity-row time{font-size:9px;color:#718087;white-space:nowrap}
.admin-role-select{min-width:96px;max-width:120px;border:2px solid #d7e3e7;border-radius:12px;background:#fff;padding:6px 8px!important;font:800 11px inherit;color:#31434a;min-height:32px!important;height:32px!important;font-size:10px!important}
.account-page-view .account-header{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center!important;padding-inline:2px!important;position:relative!important;display:flex!important;justify-content:flex-start!important;height:48px!important;margin:0 0 10px!important;padding:0!important}
.account-page-view .account-header h2{min-width:0!important;width:auto!important;margin:0!important;padding:0!important;text-align:center!important;font-size:18px!important;line-height:1!important;overflow:hidden!important;white-space:nowrap!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:calc(100% - 88px)!important;letter-spacing:0!important;text-overflow:ellipsis!important}
.account-page-view .account-header .account-back, .account-page-view .account-header .account-header-spacer{width:40px!important;min-width:40px!important;max-width:40px!important;box-sizing:border-box!important}
.account-page-view .account-header .account-back{position:relative!important;z-index:2!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important}
.account-page-view .account-header .account-header-spacer{flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;margin-left:auto!important}
.admin-content-workspace{overflow:visible}
.admin-content-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 16px}
.admin-content-tabs .admin-panel-tab{width:100%}
.admin-content-intro{display:grid;gap:3px;margin:0 0 13px}
.admin-content-intro b{font-size:16px}
.admin-content-intro span{font-size:12px;color:var(--muted);line-height:1.45}
.admin-content-form{display:grid;gap:9px}
.admin-content-form label{font-size:12px;font-weight:800;margin-top:3px}
.admin-content-form input,.admin-content-form select,.admin-content-form textarea{width:100%;min-width:0;max-width:100%;border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:13px;padding:12px;font:inherit;outline:none}
.admin-content-form textarea{resize:vertical;line-height:1.45}
.admin-file-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0}
.admin-file-btn{min-height:var(--clined-control-h);display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--solid);color:var(--text);font:800 12px/1.2 var(--clined-font),inherit;cursor:pointer;box-sizing:border-box;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;font-weight:800!important}
.admin-file-btn:hover{box-shadow:0 5px 14px rgba(0,0,0,.07)}
.admin-file-btn:active{transform:scale(.97)}
.admin-file-selected{font-size:10px!important;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-upi-preview{width:100%;max-height:220px;overflow:hidden;border-radius:15px;border:1px solid var(--line);background:var(--surface)}
.admin-upi-preview img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}
.admin-content-form [data-content-message],#adminLoginsPanel [data-content-message]{min-height:18px}
.admin-content-form [data-content-message].is-error,#adminLoginsPanel [data-content-message].is-error{color:var(--red)!important}
.admin-content-form small{font-weight:600;color:var(--muted)}
.admin-activity-row{grid-template-columns:auto minmax(0,1fr) auto auto}
.admin-user-actions{display:flex;align-items:center;gap:6px;min-width:0}
.admin-delete-btn{min-height:var(--clined-control-h);display:inline-flex;align-items:center;justify-content:center;border:1px solid #e3b9b9;border-radius:14px;background:#fff7f7;color:#b63b3b;padding:10px 14px;font:800 12px/1.2 var(--clined-font),inherit;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;font-weight:800!important}
.admin-delete-btn:active{transform:scale(.97)}
.admin-delete-btn:hover{background:#ffecec}
.admin-delete-btn:disabled{opacity:.55;cursor:wait}
.admin-delete-btn.danger{border-color:#e0b0b0}
.admin-activity-toolbar{display:flex;justify-content:flex-end;gap:8px;margin:8px 0 10px;flex-wrap:wrap}
.admin-material-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;min-width:0}
.admin-material-actions .account-action,.admin-material-actions .admin-delete-btn{width:100%;min-width:0;margin:0}
.admin-file-btn,.admin-delete-btn{min-height:34px!important;height:34px!important;padding:6px 10px!important;border-radius:10px!important;font-size:10px!important;line-height:1!important}
.admin-user-actions .admin-delete-btn{height:32px!important;min-height:32px!important;padding:5px 9px!important}
button:disabled{pointer-events:none}
.card,.menu-card,.dashboard-card,.achievement-card,.nested-card{overflow:hidden}
.primary,.secondary,.choice,.answer,.account-action,.menu-item,.study-tool,.materi-button,.dashboard-mini-btn{min-height:var(--clined-touch)}
textarea{line-height:1.4}
@media(max-width:600px){
  /* UAB question management must remain visible and usable on mobile. */
  .admin-content-workspace{overflow:visible!important;height:auto!important;max-height:none!important;}
  .admin-uab-manage{display:block!important;visibility:visible!important;overflow:visible!important;}
  .admin-uab-manage .admin-content-intro{margin-top:2px!important;}
  .admin-uab-manage [data-uab-delete-block]{display:block!important;width:100%!important;min-height:44px!important;font-size:14px!important;}
  .admin-uab-packages{width:100%!important;display:grid!important;gap:10px!important;}
  .admin-uab-package{width:100%!important;overflow:visible!important;}
  .admin-uab-package summary{min-height:52px!important;padding:10px!important;}
  .admin-uab-package summary>span{min-width:0!important;flex:1 1 auto!important;}
  .admin-uab-package summary .admin-delete-btn{display:inline-flex!important;visibility:visible!important;flex:0 0 auto!important;min-height:40px!important;}
  .admin-uab-question-list{display:block!important;overflow:visible!important;}
  .admin-uab-question-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;}
  .admin-uab-question-row>div{min-width:0!important;}
  .admin-uab-question-row .admin-delete-btn{display:inline-flex!important;visibility:visible!important;min-height:40px!important;white-space:nowrap!important;}
}

@media(max-width:520px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-grid{grid-template-columns:repeat(2,1fr)}.player-top{align-items:flex-start}.xp-total b{font-size:16px}.xp-meta{font-size:9px}.live-stats{flex-wrap:wrap;justify-content:flex-end}.result-xp-card b{font-size:18px}.battle-label{font-size:20px}.battle-sub{font-size:9px}.character-name-display{max-width:90px}.study-tool-grid{gap:8px}.study-tool{padding:12px;min-height:102px}.library-controls{grid-template-columns:1fr}.question-nav{grid-template-columns:repeat(8,1fr)}.flashcard{min-height:280px;padding:20px}.app{padding-left:14px!important;padding-right:14px!important}.header{margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important}.hero h2{font-size:28px!important}.menu-grid .menu-item{min-height:68px!important}.floating-dashboard-nav{left:10px!important;right:10px!important;width:auto!important;transform:none!important;bottom:calc(10px+env(safe-area-inset-bottom))!important}.floating-nav-item{min-height:54px!important}.view{padding-bottom:10px}.account-page-view{padding-left:18px!important;padding-right:18px!important}.account-header{margin-left:-18px;margin-right:-18px;padding:0 18px}.account-avatar{width:148px;height:148px;font-size:60px}.account-header h2{font-size:29px}.account-form label{font-size:25px}.account-form input{min-height:70px;font-size:21px;border-radius:20px}.account-action{min-height:66px;font-size:19px;border-radius:20px}.duo-banner-copy b{font-size:12px}.duo-banner-copy span{font-size:9px}.duo-banner-btn{padding:8px 9px}.duo-path{padding-left:0;padding-right:0}.duo-node{width:76px}.duo-node span{width:52px;height:52px}.duo-unit-card b{font-size:15px}.upi-owned-head{padding-inline:14px}.upi-owned-content{padding-inline:14px}.admin-file-picker{grid-template-columns:1fr;align-items:stretch}.admin-file-btn{width:100%}.admin-file-selected{text-align:center}.admin-material-actions{grid-template-columns:1fr}.admin-user-actions .admin-delete-btn{min-height:var(--clined-control-h)}}
@media(max-width:420px){.hero h2{font-size:30px}.card{border-radius:21px}.choice-grid{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:1fr}.brand p{white-space:normal;line-height:1.3}.question{font-size:19px;line-height:1.45}.splash-logo{width:142px!important;height:142px!important;border-radius:21px!important;max-width:58vw!important;max-height:58vw!important}.splash-brand{font-size:32px!important}.account-data-tools-grid{grid-template-columns:1fr}.card,.nested-card,.account-auth-card,.account-profile-hero,.menu-card,.quiz-card,.result-grid>div,.resume-card{border-radius:26px!important}.exam-launch-card,.block-card{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:13px}.exam-launch-icon,.block-icon{width:42px;height:42px}.account-action,.account-security-btn{padding-left:12px!important;padding-right:12px!important}.upi-material-node{grid-template-columns:46px minmax(0,1fr) 34px;padding:13px}.upi-material-icon{width:46px;height:46px;border-radius:14px}.upi-material-node b{font-size:15px}.app-loading .splash-logo{width:142px!important;height:142px!important;max-width:58vw!important;max-height:58vw!important}.app-loading .splash-brand{top:calc(50%+94px)!important;font-size:32px!important}#appLoading .splash-logo{width:142px!important;height:142px!important;max-width:58vw!important;max-height:58vw!important}#appLoading .splash-brand{top:calc(50% + 94px)!important;font-size:32px!important}.header{min-width:0}.brand{min-width:0}.live-stats{flex-wrap:wrap}.live-stats .timer-pill{flex:0 0 auto}.answer{padding:14px 13px;font-size:14px}.option-review-head{flex-wrap:wrap}.choice{min-width:0}}
@keyframes popLetter{0%{transform:scale(.6) rotate(-8deg)}55%{transform:scale(1.25) rotate(4deg)}100%{transform:scale(1)}}
@keyframes correctCard{0%{transform:scale(1)}45%{transform:scale(1.018)}100%{transform:scale(1)}}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}
@keyframes popBurst{0%{transform:scale(.35);opacity:0}55%{transform:scale(1.14);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes popText{0%{opacity:0;transform:translateY(8px) scale(.8)}50%{opacity:1;transform:translateY(0) scale(1.08)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes confetti{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) translate(0,0)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) translate(var(--x),-105px)}}
@media(max-width:600px){.question-nav{grid-template-columns:repeat(8,1fr);max-height:170px}.qnav-btn{font-size:9px}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px!important;width:100%;overflow:visible}.dashboard-stat{padding:8px 5px!important;min-width:0;overflow:hidden}.dashboard-stat span{font-size:14px;line-height:1}.dashboard-stat b{font-size:13px!important;white-space:nowrap;line-height:1.1}.dashboard-stat small{font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header .icon-btn{width:38px!important;height:38px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;font-size:16px!important;flex-basis:38px!important;border-radius:12px!important}.app{padding-left:12px!important;padding-right:12px!important;padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;width:100%;max-width:none}.header{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;padding-top:8px;width:100%!important;max-width:100%!important;min-width:0!important;gap:7px!important;display:grid!important;grid-template-columns:minmax(0,1fr) repeat(4,34px)!important;overflow:visible!important;padding-bottom:12px!important;padding:5px 1px 13px!important}.hero{padding:18px 2px 14px!important;border-radius:23px}.hero h2{font-size:28px!important}.card,.character-widget,.player-card,.study-tool,.library-result,.flashcard,.question-card{border-radius:20px}.daily-streak-card{align-items:flex-start}.streak-progress-wrap{width:100px;flex-basis:100px}.dashboard-control-actions{width:100%;margin-left:0}.dashboard-control-actions>*{flex:1}.dashboard-scope-panel .dashboard-stat-select{flex:1;min-width:130px}.brand h1{font-size:15px!important;line-height:1.1!important}.icon-btn{width:38px!important;height:38px!important}.card{padding:14px!important;border-radius:20px!important;margin-bottom:11px!important}.menu-item{min-height:56px!important}.floating-dashboard-nav{bottom:calc(8px+env(safe-area-inset-bottom))!important;width:calc(100vw - 16px)!important;grid-template-columns:repeat(4,1fr)!important;left:10px!important;right:10px!important;transform:none!important}.floating-nav-item{min-width:0!important}.view.motion-enter{filter:none!important;animation:clinedPremiumDashboardNoBlur 300ms var(--motion-premium) both!important}#clinicalDashboard .dashboard-card{overflow:visible!important}#clinicalDashboard .radar-chart{max-width:320px!important;width:min(100%,320px)}#clinicalDashboard .radar-dashboard-block{grid-template-columns:minmax(0,1fr)!important;min-height:0;padding:10px}#clinicalDashboard .radar-legend{width:100%;grid-template-columns:1fr 1fr;display:grid}:root{--clined-content:calc(100% - 20px)}.header .brand p{max-width:42vw;display:none!important}.duo-banner{padding:10px 11px!important}.duo-banner-copy b{font-size:12px}.duo-banner-copy span{font-size:10px}.exam-launcher-grid{grid-template-columns:1fr 1fr}.exam-launch-card{padding:11px 10px!important;gap:7px!important}.exam-launch-card .exam-launch-icon{font-size:12px!important}.account-auth-actions{grid-template-columns:1fr 1fr!important}.account-security-actions{grid-template-columns:1fr!important}.account-auth-top{gap:8px}.account-auth-top h3{font-size:18px}.account-security-badge{padding:5px 8px}.floating-nav-item>span:last-child{font-size:9px!important}.upi-block-grid{grid-template-columns:1fr}.upi-block-choice{min-height:72px}.upi-block-detail .upi-rating-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#uabPage .uab-path-viewport{height:calc(100svh - 220px)!important;min-height:360px!important;max-height:calc(100svh - 190px)!important;margin-top:6px!important;border-radius:22px!important;margin-bottom:10px!important}#uabPage .uab-path-viewport .uab-path{padding-top:14px!important;padding-bottom:90px!important;transform:rotateX(45deg)!important;min-height:2700px!important;padding:18px 0 110px!important}#uabPage .uab-path-viewport .uab-node{margin-top:12px!important;margin-bottom:12px!important;border-bottom-width:6px!important;border-radius:19px!important}#uabPage .uab-path-viewport .uab-node-icon{width:88px!important;height:88px!important;flex-basis:88px!important;font-size:32px!important}#uabPage .uab-path-viewport button.uab-node,#uabPage .uab-path-viewport button.uab-node:hover,#uabPage .uab-path-viewport button.uab-node:focus,#uabPage .uab-path-viewport button.uab-node:focus-visible,#uabPage .uab-path-viewport button.uab-node:active{min-height:112px!important}#uabPage .uab-path-viewport button.uab-node:nth-of-type(odd){transform:translateX(-42px) rotateX(-45deg)!important}#uabPage .uab-path-viewport button.uab-node:nth-of-type(even){transform:translateX(42px) rotateX(-45deg)!important}#uabPage .uab-path-viewport button.uab-node:nth-of-type(odd):active{transform:translateX(-42px) rotateX(-45deg)!important}#uabPage .uab-path-viewport button.uab-node:nth-of-type(even):active{transform:translateX(42px) rotateX(-45deg)!important}#uabPage .uab-path-viewport .uab-node-icon,#uabPage .uab-path-viewport .uab-node.active-node .uab-node-icon,#uabPage .uab-path-viewport .uab-node.locked-node .uab-node-icon{width:82px!important;height:82px!important;flex-basis:82px!important;font-size:29px!important}#uabPage .uab-path-viewport button.uab-node{min-height:102px!important}#uabPage .uab-path-viewport .uab-path button.uab-node{flex-basis:112px!important;height:112px!important;min-height:112px!important;padding:7px 7px 8px!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(odd){transform:translateX(-42px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(even){transform:translateX(42px)!important}#uabPage .uab-path-viewport .uab-path .uab-node-icon{width:82px!important;height:82px!important;flex-basis:82px!important;font-size:28px!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(odd),#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(even){transform:translateX(0)!important}#uabPage .uab-path-viewport .uab-path button.uab-node,#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(odd),#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(even),#uabPage .uab-path-viewport .uab-path button.uab-node:hover,#uabPage .uab-path-viewport .uab-path button.uab-node:focus,#uabPage .uab-path-viewport .uab-path button.uab-node:active{height:104px!important;min-height:104px!important;flex-basis:104px!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(1){transform:translateX(-62px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(2){transform:translateX(-36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(3){transform:translateX(0)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(4){transform:translateX(36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(5){transform:translateX(62px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(6){transform:translateX(36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(7){transform:translateX(0)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(8){transform:translateX(-36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(9){transform:translateX(-62px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(10){transform:translateX(-36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(11){transform:translateX(0)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(12){transform:translateX(36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(13){transform:translateX(62px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(14){transform:translateX(36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(15){transform:translateX(0)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(16){transform:translateX(-36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(17){transform:translateX(-62px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(18){transform:translateX(-36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(19){transform:translateX(0)!important}#uabPage .uab-path-viewport .uab-path button.uab-node:nth-of-type(20){transform:translateX(36px)!important}#uabPage .uab-path-viewport .uab-path button.uab-node .uab-node-icon{width:68px!important;height:68px!important;flex-basis:68px!important;font-size:27px!important}#uabPage .uab-path-viewport .uab-path button.uab-node .uab-node-desc{font-size:9px!important;max-width:160px!important}#uabPage .uab-path-viewport .uab-path button.uab-node .uab-node-status{font-size:8px!important}#uabPage .uab-path-viewport .uab-path button.uab-node b{font-size:14px!important;margin-top:7px!important}#uabPage .uab-path-viewport .uab-path>button.uab-node,#uabPage .uab-path-viewport .uab-path>button.uab-node.active-node,#uabPage .uab-path-viewport .uab-path>button.uab-node.locked-node{width:100%!important;height:118px!important;min-height:118px!important;flex-basis:118px!important}#uabPage .uab-path-viewport .uab-path>button.uab-node>b{font-size:14px!important;margin-top:8px!important;max-width:96%!important}.header .brand{min-width:0!important;max-width:none!important;overflow:hidden!important}#uabPage .uab-path-viewport .uab-path>button.uab-node{height:120px!important;min-height:120px!important;flex-basis:120px!important;padding-top:4px!important}#uabPage .uab-path-viewport .uab-path>button.uab-node .uab-node-icon{width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;flex-basis:68px!important}#uabPage .uab-path-viewport .semester-divider{height:44px!important;min-height:44px!important;flex-basis:44px!important;margin-top:0!important}#uabPage #uabBlockList>.uab-node{flex-basis:120px!important;height:120px!important;min-height:120px!important}#uabPage #uabBlockList>.uab-node .uab-node-icon{flex-basis:68px!important;width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important}.upi-image-zoom-card{width:calc(100vw - 20px)!important;height:calc(100dvh - 28px)!important;border-radius:18px!important;max-width:none!important;max-height:none!important;margin:12px!important}.upi-zoom-stage{padding:12px}.upi-zoom-hint{padding-bottom:calc(10px+env(safe-area-inset-bottom))}.upi-image-zoom-card .upi-zoom-stage{padding:58px 14px 14px!important}.upi-image-zoom-card .account-modal-close{top:9px!important;right:9px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.upi-image-zoom-card .upi-zoom-hint{padding-bottom:calc(10px+env(safe-area-inset-bottom))!important}.brand{flex:1;gap:8px!important}.brand p{max-width:125px!important;font-size:9px!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important}.question{font-size:18px!important;line-height:1.42!important}.answer{padding:13px 12px!important;min-height:50px!important;border-radius:15px!important}.floating-dashboard-nav .floating-nav-item{min-height:52px!important}.floating-dashboard-nav .floating-nav-item span:last-child{font-size:10px!important}.header .brand>div:last-child{min-width:0!important}.section-title{line-height:1.2!important}#menuSectionContent .menu-item{min-height:54px!important;padding:9px 11px!important}#clinicalDashboard .dashboard-scope-panel{grid-template-columns:1fr!important}#clinicalDashboard .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#clinicalDashboard .dashboard-stat{min-height:70px!important}.admin-content-tabs{position:sticky;top:0;z-index:2;padding:2px 0;background:var(--card)}.admin-content-form input,.admin-content-form select,.admin-content-form textarea{font-size:14px}.admin-content-workspace,.admin-content-workspace .account-auth-top{min-width:0}.admin-content-workspace .account-auth-top>div{min-width:0}.admin-content-workspace .account-auth-top h3{overflow-wrap:anywhere}.logo{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important}.hero p{font-size:13px!important}.menu-grid{grid-template-columns:1fr!important;gap:8px!important}.choice{min-height:48px!important;padding:10px 7px!important}.quiz-actions{flex-direction:column!important}.quiz-actions button{width:100%!important}.topline{gap:8px!important}.topline>*{min-width:0}.quiz-actions,.resume-actions{flex-wrap:wrap}.quiz-actions button,.resume-actions button{min-width:0;flex:1 1 150px}.answers{gap:8px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.study-tool,.flashcard *{transition:none!important;animation:none!important}.splash-logo,.splash-loader i{animation:none!important}.floating-nav-slider{transition:none!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.uab-node.active-node .uab-node-icon,.uab-node.active-node .uab-node-icon::before,.uab-node.active-node .uab-node-icon::after{animation:none!important}.menu-section-content{transition:none!important}.view.motion-enter{animation:none!important}.view#clinicalDashboard.motion-enter,#homeClinicalDashboard.dashboard-motion{animation:none!important;filter:none!important;transform:none!important}.account-completion-track i{transition:none!important}.view.motion-enter,#homeClinicalDashboard.dashboard-motion{animation:none!important;filter:none!important;transform:none!important}.motion-pressed{transform:none!important}html{scroll-behavior:auto}.uab-path{transform:rotateX(48deg);will-change:auto}#uabPage .uab-path-viewport{scroll-behavior:auto!important}#uabPage .uab-path-viewport .uab-path{transform:rotateX(45deg)!important}.floating-dashboard-nav .floating-nav-item.nav-pop,.floating-dashboard-nav .floating-nav-item.nav-pop .floating-nav-icon,.floating-dashboard-nav .floating-nav-item.nav-pop::after{animation:none!important}body.is-scrolling #home *{animation:none!important;transition:none!important}.splash-logo{animation:none!important}.splash-content.is-exiting{animation:none!important;opacity:0!important}.app-loading .splash-content.is-exiting .splash-logo{animation:splashLogoCoverCentered 420ms ease forwards!important}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html,#uabPage .uab-path-viewport{scroll-behavior:auto!important}.view.active{animation:none!important}}
@media(max-width:560px){.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:100%;overflow:hidden}.stats .stat{min-width:0;overflow:hidden;padding:10px 4px}.stats .stat b{font-size:16px;white-space:nowrap;line-height:1.1}.stats .stat span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-grid{grid-template-columns:1fr 1fr}.live-stats{gap:5px!important}.timer-pill{font-size:.78rem}.dashboard-preview-head{gap:8px}.dashboard-head-actions{gap:5px}.dashboard-mini-btn{width:30px;height:30px}.radar-wrap,.radar-dashboard-block{grid-template-columns:1fr}.radar-chart{max-width:260px;width:min(100%,290px);margin:0 auto}.radar-legend{grid-template-columns:1fr!important}.dashboard-preview-head h3{font-size:18px}.exam-track-section{padding:15px}.exam-track-tab{min-height:58px}.exam-subsection-title{align-items:flex-start;flex-direction:column;gap:2px}.exam-launcher{padding:7px}.exam-page-header h2{font-size:27px}.question-tool-btn{padding:8px 9px}.question-tool-btn span{display:none}.normal-values-modal{padding:10px;max-height:92vh}.normal-values-head h2{font-size:19px}.normal-values-image{width:673px;max-width:none}.normal-values-image-wrap{justify-content:flex-start}.app{padding-left:12px;padding-right:12px}.header{padding-left:2px;padding-right:2px;padding-top:8px}.brand p{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.hero{padding:18px 4px 14px}.hero h2{font-size:28px}.character-widget{width:145px}.radar-wrap{grid-template-columns:1fr}.dashboard-detail-row{flex-wrap:wrap}.dashboard-stat-select-wrap{flex:1;min-width:110px}.dashboard-control-actions{width:100%;margin-left:0}.dashboard-control-actions>*{flex:1}.question{font-size:18px}.brand h1{font-size:15px}.header .icon-btn{width:36px;height:36px;flex-basis:36px}.hero p{font-size:12px}.card{border-radius:18px;padding:14px}.exam-launch-card{min-height:64px}.google-drive-section{min-height:54px}.google-drive-section .section-title{padding:15px 0}.menu-grid{grid-template-columns:1fr}.menu-grid .secondary{min-height:50px}.answer{min-height:56px;font-size:14px}.menu-grid .menu-item{min-height:60px!important;padding:9px 10px!important;gap:11px}.menu-icon{width:40px;height:40px;min-width:40px;border-radius:11px;font-size:20px}.menu-grid .menu-item>span:last-child{font-size:14px}.menu-grid .menu-item::after{font-size:22px}.uab-duo-page{padding-bottom:24px!important;perspective:1000px!important}.uab-duo-stats span{font-size:10px;padding:5px 7px}.uab-duo-banner{border-radius:17px}.uab-duo-heading h2{font-size:23px!important}.uab-journey-sub{font-size:10px}.uab-path{min-height:2150px;gap:3px!important;padding-top:28px!important;padding:18px 0 42px!important;transform:rotateX(65deg) scaleY(2.0)!important;padding-bottom:76px!important}.uab-node{min-height:112px!important;width:76%!important;height:112px!important}.uab-node:nth-child(odd){transform:translateX(-43px)}.uab-node:nth-child(even){transform:translateX(43px)}.uab-node:hover:not(.locked-node),.uab-node:nth-child(even):hover:not(.locked-node){transform:translateY(-2px)}.uab-node-icon{width:52px;height:52px;font-size:21px;border-width:4px}.uab-node b{font-size:10px!important;max-width:180px!important}.uab-node.active-node:after{right:calc(50% - 94px);top:3px}.uab-node:nth-child(1)::before,.uab-node:nth-child(7)::before,.uab-node:nth-child(14)::before,.uab-node:nth-child(18)::before{font-size:7px;padding:4px 8px}.uab-node:nth-child(1){transform:translateX(-12px)}.uab-node:nth-child(2){transform:translateX(28px)}.uab-node:nth-child(3){transform:translateX(50px)}.uab-node:nth-child(4){transform:translateX(36px)}.uab-node:nth-child(5){transform:translateX(-5px)}.uab-node:nth-child(6){transform:translateX(-44px)}.uab-node:nth-child(7){transform:translateX(-55px)}.uab-node:nth-child(8){transform:translateX(-34px)}.uab-node:nth-child(9){transform:translateX(8px)}.uab-node:nth-child(10){transform:translateX(45px)}.uab-node:nth-child(11){transform:translateX(55px)}.uab-node:nth-child(12){transform:translateX(30px)}.uab-node:nth-child(13){transform:translateX(-8px)}.uab-node:nth-child(14){transform:translateX(-45px)}.uab-node:nth-child(15){transform:translateX(-54px)}.uab-node:nth-child(16){transform:translateX(-28px)}.uab-node:nth-child(17){transform:translateX(12px)}.uab-node:nth-child(18){transform:translateX(46px)}.uab-node:nth-child(19){transform:translateX(52px)}.uab-node:nth-child(20){transform:translateX(20px)}.uab-node.active-node .uab-node-icon{transform:scale(1.07)}.floating-dashboard-nav{width:calc(100% - 16px)!important;bottom:calc(8px+env(safe-area-inset-bottom))!important;height:70px!important;border-radius:22px!important}.floating-nav-slider{top:6px!important;bottom:6px!important;left:6px!important;width:calc((100% - 29px)/4)!important;border-radius:17px!important}.floating-nav-item{border-radius:17px!important;font-size:9px!important}.floating-nav-icon{font-size:22px!important}.materi-button,a.materi-button[href]{min-height:52px!important;border-radius:17px!important}.semester-divider{width:min(340px,90%)!important;margin:10px 0 4px!important}.semester-divider span{min-width:92px;padding:5px 9px;font-size:8px}.uab-path .uab-node:nth-of-type(1){transform:translateX(-12px);left:-12px}.uab-path .uab-node:nth-of-type(2){transform:translateX(28px);left:28px}.uab-path .uab-node:nth-of-type(3){transform:translateX(50px);left:50px}.uab-path .uab-node:nth-of-type(4){transform:translateX(36px);left:36px}.uab-path .uab-node:nth-of-type(5){transform:translateX(-5px);left:-5px}.uab-path .uab-node:nth-of-type(6){transform:translateX(-44px);left:-44px}.uab-path .uab-node:nth-of-type(7){transform:translateX(-55px);left:-55px}.uab-path .uab-node:nth-of-type(8){transform:translateX(-34px);left:-34px}.uab-path .uab-node:nth-of-type(9){transform:translateX(8px);left:8px}.uab-path .uab-node:nth-of-type(10){transform:translateX(45px);left:45px}.uab-path .uab-node:nth-of-type(11){transform:translateX(55px);left:55px}.uab-path .uab-node:nth-of-type(12){transform:translateX(34px);left:30px}.uab-path .uab-node:nth-of-type(13){transform:translateX(-8px);left:-8px}.uab-path .uab-node:nth-of-type(14){transform:translateX(-45px);left:-45px}.uab-path .uab-node:nth-of-type(15){transform:translateX(-55px);left:-54px}.uab-path .uab-node:nth-of-type(16){transform:translateX(-28px);left:-28px}.uab-path .uab-node:nth-of-type(17){transform:translateX(8px);left:12px}.uab-path .uab-node:nth-of-type(18){transform:translateX(45px);left:46px}.uab-path .uab-node:nth-of-type(19){transform:translateX(50px);left:52px}.uab-path .uab-node:nth-of-type(20){transform:translateX(20px);left:20px}.ui-arrow{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;font-size:23px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;flex-basis:38px!important}.ui-arrow-back{font-size:18px}.exam-launch-card strong .ui-arrow,.feedback-arrow .ui-arrow{flex-basis:32px;width:32px;min-width:32px;height:32px}.ui-arrow,.exam-launch-card strong .ui-arrow,.feedback-arrow .ui-arrow,.section-title>strong .ui-arrow,.menu-section-arrow .ui-arrow,.duo-unit-action .ui-arrow{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:12px!important;font-size:23px!important}.ui-arrow.ui-arrow-back{font-size:22px!important}.exam-launch-card strong,.feedback-arrow,.section-title>strong,.menu-section-arrow{min-width:38px!important;min-height:38px!important}.account-auth-actions{grid-template-columns:1fr 1fr}.account-security-actions{grid-template-columns:1fr 1fr}.account-modal-fields{grid-template-columns:1fr}.account-modal-card{padding:17px;border-radius:22px}.duo-reward-strip{gap:6px}.duo-reward-item{padding:9px 7px;gap:6px;border-radius:15px}.duo-reward-icon{width:28px;height:28px;flex-basis:28px;font-size:14px}.duo-reward-item b{font-size:12px}.duo-reward-item small{font-size:8px}.option-review-head{grid-template-columns:minmax(0,1fr)!important;gap:5px!important}.option-review-head>span{justify-self:start!important;text-align:left!important}.account-stat-grid{grid-template-columns:repeat(2,1fr)}.account-meta-grid{grid-template-columns:1fr}.account-overview{border-radius:22px}.uab-path .uab-node{width:min(340px,90%)!important;min-height:88px!important}.exam-launch-card.uab,.exam-launch-card.upi{min-height:104px!important;border-radius:19px!important}.exam-launch-card .exam-launch-icon{width:70px!important;height:70px!important;border-radius:20px!important;font-size:19px!important}.uab-path>button.uab-node:nth-of-type(odd){transform:translateX(-56px)!important}.uab-path>button.uab-node:nth-of-type(even){transform:translateX(56px)!important}.uab-path>button.uab-node:nth-of-type(odd):hover:not(.locked-node){transform:translateX(-56px) translateY(-3px) scale(1.02)!important}.uab-path>button.uab-node:nth-of-type(even):hover:not(.locked-node){transform:translateX(56px) translateY(-3px) scale(1.02)!important}#uabPage .uab-duo-banner{margin-bottom:8px!important}#uabPage .uab-path{transform:rotateX(65deg) scaleY(1.18)!important;min-height:2140px!important;padding-bottom:100px!important}#uabPage .uab-node{width:min(230px,67%)!important;min-height:84px!important}#uabPage .uab-node-icon{width:58px!important;height:58px!important;font-size:23px!important}#uabPage .uab-path>button.uab-node:nth-of-type(odd){transform:translateX(-38px)!important}#uabPage .uab-path>button.uab-node:nth-of-type(even){transform:translateX(38px)!important}#uabPage .uab-path>button.uab-node:nth-of-type(odd):hover:not(.locked-node){transform:translateX(-38px) translateY(-2px) scale(1.02)!important}#uabPage .uab-path>button.uab-node:nth-of-type(even):hover:not(.locked-node){transform:translateX(38px) translateY(-2px) scale(1.02)!important}.uab-node-desc{font-size:8px;max-width:165px}.uab-node-status{font-size:7.5px}.uab-node:nth-of-type(1){transform:translateX(-12px)!important}.uab-node:nth-of-type(2){transform:translateX(28px)!important}.uab-node:nth-of-type(3){transform:translateX(50px)!important}.uab-node:nth-of-type(4){transform:translateX(36px)!important}.uab-node:nth-of-type(5){transform:translateX(-5px)!important}.uab-node:nth-of-type(6){transform:translateX(-44px)!important}.uab-node:nth-of-type(7){transform:translateX(-55px)!important}.uab-node:nth-of-type(8){transform:translateX(-34px)!important}.uab-node:nth-of-type(9){transform:translateX(8px)!important}.uab-node:nth-of-type(10){transform:translateX(45px)!important}.uab-node:nth-of-type(11){transform:translateX(55px)!important}.uab-node:nth-of-type(12){transform:translateX(30px)!important}.uab-node:nth-of-type(13){transform:translateX(-8px)!important}.uab-node:nth-of-type(14){transform:translateX(-45px)!important}.uab-node:nth-of-type(15){transform:translateX(-54px)!important}.uab-node:nth-of-type(16){transform:translateX(-28px)!important}.uab-node:nth-of-type(17){transform:translateX(12px)!important}.uab-node:nth-of-type(18){transform:translateX(46px)!important}.uab-node:nth-of-type(19){transform:translateX(52px)!important}.uab-node:nth-of-type(20){transform:translateX(20px)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="1"]{--uab-fixed-x:-62px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="2"]{--uab-fixed-x:-36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="3"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="4"]{--uab-fixed-x:36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="5"]{--uab-fixed-x:62px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="6"]{--uab-fixed-x:36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="7"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="8"]{--uab-fixed-x:-36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="9"]{--uab-fixed-x:-62px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="10"]{--uab-fixed-x:-36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="11"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="12"]{--uab-fixed-x:36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="13"]{--uab-fixed-x:62px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="14"]{--uab-fixed-x:36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="15"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="16"]{--uab-fixed-x:-36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="17"]{--uab-fixed-x:-62px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="18"]{--uab-fixed-x:-36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="19"]{--uab-fixed-x:0px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path-viewport .uab-path>button.uab-node[data-uab-index="20"]{--uab-fixed-x:36px;transform:translate3d(var(--uab-fixed-x),0,0)!important}#uabPage .uab-path>button.uab-node[data-uab-index="1"]{left:-54px!important}#uabPage .uab-path>button.uab-node[data-uab-index="2"]{left:-32px!important}#uabPage .uab-path>button.uab-node[data-uab-index="3"]{left:0!important}#uabPage .uab-path>button.uab-node[data-uab-index="4"]{left:32px!important}#uabPage .uab-path>button.uab-node[data-uab-index="5"]{left:54px!important}#uabPage .uab-path>button.uab-node[data-uab-index="6"]{left:32px!important}#uabPage .uab-path>button.uab-node[data-uab-index="7"]{left:0!important}#uabPage .uab-path>button.uab-node[data-uab-index="8"]{left:-32px!important}#uabPage .uab-path>button.uab-node[data-uab-index="9"]{left:-54px!important}#uabPage .uab-path>button.uab-node[data-uab-index="10"]{left:-32px!important}#uabPage .uab-path>button.uab-node[data-uab-index="11"]{left:0!important}#uabPage .uab-path>button.uab-node[data-uab-index="12"]{left:32px!important}#uabPage .uab-path>button.uab-node[data-uab-index="13"]{left:54px!important}#uabPage .uab-path>button.uab-node[data-uab-index="14"]{left:32px!important}#uabPage .uab-path>button.uab-node[data-uab-index="15"]{left:0!important}#uabPage .uab-path>button.uab-node[data-uab-index="16"]{left:-32px!important}#uabPage .uab-path>button.uab-node[data-uab-index="17"]{left:-54px!important}#uabPage .uab-path>button.uab-node[data-uab-index="18"]{left:-32px!important}#uabPage .uab-path>button.uab-node[data-uab-index="19"]{left:0!important}#uabPage .uab-path>button.uab-node[data-uab-index="20"]{left:32px!important}#uabPage .uab-path>button.uab-node{min-height:116px!important;width:88%!important}#uabPage .uab-path>button.uab-node>b{font-size:12px!important;margin-top:10px!important}.upi-header{gap:10px}.upi-create-question-btn{font-size:11px;padding:0 11px;min-height:40px}.upi-create-card{margin:10px;max-height:90vh}.upi-create-card h2{font-size:24px}.upi-image-zoom-card{width:100vw;height:100vh;border-radius:0}.upi-edit-actions{grid-template-columns:1fr}.upi-custom-manager{padding:13px}.floating-dashboard-nav .floating-nav-icon{width:28px!important;height:28px!important;flex-basis:28px!important}.floating-dashboard-nav .floating-nav-item.active .floating-nav-icon{transform:translateY(-1px) scale(1.06)!important}#menuSection .menu-section-content{grid-template-columns:1fr!important}#menuSection .menu-item{min-height:64px!important}.materials-block-grid{grid-template-columns:1fr}.materials-page-header h2{font-size:24px}.material-block-card{min-height:74px}.upi-material-grid{grid-template-columns:1fr;gap:10px}.upi-material-node{min-height:82px;grid-template-columns:52px minmax(0,1fr) 34px;padding:13px 14px;border-radius:18px}.upi-material-icon{width:52px;height:52px;border-radius:15px;font-size:25px}#menuSectionContent .menu-item:last-child{grid-column:auto!important}.account-modal-card .account-modal-close.ui-arrow{top:12px!important;right:12px!important}.account-page-view{padding-left:12px!important;padding-right:12px!important}.account-header{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.account-auth-card{padding:13px;border-radius:18px}.account-auth-top{gap:8px}.account-auth-top h3{font-size:17px;line-height:1.15}.account-auth-top p{font-size:11px}.account-security-badge{padding:5px 7px;font-size:8px}.account-security-actions .danger{grid-column:1/-1}.account-data-tools-grid{grid-template-columns:1fr!important}.dashboard-card{padding-left:12px!important;padding-right:12px!important}.dashboard-scope-panel{align-items:stretch}.dashboard-stat-select,.dashboard-scope-panel .small-btn{width:100%;max-width:none}.radar-dashboard-block{padding:8px;overflow:hidden}.admin-activity-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.admin-activity-row time{grid-column:2;justify-self:start}.admin-user-row{grid-template-columns:minmax(0,1fr) auto}.admin-role-select{min-width:88px}.account-page-view .account-header{margin-left:0!important;margin-right:0!important;padding-inline:0!important;grid-template-columns:34px minmax(0,1fr) 34px!important}.account-page-view .account-header h2{font-size:19px!important;letter-spacing:0!important}.account-page-view .account-header .account-back, .account-page-view .account-header .account-header-spacer{width:34px!important;min-width:34px!important;max-width:34px!important}.admin-activity-row .admin-delete-btn{grid-column:2;justify-self:start}.admin-user-actions{flex-wrap:wrap;justify-content:flex-end}.admin-user-actions .admin-role-select{min-width:82px}}
@keyframes xpPop{0%{opacity:0;transform:translateY(30px) scale(.65)}25%{opacity:1;transform:translateY(0) scale(1.08)}60%{opacity:1;transform:translateY(-5px) scale(1)}100%{opacity:0;transform:translateY(-70px) scale(.96)}}
@keyframes battleWhite{0%{opacity:0}15%{opacity:1}100%{opacity:0}}
@keyframes battleImpact{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}22%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(10)}}
@keyframes battleSlash{0%{opacity:0;left:-30%}18%{opacity:1}100%{opacity:0;left:20%}}
@keyframes battleLabel{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-3deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(2deg)}65%{opacity:1;transform:translate(-50%,-58%) scale(1)}100%{opacity:0;transform:translate(-50%,-90%) scale(.9)}}
@keyframes battleSub{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-80%) scale(.9)}}
@keyframes battleParticle{0%{opacity:0}18%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(var(--d)) scale(.05)}}
@keyframes battleRed{0%{opacity:0}12%{opacity:1}45%{opacity:.5}100%{opacity:0}}
@keyframes damageRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(8)}}
@keyframes damageCrack{0%{opacity:0;width:0}25%{opacity:1;width:150px}100%{opacity:0;width:185px}}
@keyframes damageLabelBig{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-7deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(3deg)}65%{opacity:1;transform:translate(-50%,-58%) scale(1)}100%{opacity:0;transform:translate(-50%,-95%) scale(.9)}}
@keyframes damageParticle{0%{opacity:0;transform:rotate(var(--a)) translateY(0)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(var(--d))}}
@keyframes damageShake{0%,100%{transform:translate3d(0,0,0)}15%{transform:translate3d(-10px,2px,0) rotate(-.6deg)}30%{transform:translate3d(9px,-2px,0) rotate(.6deg)}45%{transform:translate3d(-7px,1px,0)}60%{transform:translate3d(6px,0,0)}75%{transform:translate3d(-3px,0,0)}}
@keyframes hpPulse{50%{box-shadow:0 0 16px #ff950088}}
@keyframes hpCritical{50%{box-shadow:0 0 22px #ff2d5588}}
@keyframes gearPop{0%{transform:scale(.2) rotate(-8deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes gearSpin{0%{transform:rotate(-25deg) scale(.5)}100%{transform:rotate(0) scale(1)}}
@media(max-width:700px){.character-widget{width:160px;margin:2px auto 8px}.character-mini{height:132px}.character-modal .rpg-char{transform:scale(1.35)}}
@keyframes flashIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes clinicalPulse{50%{transform:scale(1.08);box-shadow:0 0 0 6px rgba(10,127,120,.05)}}
@keyframes iosViewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes streakPop{0%{opacity:0;transform:translateY(25px) scale(.7)}18%{opacity:1;transform:translateY(0) scale(1.06)}60%{opacity:1;transform:translateY(-4px) scale(1)}100%{opacity:0;transform:translateY(-55px) scale(.96)}}
@media(min-width:760px){.app{padding-left:20px;padding-right:20px}.hero{padding:20px}.hero h2{font-size:30px}.card{padding:17px}.floating-dashboard-nav{bottom:18px}}
@media(max-width:390px){.header .icon-btn{width:32px;height:32px;flex-basis:32px;font-size:15px}.logo{width:40px;height:40px;flex-basis:40px}.brand h1{font-size:16px}.hero h2{font-size:27px}.card{padding:14px;border-radius:18px}.exam-launch-card,.block-card{min-height:62px;padding:11px}.exam-launch-icon,.block-icon{width:38px;height:38px;flex-basis:38px}.stats{grid-template-columns:repeat(2,1fr);gap:6px}.menu-grid{grid-template-columns:1fr}.app{padding-left:9px!important;padding-right:9px!important}.brand p{display:none}.header{gap:5px}.stat{padding:10px 6px}.floating-dashboard-nav .floating-nav-icon{font-size:18px!important}#menuSectionContent .menu-item{min-height:52px!important}.achievement-item{grid-template-columns:34px minmax(0,1fr) 24px!important;gap:8px!important;padding:10px!important}.achievement-icon{width:34px!important;min-width:34px!important;font-size:21px!important}.achievement-item strong{width:24px!important;min-width:24px!important}#clinicalDashboard .dashboard-stats{gap:6px!important}#clinicalDashboard .dashboard-stat{padding:9px 5px!important}#clinicalDashboard .dashboard-stat b{font-size:14px!important}#clinicalDashboard .dashboard-stat small{font-size:8px!important}.account-page-view .account-header{height:44px!important;margin-bottom:8px!important}.account-page-view .account-header h2{font-size:17px!important;max-width:calc(100% - 76px)!important}.account-page-view .account-header .account-back,.account-page-view .account-header .account-header-spacer{flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important}}
@keyframes iosSheetIn{from{transform:translateY(20px);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(min-width:800px){.app{padding-top:calc(16px+env(safe-area-inset-top))}.hero{padding-left:8px;padding-right:8px}.menu-grid{grid-template-columns:repeat(2,1fr)}.materials-semester-track .material-block-card{flex-basis:300px}}
@keyframes splashDots{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-4px);opacity:1}}
@keyframes splashLogoIn{0%{opacity:0;transform:scale(.78)}70%{transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}
@keyframes splashContentExit{to{opacity:0;transform:scale(.98)}}
@keyframes spaPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes clinicalSignal{0%{transform:scale(.78);opacity:0}16%{opacity:.78}55%{opacity:.34}100%{transform:scale(1.28);opacity:0}}
@keyframes clinicalNodeBounce{0%,100%{transform:scale(1.08) translateY(0)}38%{transform:scale(1.12) translateY(-3px)}62%{transform:scale(1.07) translateY(1px)}}
@supportsnot (overflow:clip){html,body,#app,.app,main,.view{overflow-x:hidden}}
@keyframes clinedViewEnter{0%{opacity:0;transform:translate3d(0,16px,0) scale(.994)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes dashboardViewEnter{0%{opacity:0;transform:translate3d(0,22px,0) scale(.988);filter:blur(5px)}28%{opacity:1;transform:translate3d(0,7px,0) scale(.996);filter:blur(2.6px)}62%{transform:translate3d(0,-1px,0) scale(1);filter:blur(.7px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes dashboardPanelMotion{0%{opacity:.65;transform:translate3d(0,10px,0);filter:blur(3px)}45%{opacity:1;transform:translate3d(0,2px,0);filter:blur(1px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes duoMapShine{to{transform:translateX(65%) rotate(4deg)}}
@keyframes duoCurrentPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(88,204,2,0))}50%{filter:drop-shadow(0 7px 13px rgba(88,204,2,.18))}}
@keyframes answerPop{0%{transform:scale(.985)}55%{transform:scale(1.012)}100%{transform:scale(1)}}
@keyframes modalFade{from{opacity:0}to{opacity:1}}
@keyframes modalCardIn{from{opacity:0;transform:translateY(14px) scale(.97);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes clinedDashboardMove{0%{transform:translate3d(0,18px,0) scale(.992);filter:blur(4px)}30%{transform:translate3d(0,7px,0) scale(.997);filter:blur(2.4px)}68%{transform:translate3d(0,-1px,0) scale(1);filter:blur(.6px)}100%{transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes clinedDashboardPanelMove{0%{transform:translate3d(0,10px,0);filter:blur(2.8px)}45%{transform:translate3d(0,2px,0);filter:blur(1px)}100%{transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes clinedPremiumDashboard{0%{transform:translate3d(0,14px,0) scale(.996);filter:blur(2.6px)}36%{transform:translate3d(0,4px,0) scale(.999);filter:blur(1.2px)}72%{transform:translate3d(0,-1px,0) scale(1);filter:blur(.25px)}100%{transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes clinedPremiumPanel{0%{transform:translate3d(0,7px,0);filter:blur(1.7px)}45%{transform:translate3d(0,2px,0);filter:blur(.7px)}100%{transform:none;filter:blur(0)}}
@keyframes clinedPremiumDashboardNoBlur{0%{transform:translate3d(0,10px,0) scale(.997)}60%{transform:translate3d(0,-1px,0) scale(1)}100%{transform:none}}
@media(max-width:620px){.floating-dashboard-nav .floating-nav-item{font-size:9px}.floating-dashboard-nav .floating-nav-icon{font-size:17px}}
@media(max-width:380px){.floating-dashboard-nav{width:calc(100vw - 12px)!important;gap:3px!important;padding:5px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important}.floating-nav-slider{width:calc((100% - 21px)/5)!important}.floating-nav-item{font-size:8px!important}.floating-nav-icon{font-size:16px!important}#clinicalDashboard .radar-dashboard-block{padding:7px}#clinicalDashboard .radar-chart{width:min(100%,300px);max-width:300px!important}.account-header{grid-template-columns:34px minmax(0,1fr) 34px!important}.account-header h2{font-size:22px!important}.account-avatar{width:120px!important;height:120px!important;font-size:48px!important}.app{padding-left:8px!important;padding-right:8px!important}.floating-dashboard-nav .floating-nav-item{min-height:50px!important;padding:5px 0!important}.floating-dashboard-nav .floating-nav-icon{width:24px!important;height:24px!important}.floating-dashboard-nav .floating-nav-item span:last-child{font-size:8px!important}}
@media(max-width:370px){.header .brand p{display:none}.floating-nav-item>span:last-child{font-size:8px!important}.floating-nav-icon{font-size:19px!important}.exam-launch-card span:nth-child(2){font-size:11px!important}}
@media(min-width:650px){.upi-page{max-width:720px;margin-inline:auto}.upi-rating-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:430px){.upi-block-grid{grid-template-columns:1fr}.upi-block-choice{min-height:68px}.upi-block-choice.duo-upi-block{grid-template-columns:48px minmax(0,1fr) auto 31px!important;min-height:72px!important;padding:10px!important;border-radius:19px!important}.upi-block-icon{width:48px!important;height:48px!important;border-radius:15px!important;font-size:24px!important}.upi-block-arrow{width:31px!important;height:31px!important;font-size:22px!important}.upi-block-create{padding:8px 8px!important;font-size:11px!important;min-height:34px!important;border-radius:10px!important}.floating-dashboard-nav{width:calc(100vw - 16px)!important;height:70px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;border-radius:22px!important}.floating-dashboard-nav .floating-nav-item{font-size:10.5px!important}.floating-dashboard-nav .floating-nav-icon{width:24px!important;height:24px!important;flex-basis:24px!important}.floating-dashboard-nav .floating-nav-icon svg{width:20px!important;height:20px!important}.home-materials-grid{grid-template-columns:1fr}.home-material-toggle{padding:15px}.home-materials-content{padding-left:12px;padding-right:12px}.material-block-card{grid-template-columns:22px 40px minmax(0,1fr) 22px!important;gap:9px!important;min-height:68px!important;padding:10px!important}.material-block-icon{width:40px!important;height:40px!important;flex-basis:40px!important;font-size:19px!important}.material-block-number{font-size:8px!important;min-width:22px!important}.material-block-arrow{font-size:22px!important}}
@media(prefers-reduced-motion:no-preference){html[data-theme="dark"],body.dark,.dark-mode,html[data-theme="dark"] *,body.dark *{transition:background-color .18s ease,border-color .18s ease,color .18s ease}}
@media(max-width:350px){.floating-dashboard-nav{width:calc(100vw - 10px)!important;padding:5px!important;gap:2px!important}.floating-dashboard-nav .floating-nav-item{font-size:10px!important}}
@keyframes floatingNavPop{0%{transform:translateY(0) scale(1)}32%{transform:translateY(-8px) scale(1.13)}58%{transform:translateY(-3px) scale(.98)}78%{transform:translateY(-5px) scale(1.05)}100%{transform:translateY(0) scale(1)}}
@keyframes floatingIconPop{0%{transform:translateY(0) scale(1) rotate(0deg)}28%{transform:translateY(-8px) scale(1.22) rotate(-3deg)}55%{transform:translateY(-2px) scale(.96) rotate(2deg)}78%{transform:translateY(-5px) scale(1.08) rotate(0deg)}100%{transform:translateY(-2px) scale(1.08) rotate(0deg)}}
@keyframes floatingNavRipple{0%{opacity:.20;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(5)}}
@media(max-width:360px){.upi-material-node{grid-template-columns:48px minmax(0,1fr) 32px;padding:12px}.upi-material-icon{width:48px;height:48px;border-radius:14px;font-size:23px}.account-page-view .account-header{grid-template-columns:32px minmax(0,1fr) 32px!important}.account-page-view .account-header h2{font-size:18px!important}.account-page-view .account-header .account-back, .account-page-view .account-header .account-header-spacer{width:32px!important;min-width:32px!important;max-width:32px!important}}
@media(orientation:landscape) and (max-height:600px){html{height:auto!important;min-height:100%!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;scroll-behavior:auto!important}body{height:auto!important;min-height:100%!important;overflow-y:visible!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}body .app{min-height:0!important;height:auto!important;padding-bottom:92px!important}body .header{position:relative!important;top:auto!important;z-index:100!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.home-context .header{position:relative!important;z-index:100!important}.floating-dashboard-nav{bottom:max(6px,env(safe-area-inset-bottom))!important;height:58px!important;border-radius:18px!important}.floating-dashboard-nav .floating-nav-item{min-height:44px!important}.floating-dashboard-nav .floating-nav-icon{width:22px!important;height:22px!important;flex-basis:22px!important}.floating-dashboard-nav .floating-nav-icon svg{width:18px!important;height:18px!important}.floating-dashboard-nav .floating-nav-item span:last-child{font-size:9px!important}}
@keyframes splashElegantIn{0%{opacity:0;transform:scale(.92)}55%{opacity:1;transform:scale(1.015)}100%{opacity:1;transform:scale(1)}}
@keyframes splashLogoLargeIn{0%{opacity:0;transform:scale(.72)}70%{opacity:1;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}
@keyframes splashLogoCover{0%{opacity:1;transform:scale(1)}18%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(22)}}
@keyframes splashBrandExit{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.72)}}
@keyframes splashLogoLargeInCentered{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.035)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes splashLogoCoverCentered{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}100%{opacity:1;transform:translate(-50%,-50%) scale(28)}}
@keyframes splashBrandExitCentered{0%{opacity:1;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) scale(.72)}}
@keyframes popBurstPulse{0%{transform:scale(1)}45%{transform:scale(1.075)}100%{transform:scale(1)}}
@keyframes popCorePulse{0%{transform:scale(1)}45%{transform:scale(1.09)}100%{transform:scale(1)}}
@keyframes battleImpactPulse{0%{filter:brightness(1);opacity:1}45%{filter:brightness(1.35);opacity:.72}100%{filter:brightness(1);opacity:0}}
@keyframes damageRingPulse{0%{filter:brightness(1);opacity:1}45%{filter:brightness(1.35);opacity:.7}100%{filter:brightness(1);opacity:0}}
@media(min-width: 769px){.pop-celebration.show .pop-burst{animation:popBurst .68s cubic-bezier(.18,1.55,.3,1) forwards, popDesktopSignal 1.35s .25s ease-in-out infinite!important;will-change:transform,opacity,filter}.pop-celebration.show .pop-burst::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px solid rgba(52,199,89,.35);animation:popDesktopRing 1.35s ease-out infinite;pointer-events:none}.pop-burst{position:relative}}
@keyframes popDesktopSignal{0%,100%{transform:scale(1);filter:drop-shadow(0 10px 28px rgba(52,199,89,.10))}50%{transform:scale(1.055);filter:drop-shadow(0 14px 36px rgba(52,199,89,.28))}}
@keyframes popDesktopRing{0%{transform:scale(.78);opacity:.7}75%{transform:scale(1.45);opacity:0}100%{transform:scale(1.45);opacity:0}}
@media(max-width:480px){.admin-activity-toolbar{justify-content:stretch}.admin-activity-toolbar .admin-delete-btn{width:100%}}
@keyframes clinedViewIn{from{opacity:.82;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(min-width:601px){}

/* ═══════════════════════════════════════════════════════════════
   CLINED NEW FEATURES — Announcements, Leaderboard, Timer, Notes
   ═══════════════════════════════════════════════════════════════ */

/* ── Announcement Banner ─────────────────────────────────────────────────── */
.announcement-banner {
  position: relative;
  z-index: 9000;
  background: linear-gradient(135deg, #0c93d0 0%, #1cb0f6 100%);
  color: #fff;
  padding: 0;
  box-shadow: 0 2px 0 #0877aa, 0 4px 14px rgba(28,176,246,.22);
  animation: slideInBanner .3s ease-out;
}
@keyframes slideInBanner {
  from { transform: translateY(-100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.announcement-inner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  max-width: 900px;
  margin: 10px auto;
  border-radius: 16px;
}
.announcement-copy { flex: 1; min-width: 0; }
.announcement-title { font-size: 15px; font-weight: 900; line-height: 1.25; margin-bottom: 3px; }
.announcement-priority-dot {
  width: 9px; height: 9px;
  border-radius: 50%;
  flex: 0 0 9px;
  background: #60a5fa;
}
.announcement-priority-dot.priority-high { background: #f59e0b; }
.announcement-priority-dot.priority-urgent { background: #ef4444; animation: urgentPulse 1.2s ease infinite; }
.announcement-priority-dot.priority-low { background: #6ee7b7; }
@keyframes urgentPulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.announcement-text { font-size: 13px; font-weight: 600; line-height: 1.45; opacity: .96; }
.announcement-close {
  background: rgba(255,255,255,.18);
  border: 0;
  color: #fff;
  width: 28px; height: 28px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  flex: 0 0 28px;
  display: grid; place-items: center;
  transition: background .15s;
}
.announcement-close:hover { background: rgba(255,255,255,.28); }

.admin-announcement-item{padding:14px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:var(--surface)}
.admin-announcement-head{display:flex;align-items:center;gap:8px;margin-bottom:7px;min-width:0}
.admin-announcement-head>b{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-announcement-priority{font-size:9px;font-weight:900;letter-spacing:.06em;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.07);flex:0 0 auto}
.admin-announcement-status{margin-left:auto;font-size:10px;font-weight:900;white-space:nowrap}.admin-announcement-status.is-published{color:#58cc02}.admin-announcement-status.is-draft{color:var(--muted)}
.admin-announcement-item>p{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 10px}.admin-announcement-actions{display:flex;gap:8px}.admin-announcement-actions .danger{color:#ef4444;border-color:rgba(239,68,68,.35)}
@media(max-width:600px){.announcement-inner{margin:8px 12px;padding:14px 15px}.announcement-title{font-size:14px}.announcement-text{font-size:12px}.admin-announcement-head{align-items:flex-start;flex-wrap:wrap}.admin-announcement-status{margin-left:auto}.admin-announcement-head>b{white-space:normal;flex:1;min-width:120px}}

/* ── Leaderboard Teaser (Home) ────────────────────────────────────────────── */
.leaderboard-teaser-card {
  padding: 14px 16px !important;
  background: linear-gradient(135deg, var(--surface, #f8f9fa) 0%, var(--card, #ffffff) 100%) !important;
  border-color: var(--line, #e2e8f0) !important;
  color: var(--text, #1e293b) !important;
}
:root.dark .leaderboard-teaser-card {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}
.leaderboard-teaser-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.leaderboard-teaser-head b { font-size: 14px; }
.leaderboard-see-all {
  background: rgba(99,102,241,.2);
  border: 1px solid rgba(99,102,241,.4);
  color: #a5b4fc;
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.leaderboard-teaser-list { display: flex; flex-direction: column; gap: 6px; }
.lb-teaser-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(0,0,0,.04);
  font-size: 12px;
}
:root.dark .lb-teaser-row { background: rgba(255,255,255,.05); }
.lb-teaser-row.leaderboard-me { background: rgba(99,102,241,.18); border: 1px solid rgba(99,102,241,.3); }
.lb-teaser-name { flex: 1; font-weight: 700; color: var(--text, #1e293b); }
:root.dark .lb-teaser-name { color: #e2e8f0; }
.lb-teaser-xp { font-weight: 900; color: #f59e0b; font-size: 11px; }
.leaderboard-loading { font-size: 12px; opacity: .55; padding: 10px; text-align: center; }

/* ── Leaderboard Full Page ────────────────────────────────────────────────── */
.leaderboard-tabs-card { padding: 0 !important; overflow: hidden; }
.leaderboard-tabs {
  display: flex;
  border-bottom: 2px solid var(--line);
}
.lb-tab {
  flex: 1;
  padding: 14px;
  background: transparent;
  border: 0;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
  color: var(--muted);
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
}
.lb-tab.active {
  color: var(--brand);
  border-bottom-color: var(--brand);
}
.leaderboard-list { padding: 8px 12px 12px; }
.leaderboard-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 8px;
  border-radius: 12px;
  margin-bottom: 4px;
  border: 1px solid transparent;
}
.leaderboard-row:hover { background: var(--surface); }
.leaderboard-row.leaderboard-me {
  background: rgba(88,204,2,.07);
  border-color: rgba(88,204,2,.25);
}
.lb-rank { font-size: 20px; flex: 0 0 32px; text-align: center; }
.lb-user { flex: 1; min-width: 0; }
.lb-user b { display: block; font-size: 13px; }
.lb-user small { display: block; font-size: 10px; color: var(--muted); margin-top: 2px; }
.lb-xp { font-weight: 900; color: #f59e0b; font-size: 12px; white-space: nowrap; }

/* ── Study Timer ─────────────────────────────────────────────────────────── */
.study-timer-card { text-align: center; }
.timer-display {
  padding: 28px 16px 20px;
}
.timer-mode-label {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  color: var(--brand);
  margin-bottom: 8px;
}
.timer-clock {
  font-size: 72px;
  font-weight: 900;
  letter-spacing: -4px;
  line-height: 1;
  color: var(--text);
  font-variant-numeric: tabular-nums;
  margin-bottom: 8px;
}
.timer-session-count {
  font-size: 11px;
  color: var(--muted);
}
.timer-controls {
  display: flex;
  gap: 10px;
  padding: 0 16px 16px;
}
.timer-btn {
  flex: 1;
  padding: 14px;
  border-radius: 16px;
  font-weight: 900;
  font-size: 15px;
  cursor: pointer;
  border: 2px solid var(--line);
}
.timer-start {
  background: var(--brand) !important;
  border-color: var(--brand-dark) !important;
  color: #fff !important;
  box-shadow: 0 4px 0 var(--brand-dark) !important;
  border-bottom: 5px solid var(--brand-dark) !important;
}
.timer-reset {
  background: var(--surface) !important;
  color: var(--text);
  box-shadow: 0 3px 0 var(--line) !important;
  border-bottom: 4px solid var(--line) !important;
}
.timer-mode-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 0 16px 16px;
}
.timer-mode-choice {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 10px 6px;
  border-radius: 14px;
  border: 2px solid var(--line);
  background: var(--surface);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}
.timer-mode-choice small {
  font-size: 9px;
  opacity: .7;
  font-weight: 600;
}
.timer-mode-choice.active {
  border-color: var(--brand);
  background: rgba(88,204,2,.08);
  color: var(--brand);
}
.timer-tips {
  margin: 0;
  padding: 0 0 0 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}

/* ── Admin Announcement UI ────────────────────────────────────────────────── */
.admin-announcements-section { padding: 16px; }
.admin-section-head { margin-bottom: 16px; }
.admin-section-head h3 { font-size: 18px; font-weight: 900; margin: 0 0 4px; }
.admin-section-head p { margin: 0; font-size: 12px; color: var(--muted); }
.admin-new-announce-form label {
  display: block;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 10px 0 4px;
  color: var(--muted);
}
.admin-new-announce-form input[type=text],
.admin-new-announce-form textarea,
.admin-new-announce-form select {
  width: 100%;
  padding: 10px 12px;
  border: 2px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: 13px;
  resize: vertical;
}
.admin-ann-meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 0;
  flex-wrap: wrap;
}
.admin-ann-meta-row select { width: auto; flex: 0 0 auto; }
.admin-ann-publish-check {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--text) !important;
  margin: 0 !important;
}
.admin-ann-publish-check input[type="checkbox"] {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  cursor: pointer;
  accent-color: var(--brand, #5c7cfa);
}
  height: 14px;
  flex: 0 0 14px;
  cursor: pointer;
  accent-color: var(--brand, #5c7cfa);
}
.admin-announce-row {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  margin-bottom: 8px;
  background: var(--surface);
}
.admin-announce-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.admin-announce-priority {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(0,0,0,.07);
}
.priority-high { background: rgba(245,158,11,.15) !important; color: #b45309 !important; }
.priority-urgent { background: rgba(239,68,68,.15) !important; color: #dc2626 !important; }
.priority-low { background: rgba(52,199,89,.15) !important; color: #15803d !important; }
.admin-announce-status { font-size: 10px; margin-left: auto; font-weight: 800; }
.admin-announce-status.pub { color: var(--brand); }
.admin-announce-status.draft { color: var(--muted); }
.admin-announce-body { font-size: 12px; line-height: 1.5; margin: 0 0 8px; color: var(--muted); }
.admin-announce-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.admin-announce-actions .danger { color: #ef4444 !important; border-color: rgba(239,68,68,.35) !important; }

/* ── HOME REDESIGN IMPROVEMENTS ───────────────────────────────────────────── */
/* Reward strip: more visual weight */
.duo-reward-strip {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}
.duo-reward-item {
  background: var(--card) !important;
  border: 2px solid var(--line) !important;
  border-radius: 18px !important;
  padding: 12px 8px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  box-shadow: 0 3px 0 rgba(0,0,0,.10) !important;
}
.duo-reward-icon { font-size: 22px; }
.duo-reward-item b { font-size: 18px; font-weight: 900; letter-spacing: -.5px; }
.duo-reward-item small { font-size: 9px; color: var(--muted); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }

/* Cleaner menu grid: 2-col with better spacing */
.menu-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
}
.menu-item {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 12px 13px !important;
  text-align: left !important;
  font-size: 13px !important;
  border-radius: 16px !important;
  font-weight: 800 !important;
}
.menu-icon { font-size: 18px; flex: 0 0 auto; }

/* Exam launcher: tighter, cleaner */
.exam-launcher { padding: 14px !important; }
.exam-launcher-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}
.exam-launch-card {
  padding: 20px 8px !important;
  border-radius: 18px !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  border: 2px solid var(--line) !important;
  box-shadow: 0 4px 0 var(--line) !important;
  border-bottom: 5px solid var(--line) !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  cursor: pointer;
  transition: transform .14s ease, box-shadow .14s ease;
}
.exam-launch-card:active { transform: translateY(3px); box-shadow: 0 1px 0 var(--line) !important; }
.exam-launch-card.uab { background: linear-gradient(145deg, #4aad10 0%, #5ec204 100%) !important; border-color: #4aa800 !important; color: #fff !important; border-bottom-color: #3d8e00 !important; box-shadow: 0 4px 0 #3d8e00 !important; }
.exam-launch-card.uab b, .exam-launch-card.uab small, .exam-launch-card.uab em { color: rgba(255,255,255,.92) !important; }
.exam-launch-card.upi { background: linear-gradient(145deg, #1398c8 0%, #29aee8 100%) !important; border-color: #1190be !important; color: #fff !important; border-bottom-color: #0d7aa0 !important; box-shadow: 0 4px 0 #0d7aa0 !important; }
.exam-launch-card.upi b, .exam-launch-card.upi small, .exam-launch-card.upi em { color: rgba(255,255,255,.92) !important; }

/* Admin stats summary card */
.admin-stats-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}
.admin-stat-mini {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 10px;
  text-align: center;
}
.admin-stat-mini b { display: block; font-size: 22px; font-weight: 900; }
.admin-stat-mini small { font-size: 10px; color: var(--muted); }

/* Dark mode adjustments */
:root.dark .leaderboard-teaser-card {
  background: linear-gradient(135deg, #0c1122 0%, #1a2340 100%) !important;
  border-color: #1e3a5f !important;
  color: #f1f5f9 !important;
}
:root.dark .announcement-banner {
  background: linear-gradient(135deg, #0a6fa0 0%, #0c93d0 100%);
  box-shadow: 0 2px 0 #074f72, 0 4px 14px rgba(12,147,208,.20);
}

/* ── Responsive: narrow screens ─────────────────────────────────────────── */
@media (max-width: 420px) {
  .timer-mode-grid { grid-template-columns: 1fr 1fr; }
  .timer-mode-grid .timer-mode-choice:last-child { grid-column: 1 / -1; }
  .menu-grid { grid-template-columns: 1fr !important; }
  .admin-stats-row { grid-template-columns: 1fr 1fr; }
}


/* ── CLINED POLISH PASS • unified controls / admin form / mobile fit ─────── */
:root{
  --clined-control-font:12px;
  --clined-control-radius:14px;
  --clined-control-shadow:0 3px 0 rgba(31,42,35,.12);
}
button.primary,button.secondary,button.account-action,button.admin-panel-tab,
button.admin-delete-btn,button.small-btn,button.clined-compact-action{
  min-height:var(--clined-control-h);
  border-radius:var(--clined-control-radius);
  font-family:var(--clined-font);
  font-size:var(--clined-control-font);
  line-height:1.15;
  font-weight:900;
  letter-spacing:0;
  padding:10px 15px;
  transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,filter var(--motion-fast) ease;
}
button.primary,button.account-save{box-shadow:var(--clined-control-shadow,var(--clined-shadow));}
button.primary:not(:disabled):active,button.secondary:not(:disabled):active,
button.account-action:not(:disabled):active,button.admin-panel-tab:not(:disabled):active,
button.admin-delete-btn:not(:disabled):active,button.small-btn:not(:disabled):active{
  transform:translateY(2px);
}
button:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.62}

/* "Langsung publikasikan" is a compact option, never a large CTA. */
.admin-ann-publish-check,label.admin-ann-publish-check,
.admin-ann-publish-check *{
  font-family:var(--clined-font)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-transform:none!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.admin-ann-publish-check{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%;
  margin:0!important;
  padding:5px 8px!important;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
}
.admin-ann-publish-check input[type="checkbox"]{
  appearance:none;-webkit-appearance:none;
  width:16px!important;height:16px!important;min-width:16px!important;
  margin:0!important;border:2px solid var(--muted);border-radius:5px;
  background:var(--card);display:grid;place-items:center;
}
.admin-ann-publish-check input[type="checkbox"]:checked{border-color:var(--brand);background:var(--brand);}
.admin-ann-publish-check input[type="checkbox"]:checked::after{
  content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;
  transform:rotate(-45deg) translateY(-1px);
}
.admin-new-announce-form input[type=text],
.admin-new-announce-form textarea,
.admin-new-announce-form select{font-size:12px!important;}
.admin-new-announce-form textarea{min-height:88px;}
.admin-section-head h3{font-size:17px!important;}
.admin-section-head p{font-size:11px!important;line-height:1.45!important;}
@media (max-width:640px){
  .app{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;}
  button.primary,button.secondary,button.account-action,button.admin-panel-tab,
  button.admin-delete-btn,button.small-btn,button.clined-compact-action{
    min-height:44px;padding:9px 12px;font-size:11px;
  }
  .admin-new-announce-form{padding:12px!important;}
  .admin-ann-meta-row{gap:7px!important;}
  .admin-ann-publish-check{font-size:10px!important;padding:5px 7px!important;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    scroll-behavior:auto!important;transition-duration:.01ms!important;
  }
}

/* Unified material-link controls: save and delete use the same CLINED button geometry. */
.admin-material-actions .material-delete-action{
  width:100%!important; min-width:0!important; margin:0!important;
  min-height:var(--clined-control-h)!important; height:auto!important;
  box-sizing:border-box!important; padding:10px 14px!important;
  border:2px solid #e0b0b0!important; border-radius:20px!important;
  background:#fff7f7!important; color:#b63b3b!important;
  box-shadow:0 4px 0 #d8a0a0!important;
  font:800 12px/1.2 var(--clined-font),inherit!important;
  cursor:pointer!important;
  transition:transform .09s ease,box-shadow .09s ease,filter .09s ease,background .14s ease!important;
}
.admin-material-actions .material-delete-action:hover{background:#fff0f0!important;filter:brightness(1.01)}
.admin-material-actions .material-delete-action:active{transform:translateY(4px)!important;box-shadow:0 0 0 #d8a0a0!important;filter:brightness(.96)}
.admin-material-actions .material-delete-action:disabled{opacity:.55!important;cursor:wait!important}
@media(max-width:520px){.admin-material-actions .material-delete-action{min-height:var(--clined-control-h)!important;height:auto!important;padding:10px 12px!important;border-radius:20px!important}}

/* AI Tanya-Jawab */


/* DASHBOARD NAV HOTFIX v3 */
.floating-dashboard-nav{pointer-events:auto!important;touch-action:manipulation!important;}
.floating-nav-item{pointer-events:auto!important;touch-action:manipulation!important;}
.floating-nav-slider{pointer-events:none!important;}
.floating-nav-item[data-floating-nav="dashboard"]{position:relative!important;z-index:20!important;cursor:pointer!important;}

/* v7 loading credit */
#appLoading .splash-brand{font-size:clamp(16px,4vw,22px)!important;font-weight:800!important;letter-spacing:.06em!important;color:#fff!important;top:calc(50% + 92px)!important;line-height:1.2!important;}
