.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,#ff6b6b,#2d8659);box-shadow:0 2px 10px #00000026;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:#ffa726}.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:#ffffff26;color:#ffa726}.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,#ff6b6b,#2d8659);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,#ff6b6b,#2d8659);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}}.auth-signin-button{background:none;border:1px solid #fff9;cursor:pointer;font-family:inherit;font-size:16px}.auth-signin-button:hover{border-color:#ffa726}.dropdown-signout-button{background:none;border:none;color:#333;cursor:pointer;display:block;font-family:inherit;font-size:inherit;font-weight:500;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.dropdown-signout-button:hover{background:linear-gradient(135deg,#ff6b6b,#2d8659);color:#fff;padding-left:25px}.qc-save-library-row{align-items:center;background-color:#eaf5ef;border:1px solid #bfe0cf;border-radius:8px;color:#205f40;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:space-between;margin-bottom:15px;padding:10px 15px}.qc-save-library-btn{background-color:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.qc-save-library-btn:hover:not(:disabled){background-color:#236b47}.qc-save-library-btn:disabled{cursor:not-allowed;opacity:.6}.qc-save-library-msg{border-radius:8px;font-size:14px;margin-bottom:15px;padding:10px 15px}.qc-save-library-msg.success{background-color:#eaf5ef;border:1px solid #bfe0cf;color:#205f40}.qc-save-library-msg.success a{color:#2d8659;font-weight:600}.qc-save-library-msg.error{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442}.home-container{margin-top:0;min-height:100vh}.hero{align-items:center;background:linear-gradient(135deg,#ff6b6b,#2d8659);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{border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:15px;letter-spacing:.05em;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,#ffa726,#ff9800);border:none;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 8px 24px #ffa72666;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-color:#ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 8px 24px #fff3;color:#fff;transform:translateY(-3px)}.btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b6b0d;border-color:#ff6b6b;color:#ff6b6b}.btn-large{border-radius:14px;font-size:16px;padding:20px 48px}.section-title{color:#333;font-size:2.5rem;margin-bottom:60px;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#ff6b6b,#2d8659);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:#ff6b6b;font-weight:600;text-decoration:none;transition:color .3s ease}.feature-link:hover{color:#2d8659}.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,#ff6b6b,#2d8659);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,#ff6b6b,#2d8659);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}}.mc-menu-page{align-items:center;box-sizing:border-box;min-height:100%;padding:20px 16px 48px}.mc-menu,.mc-menu-page{display:flex;flex-direction:column;width:100%}.mc-menu{align-items:stretch;gap:20px;max-width:620px}.page-header{margin-bottom:4px;text-align:center}.page-header h1{color:#1a2e22;font-size:26px;font-weight:700;margin:0 0 6px}.page-header p{color:#666;font-size:15px;margin:0}.resume-banner{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f1f8f2);border:1px solid #a5d6a7;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.resume-banner span{color:#2e7d32;font-size:14px;font-weight:500}.resume-banner-buttons{display:flex;flex-shrink:0;gap:8px}.resume-load-btn{background:linear-gradient(135deg,#2d8659,#236e47);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:opacity .15s}.resume-load-btn:hover{opacity:.9}.resume-clear-btn{background:#fff;border:1px solid #bbb;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:background .15s}.resume-clear-btn:hover{background:#f5f5f5}.workflow-step{background:#fff;border:1.5px solid #e0e0e0;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;padding:22px 22px 22px 18px}.step-badge{align-items:center;background:linear-gradient(135deg,#2d8659,#236e47);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:32px;justify-content:center;margin-top:2px;width:32px}.step-body{flex:1 1;min-width:0}.step-body h3{color:#1a2e22;font-size:16px;font-weight:700;margin:0 0 14px}.topic-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.topic-input{background:#fafafa;border:1.5px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;flex:1 1;font-size:14px;min-width:180px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.topic-input:focus{background:#fff;border-color:#2d8659;box-shadow:0 0 0 3px #2d86591f;outline:none}.topic-input::placeholder{color:#aaa}.count-select{background:#fafafa;border:1.5px solid #ddd;border-radius:8px;color:#333;cursor:pointer;flex-shrink:0;font-size:14px;padding:10px 12px;transition:border-color .2s;white-space:nowrap}.count-select:focus{border-color:#2d8659;outline:none}.copy-prompt-btn{background:linear-gradient(135deg,#2d8659,#1e6640);border:none;border-radius:10px;box-shadow:0 3px 10px #2d86594d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.01em;margin-bottom:12px;padding:13px 20px;transition:all .2s ease;width:100%}.copy-prompt-btn:hover{background:linear-gradient(135deg,#236e47,#185534);box-shadow:0 5px 16px #2d865966;transform:translateY(-1px)}.copy-prompt-btn.copied{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 3px 10px #388e3c59}.ai-links{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ai-links-label{color:#888;font-size:13px}.ai-link{background:#f1f8f2;border:1px solid #c8e6c9;border-radius:20px;color:#2d8659;font-size:13px;font-weight:600;padding:4px 10px;text-decoration:none;transition:all .15s}.ai-link:hover{background:#e8f5e9;border-color:#2d8659;text-decoration:none}.template-link-btn{background:none;border:none;color:#888;cursor:pointer;font-size:13px;padding:4px 0;text-decoration:underline;text-decoration-color:#ccc;transition:color .15s}.template-link-btn:hover{color:#555}.deep-link-note{color:#888;font-size:12px;font-style:italic;margin:8px 0 0}.learning-path-row{align-items:center;border-top:1px dashed #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:10px}.learning-path-label{color:#888;font-size:13px}.path-link-btn{background:#f1f8f2;border:1px solid #c8e6c9;border-radius:20px;color:#2d8659;cursor:pointer;font-size:13px;font-weight:600;padding:4px 10px;transition:all .15s}.path-link-btn:hover{background:#e8f5e9;border-color:#2d8659}.paste-textarea{background:#fafafa;border:1.5px solid #ddd;border-radius:10px;box-sizing:border-box;color:#333;font-family:Consolas,Monaco,Courier New,monospace;font-size:12.5px;line-height:1.5;margin-bottom:12px;padding:12px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.paste-textarea:focus{background:#fff;border-color:#2d8659;box-shadow:0 0 0 3px #2d86591f;outline:none}.paste-textarea::placeholder{color:#bbb;font-size:12px}.validation-error-box{background:#fff3f3;border:1px solid #f5c2c2;border-radius:8px;color:#c62828;font-size:13px;margin-bottom:12px;padding:10px 14px}.validation-error-box strong{display:block;margin-bottom:6px}.validation-error-box ul{margin:0;padding-left:18px}.validation-error-box ul li{margin-bottom:3px}.step2-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.load-btn{background:linear-gradient(135deg,#2d8659,#1e6640);border:none;border-radius:8px;box-shadow:0 2px 8px #2d865940;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:11px 26px;transition:all .2s}.load-btn:hover:not(:disabled){box-shadow:0 4px 12px #2d865959;transform:translateY(-1px)}.load-btn:disabled{background:#d0d0d0;box-shadow:none;cursor:not-allowed}.clipboard-btn{background:#f1f8f2;border:1.5px solid #a5d6a7;border-radius:8px;color:#2d8659;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .15s}.clipboard-btn:hover{background:#e8f5e9;border-color:#2d8659}.or-divider{color:#aaa;font-size:13px}.file-upload-label{background:#f1f8f2;border:1.5px dashed #a5d6a7;border-radius:8px;color:#2d8659;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s;-webkit-user-select:none;user-select:none}.file-upload-label:hover{background:#e8f5e9;border-style:solid}.sample-row{align-items:center;color:#999;display:flex;font-size:14px;gap:10px;justify-content:center}.sample-btn{background:none;border:none;color:#2d8659;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline;text-decoration-color:#a5d6a7}.sample-btn:hover{text-decoration-color:#2d8659}@media (max-width:480px){.mc-menu{gap:16px}.workflow-step{gap:12px;padding:16px 14px 16px 12px}.step-badge{font-size:13px;height:28px;width:28px}.topic-row{flex-direction:column}.count-select{width:100%}.step2-actions{align-items:stretch;flex-direction:column}.file-upload-label,.load-btn{text-align:center}.page-header h1{font-size:22px}.resume-banner{align-items:flex-start;flex-direction:column}}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:20px 50px 50px}.mode-selector{padding:0 50px}.mode-selector h3{color:#444;font-size:16px;font-weight:600;margin:0 0 14px}.mode-cards{display:flex;flex-wrap:wrap;gap:14px}.mode-card{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;min-width:160px;padding:14px 16px;transition:all .2s ease}.mode-card:hover{background:#f0faf5;border-color:#2d8659}.mode-card.selected{background:#e6f4ed;border-color:#2d8659}.mode-card-title{color:#222;font-size:15px;font-weight:700;margin-bottom:6px}.mode-card.selected .mode-card-title{color:#1a5c38}.mode-card-desc{color:#666;font-size:13px;line-height:1.4}.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:#2d8659;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:#236e47}.incorrect{color:red}.correct{color:#0c0}.answer.locked{cursor:default;opacity:.85}.answer.locked:hover{background-color:inherit}.answer.locked.selected{background-color:#e0e0e0}.first-answer-notice{color:#888;font-size:13px;font-style:italic;margin-bottom:10px}.finish-btn{background-color:#1565c0}.finish-btn:hover{background-color:#0d47a1}.mode-toggle{border:2px solid #2d8659;border-radius:6px;display:flex;gap:0;margin-bottom:16px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mode-toggle-btn{background:#fff;border:none;border-radius:0;color:#2d8659;cursor:pointer;font-size:13px;font-weight:500;margin:0;padding:7px 18px;transition:background-color .15s ease,color .15s ease}.mode-toggle-btn:hover{background-color:#f0faf5}.mode-toggle-btn.active{background-color:#2d8659;color:#fff}.mode-toggle-btn.active:hover{background-color:#236e47}.mark-row{margin:14px 0 4px}.mark-btn{background:#0000;border:1px dashed #2d8659;border-radius:6px;color:#2d8659;cursor:pointer;font-size:.95rem;padding:8px 14px}.mark-btn:hover{background:#2d865914}.mark-btn.marked{background:#fff3cd;border:1px solid #e0a800;color:#7a5b00;font-weight:600}.contact-container{margin-top:0;min-height:100vh}.contact-hero{background:linear-gradient(135deg,#ff6b6b,#2d8659);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 #ff6b6b;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,#ff6b6b,#2d8659);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,#ff6b6b,#2d8659);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:linear-gradient(135deg,#ff6b6b,#ff5252);border-color:#0000;box-shadow:0 8px 24px #ff6b6b4d;color:#fff;transform:translateY(-3px)}.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}.file-upload label{color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.file-upload input[type=file]{background:linear-gradient(135deg,#fef7f7,#fff);border:3px dashed #ff6b6b;border-radius:12px;color:#2c3e50;font-size:14px;padding:20px;position:relative;text-align:center;transition:all .3s ease}.file-upload input[type=file]:hover{background:linear-gradient(135deg,#fff0f0,#fff);border-color:#ff5252;box-shadow:0 4px 12px #ff6b6b33;transform:translateY(-2px)}.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:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.form-group textarea{background-color:#fff;border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;color:#2c3e50;font-family:inherit;font-size:15px;line-height:1.6;min-height:120px;padding:16px 20px;resize:vertical;transition:all .3s ease;width:100%}.form-group textarea:focus{background-color:#fffffe;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26,0 4px 12px #0000001a;outline:none;transform:translateY(-2px)}.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{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:2px solid #e1e5e9;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#2c3e50;cursor:pointer;font-size:15px;font-weight:500;padding:14px 40px 14px 16px;transition:all .3s ease}.tag-type-selector select:focus{background-color:#fffffe;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26,0 4px 8px #0000001a;outline:none}.new-category-input{align-items:center;background:linear-gradient(135deg,#f8f9fc,#fff);border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;margin-top:12px;padding:16px;transition:all .3s ease}.new-category-input:hover{border-color:#ff6b6b;box-shadow:0 4px 12px #ff6b6b1a}.new-category-input input{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#2c3e50;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.new-category-input input:focus{background-color:#fffffe;border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b26;outline:none}.new-category-input button{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.new-category-input button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.new-category-input button:first-of-type{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.new-category-input button:first-of-type:hover{background:linear-gradient(135deg,#ff5252,#f44)}.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:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:8px;box-shadow:0 2px 6px #ff6b6b4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.tag-input-container button:hover{background:linear-gradient(135deg,#ff5252,#f44);box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.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:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:8px;box-shadow:0 2px 6px #ff6b6b4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.tags-input button:hover{background:linear-gradient(135deg,#ff5252,#f44);box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.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:#2d8659;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.add-btn:hover,.update-btn:hover{background-color:#236e47}.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{flex-direction:column;gap:8px}.edit-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 2px 6px #2196f34d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.05em;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.edit-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:8px;box-shadow:0 2px 6px #f443364d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.05em;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.delete-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.action-buttons{display:flex;gap:20px;justify-content:center;width:100%}.export-btn,.study-btn{border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.export-btn{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff}.export-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 8px 24px #ffa72666;transform:translateY(-3px)}.study-btn{background:linear-gradient(135deg,#2d8659,#236e47);color:#fff}.study-btn:hover:not(:disabled){background:linear-gradient(135deg,#236e47,#1e5a3a);box-shadow:0 8px 24px #2d865966;transform:translateY(-3px)}.export-btn:disabled,.study-btn:disabled{background:linear-gradient(135deg,#e0e0e0,#ccc);cursor:not-allowed}.collapse-all-btn,.expand-all-btn{border-radius:10px;box-shadow:0 2px 8px #0000001a;font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.expand-all-btn{background:linear-gradient(135deg,#2d8659,#236e47)}.expand-all-btn:hover{background:linear-gradient(135deg,#236e47,#1e5a3a);box-shadow:0 4px 12px #2d86594d;transform:translateY(-2px)}.collapse-all-btn{background:linear-gradient(135deg,#6c757d,#5a6268)}.collapse-all-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-2px)}.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}}.field-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.field-label-row label{margin-bottom:0}.preview-toggle-btn{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;color:#555;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s ease}.preview-toggle-btn:hover{background-color:#e9ecef;border-color:#999}.preview-toggle-btn.active{background-color:#4caf50;border-color:#388e3c;color:#fff}.maker-markdown-preview{word-wrap:break-word;background-color:#fafafa;border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;color:#2c3e50;font-size:15px;line-height:1.6;min-height:100px;overflow-wrap:break-word;padding:16px 20px;width:100%}.maker-markdown-preview p{margin:0 0 12px}.maker-markdown-preview p:last-child{margin-bottom:0}.maker-markdown-preview h1,.maker-markdown-preview h2,.maker-markdown-preview h3,.maker-markdown-preview h4{color:#1a1a2e;margin:14px 0 6px}.maker-markdown-preview h1{font-size:22px}.maker-markdown-preview h2{font-size:18px}.maker-markdown-preview h3{font-size:15px}.maker-markdown-preview ol,.maker-markdown-preview ul{margin:8px 0;padding-left:24px}.maker-markdown-preview li{margin-bottom:4px}.maker-markdown-preview code{background-color:#f0f0f0;border:1px solid #ddd;border-radius:3px;color:#c7254e;font-family:Consolas,Monaco,Courier New,monospace;font-size:.88em;padding:1px 5px}.maker-markdown-preview pre{border-radius:6px;font-size:13px;margin:10px 0;overflow:auto}.maker-markdown-preview pre code{background:none;border:none;color:inherit;font-size:inherit;padding:0}.preview-empty{color:#aaa;font-style:italic}.fc-page-header{margin-bottom:4px;text-align:center}.fc-page-header p{color:#777;font-size:15px;margin:0}.fc-resume-banner{align-items:center;background:linear-gradient(135deg,#fff3e0,#fff8f0);border:1px solid #ffcc80;border-radius:10px;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;width:100%}.fc-resume-banner span{color:#e65100;font-size:14px;font-weight:500}.fc-resume-buttons{display:flex;flex-shrink:0;gap:8px}.fc-resume-load-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:opacity .15s}.fc-resume-load-btn:hover{opacity:.9}.fc-resume-clear-btn{background:#fff;border:1px solid #bbb;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:background .15s}.fc-resume-clear-btn:hover{background:#f5f5f5}.fc-workflow-step{background:#fff;border:1.5px solid #f0e0e0;border-radius:14px;box-shadow:0 2px 8px #ff6b6b0f;box-sizing:border-box;display:flex;gap:16px;padding:22px 22px 22px 18px;width:100%}.fc-step-badge{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:32px;justify-content:center;margin-top:2px;width:32px}.fc-step-body{flex:1 1;min-width:0}.fc-step-body h3{color:#2c1515;font-size:16px;font-weight:700;margin:0 0 14px}.fc-topic-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.fc-topic-input{background:#fafafa;border:1.5px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;flex:1 1;font-size:14px;min-width:160px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.fc-topic-input:focus{background:#fff;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1f;outline:none}.fc-topic-input::placeholder{color:#aaa}.fc-count-select{background:#fafafa;border:1.5px solid #ddd;border-radius:8px;color:#333;cursor:pointer;flex-shrink:0;font-size:14px;padding:10px 12px;transition:border-color .2s;white-space:nowrap}.fc-count-select:focus{border-color:#ff6b6b;outline:none}.fc-copy-prompt-btn{background:linear-gradient(135deg,#ff6b6b,#e53935);border:none;border-radius:10px;box-shadow:0 3px 10px #ff6b6b59;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.01em;margin-bottom:12px;padding:13px 20px;transition:all .2s ease;width:100%}.fc-copy-prompt-btn:hover{background:linear-gradient(135deg,#ff5252,#c62828);box-shadow:0 5px 16px #ff6b6b73;transform:translateY(-1px)}.fc-copy-prompt-btn.copied{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 3px 10px #388e3c59}.fc-ai-links{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.fc-ai-links-label{color:#999;font-size:13px}.fc-ai-link{background:#fff3f3;border:1px solid #ffcdd2;border-radius:20px;color:#e53935;font-size:13px;font-weight:600;padding:4px 10px;text-decoration:none;transition:all .15s}.fc-ai-link:hover{background:#ffebee;border-color:#ff6b6b;text-decoration:none}.fc-template-link-btn{background:none;border:none;color:#999;cursor:pointer;font-size:13px;padding:4px 0;text-decoration:underline;text-decoration-color:#ccc;transition:color .15s}.fc-template-link-btn:hover{color:#666}.fc-paste-textarea{background:#fafafa;border:1.5px solid #ddd;border-radius:10px;box-sizing:border-box;color:#333;font-family:Consolas,Monaco,Courier New,monospace;font-size:12.5px;line-height:1.5;margin-bottom:12px;padding:12px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.fc-paste-textarea:focus{background:#fff;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1f;outline:none}.fc-paste-textarea::placeholder{color:#bbb;font-size:12px}.fc-validation-error-box{background:#fff3f3;border:1px solid #f5c2c2;border-radius:8px;color:#c62828;font-size:13px;margin-bottom:12px;padding:10px 14px}.fc-validation-error-box strong{display:block;margin-bottom:6px}.fc-validation-error-box ul{margin:0;padding-left:18px}.fc-validation-error-box ul li{margin-bottom:3px}.fc-step2-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.fc-load-btn{background:linear-gradient(135deg,#ff6b6b,#e53935);border:none;border-radius:8px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:11px 26px;transition:all .2s}.fc-load-btn:hover:not(:disabled){box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-1px)}.fc-load-btn:disabled{background:#d0d0d0;box-shadow:none;cursor:not-allowed}.fc-or-divider{color:#bbb;font-size:13px}.fc-file-upload-label{background:#fff8f8;border:1.5px dashed #ffcdd2;border-radius:8px;color:#e53935;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s;-webkit-user-select:none;user-select:none}.fc-file-upload-label:hover{background:#ffebee;border-style:solid}.fc-sample-row{align-items:center;color:#bbb;display:flex;font-size:13px;gap:10px;padding-top:4px}.fc-sample-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:underline;text-decoration-color:#ffcdd2}.fc-sample-btn:hover{text-decoration-color:#ff6b6b}.fc-manual-divider{align-items:center;color:#bbb;display:flex;font-size:13px;font-weight:500;gap:12px;text-align:center;width:100%}.fc-manual-divider:after,.fc-manual-divider:before{border-top:1px solid #eee;content:"";flex:1 1}@media (max-width:560px){.fc-workflow-step{gap:12px;padding:16px 14px 16px 12px}.fc-step-badge{font-size:13px;height:28px;width:28px}.fc-topic-row{flex-direction:column}.fc-count-select{width:100%}.fc-step2-actions{align-items:stretch;flex-direction:column}.fc-file-upload-label,.fc-load-btn{text-align:center}.fc-resume-banner{align-items:flex-start;flex-direction:column}}.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 #ff6b6b;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;min-height:200px;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:stretch;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:200px;padding:24px 30px 30px;text-align:left;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 #ff6b6b;color:#333}.card-side h4{color:#999;font-size:13px;font-weight:600;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.card-markdown{word-wrap:break-word;color:#333;font-size:16px;line-height:1.6;overflow-wrap:break-word;width:100%}.card-markdown p{margin:0 0 12px}.card-markdown p:last-child{margin-bottom:0}.card-markdown h1,.card-markdown h2,.card-markdown h3,.card-markdown h4,.card-markdown h5,.card-markdown h6{color:#222;line-height:1.3;margin:16px 0 8px}.card-markdown h1{font-size:22px}.card-markdown h2{font-size:19px}.card-markdown h3{font-size:16px}.card-markdown ol,.card-markdown ul{margin:8px 0 12px;padding-left:24px}.card-markdown li{margin-bottom:4px}.card-markdown strong{color:#222;font-weight:700}.card-markdown em{font-style:italic}.card-markdown code{background-color:#f0f0f0;border:1px solid #ddd;border-radius:3px;color:#c7254e;font-family:Consolas,Monaco,Courier New,monospace;font-size:.88em;padding:1px 5px}.card-markdown pre{border-radius:6px;font-size:14px;margin:12px 0;overflow:auto}.card-markdown pre code{background:none;border:none;color:inherit;font-size:inherit;padding:0}.card-markdown blockquote{background-color:#f9f9f9;border-left:4px solid #ddd;border-radius:0 4px 4px 0;color:#666;margin:10px 0;padding:8px 16px}.card-markdown table{border-collapse:collapse;font-size:14px;margin:12px 0;width:100%}.card-markdown td,.card-markdown th{border:1px solid #ddd;padding:6px 10px;text-align:left}.card-markdown th{background-color:#f0f0f0;font-weight:600}.card-markdown hr{border:none;border-top:1px solid #e0e0e0;margin:16px 0}.flip-hint{align-self:center;background-color:#4caf50;border-radius:20px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-top:16px;padding:8px 16px}.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:#236e47}.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}.hidden-controls,.show-hidden-label{align-items:center;display:flex}.show-hidden-label{color:#555;cursor:pointer;font-weight:500;gap:8px}.show-hidden-label input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.hidden-count-badge{color:#888;font-size:13px;font-weight:400;margin-left:8px}.hidden-card-banner{background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:14px;font-weight:500;max-width:600px;padding:8px 16px;text-align:center;width:100%}.card-actions{display:flex;justify-content:center}.hide-card-btn{background-color:#9e9e9e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s ease}.hide-card-btn:hover{background-color:#757575}.hide-card-btn.unhide{background-color:#2196f3}.hide-card-btn.unhide:hover{background-color:#1976d2}.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{min-height:160px}.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}}.results-page{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:24px;min-height:100vh;padding:30px 20px}.results-summary{border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:700px;padding:24px 30px;text-align:center;width:100%}.results-summary h2{font-size:22px;margin:0 0 10px}.results-summary.perfect{background:#e8f5e9;border:2px solid #4caf50;color:#1b5e20}.results-summary.passing{background:#fff8e1;border:2px solid #ffc107;color:#6d4c00}.results-summary.failing{background:#ffebee;border:2px solid #f44336;color:#7f0000}.score{font-size:36px;font-weight:700;margin-bottom:4px}.score-pct{font-size:20px;opacity:.8}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-btn{background:#fff;border:2px solid #bbb;border-radius:20px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:9px 20px;transition:all .2s ease}.filter-btn:hover{border-color:#888}.filter-btn.active{background:#333;border-color:#333;color:#fff}.filter-btn.correct-filter.active{background:#2e7d32;border-color:#2e7d32}.filter-btn.incorrect-filter.active{background:#c62828;border-color:#c62828}.review-list{display:flex;flex-direction:column;gap:18px;max-width:700px;width:100%}.no-results{color:#888;font-size:16px;padding:30px;text-align:center}.review-question-card{background:#fff;border-left:5px solid #bbb;border-radius:10px;box-shadow:0 2px 6px #00000014;padding:20px}.review-question-card.correct-card{border-left-color:#4caf50}.review-question-card.incorrect-card{border-left-color:#f44336}.review-question-card.unanswered{border-left-color:#9e9e9e}.review-question-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.review-q-number{color:#555;font-size:14px;font-weight:700}.status-badge{border-radius:10px;font-size:12px;font-weight:600;padding:3px 10px}.correct-badge{background:#e8f5e9;color:#2e7d32}.incorrect-badge{background:#ffebee;color:#c62828}.unanswered-badge{background:#eee;color:#666}.review-question-text{color:#222;font-size:17px;line-height:1.5;margin-bottom:16px}.review-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.answer-option{align-items:center;border:1px solid #ddd;border-radius:6px;color:#333;display:flex;font-size:15px;gap:8px;padding:10px 14px;position:relative;transition:background-color .2s ease}.answer-option[onClick]{cursor:pointer}.answer-option[onClick]:hover{background-color:#f0f0f0}.answer-option.correct-answer{background:#e8f5e9;border-color:#4caf50;color:#1b5e20;font-weight:500}.answer-option.wrong-answer{background:#ffebee;border-color:#f44336;color:#7f0000}.answer-option.retry-selected{background:#e3f2fd;border-color:#2196f3}.option-letter{font-weight:700;min-width:20px}.option-tag{border-radius:8px;font-size:11px;font-weight:600;margin-left:auto;padding:2px 8px}.correct-tag{background:#c8e6c9;color:#1b5e20}.your-tag{background:#ffcdd2;color:#7f0000}.your-correct-tag{background:#c8e6c9;color:#1b5e20}.review-explanation{background:#f9f9f9;border:1px solid #eee;border-radius:6px;font-size:14px;line-height:1.5;margin-top:10px;padding:12px}.wrong-explanation{color:#555;margin:0 0 8px}.correct-explanation{color:#2e7d32;font-style:italic;margin:0}.reveal-controls{display:flex;gap:10px;margin-top:10px}.show-answer-btn{background-color:#1565c0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 18px;transition:background-color .2s ease}.show-answer-btn:hover{background-color:#0d47a1}.try-again-btn{background-color:#ef6c00;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 18px;transition:background-color .2s ease}.try-again-btn:hover{background-color:#e65100}.retry-prompt{color:#ef6c00;font-size:13px;font-style:italic;margin-top:8px}.restart-bar{display:flex;gap:14px;justify-content:center;max-width:700px;padding:10px 0 20px;width:100%}.restart-btn{background-color:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 28px;transition:background-color .2s ease}.restart-btn:hover{background-color:#236e47}.new-test-btn{background-color:#546e7a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 28px;transition:background-color .2s ease}.new-test-btn:hover{background-color:#37474f}.download-btn{background-color:#1565c0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 28px;transition:background-color .2s ease}.download-btn:hover{background-color:#0d47a1}@media (max-width:600px){.results-page{padding:16px 12px}.score{font-size:28px}.filter-bar{gap:8px}.filter-btn{font-size:13px;padding:7px 14px}.restart-bar{align-items:center;flex-direction:column}.new-test-btn,.restart-btn{max-width:280px;width:100%}}.save-prompt{align-items:center;background:#f0f7f3;border:1px solid #cde3d6;border-left:4px solid #2d8659;border-radius:8px;color:#1f4d35;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 0 20px;padding:14px 18px}.save-prompt-text{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:240px}.save-prompt-text strong{font-size:15px}.save-prompt-text span{font-size:13px;opacity:.85}.save-prompt-button{background:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px;white-space:nowrap}.save-prompt-button:hover{background:#246d48}.save-prompt-saved{font-size:14px}.save-prompt-saved a{color:#2d8659;font-weight:600}.save-prompt-failed{background:#fdf3f2;border-color:#e6c9c9 #e6c9c9 #e6c9c9 #b3453f;color:#7d2b27;font-size:14px}.status-badge.marked-badge{background:#fff3cd;border:1px solid #e0a800;color:#7a5b00}.account-page{align-items:center;display:flex;flex-direction:column;gap:24px;padding:40px 20px}.account-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;border-top:5px solid #2d8659;box-shadow:0 8px 25px #0000001a;max-width:520px;padding:30px 35px;width:100%}.account-card h1{color:#2d8659;font-size:28px;margin-bottom:20px;margin-top:0}.account-muted{color:#777}.account-error{color:#c0392b;font-weight:500}.account-details{grid-gap:10px 24px;display:grid;gap:10px 24px;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;margin:0 0 24px}.account-details dt{color:#2d8659;font-weight:600}.account-details dd{color:#333;margin:0;word-break:break-word}.account-button{background:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .3s ease}.account-button:hover{background:#246b47}.account-button-secondary{background:#fff;border:2px solid #2d8659;color:#2d8659;margin-top:10px}.account-button-secondary:hover{background:#f0f7f3}.agent-access-title{color:#2d8659;font-size:22px;margin-bottom:12px;margin-top:0}.agent-access-intro{margin-top:0}.api-key-list{list-style:none;margin:0 0 16px;padding:0}.api-key-row{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px 12px;padding:10px 0}.api-key-prefix{color:#333;font-family:Courier New,Courier,monospace;font-weight:600}.api-key-meta{color:#777;flex:1 1 auto;font-size:14px}.api-key-row-revoked .api-key-meta,.api-key-row-revoked .api-key-prefix{color:#aaa;text-decoration:line-through}.api-key-revoked-label{color:#aaa;font-size:14px;font-style:italic}.account-button-danger{background:#fff;border:2px solid #c0392b;color:#c0392b;font-size:14px;padding:6px 14px}.account-button-danger:hover{background:#fdf0ee}.new-key-panel{background:#f0f7f3;border:1px solid #2d8659;border-radius:8px;margin:16px 0;padding:16px}.new-key-warning{color:#c0392b;font-weight:600;margin:0 0 10px}.new-key-value-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.new-key-value{background:#fff;border:1px solid #cde3d6;border-radius:6px;flex:1 1 220px;font-family:Courier New,Courier,monospace;padding:8px 10px;word-break:break-all}.new-key-copy,.new-key-dismiss{font-size:14px;padding:8px 16px}.new-key-dismiss{margin-top:0}.new-key-scopes{color:#555;font-size:14px;margin:0 0 12px}.scope-badges{display:inline-flex;flex-wrap:wrap;gap:6px}.scope-badge{background:#f0f7f3;border:1px solid #cde3d6;border-radius:999px;color:#2d8659;font-size:12px;font-weight:600;line-height:1.4;padding:2px 9px;white-space:nowrap}.api-key-row-revoked .scope-badge{background:#f5f5f5;border-color:#e0e0e0;color:#aaa}.scope-badges-inline{vertical-align:middle}.scope-picker{border:1px solid #e0e0e0;border-radius:8px;margin:0 0 16px;padding:12px 16px 14px}.scope-picker-legend{color:#2d8659;font-size:14px;font-weight:600;padding:0 6px}.scope-option{align-items:flex-start;cursor:pointer;display:flex;gap:10px;padding:6px 0}.scope-option-input{accent-color:#2d8659;cursor:pointer;flex:0 0 auto;height:16px;margin:2px 0 0;width:16px}.scope-option-text{display:flex;flex-direction:column}.scope-option-label{color:#333;font-size:15px;font-weight:600}.scope-option-help{color:#777;font-size:13px}.scope-picker-note{color:#c0392b;font-size:13px;font-weight:500;margin:8px 0 0}.account-button:disabled{background:#a9c9ba;cursor:not-allowed}.account-button:disabled:hover{background:#a9c9ba}.connect-agent{border-top:1px solid #eee;margin-top:24px;padding-top:16px}.connect-agent-toggle{background:none;border:none;color:#2d8659;cursor:pointer;font-size:16px;font-weight:600;padding:0}.connect-agent-toggle:hover{text-decoration:underline}.connect-agent-body{margin-top:10px}.proposal-list{list-style:none;margin:0;padding:0}.proposal-row{border:1px solid #e0e0e0;border-left:4px solid #2d8659;border-radius:8px;margin-bottom:14px;padding:14px 16px}.proposal-row:last-child{margin-bottom:0}.proposal-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px 10px}.proposal-title{color:#333;font-size:17px;font-weight:700}.proposal-source{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:999px;color:#777;font-size:12px;line-height:1.4;padding:2px 9px;white-space:nowrap}.proposal-meta{color:#777;font-size:14px;margin-top:2px}.proposal-rationale{background:#f0f7f3;border:1px solid #cde3d6;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin:12px 0 0;padding:12px 14px}.proposal-rationale-label{color:#2d8659;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.proposal-rationale-text{color:#2b3a33;font-size:15px;line-height:1.45}.proposal-warnings{color:#8a6d3b;font-size:13px;list-style:none;margin:10px 0 0;padding:0}.proposal-warnings li{padding-left:18px;position:relative}.proposal-warnings li:before{content:"!";font-weight:700;left:4px;position:absolute}.proposal-row-error{background:#fdf0ee;border:1px solid #c0392b;border-radius:8px;margin-top:12px;padding:10px 12px}.proposal-row-error-message{color:#c0392b;font-weight:600;margin:0}.proposal-row-error-note{color:#7c3a30;font-size:14px;margin:6px 0 0}.proposal-upgrade-link{color:#2d8659;display:inline-block;font-weight:600;margin-top:8px}.proposal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.proposal-accept{font-size:15px;padding:8px 20px}.proposal-dismiss{font-size:14px;padding:8px 16px}.account-button-danger:disabled,.account-button-danger:disabled:hover{background:#fff;border-color:#d9a49d;color:#d9a49d}.proposal-accepted{background:#f0f7f3;border:1px solid #2d8659;border-radius:8px;margin-bottom:16px;padding:14px 16px}.proposal-accepted-title{margin:0 0 8px}.proposal-accepted-link,.proposal-accepted-title{color:#2d8659;font-weight:600}.proposal-accepted-dismiss{display:block;font-size:14px;margin-top:12px;padding:6px 14px}.curation-section{margin-top:22px}.curation-section:first-of-type{margin-top:14px}.curation-section-title{color:#333;font-size:16px;font-weight:700;margin:0}.curation-section-intro{font-size:14px;margin:4px 0 12px}.curation-list{list-style:none;margin:0;padding:0}.curation-row{border:1px solid #e0e0e0;border-left:4px solid #2d8659;border-radius:8px;margin-bottom:14px;padding:14px 16px}.curation-row:last-child{margin-bottom:0}.curation-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px 10px}.curation-change-pill,.curation-kind-pill{border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.4;padding:2px 10px;white-space:nowrap}.curation-kind-pill{background:#f0f7f3;border:1px solid #cde3d6;color:#2d8659}.curation-kind-wrong-answer{background:#fdf0ee;border-color:#e3b8b1;color:#c0392b}.curation-kind-stale{background:#fdf6e7;border-color:#e6d3a3;color:#8a6d3b}.curation-kind-disputed,.curation-kind-duplicate,.curation-kind-other{background:#f5f5f5;border-color:#e0e0e0;color:#555}.curation-change-pill{background:#f0f7f3;border:1px solid #cde3d6;color:#2d8659}.curation-target{color:#333;font-size:16px;font-weight:700}.curation-source{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:999px;color:#777;font-size:12px;line-height:1.4;padding:2px 9px;white-space:nowrap}.curation-question{color:#2b3a33;font-size:15px;line-height:1.45;margin:10px 0 0}.curation-meta{color:#777;font-size:14px;margin-top:4px}.curation-repeats{font-weight:600}.curation-reason{background:#f0f7f3;border:1px solid #cde3d6;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin:12px 0 0;padding:12px 14px}.curation-reason-label{color:#2d8659;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.curation-reason-text{color:#2b3a33;font-size:15px;line-height:1.45}.curation-row-error{background:#fdf0ee;border:1px solid #c0392b;border-radius:8px;margin-top:12px;padding:10px 12px}.curation-row-error-message{color:#c0392b;font-weight:600;margin:0}.curation-row-error-note{color:#7c3a30;font-size:14px;margin:6px 0 0}.curation-consequence{color:#555;font-size:14px;line-height:1.45;margin:14px 0 0}.curation-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.curation-accept{font-size:15px;padding:8px 18px}.curation-dismiss{font-size:14px;padding:8px 16px}.curation-version-row{align-items:flex-start;border:1px solid #e0e0e0;border-left:4px solid #cde3d6;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:10px;padding:12px 14px}.curation-version-row:last-child{margin-bottom:0}.curation-version-body{flex:1 1 260px;min-width:0}.curation-summary{color:#2b3a33;font-size:15px;line-height:1.45;margin:8px 0 0}.curation-restore{flex:0 0 auto;font-size:14px;padding:6px 14px}.curation-notice{background:#f0f7f3;border:1px solid #2d8659;border-radius:8px;margin-bottom:16px;padding:14px 16px}.curation-notice-title{color:#2d8659;font-weight:600;margin:0 0 6px}.curation-notice-detail{color:#2b3a33;font-size:14px;line-height:1.45;margin:0}.curation-notice-dismiss{display:block;font-size:14px;margin-top:12px;padding:6px 14px}@media (max-width:480px){.account-card{padding:20px 18px}.api-key-row{align-items:flex-start;flex-direction:column}.new-key-value-row,.proposal-actions{align-items:stretch;flex-direction:column}.proposal-actions .account-button{width:100%}.curation-actions{align-items:stretch;flex-direction:column}.curation-actions .account-button{width:100%}.curation-version-row{align-items:stretch;flex-direction:column}.curation-restore{width:100%}}.library-page{background-color:#f8f9fa;min-height:calc(100vh - 70px);padding:30px 20px}.library-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin:0 auto;max-width:800px;padding:30px}.library-container h1{color:#2d8659;font-size:28px;margin-bottom:20px}.library-muted{color:#777}.library-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:20px}.library-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:10px 18px;transition:all .2s ease}.library-tab:hover{color:#2d8659}.library-tab.active{border-bottom-color:#2d8659;color:#2d8659}.library-cap-banner{background-color:#eaf5ef;border:1px solid #bfe0cf;border-radius:8px;color:#205f40;font-weight:500}.library-cap-banner,.library-error{font-size:14px;margin-bottom:20px;padding:10px 15px}.library-error{background-color:#fdecea;border:1px solid #f5c6cb;border-radius:8px;color:#a94442}.library-link-btn{background:none;border:none;color:#2d8659;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.library-list{list-style:none;margin:0;padding:0}.library-row{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:10px;padding:15px 5px}.library-row:last-child{border-bottom:none}.library-row-main{align-items:center;display:flex;gap:15px;justify-content:space-between}.library-row-info{display:flex;flex-direction:column;gap:3px;min-width:0}.library-row-title{color:#333;font-weight:600;overflow-wrap:anywhere}.library-row-date{color:#888;font-size:13px}.library-row-actions{display:flex;flex-shrink:0;gap:8px}.library-open-btn,.library-primary-btn{background-color:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:background-color .2s ease}.library-open-btn:hover:not(:disabled),.library-primary-btn:hover:not(:disabled){background-color:#236b47}.library-delete-btn{background:none;border:1px solid #dba5a5;border-radius:6px;color:#a94442;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;transition:all .2s ease}.library-delete-btn:hover:not(:disabled){background-color:#fdecea}.library-delete-btn:disabled,.library-open-btn:disabled,.library-primary-btn:disabled{cursor:not-allowed;opacity:.6}.library-share{align-items:center;color:#555;display:flex;flex-wrap:wrap;font-size:14px;gap:10px}.library-share-label{align-items:center;display:flex;flex-shrink:0;font-weight:500;gap:6px}.library-share-select{background:#fff;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:5px 8px}.library-share-select:disabled{cursor:not-allowed;opacity:.6}.library-share-link{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.library-share-url{background-color:#f1f3f4;border:1px solid #e0e0e0;border-radius:6px;color:#444;flex:1 1;font-size:13px;min-width:0;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap}.library-share-copy-btn{background-color:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 12px;transition:background-color .2s ease}.library-share-copy-btn:hover{background-color:#236b47}.library-share-rotate-btn{background:none;border:1px solid #ccc;border-radius:6px;color:#666;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 10px;transition:all .2s ease}.library-share-rotate-btn:hover:not(:disabled){border-color:#2d8659;color:#2d8659}.library-share-rotate-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.library-container{padding:20px 15px}.library-row-main{align-items:flex-start;flex-direction:column}.library-share{align-items:stretch;flex-direction:column}.library-share-link{width:100%}}.progress-page{background-color:#f8f9fa;min-height:calc(100vh - 70px);padding:30px 20px}.progress-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin:0 auto;max-width:800px;padding:30px}.progress-container h1{color:#2d8659;font-size:28px;margin-bottom:20px}.progress-container h2{color:#2d8659;font-size:20px;margin:0 0 15px}.progress-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.progress-muted{color:#777}.progress-totals{color:#555}.progress-error,.progress-totals{font-size:14px;margin-bottom:20px}.progress-error{background-color:#fdecea;border:1px solid #f5c6cb;border-radius:8px;color:#a94442;padding:10px 15px}.progress-link-btn{background:none;border:none;color:#2d8659;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.progress-primary-btn{background-color:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:10px 22px;text-decoration:none;transition:background-color .2s ease}.progress-primary-btn:hover:not(:disabled){background-color:#236b47}.progress-copy-btn{background:none;border:1px solid #2d8659;border-radius:6px;color:#2d8659;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.progress-copy-btn:hover{background-color:#eaf5ef}.progress-review-btn{background-color:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:background-color .2s ease;white-space:nowrap}.progress-review-btn:hover{background-color:#236b47}.progress-note{color:#888;font-size:13px}.progress-empty{padding:30px 10px;text-align:center}.progress-empty p:first-child{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.progress-empty-cta{margin-top:16px}.progress-card{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;padding:20px}.progress-meters{display:flex;flex-direction:column;gap:18px}.progress-meter-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.progress-meter-label{color:#333;font-weight:600;word-break:break-word}.progress-meter-count{color:#888;font-size:13px;white-space:nowrap}.progress-meter-lowdata{font-style:italic}.progress-meter-track{background-color:#eef1f0;border-radius:999px;height:10px;overflow:hidden}.progress-meter-fill{background-color:#2d8659;border-radius:999px;height:100%;transition:width .3s ease}.progress-meter.low-data .progress-meter-label{color:#888}.progress-meter.low-data .progress-meter-fill{background-color:#a8c9b9}.progress-missed-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.progress-missed-header h2{margin:0}.progress-practice-all{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.progress-quiz-group{border-top:1px solid #eee;margin-top:14px;padding-top:14px}.progress-quiz-group:first-of-type{border-top:none;margin-top:0;padding-top:0}.progress-quiz-group-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.progress-quiz-title{color:#333;font-weight:600}.progress-missed-list{list-style:none;margin:0;padding:0}.progress-missed-row{align-items:baseline;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:6px 0}.progress-missed-text{color:#444;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-missed-meta{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:flex-end}.progress-tag-chip{background-color:#eaf5ef;border:1px solid #bfe0cf;border-radius:999px;color:#205f40;font-size:12px;padding:1px 8px;white-space:nowrap}.progress-missed-times{color:#a94442;font-size:12px;white-space:nowrap}@media (max-width:600px){.progress-container{padding:20px 15px}.progress-header,.progress-missed-header,.progress-missed-row,.progress-quiz-group-header{align-items:flex-start;flex-direction:column}.progress-missed-row{gap:4px}.progress-missed-text{white-space:normal}.progress-missed-meta{justify-content:flex-start}}.paths-page{background-color:#f8f9fa;min-height:calc(100vh - 70px);padding:30px 20px}.paths-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin:0 auto;max-width:800px;padding:30px}.paths-container h1{color:#2d8659;font-size:28px;margin-bottom:20px}.paths-container h2{color:#2d8659;font-size:20px;margin:0 0 12px}.paths-muted{color:#777}.paths-note{color:#888;font-size:13px}.paths-saved-note{color:#2d8659;font-size:13px;font-weight:600}.paths-error{margin-bottom:15px;padding:10px 15px}.paths-error,.paths-error-list{background-color:#fdecea;border:1px solid #f5c6cb;border-radius:8px;color:#a94442;font-size:14px}.paths-error-list{margin:10px 0;padding:10px 15px 10px 32px}.paths-error-list li{margin:2px 0}.paths-primary-btn{background-color:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:10px 22px;text-decoration:none;transition:background-color .2s ease}.paths-primary-btn:hover:not(:disabled){background-color:#236b47}.paths-primary-btn:disabled{cursor:default;opacity:.6}.paths-secondary-btn{background:none;border:1px solid #2d8659;border-radius:6px;color:#2d8659;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.paths-secondary-btn:hover:not(:disabled){background-color:#eaf5ef}.paths-link-btn{background:none;border:none;color:#2d8659;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.paths-delete-btn{background:none;border:1px solid #d9a0a5;border-radius:6px;color:#a94442;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.paths-delete-btn:hover:not(:disabled){background-color:#fdecea}.paths-card{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;padding:20px}.paths-empty{padding:20px 10px;text-align:center}.paths-empty p:first-child{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.paths-list{list-style:none;margin:0 0 20px;padding:0}.paths-row{align-items:baseline;background:none;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;font:inherit;gap:12px;justify-content:space-between;margin-bottom:10px;padding:14px 18px;text-align:left;transition:border-color .2s ease,background-color .2s ease;width:100%}.paths-row:hover{background-color:#f5faf7;border-color:#2d8659}.paths-row-title{color:#333;font-weight:600;word-break:break-word}.paths-row-meta{color:#888;font-size:13px;white-space:nowrap}.paths-new-card h2{margin-bottom:6px}.paths-manifest-textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Courier New,Courier,monospace;font-size:13px;margin-top:10px;padding:10px 12px;resize:vertical;width:100%}.paths-manifest-textarea:focus{border-color:#2d8659;outline:none}.paths-new-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.paths-helper-note{color:#888;font-size:13px;margin-bottom:0;margin-top:12px}.paths-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.paths-detail-title{cursor:pointer;margin-bottom:0!important}.paths-rename-hint{color:#aaa;font-size:12px;font-weight:400;margin-left:10px;opacity:0;transition:opacity .2s ease}.paths-detail-title:hover .paths-rename-hint{opacity:1}.paths-title-edit{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px;min-width:0}.paths-title-input{border:1px solid #2d8659;border-radius:6px;color:#2d8659;flex:1 1;font-size:22px;font-weight:600;min-width:180px;padding:6px 10px}.paths-title-input:focus{outline:none}.paths-next-card{background-color:#f5faf7;border-color:#bfe0cf}.paths-next-topic{color:#333;font-size:17px;font-weight:600;margin:0 0 12px}.paths-next-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.paths-topic-list{list-style:none;margin:0;padding:0}.paths-topic-row{border-top:1px solid #eee;padding:12px 0}.paths-topic-row:first-child{border-top:none;padding-top:0}.paths-topic-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.paths-topic-title{color:#333;font-weight:600;word-break:break-word}.paths-state-badge{border-radius:999px;font-size:12px;font-weight:600;padding:2px 10px;white-space:nowrap}.paths-state-mastered{background-color:#2d8659;border:1px solid #2d8659;color:#fff}.paths-state-in-progress{background:none;border:1px solid #2d8659;color:#2d8659}.paths-state-not-started{background-color:#f0f1f2;border:1px solid #d8dadd;color:#777}.paths-state-up-ahead{background:none;border:1px dashed #c5c8cc;color:#a5a8ac;font-style:italic}.paths-topic-up-ahead .paths-topic-title{color:#999}.paths-topic-up-ahead .paths-meter-fill{background-color:#c9d8d0}.paths-topic-meter{align-items:center;display:flex;gap:12px}.paths-meter-track{background-color:#eef1f0;border-radius:999px;flex:1 1;height:10px;overflow:hidden}.paths-meter-fill{background-color:#2d8659;border-radius:999px;height:100%;transition:width .3s ease}.paths-topic-answered{color:#888;font-size:13px;white-space:nowrap}.paths-lowdata{font-style:italic}.paths-topic-prereqs{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.paths-prereq-label{color:#999;font-size:12px}.paths-slug-chip{background-color:#eaf5ef;border:1px solid #bfe0cf;border-radius:999px;color:#205f40;font-size:12px;padding:1px 8px;white-space:nowrap}.paths-quiz-list{list-style:none;margin:10px 0;padding:0}.paths-quiz-option{align-items:center;color:#444;cursor:pointer;display:flex;font-size:15px;gap:10px;padding:6px 0}.paths-quiz-option input[type=checkbox]{accent-color:#2d8659;cursor:pointer;height:16px;width:16px}.paths-quiz-actions{align-items:center;display:flex;gap:12px;margin-top:10px}.paths-collapse-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font:inherit;gap:10px;justify-content:space-between;padding:0;text-align:left;width:100%}.paths-collapse-toggle h2{margin:0}.paths-collapse-arrow{color:#2d8659;font-size:16px}.paths-manifest-body{margin-top:12px}@media (max-width:600px){.paths-container{padding:20px 15px}.paths-detail-header,.paths-row,.paths-topic-header{align-items:flex-start;flex-direction:column}.paths-row{gap:4px}.paths-row-meta{white-space:normal}.paths-topic-meter{align-items:stretch;flex-direction:column;gap:4px}.paths-topic-answered{white-space:normal}}.billing-page{background-color:#f8f9fa;min-height:calc(100vh - 70px);padding:30px 20px}.billing-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin:0 auto;max-width:800px;padding:30px}.billing-container h1{color:#2d8659;font-size:28px;margin-bottom:20px}.billing-muted{color:#777}.billing-error{background-color:#fdecea;border:1px solid #f5c6cb;border-radius:8px;color:#a94442;font-size:14px;margin-bottom:20px;padding:10px 15px}.billing-link-btn{background:none;border:none;color:#2d8659;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.billing-plan-card{border:1px solid #e0e0e0;border-radius:10px;padding:20px}.billing-plan-header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.billing-plan-title{color:#333;font-size:18px;font-weight:600}.billing-plan-tag{background-color:#f1f3f4;border:1px solid #d5d9dc;border-radius:999px;color:#555;font-size:14px;font-weight:600;padding:5px 14px;white-space:nowrap}.billing-plan-tag.paid{background-color:#eaf5ef;border-color:#bfe0cf;color:#205f40}.billing-plan-tag.admin{background-color:#205f40;border-color:#205f40;color:#fff}.billing-meters{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.billing-meter-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.billing-meter-label{color:#333;font-weight:600}.billing-meter-count{color:#888;font-size:13px}.billing-meter-count.full{color:#a94442;font-weight:600}.billing-meter-track{background-color:#eef1f0;border-radius:999px;height:10px;overflow:hidden}.billing-meter-fill{background-color:#2d8659;border-radius:999px;height:100%;transition:width .3s ease}.billing-meter-fill.full{background-color:#c0392b}.billing-meter-warning{color:#a94442;font-size:13px;margin-top:6px}.billing-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.billing-primary-btn{background-color:#2d8659;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 22px;transition:background-color .2s ease}.billing-primary-btn:hover:not(:disabled){background-color:#236b47}.billing-cancel-btn{background:none;border:1px solid #dba5a5;border-radius:6px;color:#a94442;cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:all .2s ease}.billing-cancel-btn:hover:not(:disabled){background-color:#fdecea}.billing-cancel-btn:disabled,.billing-primary-btn:disabled{cursor:not-allowed;opacity:.6}.billing-note{color:#888;font-size:13px}@media (max-width:600px){.billing-container{padding:20px 15px}.billing-plan-header{align-items:flex-start;flex-direction:column}.billing-actions{align-items:stretch;flex-direction:column;text-align:center}}.shared-page{align-items:flex-start;background-color:#f8f9fa;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:40px 20px}.shared-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;max-width:560px;padding:40px 30px;text-align:center;width:100%}.shared-container h1{color:#333;font-size:28px;margin:10px 0 8px;overflow-wrap:anywhere}.shared-muted{color:#777}.shared-count{color:#666;font-size:15px;margin-bottom:25px}.shared-kind-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.shared-start-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 40px;transition:background-color .2s ease}.shared-quiz .shared-kind-badge{background-color:#eaf5ef;color:#2d8659}.shared-quiz h1{color:#2d8659}.shared-quiz .shared-start-btn{background-color:#2d8659}.shared-quiz .shared-start-btn:hover{background-color:#236b47}.shared-fc .shared-kind-badge{background-color:#ffefef;color:#e05252}.shared-fc h1{color:#ff6b6b}.shared-fc .shared-start-btn{background-color:#ff6b6b}.shared-fc .shared-start-btn:hover{background-color:#e05252}@media (max-width:600px){.shared-container{padding:30px 20px}}.howto-page{line-height:1.55;margin:0 auto;max-width:760px;padding:24px 16px 64px;text-align:left}.howto-page h1{color:#2d8659;margin-bottom:6px}.howto-page h2{border-bottom:2px solid #2d8659;margin-top:32px;padding-bottom:4px}.howto-page h3{margin-top:20px}.howto-lead{font-size:1.1rem}.howto-steps li{margin-bottom:14px}.howto-note{color:#666;font-size:.9rem}.howto-page code{background:#eef5f0;border-radius:4px;font-size:.92em;overflow-wrap:anywhere;padding:1px 5px}.howto-code{background:#1e2a24;border-radius:8px;color:#e6f2ea;margin:8px 0 12px;padding:12px 70px 12px 14px;position:relative}.howto-code pre{font-size:.85rem;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.howto-code button{background:#2d8659;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:8px;top:8px}@media (max-width:480px){.howto-code{padding-right:14px;padding-top:44px}}*{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:#ff6b6b;text-decoration:none;transition:color .3s ease}a:hover{color:#2d8659}button{border:none;cursor:pointer;font-weight:500;letter-spacing:.025em}button,input,select,textarea{border-radius:8px;font-family:inherit;outline:none;transition:all .3s ease}input,select,textarea{background-color:#fff;border:2px solid #e1e5e9;color:#2c3e50;font-size:14px;padding:12px 16px}html{scroll-behavior:smooth}a:focus,button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #ff6b6b4d,0 2px 8px #0000001a;outline:none;transform:translateY(-1px)}input:focus,select:focus,textarea:focus{background-color:#fffffe;border-color:#ff6b6b}
/*# sourceMappingURL=main.59837ceb.css.map*/