:root{--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--border-color: rgba(255, 255, 255, .2);--border-dashed: rgba(255, 255, 255, .3);--slot-bg: rgba(0,0,0,.2);--slot-bg-hover: rgba(0,0,0,.3);--glass-bg: rgba(20, 20, 30, .6);--glass-bg-light: rgba(255, 255, 255, .1);--success-color: #2ecc71;--error-color: #e74c3c;--mnemonic-bg: rgba(0,0,0,.2);--crammai-calm-primary: #8cbaff;--crammai-calm-dark: #0f1a3a;--crammai-warning-primary: #46e8ff;--crammai-warning-dark: #002b3a;--crammai-zoom-primary: #7c3aed;--crammai-zoom-dark: #25163d;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);background-color:#000;overflow-x:hidden;transition:background-color .5s ease}body.theme-neutral{background-color:#121212}body.theme-calm{background-color:var(--crammai-calm-dark)}body.theme-warn{background-color:var(--crammai-warning-dark)}body.theme-zoom{background:linear-gradient(135deg,#5b21b6,#7c3aed)}.container{max-width:1100px;margin:0 auto;padding:24px;position:relative;z-index:2}.app-header{display:flex;justify-content:center;align-items:center;padding-bottom:24px;margin-bottom:32px}.emblem{display:inline-flex;align-items:center;gap:12px}.emblem-text{font-size:2rem;font-weight:900;letter-spacing:-1px;color:var(--text-primary)}.view-container{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{text-align:center;margin-bottom:48px}.page-header h1{font-size:2.5rem;font-weight:900;margin-bottom:8px;letter-spacing:-1.5px;background:linear-gradient(45deg,var(--dynamic-primary),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-header .subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.mode-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.mode-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-card:hover{transform:translateY(-5px);border-color:var(--dynamic-primary);box-shadow:0 8px 30px #0003}.mode-icon{font-size:3rem;margin-bottom:16px;filter:grayscale(30%);transition:filter .2s}.mode-card:hover .mode-icon{filter:grayscale(0%)}.mode-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.mode-card.calm:hover{border-color:var(--crammai-calm-primary)}.mode-card.warn:hover{border-color:var(--crammai-warning-primary)}.mode-card.zoom:hover{border-color:var(--crammai-zoom-primary)}.mode-description{color:var(--text-secondary);line-height:1.5}.back-button{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:color .2s}.back-button:hover{color:var(--text-primary)}.upload-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.status-message{text-align:right}.status-text{font-weight:700;font-size:1.1rem;color:var(--dynamic-primary)}.status-subtext{color:var(--text-secondary);font-size:.9rem}.theme-zoom .status-text{color:#fffffff2}.theme-zoom .status-subtext{color:#fffc}.upload-section{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-title{text-align:center;font-size:1.5rem;margin-bottom:24px}.upload-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.upload-slot{aspect-ratio:4 / 3;background:var(--slot-bg);border:2px dashed var(--border-dashed);border-radius:8px;display:flex;justify-content:center;align-items:center;transition:all .2s ease;position:relative;overflow:hidden}.upload-slot.active{border-color:var(--dynamic-primary);box-shadow:0 0 15px var(--dynamic-primary-trans)}.upload-slot.drag-over{transform:scale(1.05);background:var(--slot-bg-hover);border-color:var(--success-color)}.upload-slot.filled{border-style:solid;border-color:var(--border-color)}.empty-slot-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;cursor:pointer}.slot-number{font-size:2rem;font-weight:900;color:var(--text-secondary)}.slot-text{font-size:.9rem;color:var(--text-secondary);margin-top:8px}.file-preview-container{padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;gap:8px}.file-icon{font-size:2rem}.file-name{font-size:.9rem;word-break:break-all}.file-size{font-size:.8rem;color:var(--text-secondary)}.remove-button{position:absolute;top:5px;right:8px;background:#00000080;border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;justify-content:center;align-items:center;opacity:.5;transition:opacity .2s}.file-preview-container:hover .remove-button{opacity:1}input[type=file]{display:none}.smart-suggestions{background-color:var(--slot-bg);border:1px solid var(--border-color);padding:16px;border-radius:8px;margin-bottom:24px}.suggestion-title{font-weight:600;margin-bottom:12px}.suggestions{display:flex;justify-content:space-around;gap:12px;margin-bottom:12px}.suggestion{flex:1;text-align:center;font-size:.9rem;color:var(--text-secondary)}.suggestion-note{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-top:12px;border-top:1px solid var(--border-dashed);padding-top:8px}.generate-button{display:block;width:100%;padding:16px;border:none;border-radius:8px;background:var(--dynamic-primary);color:var(--dynamic-bg);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px var(--dynamic-primary-trans);filter:brightness(1.1)}.generate-button:disabled{opacity:.5;cursor:not-allowed}.error-message{background-color:var(--error-color);color:#fff;padding:12px;border-radius:8px;text-align:center;margin-bottom:16px}.loading-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;animation:fadeIn .5s ease}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--dynamic-primary);width:60px;height:60px;animation:spin 1s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:2px}.loading-spinner.small-inline{display:inline-block;width:18px;height:18px;border-width:2px;border-top-color:var(--dynamic-bg);border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1.5rem;font-weight:700;margin-top:24px}.loading-quote{color:var(--text-secondary);margin-top:16px;font-style:italic;text-align:center;max-width:400px;min-height:4em;animation:fade-in-out 4s ease-in-out infinite}@keyframes fade-in-out{0%,to{opacity:0;transform:translateY(10px)}20%,80%{opacity:1;transform:translateY(0)}}.results-view{animation:fadeIn .5s ease}.results-header{text-align:center;margin-bottom:32px}.results-title{font-size:2rem;font-weight:700;margin-bottom:8px;color:var(--dynamic-primary)}.results-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.empty-results{text-align:center;background:var(--glass-bg);padding:32px;border:1px solid var(--border-color);border-radius:12px;max-width:650px;margin:0 auto}.empty-results-suggestion{margin-top:16px;color:var(--text-secondary)}.triage-category{margin-bottom:32px}.triage-category-title{font-size:1.5rem;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.topic-list{display:grid;gap:16px}.topic-item{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;opacity:0;transform:translateY(20px);animation:slideUpFadeIn .5s ease-out forwards}@keyframes slideUpFadeIn{to{opacity:1;transform:translateY(0)}}.topic-content{flex-grow:1}.topic-name{font-size:1.25rem;font-weight:600;margin-bottom:4px}.topic-evidence{color:var(--text-secondary);font-style:italic;margin-bottom:16px}.key-points-section .key-points-title{font-weight:600;font-size:.9rem;margin-bottom:8px;color:var(--text-secondary)}.key-points-list{list-style-type:"✓  ";padding-left:20px;font-size:.95rem}.key-points-list li{margin-bottom:4px}.topic-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.topic-actions .study-button{background-color:var(--dynamic-primary);color:var(--dynamic-bg);border:1px solid var(--dynamic-primary);padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;white-space:nowrap}.topic-actions .study-button:hover{filter:brightness(1.1)}.topic-actions .study-button.secondary{background-color:transparent;color:var(--dynamic-primary)}.topic-actions .study-button.secondary:hover{background-color:var(--dynamic-primary);color:var(--dynamic-bg)}.reset-button{display:block;margin:32px auto 0;background:none;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:10px 24px;border-radius:6px;cursor:pointer;transition:all .2s ease}.reset-button:hover{border-color:var(--text-primary);color:var(--text-primary)}.study-view{animation:fadeIn .5s ease}.study-page-header{margin-bottom:24px}.study-topic-title{font-size:2.5rem;font-weight:700;margin-bottom:8px;text-align:center}.study-topic-reason{font-size:1.1rem;color:var(--text-secondary);font-style:italic;margin-bottom:32px;max-width:80%}.study-content-layout{display:grid;grid-template-columns:2fr 1.2fr;gap:32px;align-items:flex-start}.study-main-content{display:flex;flex-direction:column;gap:32px}.study-section{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.study-section-title{font-size:1.5rem;margin-bottom:16px}.notes-loader{display:flex;align-items:center;gap:12px;color:var(--text-secondary);min-height:100px}.notes-content{line-height:1.7;max-height:40vh;overflow-y:auto;padding-right:10px}.notes-content h1,.notes-content h2,.notes-content h3,.notes-content h4{margin-top:1.5em;margin-bottom:.5em;font-weight:600}.notes-content h1{font-size:1.8rem}.notes-content h2{font-size:1.5rem}.notes-content h3{font-size:1.2rem;color:var(--dynamic-primary)}.notes-content h4{font-size:1.1rem}.notes-content p{margin-bottom:1em}.notes-content ul{list-style-position:inside;padding-left:1em;margin-bottom:1em}.notes-content li{margin-bottom:.5em}.notes-content strong{color:var(--dynamic-primary)}.notes-content .latex{font-family:Times New Roman,serif;font-style:italic}.notes-content::-webkit-scrollbar{width:8px}.notes-content::-webkit-scrollbar-track{background:var(--slot-bg);border-radius:10px}.notes-content::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:10px}.notes-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-primary)}.mnemonic-studio{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.mnemonic-generator-form{display:flex;flex-direction:column;gap:12px}.mnemonic-input{width:100%;background-color:var(--slot-bg);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;resize:vertical;min-height:100px;transition:border-color .2s}.mnemonic-input:focus{outline:none;border-color:var(--dynamic-primary)}.mnemonic-studio-intro{color:var(--text-secondary);margin-bottom:4px;font-size:.9rem}.generate-mnemonic-button{font-size:1rem;padding:12px}.mnemonic-loader-full{display:block;margin:24px auto;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--dynamic-primary);width:40px;height:40px;animation:spin 1s linear infinite}.mnemonic-result{background:var(--mnemonic-bg);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.mnemonic-result-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.mnemonic-word{font-size:1.5rem;font-weight:700;color:var(--dynamic-primary);margin-bottom:4px}.mnemonic-explanation{color:var(--text-secondary);font-style:italic;font-size:.95rem;line-height:1.4;margin-bottom:16px}.mnemonic-mapping-list{list-style-type:none;padding:0}.mnemonic-mapping-list li{margin-bottom:8px;line-height:1.5;font-size:1rem;font-family:Courier New,Courier,monospace}.ask-ai-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px}.ask-ai-title{font-size:1.1rem;font-weight:600}.ask-ai-intro{font-size:.9rem;color:var(--text-secondary);margin-top:-8px}.ask-ai-section .generate-mnemonic-button{font-size:.9rem;padding:10px}.follow-up-result{margin-top:16px;border-color:var(--dynamic-primary)}.chat-studio{display:flex;flex-direction:column;max-height:70vh}.chat-messages{flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:16px}.chat-message{padding:12px 16px;border-radius:18px;max-width:85%;line-height:1.6}.chat-message.user{background-color:var(--dynamic-primary);color:var(--dynamic-bg);border-bottom-right-radius:4px;align-self:flex-end}.chat-message.model{background-color:var(--slot-bg);border-bottom-left-radius:4px;align-self:flex-start}.chat-message p:last-child{margin-bottom:0}.chat-input-form{display:flex;gap:8px;margin-top:16px;border-top:1px solid var(--border-color);padding-top:16px}.chat-input-form input{flex-grow:1;background-color:var(--slot-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;color:var(--text-primary);font-size:1rem}.chat-input-form input:focus{outline:none;border-color:var(--dynamic-primary)}.chat-input-form button{background-color:var(--dynamic-primary);color:var(--dynamic-bg);border:none;border-radius:8px;padding:0 24px;font-weight:600;cursor:pointer}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-indicator span{width:8px;height:8px;background-color:var(--text-secondary);border-radius:50%;animation:bounce 1s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.quiz-view{max-width:800px}.quiz-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:var(--text-secondary)}.quiz-score,.quiz-progress{font-weight:600}.quiz-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin-bottom:24px}.quiz-question{font-size:1.5rem;margin-bottom:24px;line-height:1.5}.quiz-options{display:grid;grid-template-columns:1fr;gap:12px}.quiz-option{width:100%;padding:16px;font-size:1rem;text-align:left;background-color:var(--slot-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.quiz-option:not(:disabled):hover{border-color:var(--dynamic-primary);background-color:var(--slot-bg-hover)}.quiz-option.correct{background-color:var(--success-color);border-color:var(--success-color);color:#fff;font-weight:600}.quiz-option.incorrect{background-color:var(--error-color);border-color:var(--error-color);color:#fff;font-weight:600}.quiz-option.disabled{opacity:.6;cursor:not-allowed}.quiz-explanation{margin-top:24px;padding:16px;background-color:var(--mnemonic-bg);border-radius:8px;border-left:4px solid var(--dynamic-primary);animation:fadeIn .3s ease}.quiz-explanation strong{color:var(--dynamic-primary)}.quiz-next-button{display:block;width:100%;padding:16px;border:none;border-radius:8px;background:var(--dynamic-primary);color:var(--dynamic-bg);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;animation:slideUpFadeIn .5s ease forwards;opacity:0}.quiz-next-button:hover{filter:brightness(1.1)}.quiz-summary-view .page-header{margin-bottom:24px}.summary-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;margin:0 auto;text-align:center}.summary-score-container{margin-bottom:16px}.summary-score{font-size:3.5rem;font-weight:900;color:var(--dynamic-primary)}.summary-accuracy{font-size:1.2rem;color:var(--text-secondary)}.summary-message{font-size:1.1rem;line-height:1.6;margin-bottom:24px}.summary-actions{display:flex;gap:16px}.summary-button{flex:1;padding:12px;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.summary-button.primary{background-color:var(--dynamic-primary);color:var(--dynamic-bg)}.summary-button.primary:hover:not(:disabled){filter:brightness(1.1)}.summary-button.secondary{background-color:var(--slot-bg);color:var(--text-primary);border:1px solid var(--border-color)}.summary-button.secondary:hover{background-color:var(--slot-bg-hover)}.summary-button:disabled{opacity:.5;cursor:not-allowed}#background-animations{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.particle{position:absolute;background-color:var(--dynamic-primary);border-radius:50%;bottom:-10px;animation:rise linear infinite}@keyframes rise{0%{transform:translateY(0)}to{transform:translateY(-110vh)}}.line{position:absolute;height:2px;background:linear-gradient(to right,transparent,var(--dynamic-primary));transform:rotate(-45deg);animation:zoom-in-out linear infinite;opacity:.5}@keyframes zoom-in-out{0%{transform:scaleX(0) rotate(-45deg)}10%,to{transform:scaleX(1) rotate(-45deg);opacity:0}}@media (max-width: 900px){.study-content-layout{grid-template-columns:1fr}.mnemonic-studio{position:static}}@media (max-width: 768px){.upload-slots{grid-template-columns:1fr}.topic-item{flex-direction:column;align-items:flex-start}.topic-actions{width:100%;margin-top:16px}.topic-actions .study-button{width:100%;text-align:center}}