@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-gradient:radial-gradient(circle at top right, #09090b, #030303);--neo-border-color:#27272a;--neo-border-color-hover:#e4e4e7;--neo-border-width:2px;--neo-border:var(--neo-border-width) solid var(--neo-border-color);--primary:#7c3aed;--primary-hover:#a78bfa;--secondary:#06b6d4;--easy:#10b981;--easy-glow:#10b98126;--medium:#f59e0b;--medium-glow:#f59e0b26;--hard:#ef4444;--hard-glow:#ef444426;--low:#f43f5e;--mid:#fb923c;--high:#34d399;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#717171;--card-bg:#09090b;--card-bg-elevated:#18181b;--card-shadow:4px 4px 0px 0px var(--neo-border-color);--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg-gradient:radial-gradient(circle at top right, #fff, #f4f4f5);--neo-border-color:#18181b;--neo-border-color-hover:#717171;--text-primary:#09090b;--text-secondary:#3f3f46;--text-muted:#717171;--card-bg:#fff;--card-bg-elevated:#f4f4f5;--card-shadow:4px 4px 0px 0px #18181b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--card-bg-elevated);background-image:var(--bg-gradient);color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--neo-border-color) var(--card-bg);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--card-bg);border-left:2px solid var(--neo-border-color)}::-webkit-scrollbar-thumb{background:var(--neo-border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.glass-panel{background:var(--card-bg);border:2px solid var(--neo-border-color);box-shadow:var(--card-shadow);transition:var(--transition-smooth);border-radius:12px}.glass-panel:hover{border-color:var(--neo-border-color-hover);box-shadow:6px 6px 0px 0px var(--neo-border-color-hover);transform:translate(-2px,-2px)}.app-container{flex-direction:column;gap:2rem;max-width:1300px;margin:0 auto;padding:2.5rem 1.5rem;display:flex}.app-header{background:var(--card-bg);border:2px solid var(--neo-border-color);box-shadow:var(--card-shadow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;position:relative}.logo-section{align-items:center;gap:.875rem;display:flex}.logo-icon{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);box-shadow:3px 3px 0px 0px var(--neo-border-color);border-radius:8px;justify-content:center;align-items:center;padding:.625rem;display:flex}.logo-icon svg{width:22px;height:22px}.logo-text h1{letter-spacing:-.02em;color:var(--text-primary);font-size:1.6rem;font-weight:800}.logo-text p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.75rem;font-weight:600}.header-actions{align-items:center;gap:.875rem;display:flex}.btn{cursor:pointer;border:2px solid var(--neo-border-color);background:var(--card-bg-elevated);color:var(--text-primary);box-shadow:3px 3px 0px 0px var(--neo-border-color);border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .1s;display:inline-flex;transform:translate(0)}.btn-primary{background:var(--text-primary);color:var(--card-bg);border-color:var(--text-primary);box-shadow:3px 3px #0003}.btn-primary:hover{background:var(--text-secondary);border-color:var(--text-secondary);transform:translate(1px,1px);box-shadow:2px 2px #0003}.btn-secondary{background:var(--card-bg-elevated);color:var(--text-primary);border-color:var(--neo-border-color);box-shadow:3px 3px 0px 0px var(--neo-border-color)}.btn-secondary:hover{box-shadow:2px 2px 0px 0px var(--neo-border-color);background:var(--card-bg);transform:translate(1px,1px)}.btn-ghost{color:var(--text-secondary);box-shadow:none;background:0 0;border:2px solid #0000;border-radius:8px;padding:.5rem .875rem}.btn-ghost:hover{color:var(--text-primary);background:var(--card-bg-elevated);border-color:var(--neo-border-color);box-shadow:2px 2px 0px 0px var(--neo-border-color)}.btn:active{box-shadow:0px 0px 0px 0px var(--neo-border-color);transform:translate(3px,3px)}.view-tabs{background:var(--card-bg);border:2px solid var(--neo-border-color);box-shadow:var(--card-shadow);border-radius:10px;gap:.5rem;padding:.375rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:2px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;display:flex}.tab-btn.active{background:var(--text-primary);color:var(--card-bg);border-color:var(--text-primary);box-shadow:2px 2px 0px 0px var(--neo-border-color)}.tab-btn:hover:not(.active){color:var(--text-primary);background:var(--card-bg-elevated)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.stat-card{cursor:pointer;transition:var(--transition-smooth);padding:1.25rem;position:relative;overflow:hidden;border:2px solid var(--neo-border-color)!important;background:var(--card-bg)!important;box-shadow:var(--card-shadow)!important;border-radius:12px!important}.stat-card:hover{transform:translate(-2px,-2px);border-color:var(--neo-border-color-hover)!important;box-shadow:6px 6px 0px 0px var(--neo-border-color-hover)!important}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:700}.stat-val{color:var(--text-primary);margin-top:.25rem;font-size:2.2rem;font-weight:800;line-height:1.1}.stat-footer{color:var(--text-muted);justify-content:space-between;margin-top:.5rem;font-size:.75rem;font-weight:600;display:flex}.stat-card.stat-easy{border-top:5px solid var(--easy)!important}.stat-card.stat-medium{border-top:5px solid var(--medium)!important}.stat-card.stat-hard{border-top:5px solid var(--hard)!important}.stat-card.stat-weak{border-top:5px solid var(--low)!important}.readiness-card{flex-direction:column;grid-column:span 2;justify-content:center;padding:1.25rem 1.5rem;display:flex;border-top:5px solid var(--primary)!important}@media (width<=1024px){.readiness-card{grid-column:span 1}}.readiness-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.readiness-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:800;display:flex}.readiness-percentage{color:var(--primary-hover);font-size:1.6rem;font-weight:800}.readiness-bar-bg{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);border-radius:6px;height:12px;position:relative;overflow:hidden}.readiness-bar-fill{background:var(--text-primary);height:100%;box-shadow:none;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}.filter-bar{background:var(--card-bg);border:2px solid var(--neo-border-color);box-shadow:var(--card-shadow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.search-input-wrapper{flex:1;min-width:280px;position:relative}.search-input{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:8px;padding:.625rem 1rem .625rem 2.5rem;font-family:inherit;font-size:.875rem}.search-input:focus{border-color:var(--neo-border-color-hover);box-shadow:3px 3px 0px 0px var(--neo-border-color-hover);outline:none}.search-icon{color:var(--text-muted);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.filter-selects{flex-wrap:wrap;gap:.875rem;display:flex}.select-wrapper{position:relative}.select-control{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);color:var(--text-primary);appearance:none;cursor:pointer;transition:var(--transition-smooth);border-radius:8px;padding:.625rem 2.25rem .625rem 1rem;font-family:inherit;font-size:.875rem}.select-control:focus{border-color:var(--neo-border-color-hover);box-shadow:3px 3px 0px 0px var(--neo-border-color-hover);outline:none}.select-arrow{pointer-events:none;color:var(--text-secondary);width:14px;height:14px;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.questions-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}@media (width<=480px){.questions-grid{grid-template-columns:1fr}}.question-card{flex-direction:column;height:fit-content;display:flex;overflow:hidden}.card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;padding:1.25rem 1.25rem .75rem;display:flex}.topic-tag{background:var(--card-bg-elevated);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--neo-border-color);border-radius:6px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.difficulty-badge{text-transform:uppercase;border:2px solid #0000;border-radius:6px;padding:.25rem .625rem;font-size:.75rem;font-weight:800}.difficulty-badge.Easy{color:#10b981;background:#10b98126;border-color:#10b981}.difficulty-badge.Medium{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b}.difficulty-badge.Hard{color:#ef4444;background:#ef444426;border-color:#ef4444}.card-body{flex:1;padding:0 1.25rem 1.25rem}.question-text{color:var(--text-primary);margin-bottom:.75rem;font-size:1.05rem;font-weight:700;line-height:1.4}.confidence-indicator{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.confidence-dot{border:1px solid #0000001a;border-radius:50%;width:8px;height:8px}.confidence-dot.Low{background-color:var(--low)}.confidence-dot.Medium{background-color:var(--mid)}.confidence-dot.High{background-color:var(--high)}.card-actions-row{border-top:2px solid var(--neo-border-color);justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.875rem;display:flex}.confidence-selector{gap:.375rem;display:flex}.confidence-btn{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);border-radius:4px;padding:.25rem .5rem;font-family:inherit;font-size:.6875rem;font-weight:700}.confidence-btn:hover{color:var(--text-primary);background:var(--card-bg);border-color:var(--neo-border-color-hover)}.confidence-btn.active.Low{background:var(--low);color:#fff;border-color:#fff;box-shadow:2px 2px #ffffff26}.confidence-btn.active.Medium{background:var(--mid);color:#fff;border-color:#fff;box-shadow:2px 2px #ffffff26}.confidence-btn.active.High{background:var(--high);color:#fff;border-color:#fff;box-shadow:2px 2px #ffffff26}.action-buttons{gap:.375rem;display:flex}.answer-drawer{background:var(--card-bg-elevated);border-top:2px solid var(--neo-border-color);max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.answer-drawer.expanded{max-height:1000px;overflow-y:auto}.answer-inner{color:var(--text-primary);padding:1.25rem;font-size:.9375rem}.answer-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.8125rem;font-weight:700}.answer-content p{margin-bottom:.75rem}.answer-content pre{border:2px solid var(--neo-border-color);color:var(--text-primary);border-radius:8px;margin:.75rem 0;padding:.875rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;overflow-x:auto;box-shadow:inset 0 2px 8px #00000026;background:var(--card-bg)!important}.answer-content code{background:var(--card-bg-elevated);border:1px solid var(--neo-border-color);color:var(--primary);border-radius:4px;padding:.125rem .375rem;font-family:JetBrains Mono,monospace;font-size:.8125rem}.answer-content pre code{color:inherit;font-size:inherit;background:0 0;border:none;padding:0}.toggle-drawer-btn{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);box-shadow:2px 2px 0px 0px var(--neo-border-color);border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:700;display:flex}.toggle-drawer-btn:hover{background:var(--card-bg);color:var(--text-primary);border-color:var(--neo-border-color-hover);box-shadow:3px 3px 0px 0px var(--neo-border-color-hover)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#030303d9;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:2px solid var(--neo-border-color);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:1.5rem;padding:2.25rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;display:flex;position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.3rem;font-weight:800}.modal-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.modal-close:hover{background:var(--card-bg-elevated);border-color:var(--neo-border-color);color:var(--text-primary)}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.8125rem;font-weight:700}.form-control-input{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);color:var(--text-primary);box-shadow:2px 2px 0px 0px var(--neo-border-color);transition:var(--transition-smooth);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}.form-control-input:focus{border-color:var(--neo-border-color-hover);box-shadow:4px 4px 0px 0px var(--neo-border-color-hover);outline:none}.form-control-textarea{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);color:var(--text-primary);resize:vertical;min-height:260px;box-shadow:2px 2px 0px 0px var(--neo-border-color);scrollbar-width:thin;scrollbar-color:var(--neo-border-color) var(--card-bg-elevated);transition:var(--transition-smooth);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}.form-control-textarea:focus{border-color:var(--neo-border-color-hover);box-shadow:4px 4px 0px 0px var(--neo-border-color-hover);outline:none}.form-control-textarea::-webkit-scrollbar{width:8px}.form-control-textarea::-webkit-scrollbar-track{background:var(--card-bg-elevated);border-left:1px solid var(--neo-border-color)}.form-control-textarea::-webkit-scrollbar-thumb{background:var(--neo-border-color);border:2px solid var(--card-bg-elevated);border-radius:4px}.form-control-textarea::-webkit-scrollbar-thumb:hover{background:var(--neo-border-color-hover)}.form-grid-select{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.select-card-btn{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);text-align:center;box-shadow:2px 2px 0px 0px var(--neo-border-color);border-radius:6px;padding:.625rem;font-family:inherit;font-size:.8125rem;font-weight:700}.select-card-btn:hover{background:var(--card-bg);color:var(--text-primary);border-color:var(--neo-border-color-hover)}.select-card-btn.active.Easy{color:#10b981;background:#10b98126;border-color:#10b981;box-shadow:3px 3px #10b981}.select-card-btn.active.Medium{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b;box-shadow:3px 3px #f59e0b}.select-card-btn.active.Hard{color:#ef4444;background:#ef444426;border-color:#ef4444;box-shadow:3px 3px #ef4444}.select-card-btn.active.Low{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e;box-shadow:3px 3px #f43f5e}.select-card-btn.active.Medium-conf{color:#fb923c;background:#fb923c26;border-color:#fb923c;box-shadow:3px 3px #fb923c}.select-card-btn.active.High{color:#34d399;background:#34d39926;border-color:#34d399;box-shadow:3px 3px #34d399}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-message{pointer-events:auto;background:var(--card-bg);border:2px solid var(--neo-border-color);box-shadow:var(--card-shadow);min-width:250px;max-width:400px;transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex}.toast-message.success{border-color:var(--easy);box-shadow:3px 3px 0px 0px var(--easy)}.toast-message.info{border-color:var(--secondary);box-shadow:3px 3px 0px 0px var(--secondary)}.toast-message.warning{border-color:var(--medium);box-shadow:3px 3px 0px 0px var(--medium)}.toast-message.error{border-color:var(--hard);box-shadow:3px 3px 0px 0px var(--hard)}.toast-text{color:var(--text-primary);font-size:.875rem;font-weight:700}.review-mode-layout{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:600px;min-height:480px;margin:0 auto;display:flex}.review-header-section{text-align:center;flex-direction:column;gap:.5rem;display:flex}.review-header-section h2{color:var(--text-primary);font-size:1.8rem;font-weight:800}.review-counter{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.8125rem;font-weight:700}.flashcard-wrapper{perspective:1000px;width:100%;height:340px}.flashcard{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:var(--card-bg);border:2px solid var(--neo-border-color);width:100%;height:100%;box-shadow:var(--card-shadow);transition:var(--transition-smooth);border-radius:12px;flex-direction:column;justify-content:space-between;padding:2.25rem;display:flex;position:absolute;inset:0}.flashcard:hover .flashcard-front,.flashcard:hover .flashcard-back{border-color:var(--neo-border-color-hover);box-shadow:6px 6px 0px 0px var(--neo-border-color-hover)}.flashcard-front{z-index:2;transform:rotateY(0)}.flashcard-front.glass-panel:hover{transform:translate(-2px,-2px)rotateY(0)}.flashcard-back{z-index:1;transform:rotateY(180deg)}.flashcard-back.glass-panel:hover{transform:translate(-2px,-2px)rotateY(180deg)}.flashcard.flipped .flashcard-front{z-index:1}.flashcard.flipped .flashcard-back{z-index:2}.flashcard-header-badge{justify-content:space-between;align-items:center;display:flex}.flashcard-scroll-area{text-align:center;flex:1;justify-content:center;align-items:center;width:100%;margin:1.5rem 0;display:flex;overflow-y:auto}.flashcard-scroll-area.left-align{text-align:left;align-items:flex-start}.flashcard-question-text{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.4}.flashcard-answer-text{color:var(--text-primary);width:100%;font-size:1.05rem;line-height:1.6}.flashcard-hint{color:var(--text-muted);text-align:center;font-size:.75rem}.study-controls{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.instruction-text{color:var(--text-secondary);font-size:.8125rem}.keyboard-hint-badge{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);color:var(--text-primary);border-radius:4px;padding:.125rem .375rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.study-action-row{justify-content:center;gap:.5rem;width:100%;display:flex}.empty-state-card{text-align:center;background:var(--card-bg);border:2px solid var(--neo-border-color);width:100%;box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.empty-state-icon{background:var(--card-bg-elevated);border:2px solid var(--neo-border-color);color:var(--text-primary);box-shadow:2px 2px 0px 0px var(--neo-border-color);border-radius:50%;margin-bottom:.5rem;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)translateY(10px)}to{opacity:1;transform:translate(0)translateY(0)}}.slide-out-right{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideOutRight}.slide-out-left{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideOutLeft}@keyframes slideOutRight{to{opacity:0;transform:translate(150%)rotate(15deg)}}@keyframes slideOutLeft{to{opacity:0;transform:translate(-150%)rotate(-15deg)}}.hero-banner{background:var(--card-bg);border:2px solid var(--neo-border-color);box-shadow:var(--card-shadow);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:1.75rem;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.hero-heading{letter-spacing:-.04em;color:var(--text-primary);max-width:800px;margin:0;font-size:2.75rem;font-weight:800;line-height:1.1}.hero-subtext{color:var(--text-secondary);max-width:620px;margin:0;font-size:1.0625rem;font-weight:500;line-height:1.6}.hero-cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}@media (width<=768px){.app-container{gap:1.25rem;padding:1rem .875rem}.app-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.logo-section{justify-content:center}.logo-text h1{font-size:1.35rem}.view-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem;padding:.25rem;overflow-x:auto}.view-tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex:1;justify-content:center;padding:.5rem .625rem;font-size:.8rem}.header-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}.header-actions .btn{flex:1;justify-content:center;min-width:72px;padding:.5rem .75rem;font-size:.8rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.readiness-card{grid-column:span 2}.stat-val{font-size:1.75rem}.filter-bar{flex-direction:column;align-items:stretch;gap:.875rem;padding:1rem}.search-input-wrapper{min-width:unset;width:100%}.filter-selects{flex-wrap:wrap;gap:.625rem;width:100%}.filter-selects .select-wrapper{flex:1;min-width:120px}.select-control{width:100%;font-size:.8125rem}.questions-grid{grid-template-columns:1fr;gap:1rem}.card-actions-row{flex-direction:column;align-items:flex-start;gap:.75rem}.confidence-selector{width:100%}.action-buttons{align-self:flex-end}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh;padding:1.5rem 1.25rem;animation:.35s cubic-bezier(.34,1.56,.64,1) modalSlideUp}.form-actions{flex-direction:column-reverse;gap:.625rem}.form-actions .btn{justify-content:center;width:100%}.flashcard-wrapper{height:280px}.review-header-section h2{font-size:1.4rem}.flashcard-front,.flashcard-back{padding:1.375rem}.flashcard-question-text{font-size:1.1rem}.flashcard-answer-text{font-size:.9375rem}.study-action-row{flex-direction:column;gap:.625rem}.study-action-row .btn{justify-content:center;width:100%}.instruction-text{display:none}.toast-container{bottom:1rem;left:.875rem;right:.875rem}.toast-message{min-width:unset;width:100%;max-width:100%}.empty-state-card{padding:2rem 1rem}.hero-banner{gap:1.25rem;padding:2.5rem 1.25rem}.hero-heading{letter-spacing:-.02em;font-size:1.75rem}.hero-subtext{font-size:.9375rem}.hero-cta-row{flex-direction:column;align-items:stretch;width:100%;max-width:340px}.hero-cta-row .btn{justify-content:center;width:100%;padding:.875rem 1.5rem!important}.features-grid{grid-template-columns:1fr}}@media (width<=480px){.app-container{gap:1rem;padding:.75rem .625rem}.tab-btn{padding:.5rem;font-size:.75rem}.stats-grid{grid-template-columns:1fr}.readiness-card{grid-column:span 1}.flashcard-wrapper{height:260px}.flashcard-front,.flashcard-back{padding:1.125rem}.flashcard-question-text{font-size:1rem}.btn{padding:.5rem .875rem;font-size:.8125rem}.modal-content{gap:1rem;max-height:95vh;padding:1.25rem 1rem}.modal-title{font-size:1.1rem}.form-control-textarea{min-height:160px}.logo-text h1{font-size:1.2rem}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (hover:none){.glass-panel:hover{box-shadow:var(--card-shadow);border-color:var(--neo-border-color);transform:none}.stat-card:hover{box-shadow:var(--card-shadow)!important;border-color:var(--neo-border-color)!important;transform:none!important}.btn:active{box-shadow:1px 1px 0 0 var(--neo-border-color);transform:translate(2px,2px)}}
