.app{display:flex;flex-direction:column;min-height:100vh}.main-content{margin-top:0;min-height:calc(100vh - 70px);padding-top:70px;position:relative;z-index:1}.menu-container{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.menu,.menu-container{height:70px;min-height:70px}.menu{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-brand{flex:1 1}.brand-link{color:#fff;font-size:28px;font-weight:700;text-decoration:none;transition:color .3s ease}.brand-link:hover{color:gold}.nav-links{align-items:center;display:flex;gap:30px}.nav-link{border-radius:5px;color:#fff;font-size:16px;font-weight:500;padding:10px 15px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#ffffff1a;color:gold}.nav-dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;cursor:pointer;display:flex;gap:5px}.dropdown-trigger:after{content:"▼";font-size:12px;transition:transform .3s ease}.nav-dropdown:hover .dropdown-trigger:after{transform:rotate(180deg)}.nav-dropdown:hover .dropdown-content{display:block;opacity:1;transform:translateY(0)}.dropdown-content{background:#fff;border-radius:8px;box-shadow:0 8px 25px #00000026;display:none;left:0;min-width:220px;opacity:0;overflow:hidden;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.dropdown-content a{border-bottom:1px solid #f0f0f0;color:#333;display:block;font-weight:500;padding:15px 20px;text-decoration:none;transition:all .3s ease}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding-left:25px}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-around;padding:0;width:30px;z-index:1001}.hamburger-line{background-color:#fff;border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-line.open:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:768px){.hamburger-menu{display:flex}.menu-container{height:70px;min-height:70px}.main-content{padding-top:70px}.nav-links{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #0003;flex-direction:column;gap:0;left:0;opacity:0;position:absolute;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;width:100%;z-index:999}.nav-links.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-bottom:1px solid #ffffff1a;display:block;padding:15px 20px;text-align:center;width:100%}.nav-link:last-child{border-bottom:none}.nav-dropdown{width:100%}.dropdown-content{background:#ffffff1a;border-radius:0;box-shadow:none;display:none;margin:0;opacity:1;position:static;transform:none;transition:none;width:100%}.nav-dropdown:focus-within .dropdown-content,.nav-dropdown:hover .dropdown-content{display:block}.dropdown-content a{border-bottom:1px solid #ffffff1a;color:#fff;padding:12px 20px 12px 40px}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background:#fff3;padding-left:50px}.contact-container,.flashcard-maker-page,.flashcard-study-page,.home-container,.mc-menu-page,.mc-test-page,.tag-manager,.test-preview-page{margin-top:0}}@media (min-width:769px) and (max-width:1024px){.hamburger-menu{display:none}.nav-links{gap:20px}.nav-link{font-size:15px;padding:8px 12px}}.home-container{margin-top:0;min-height:100vh}.hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:70vh;padding:80px 20px}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;max-width:1200px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-subtitle{font-size:1.3rem;line-height:1.6;margin-bottom:40px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.hero-image{align-items:center;display:flex;justify-content:center}.hero-icon{animation:float 3s ease-in-out infinite;font-size:8rem;opacity:.8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.btn-secondary{background:#0000;border-color:#fff;color:#fff}.btn-secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.btn-outline{border-color:#667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.section-title{color:#333;font-size:2.5rem;margin-bottom:60px;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";display:block;height:4px;margin:20px auto;width:80px}.features{background:#fff;padding:100px 0}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:60px}.feature-card{background:#fff;border:1px solid #f0f0f0;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:40px 30px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#333;font-size:1.5rem;margin-bottom:15px}.feature-card p{color:#666;line-height:1.6;margin-bottom:25px}.feature-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.feature-link:hover{color:#764ba2}.how-it-works{background:#f8f9fa;padding:100px 0}.steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:60px}.step{padding:40px 20px;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.step h3{color:#333;font-size:1.5rem;margin-bottom:15px}.step p{color:#666;line-height:1.6}.cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.cta h2{font-size:2.5rem;margin-bottom:20px}.cta p{font-size:1.2rem;margin-bottom:40px;opacity:.9}@media (max-width:768px){.home-container{margin-top:0}.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{justify-content:center}.hero-icon{font-size:5rem}.section-title{font-size:2rem}.features-grid,.steps{gap:30px;grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}}@media (max-width:480px){.home-container{margin-top:0}.hero{padding:60px 20px}.hero-title{font-size:2rem}.cta,.features,.how-it-works{padding:60px 0}.feature-card{padding:30px 20px}}textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin:10px 0;padding:10px;width:100%}label{display:block;margin-bottom:5px}.mc-menu-page{height:100%;width:100%}.mc-menu,.mc-menu-page{align-items:center;display:flex;flex-direction:column}.mc-menu form,.mc-menu hr{width:100%}.button-container{display:flex;justify-content:flex-end;width:100%}.mc-menu button{margin:5px 25px}.test-option{margin:20px}.loading-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:30px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin:0 auto 15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content p{color:#333;font-size:16px;margin:0}button:disabled{cursor:not-allowed;opacity:.6}button:disabled,button:disabled:hover{background-color:#ccc}.divider-container{align-items:center;display:flex;margin:20px 0;width:100%}.divider-container:after,.divider-container:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.divider-text{color:#666;font-weight:700;padding:0 15px}.mc-menu h3{color:#333;margin:20px 0 10px}input[type=password]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;margin:10px 0;padding:10px;width:100%}input[type=password]:focus{border-color:#4caf50;outline:none}.help-text{color:#666;font-size:12px;font-style:italic;margin:5px 0 0}.file-info{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-top:10px;padding:10px}.file-name{color:#333;font-size:14px;font-weight:700;margin:0 0 5px}.file-size{color:#666;font-size:12px;margin:0 0 10px}.clear-btn{background-color:#f44336;font-size:14px;padding:8px 16px}.clear-btn:hover{background-color:#da190b}.clear-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828;font-size:14px;margin:15px 20px;padding:12px}.loading-subtext{color:#666;font-size:14px;margin:10px 0 0}input[type=file]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;padding:8px;width:100%}input[type=file]:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}h3{color:#333}button{border-radius:4px}.test-preview-page{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:20px}.test-preview{margin:10px 10px 25px;overflow:scroll;width:90%}.test-select-options-container{display:flex;flex-direction:column;height:100%;justify-content:end;width:50%}.test-select-options-container button{margin:50px}.mc-test-page{align-items:flex-start;background-color:#f4f4f4;color:#333;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}.question-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:auto;max-width:700px;padding:20px;width:60%}.question{color:#2a2a2a;font-size:20px;margin-bottom:15px}.answer{border:1px solid #ddd;border-radius:5px;cursor:pointer;margin-bottom:10px;padding:10px 15px;transition:background-color .3s ease}.answer:hover{background-color:#f0f0f0}.selected{background-color:#e0e0e0}.answer-description,.choice-description{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;margin-top:15px;padding:10px}.controls{margin-top:20px}.controls,button{text-align:center}button{background-color:#4caf50;border-radius:5px;color:#fff;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}button:hover{background-color:#45a049}.incorrect{color:red}.correct{color:#0c0}.contact-container{margin-top:0;min-height:100vh}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.contact-title{font-size:3rem;font-weight:700;margin-bottom:20px}.contact-subtitle{font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.contact-content{background:#fff;padding:100px 0}.contact-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.contact-info h2{color:#333;font-size:2.5rem;margin-bottom:10px}.contact-description{color:#666;font-size:1.2rem;font-style:italic;margin-bottom:40px}.contact-methods{display:flex;flex-direction:column;gap:30px}.contact-method{align-items:flex-start;background:#f8f9fa;border-radius:15px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.contact-method:hover{background:#e9ecef;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.contact-icon{flex-shrink:0;font-size:2.5rem}.contact-details h3{color:#333;font-size:1.3rem;margin-bottom:8px}.contact-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#764ba2}.contact-description-small{color:#666;line-height:1.6;margin:0}.about-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;padding:40px}.about-section h2{color:#333;font-size:2rem;margin-bottom:25px}.about-content p{color:#666;line-height:1.6;margin-bottom:25px}.about-content h3{color:#333;font-size:1.3rem;margin:30px 0 15px}.feature-list{list-style:none;margin-bottom:30px;padding:0}.feature-list li{color:#666;font-size:1.1rem;padding:8px 0}.tech-stack{gap:25px}.tech-category,.tech-stack{display:flex;flex-direction:column}.tech-category{gap:12px}.tech-category h4{border-bottom:2px solid #667eea;color:#333;display:inline-block;font-size:1.1rem;font-weight:600;margin:0;padding-bottom:5px}.tech-category .tech-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:8px;margin-right:8px;padding:8px 16px}.tech-category:first-child .tech-tag{background:linear-gradient(135deg,#61dafb,#21a1c4)}.tech-category:nth-child(2) .tech-tag{background:linear-gradient(135deg,#512bd4,#9b59b6)}.tech-category:nth-child(3) .tech-tag{background:linear-gradient(135deg,#ff9500,#ff5722)}.contact-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.contact-cta h2{font-size:2.5rem;margin-bottom:20px}.contact-cta p{font-size:1.2rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn{border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:15px 30px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:gold;color:#333}.btn-primary:hover{background:#ffed4e;box-shadow:0 5px 15px #ffd70066;transform:translateY(-2px)}.btn-outline{background:#0000;border-color:#fff;color:#fff}.btn-outline:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.btn-large{font-size:18px;padding:20px 40px}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:768px){.contact-container{margin-top:0}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem}.contact-grid{gap:50px;grid-template-columns:1fr}.contact-info h2{font-size:2rem}.about-section{padding:30px 20px}.contact-method{flex-direction:column;gap:15px;text-align:center}.contact-icon{font-size:2rem}.cta-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}.tech-stack{gap:20px}.tech-category{text-align:center}.tech-category h4{font-size:1rem}.tech-category .tech-tag{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.contact-container{margin-top:0}.contact-content,.contact-cta,.contact-hero{padding:60px 0}.contact-title{font-size:2rem}.contact-method{padding:20px}.about-section{padding:25px 15px}}.flashcard-maker-page{box-sizing:border-box;min-height:100vh;padding:20px}.flashcard-maker,.flashcard-maker-page{align-items:center;display:flex;flex-direction:column;width:100%}.flashcard-maker{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:800px;padding:30px}.flashcard-maker h2{color:#333;margin-bottom:30px;text-align:center}.flashcard-maker h3{color:#555;margin-bottom:20px;text-align:center}.creation-section{margin-bottom:30px;width:100%}.card-form{gap:20px}.card-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#555;font-weight:700}.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.category-tag-input{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.tag-type-selector{display:flex;flex-direction:column;gap:8px}.tag-type-selector label{color:#555;font-weight:700}.tag-type-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:10px}.tag-type-selector select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.new-category-input{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;display:flex;gap:8px;margin-top:8px;padding:8px}.new-category-input input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:6px 10px}.new-category-input input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.new-category-input button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.new-category-input button:first-of-type{background-color:#4caf50;color:#fff}.new-category-input button:first-of-type:hover{background-color:#45a049}.new-category-input button:last-of-type{background-color:#6c757d;color:#fff}.new-category-input button:last-of-type:hover{background-color:#5a6268}.category-selector{display:flex;flex-direction:column;gap:8px}.category-selector label{color:#555;font-weight:700}.category-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.category-selector select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.tag-value-input{display:flex;flex-direction:column;gap:8px}.tag-value-input label{color:#555;font-weight:700}.tag-input-container{align-items:center;display:flex;gap:10px;position:relative}.tag-input-container input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.tag-input-container input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.tag-input-container button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.tag-input-container button:hover{background-color:#45a049}.tag-suggestions{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 4px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:10px;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item:last-child{border-bottom:none}.tags-input{align-items:center;display:flex;gap:10px}.tags-input input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.tags-input input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.tags-input button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.tags-input button:hover{background-color:#45a049}.existing-tags-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:15px 0;padding:15px}.category-tags{margin-bottom:20px}.category-tags h5{color:#555;font-size:14px;font-weight:600;margin:0 0 10px}.category-tag-checkboxes{gap:8px}.existing-tags-label{color:#555;display:block;font-weight:700;margin-bottom:10px}.existing-tags-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.existing-tag-checkbox{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:16px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 10px;transition:all .2s ease}.existing-tag-checkbox:hover{background-color:#e3f2fd;border-color:#2196f3}.existing-tag-checkbox input[type=checkbox]{margin:0}.existing-tag-checkbox input[type=checkbox]:checked+span{color:#2196f3;font-weight:700}.tags-display{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:15px;padding:15px}.selected-tags-label{color:#555;display:block;font-weight:700;margin-bottom:10px}.no-tags-message{color:#666;font-size:14px;font-style:italic}.tag{align-items:center;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:16px;color:#1976d2;display:inline-flex;font-size:12px;gap:5px;margin:3px;padding:6px 10px;transition:all .3s ease}.tag.categorized{background-color:#e8f5e8;border-color:#c8e6c9;color:#2e7d32}.tag.uncategorized{background-color:#fff3e0;border-color:#ffcc02;color:#f57c00}.tag-actions{display:flex;gap:3px;margin-left:5px}.convert-tag,.edit-tag,.remove-tag{align-items:center;background:none;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:2px 4px;transition:background-color .2s ease;width:20px}.edit-tag{color:#1976d2}.edit-tag:hover{background-color:#e3f2fd}.convert-tag{color:#ff9800}.convert-tag:hover{background-color:#fff3e0}.remove-tag{color:#d32f2f;font-size:14px;font-weight:700}.remove-tag:hover{background-color:#ffebee}.form-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.add-btn,.update-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.add-btn:hover,.update-btn:hover{background-color:#45a049}.cancel-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.cancel-btn:hover{background-color:#da190b}.cards-display{margin-bottom:30px;width:100%}.cards-list{display:flex;flex-direction:column;gap:15px}.card-item{align-items:flex-start;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:20px;justify-content:space-between;padding:20px}.card-content{display:flex;flex:1 1;flex-direction:column;gap:10px}.card-back,.card-front,.card-tags{padding:8px 0}.card-back strong,.card-front strong,.card-tags strong{color:#555;margin-right:8px}.card-actions{display:flex;flex-direction:column;gap:8px}.edit-btn{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.edit-btn:hover{background-color:#1976d2}.delete-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.delete-btn:hover{background-color:#d32f2f}.action-buttons{display:flex;gap:20px;justify-content:center;width:100%}.export-btn,.study-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px}.export-btn{background-color:#ff9800;color:#fff}.export-btn:hover:not(:disabled){background-color:#f57c00}.study-btn{background-color:#4caf50;color:#fff}.study-btn:hover:not(:disabled){background-color:#45a049}.export-btn:disabled,.study-btn:disabled{background-color:#ccc;cursor:not-allowed}.category-header.collapsible,.section-header.collapsible{align-items:center;background-color:#e9ecef;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.category-header.collapsible:hover,.section-header.collapsible:hover{background-color:#dee2e6}.section-content{animation:slideDown .3s ease-out}.category-tags{border:1px solid #e9ecef;border-radius:6px;margin-bottom:15px;overflow:hidden}.category-header{background-color:#f8f9fa}.category-tag-checkboxes{background-color:#fff;padding:15px}@media (max-width:768px){.flashcard-maker{margin:10px;padding:20px}.card-item{flex-direction:column;gap:15px}.card-actions{flex-direction:row;justify-content:center}.action-buttons{align-items:center;flex-direction:column}.tags-input{align-items:stretch;flex-direction:column}.existing-tags-checkboxes{justify-content:center}.form-actions{align-items:center;flex-direction:column}.new-category-input{align-items:stretch;flex-direction:column}.new-category-input input{margin-bottom:8px}.new-category-input button{margin-bottom:4px}.expand-collapse-controls{align-items:center;flex-direction:column}.collapse-all-btn,.expand-all-btn{max-width:200px;width:100%}.category-header.collapsible,.section-header.collapsible{padding:8px}.header-actions{flex-direction:column;gap:5px}}.flashcard-study-page{background-color:#f5f5f5;box-sizing:border-box;min-height:100vh;padding:20px}.flashcard-study,.flashcard-study-page{align-items:center;display:flex;flex-direction:column;width:100%}.flashcard-study{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:900px;padding:30px}.flashcard-study h2{color:#333;margin-bottom:30px;text-align:center}.flashcard-study h3{color:#555;margin-bottom:20px;text-align:center}.flashcard-study h4{color:#666;margin-bottom:15px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.error-message,.success-message{margin-bottom:20px;padding:10px;text-align:center;width:100%}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.upload-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px;width:100%}.file-upload{align-items:center;display:flex;flex-direction:column;gap:10px}.file-upload label{color:#555;font-weight:700}.file-upload input[type=file]{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:4px;cursor:pointer;padding:10px}.upload-hint{color:#666;font-style:italic;margin-top:10px;text-align:center}.filter-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px;width:100%}.category-filters{display:flex;flex-direction:column;gap:20px}.filter-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.clear-all-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.clear-all-btn:hover{background-color:#d32f2f}.category-filter-group{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:15px}.category-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.category-header h4{color:#333;font-size:16px;margin:0}.select-all-btn{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.select-all-btn:hover{background-color:#1976d2}.category-tag-checkboxes{display:flex;flex-wrap:wrap;gap:10px}.category-tag-checkbox{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-left:3px solid #0000;border-radius:16px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .2s ease}.category-tag-checkbox.categorized{border-left-color:#28a745}.category-tag-checkbox.uncategorized{border-left-color:#ffc107}.category-tag-checkbox:hover{background-color:#e3f2fd;border-color:#2196f3}.category-tag-checkbox input[type=checkbox]{margin:0}.tag-name{color:#333}.tag-count{color:#666;font-size:11px}.filter-summary{background:#e8f5e8;border:1px solid #4caf50;border-radius:6px;margin-top:15px;padding:15px}.filter-summary p{color:#2e7d32;font-weight:500;margin:0 0 10px}.selected-filters{display:flex;flex-direction:column;gap:5px}.selected-category{color:#2e7d32;font-size:13px}.filter-controls{display:flex;flex-direction:column;gap:20px}.filter-mode{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.filter-mode label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.filter-mode input[type=radio]{margin:0}.tag-filters{display:flex;flex-direction:column;gap:15px}.tag-checkboxes{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.tag-checkbox{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.tag-checkbox:hover{background-color:#e3f2fd;border-color:#2196f3}.tag-checkbox input[type=checkbox]{margin:0}.tag-checkbox input[type=checkbox]:checked+span{color:#2196f3;font-weight:700}.filter-info{color:#666;font-style:italic;margin:0;text-align:center}.study-controls{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px;width:100%}.study-mode{display:flex;flex-direction:column;gap:10px}.study-mode label{align-items:center;cursor:pointer;display:flex;gap:8px}.study-mode input[type=radio]{margin:0}.study-actions{display:flex;gap:10px}.reset-btn,.shuffle-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.shuffle-btn{background-color:#ff9800;color:#fff}.shuffle-btn:hover{background-color:#f57c00}.reset-btn{background-color:#f44336;color:#fff}.reset-btn:hover{background-color:#d32f2f}.study-interface{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.card-metadata{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;max-width:600px;padding:15px;width:100%}.metadata-item{align-items:center;color:#555;display:flex;font-size:14px;gap:5px;margin-bottom:8px}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.tag-list .tag{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;margin:2px;padding:3px 8px}.tag-list .tag.categorized{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.tag-list .tag.uncategorized{background-color:#fff3e0;border:1px solid #ffcc02;color:#f57c00}.metadata-item strong{color:#333;font-weight:600}.card-counter{color:#555;font-size:18px;font-weight:700;text-align:center}.card-container{max-width:600px;width:100%}.flashcard{cursor:pointer;height:300px;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.flashcard:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.card-side{align-items:center;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;text-align:center;transition:all .3s ease;width:100%}.card-side.front{background:#fff;border:2px solid #ddd;color:#333}.card-side.back{background:#fff;border:2px solid #4caf50;color:#333}.card-side h4{color:#666;font-size:18px;font-weight:600;margin:0 0 20px}.card-side p{word-wrap:break-word;color:#333;font-size:18px;font-weight:400;line-height:1.6;margin:0}.flip-hint{background-color:#4caf50;border-radius:20px;bottom:20px;box-shadow:0 2px 4px #0003;color:#fff;font-size:12px;font-weight:500;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.card-navigation{display:flex;gap:20px;justify-content:center}.nav-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.prev-btn{background-color:#6c757d;color:#fff}.prev-btn:hover:not(:disabled){background-color:#5a6268}.next-btn{background-color:#4caf50;color:#fff}.next-btn:hover:not(:disabled){background-color:#45a049}.nav-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.card-tags{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#666;font-size:14px;padding:10px;text-align:center}.card-tags strong{color:#555}.no-cards-message{color:#666;font-size:16px;padding:40px;text-align:center}.expand-collapse-controls{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:10px}.collapse-all-btn,.expand-all-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.expand-all-btn{background-color:#28a745;color:#fff}.expand-all-btn:hover{background-color:#218838}.collapse-all-btn{background-color:#6c757d;color:#fff}.collapse-all-btn:hover{background-color:#5a6268}.category-header.collapsible{align-items:center;background-color:#e9ecef;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.category-header.collapsible:hover{background-color:#dee2e6}.expand-icon{color:#666;font-size:12px;transition:transform .2s ease}.header-actions{align-items:center;display:flex;gap:10px}.category-tag-checkboxes{animation:slideDown .3s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@media (max-width:768px){.flashcard-study{margin:10px;padding:20px}.study-controls{align-items:stretch;flex-direction:column;text-align:center}.study-actions{justify-content:center}.filter-mode{align-items:center;flex-direction:column}.tag-checkboxes{justify-content:center}.category-filters{gap:15px}.category-filter-group{padding:10px}.card-metadata,.category-header{align-items:flex-start;flex-direction:column;gap:10px}.card-side{padding:20px}.card-side h4{font-size:16px}.card-side p,.nav-btn{font-size:14px}.nav-btn{padding:10px 20px}.expand-collapse-controls{align-items:center;flex-direction:column}.collapse-all-btn,.expand-all-btn{max-width:200px;width:100%}.category-header.collapsible{padding:8px}.header-actions{flex-direction:column;gap:5px}}@media (max-width:480px){.flashcard{height:250px}.card-side{padding:15px}.card-side h4{font-size:14px;margin-bottom:15px}.card-side p{font-size:13px}.card-navigation{align-items:center;flex-direction:column}.nav-btn{max-width:200px;width:100%}}.tag-manager{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.tag-manager-header{margin-bottom:30px;text-align:center}.tag-manager-header h2{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.tag-manager-header p{color:#7f8c8d;font-size:1.1rem}.tag-manager-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:30px;padding:20px}.search-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.search-input{border:2px solid #dee2e6;border-radius:8px;flex:1 1;font-size:1rem;min-width:200px;padding:10px 15px;transition:border-color .3s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.sort-select{background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 15px}.checkbox-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.bulk-actions{display:flex;flex-wrap:wrap;gap:10px}.delete-unused-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.delete-unused-btn:hover:not(:disabled){background:#c82333}.delete-unused-btn:disabled{background:#6c757d;cursor:not-allowed}.tag-merge-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;margin-bottom:30px;padding:20px}.tag-merge-section h3{color:#856404;font-size:1.5rem;margin-bottom:15px}.merge-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.merge-select{background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;min-width:200px;padding:10px 15px}.merge-arrow{color:#856404;font-size:1.5rem;font-weight:700}.merge-btn{background:#ffc107;border:none;border-radius:8px;color:#212529;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.merge-btn:hover:not(:disabled){background:#e0a800}.merge-btn:disabled{background:#6c757d;color:#fff;cursor:not-allowed}.tag-statistics{background:#d1ecf1;border:1px solid #bee5eb;border-radius:10px;margin-bottom:30px;padding:20px}.tag-statistics h3{color:#0c5460;font-size:1.5rem;margin-bottom:15px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.stat-number{color:#0c5460;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:#6c757d;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.tag-list-section{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:20px}.tag-list-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.tag-list{grid-gap:15px;display:grid;gap:15px}.tag-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.tag-item.selected,.tag-item:hover{background:#e3f2fd;border-color:#007bff}.tag-item.selected{box-shadow:0 0 0 3px #007bff1a}.tag-item.categorized{border-left:4px solid #28a745}.tag-item.uncategorized{border-left:4px solid #ffc107}.tag-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tag-icon{font-size:1.2rem}.tag-name{color:#2c3e50;flex:1 1;font-weight:500;min-width:200px}.tag-count{background:#007bff}.tag-category,.tag-count{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.tag-category{background:#6c757d;text-transform:capitalize}.related-tags{border-top:1px solid #dee2e6;margin-top:10px;padding-top:10px}.related-label{color:#6c757d;font-size:.9rem;margin-right:10px}.related-tag{background:#e9ecef;border-radius:8px;color:#495057;display:inline-block;font-size:.8rem;margin-bottom:5px;margin-right:5px;padding:2px 6px}.selected-tags-actions{background:#d4edda;border:1px solid #c3e6cb;border-radius:10px;margin-top:30px;padding:20px}.selected-tags-actions h4{color:#155724;font-size:1.3rem;margin-bottom:15px}.selected-tags-list{display:flex;flex-wrap:wrap;gap:10px}.selected-tag{background:#28a745;border-radius:15px;color:#fff;font-size:.9rem;font-weight:500;padding:6px 12px}@media (max-width:768px){.tag-manager{padding:15px}.tag-manager-header h2{font-size:2rem}.search-controls{align-items:stretch;flex-direction:column}.merge-select,.search-input,.sort-select{min-width:auto}.merge-controls{align-items:stretch;flex-direction:column}.merge-arrow{text-align:center;transform:rotate(90deg)}.stats-grid{grid-template-columns:repeat(2,1fr)}.tag-header{align-items:flex-start;flex-direction:column}.tag-name{min-width:auto}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.tag-header{gap:5px}.tag-category,.tag-count{font-size:.7rem;padding:2px 6px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%}a{color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#764ba2}button{border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;outline:none}html{scroll-behavior:smooth}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}
/*# sourceMappingURL=main.af0e3f46.css.map*/