.story{background:linear-gradient(135deg, #6565f1, #885df5);min-height:100vh;padding:2rem 0}.story--ai{background:linear-gradient(135deg, #6d7bff, #5850ec)}.story--manual{background:linear-gradient(135deg, #10b981, #059669)}.story--excel{background:linear-gradient(135deg, #f59e0b, #d97706)}.story__header{align-items:center;display:flex;justify-content:space-between;margin:0 auto 3rem;max-width:1200px;padding:0 2rem}.story__back-link{align-items:center;color:#ffffffe6;display:flex;font-size:1rem;font-weight:600;gap:.75rem;text-decoration:none;transition:all .2s ease}.story__back-link:hover{color:#fff;transform:translateX(-2px)}.story__back-link svg{font-size:1.1rem}.story__progress{align-items:center;display:flex;gap:1rem}.story__progress-step{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.story__progress-step--active{color:#fff}.story__progress-dot{background:#ffffff4d;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.story__progress-dot--active{background:#fff;box-shadow:0 0 0 3px #ffffff4d}.story__progress-dot--completed{background:#10b981;box-shadow:0 0 0 3px #10b9814d}.story__page{margin:0 auto;max-width:1000px;padding:0 2rem;width:100%}.story__info{background:#fff;border-radius:2rem;box-shadow:0 20px 60px #0000001a;overflow:hidden;padding:4rem;position:relative;text-align:left}.story__info:before{background:linear-gradient(90deg, #6d7bff, #5850ec);content:"";height:6px;left:0;position:absolute;right:0;top:0}.story__title{color:#1e293b;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.story__title--center{text-align:center}.story__subtitle{color:#64748b;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.story__subtitle--center{text-align:center}.story__question-controls{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.story__question-stats{align-items:center;display:flex;gap:1rem}.story__question-count{color:#1e293b;font-size:1.1rem;font-weight:600}.story__select-all-btn{background:linear-gradient(135deg, #6d7bff, #5850ec);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.story__select-all-btn:hover{background:linear-gradient(135deg, #5850ec, #4338ca);transform:translateY(-2px)}.story__questions-preview{margin-bottom:2rem;max-height:60vh;overflow-y:auto}.story__question-item{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.story__question-item:hover{border-color:#6d7bff;box-shadow:0 4px 12px #6d7bff1a}.story__question-item--selected{background:linear-gradient(135deg, #f0f4ff, #e0e7ff);border-color:#6d7bff;box-shadow:0 4px 12px #6d7bff26}.story__question-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.story__question-checkbox{align-items:center;display:flex;gap:.5rem}.story__question-checkbox input[type=checkbox]{accent-color:#6d7bff;height:1.25rem;width:1.25rem}.story__question-checkbox label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.story__question-number{background:linear-gradient(135deg, #6d7bff, #5850ec);border-radius:.5rem;color:#fff;font-size:.8rem;font-weight:600;min-width:2rem;padding:.25rem .5rem;text-align:center}.story__question-text{color:#1e293b;flex:1;font-size:1.1rem;font-weight:600;line-height:1.4}.story__question-options{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));margin-left:2.75rem}.story__question-option{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.story__question-option--correct{background:linear-gradient(135deg, #dcfce7, #bbf7d0);border-color:#10b981;color:#065f46;font-weight:600}.story__correct-icon{color:#10b981;font-size:.9rem}.story__input-group{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.story__input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;font-size:1.1rem;font-weight:500;padding:1.25rem 1.75rem;transition:all .3s ease;width:100%}.story__input:focus{background:#fff;border-color:#6d7bff;box-shadow:0 0 0 4px #6d7bff1a;outline:none}.story__input::placeholder{color:#94a3b8}.story__tags{margin-bottom:2rem}.story__tags-title{color:#6b7280;font-size:1.1rem;margin-bottom:1rem}.story__tags-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));max-height:300px;overflow-y:auto;padding:.5rem}.story__tags--compact{margin-bottom:2rem}.story__tags-title-small{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.story__tags-grid--small{background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));max-height:200px;overflow-y:auto;padding:1rem}.story__tags-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.story__tags-counter{background:linear-gradient(135deg, #6d7bff, #5850ec);border-radius:2rem;box-shadow:0 2px 8px #6d7bff4d;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.story__tag{background:#f3f4f6;border:none;border-radius:.5rem;color:#2c2d3a;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.story__tag:hover{background:#e5e7eb}.story__tag--selected{background:#6d7bff;color:#fff}.story__tag--selected:hover{background:#5850ec}.story__tag--small{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#475569;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.story__tag--small:hover{border-color:#6d7bff;color:#6d7bff;transform:translateY(-1px)}.story__tag--small--selected{background:linear-gradient(135deg, #6d7bff, #5850ec);border-color:#6d7bff;box-shadow:0 4px 12px #6d7bff4d;color:#fff}.story__tag--small--selected:hover{background:linear-gradient(135deg, #5850ec, #4338ca);box-shadow:0 6px 16px #6d7bff66;transform:translateY(-2px)}.story__tag--small--selected{background:linear-gradient(135deg, #6d7bff, #5850ec) !important;border-color:#6d7bff !important;box-shadow:0 4px 12px #6d7bff66 !important;color:#fff !important;transform:translateY(-2px) !important}.story__tag--small--selected:hover{background:linear-gradient(135deg, #5850ec, #4338ca) !important;box-shadow:0 6px 16px #6d7bff80 !important;transform:translateY(-3px) !important}.story__mode-selection{background:#fff;border-radius:2rem;box-shadow:0 20px 60px #0000001a;overflow:hidden;padding:4rem;position:relative;text-align:center}.story__mode-selection:before{background:linear-gradient(90deg, #6d7bff, #f59e0b 50%, #10b981);content:"";height:6px;left:0;position:absolute;right:0;top:0}.story__mode-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(2, 1fr);margin-top:3rem}.story__mode-grid--three{grid-template-columns:repeat(3, 1fr)}.story__mode-card{background:#fafbfc;border:3px solid #f1f5f9;border-radius:1.5rem;cursor:pointer;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .4s ease}.story__mode-card:before{background:linear-gradient(90deg, #6d7bff, #5850ec);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.story__mode-card:hover{background:#fff;border-color:#6d7bff;box-shadow:0 25px 50px #6d7bff26;transform:translateY(-8px)}.story__mode-card:hover:before{transform:scaleX(1)}.story__mode-card:hover .story__mode-icon{transform:scale(1.1)}.story__mode-card--ai:hover{border-color:#6d7bff;box-shadow:0 25px 50px #6d7bff26}.story__mode-card--excel:hover{border-color:#f59e0b;box-shadow:0 25px 50px #f59e0b26}.story__mode-card--excel:hover:before{background:linear-gradient(90deg, #f59e0b, #d97706)}.story__mode-card--manual:hover{border-color:#10b981;box-shadow:0 25px 50px #10b98126}.story__mode-card--manual:hover:before{background:linear-gradient(90deg, #10b981, #059669)}.story__mode-icon{font-size:3.5rem;margin-bottom:2rem;transition:all .3s ease}.story__mode-icon--ai{color:#6d7bff}.story__mode-icon--excel{color:#f59e0b}.story__mode-icon--manual{color:#10b981}.story__mode-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.story__mode-description{color:#64748b;font-size:1.1rem;line-height:1.6}.story__excel-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.story__excel-overlay .gallery{background:#fff;border-radius:1rem;max-width:500px;padding:2rem;position:relative;width:90%}.story__excel-overlay .gallery .close-gallery{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:2rem;z-index:10}.story__excel-overlay .gallery .close-gallery:hover{background:#dc2626;transform:scale(1.1)}.story__excel-overlay .gallery .info{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.story__excel-overlay .gallery .import-detail{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.story__excel-overlay .gallery a{color:#6d7bff;display:inline-block;font-weight:600;margin-bottom:1.5rem;text-decoration:none}.story__excel-overlay .gallery a:hover{text-decoration:underline}.story__excel-overlay .gallery .import-box{border:2px dashed #e2e8f0;border-radius:.5rem;font-size:1rem;margin-bottom:1.5rem;padding:1rem;width:100%}.story__excel-overlay .gallery .import-box:focus{border-color:#6d7bff;outline:none}.story__excel-overlay .gallery .btn{background:linear-gradient(135deg, #f59e0b, #d97706);border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.story__excel-overlay .gallery .btn:hover{background:linear-gradient(135deg, #d97706, #b45309);transform:translateY(-2px)}.story__upload-compact{background:linear-gradient(135deg, #f0f4ff, #e0e7ff);border:2px solid #e0e7ff;border-radius:1.5rem;margin-bottom:2rem;padding:2rem;position:relative}.story__upload-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.story__upload-title-small{align-items:center;color:#1e293b;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0}.story__upload-title-small:before{content:"🚀";font-size:1.5rem}.story__upload-badge{background:linear-gradient(135deg, #10b981, #059669);border-radius:2rem;box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.story__upload-area-compact{align-items:center;background:#fff;border:3px dashed #6d7bff;border-radius:1.25rem;cursor:pointer;display:flex;gap:1.5rem;padding:2rem;position:relative;transition:all .3s ease}.story__upload-area-compact:hover{background:#f8faff;border-color:#5850ec;box-shadow:0 12px 24px #6d7bff1a;transform:translateY(-2px)}.story__upload-icon-small{color:#6d7bff;flex-shrink:0;font-size:2rem}.story__upload-content{flex:1}.story__upload-text-small{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.story__upload-formats-small{color:#6d7bff;font-size:.9rem;font-weight:500}.story__or-divider-small{align-items:center;display:flex;margin:2.5rem 0}.story__or-divider-small:after,.story__or-divider-small:before{background:linear-gradient(90deg, #0000, #e2e8f0 50%, #0000);content:"";flex:1;height:2px}.story__or-divider-small span{background:#fff;border:2px solid #e2e8f0;border-radius:2rem;color:#64748b;font-size:1rem;font-weight:600;padding:.5rem 1.5rem}.story__manual-inputs{background:linear-gradient(135deg, #f0fdf4, #dcfce7);border:2px solid #dcfce7;border-radius:1.5rem;margin-bottom:2rem;padding:2rem}.story__input-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.story__input--small{border-radius:.75rem;font-size:1rem;padding:1rem 1.5rem}.story__upload-compact--excel{background:linear-gradient(135deg, #fef3c7, #fde68a);border-color:#fde68a}.story__upload-badge--excel{background:linear-gradient(135deg, #f59e0b, #d97706);box-shadow:0 4px 12px #f59e0b4d}.story__upload-area--excel{border-color:#f59e0b}.story__upload-area--excel:hover{background:#fffbeb;border-color:#d97706;box-shadow:0 12px 24px #f59e0b1a}.story__upload-icon--excel{color:#f59e0b}.story__excel-info{background:#fffbeb;border:1px solid #fde68a;border-radius:.75rem;margin-top:1.5rem;padding:1rem}.story__excel-info-text{color:#92400e;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.story__excel-sample-link{align-items:center;color:#f59e0b;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;text-decoration:none;transition:all .2s ease}.story__excel-sample-link:hover{color:#d97706;text-decoration:underline}.story__excel-sample-link svg{font-size:1rem}.story__sample-download{background:#fff;border:2px solid #f59e0b;border-radius:1rem;margin-top:1.5rem;padding:1.5rem;text-align:center}.story__sample-info p{color:#92400e;font-size:.9rem;font-weight:500;margin:0 0 1rem}.story__sample-button{align-items:center;background:linear-gradient(135deg, #f59e0b, #d97706);border-radius:.75rem;box-shadow:0 4px 12px #f59e0b4d;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s ease}.story__sample-button:hover{background:linear-gradient(135deg, #d97706, #b45309);box-shadow:0 6px 16px #f59e0b66;color:#fff;text-decoration:none;transform:translateY(-2px)}.story__sample-button svg{font-size:1rem}.story__button--excel{background:linear-gradient(135deg, #f59e0b, #d97706);box-shadow:0 8px 25px #f59e0b4d;color:#fff}.story__button--excel:hover{background:linear-gradient(135deg, #d97706, #b45309);box-shadow:0 12px 35px #f59e0b66;transform:translateY(-3px)}.story__footer{border-top:2px solid #f1f5f9;display:flex;gap:1.5rem;justify-content:space-between;margin-top:3rem;padding-top:2rem}.story__button{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:flex;flex:1;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.3px;padding:1.25rem 2.5rem;text-transform:none;transition:all .3s ease}.story__button--active{background:linear-gradient(135deg, #6d7bff, #5850ec);box-shadow:0 8px 25px #6d7bff4d;color:#fff}.story__button--active:hover{background:linear-gradient(135deg, #5850ec, #4338ca);box-shadow:0 12px 35px #6d7bff66;transform:translateY(-3px)}.story__button--disabled{background:#f1f5f9;box-shadow:none;color:#94a3b8;cursor:not-allowed}.story__button--back{background:#fff;border:2px solid #e2e8f0;color:#64748b;flex:0 0 auto}.story__button--back:hover{background:#f8faff;border-color:#6d7bff;color:#6d7bff;transform:translateY(-2px)}.story__loading{align-items:center;display:flex;flex-direction:column;gap:3rem;padding:4rem 2rem;text-align:center}.story__loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#6d7bff;height:4rem;width:4rem}.story__error{background:linear-gradient(135deg, #fef2f2, #fee2e2);border:2px solid #fecaca;border-radius:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.story__error p{color:#dc2626;font-weight:500;margin:0}.story__remove-file{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:2rem;z-index:10}.story__remove-file:hover{background:#dc2626;transform:scale(1.1)}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1024px){.story__page{max-width:900px}.story__info,.story__mode-selection{padding:3rem}.story__mode-grid--three{grid-template-columns:repeat(2, 1fr)}.story__mode-grid--three .story__mode-card:last-child{grid-column:1 /  -1;margin:0 auto;max-width:400px}.story__question-options{grid-template-columns:1fr}}@media(max-width:768px){.story{padding:1rem 0}.story__header{margin-bottom:2rem;padding:0 1rem}.story__page{padding:0 1rem}.story__info,.story__mode-selection{border-radius:1.5rem;padding:2.5rem}.story__mode-grid{gap:1.5rem}.story__mode-grid,.story__mode-grid--three{grid-template-columns:1fr}.story__mode-grid--three .story__mode-card:last-child{grid-column:auto;max-width:none}.story__title{font-size:2rem}.story__mode-card{padding:2.5rem 1.5rem}.story__footer{flex-direction:column}.story__button{justify-content:center;width:100%}.story__upload-area-compact{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.story__input-row{gap:1rem;grid-template-columns:1fr}.story__tags-grid--small{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));max-height:150px}.story__manual-inputs,.story__upload-compact{padding:1.25rem}.story__question-options{grid-template-columns:1fr;margin-left:0}.story__question-header{flex-direction:column;gap:.75rem}.story__question-checkbox{align-self:flex-start}}@media(max-width:576px){.story__info,.story__mode-selection{padding:2rem}.story__title{font-size:1.75rem}.story__subtitle{font-size:1rem;margin-bottom:2rem}.story__input{font-size:1rem;padding:1rem 1.5rem}.story__mode-icon{font-size:2.5rem}.story__mode-title{font-size:1.5rem}.story__mode-description{font-size:1rem}.story__button{font-size:1rem;padding:1rem 2rem}.story__upload-text-small{font-size:1rem}.story__upload-formats-small{font-size:.85rem}.story__tag--small{font-size:.85rem;padding:.6rem .8rem}.story__input--small{font-size:.95rem;padding:.875rem 1.25rem}.story__upload-compact{padding:1.25rem}.story__manual-inputs{padding:1rem}.story__header{align-items:flex-start;flex-direction:column;gap:1rem}.story__progress{align-self:flex-end}.story__excel-overlay .gallery{padding:1.5rem;width:95%}.story__questions-preview{max-height:50vh}.story__question-item{padding:1rem}.story__question-controls{flex-direction:column;gap:1rem;text-align:center}}@media(max-width:375px){.story__info,.story__mode-selection{padding:1.5rem}.story__title{font-size:1.5rem}.story__subtitle{font-size:1rem}.story__input-group,.story__subtitle{margin-bottom:2rem}.story__upload-area-compact{padding:1.25rem}.story__manual-inputs,.story__upload-compact{padding:1rem}.story__question-item{padding:.75rem}.story__question-text{font-size:1rem}.story__question-option{font-size:.9rem;padding:.5rem .75rem}}.story__upgrade-banner{background:linear-gradient(135deg, #667eea, #764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea26;margin-bottom:2rem;padding:1rem;position:relative}.story__upgrade-content{align-items:flex-start;color:#fff;display:flex;gap:1rem}.story__upgrade-icon{flex-shrink:0;font-size:1.5rem}.story__upgrade-text{flex:1}.story__upgrade-text p{font-size:.9rem;line-height:1.5;margin:0;opacity:.95}.story__upgrade-close{align-items:center;background:#ffffffe6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;color:#667eea;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:-.25rem;top:-.25rem;transition:all .3s ease;width:32px}.story__upgrade-close:hover{background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000040;color:#5850ec;transform:scale(1.05)}.story__upgrade-close:active{transform:scale(.95)}@media(max-width:640px){.story__upgrade-banner{margin-bottom:1.5rem;padding:.875rem}.story__upgrade-content{gap:.75rem}.story__upgrade-icon{font-size:1.25rem}.story__upgrade-text p{font-size:.85rem}.story__upgrade-close{background:#ffffffe6;border:2px solid #fff;box-shadow:0 2px 6px #00000026;color:#667eea;font-size:1.2rem;height:28px;right:.5rem;top:.5rem;width:28px}.story__upgrade-close:hover{background:#fff;border-color:#fff;box-shadow:0 3px 10px #0003;color:#5850ec;transform:scale(1.05)}}