:root{color:#22201c;background:#fff8e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 14px 14px,rgba(34,32,28,.12) 1.5px,transparent 1.5px),#fff8e8;background-size:28px 28px}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 60px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:end;margin-bottom:24px}.eyebrow{margin:0 0 10px;color:#d95e2b;font-size:.82rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:820px;font-size:clamp(2.6rem,7vw,6.8rem);line-height:.9;letter-spacing:0}.hero-note{display:grid;gap:10px;padding:18px;background:#22201c;color:#fff8e8;border:2px solid #22201c;box-shadow:8px 8px #78a6c8;font-weight:850}.single-panel{padding:22px;background:#fffdf7f5;border:2px solid #22201c;box-shadow:8px 8px #f4c95d}.section-title{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:2px solid #22201c}.upload-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:16px;align-items:stretch}.section-title svg{color:#d95e2b}.section-title h2{font-size:1.04rem}.section-title p{color:#656057;line-height:1.5}.drop-zone{display:grid;place-items:center;gap:8px;min-height:160px;margin-bottom:14px;padding:22px;text-align:center;background:#fff1c7;border:2px dashed #22201c}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-zone span{display:inline-flex;gap:8px;color:#d95e2b}.drop-zone strong{font-size:1.05rem}.drop-zone small{color:#656057;font-weight:850}textarea{width:100%;min-height:360px;resize:vertical;padding:16px;color:#22201c;background:#fffdf7;border:2px solid #22201c;outline:0;line-height:1.62}.material-preview{display:grid;gap:12px}textarea:focus{box-shadow:0 0 0 4px #78a6c842}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;border:2px solid #22201c;font-weight:950}.primary-action{color:#fffdf7;background:#d95e2b}.secondary-action{color:#22201c;background:#fffdf7}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55}.notice{margin-bottom:14px;padding:12px;background:#e6f0f6;border:2px solid #22201c;font-weight:850}.global-notice{margin-bottom:16px}.summary-page{display:grid;gap:18px}.deck-label{margin-bottom:6px;color:#d95e2b;font-size:.76rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.summary-page h3{margin:0;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1}.summary-strip{display:grid;gap:8px;padding:14px;background:#fff1c7;border:2px solid #22201c}.summary-strip p{line-height:1.5}.summary-strip p:before{content:"• ";color:#d95e2b;font-weight:950}.mode-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode-card{display:grid;gap:12px;min-height:170px;padding:18px;color:#22201c;text-align:left;background:#fffdf7;border:2px solid #22201c;box-shadow:6px 6px #f4c95d}.mode-card.blue{box-shadow:6px 6px #78a6c8}.mode-card strong{font-size:1.35rem;line-height:1.05}.mode-card span{color:#656057;font-weight:850;line-height:1.5}.flashcard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flashcard{display:grid;align-content:space-between;min-height:178px;padding:16px;color:#22201c;text-align:left;background:#fffdf7;border:2px solid #22201c;box-shadow:5px 5px #f4c95d}.flashcard.open{background:#e6f0f6;box-shadow:5px 5px #78a6c8}.card-count{color:#d95e2b;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.flashcard strong{margin:18px 0;font-size:1rem;line-height:1.45}.flashcard small{color:#656057;font-weight:850}.mcq-list{display:grid;gap:12px}.footer-actions{margin-top:18px}.mcq-card{padding:16px;background:#fffdf7;border:2px solid #22201c}.mcq-card h4{margin:0 0 12px;font-size:1rem;line-height:1.4}.choice-list{display:grid;gap:8px}.choice-button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;min-height:44px;padding:8px 10px;color:#22201c;text-align:left;background:#fff8e8;border:2px solid #c9bfa9;font-weight:800}.choice-button span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#fffdf7;background:#22201c;font-size:.78rem;font-weight:950}.choice-button.correct{border-color:#2f7d58;background:#e8f4ed}.choice-button.wrong{border-color:#b94434;background:#fdeae6}.explanation{display:flex;gap:8px;align-items:flex-start;margin-top:12px;color:#2f5f7d;font-weight:850;line-height:1.5}.explanation svg{flex:0 0 auto;margin-top:2px}.empty-result{display:grid;min-height:460px;place-items:center;align-content:center;gap:12px;color:#656057;text-align:center}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.hero,.upload-layout,.action-row,.flashcard-grid,.mode-actions{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{width:min(100% - 24px,1180px);padding-top:24px}.single-panel{padding:16px;box-shadow:5px 5px #f4c95d}}