.landing-page{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.landing-container{max-width:600px;width:100%}.landing-content{background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0f172a1a;padding:60px 40px;text-align:center}.landing-content h1{color:#0f172a;font-size:3.5rem;font-weight:800;margin:0 0 12px}.landing-subtitle{color:#64758f;font-size:1.2rem;font-weight:500;margin:0 0 40px}.landing-buttons{display:flex;flex-direction:column;gap:12px}.landing-buttons .btn{border-radius:14px;font-size:1.05rem;padding:14px 24px;transition:all .3s ease}@media (max-width:600px){.landing-content{padding:40px 24px}.landing-content h1{font-size:2.5rem}.landing-subtitle{font-size:1rem}}.homepage{background:#fff;min-height:100vh;padding:24px}.homepage-header{align-items:center;background:#e8e8e8;border:1px solid #d8d8d8;border-radius:16px;box-shadow:0 2px 8px #0f172a0f;display:flex;justify-content:space-between;margin:0 auto 32px;max-width:1200px;padding:24px 32px}.header-left h1{font-size:2rem;margin:0 0 4px}.header-left p{color:#64758f;font-size:.95rem;margin:0}.homepage-content{margin:0 auto;max-width:1200px}.empty-state{background:#e8e8e8;border:1px solid #d8d8d8;border-radius:16px;box-shadow:0 2px 8px #0f172a0f;padding:60px 40px;text-align:center}.empty-state h2{color:#0f172a;font-size:1.5rem;margin:0 0 8px}.empty-state p{color:#64758f;margin:0}.deck-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:32px}.deck-card{background:#e8e8e8;border:2px solid #d8d8d8;border-radius:16px;box-shadow:0 2px 8px #0f172a0f;cursor:pointer;padding:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .15s ease}.deck-card-selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e,0 4px 12px #0f172a1a}.deck-card-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.deck-number{align-items:center;background:#0f172a14;border-radius:6px;color:#64758f;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.deck-card-selected .deck-number{background:#3b82f6;color:#fff}.deck-shortcut-hint{color:#3b82f6;font-size:.8rem;font-weight:500;letter-spacing:.02em;margin:0 0 12px}@media (hover:hover) and (pointer:fine){.deck-card:hover{box-shadow:0 8px 20px #0f172a1a;transform:translateY(-3px)}}.deck-card h3{color:#0f172a;font-size:1.25rem;margin:0}.deck-card p{color:#64758f;font-size:.9rem;margin:0 0 16px}.deck-actions{display:flex;flex-direction:row;gap:8px}.deck-actions .btn{font-size:.9rem;padding:8px 12px}.action-section{text-align:center}.create-form{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:400px}.create-form input{border:1px solid #94a3b859;border-radius:12px;font-family:inherit;font-size:1rem;padding:12px 16px}.form-actions{display:flex;gap:12px;justify-content:center}.form-actions .btn{flex:1 1}@media (max-width:768px){.homepage-header{flex-direction:column;gap:12px;text-align:center}.deck-grid{grid-template-columns:1fr}}.flashcard-form{display:flex;flex-direction:column;gap:16px}.flashcard-form .form-group{margin-bottom:0}.flashcard-form .form-group label{color:#0f172a;font-size:.9rem;font-weight:700;margin-bottom:6px}.flashcard-form .form-group input{background:#fff;border:1px solid #94a3b859;border-radius:12px;color:#0f172a;font-size:.95rem;padding:12px 14px;transition:border-color .3s}.flashcard-form .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.flashcard-form .btn{border-radius:12px;font-size:1rem;margin-top:8px;padding:12px;width:100%}.create-set{background:#fff;display:flex;flex-direction:column;min-height:100vh;padding:24px}.create-header{background:#fffffff2;border-radius:16px;box-shadow:0 4px 12px #0f172a14;gap:16px;margin:0 auto 24px;max-width:1200px;padding:16px 24px;width:100%}.create-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.deck-title-input,.header-left h1{color:#0f172a;font-size:1.75rem;margin:0}.deck-title-input{background:#0000;border:none;border-bottom:2px solid #0000;font-weight:700;min-width:120px;outline:none;padding:2px 4px;transition:border-color .15s;width:auto}.deck-title-input:focus,.deck-title-input:hover{border-bottom-color:#3b82f6}.create-content{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto 24px;max-width:1200px;width:100%}.cards-section,.form-section{background:#fffffff2;border-radius:16px;box-shadow:0 4px 12px #0f172a14;padding:24px}.cards-section h2,.form-section h2{color:#0f172a;font-size:1.25rem;margin:0 0 20px}.cards-list{display:flex;flex-direction:column;gap:12px}.card-item{align-items:flex-start;background:#f8fafc;border:1px solid #94a3b82e;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:16px}.card-content{flex:1 1;text-align:left}.card-back,.card-front,.card-hint{font-size:.9rem;line-height:1.5;margin-bottom:8px}.card-front{color:#0f172a}.card-back{color:#3b82f6}.card-hint{color:#10b981;font-style:italic}.card-item .btn-sm{flex-shrink:0}.empty-message{color:#64758f;padding:40px 20px;text-align:center}.create-footer{background:#fffffff2;border-radius:16px;box-shadow:0 4px 12px #0f172a14;margin:0 auto;max-width:1200px;padding:24px;text-align:center;width:100%}.btn-lg{min-width:200px}@media (max-width:768px){.create-content{grid-template-columns:1fr}.create-header{flex-direction:column;text-align:center}.header-left{justify-content:center}}.flashcard-container{align-items:center;display:flex;flex-direction:column;gap:32px}.flashcard{cursor:pointer;height:400px;max-width:500px;perspective:1000px;width:100%}.flashcard-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.645,.045,.355,1);width:100%;will-change:transform}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{align-items:center;backface-visibility:hidden;border-radius:20px;box-shadow:0 4px 16px #0f172a1a,0 1px 4px #0f172a0f;display:flex;height:100%;justify-content:center;padding:40px;position:absolute;text-align:center;width:100%}.flashcard-front{align-items:center;flex-direction:column;justify-content:flex-start}.flashcard-back,.flashcard-front{background:#e8e8e8;border:1px solid #d0d0d0}.flashcard-back{transform:rotateY(180deg)}@keyframes shake{0%{transform:translateX(0)}15%{transform:translateX(-9px)}30%{transform:translateX(9px)}45%{transform:translateX(-6px)}60%{transform:translateX(6px)}75%{transform:translateX(-3px)}90%{transform:translateX(3px)}to{transform:translateX(0)}}.flashcard.shake{animation:shake .42s cubic-bezier(.215,.61,.355,1)}@media (prefers-reduced-motion:reduce){.flashcard.shake{animation:none}}.flashcard-back p,.flashcard-front p{color:#0f172a;font-size:1.5rem;font-weight:600;line-height:1.6;margin:0}.flashcard-front p{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;width:100%}.flip-hint{color:#94a3b8;display:block;flex-shrink:0;font-size:.75rem;font-weight:400;letter-spacing:.05em;margin-top:0;text-transform:uppercase}.card-controls{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:500px;width:100%}.hint-section{width:100%}.hint-section .btn{padding:12px 16px;width:100%}.answer-buttons{display:flex;gap:16px;justify-content:center;width:100%}.answer-buttons .btn{border-radius:14px;flex:1 1;font-size:1.1rem;max-width:150px;padding:14px 20px}@media (max-width:600px){.flashcard{height:300px;max-width:100%}.flashcard-back,.flashcard-front{padding:30px}.flashcard-back p,.flashcard-front p{font-size:1.2rem}.card-controls{max-width:100%}.answer-buttons{flex-direction:column}.answer-buttons .btn{max-width:100%}}.metrics-splash{align-items:center;background:radial-gradient(circle at top left,#3b82f626,#0000 40%),radial-gradient(circle at bottom right,#1045b91f,#0000 30%),#99e497;display:flex;justify-content:center;min-height:100vh;padding:24px}.metrics-container{background:#fffffffa;border-radius:24px;box-shadow:0 20px 80px #0f172a26;max-width:600px;padding:60px 40px;text-align:center;width:100%}.metrics-header{margin-bottom:40px}.metrics-header h1{color:#0f172a;font-size:2.5rem;font-weight:800;margin:0 0 8px}.deck-name{color:#64758f;font-size:1.1rem;font-weight:500;margin:0}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.metric-card{background:linear-gradient(135deg,#3b82f614,#6366f114);border:1px solid #3b82f626;border-radius:16px;padding:24px 16px;transition:all .3s ease}.metric-card:hover{border-color:#3b82f64d;transform:translateY(-4px)}.metric-value{color:#3b82f6;font-size:2rem;font-weight:800;margin-bottom:8px}.metric-label{color:#64758f;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metrics-footer{display:flex;gap:12px;justify-content:center}@media (max-width:600px){.metrics-container{padding:40px 24px}.metrics-header h1{font-size:2rem}.metrics-grid{gap:16px;grid-template-columns:1fr}.metric-card{padding:20px 12px}.metric-value{font-size:1.75rem}}.study-session{background:#fff;display:flex;flex-direction:column;min-height:100vh;padding:24px}.study-header{background:#e8e8e8;border:1px solid #d8d8d8;border-radius:16px;box-shadow:0 2px 8px #0f172a0f;gap:20px;justify-content:space-between;margin:0 auto 40px;max-width:800px;padding:16px 24px;width:100%}.study-header,.study-progress{align-items:center;display:flex}.study-progress{flex:1 1;gap:12px}.study-progress span{color:#0f172a;font-weight:700;min-width:60px}.progress-bar{background:#94a3b833;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);height:100%;transition:width .3s ease}.study-content{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:800px;width:100%}@media (max-width:600px){.study-header{flex-direction:column;gap:12px}.study-progress{flex-direction:column;width:100%}.progress-bar{width:100%}}.app{min-height:100vh}:root{--primary:#0f172a;--secondary:#64758f;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--light:#f8fafc;--border:#94a3b82e;accent-color:#ff6b6b;background:#fff;color:#14213d;color-scheme:light;font-family:Inter,sans-serif}*{box-sizing:border-box}body{background:#fff;color:#0f172a;color:var(--primary);font-family:Inter,sans-serif;margin:0;min-height:100vh}#root,body,html{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column}.btn{border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:10px 16px;transition:background-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:#0f172a;background:var(--primary);color:#fff}@media (hover:hover) and (pointer:fine){.btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px #0f172a2e}}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#f8fafc;background:var(--light);border:1px solid #94a3b82e;border:1px solid var(--border);color:#0f172a;color:var(--primary)}.btn-secondary:disabled{color:#64758f;color:var(--secondary);cursor:not-allowed;opacity:.45}@media (hover:hover) and (pointer:fine){.btn-secondary:hover:not(:disabled){background:#e2e8f0}}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}@media (hover:hover) and (pointer:fine){.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef444440}}.btn-danger:disabled{opacity:.5}.btn-success{background:#10b981;background:var(--success);color:#fff}@media (hover:hover) and (pointer:fine){.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98140}}.btn-text{background:#0000;color:#0f172a;color:var(--primary);padding:8px 12px}@media (hover:hover) and (pointer:fine){.btn-text:hover{background:#f8fafc;background:var(--light)}}.btn-lg{font-size:1.05rem;padding:14px 28px}.btn-sm{font-size:.85rem;padding:6px 12px}.btn-used{cursor:default;opacity:.6}.btn-used:hover{background:#f8fafc;background:var(--light)}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{color:#0f172a;color:var(--primary);font-weight:700;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #94a3b82e;border:1px solid var(--border);border-radius:12px;color:#0f172a;color:var(--primary);font-family:inherit;font-size:.95rem;padding:12px 14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--info);box-shadow:0 0 0 3px #3b82f61a;outline:none}.hidden{display:none!important}.text-center{text-align:center}.mt-small{margin-top:8px}.mt-medium{margin-top:16px}.mt-large{margin-top:24px}
/*# sourceMappingURL=main.1669df44.css.map*/