body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background-color:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.logo h1{color:#4a90e2;font-size:1.8rem;font-weight:700;margin:0}.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav-link{background:none;border:none;border-radius:5px;color:#555;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:#f5f5f5;color:#4a90e2}.nav-link.active{background-color:#4a90e2;color:#fff}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.3rem;transition:all .2s}.theme-toggle:hover{background-color:#f5f5f5}[data-theme=dark] .header{background-color:#2c2c2c;box-shadow:0 2px 10px #0000004d}[data-theme=dark] .logo h1{color:#61dafb}[data-theme=dark] .nav-link{color:#e0e0e0}[data-theme=dark] .nav-link:hover{background-color:#383838;color:#61dafb}[data-theme=dark] .nav-link.active{background-color:#61dafb;color:#222}[data-theme=dark] .theme-toggle:hover{background-color:#383838}@media (max-width:600px){.header{flex-direction:column;gap:1rem;padding:1rem}.nav ul{justify-content:center;width:100%}.theme-toggle{position:absolute;right:1rem;top:1rem}}.flashcard-container{height:300px;margin:0 auto;max-width:500px;perspective:1000px;position:relative;width:100%}.flashcard{cursor:pointer;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.flashcard-back,.flashcard-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--card-bg);background-image:var(--glass-gradient);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;padding:2rem;position:absolute;top:0;width:100%}.flashcard-back:before,.flashcard-front:before{background:var(--card-highlight);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:rotate(30deg);transition:transform .7s;width:100%}.flashcard:hover .flashcard-back:before,.flashcard:hover .flashcard-front:before{transform:translateX(200%) rotate(30deg)}.flashcard-front{z-index:1}.flashcard-back{transform:rotateY(180deg)}.flashcard-back h2,.flashcard-front h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.flashcard-back p,.flashcard-front p{color:var(--text-color);font-size:1.2rem;line-height:1.6;text-align:center}.card-hint{bottom:10px;color:var(--text-color);opacity:.6;text-align:center;width:100%}.card-hint,.category-tag{font-size:.8rem;position:absolute}.category-tag{border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff;font-weight:700;padding:6px 12px;right:10px;top:10px}.confidence-rating{margin-top:1.5rem;width:100%}.confidence-rating p{color:var(--text-color);font-size:.9rem;margin-bottom:.5rem;text-align:center}.rating-buttons{gap:10px}.rating-btn,.rating-buttons{display:flex;justify-content:center}.rating-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 3px 6px #0000001a;cursor:pointer;font-weight:700;height:40px;transition:all .3s;width:40px}.rating-btn:hover{box-shadow:0 5px 10px #0003;transform:translateY(-5px) scale(1.1)}.rating-1{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.rating-2{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.rating-3{background:linear-gradient(135deg,#ffc107,#ffb300);color:#333}.rating-4{background:linear-gradient(135deg,#8bc34a,#689f38);color:#fff}.rating-5{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}[data-theme=dark] .flashcard-back,[data-theme=dark] .flashcard-front{background-color:var(--card-bg)}[data-theme=dark] .rating-3{color:#212121}.flashcard[aria-pressed=true]{transform:rotateY(180deg)}.category-filter{margin:1.5rem 0;max-width:800px;width:100%}.category-filter h3{color:#333;font-size:1.2rem;margin-bottom:.8rem}.category-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.category-btn{background-color:initial;border:2px solid #ddd;border-radius:20px;color:#555;cursor:pointer;font-weight:500;padding:6px 12px;transition:all .2s ease}.category-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.category-btn.active{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.load-more-container{display:flex;justify-content:center;margin-top:1rem}.load-more-btn{background-color:#4a90e2;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.load-more-btn:hover{background-color:#357ad8;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.load-more-btn:disabled{background-color:#a5c6f3;box-shadow:none;cursor:not-allowed;transform:none}[data-theme=dark] .category-filter h3{color:#e0e0e0}[data-theme=dark] .category-btn{border-color:#444;color:#e0e0e0}[data-theme=dark] .category-btn:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .load-more-btn{background-color:#3d7eca;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .load-more-btn:hover{background-color:#2a64ad;box-shadow:0 4px 8px #0006}[data-theme=dark] .load-more-btn:disabled{background-color:#4f6a8b}.create-card-form{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;margin:0 auto;max-width:600px;padding:1.5rem;width:100%}.create-card-form h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem;width:100%}.form-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1 1;min-width:200px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;font-size:1rem;padding:.8rem;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.category-select-container{display:flex;gap:10px}.category-select-container select{flex:1 1}.add-category-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;color:#555;cursor:pointer;font-weight:500;padding:.8rem 1rem;transition:all .2s}.add-category-btn:hover{background-color:#e0e0e0}.new-category-form{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.new-category-form h3{color:#333;font-size:1.1rem;margin-bottom:1rem}.add-category-submit{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.8rem 1rem;transition:background-color .2s}.add-category-submit:hover{background-color:#3a7bc8}.create-card-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:1rem 1.5rem;transition:background-color .2s;width:100%}.create-card-btn:hover{background-color:#3d9140}[data-theme=dark] .create-card-form{background-color:#2c2c2c;box-shadow:0 5px 15px #0000004d}[data-theme=dark] .create-card-form h2,[data-theme=dark] .new-category-form h3{color:#e0e0e0}[data-theme=dark] .form-group label{color:#ccc}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background-color:#3c3c3c;border-color:#555;color:#e0e0e0}[data-theme=dark] .add-category-btn{background-color:#444;border-color:#555;color:#e0e0e0}[data-theme=dark] .add-category-btn:hover{background-color:#505050}[data-theme=dark] .new-category-form{background-color:#333;border-color:#555}.stats-display{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;margin:0 auto 1.5rem;max-width:600px;padding:1.5rem;width:100%}.stats-display h3{color:#333;font-size:1.3rem;margin-bottom:1rem;text-align:center}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.stat-card{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:1rem;text-align:center;transition:transform .3s}.stat-card:hover{transform:translateY(-3px)}.stat-value{color:#4a90e2;font-size:2rem;margin-bottom:.5rem}.stat-label{color:#666}.last-session{color:#888;font-size:.9rem;margin-top:1rem;text-align:center}[data-theme=dark] .stats-display{background-color:#2c2c2c;box-shadow:0 5px 15px #0000004d}[data-theme=dark] .stats-display h3{color:#e0e0e0}[data-theme=dark] .stat-card{background-color:#383838}[data-theme=dark] .stat-label{color:#bbb}[data-theme=dark] .last-session{color:#aaa}.learning-insights{margin:1.5rem 0;overflow:hidden;padding:2rem}.insights-title{color:var(--text-color);display:inline-block;margin-bottom:1.5rem;position:relative;text-align:center;width:100%}.insights-title:after{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:3px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.insights-tabs{border-bottom:1px solid var(--border-color);display:flex;justify-content:center;margin-bottom:2rem;padding-bottom:.5rem}.insights-tab{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;font-size:1rem;margin:0 .5rem;padding:.5rem 1.5rem;position:relative;transition:all .3s}.insights-tab:after{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:3px;bottom:-.5rem;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .3s;width:70%}.insights-tab.active,.insights-tab:hover{color:var(--primary-color)}.insights-tab.active{font-weight:500}.insights-tab.active:after{transform:translateX(-50%) scaleX(1)}.insights-content{min-height:300px}.insight-message{background:#4a8cff1a;border-left:4px solid var(--primary-color);border-radius:var(--radius-sm);margin-bottom:2rem;padding:1rem;text-align:center}.insight-message p{color:var(--text-color);font-size:1.1rem;font-style:italic;margin:0}.insights-metrics{display:flex;justify-content:space-around;margin-bottom:2rem}.metric{align-items:center;display:flex;flex-direction:column;text-align:center}.metric h3{color:var(--text-color);font-size:1rem;font-weight:500;margin-top:.5rem}.metric-circle{height:120px;position:relative;width:120px}.metric-circle svg{height:100%;width:100%}.circle-bg{fill:none;stroke:var(--border-color);stroke-width:3}.circle{fill:none;stroke:var(--primary-color);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray 1s ease}.circle.accuracy{stroke:var(--success-color)}.percentage{fill:var(--text-color);text-anchor:middle;font-size:.7rem;font-weight:700}.streak-display{align-items:center;background:radial-gradient(circle,#ff98001a 0,#ff980000 70%);border:3px dashed var(--warning-color);border-radius:50%;color:var(--warning-color);display:flex;font-size:2.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.overview-stats{display:flex;justify-content:space-around;margin-top:1rem}.stat-item{align-items:center;background:var(--glass-gradient);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;min-width:150px;padding:1rem}.stat-label{color:var(--text-color);font-size:.9rem;margin-bottom:.5rem}.stat-value{color:var(--primary-color);font-size:1.5rem;font-weight:700}.categories-mastery{display:flex;flex-direction:column;gap:1.2rem}.category-mastery-item{background:var(--card-bg);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:1rem}.category-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.7rem}.category-card-count{color:var(--text-color);font-size:.9rem;opacity:.7}.mastery-bar-container{background-color:#d1d5db4d;border-radius:12px;height:25px;overflow:hidden;position:relative}.mastery-bar{border-radius:12px;height:100%;transition:width 1s ease}.mastery-percentage{color:#fff;font-size:.8rem;font-weight:700;position:absolute;right:10px;text-shadow:0 0 3px #00000080;top:50%;transform:translateY(-50%)}.prediction-explainer{color:var(--text-color);margin-bottom:1.5rem;text-align:center}.prediction-timeline{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}.prediction-item{align-items:center;display:flex;gap:1rem}.prediction-category-tag{border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;min-width:100px;padding:.3rem .7rem;text-align:center}.prediction-bar-container{background-color:#d1d5db4d;border-radius:7px;flex:1 1;height:15px;overflow:hidden}.prediction-bar{border-radius:7px;height:100%;transition:width 1s ease}.prediction-text{color:var(--text-color);font-size:.9rem;font-weight:500;min-width:80px;text-align:right}.optimal-study-recommendation{background:var(--glass-gradient);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin-top:2rem;padding:1.5rem;text-align:center}.optimal-study-recommendation h3{color:var(--text-color);margin-bottom:.8rem}.optimal-study-recommendation p{color:var(--text-color);margin:0}.optimal-study-recommendation strong{color:var(--primary-color)}@media (max-width:768px){.insights-metrics{flex-direction:column;gap:2rem}.overview-stats{flex-direction:column;gap:1rem}.stat-item{width:100%}}.smart-study-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:1rem;position:relative;width:100%}.smart-study-header{margin-bottom:1rem;text-align:center}.smart-study-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:1.8rem;margin-bottom:.5rem}.smart-explainer{color:var(--text-color);font-size:.9rem;opacity:.8}.smart-study-controls{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.control-btn{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:var(--card-bg);box-shadow:var(--shadow);color:var(--text-color)}.control-btn:before{background:var(--card-highlight)}.control-btn:hover{box-shadow:var(--shadow-strong)}.control-btn:hover:before{transform:translateX(100%)}.flip-btn{background:linear-gradient(135deg,var(--primary-color),#4a8cffcc);color:#fff}.control-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.smart-study-progress{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin:1rem auto;max-width:500px;padding:.8rem 1rem;width:100%;z-index:5}[data-theme=dark] .smart-study-progress{background:#232323cc}.progress-bar-container{background-color:#d1d5db4d;border-radius:8px;height:10px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:8px;box-shadow:0 0 8px #4a8cff80;height:100%;transition:width .5s ease}.card-counter,.study-completed{text-align:center}.study-completed{margin-bottom:2rem;padding:2rem}.study-completed h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);margin-bottom:1rem}.completion-stats{display:flex;gap:3rem;justify-content:center;margin:2rem 0}.completion-stat{align-items:center;display:flex;flex-direction:column}.completion-stat .stat-label{color:var(--text-color);font-size:.9rem;margin-bottom:.5rem}.completion-stat .stat-value{color:var(--primary-color);font-size:2rem;font-weight:700}.continue-btn{margin-top:1rem}.empty-state{background:var(--card-bg);padding:3rem}@media (max-width:768px){.completion-stats{flex-direction:column;gap:1.5rem}.smart-study-controls{flex-wrap:wrap}.control-btn{flex:1 1;min-width:100px}}:root{--bg-color:#f5f7fa;--text-color:#333;--card-bg:#ffffffb3;--border-color:#d1d5db4d;--primary-color:#4a8cff;--secondary-color:#61dafb;--success-color:#4caf50;--warning-color:#ff9800;--danger-color:#f44336;--shadow:0 8px 30px #00000014;--shadow-strong:0 10px 30px #0000001f;--glass-gradient:linear-gradient(135deg,#ffffff4d,#ffffff0d);--card-highlight:linear-gradient(90deg,#fff6 0%,#fff0);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s cubic-bezier(0.23,1,0.32,1)}[data-theme=dark]{--bg-color:#121212;--text-color:#f0f0f0;--card-bg:#232323b3;--border-color:#4b4b4b4d;--primary-color:#7ebbff;--secondary-color:#61dafb;--shadow:0 8px 30px #0000004d;--shadow-strong:0 10px 30px #0006;--glass-gradient:linear-gradient(135deg,#32323233,#1e1e1e1a);--card-highlight:linear-gradient(90deg,#ffffff1a 0%,#fff0)}*{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;background-color:#f5f7fa;background-color:var(--bg-color);background-image:radial-gradient(circle at top right,#4a8cff26,#0000 70%),radial-gradient(circle at bottom left,#61dafb26,#0000 70%),radial-gradient(circle at center,#ffffff0d,#0000 50%);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;transition:background-color .3s,color .3s}body:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V6H0V5h15v-9H0v-1h15v5h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9H6v9h9zM6 85h9v-9H6v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9H6v9h9zM6 65h9v-9H6v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9H6v9h9zM6 45h9v-9H6v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9H6v9h9zM6 25h9v-9H6v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z' fill='%239C92AC' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.tab-content{width:100%}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;background:var(--card-bg);background-image:linear-gradient(135deg,#ffffff4d,#ffffff0d);background-image:var(--glass-gradient);border:1px solid #d1d5db4d;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:before{background:linear-gradient(90deg,#fff6 0,#fff0);background:var(--card-highlight);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:rotate(30deg);transition:transform .7s;width:100%}.glass-card:hover{box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-strong);transform:translateY(-5px) scale(1.01)}.glass-card:hover:before{transform:translateX(200%) rotate(30deg)}.keyboard-shortcuts{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#ffffffb3;background-color:var(--card-bg);border:1px solid #d1d5db4d;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);bottom:1rem;box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow);color:#333;color:var(--text-color);font-size:.8rem;opacity:.8;padding:.8rem 1rem;position:fixed;right:1rem;transform:translateY(0);transition:all .3s ease;transition:all var(--transition-normal);z-index:100}.keyboard-shortcuts:hover{box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-strong);opacity:1;transform:translateY(-3px)}.keyboard-shortcuts p{align-items:center;display:flex;margin:.3rem 0}.keyboard-shortcuts kbd{background-color:#f5f7fa;background-color:var(--bg-color);border:1px solid #d1d5db4d;border:1px solid var(--border-color);border-radius:3px;box-shadow:0 1px 2px #0000001a;font-family:monospace;margin:0 3px;min-width:20px;padding:2px 5px;text-align:center}.btn{align-items:center;background:linear-gradient(135deg,#4a8cff,#4a8cffcc);background:linear-gradient(135deg,var(--primary-color),#4a8cffcc);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:.7rem 1.4rem;position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.btn:before{background:linear-gradient(90deg,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .4s;width:100%}.btn:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-3px)}.btn:hover:before{transform:translateX(100%)}.btn-success{background:linear-gradient(135deg,#4caf50,#4caf50cc);background:linear-gradient(135deg,var(--success-color),#4caf50cc)}.btn-warning{background:linear-gradient(135deg,#ff9800,#ff9800cc);background:linear-gradient(135deg,var(--warning-color),#ff9800cc)}.btn-danger{background:linear-gradient(135deg,#f44336,#f44336cc);background:linear-gradient(135deg,var(--danger-color),#f44336cc)}.section-title{color:#333;color:var(--text-color);display:inline-block;font-size:1.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#4a8cff,#61dafb);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:3px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media (max-width:768px){.main-content{padding:1rem}.keyboard-shortcuts{display:none}}.study-container{align-items:center;display:flex;flex-direction:column;padding:1rem;width:100%}.controls{display:flex;gap:1rem;margin:1.5rem 0}.control-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),#4a8cffcc);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;min-width:120px;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s}.control-btn:before{background:linear-gradient(90deg,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-25deg);transition:transform .5s;width:100%}.control-btn:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-3px)}.control-btn:hover:before{transform:translateX(200%) skewX(-25deg)}.next-btn,.prev-btn{background:linear-gradient(135deg,var(--primary-color),#4a8cffcc)}.flip-btn{background:linear-gradient(135deg,var(--success-color),#4caf50cc);font-weight:600;letter-spacing:.5px}.card-counter{color:var(--text-color);font-size:.9rem;font-weight:500;margin-top:.8rem;opacity:.8}.empty-state{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--card-bg);background-image:var(--glass-gradient);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);margin-top:2rem;max-width:500px;padding:2rem;text-align:center}.empty-state h2{color:var(--primary-color);margin-bottom:1rem}.empty-state p{color:var(--text-color);margin-bottom:.5rem}.stats-container{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:1rem;width:100%}.category-stats{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--card-bg);background-image:var(--glass-gradient);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);max-width:800px;overflow:hidden;padding:1.8rem;position:relative;width:100%}.category-stats:before{background:var(--card-highlight);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:rotate(30deg);transition:transform .7s;width:100%}.category-stats:hover:before{transform:translateX(200%) rotate(30deg)}.category-stats h3{color:var(--text-color);display:inline-block;margin-bottom:1.5rem;position:relative;text-align:center;width:100%}.category-stats h3:after{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:3px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.category-stats-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-stat-card{background-color:var(--bg-color);border-radius:12px;box-shadow:var(--shadow);padding:1.2rem;transition:transform .3s ease,box-shadow .3s ease}.category-stat-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-5px)}.category-stat-card h4{color:var(--text-color);font-weight:600;margin-bottom:.8rem}.category-stat-card p{color:var(--text-color);margin-bottom:.5rem}.create-container{display:flex;justify-content:center;padding:1rem;width:100%}.study-mode-switch{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:30px;box-shadow:var(--shadow);display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:.5rem}.mode-btn{background:#0000;border:none;border-radius:25px;color:var(--text-color);cursor:pointer;font-weight:500;min-width:140px;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s;z-index:1}.mode-btn.active{box-shadow:var(--shadow);color:#fff}.mode-btn.active,.mode-btn.active:after{background:linear-gradient(135deg,var(--primary-color),#4a8cffcc)}.mode-btn.active:after{bottom:0;content:"";height:100%;left:0;opacity:0;position:absolute;transition:opacity .3s;width:100%;z-index:-1}.mode-btn:hover:not(.active){color:var(--primary-color);transform:translateY(-2px)}@media (max-width:600px){.control-btn{font-size:.9rem;min-width:100px;padding:.7rem 1rem}.category-stats-grid{grid-template-columns:1fr}.study-mode-switch{border-radius:var(--radius-md);flex-direction:column;margin:0 auto 1.5rem;max-width:300px;padding:.8rem;width:100%}.mode-btn{margin-bottom:.5rem;width:100%}.mode-btn:last-child{margin-bottom:0}}
/*# sourceMappingURL=main.3a9c7233.css.map*/