:root{--navy: #2B3A4E;--navy-dark: #1F2D3D;--navy-light: #3D5068;--blue: #2196F3;--blue-hover: #1976D2;--green: #4CAF50;--green-bg: #E8F5E9;--green-border: #A5D6A7;--red: #F44336;--red-bg: #FFEBEE;--red-border: #EF9A9A;--orange: #FF9800;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--white: #FFFFFF;--text: #212121;--text-secondary: #616161;--sidebar-w: 220px;--topbar-h: 48px;--bottombar-h: 48px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;font-family:var(--font);color:var(--text);background:var(--gray-100)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#060a12;position:relative;overflow-x:hidden;overflow-y:auto}.auth-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(33,150,243,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,229,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(124,77,255,.04) 0%,transparent 50%);animation:authBgPulse 8s ease-in-out infinite alternate}@keyframes authBgPulse{0%{transform:scale(1) rotate(0)}to{transform:scale(1.1) rotate(3deg)}}.auth-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.auth-particle{position:absolute;width:2px;height:2px;border-radius:50%;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) scale(1);opacity:0}}.auth-neural{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.35}.auth-pulse-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.auth-pulse-ring{position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;border:1px solid rgba(33,150,243,.12);animation:pulseExpand ease-out infinite;pointer-events:none}@keyframes pulseExpand{0%{transform:translate(-50%,-50%) scale(.5);opacity:.3}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.auth-card{background:#0c101cd1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(33,150,243,.12);border-radius:20px;padding:48px 44px 40px;width:390px;max-width:90vw;position:relative;z-index:1;box-shadow:0 0 60px #2196f30f,0 0 120px #00000080,inset 0 1px #ffffff0a}.auth-card:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,rgba(33,150,243,.5),rgba(0,229,255,.5),rgba(33,150,243,.5),transparent);border-radius:2px;animation:topLineShimmer 3s ease-in-out infinite}.auth-card:after{content:"";position:absolute;bottom:-1px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,rgba(33,150,243,.2),transparent);border-radius:1px}@keyframes topLineShimmer{0%,to{opacity:.6}50%{opacity:1}}.auth-logo{text-align:center;margin-bottom:16px;position:relative}.auth-psi{position:relative;filter:drop-shadow(0 0 10px rgba(33,150,243,.4));animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 8px rgba(33,150,243,.3))}50%{filter:drop-shadow(0 0 20px rgba(33,150,243,.6))}}.auth-icon-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(33,150,243,.08) 0%,transparent 70%);animation:iconHalo 4s ease-in-out infinite;z-index:-1}@keyframes iconHalo{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.auth-card h1{font-size:26px;font-weight:700;margin-bottom:4px;color:#e0e6ed;text-align:center;letter-spacing:2px}.auth-card h1 span{background:linear-gradient(135deg,#2196f3,#00e5ff,#2196f3);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 4s ease-in-out infinite}@keyframes textShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-card p.sub{font-size:12px;color:#a0afc380;margin-bottom:32px;text-align:center;letter-spacing:3px;text-transform:uppercase}.auth-card label{display:block;font-size:11px;font-weight:600;margin-bottom:6px;color:#a0afc380;text-transform:uppercase;letter-spacing:1px}.auth-card input{width:100%;padding:12px 14px;border:1px solid rgba(33,150,243,.12);border-radius:10px;font-size:14px;margin-bottom:20px;font-family:var(--font);background:#080c1499;color:#e0e6ed;transition:all .3s ease}.auth-card input:focus{outline:none;border-color:#2196f380;box-shadow:0 0 0 3px #2196f31a,0 0 20px #2196f30d;background:#080c14cc}.auth-card input::placeholder{color:#a0afc340}.auth-card .btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,#1565c0,#2196f3,#00bcd4);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font);letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 24px #2196f333}.auth-card .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.auth-card .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 30px #2196f359,0 0 50px #2196f31a}.auth-card .btn-primary:hover:before{left:100%}.auth-card .switch{text-align:center;margin-top:24px;font-size:13px;color:#a0afc366}.auth-card .switch a{color:#2196f3;cursor:pointer;text-decoration:none;transition:color .2s}.auth-card .switch a:hover{color:#00e5ff}.auth-card .error{background:#f443361a;color:#ff6b6b;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid rgba(244,67,54,.2)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar .brand{padding:16px 20px;font-size:16px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:8px}.sidebar .brand span.sub{font-size:11px;font-weight:500;color:var(--gray-500)}.sidebar nav{flex:1;padding:8px 0}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:500;color:var(--gray-700);text-decoration:none;border-left:3px solid transparent}.sidebar nav a:hover{background:var(--gray-50);color:var(--navy)}.sidebar nav a.active{background:#2196f30f;color:var(--blue);border-left-color:var(--blue);font-weight:600}.sidebar nav .divider{height:1px;background:var(--gray-200);margin:8px 20px}.sidebar .user-box{padding:16px 20px;border-top:1px solid var(--gray-200)}.sidebar .user-box .name{font-size:13px;font-weight:600;color:var(--navy)}.sidebar .user-box .signout{font-size:12px;color:var(--gray-500);cursor:pointer;margin-top:4px}.sidebar .user-box .signout:hover{color:var(--red)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:var(--white);flex-shrink:0}.topbar .left{display:flex;align-items:center;gap:16px}.topbar .timer{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.topbar .right{display:flex;align-items:center;gap:12px}.topbar .tb-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--white);padding:4px 12px;border-radius:3px;font-size:12px;cursor:pointer;font-family:var(--font)}.topbar .tb-btn:hover{background:#ffffff1a}.topbar .tb-btn.active{background:var(--blue);border-color:var(--blue)}.page-content{flex:1;overflow-y:auto;padding:24px 32px}.dashboard h2{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--navy)}.bank-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:32px}.bank-card{background:var(--white);border-radius:6px;padding:20px 24px;border:1px solid var(--gray-200)}.bank-card .bank-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:12px}.bank-card .progress-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.bank-card .progress-bar{flex:1;height:10px;background:var(--gray-200);border-radius:5px;overflow:hidden;display:flex}.bank-card .progress-bar .fill-correct{background:var(--green);height:100%}.bank-card .progress-bar .fill-incorrect{background:var(--red);height:100%}.bank-card .progress-bar .fill-unused{background:var(--gray-300);height:100%}.bank-card .progress-pct{font-size:14px;font-weight:600;color:var(--navy);min-width:36px;text-align:right}.bank-card .stats-row{display:flex;gap:16px;margin-top:12px}.bank-card .stat{font-size:12px;color:var(--gray-600)}.bank-card .stat strong{color:var(--text)}.create-test{max-width:560px}.create-test h2{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--navy)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--gray-700)}.toggle-group{display:flex;gap:0;border:1px solid var(--gray-300);border-radius:4px;overflow:hidden}.toggle-group button{flex:1;padding:9px 16px;border:none;background:var(--white);font-size:13px;font-weight:500;cursor:pointer;border-right:1px solid var(--gray-300);font-family:var(--font);color:var(--gray-700)}.toggle-group button:last-child{border-right:none}.toggle-group button.active{background:var(--blue);color:var(--white)}select.form-select{width:100%;padding:9px 12px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;font-family:var(--font);background:var(--white)}input.form-input{width:100%;padding:9px 12px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;font-family:var(--font)}.available-count{font-size:12px;color:var(--gray-500);margin-top:6px}.btn{display:inline-block;padding:10px 24px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font)}.btn-blue{background:var(--blue);color:var(--white)}.btn-blue:hover{background:var(--blue-hover)}.btn-blue:disabled{background:var(--gray-400);cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-outline:hover{background:var(--gray-50)}.test-layout{display:flex;flex-direction:column;height:100vh}.test-topbar{height:var(--topbar-h);background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--white);flex-shrink:0}.test-topbar .brand-sm{font-size:14px;font-weight:700}.test-topbar .tools{display:flex;gap:8px;align-items:center}.test-body{flex:1;display:flex;overflow:hidden}.test-left{flex:1;overflow-y:auto;padding:24px 28px;border-right:1px solid var(--gray-200);background:var(--white)}.test-right{flex:1;overflow-y:auto;padding:24px 28px;background:var(--gray-50);display:none}.test-right.visible{display:block}.test-bottombar{height:var(--bottombar-h);background:var(--gray-100);border-top:1px solid var(--gray-300);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.q-tags{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.q-tag{background:var(--gray-200);color:var(--gray-700);padding:2px 8px;border-radius:3px;font-size:11px;font-weight:500}.q-stem{font-size:15px;line-height:1.65;margin-bottom:20px;color:var(--text)}.choices{display:flex;flex-direction:column;gap:8px}.choice-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--gray-300);border-radius:4px;cursor:pointer;position:relative}.choice-item:hover{border-color:var(--blue);background:#2196f308}.choice-item.selected{border-color:var(--blue);background:#2196f30f}.choice-item.correct{border-color:var(--green);background:var(--green-bg)}.choice-item.incorrect{border-color:var(--red);background:var(--red-bg)}.choice-item.was-correct{border-color:var(--green-border);background:var(--green-bg)}.choice-item.struck{opacity:.4;text-decoration:line-through}.choice-letter{width:26px;height:26px;border-radius:50%;border:2px solid var(--gray-400);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;color:var(--gray-600);margin-top:1px}.choice-item.selected .choice-letter{border-color:var(--blue);color:var(--blue);background:#2196f31a}.choice-item.correct .choice-letter{border-color:var(--green);color:var(--white);background:var(--green)}.choice-item.incorrect .choice-letter{border-color:var(--red);color:var(--white);background:var(--red)}.choice-item.was-correct .choice-letter{border-color:var(--green);color:var(--white);background:var(--green)}.choice-text{font-size:14px;line-height:1.5;flex:1;padding-top:2px}.strike-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--gray-400);cursor:pointer;font-size:16px;padding:4px}.strike-btn:hover{color:var(--red)}.explanation-panel .result-banner{padding:12px 16px;border-radius:4px;font-size:14px;font-weight:600;margin-bottom:16px}.explanation-panel .result-banner.correct{background:var(--green-bg);color:#2e7d32;border:1px solid var(--green-border)}.explanation-panel .result-banner.incorrect{background:var(--red-bg);color:#c62828;border:1px solid var(--red-border)}.explanation-panel h3{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:10px}.explanation-panel .exp-text{font-size:14px;line-height:1.7;color:var(--text);margin-bottom:16px}.explanation-panel .wrong-exp{margin-bottom:10px}.explanation-panel .wrong-exp strong{color:var(--gray-700)}.explanation-panel .bottom-line{background:var(--gray-100);padding:12px 16px;border-radius:4px;border-left:3px solid var(--blue);font-size:13px;line-height:1.6;margin-top:16px}.bb-btn{padding:6px 16px;border:1px solid var(--gray-300);background:var(--white);border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);color:var(--gray-700);display:flex;align-items:center;gap:6px}.bb-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.bb-btn.mark-active{color:var(--orange);border-color:var(--orange)}.bb-center{display:flex;align-items:center;gap:8px}.bb-counter{font-size:13px;color:var(--gray-600);font-variant-numeric:tabular-nums}.bb-submit{padding:6px 20px;background:var(--blue);color:var(--white);border:none;border-radius:3px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font)}.bb-submit:hover{background:var(--blue-hover)}.bb-submit:disabled{background:var(--gray-400);cursor:not-allowed}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center}.nav-panel{background:var(--white);border-radius:8px;padding:24px;width:480px;max-width:90vw;max-height:80vh;overflow-y:auto}.nav-panel h3{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:16px}.nav-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.nav-cell{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;border:2px solid transparent}.nav-cell.unanswered{background:var(--gray-200);color:var(--gray-600)}.nav-cell.correct{background:var(--green);color:var(--white)}.nav-cell.incorrect{background:var(--red);color:var(--white)}.nav-cell.current{border-color:var(--blue)}.nav-cell.is-marked{position:relative}.nav-cell.is-marked:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--orange);border-radius:50%}.nav-legend{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.nav-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-600)}.nav-legend-swatch{width:14px;height:14px;border-radius:3px}.lab-panel{position:fixed;top:0;right:0;width:380px;height:100vh;background:var(--white);box-shadow:-2px 0 12px #00000026;z-index:100;overflow-y:auto;padding:20px}.lab-panel h3{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:16px}.lab-panel .lab-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--gray-600)}.lab-cat{margin-bottom:16px}.lab-cat h4{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.lab-table{width:100%;border-collapse:collapse}.lab-table td{padding:4px 8px;font-size:12px;border-bottom:1px solid var(--gray-100)}.lab-table td:first-child{font-weight:500;color:var(--text)}.lab-table td:last-child{color:var(--gray-600);text-align:right;font-variant-numeric:tabular-nums}.notes-panel{position:fixed;top:0;right:0;width:360px;height:100vh;background:var(--white);box-shadow:-2px 0 12px #00000026;z-index:100;display:flex;flex-direction:column}.notes-panel h3{padding:16px 20px;font-size:15px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--gray-200);flex-shrink:0}.notes-panel textarea{flex:1;border:none;padding:16px 20px;font-size:13px;line-height:1.6;resize:none;font-family:var(--font);outline:none}.notes-panel .notes-save{padding:12px 20px;border-top:1px solid var(--gray-200);flex-shrink:0}.results-page{max-width:640px;margin:0 auto}.results-page h2{font-size:22px;font-weight:700;color:var(--navy);margin-bottom:24px;text-align:center}.score-big{text-align:center;margin-bottom:24px}.score-big .pct{font-size:56px;font-weight:700;color:var(--navy)}.score-big .label{font-size:14px;color:var(--gray-500)}.score-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;margin-bottom:16px}.score-bar .seg-correct{background:var(--green)}.score-bar .seg-incorrect{background:var(--red)}.score-bar .seg-omitted{background:var(--gray-300)}.score-stats{display:flex;justify-content:center;gap:32px;margin-bottom:32px}.score-stat{text-align:center}.score-stat .num{font-size:24px;font-weight:700}.score-stat .num.g{color:var(--green)}.score-stat .num.r{color:var(--red)}.score-stat .num.o{color:var(--gray-500)}.score-stat .lbl{font-size:12px;color:var(--gray-500)}.subj-table{width:100%;border-collapse:collapse}.subj-table th{text-align:left;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;border-bottom:2px solid var(--gray-200)}.subj-table td{padding:8px 12px;font-size:13px;border-bottom:1px solid var(--gray-100)}.subj-pct-bar{width:80px;height:6px;background:var(--gray-200);border-radius:3px;display:inline-block;overflow:hidden;margin-right:8px;vertical-align:middle}.subj-pct-bar .fill{height:100%;background:var(--blue);border-radius:3px}.prev-tests table{width:100%;border-collapse:collapse}.prev-tests th{text-align:left;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;border-bottom:2px solid var(--gray-200)}.prev-tests td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--gray-100)}.prev-tests .status-tag{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600}.prev-tests .status-tag.completed{background:var(--green-bg);color:#2e7d32}.prev-tests .status-tag.in_progress{background:#fff3e0;color:#e65100}.link-btn{background:none;border:none;color:var(--blue);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);text-decoration:underline}.perf-tabs{display:flex;border-bottom:2px solid var(--gray-200);margin-bottom:24px;gap:0}.perf-tab{padding:10px 20px;font-size:13px;font-weight:600;color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font)}.perf-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.perf-overall-bar{display:flex;height:20px;border-radius:10px;overflow:hidden;margin:16px 0}.perf-stats-row{display:flex;gap:32px;margin-bottom:32px}.perf-stat-box{text-align:center}.perf-stat-box .val{font-size:28px;font-weight:700;color:var(--navy)}.perf-stat-box .lbl{font-size:12px;color:var(--gray-500);margin-top:2px}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:200px;padding:0 8px;border-bottom:1px solid var(--gray-300);margin-bottom:8px}.bar-col{display:flex;flex-direction:column;align-items:center;flex:1}.bar-fill{width:100%;max-width:36px;background:var(--blue);border-radius:3px 3px 0 0;min-height:2px}.bar-label{font-size:10px;color:var(--gray-500);margin-top:6px;text-align:center}.bar-value{font-size:10px;color:var(--navy);font-weight:600;margin-bottom:4px}.corrections-list{display:flex;flex-direction:column;gap:16px}.correction-card{background:var(--white);border:1px solid var(--gray-200);border-radius:6px;padding:16px 20px}.correction-card .cc-qid{font-size:11px;font-weight:600;color:var(--blue);margin-bottom:4px}.correction-card .cc-title{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:8px}.correction-card .cc-text{font-size:13px;line-height:1.6;color:var(--text)}.notebook-tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-200);margin-bottom:16px;overflow-x:auto}.notebook-tab{padding:8px 16px;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font);color:var(--gray-600)}.notebook-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.notebook-tab.add{color:var(--green);font-weight:700}.notebook-area{width:100%;min-height:300px;border:1px solid var(--gray-200);border-radius:4px;padding:16px;font-size:14px;line-height:1.7;font-family:var(--font);resize:vertical;outline:none}.notebook-area:focus{border-color:var(--blue)}.notebook-actions{display:flex;gap:8px;margin-top:12px}.flashcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.flashcard{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:20px;min-height:160px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .15s}.flashcard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.flashcard .fc-label{font-size:11px;color:var(--gray-400);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.flashcard .fc-text{font-size:14px;line-height:1.6;color:var(--text)}.fc-review-btns{display:flex;gap:8px;margin-top:16px}.fc-btn{padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:var(--font)}.fc-btn.hard{background:var(--red-bg);color:var(--red)}.fc-btn.good{background:#fff3e0;color:var(--orange)}.fc-btn.easy{background:var(--green-bg);color:var(--green)}.fc-add{margin-bottom:24px}.fc-add input,.fc-add textarea{width:100%;padding:8px 12px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;font-family:var(--font);margin-bottom:8px}.audio-list{display:flex;flex-direction:column;gap:12px}.audio-track{background:var(--white);border:1px solid var(--gray-200);border-radius:6px;padding:16px}.audio-track .track-name{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:8px}.audio-controls{display:flex;align-items:center;gap:12px}.audio-controls button{background:none;border:1px solid var(--gray-300);border-radius:4px;padding:6px 10px;cursor:pointer;font-size:13px;font-family:var(--font);color:var(--gray-700)}.audio-controls button:hover{background:var(--gray-50)}.audio-controls button.playing{background:var(--blue);color:var(--white);border-color:var(--blue)}.audio-progress{flex:1;height:6px;background:var(--gray-200);border-radius:3px;cursor:pointer;position:relative}.audio-progress .audio-fill{height:100%;background:var(--blue);border-radius:3px;pointer-events:none}.audio-time{font-size:12px;color:var(--gray-500);font-variant-numeric:tabular-nums;min-width:42px}.speed-btn{font-size:12px!important;min-width:48px;text-align:center}.calc-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:var(--white);border-radius:8px;box-shadow:0 8px 32px #0003;padding:16px;width:260px}.calc-display{background:#1a1a2e;color:#0f8;font-size:24px;padding:12px;text-align:right;border-radius:4px;margin-bottom:12px;font-variant-numeric:tabular-nums;min-height:48px;display:flex;align-items:center;justify-content:flex-end;font-family:monospace}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.calc-key{padding:12px;border:1px solid var(--gray-300);border-radius:4px;font-size:16px;cursor:pointer;font-family:var(--font);text-align:center;background:var(--white)}.calc-key:hover{background:var(--gray-100)}.calc-key.op{background:var(--blue);color:var(--white);border-color:var(--blue)}.calc-key.op:hover{background:var(--blue-hover)}.calc-key.clear{background:var(--red);color:var(--white);border-color:var(--red)}.mobile-header,.mobile-nav-overlay{display:none}@media (max-width: 900px){.sidebar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--navy);color:var(--white);flex-shrink:0;position:sticky;top:0;z-index:40}.mobile-header .mh-brand{font-size:16px;font-weight:700}.mobile-header .mh-hamburger{background:none;border:none;color:var(--white);font-size:24px;cursor:pointer;padding:4px 8px}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:90;display:flex}.mobile-nav-overlay.hidden{display:none}.mobile-nav{width:280px;background:var(--white);height:100%;overflow-y:auto;display:flex;flex-direction:column;box-shadow:2px 0 12px #00000026}.mobile-nav .brand{padding:16px 20px;font-size:16px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--gray-200)}.mobile-nav nav{flex:1;padding:8px 0}.mobile-nav nav a{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:500;color:var(--gray-700);text-decoration:none;border-left:3px solid transparent}.mobile-nav nav a:hover,.mobile-nav nav a.active{background:#2196f30f;color:var(--blue);border-left-color:var(--blue);font-weight:600}.mobile-nav nav .divider{height:1px;background:var(--gray-200);margin:8px 20px}.mobile-nav .user-box{padding:16px 20px;border-top:1px solid var(--gray-200)}.mobile-nav .user-box .name{font-size:14px;font-weight:600;color:var(--navy)}.mobile-nav .user-box .signout{font-size:13px;color:var(--gray-500);cursor:pointer;margin-top:6px}.mobile-nav-close{position:absolute;top:12px;right:-48px;background:#00000080;border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.app-layout{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.main-content{height:auto;overflow:visible;flex:none}.page-content{padding:16px;overflow:visible;flex:none}.theme-toggle-wrap{position:fixed;top:10px;right:56px;z-index:45}.theme-toggle{padding:5px 10px;font-size:11px}.dashboard h2,.create-test h2{font-size:18px}.bank-cards{grid-template-columns:1fr;gap:12px}.bank-card{padding:16px}.bank-card .bank-title{font-size:14px}.bank-card .progress-pct{font-size:16px}.bank-card .stats-row{flex-wrap:wrap;gap:8px}.create-test{max-width:100%}.toggle-group button{padding:10px 8px;font-size:12px}.test-layout{height:100vh;height:100dvh}.test-topbar{padding:8px 12px;flex-wrap:wrap;gap:6px}.test-topbar .brand-sm{font-size:12px}.test-topbar .tools{gap:4px;flex-wrap:wrap}.test-topbar .tb-btn{padding:4px 8px;font-size:11px}.test-topbar .timer{font-size:12px}.test-body{flex-direction:column}.test-left{border-right:none;padding:16px;min-height:auto}.test-right{border-top:1px solid var(--gray-200);padding:16px}.test-right.visible{display:block}.test-bottombar{padding:8px 12px;flex-wrap:wrap;gap:8px;height:auto;min-height:var(--bottombar-h)}.q-stem{font-size:15px;line-height:1.7}.choices{gap:10px}.choice-item{padding:12px 14px;gap:10px}.choice-text{font-size:14px;line-height:1.6}.choice-letter{width:28px;height:28px;font-size:13px}.explanation-panel .exp-text{font-size:14px;line-height:1.7}.explanation-panel .bottom-line{font-size:13px;line-height:1.6}.explanation-panel .result-banner{font-size:13px}.bb-btn{padding:8px 12px;font-size:12px}.bb-submit{padding:8px 16px;font-size:13px}.bb-counter{font-size:12px}.nav-panel{width:95vw;padding:16px}.nav-grid{grid-template-columns:repeat(6,1fr);gap:6px}.nav-cell{width:100%;height:38px;font-size:13px}.lab-panel,.notes-panel{width:100%}.results-page{padding:0}.results-page h2{font-size:18px}.score-big .pct{font-size:44px}.score-stats{gap:16px;flex-wrap:wrap}.subj-table{font-size:12px}.subj-table th,.subj-table td{padding:6px 8px}.prev-tests{overflow-x:auto}.prev-tests table{min-width:500px}.perf-tabs{overflow-x:auto}.perf-tab{padding:10px 14px;font-size:12px;white-space:nowrap}.perf-stats-row{flex-wrap:wrap;gap:16px}.perf-stat-box .val{font-size:22px}.bar-chart{height:160px}.corrections-list{gap:12px}.correction-card{padding:14px}.notebook-area{min-height:200px;font-size:14px}.flashcard-grid{grid-template-columns:1fr;gap:12px}.flashcard{min-height:120px;padding:16px}.audio-track{padding:14px}.audio-controls{flex-wrap:wrap;gap:8px}.calc-overlay{width:90vw;max-width:300px}.fc-add input,.fc-add textarea{font-size:16px}select.form-select,input.form-input{font-size:16px;padding:12px}.auth-page{padding:60px 0 20px;align-items:flex-start}.auth-card{padding:32px 24px;width:100%;max-width:92vw;border-radius:16px}.auth-card input{font-size:16px;padding:14px;margin-bottom:16px}.auth-card .btn-primary{padding:16px;font-size:15px}.auth-card h1{font-size:22px}.auth-neural{display:none}[data-theme=warm-dark] .mobile-header{background:#15120f}[data-theme=warm-dark] .mobile-nav{background:#1a1814}[data-theme=warm-dark] .mobile-nav .brand{color:#c9b896;border-bottom-color:#b4a07814}[data-theme=warm-dark] .mobile-nav nav a{color:#b4aa9680}[data-theme=warm-dark] .mobile-nav nav a.active{color:#c9b896;border-left-color:#c9b896;background:#b4a0780f}[data-theme=warm-dark] .mobile-nav nav .divider{background:#b4a0780f}[data-theme=warm-dark] .mobile-nav .user-box{border-top-color:#b4a07814}[data-theme=warm-dark] .mobile-nav .user-box .name{color:#d4cfc6}[data-theme=warm-dark] .mobile-nav .user-box .signout{color:#b4aa9666}}.theme-toggle-wrap{position:fixed;top:12px;right:20px;z-index:50}.theme-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 14px;border-radius:20px;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);font-size:12px;font-weight:500;font-family:var(--font);transition:all .3s;box-shadow:0 2px 8px #00000014}.theme-toggle:hover{border-color:var(--blue);box-shadow:0 2px 12px #0000001f}.theme-toggle .toggle-icon{font-size:14px}.theme-toggle .toggle-track{width:36px;height:20px;border-radius:10px;background:var(--gray-300);position:relative;transition:background .3s}.theme-toggle .toggle-thumb{width:16px;height:16px;border-radius:50%;background:var(--white);position:absolute;top:2px;left:2px;transition:transform .3s;box-shadow:0 1px 3px #00000026}.theme-toggle.active .toggle-track{background:#c9b896}.theme-toggle.active .toggle-thumb{transform:translate(16px)}[data-theme=warm-dark]{--navy: #c9b896;--navy-dark: #15120f;--navy-light: #a09078;--blue: #c9b896;--blue-hover: #b8a580;--green: #8fb86a;--green-bg: rgba(120,160,90,.08);--green-border: rgba(120,160,90,.25);--red: #c47a6a;--red-bg: rgba(190,100,80,.08);--red-border: rgba(190,100,80,.2);--orange: #d4a054;--gray-50: #1e1b17;--gray-100: #1a1814;--gray-200: rgba(180,160,120,.1);--gray-300: rgba(180,160,120,.15);--gray-400: rgba(180,160,120,.25);--gray-500: rgba(180,170,150,.4);--gray-600: rgba(180,170,150,.5);--gray-700: rgba(205,199,187,.7);--gray-800: #cdc7bb;--white: #1a1814;--text: #cdc7bb;--text-secondary: rgba(180,170,150,.5)}[data-theme=warm-dark] html,[data-theme=warm-dark] body,[data-theme=warm-dark] #root{background:#1a1814;color:#cdc7bb}[data-theme=warm-dark] .sidebar{background:#15120f;border-right-color:#b4a07814}[data-theme=warm-dark] .sidebar .brand{color:#c9b896;border-bottom-color:#b4a07814}[data-theme=warm-dark] .sidebar nav a{color:#b4aa9680}[data-theme=warm-dark] .sidebar nav a:hover{background:#b4a0780a;color:#cdc7bb}[data-theme=warm-dark] .sidebar nav a.active{background:#b4a0780f;color:#c9b896;border-left-color:#c9b896}[data-theme=warm-dark] .sidebar nav .divider{background:#b4a0780f}[data-theme=warm-dark] .sidebar .user-box{border-top-color:#b4a07814}[data-theme=warm-dark] .sidebar .user-box .name{color:#d4cfc6}[data-theme=warm-dark] .sidebar .user-box .signout{color:#b4aa9666}[data-theme=warm-dark] .sidebar .user-box .signout:hover{color:#c47a6a}[data-theme=warm-dark] .page-content{background:#1a1814}[data-theme=warm-dark] .dashboard h2,[data-theme=warm-dark] .create-test h2{color:#d4cfc6}[data-theme=warm-dark] .bank-card{background:#161410b3;border-color:#b4a07814}[data-theme=warm-dark] .bank-card .bank-title{color:#d4cfc6}[data-theme=warm-dark] .bank-card .progress-bar{background:#ffffff0a}[data-theme=warm-dark] .bank-card .progress-pct{color:#c9b896}[data-theme=warm-dark] .bank-card .stat{color:#b4aa9673}[data-theme=warm-dark] .bank-card .stat strong{color:#cdc7bb}[data-theme=warm-dark] .toggle-group{border-color:#b4a07826}[data-theme=warm-dark] .toggle-group button{background:#1a1814;color:#b4aa9680;border-right-color:#b4a07826}[data-theme=warm-dark] .toggle-group button.active{background:#c9b896;color:#15120f}[data-theme=warm-dark] select.form-select,[data-theme=warm-dark] input.form-input{background:#16141099;border-color:#b4a0781f;color:#cdc7bb}[data-theme=warm-dark] .form-group label{color:#b4aa9680}[data-theme=warm-dark] .available-count{color:#b4aa9666}[data-theme=warm-dark] .btn-blue{background:#c9b896;color:#15120f}[data-theme=warm-dark] .btn-blue:hover{background:#b8a580}[data-theme=warm-dark] .test-topbar{background:#15120f}[data-theme=warm-dark] .test-topbar .brand-sm{color:#c9b896}[data-theme=warm-dark] .test-topbar .tb-btn{border-color:#b4a07826;color:#b4aa9680}[data-theme=warm-dark] .test-topbar .tb-btn:hover{background:#b4a0780f}[data-theme=warm-dark] .test-topbar .tb-btn.active{background:#c9b896;color:#15120f;border-color:#c9b896}[data-theme=warm-dark] .test-left{background:#1a1814;border-right-color:#b4a0780f}[data-theme=warm-dark] .test-right{background:#1e1b17}[data-theme=warm-dark] .test-bottombar{background:#15120f;border-top-color:#b4a07814}[data-theme=warm-dark] .q-stem{color:#cdc7bb;font-size:15px;line-height:1.85}[data-theme=warm-dark] .q-tag{background:#b4a07814;color:#b4aa9680}[data-theme=warm-dark] .choice-item{border-color:#b4a0780f;background:#16141080}[data-theme=warm-dark] .choice-item:hover{border-color:#b4a07824;background:#b4a07808}[data-theme=warm-dark] .choice-item.selected{border-color:#b4a07840;background:#b4a0780f}[data-theme=warm-dark] .choice-item.correct{border-color:#78a05a4d;background:#78a05a0d}[data-theme=warm-dark] .choice-item.incorrect{border-color:#be645040;background:#be64500a}[data-theme=warm-dark] .choice-item.was-correct{border-color:#78a05a33;background:#78a05a0a}[data-theme=warm-dark] .choice-letter{border-color:#b4a0781f;color:#b4aa9666}[data-theme=warm-dark] .choice-item.selected .choice-letter{border-color:#c9b896;color:#c9b896;background:#b4a07826}[data-theme=warm-dark] .choice-item.correct .choice-letter{border-color:#8fb86a;color:#1a1814;background:#8fb86a}[data-theme=warm-dark] .choice-item.incorrect .choice-letter{border-color:#c47a6a;color:#1a1814;background:#c47a6a}[data-theme=warm-dark] .choice-text{color:#cdc7bb}[data-theme=warm-dark] .explanation-panel .result-banner.correct{background:#78a05a0f;color:#8fb86a;border-color:#78a05a26}[data-theme=warm-dark] .explanation-panel .result-banner.incorrect{background:#be64500f;color:#c47a6a;border-color:#be645026}[data-theme=warm-dark] .explanation-panel h3{color:#d4cfc6}[data-theme=warm-dark] .explanation-panel .exp-text{color:#cdc7bbcc}[data-theme=warm-dark] .explanation-panel .bottom-line{background:#b4a07808;border-left-color:#c9b896;color:#b4aa9699}[data-theme=warm-dark] .bb-btn{background:#b4a0780d;border-color:#b4a0781a;color:#b4aa9673}[data-theme=warm-dark] .bb-btn:hover{background:#b4a07814}[data-theme=warm-dark] .bb-btn.mark-active{color:#d4a054;border-color:#d4a054}[data-theme=warm-dark] .bb-submit{background:#c9b896;color:#15120f}[data-theme=warm-dark] .bb-submit:hover{background:#b8a580}[data-theme=warm-dark] .nav-overlay{background:#0009}[data-theme=warm-dark] .nav-panel{background:#1e1b17}[data-theme=warm-dark] .nav-panel h3{color:#d4cfc6}[data-theme=warm-dark] .nav-cell.unanswered{background:#b4a07814;color:#b4aa9666}[data-theme=warm-dark] .nav-cell.correct{background:#8fb86a;color:#1a1814}[data-theme=warm-dark] .nav-cell.incorrect{background:#c47a6a;color:#1a1814}[data-theme=warm-dark] .nav-cell.current{border-color:#c9b896}[data-theme=warm-dark] .lab-panel{background:#1e1b17}[data-theme=warm-dark] .lab-panel h3{color:#d4cfc6}[data-theme=warm-dark] .lab-cat h4{color:#c9b896}[data-theme=warm-dark] .lab-table td{border-bottom-color:#b4a0780f}[data-theme=warm-dark] .lab-table td:first-child{color:#cdc7bb}[data-theme=warm-dark] .lab-table td:last-child{color:#b4aa9680}[data-theme=warm-dark] .notes-panel{background:#1e1b17}[data-theme=warm-dark] .notes-panel h3{color:#d4cfc6;border-bottom-color:#b4a07814}[data-theme=warm-dark] .notes-panel textarea{background:#1a1814;color:#cdc7bb}[data-theme=warm-dark] .results-page h2{color:#d4cfc6}[data-theme=warm-dark] .score-big .pct{color:#c9b896}[data-theme=warm-dark] .score-big .label{color:#b4aa9666}[data-theme=warm-dark] .score-stat .num.g{color:#8fb86a}[data-theme=warm-dark] .score-stat .num.r{color:#c47a6a}[data-theme=warm-dark] .score-stat .lbl{color:#b4aa9666}[data-theme=warm-dark] .subj-table th{color:#b4aa9666;border-bottom-color:#b4a0781a}[data-theme=warm-dark] .subj-table td{border-bottom-color:#b4a0780f}[data-theme=warm-dark] .subj-pct-bar{background:#b4a07814}[data-theme=warm-dark] .subj-pct-bar .fill{background:#c9b896}[data-theme=warm-dark] .prev-tests th{color:#b4aa9666;border-bottom-color:#b4a0781a}[data-theme=warm-dark] .prev-tests td{border-bottom-color:#b4a0780f;color:#cdc7bb}[data-theme=warm-dark] .prev-tests .status-tag.completed{background:#78a05a14;color:#8fb86a}[data-theme=warm-dark] .prev-tests .status-tag.in_progress{background:#d4a05414;color:#d4a054}[data-theme=warm-dark] .link-btn{color:#c9b896}[data-theme=warm-dark] .perf-tabs{border-bottom-color:#b4a0781a}[data-theme=warm-dark] .perf-tab{color:#b4aa9666}[data-theme=warm-dark] .perf-tab.active{color:#c9b896;border-bottom-color:#c9b896}[data-theme=warm-dark] .perf-stat-box .val{color:#c9b896}[data-theme=warm-dark] .perf-stat-box .lbl{color:#b4aa9666}[data-theme=warm-dark] .bar-chart{border-bottom-color:#b4a0781a}[data-theme=warm-dark] .bar-fill{background:#c9b896}[data-theme=warm-dark] .bar-label{color:#b4aa9659}[data-theme=warm-dark] .bar-value{color:#cdc7bb}[data-theme=warm-dark] .correction-card{background:#161410b3;border-color:#b4a07814}[data-theme=warm-dark] .correction-card .cc-qid{color:#c9b896}[data-theme=warm-dark] .correction-card .cc-title{color:#d4cfc6}[data-theme=warm-dark] .correction-card .cc-text{color:#cdc7bbcc}[data-theme=warm-dark] .notebook-tabs{border-bottom-color:#b4a07814}[data-theme=warm-dark] .notebook-tab{color:#b4aa9666}[data-theme=warm-dark] .notebook-tab.active{color:#c9b896;border-bottom-color:#c9b896}[data-theme=warm-dark] .notebook-area{background:#16141099;border-color:#b4a0781a;color:#cdc7bb}[data-theme=warm-dark] .notebook-area:focus{border-color:#c9b896}[data-theme=warm-dark] .flashcard{background:#161410b3;border-color:#b4a07814}[data-theme=warm-dark] .flashcard:hover{box-shadow:0 4px 12px #0003}[data-theme=warm-dark] .flashcard .fc-label{color:#b4aa9659}[data-theme=warm-dark] .flashcard .fc-text{color:#cdc7bb}[data-theme=warm-dark] .fc-btn.hard{background:#be645014;color:#c47a6a}[data-theme=warm-dark] .fc-btn.good{background:#d4a05414;color:#d4a054}[data-theme=warm-dark] .fc-btn.easy{background:#78a05a14;color:#8fb86a}[data-theme=warm-dark] .fc-add input,[data-theme=warm-dark] .fc-add textarea{background:#16141099;border-color:#b4a0781f;color:#cdc7bb}[data-theme=warm-dark] .audio-track{background:#161410b3;border-color:#b4a07814}[data-theme=warm-dark] .audio-track .track-name{color:#d4cfc6}[data-theme=warm-dark] .audio-controls button{border-color:#b4a0781f;color:#b4aa9680;background:transparent}[data-theme=warm-dark] .audio-controls button:hover{background:#b4a0780f}[data-theme=warm-dark] .audio-controls button.playing{background:#c9b896;color:#15120f;border-color:#c9b896}[data-theme=warm-dark] .audio-progress{background:#b4a07814}[data-theme=warm-dark] .audio-progress .audio-fill{background:#c9b896}[data-theme=warm-dark] .audio-time{color:#b4aa9666}[data-theme=warm-dark] .calc-overlay{background:#1e1b17}[data-theme=warm-dark] .calc-key{background:#1a1814;border-color:#b4a0781a;color:#cdc7bb}[data-theme=warm-dark] .calc-key:hover{background:#b4a0780f}[data-theme=warm-dark] .calc-key.op{background:#c9b896;color:#15120f;border-color:#c9b896}[data-theme=warm-dark] .calc-key.clear{background:#c47a6a;color:#1a1814;border-color:#c47a6a}.guided-page{max-width:700px}.guided-phase{margin-bottom:28px}.guided-phase-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.guided-phase-num{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.guided-phase-num.done{background:var(--green)}.guided-phase-title{font-size:16px;font-weight:700;color:var(--navy)}.guided-phase-sub{font-size:12px;color:var(--gray-500)}.guided-step{display:flex;gap:14px;padding:14px 16px;margin-bottom:8px;border-radius:8px;border:1px solid var(--gray-200);background:var(--white);align-items:flex-start}.guided-step.done{border-color:var(--green-border);background:var(--green-bg);opacity:.7}.guided-step-check{color:var(--green);font-size:18px;flex-shrink:0;margin-top:2px}.guided-step-content{flex:1;min-width:0}.guided-step-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.guided-step-desc{font-size:12px;line-height:1.6;color:var(--gray-600);margin-bottom:8px}.guided-step-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.guided-start-btn{padding:7px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);background:var(--blue);color:#fff}.guided-start-btn:disabled{opacity:.5;cursor:not-allowed}.guided-final-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font);background:#e74c3c;color:#fff;letter-spacing:.5px}.guided-final-btn:disabled{opacity:.5;cursor:not-allowed}.guided-done-btn{padding:5px 12px;border:1px solid var(--gray-300);border-radius:4px;font-size:11px;cursor:pointer;font-family:var(--font);background:transparent;color:var(--gray-600)}[data-theme=warm-dark] .guided-phase-title{color:#d4cfc6}[data-theme=warm-dark] .guided-phase-sub{color:#b4aa9666}[data-theme=warm-dark] .guided-step{border-color:#b4a07814;background:#161410b3}[data-theme=warm-dark] .guided-step.done{border-color:#78a05a33;background:#78a05a0a}[data-theme=warm-dark] .guided-step-label{color:#cdc7bb}[data-theme=warm-dark] .guided-step-desc{color:#b4aa9680}[data-theme=warm-dark] .guided-start-btn{background:#c9b896;color:#15120f}[data-theme=warm-dark] .guided-done-btn{border-color:#b4a07826;color:#b4aa9666}@media (max-width: 900px){.guided-page{max-width:100%}.guided-step{padding:12px;gap:10px}.guided-step-label{font-size:13px}.guided-step-desc{font-size:12px}.guided-phase-title{font-size:14px}.guided-start-btn{padding:10px 16px;font-size:13px;width:100%;text-align:center}.guided-final-btn{padding:12px 24px;font-size:14px;width:100%;text-align:center}.guided-done-btn{padding:8px 16px;font-size:12px}.guided-step-actions{flex-direction:column;align-items:stretch}}