@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:root{--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--gradient-hero:linear-gradient(135deg,var(--primary-700) 0%,var(--accent-700) 100%);--font-family-primary:"Inter","Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-secondary:"Noto Sans KR","Inter",sans-serif}body,html{background-color:#f8fafc;background-color:var(--secondary-50);color:#0f172a;color:var(--secondary-900);height:100%}.App,body,html{font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-primary);margin:0;padding:0}.App,body{background:linear-gradient(135deg,#f8fafc,#f0f9ff);background:linear-gradient(135deg,var(--secondary-50) 0,var(--primary-50) 100%);min-height:100vh}.App{background:none;padding-bottom:0;padding-top:0}.App-header{background:linear-gradient(90deg,#2d3a60,#6a5acd);border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 4px 24px #2c3e5014;color:#fff;padding:.4rem 1rem;text-align:center}.header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{cursor:pointer;gap:.5rem;padding:.15rem;text-align:left;transition:transform .2s}.logo-image{height:70px;margin-right:.75rem;object-fit:contain;width:70px}.logo-text{flex-direction:column}.logo-text h1{font-family:Noto Sans KR,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;text-shadow:0 2px 4px #0000001a}.tagline{border-left:2px solid #ffffff4d;color:#ffffffe6;font-size:1rem;font-weight:400;line-height:1.2;margin:0;padding-left:.5rem}.App-header h1{font-size:2.7rem;font-weight:800;letter-spacing:-1px;margin:0 0 .7rem;text-shadow:0 2px 8px #2c3e5014}.App-header p{font-size:1.15rem;font-weight:400;margin:0;opacity:.93}.App-main{display:flex;flex-direction:column;gap:0;margin-top:65px!important;max-width:1600px;padding:.5rem 2rem 0;padding:.5rem var(--spacing-xl) 0}.App-footer{background:linear-gradient(135deg,#475569,#1e293b);background:var(--gradient-secondary);border-top:3px solid #0ea5e9;border-top:3px solid var(--primary-500);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);color:#fff;left:50%;margin-left:-50vw;margin-right:-50vw;margin-top:4rem;margin-top:var(--spacing-3xl);padding:3rem 0 1.5rem;padding:var(--spacing-2xl) 0 var(--spacing-lg);position:relative;right:50%;width:100vw}.footer-content{align-items:center;display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--spacing-xl)}.footer-section{align-items:center;display:flex;gap:1rem;padding:.5rem;position:relative;text-align:left}.footer-section:hover{background:none}.footer-section h3,.footer-section h4{color:#63b3ed;font-size:1.3rem;font-weight:700;margin:0}.footer-section li,.footer-section p{color:#cbd5e0;font-size:1rem;line-height:1.6;margin:0}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li:last-child{margin-bottom:0}.footer-section li:before{content:none}.footer-bottom{border-top:1px solid #4a5568;margin-top:1rem;padding:.75rem 2rem 0;padding:.75rem var(--spacing-xl) 0;text-align:center}.footer-bottom p{color:#a0aec0;font-size:.9rem;margin:0}.footer-link{color:#63b3ed;text-decoration:none;transition:color .2s}.footer-link:hover{color:#4299e1;text-decoration:underline}.footer-link-btn{background:none;border:none;color:#63b3ed;cursor:pointer;font-size:.9rem;margin:0;padding:0;transition:color .2s}.footer-link-btn:hover{color:#4299e1;text-decoration:underline}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:85vh;max-width:800px;width:95%}.modal-header h2{color:#2d3748;font-size:1.5rem;font-weight:700}.modal-close:hover{background-color:#f7fafc;color:#4a5568}.modal-body{color:#4a5568;line-height:1.6}.modal-body h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:1.5rem 0 .5rem}.modal-body h3:first-child{margin-top:0}.modal-body p{margin:.5rem 0}.modal-body ul{margin:.5rem 0;padding-left:1.5rem}.modal-body li{margin:.25rem 0}.modal-body table{border-collapse:collapse;font-size:.9rem;margin:1rem 0;width:100%}.modal-body td,.modal-body th{border:1px solid #e2e8f0;padding:.75rem;text-align:left}.modal-body th{background-color:#f7fafc;color:#2d3748;font-weight:600}.modal-body td{background-color:#fff}.modal-body tr:nth-child(2n) td{background-color:#f9fafb}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-body table{font-size:.8rem}.modal-body td,.modal-body th{padding:.5rem}.modal-body h3{font-size:1.1rem}}.text-input-container{background:#fff;border:1.5px solid #e3e6f0;border-radius:18px;box-shadow:0 6px 32px #2c3e501a;margin-bottom:2rem;padding:2.2rem 2rem 2rem;transition:box-shadow .2s}.text-input-container:hover{box-shadow:0 10px 40px #2c3e5021}.text-input-container h2{color:#2d3a60;font-size:1.5rem;font-weight:700;margin-bottom:1.3rem}.input-section label{color:#4b4b6b;display:block;font-weight:600;margin-bottom:.5rem}.text-area,.text-input,textarea#text-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#2d3748;font-family:Open Sans,sans-serif;font-size:1rem;line-height:1.6;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.text-area:focus,.text-input:focus,textarea#text-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a;outline:none}.button-container{margin-top:1.2rem;text-align:center}.create-button{background:linear-gradient(90deg,#6a5acd,#2d3a60);border:none;border-radius:10px;box-shadow:0 2px 12px #6a5acd1a;color:#fff;cursor:pointer;font-size:1.13rem;font-weight:700;padding:1rem 2.2rem;transition:transform .2s,box-shadow .2s,background .2s}.create-button:hover:not(:disabled){background:linear-gradient(90deg,#2d3a60,#6a5acd);box-shadow:0 4px 18px #6a5acd2e;transform:translateY(-2px) scale(1.03)}.create-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.instructions{background:#f3f4fa;border-left:4px solid #6a5acd;border-radius:10px;margin-top:1.2rem;padding:1.2rem 1.5rem}.instructions h3{color:#2d3a60;font-size:1.08rem;font-weight:600;margin-top:0}.instructions ul{margin:0;padding-left:1.5rem}.instructions li{color:#4b4b6b;font-size:1.01rem;line-height:1.5;margin-bottom:.5rem}.quiz-display{border:1.5px solid #e3e6f0;transition:box-shadow .2s}.quiz-display:hover{box-shadow:0 10px 40px #2c3e5021}.quiz-header{border-bottom:2px solid #f0f0f0}.quiz-header-buttons{gap:.7rem}.reset-button{background:#e3e6f0;box-shadow:0 1px 4px #2c3e500a;color:#2d3a60;font-size:1.05rem;padding:.75rem 1.5rem;transition:background .2s,color .2s}.reset-button:hover{background:#d1d6e6;color:#6a5acd}.quiz-section{margin-bottom:2rem}.quiz-section h3{color:#2d3a60;font-size:1.13rem;font-weight:600;margin-bottom:1.2rem}.paragraphs-container{grid-gap:1.1rem;display:grid;gap:1.1rem;margin-bottom:2rem}.paragraph-item{background:#f7f8fc;border:1.5px solid #e3e6f0;border-radius:10px;box-shadow:0 1px 4px #2c3e500a;padding:1.1rem 1.2rem;transition:border-color .2s}.paragraph-item:hover{border-color:#6a5acd}.paragraph-label{color:#6a5acd;font-size:1.08rem;margin-bottom:.5rem}.paragraph-content{color:#232946;font-size:1.05rem}.original-text{background-color:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.original-text h3{color:#333;font-size:1.3rem;margin-top:0}.text-content{color:#555;line-height:1.6;white-space:pre-wrap}.answer-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.answer-section h3{color:#333;font-size:1.3rem;margin-top:0}.answer-slots{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.answer-slot{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:6px;display:flex;gap:.5rem;min-width:80px;padding:.75rem 1rem}.slot-number{color:#333;font-weight:600}.slot-label{color:#667eea;font-weight:600;min-width:40px;text-align:center}.selection-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.selection-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.selection-button:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.selection-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.action-buttons{text-align:center}.clear-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.clear-button:hover{background:#c82333}.result{border-radius:8px;margin-top:1.5rem;padding:1.5rem;text-align:center}.result.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.result.incorrect{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.result h3{font-size:1.4rem;margin-top:0}.correct-answer{border-top:1px solid #0000001a;margin-top:1rem;padding-top:1rem}.correct-answer h4{font-size:1.1rem;margin-bottom:.5rem}.answer-display{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.answer-item{color:#667eea;font-weight:600}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;margin-bottom:1rem;padding:1rem;text-align:center}@media (max-width:1400px){.App-main{max-width:98vw;padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:900px){.App-main{max-width:100vw;padding-left:.7rem;padding-right:.7rem}}@media (max-width:600px){.App-main{margin-top:65px!important;max-width:100vw;padding:1rem .5rem}.quiz-display,.text-input-container{border-radius:8px;padding:1rem .8rem}.quiz-header h2{font-size:1.1rem}.quiz-header-buttons{gap:.6rem}.reset-button{font-size:.85rem;padding:.5rem 1rem}.selection-buttons{gap:.6rem;grid-template-columns:1fr}.selection-button{font-size:.85rem;padding:.7rem}.answer-slot{font-size:.9rem;padding:.8rem}.paragraph-item{margin-bottom:.8rem;padding:.8rem}.paragraph-content{font-size:.9rem}.quiz-section h3{font-size:1rem}.original-text{padding:.8rem}.text-content{font-size:.9rem}.action-buttons{flex-direction:column;gap:.8rem}.clear-button{font-size:.9rem;padding:.7rem;width:100%}}@media (max-width:768px){.App{padding-bottom:24px;padding-top:0}.App-main{margin-top:65px!important;max-width:100%;padding:.5rem 1rem 24px}.quiz-display,.text-input-container{border-radius:12px;padding:1.5rem 1rem}.quiz-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.quiz-header h2{font-size:1.3rem}.quiz-header-buttons{flex-wrap:wrap;gap:.8rem;justify-content:center}.reset-button{font-size:.9rem;padding:.6rem 1.2rem}.answer-slots{flex-direction:column;gap:1rem}.answer-slot{font-size:.95rem;padding:1rem}.selection-buttons{gap:.8rem;grid-template-columns:repeat(2,1fr);justify-content:center}.selection-button{font-size:.9rem;padding:.8rem}.paragraph-item{margin-bottom:1rem;padding:1rem}.paragraph-content{font-size:.95rem;line-height:1.6}.quiz-section h3{font-size:1.1rem}.original-text{padding:1rem}.text-content{font-size:.95rem;line-height:1.6}.header-content{flex-direction:column;gap:1rem}.logo{margin-bottom:1rem}.logo-image{height:55px;width:55px}.logo-text h1{font-size:1.6rem}.tagline{font-size:.9rem}}@media print{.logout-button,.nav-link,.nav-links>:not(.logo),.print-button,.welcome-text{display:none!important}.logo,.logo-image,.logo-text,.tagline{display:inline-block!important}.logo-text h1,.navigation{display:none!important}.navigation .logo-text h1{display:flex!important}.no-print{display:none!important}.only-print{display:block!important}.App,body{color:#111!important;font-size:13pt!important;line-height:1.35!important}.App,.quiz-display,body{background:#fff!important;margin:0!important;padding:0!important}.quiz-display{border:none!important;border-radius:0!important;box-shadow:none!important;width:100%!important}.choices-section,.paragraph-item,.text-input-container{background:none!important;border:none!important;box-shadow:none!important}.App-footer,.App-header,.error-message,.quiz-header{display:none!important}.quiz-section{margin:0 0 .7rem!important;padding:0!important}.paragraphs-container{gap:.5rem!important;margin-bottom:0!important}.paragraph-item{margin-bottom:.5rem;padding:0!important;page-break-inside:avoid}.paragraph-label{color:#222!important;font-size:1rem!important;font-weight:700!important;margin-bottom:.1rem!important}.paragraph-content{color:#111!important;font-size:.98rem!important;line-height:1.32!important}h2,h3{color:#111!important;font-size:1.05rem!important;margin-bottom:.3rem!important;margin-top:.7rem!important;page-break-after:avoid}.choices-section{background:none!important;border:none!important;margin-top:.2rem!important;padding:0!important}.choices-list{gap:.3rem!important}.choice-button,.choice-item{background:none!important;border:none!important;padding:0!important}.choice-button{color:#111!important;font-size:.98rem!important;font-weight:500!important;text-align:left!important}.print-footer{background:#fff;border-top:1px solid #eee;bottom:.2cm;box-sizing:border-box;color:#888;font-family:inherit;font-size:.85rem;padding:.1cm 0;text-align:center;z-index:9999}.print-answer-section,.print-footer{left:0;position:fixed;right:0;width:100vw}.print-answer-section{background:#fff!important;bottom:1.5cm;color:#222!important;font-size:1.05rem!important;font-weight:700!important;margin:0!important;padding:0 1.2cm 0 0!important;page-break-before:avoid;text-align:right!important;z-index:10000}@page{size:A4;margin:1.2cm;padding-bottom:.7cm}.print-header{margin-top:1cm!important}.print-page-no-answer{display:block!important;page-break-after:always}.print-page-no-answer .print-answer-section{display:none!important}.print-page-with-answer{display:block!important;page-break-after:avoid}}@media screen{.print-gap{display:none!important}}.choices-section{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.choices-section h3{color:#333;font-size:1.2rem;margin-top:0}.choices-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 0 1.5rem;padding:0}.choice-item{background:#fff;border:2px solid #e1e5e9;border-radius:8px;transition:border-color .2s}.choice-item.selected{background:#ede7f6;border-color:#764ba2}.choice-item.correct{background:#e6f4ea;border-color:#28a745}.choice-button{background:none;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 1.5rem;text-align:left;transition:background .2s;width:100%}.choice-button:disabled{color:#aaa;cursor:not-allowed}@media print{.choices-section{background:none!important;border:none!important;padding:0!important}.choices-list{gap:1.5rem!important}.choice-button,.choice-item{background:none!important;border:none!important;padding:0!important}.choice-button{color:#111!important;font-size:1.1rem!important;text-align:left!important}}.print-button.styled-print{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea26;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:.75rem 2rem;transition:background .2s,box-shadow .2s,transform .2s}.print-button.styled-print:hover{background:linear-gradient(90deg,#5a6fd8,#5e3e8c);box-shadow:0 4px 16px #667eea40;transform:translateY(-2px) scale(1.03)}.print-icon{font-size:1.3em;vertical-align:middle}@media print{.no-print{display:none!important}.only-print{display:block!important}.App,body{color:#111!important;font-size:13pt!important;line-height:1.35!important}.App,.quiz-display,body{background:#fff!important;margin:0!important;padding:0!important}.quiz-display{border-radius:0!important;box-shadow:none!important;width:100%!important}.App-footer,.App-header,.error-message,.quiz-header{display:none!important}.quiz-section{margin:0 0 .7rem!important;padding:0!important}.paragraphs-container{gap:.5rem!important;margin-bottom:0!important}.paragraph-item{background:none!important;border:none!important;margin-bottom:.5rem;padding:0!important;page-break-inside:avoid}.paragraph-label{color:#222!important;font-size:1rem!important;font-weight:700!important;margin-bottom:.1rem!important}.paragraph-content{color:#111!important;font-size:.98rem!important;line-height:1.32!important}h2,h3{color:#111!important;font-size:1.05rem!important;margin-bottom:.3rem!important;margin-top:.7rem!important;page-break-after:avoid}.choices-section{background:none!important;border:none!important;margin-top:.2rem!important;padding:0!important}.choices-list{gap:.3rem!important}.choice-button,.choice-item{background:none!important;border:none!important;padding:0!important}.choice-button{color:#111!important;font-size:.98rem!important;font-weight:500!important;text-align:left!important}.print-answer-section{color:#222!important;font-size:1.05rem!important;font-weight:700!important;margin-top:1.2rem!important;page-break-before:avoid;text-align:right!important}.print-footer{bottom:.5cm;color:#888;font-family:inherit;font-size:.85rem;left:0;position:fixed;right:0;text-align:center;width:100vw;z-index:9999}@page{size:A4;margin:1.2cm}}.App{background:linear-gradient(120deg,#e9eafc,#f7f8fc);display:flex;flex-direction:column;font-family:IBM Plex Sans KR,Apple SD Gothic Neo,Arial,sans-serif;min-height:100vh}.App-main{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:.5rem 2rem;width:100%}.homepage{color:#2d3748;display:flex;flex-direction:column;min-height:100vh}.homepage .features-section{margin-left:auto;margin-right:auto;max-width:1200px}.homepage .cta-section,.homepage .features-section,.homepage .services-section{box-sizing:border-box;padding-left:2rem;padding-right:2rem;width:100%}.homepage .cta-section{margin-left:auto;margin-right:auto;max-width:1200px}.hero-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0369a1,#a21caf);background:var(--gradient-hero);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);box-sizing:border-box;color:#fff;margin:0 auto 2rem;margin:0 auto var(--spacing-xl);max-width:1200px;overflow:hidden;padding:4rem 2rem;padding:var(--spacing-3xl) 2rem;position:relative;text-align:center;width:100%}.hero-section:before{background:linear-gradient(45deg,#ffffff26,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{padding-top:0;position:relative;z-index:1}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d9ff02,#e0f2fe);-webkit-background-clip:text;background-clip:text;font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-primary);font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);margin-top:0;text-shadow:0 4px 8px #0000001a}.hero-description{color:#fffffff2;font-size:1.25rem;font-weight:400;letter-spacing:.01em;line-height:1.7;margin:0 auto .5rem;max-width:900px;white-space:nowrap}@media (max-width:768px){.hero-description{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}}.hero-description:last-of-type{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.hero-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:800px}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;gap:.1rem;justify-content:center;padding:1rem;text-align:center;transition:transform .2s}.stat-item:hover{background:#ffffff26;transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e7ff);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;line-height:1.1}.stat-label,.stat-number{margin:0;text-align:center;width:100%}.stat-label{color:#7cff01!important;font-size:1.3rem!important;font-weight:700!important;letter-spacing:.5px!important;line-height:1.2;opacity:1!important}.services-section{margin:0;padding:0}.services-header{margin-bottom:3rem;text-align:center}.services-header h3{color:#1a365d;font-size:2.8rem;font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem}.services-header p{color:#4a5568;font-size:1.5rem;line-height:1.6;margin:0 auto;max-width:800px}.services-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1200px}.service-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0;border:1px solid var(--secondary-200);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;padding:1rem 2rem 2rem;padding:1rem var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.service-card:before{background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .25s ease-in-out;transition:transform var(--transition-normal)}.service-card:hover{border-color:#7dd3fc;border-color:var(--primary-300);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-8px) scale(1.02)}.service-card:hover:before{transform:scaleX(1)}.service-icon{color:#0284c7;color:var(--primary-600);font-size:4rem;margin-bottom:0;transition:transform .25s ease-in-out;transition:transform var(--transition-normal)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-title{color:#0f172a;color:var(--secondary-900);font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-primary);font-size:1.8rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}.service-description,.service-title{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.service-description{color:#475569;color:var(--secondary-600);font-size:1.1rem;font-weight:400;line-height:1.7}.service-features{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.service-features li{align-items:center;background:#f8fafc;background:var(--secondary-50);border:1px solid #e2e8f0;border:1px solid var(--secondary-200);border-radius:.5rem;border-radius:var(--radius-md);color:#334155;color:var(--secondary-700);display:flex;font-size:1rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.service-features li:hover{background:#f0f9ff;background:var(--primary-50);border-color:#bae6fd;border-color:var(--primary-200);color:#0369a1;color:var(--primary-700);transform:translateX(4px)}.service-button{background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.service-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .35s ease-in-out;transition:left var(--transition-slow);width:100%}.service-button:hover{background:linear-gradient(135deg,#c026d3,#86198f);background:var(--gradient-accent);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.service-button:hover:before{left:100%}.features-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 30px #2d374814;margin:3rem 0;padding:2rem}.features-header{margin-bottom:3rem;text-align:center}.features-header h3{color:#1a365d;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.feature-item:hover{border-color:#3182ce;box-shadow:0 12px 30px #2d37481a;transform:translateY(-4px)}.feature-icon{color:#3182ce;font-size:3rem;margin-bottom:1.5rem}.feature-item h4{color:#1a365d;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-item p{color:#4a5568;font-size:1.2rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,#475569,#1e293b);background:var(--gradient-secondary);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);color:#fff;margin:.5rem 0 3rem;margin:var(--spacing-sm) 0 var(--spacing-2xl) 0;overflow:hidden;padding:.75rem 3rem 1.4rem;padding:calc(var(--spacing-lg)*.5) var(--spacing-2xl) calc(var(--spacing-3xl)*.5*.7) var(--spacing-2xl);position:relative;text-align:center}.cta-section:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.service-card{animation:fadeInUp .6s ease-out}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.service-card:nth-child(6){animation-delay:.6s}.service-card:nth-child(7){animation-delay:.7s}.service-card:nth-child(8){animation-delay:.8s}.service-card:nth-child(9){animation-delay:.9s}.service-card:nth-child(10){animation-delay:1s}.hero-title{animation:fadeInUp .8s ease-out}.hero-description{animation:fadeInUp .8s ease-out .2s both}.hero-stats{animation:fadeInUp .8s ease-out .4s both}.stat-item{animation:scaleIn .6s ease-out}.stat-item:first-child{animation-delay:.5s}.stat-item:nth-child(2){animation-delay:.6s}.stat-item:nth-child(3){animation-delay:.7s}.stat-item:nth-child(4){animation-delay:.8s}.cta-content h3{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:1rem;margin-top:0}.cta-content p{color:#cbd5e0;font-size:1.2rem;line-height:1.6;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:800px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-primary{background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:1.5rem 4rem;padding:var(--spacing-lg) var(--spacing-3xl);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.cta-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .35s ease-in-out;transition:left var(--transition-slow);width:100%}.cta-primary:hover{background:linear-gradient(135deg,#c026d3,#86198f);background:var(--gradient-accent);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px) scale(1.05)}.cta-primary:hover:before{left:100%}.cta-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;letter-spacing:.5px;padding:1.2rem 2.8rem;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}@media (max-width:768px){.homepage .cta-section,.homepage .features-section,.homepage .services-section{padding-left:1rem;padding-right:1rem}.hero-section{margin-bottom:2rem;padding:3rem 1.5rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem;margin-bottom:2rem}.hero-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:1rem}.stat-number{font-size:1.8rem}.stat-label{color:#7cff01!important;font-size:.9rem!important;font-weight:700!important;letter-spacing:.5px!important;opacity:1!important;text-align:center;width:100%}.services-section{margin:2rem 0;padding-bottom:1rem;padding-top:1rem}.services-grid{gap:1.5rem;grid-template-columns:1fr}.features-section{margin:2rem 0;padding:1.5rem 1rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.cta-section{margin:2rem 0;padding:1.5rem}.cta-buttons{align-items:center;flex-direction:column;gap:1rem}.footer-content{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.App-footer{margin-top:2rem;padding:2rem 0 1.5rem}.footer-content{padding:0 1rem}.footer-bottom{padding:.75rem 1rem 0}}@media (max-width:480px){.hero-section{min-height:300px;padding:1.5rem .8rem}.hero-title{font-size:1.5rem;line-height:1.2}.hero-description{font-size:.85rem;margin-bottom:1.2rem}.hero-stats{gap:.6rem;grid-template-columns:1fr}.stat-item{padding:.6rem}.stat-number{font-size:1.1rem}.stat-label{color:#7cff01!important;font-size:.7rem!important;font-weight:700!important;letter-spacing:.5px!important;opacity:1!important;text-align:center;width:100%}.services-section{padding:1.5rem .8rem}.service-card{padding:1.2rem}.service-title{font-size:1.1rem}.service-description{font-size:.8rem}.service-features{font-size:.75rem}.service-button{font-size:.85rem;padding:.6rem 1rem}.features-section{padding:1.5rem .8rem}.feature-item{padding:1.2rem}.feature-item h4{font-size:1rem}.feature-item p{font-size:.8rem}.cta-section{padding:1.5rem .8rem}.cta-content h3{font-size:1.3rem}.cta-content p{font-size:.8rem}.cta-primary,.cta-secondary{font-size:.85rem;padding:.7rem 1.2rem}.footer-content{gap:1.2rem;grid-template-columns:1fr;text-align:center}.footer-section h3{font-size:.9rem}.footer-section li,.footer-section p{font-size:.75rem}}.App-header h1,.cta-content h3,.feature-item h4,.features-header h3,.generator-header h2,.hero-content h2,.quiz-header h2,.service-card h4,.services-header h3{font-family:Gowun Dodum,IBM Plex Sans KR,sans-serif}.App-header p,.back-button,.check-button,.cta-primary,.cta-secondary,.generate-button,.nav-button,.print-button,.service-button,.tagline{font-family:Poppins,sans-serif}.login-container,.signup-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:2rem auto;max-width:600px;padding:2rem;width:90%}.form-group label{color:#333;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#1f8f98;box-shadow:0 0 0 2px #1f8f9833;outline:none}.form-group.checkbox{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem}.form-group.checkbox input{display:inline-block!important;flex-shrink:0!important;margin:0!important;width:auto!important}.form-group.checkbox label{cursor:pointer;display:inline-block!important;margin-bottom:0!important;vertical-align:middle!important;white-space:nowrap!important}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem}.submit-button{background-color:#1f8f98;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.submit-button:hover{background-color:#167a82}.terms-content{background-color:#f8f9fa;border-radius:8px;font-size:.875rem;line-height:1.5;margin:1rem 0;padding:1rem}.terms-content h4{color:#333;margin-bottom:.5rem;margin-top:0}.auth-modal{background-color:#fff;border-radius:8px;left:50%;max-width:400px;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.auth-modal-overlay{background-color:#00000080}.auth-modal-content{text-align:center}.auth-modal-content h2{color:#333;margin-top:0}.auth-modal-buttons{display:flex;gap:1rem;margin-bottom:1rem;margin-top:1.5rem}.auth-modal-buttons button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s}.login-button{background-color:#1f8f98;color:#fff}.login-button:hover{background-color:#167a82}.signup-button{background-color:#e9ecef;color:#333}.signup-button:hover{background-color:#dee2e6}.close-button{background-color:initial;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:.875rem;padding:.5rem;transition:background-color .2s;width:100%}.close-button:hover{background-color:#f8f9fa}@media (max-width:768px){.login-container,.signup-container{margin:1rem auto;max-width:450px;padding:1.5rem;width:95%}.form-group{margin-bottom:1.2rem}.form-group input,.submit-button{font-size:1rem;padding:.8rem}.terms-content{font-size:.8rem;padding:.8rem}.auth-modal{max-width:350px;padding:1.5rem;width:95%}.auth-modal-buttons{flex-direction:column;gap:.8rem}.auth-modal-buttons button{width:100%}}@media (max-width:480px){.login-container,.signup-container{border-radius:8px;margin:.5rem auto;max-width:300px;padding:1rem;width:98%}.form-group{margin-bottom:1rem}.form-group input,.submit-button{font-size:.95rem;padding:.7rem}.terms-content{font-size:.75rem;padding:.7rem}.auth-modal{padding:1rem;width:98%}}.navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--secondary-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);height:60px;left:0;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:fixed;right:0;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.logo{color:#0f172a;color:var(--secondary-900);transition:transform .15s ease-in-out;transition:transform var(--transition-fast)}.logo:hover{transform:translateY(-2px)}.logo-image{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);height:60px;margin-right:var(--spacing-md);width:60px}.logo-text,.logo-text h1{align-items:center;display:flex}.logo-text h1{font-size:1.8rem;font-weight:700;gap:1rem;gap:var(--spacing-md);margin:0}.tagline{border-left:2px solid #7dd3fc;border-left:2px solid var(--primary-300);color:#475569;color:var(--secondary-600);font-size:.9rem;font-weight:500;margin-left:1rem;margin-left:var(--spacing-md);padding-left:1rem;padding-left:var(--spacing-md)}.nav-links{gap:1.5rem;gap:var(--spacing-lg)}.nav-link{border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--secondary-900);font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.nav-link:hover{background-color:#f0f9ff;background-color:var(--primary-50);color:#0284c7;color:var(--primary-600);transform:translateY(-1px)}.nav-link:after{background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:0}.nav-link:hover:after{width:100%}.welcome-text{color:#0f172a;color:var(--secondary-900);font-weight:600;margin-right:1rem;margin-right:var(--spacing-md)}.logout-button{background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.logout-button:hover{background:linear-gradient(135deg,#475569,#1e293b);background:var(--gradient-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.navigation{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-wrap:wrap;height:auto;min-height:60px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.logo{flex:1 1;min-width:0}.logo-image{height:45px;margin-right:.5rem;margin-right:var(--spacing-sm);width:45px}.logo-text h1{align-items:flex-start;flex-direction:column;font-size:1.3rem;gap:.25rem;gap:var(--spacing-xs)}.tagline{border-left:none;font-size:.8rem;margin-left:0;opacity:.9;padding-left:0}.nav-links{flex-shrink:0;gap:.5rem;gap:var(--spacing-sm)}.welcome-text{font-size:.85rem;margin-right:.5rem;margin-right:var(--spacing-sm)}.logout-button,.nav-link{font-size:.85rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:600px){.navigation{min-height:50px;padding:.4rem .8rem}.logo-image{height:40px;margin-right:.4rem;width:40px}.logo-text h1{font-size:1.1rem}.tagline{font-size:.7rem}.nav-links{gap:.5rem}.welcome-text{font-size:.8rem;margin-right:.3rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button,.nav-link{font-size:.8rem;padding:.3rem .6rem}}@media (max-width:480px){.App-main{margin-top:65px!important}.navigation{align-items:stretch;flex-direction:column;gap:.5rem;padding:.5rem}.logo{justify-content:center}.logo-text h1{font-size:1rem;text-align:center}.tagline{font-size:.65rem;text-align:center}.nav-links{justify-content:center;width:100%}.welcome-text{font-size:.75rem;max-width:none;text-align:center}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.quiz-generator{box-shadow:0 4px 6px #0000001a;max-width:none}.app-main-centered{background:#fff;border-radius:18px;box-shadow:0 6px 32px #2c3e501a;margin:0 auto;max-width:700px;padding:2.5rem 2rem;transition:max-width .2s,padding .2s;width:100%}@media (max-width:900px){.app-main-centered{border-radius:14px;max-width:98vw;padding:1.2rem .7rem}}@media (max-width:600px){.app-main-centered{border-radius:8px;box-shadow:0 2px 8px #2c3e5014;max-width:100vw;padding:.5rem .2rem}}@media print{@page{size:A4;margin:0}.App,body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.App,.App-main,body{margin-top:0!important;padding-top:0!important}.App-main{margin-bottom:0!important;padding-bottom:0!important}body,html{-webkit-print-color-adjust:exact;print-color-adjust:exact}.only-print,.print-answer-mode,.print-footer,.print-header,.print-header-margin,.quiz-print-body{display:none!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.quiz-display.app-main-centered{background:#fff;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:.5cm .7cm}.print-gap{background:none;border:none;height:40px;margin:0;padding:0;width:100%}.reading-input-container,.reading-quiz-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.reading-input-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.passage-input{border:2px solid #e3e6f0;border-radius:8px;font-size:1rem;line-height:1.6;min-height:200px;padding:1rem;resize:vertical;width:100%}.passage-input:focus{border-color:#6a5acd;box-shadow:0 0 0 3px #6a5acd1a;outline:none}.generate-reading-button{background:linear-gradient(90deg,#6a5acd,#4a90e2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:0 auto;padding:.8rem 2rem;transition:all .2s}.generate-reading-button:hover{box-shadow:0 4px 12px #6a5acd4d;transform:translateY(-2px)}.generate-reading-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.quiz-actions{display:flex;flex-wrap:wrap;gap:1rem}.back-button,.check-button,.print-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s}.back-button{background:#e74c3c}.check-button{background:#f39c12;color:#fff}.print-button{background:#27ae60}.passage-section{margin-bottom:2rem}.passage-text{background:#f8f9fa;border-left:4px solid #6a5acd;border-radius:8px;font-size:1.05rem;line-height:1.8;padding:1.5rem}.questions-section h3{color:#2c3e50;margin-bottom:1.5rem}.question-item{background:#fff;border:2px solid #e3e6f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .2s}.question-item:hover{border-color:#6a5acd;box-shadow:0 2px 8px #6a5acd1a}.question-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.question-number{align-items:center;background:#6a5acd;border-radius:50%;color:#fff;display:flex;font-weight:700;height:2rem;justify-content:center;width:2rem}.question-type{background:#e3e6f0;border-radius:20px;color:#6a5acd;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.question-text{color:#2c3e50;font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:1rem}.question-options{display:flex;flex-direction:column;gap:.8rem}.option{align-items:center;border-radius:8px;display:flex}.option:hover{background:#f8f9fa;border-color:#6a5acd}.option.correct{background:#d4edda;border-color:#27ae60;color:#155724}.option.incorrect{background:#f8d7da;border-color:#e74c3c;color:#721c24}.option input[type=radio]{margin-right:.8rem}.option-text{font-size:1rem;line-height:1.4}.explanation{background:#e8f4fd;border-left:4px solid #3498db;border-radius:4px;font-size:.95rem;line-height:1.5;margin-top:1rem;padding:1rem}@media (max-width:768px){.reading-input-container,.reading-quiz-container{border-radius:12px;margin:1rem;padding:1.5rem 1rem}.quiz-actions{flex-direction:column;gap:.8rem}.back-button,.check-button,.print-button{font-size:.95rem;padding:.8rem;width:100%}.passage-text{font-size:1rem;padding:1.2rem}.question-item{margin-bottom:1.2rem;padding:1.2rem}.question-header{align-items:flex-start;flex-direction:column;gap:.5rem}.question-text{font-size:1rem}.option{padding:.6rem}.option-text{font-size:.9rem}.passage-input{min-height:150px;padding:.8rem}.generate-reading-button{padding:.8rem;width:100%}}@media (max-width:600px){.reading-input-container,.reading-quiz-container{border-radius:8px;margin:.5rem;padding:1rem .8rem}.passage-text{font-size:.95rem;padding:1rem}.question-item{padding:1rem}.question-number{font-size:.9rem;height:1.8rem;width:1.8rem}.question-type{font-size:.75rem;padding:.2rem .6rem}.question-text{font-size:.95rem}.option{padding:.5rem}.explanation,.option-text{font-size:.85rem}.explanation{padding:.8rem}.passage-input{font-size:.9rem;min-height:120px;padding:.7rem}}.profile-edit-modal{animation:modalSlideIn .3s ease-out;border:none;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a;left:50%;max-height:90vh;max-width:90vw;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:600px;z-index:1000}.profile-edit-container{padding:0}.profile-edit-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e8eaed;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.profile-edit-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.profile-edit-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.profile-edit-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.profile-error-message{background:#fee;border-left:4px solid #c33;color:#c33}.profile-error-message,.profile-success-message{border-radius:8px;font-size:.9rem;font-weight:500;margin:1rem 2rem 0;padding:1rem}.profile-success-message{background:#d4edda;border-left:4px solid #28a745;color:#155724}.profile-edit-form{padding:2rem}.profile-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.profile-form-group{display:flex;flex-direction:column}.profile-form-group label{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.profile-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.profile-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.profile-input::placeholder{color:#9ca3af;font-style:italic}.profile-input-disabled{background:#f9fafb;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.profile-input-disabled:focus{border-color:#d1d5db;box-shadow:none;transform:none}.profile-error-text{color:#dc2626;font-size:.8rem;font-weight:500;margin-top:.25rem}.profile-form-actions{display:flex;gap:1rem;justify-content:flex-end}.profile-form-actions,.profile-password-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.profile-password-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.profile-password-header h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.profile-toggle-password-btn{background:#0000;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.profile-toggle-password-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.profile-password-form{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-requirements{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:.75rem;padding:.75rem}.password-requirement-title{color:#495057;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.password-requirement{align-items:center;display:flex;font-size:.75rem;gap:.25rem;margin-bottom:.25rem}.password-requirement.met{color:#28a745}.password-requirement.not-met{color:#6c757d}.password-requirement.met:before{color:#28a745;content:"✓";font-weight:700}.password-requirement.not-met:before{color:#6c757d;content:"○"}.password-requirements-compact{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.password-requirements-compact .requirement{border:1px solid;border-radius:4px;font-size:.7rem;font-weight:500;padding:.25rem .5rem}.password-requirements-compact .requirement.met{background:#d4edda;border-color:#c3e6cb;color:#155724}.password-requirements-compact .requirement.not-met{background:#f8f9fa;border-color:#dee2e6;color:#6c757d}.password-requirement-text{color:#6c757d;font-size:.8rem;font-style:italic;margin-top:.5rem}.profile-cancel-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.profile-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.profile-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.profile-save-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.profile-save-btn:active{transform:translateY(0)}@media (max-width:768px){.profile-edit-modal{margin:1rem;max-width:500px;width:95vw}.profile-edit-header{padding:1.5rem 1.5rem 1rem}.profile-edit-header h2{font-size:1.3rem}.profile-edit-form{padding:1.5rem}.profile-form-row{gap:1rem;grid-template-columns:1fr}.profile-form-actions{flex-direction:column;gap:.75rem}.profile-cancel-btn,.profile-save-btn{padding:.875rem;width:100%}.profile-password-header{align-items:flex-start;flex-direction:column;gap:1rem}.profile-toggle-password-btn{padding:.75rem;width:100%}.password-requirements-compact{gap:.5rem}.password-requirements-compact .requirement{font-size:.65rem;padding:.2rem .4rem}.password-requirement-text{font-size:.75rem}}@media (max-width:480px){.profile-edit-modal{margin:.5rem;width:98vw}.profile-edit-header{padding:1.25rem 1.25rem .75rem}.profile-edit-form{padding:1.25rem}.profile-input{font-size:.9rem;padding:.75rem}}.password-reset-link{border-top:1px solid #e2e8f0;border-top:1px solid var(--secondary-200);margin-top:1rem;padding-top:1rem;text-align:center}.link-button{background:none;border:none;color:#0284c7;color:var(--primary-600);cursor:pointer;font-family:inherit;font-size:.875rem;padding:0;text-decoration:underline}.link-button:hover{color:#0369a1;color:var(--primary-700);text-decoration:none}.message{border-radius:.5rem;font-size:.875rem;margin:1rem 0;padding:.75rem}.message.success{background-color:#f0fdf4;background-color:var(--success-50);border:1px solid #bbf7d0;border:1px solid var(--success-200);color:#15803d;color:var(--success-700)}.message.error{background-color:#fef2f2;background-color:var(--error-50);border:1px solid #fecaca;border:1px solid var(--error-200);color:#b91c1c;color:var(--error-700)}.btn-primary{background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);border:none;border-radius:.5rem;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.btn-secondary{background:#f1f5f9;background:var(--secondary-100);border:1px solid #cbd5e1;border:1px solid var(--secondary-300);border-radius:.5rem;color:#334155;color:var(--secondary-700);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--secondary-200);color:#1e293b;color:var(--secondary-800)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.how-to-work-section{background:linear-gradient(135deg,#dda853,#183b4e 50%,#27548a);border:1px solid #fff3;border-radius:2.5rem;box-shadow:0 20px 40px #0000001a,0 10px 20px #0000000d,inset 0 1px 0 #ffffff1a;margin:3rem auto;max-width:1200px;overflow:hidden;padding:0 2rem 4rem;position:relative}.how-to-work-section:before{background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><circle cx="30" cy="30" r="2"/></g></svg>') repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.how-to-work-content{animation:fadeInUp 1s ease-out;margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.how-to-work-title{color:#fff;font-family:Noto Sans KR,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:0;margin-top:2.5rem;text-shadow:0 2px 10px #0003}.how-to-work-description{color:#ffffffe6;font-size:1.375rem;font-weight:400;line-height:1.7;margin:0 auto 2rem;max-width:650px}.how-to-work-image-container{align-items:center;background:#ffffff80;border-radius:2rem;box-shadow:0 25px 50px #00000040,0 10px 25px #00000026,0 0 0 1px #ffffff1a;display:flex;justify-content:center;margin:0 auto;max-width:95%;overflow:hidden;padding:3rem;transform:perspective(1000px) rotateX(2deg);transition:all .4s cubic-bezier(.165,.84,.44,1)}.how-to-work-image-container:hover{box-shadow:0 35px 70px #0000004d,0 15px 35px #0003,0 0 0 1px #ffffff26;transform:perspective(1000px) rotateX(0deg) translateY(-10px)}.title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;position:relative}.image-wrapper{display:inline-block;position:relative;width:100%}.how-to-work-image{border-radius:1rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;max-width:100%;position:relative;transition:all .3s ease;z-index:2}.image-glow{background:radial-gradient(circle,#fff3 0,#0000 70%);border-radius:1rem;height:110%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:110%;z-index:1}.how-to-work-image-container:hover .image-glow{animation:pulse-glow 2s infinite;opacity:1}@keyframes pulse-glow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}}@media (max-width:768px){.how-to-work-section{border-radius:2rem;box-shadow:0 15px 30px #0000001a,0 8px 16px #0000000d;margin:1.5rem;padding:4rem 1.5rem}.how-to-work-title{font-size:2.25rem;margin-bottom:1.25rem}.how-to-work-description{font-size:1.125rem;margin-bottom:3rem;max-width:90%}.how-to-work-image-container{border-radius:1.5rem;max-width:98%;padding:2rem;transform:perspective(1000px) rotateX(1deg)}.how-to-work-image-container:hover{transform:perspective(1000px) rotateX(0deg) translateY(-5px)}}@media (max-width:480px){.how-to-work-section{border-radius:1.5rem;box-shadow:0 10px 20px #0000001a,0 5px 10px #0000000d;margin:1rem;padding:3rem 1rem}.how-to-work-title{font-size:1.875rem;letter-spacing:-.01em;margin-bottom:1rem}.how-to-work-description{font-size:1rem;line-height:1.6;margin-bottom:2.5rem}.how-to-work-image-container{border-radius:1.25rem;padding:1.5rem;transform:none}.how-to-work-image-container:hover{transform:translateY(-3px)}.how-to-work-image{border-radius:.75rem}}@media print{.print-header{align-items:center;background:linear-gradient(90deg,#2d3a60,#6a5acd);box-shadow:0 4px 24px #2c3e5040;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;margin:1cm 0 1.2rem;min-width:0;padding:.8rem 1.4rem;position:relative;width:100%;z-index:9999}.print-answer-mode,.print-footer,.print-header-margin,.quiz-print-body{display:block}.print-header-logo{height:42px;margin-right:1.5rem;object-fit:contain;width:42px}.print-header-texts{align-items:center;display:flex;flex-direction:row;gap:.7rem}.print-header-title{color:#fff;font-weight:800;letter-spacing:-1px;margin-right:.7rem}.print-header-tagline,.print-header-title{font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;font-size:1rem}.print-header-tagline{border-left:2px solid #ffffff4d;color:#e0e6f7;font-weight:400;padding-left:.7rem}.print-gap{background:none;border:none;display:block;height:0;margin:0;padding:0}.print-header+*{margin-top:0}.App,.App-main{margin-top:0;padding-top:0}.no-print{display:none}.only-print{display:block}@page{size:A4;margin:0}.App,.App-main,.main-content,.work-container,body,html{margin:0;padding:0}body,html{-webkit-print-color-adjust:exact;print-color-adjust:exact}@media print{@page{size:A4;margin:0}*,body,html{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.print-header-work01{align-items:center;background:#fff;border-bottom:none;box-sizing:border-box;display:flex;justify-content:center;margin:0;padding:.3rem 0;width:100%}.print-header-text-work01{color:#000;font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;font-size:1rem;font-weight:600}.only-print .problem-instruction{box-shadow:none!important;font-size:1rem!important;margin:0 0 .8rem!important;padding:.7rem .6rem!important}.only-print .a4-page-template .problem-instruction{margin-bottom:.8rem!important}.only-print .problem-passage{font-size:1rem!important;margin:0 0 .8rem!important;padding:.5rem 1rem .3rem!important}.only-print.print-answer-mode .problem-passage{margin-bottom:1.6rem!important}.only-print .replacements-table{margin-top:0!important}.only-print .problem-options{font-size:1rem!important;margin-left:0!important;margin-right:0!important;padding-left:.6rem!important;padding-right:.6rem!important}.only-print .a4-page-content,.only-print .a4-page-content *,.only-print .a4-page-template,.only-print .a4-page-template *,.only-print .answer-section,.only-print .option,.only-print .paragraph-simple,.only-print .paragraph-simple div,.only-print .paragraph-simple strong,.only-print .quiz-content,.only-print .quiz-content *,.only-print .shuffled-paragraph,.only-print .vocabulary-generator,.only-print .vocabulary-generator *,.only-print .vocabulary-quiz-container,.only-print .vocabulary-quiz-container *{font-size:1rem!important}.only-print .a4-page-content{padding:0 1cm 1cm!important}.only-print:not(.print-answer-mode) .a4-page-template .quiz-content .problem-options,.only-print:not(.print-answer-mode) .quiz-content .problem-options{margin-bottom:1rem!important;margin-top:1rem!important}.only-print.print-answer-mode .a4-page-template .quiz-content .problem-options,.only-print.print-answer-mode .quiz-content .problem-options{margin-bottom:1rem!important;margin-top:.5rem!important}.only-print.print-answer-mode div[style*="background:#FFF3CD"],.only-print.print-answer-mode div[style*="background:#fff3cd"],.only-print.print-answer-mode div[style*="background:'#FFF3CD'"],.only-print.print-answer-mode div[style*="background:'#fff3cd'"]{margin-bottom:3rem!important}.a4-page-template{background:#fff;border:none;box-sizing:border-box;display:flex;flex-direction:column;height:29.7cm;left:0;margin:0;padding:0;page-break-inside:avoid;position:relative;top:0;width:21cm}.only-print .a4-page-template{page-break-after:auto;page-break-before:auto;page-break-inside:avoid}.a4-page-header{box-sizing:border-box;flex-shrink:0;height:1.5cm;padding:.5cm .3cm 0;width:100%}.a4-page-content{-webkit-column-break-inside:auto;box-sizing:border-box;break-inside:auto;flex:1 1;height:auto;min-height:auto;overflow:visible;padding:0 1cm 1cm;width:100%}.a4-page-content,.only-print .problem-options,.only-print .problem-passage{page-break-inside:auto}.only-print .problem-options{page-break-after:auto;page-break-before:auto}.only-print .shuffled-paragraph{margin-bottom:.5rem!important;page-break-after:auto!important;page-break-inside:avoid!important}.only-print .option{margin-bottom:.3rem!important;page-break-inside:avoid!important}.only-print .a4-page-template:not(:last-child){break-after:page;page-break-after:always}.only-print .a4-page-template:last-child{break-after:avoid;page-break-after:avoid}.only-print .work11-page-template{break-after:auto;break-inside:avoid;page-break-after:auto;page-break-inside:avoid}.only-print .work11-page-template:not(:last-child){break-after:page;page-break-after:always}.only-print .work11-page-template:last-child{break-after:avoid;page-break-after:avoid}.only-print .work11-print-problem-sentence{break-inside:avoid;margin-bottom:1.5rem;page-break-inside:avoid}.only-print .work11-print-answer-sentence>div:first-child{margin-bottom:.5rem!important}.only-print .work11-print-answer-sentence>div:nth-child(2){margin-top:.3rem!important}@page{size:A4;margin:0;padding:0}@page :first{margin:0;padding:0}@page :left{margin:0;padding:0}@page :right{margin:0;padding:0}@page{@top-center{content:""}@bottom-center{content:""}}@media print{body,html{height:auto;margin:0;overflow:visible;padding:0;width:100%}.only-print{height:auto;overflow:visible;width:100%}.a4-page-template,.only-print{left:0;margin:0;padding:0;position:relative;right:0;top:0}.a4-page-content,.a4-page-template{-webkit-region-break-inside:auto;break-inside:auto;page-break-inside:auto}}.a4-page-renderer{margin:0;padding:0;width:100%}@media screen{.a4-multi-page-container,.a4-page-renderer,.a4-page-template{display:none!important}}.a4-multi-page-container{width:100%}.a4-page-template .a4-page-header{position:running(page-header)}@media print{.a4-page-content{page-break-inside:auto}.problem-instruction{page-break-after:avoid;page-break-inside:avoid}.problem-passage{page-break-after:auto;page-break-before:auto;page-break-inside:auto}.shuffled-paragraph{margin-bottom:.8rem;orphans:2;page-break-inside:avoid;widows:2}.problem-options{page-break-before:auto;page-break-inside:auto}.option{margin-bottom:.5rem;page-break-inside:avoid}.answer-section{page-break-before:avoid;page-break-inside:avoid}.a4-page-template:empty{display:none}.only-print .a4-page-template{-webkit-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.only-print .a4-page-content{-webkit-column-break-inside:auto;break-inside:auto;page-break-inside:auto}.only-print .problem-options{break-inside:avoid;page-break-inside:avoid}}}.phone-input-container{position:relative;width:100%}.phone-number-input{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s ease-in-out;width:100%}.phone-number-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.phone-number-input:hover:not(:disabled){border-color:#1976d2}.phone-number-input.error{background-color:#fff5f5;border-color:#d32f2f}.phone-number-input.error:focus{box-shadow:0 0 0 3px #d32f2f1a}.phone-number-input.disabled{background-color:#f5f5f5;border-color:#e0e0e0;color:#757575;cursor:not-allowed}.phone-number-input::placeholder{color:#9e9e9e;font-size:14px}@media (max-width:768px){.phone-number-input{font-size:16px;padding:14px 16px}}.phone-number-input:focus-visible{outline:2px solid #1976d2;outline-offset:2px}.phone-input-container .error-message{align-items:center;color:#d32f2f;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:4px}.phone-input-container .error-message:before{content:"⚠";font-size:14px}.error-boundary{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.error-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.error-content h2{color:#d32f2f;font-size:24px;margin-bottom:16px}.error-content p{color:#666;line-height:1.6;margin-bottom:24px}.retry-button{background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .2s}.retry-button:hover{background-color:#1565c0}.retry-button:active{background-color:#0d47a1}.error-details{margin-top:24px;text-align:left}.error-details summary{color:#666;cursor:pointer;font-weight:500;margin-bottom:8px}.error-details pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:12px;overflow-x:auto;padding:16px}@media (max-width:768px){.error-content{margin:20px;padding:24px}.error-content h2{font-size:20px}.retry-button{padding:16px 24px;width:100%}}.quiz-generator,.vocabulary-generator,.vocabulary-quiz-container{background:#fff;border-radius:16px;box-shadow:0 2px 16px 0 #00000012;margin:1rem auto;max-width:1200px;padding:2.5rem 1.2rem 3.5rem;width:100%}.generator-header h2,.vocabulary-generator h2,.vocabulary-quiz-container h2{color:#000;font-size:2rem;letter-spacing:-1px}@media (max-width:1400px){.quiz-generator,.vocabulary-generator,.vocabulary-quiz-container{max-width:98vw}}@media (max-width:900px){.quiz-generator,.vocabulary-generator,.vocabulary-quiz-container{max-width:100vw;padding:1.2rem .5rem 2rem}}@media (max-width:600px){.quiz-generator,.vocabulary-generator,.vocabulary-quiz-container{border-radius:0;box-shadow:none;max-width:100vw;padding:.7rem .2rem 1.2rem}.ai-option-section,.input-type-section{flex-direction:column;gap:1.1rem;padding:.7rem}.input-section{gap:.4rem}.generate-button{font-size:.98rem;height:38px;min-width:100%;padding:0 6px;width:100%}.button-group{flex-direction:row!important;gap:8px;margin-top:20px}}.problem-passage{background:#fff3cd}@media print{@page{margin:0}body,html{margin:0!important;padding:0!important}.generator-header h2,.quiz-generator h2,.vocabulary-generator h2,.vocabulary-quiz-container h2{font-size:2rem!important}.quiz-generator,.vocabulary-generator,.vocabulary-quiz-container{box-sizing:border-box;max-width:100vw!important;width:100vw!important}.print-header-margin{margin-top:1cm!important}.only-print .print-header{font-size:1.18em!important}.only-print .print-header-title{font-size:1.25em!important}.only-print .print-header-tagline{font-size:1.15em!important}.only-print .problem-passage{background:#fff3cd!important;margin-bottom:5rem!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.only-print:not(.print-answer-mode) .a4-page-template .quiz-content .problem-options,.only-print:not(.print-answer-mode) .quiz-content .problem-options{margin-bottom:1rem!important;margin-top:1rem!important}.only-print.print-answer-mode .a4-page-template .quiz-content .problem-options,.only-print.print-answer-mode .quiz-content .problem-options{margin-bottom:1rem!important;margin-top:.5rem!important}}.only-print.print-answer-mode div[style*="background:#FFF3CD'"],.only-print.print-answer-mode div[style*="background:#fff3cd"],.only-print.print-answer-mode div[style*="background:'#FFF3CD'"],.only-print.print-answer-mode div[style*="background:'#fff3cd'"]{margin-bottom:5rem!important}.screenshot-help-modal{background:#fff;border:none;border-radius:20px;box-shadow:0 25px 80px #0006;left:50%;margin-bottom:30px;margin-top:30px;max-height:calc(90vh - 60px);max-width:800px;overflow-y:auto;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.screenshot-help-modal::-webkit-scrollbar{background:#0000;width:0}.screenshot-help-modal{-ms-overflow-style:none;scrollbar-width:none}.screenshot-help-container{padding:0}.screenshot-help-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.screenshot-help-header h2{color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:-.5px;margin:0}.screenshot-help-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:45px;justify-content:center;padding:.5rem;transition:all .2s ease;width:45px}.screenshot-help-close-btn:hover{background-color:#ffffff4d;transform:scale(1.1)}.screenshot-help-content{max-height:70vh;overflow-y:auto;padding:2rem}.help-section h3{border-bottom:2px solid #e1e8ed;color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.method-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 4px 15px #0000001a;margin-bottom:1rem;padding:1.5rem}.method-title{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.keyboard-key{background:#2c3e50;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:.3rem .6rem}.method-card p{color:#34495e;font-size:1rem;line-height:1.6;margin-bottom:1rem}.method-card ol,.method-card ul{color:#34495e;font-size:1rem;line-height:1.8;padding-left:1.5rem}.method-card li{margin-bottom:.5rem}.tips-card{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #c8e6c9;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:1.5rem}.tips-card ul{color:#2e7d32;font-size:1rem;line-height:1.8;padding-left:1.5rem}.tips-card li{margin-bottom:.5rem}.screenshot-help-footer{background:#f8f9fa;border-radius:0 0 20px 20px;border-top:2px solid #e1e8ed;display:flex;justify-content:center;padding:1.5rem 2rem 2rem}.screenshot-help-ok-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.screenshot-help-ok-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.screenshot-help-overlay{background-color:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@media (max-width:768px){.screenshot-help-modal{margin-top:50px;max-height:95vh;width:95%}.screenshot-help-content{padding:1.5rem}.screenshot-help-header{padding:1rem 1.5rem}.screenshot-help-header h2{font-size:1.5rem}.help-section h3{font-size:1.2rem}.method-card{padding:1rem}.method-title{font-size:1.1rem}.screenshot-help-ok-btn{font-size:1rem;padding:.8rem 2rem}}.point-deduction-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.point-deduction-modal-overlay.closing{animation:modalFadeOut .2s ease-in forwards}@keyframes modalFadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.point-deduction-modal-overlay.closing{pointer-events:none}.point-deduction-modal-overlay.closing .point-deduction-modal-content{animation:contentSlideOut .2s ease-in forwards}@keyframes contentSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.point-deduction-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff}.modal-header h3{font-size:1.25rem}.modal-close{color:#fff;height:32px;padding:.25rem;transition:background-color .2s ease;width:32px}.modal-close:hover{background:#fff3}.point-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem 2.5rem}.point-deduction-modal-content .point-info{display:flex!important;flex-direction:column!important}.point-deduction-modal-content .point-info .info-line{border-bottom:1px solid #e2e8f0;clear:both!important;display:block!important;font-size:1rem;line-height:1.5;margin-bottom:.5rem;padding:.75rem 0;width:100%!important}.point-deduction-modal-content .point-info .info-line:last-child{border-bottom:none}.point-deduction-modal-content .point-info .info-title{color:#2d3748!important;font-size:1.1rem!important;font-weight:700!important;text-align:center!important}.point-deduction-modal-content .point-info .info-detail{align-items:center!important;display:flex!important;gap:1rem;justify-content:space-between!important}.point-deduction-modal-content .point-info .info-detail .info-label{color:#475569;flex:0 0 auto;font-size:.95rem;font-weight:600;min-width:120px}.point-deduction-modal-content .point-info .info-detail .info-value{flex:0 0 auto;font-size:1.1rem;font-weight:700;min-width:100px;text-align:right}.points-to-deduct{color:#dc2626!important}.current-points{color:#059669}.remaining-points{color:#1976d2!important}.warning-message{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:1rem;padding:1rem}.warning-message p{color:#92400e;font-size:.9rem;line-height:1.4;margin:.5rem 0}.warning-message p:first-child{margin-top:0}.warning-message p:last-child{margin-bottom:0}.btn-primary,.btn-secondary{font-size:.95rem}.btn-primary{box-shadow:0 4px 6px #667eea40}.btn-primary:hover{box-shadow:0 6px 12px #667eea59;transform:translateY(-2px)}.btn-secondary{color:#475569}@media (max-width:640px){.point-deduction-modal-content{margin:1rem;width:95%}.modal-actions,.modal-body,.modal-header{padding:1rem}.point-info{padding:1rem 1.5rem}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.point-deduction-modal-content .point-info .info-line{display:block!important}.point-deduction-modal-content .point-info .info-detail{align-items:flex-start!important;flex-direction:column!important;gap:.25rem}.point-deduction-modal-content .point-info .info-detail .info-label{min-width:auto}.point-deduction-modal-content .point-info .info-detail .info-value{min-width:auto;text-align:left}}.quiz-generator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a;margin:0 auto!important;padding:0 3rem 2rem!important}.generator-header h2,.vocabulary-generator h2,.vocabulary-quiz-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0000001a}@media (max-width:1400px){.quiz-generator{max-width:98vw}}@media (max-width:900px){.quiz-generator{max-width:100vw;padding:1.2rem .5rem 2rem}}@media (max-width:600px){.quiz-generator{border-radius:0;box-shadow:none;max-width:100vw;padding:.7rem .2rem 1.2rem}}@media print{@page{margin-bottom:2.5cm;margin-left:1.5cm;margin-right:1.5cm;margin-top:1cm}body,html{margin:0!important;padding:0!important}.generator-header h2,.quiz-generator h2{font-size:2rem!important}.quiz-generator{box-sizing:border-box;max-width:100vw!important;width:100vw!important}.print-footer{background:#fff!important;border-top:1px solid #ddd!important;bottom:0!important;box-sizing:border-box!important;color:#444!important;font-size:1rem!important;left:0!important;margin:0!important;padding:.5rem 0!important;position:fixed!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;right:0!important;text-align:center!important;width:100%!important;z-index:9999!important}.print-header-margin{margin-bottom:1.2rem!important;margin-top:.5cm!important}}.points-container{background:#ffffffe6}@media (max-width:768px){.points-details,.points-info{flex-direction:column;gap:.5rem}.points-details{align-items:flex-end}.input-label-row{align-items:flex-start;flex-direction:column;gap:.5rem}.input-label{margin-bottom:.25rem}.points-info{text-align:center}.points-details,.points-info{align-items:center}.points-container{text-align:center}}.text-input{background:#ffffffe6;border:2px solid #667eea33;border-radius:12px;box-shadow:0 4px 12px #0000000a;transition:all .3s ease}.text-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 8px 24px #00000014;transform:translateY(-2px)}.worksheet-generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 24px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1.2rem;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s ease}.worksheet-generate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.worksheet-generate-btn:hover{box-shadow:0 12px 32px #667eea66;transform:translateY(-3px)}.worksheet-generate-btn:hover:before{left:100%}.worksheet-generate-btn:disabled{background:#bdbdbd;cursor:not-allowed}.problem-instruction{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:12px;box-shadow:0 6px 20px #667eea4d;text-shadow:0 2px 4px #0003}.input-guide{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:2.5px dashed #667eea66;border-radius:20px;box-shadow:0 8px 24px #0000000f;padding:1.5rem}.input-guide.paste-focused{background:linear-gradient(135deg,#667eea1a,#764ba21a)!important;border:2.5px solid #667eea!important;box-shadow:0 0 0 4px #667eea26,0 12px 32px #0000001a!important}.quiz-display .problem-title,.quiz-generator .problem-title,.quiz-print-body .problem-title,.quiz-section .problem-title{background:#222!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;display:inline-block!important;font-size:1.05rem!important;font-weight:800!important;height:auto!important;line-height:normal!important;margin-bottom:1rem!important;max-width:none!important;min-height:auto!important;padding:.6rem 1rem!important;width:auto!important}@media print{.only-print .problem-title,.quiz-display .problem-title,.quiz-generator .problem-title,.quiz-print-body .problem-title,.quiz-section .problem-title,.work-02-problem-title{background:#222!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;display:inline-block!important;font-size:1.05rem!important;font-weight:800!important;height:auto!important;line-height:normal!important;margin-bottom:1rem!important;max-width:none!important;min-height:auto!important;padding:.6rem 1rem!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;width:auto!important}}.screenshot-help-btn{box-shadow:0 2px 4px #0003;font-size:14px;height:24px;width:24px}.screenshot-help-btn:hover{box-shadow:0 4px 8px #0000004d}.replacements-section{background:#ffffffe6!important;border:1px solid #667eea33!important;border-radius:12px!important;box-shadow:0 4px 12px #0000000f!important;display:block!important;margin:2rem 0!important;padding:1.5rem!important}.replacements-section h3{color:#1976d2;font-size:1.2rem;font-weight:700;margin-bottom:1rem;text-align:center}.replacements-table{background:#fff!important;border:1px solid #ddd!important;border-collapse:collapse!important;margin-top:.7rem!important;width:100%!important}.quiz-generator .replacements-table.no-print{border:1px solid #aaa!important;border-collapse:collapse!important}.quiz-generator .replacements-table.no-print th{border:.5px solid #aaa!important;font-size:12px!important;padding:.64rem .8rem!important}.only-print .replacements-table th,.quiz-generator .replacements-table.no-print th{background:#f5f5f5!important;color:#333!important;font-weight:600!important;text-align:center!important}.only-print .replacements-table th{border:1px solid #ddd!important;font-size:1rem!important;padding:.1575rem .315rem!important}.quiz-generator .replacements-table.no-print td{border:.5px solid #aaa!important;font-size:1rem!important;padding:.48rem .8rem!important;text-align:left!important;vertical-align:middle!important}.only-print .replacements-table td{border:1px solid #ddd!important;font-size:1rem!important;padding:.1575rem .63rem!important;text-align:left!important;vertical-align:middle!important}.replacements-table tr:last-child td{border-bottom:1px solid #ddd!important}.replacements-table tr:nth-child(2n){background:#f9f9f9!important}.original-word{color:#d97706;font-size:.8rem;font-weight:600}.replacement-word{color:#1976d2;font-size:.8rem;font-weight:600}.original-meaning{color:#666;font-size:.8rem;font-style:italic}.replacement-meaning{color:#1976d2;font-size:.8rem;font-style:italic}.arrow{color:#667eea;font-size:1.2rem}@media (max-width:768px){.replacements-container{flex-direction:column!important;gap:.8rem!important}.quiz-generator .replacements-table.no-print{border:1px solid #aaa!important;border-collapse:collapse!important}.quiz-generator .replacements-table.no-print td,.quiz-generator .replacements-table.no-print th{border:.5px solid #aaa!important;font-size:1rem!important;padding:.5rem .4rem!important}.only-print .replacements-table td,.only-print .replacements-table th{font-size:12px!important;padding:.1125rem .45rem!important}.replacements-table th{font-size:12px!important}.original-meaning,.original-word,.replacement-meaning,.replacement-word{font-size:12px}}@media print{.replacements-section{background:#0000!important;border:1px solid #ddd!important;box-shadow:none!important;margin:1rem 0!important;padding:1rem!important}.replacements-table{background:#fff!important;border:1px solid #ddd!important;border-collapse:collapse!important;margin-top:.7rem!important;width:100%!important}.only-print .replacements-table th,.quiz-generator .replacements-table th{background:#f5f5f5!important;border:1px solid #ddd!important;color:#333!important;font-size:1rem!important;font-weight:600!important;padding:.1575rem .315rem!important;text-align:center!important}.only-print .replacements-table td,.quiz-generator .replacements-table td{border:1px solid #ddd!important;font-size:1rem!important;padding:.1575rem .63rem!important;text-align:left!important;vertical-align:middle!important}.replacements-table tr:last-child td{border-bottom:1px solid #ddd!important}.replacements-table tr:nth-child(2n){background:#f9f9f9!important}.original-word{color:#d97706!important}.original-word,.replacement-word{font-size:1rem!important;font-weight:600!important}.replacement-word{color:#1976d2!important}.original-meaning{color:#666!important}.original-meaning,.replacement-meaning{font-size:1rem!important;font-style:italic!important}.replacement-meaning{color:#1976d2!important}.arrow{color:#000!important}.only-print u strong{color:#1976d2!important;font-weight:700!important;text-decoration:underline!important}.only-print .problem-passage.translation,.only-print u strong{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.only-print .problem-passage.translation{background:#f1f8e9!important}.only-print .problem-passage:not(.translation){background:#fff3cd!important;font-size:.9rem!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.only-print .problem-passage:not(.translation) *{font-size:.9rem!important}.only-print .a4-page-content .problem-passage.translation,.only-print .a4-page-content .problem-passage.translation *,.only-print .a4-page-template .problem-passage.translation,.only-print .a4-page-template .problem-passage.translation *,.only-print .quiz-content .problem-passage.translation,.only-print .quiz-content .problem-passage.translation *,.only-print .quiz-display .problem-passage.translation,.only-print .quiz-display .problem-passage.translation *,.only-print .quiz-generator .problem-passage.translation,.only-print .quiz-generator .problem-passage.translation *,.only-print .quiz-print-body .problem-passage.translation,.only-print .quiz-print-body .problem-passage.translation *,.only-print .quiz-section .problem-passage.translation,.only-print .quiz-section .problem-passage.translation *,.only-print .work-02-reading-comprehension .problem-passage.translation,.only-print .work-02-reading-comprehension .problem-passage.translation *{font-size:1rem!important}}.work-02-problem-title{background:#222!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;display:inline-block!important;font-size:1.05rem!important;font-weight:800!important;height:auto!important;line-height:normal!important;margin-bottom:1rem!important;max-width:none!important;min-height:auto!important;padding:.6rem 1rem!important;width:auto!important}.quiz-generator table.replacements-table.no-print,.replacements-table.no-print,table.replacements-table.no-print{border:1px solid #aaa!important;border-collapse:collapse!important}.quiz-generator table.replacements-table.no-print th,.replacements-table.no-print th,table.replacements-table.no-print th{border:.5px solid #aaa!important;line-height:1.4!important;padding:.8rem!important}.quiz-generator table.replacements-table.no-print td,.replacements-table.no-print td,table.replacements-table.no-print td{border:.5px solid #aaa!important;line-height:1.4!important;padding:.6rem .8rem!important}.only-print .replacements-table th{line-height:1.4!important;padding:.126rem .315rem!important}.only-print .replacements-table td{line-height:1.4!important;padding:.126rem .63rem!important}.problem-passage:not(.translation),.problem-passage:not(.translation) *{font-size:1rem!important}.quiz-display .problem-passage.translation,.quiz-display .translation-content,.quiz-generator .problem-passage.translation,.quiz-generator .translation-content,.quiz-print-body .problem-passage.translation,.quiz-print-body .translation-content,.quiz-section .problem-passage.translation,.quiz-section .translation-content,.work-02-reading-comprehension .problem-passage.translation,.work-02-reading-comprehension .translation-content{background:#f1f8e9!important;font-size:1rem!important}.quiz-generator .text-content.no-print{background:#fff3cd!important}.quiz-display .problem-passage.translation *,.quiz-display .translation-content *,.quiz-generator .problem-passage.translation *,.quiz-generator .translation-content *,.quiz-generator h3,.quiz-print-body .problem-passage.translation *,.quiz-print-body .translation-content *,.quiz-section .problem-passage.translation *,.quiz-section .translation-content *,.work-02-reading-comprehension .problem-passage.translation *,.work-02-reading-comprehension .translation-content *{font-size:1rem!important}@media print{.work-02-problem-title{background:#222!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;display:inline-block!important;font-size:1.05rem!important;font-weight:800!important;height:auto!important;line-height:normal!important;margin-bottom:1rem!important;max-width:none!important;min-height:auto!important;padding:.6rem 1rem!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;width:auto!important}}.quiz-generator .problem-passage.translation,.quiz-generator .problem-passage.translation *,.quiz-generator .translation-content,.quiz-generator .translation-content *,.quiz-generator .translation-content.problem-passage.translation,.quiz-generator .translation-content.problem-passage.translation *{font-size:1rem!important}@media print{.only-print .a4-page-content .problem-passage.translation,.only-print .a4-page-content .problem-passage.translation *,.only-print .a4-page-content .quiz-content .problem-passage.translation,.only-print .a4-page-content .quiz-content .problem-passage.translation *,.only-print .a4-page-content div[class*=translation],.only-print .a4-page-content div[class*=translation] *,.only-print .a4-page-template .problem-passage.translation,.only-print .a4-page-template .problem-passage.translation *,.only-print .a4-page-template .quiz-content .problem-passage.translation,.only-print .a4-page-template .quiz-content .problem-passage.translation *,.only-print .a4-page-template div[class*=translation],.only-print .a4-page-template div[class*=translation] *,.only-print .problem-passage.translation,.only-print .problem-passage.translation *,.only-print .problem-passage.translation[style*=fontSize],.only-print .problem-passage.translation[style*=fontSize] *,.only-print .quiz-content .problem-passage.translation,.only-print .quiz-content .problem-passage.translation *,.only-print .quiz-content div[class*=translation],.only-print .quiz-content div[class*=translation] *,.only-print .quiz-display .problem-passage.translation,.only-print .quiz-display .problem-passage.translation *,.only-print .quiz-generator .problem-passage.translation,.only-print .quiz-generator .problem-passage.translation *,.only-print .quiz-generator .translation-content,.only-print .quiz-generator .translation-content *,.only-print .quiz-generator .translation-content.problem-passage.translation,.only-print .quiz-generator .translation-content.problem-passage.translation *,.only-print .quiz-generator div[class*=translation],.only-print .quiz-generator div[class*=translation] *,.only-print .quiz-print-body .problem-passage.translation,.only-print .quiz-print-body .problem-passage.translation *,.only-print .quiz-section .problem-passage.translation,.only-print .quiz-section .problem-passage.translation *,.only-print .work-02-reading-comprehension .problem-passage.translation,.only-print .work-02-reading-comprehension .problem-passage.translation *,.only-print div[class*=problem-passage][class*=translation],.only-print div[class*=problem-passage][class*=translation] *,.only-print div[class*=translation],.only-print div[class*=translation] *,.only-print div[style*="fontSize: '0.3rem'"],.only-print div[style*="fontSize: '0.3rem'"] *,.only-print div[style*="fontSize:'0.3rem'"],.only-print div[style*="fontSize:'0.3rem'"] *,.problem-passage.translation[style*=fontSize],.problem-passage.translation[style*=fontSize] *,div[style*="fontSize: '0.3rem'"],div[style*="fontSize: '0.3rem'"] *,div[style*="fontSize:'0.3rem'"],div[style*="fontSize:'0.3rem'"] *{font-size:1rem!important}.only-print .a4-page-content div[class*=translation],.only-print .a4-page-template div[class*=translation],.only-print .quiz-content div[class*=translation],.only-print .quiz-generator div[class*=translation],.only-print .quiz-print-body div[class*=translation],.only-print .quiz-section div[class*=translation],.only-print .work-02-reading-comprehension div[class*=translation],.only-print div[class*=problem-passage][class*=translation],.only-print div[class*=translation]{font-size:1rem!important;max-width:none!important;overflow:visible!important;transform:scale(.9)!important;transform-origin:top left!important;width:111.11%!important}.only-print .a4-page-content div[class*=translation] *,.only-print .a4-page-template div[class*=translation] *,.only-print .quiz-content div[class*=translation] *,.only-print .quiz-generator div[class*=translation] *,.only-print .quiz-print-body div[class*=translation] *,.only-print .quiz-section div[class*=translation] *,.only-print .work-02-reading-comprehension div[class*=translation] *,.only-print div[class*=problem-passage][class*=translation] *,.only-print div[class*=translation] *{font-size:1rem!important;transform:scale(.9)!important;transform-origin:top left!important}}.input-section{margin-bottom:30px}@media (max-width:1024px){.input-type-section{height:48px;margin:12px 0}.input-type-section label{font-size:.9rem;padding:0 4px}.input-type-section label span{padding:1px}.screenshot-help-btn{font-size:10px;height:16px;margin-left:4px;width:16px}}@media (max-width:768px){.input-type-section{flex-direction:column;gap:0;height:auto;margin:10px 0;padding:4px}.input-type-section label{background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 3px #0000001a;flex:none;height:44px;margin-bottom:1px;padding:8px 12px}.input-type-section label:last-child{margin-bottom:0}.input-type-section label span{font-size:.85rem;padding:0}.screenshot-help-btn{font-size:11px;height:18px;margin-left:6px;width:18px}}@media (max-width:480px){.input-type-section{margin:8px 0;padding:2px}.input-type-section label{font-size:.8rem;height:40px;margin-bottom:0;padding:6px 10px}.input-type-section label span{font-size:.8rem}.screenshot-help-btn{font-size:10px;height:16px;margin-left:4px;width:16px}}.input-mode-selector{display:flex;gap:10px;margin-bottom:20px}.input-mode-btn{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:10px 20px}.input-mode-btn.active{background:#1976d2;border-color:#1976d2;color:#fff}.text-input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:15px}.image-upload{margin:20px 0}.image-preview{border:1px solid #ddd;border-radius:5px;margin:10px 0;max-height:400px;max-width:100%}.generate-btn{background:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:20px 0;padding:12px 30px}.generate-btn:hover{background:#1565c0}.generate-btn:disabled{background:#ccc;cursor:not-allowed}.quiz-section{margin-top:30px}.paragraphs-container{margin:20px 0}.paragraph-item{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:10px 0;padding:15px}.paragraph-label{color:#1976d2;font-weight:700;margin-bottom:5px}.paragraph-content{line-height:1.6}.problem-options{margin:20px 0}.option{border:1px solid #ddd;border-radius:5px;cursor:pointer;margin:8px 0;padding:10px 15px;transition:all .2s}.option:hover{background:#f0f0f0;border-color:#1976d2}.option.selected{background:#1976d2;border-color:#1976d2;color:#fff}.option.correct{background:#4caf50;border-color:#4caf50;color:#fff}.print-section{background:#fff;border:1px solid #ddd;border-radius:5px;margin-top:30px;padding:20px}.print-header{border-bottom:2px solid #1976d2;margin-bottom:20px;padding-bottom:20px;text-align:center}.print-title{color:#1976d2;font-size:24px;font-weight:700;margin-bottom:10px}.print-instructions{color:#666;font-size:14px;margin-bottom:20px}@media print{.no-print{display:none!important}.print-section{border:none;margin:0;padding:0}.option{break-inside:avoid;margin:4px 0!important;padding:5px 15px!important;page-break-inside:avoid}.a4-page-content{font-size:.75rem!important;line-height:1.3!important}.shuffled-paragraph{font-size:.75rem!important;line-height:1.25!important;margin-bottom:.3rem!important}.paragraph-simple{margin-bottom:1rem!important}.paragraph-simple div{font-size:.75rem!important;line-height:1.25!important}.only-print .screen-answer-footer{margin:.5rem 0!important;padding:.5rem .8rem!important}.only-print .problem-passage{margin-bottom:.5rem!important}.only-print .quiz-content{padding:.5rem!important}}.quiz-display{margin:0 auto 3.5rem!important;padding:2.5rem 2rem 3.5rem!important}.quiz-display .quiz-header{border-bottom:2px solid #f0f0f0;margin:0 0 2rem!important;padding:0 0 1rem!important}.quiz-display .quiz-header h2{margin:0!important;padding:0!important}.quiz-display .quiz-content{margin:1rem 0 0!important;padding:0!important}.quiz-display .problem-instruction{margin:0 0 .6rem!important;padding:.7rem 1.2rem!important}.quiz-display .paragraphs-container{margin:0!important;padding:0!important}.generator-header{margin:2rem 0!important;padding:0!important}.generator-header h2{margin:0 0 1rem!important;padding:0!important}.generator-header p{margin:0 0 2rem!important;padding:0!important}.quiz-section,.quiz-section h2{margin:0!important}.quiz-section h2{padding:0!important}.edit-hint{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#28a745;font-size:.9rem;font-weight:500;margin-left:1rem;padding:.3rem .6rem}.help-button:hover{background:#e3f2fd!important;border-color:#1565c0!important;color:#1565c0!important}.problem-passage:not(.translation),.problem-passage:not(.translation) *,.work04-problem-options div,.work04-problem-options label{font-size:1.08rem!important}.problem-passage{font-weight:400}@media print{.only-print .problem-passage{font-size:.8rem!important}.only-print .work04-options-container{background:#f8f9fa!important;border:1px solid #dee2e6!important;border-radius:8px!important;margin:0!important;padding:.5rem!important}.only-print .work04-print-options,.only-print .work04-problem-options{font-size:1rem!important;margin:0!important}.only-print .work04-print-options div,.only-print .work04-problem-options div{font-size:1rem!important;line-height:1.8!important;margin:.4rem 0!important}.work04-print-answer-passage{background:#fff3cd!important}.work04-print-answer-passage,.work04-print-answer-translation{font-size:.8rem!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.work04-print-answer-translation{background:#f1f8e9!important}.work04-print-problem-passage{background:#fff3cd!important;font-size:.8rem!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.only-print .problem-instruction{font-size:1rem!important}body,html{margin:0!important;padding:0!important}.answer-page{break-before:page!important;display:block!important;margin-top:0!important;min-height:auto!important;padding-top:0!important;page-break-before:always!important}.answer-page .print-header-margin{margin-top:.5cm!important}.quiz-print-body{break-inside:avoid!important;min-height:auto!important;page-break-inside:avoid!important;position:relative}.quiz-print-body:first-child{padding-top:.5cm}.quiz-print-body+.quiz-print-body{margin-top:0!important;padding-top:0;position:relative}.print-answer-mode .quiz-print-body:nth-child(2){break-before:page!important;margin-top:0!important;padding-top:0!important;page-break-before:always!important}.print-answer-mode .quiz-print-body:nth-child(n+3){break-before:auto!important;page-break-before:auto!important}.only-print .quiz-print-body.answer-page .quiz-section h3{color:#1976d2!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:1.5rem!important;text-align:left!important}.only-print .quiz-print-body.answer-page .quiz-section>div>div{color:#333!important;font-size:.8rem!important;font-weight:500!important;line-height:1.6!important}.work05-long-text,.work05-long-text *{font-size:.8rem!important}.only-print .problem-options{-webkit-column-break-inside:auto!important;-webkit-region-break-inside:auto!important;-webkit-column-break-before:auto!important;-webkit-column-break-after:auto!important;break-after:auto!important;break-before:auto!important;break-inside:auto!important;font-size:1rem!important;line-height:1.3!important;margin:.5rem 0 .1rem!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important}.only-print .problem-options>div{-webkit-column-break-inside:avoid!important;break-inside:avoid!important;line-height:1!important;margin:.8rem 0!important;padding:0!important;page-break-inside:avoid!important}.only-print .problem-options>div>.option-english{color:#222!important;font-size:1rem!important;line-height:1.3!important;margin:0!important;padding:0!important}.only-print .problem-options>div>.option-translation{color:#666!important;font-size:.8rem!important;font-style:italic!important;line-height:1.2!important;margin-left:1rem!important;margin-top:.02rem!important;padding:0!important}.only-print .a4-page-content .quiz-content .problem-instruction:last-of-type,.only-print .a4-page-template .quiz-content .problem-instruction:last-of-type,.only-print .a4-page-template .quiz-section .problem-instruction:last-of-type,.only-print .quiz-content .problem-instruction:last-of-type,.only-print .quiz-section .problem-instruction:last-of-type{margin-bottom:1.2rem!important;margin-top:1.2rem!important;padding-bottom:0!important;padding-top:0!important}.only-print .a4-page-content .problem-passage.translation,.only-print .a4-page-template .a4-page-content .problem-passage.translation,.only-print .a4-page-template .problem-passage.translation,.only-print .a4-page-template .quiz-content .problem-passage.translation,.only-print .problem-passage.translation,.only-print .quiz-content .problem-passage.translation,.only-print .quiz-section .problem-passage.translation{-webkit-column-break-inside:auto!important;break-before:avoid!important;break-inside:auto!important;font-size:1rem!important;line-height:1.6!important;margin:0!important;padding:0 1rem!important;page-break-before:avoid!important;page-break-inside:auto!important}.only-print .a4-page-content,.only-print .a4-page-template,.only-print .quiz-content{-webkit-column-break-inside:auto!important;break-inside:auto!important;page-break-inside:auto!important}.only-print .a4-page-template .a4-page-content .problem-options,.only-print .a4-page-template .problem-options,.only-print .a4-page-template .quiz-content .problem-options{-webkit-column-break-inside:auto!important;break-after:auto!important;break-before:auto!important;break-inside:auto!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important}}@media print{@page{margin:0}}.work05-print-translation{font-size:1rem!important;line-height:1.6!important;margin:1.5rem 0 0!important;padding:0 1rem!important}.problem-instruction.work05-print-instruction{margin-bottom:1.2rem!important;margin-top:1.2rem!important;padding:.7rem .5rem!important}@media print{.only-print .a4-page-content .problem-instruction.work05-print-instruction,.only-print .a4-page-template .problem-instruction.work05-print-instruction,.only-print .problem-instruction.work05-print-instruction,.only-print .quiz-content .problem-instruction.work05-print-instruction,.only-print .quiz-section .problem-instruction.work05-print-instruction,.problem-instruction.work05-print-instruction{margin-bottom:1.2rem!important;margin-top:1.2rem!important;padding:.7rem .5rem!important}.only-print .a4-page-content .work05-print-translation,.only-print .a4-page-template .work05-print-translation,.only-print .quiz-content .work05-print-translation,.only-print .quiz-section .work05-print-translation,.only-print .work05-print-translation,.work05-print-translation{font-size:1rem!important;line-height:1.6!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;padding:0 1rem!important}.only-print .a4-page-content .work05-print-instruction,.only-print .a4-page-template .work05-print-instruction,.only-print .quiz-content .work05-print-instruction,.only-print .quiz-section .work05-print-instruction,.only-print .work05-print-instruction,.work05-print-instruction{margin-bottom:0!important;padding-bottom:0!important;padding-top:0!important}}.problem-instruction{margin-bottom:2rem!important}@media print{@page{margin:0}body,html{margin:0!important;padding:0!important}.quiz-print-body{break-inside:avoid!important;min-height:auto!important;page-break-inside:avoid!important;position:relative}.quiz-print-body:first-child{padding-top:.5cm}body,html{margin:0!important;padding:0!important}.answer-page{break-before:page!important;display:block!important;margin-top:0!important;min-height:auto!important;padding-top:0!important;page-break-before:always!important}.answer-page .print-header-margin{margin-top:.5cm!important}.quiz-print-body{break-inside:avoid!important;min-height:auto!important;page-break-inside:avoid!important;position:relative}.quiz-print-body:first-child{padding-top:.5cm}.quiz-print-body+.quiz-print-body{margin-top:0!important;padding-top:0;position:relative}.print-answer-mode .quiz-print-body:nth-child(2){break-before:page!important;margin-top:0!important;padding-top:0!important;page-break-before:always!important}.print-answer-mode .quiz-print-body:nth-child(n+3){break-before:auto!important;page-break-before:auto!important}.only-print .quiz-print-body.answer-page .main-idea-section h3{color:#1976d2!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:1.5rem!important;text-align:left!important}.only-print .quiz-print-body.answer-page .main-idea-section>div>div{color:#333!important;font-size:.8rem!important;font-weight:500!important;line-height:1.6!important}body,html{margin:0!important;padding:0!important}.answer-page{break-before:page!important;display:block!important;margin-top:0!important;min-height:auto!important;padding-top:0!important;page-break-before:always!important}.answer-page .print-header-margin{margin-top:.5cm!important}.quiz-print-body{break-inside:avoid!important;min-height:auto!important;page-break-inside:avoid!important;position:relative}.quiz-print-body:first-child{padding-top:.5cm}.quiz-print-body+.quiz-print-body{margin-top:0!important;padding-top:0;position:relative}.print-answer-mode .quiz-print-body:nth-child(2){break-before:page!important;margin-top:0!important;padding-top:0!important;page-break-before:always!important}.print-answer-mode .quiz-print-body:nth-child(n+3){break-before:auto!important;page-break-before:auto!important}.only-print .quiz-print-body.answer-page .title-inference-section h3{color:#1976d2!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:1.5rem!important;text-align:left!important}.only-print .quiz-print-body.answer-page .title-inference-section>div>div{color:#333!important;font-size:.8rem!important;font-weight:500!important;line-height:1.6!important}}@media print{@page{margin:0}}@media print{@page{margin:0}}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--accent-50:#fdf4ff;--accent-100:#fae8ff;--accent-200:#f5d0fe;--accent-300:#f0abfc;--accent-400:#e879f9;--accent-500:#d946ef;--accent-600:#c026d3;--accent-700:#a21caf;--accent-800:#86198f;--accent-900:#701a75;--gradient-primary:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-600) 0%,var(--secondary-800) 100%);--gradient-accent:linear-gradient(135deg,var(--accent-600) 0%,var(--accent-800) 100%);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}.navigation{background:linear-gradient(135deg,#475569,#1e293b);box-shadow:0 2px 10px #0000001a;color:#fff;height:70px;justify-content:space-between;padding:.8rem 1.6rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo,.navigation{align-items:center;display:flex}.logo{color:inherit;text-decoration:none}.logo-image{height:48px;margin-right:1rem;width:48px}.nav-center{display:flex;flex:1 1;justify-content:center}.dropdown{display:inline-block;position:relative}.dropdown:after{background:#0000;content:"";height:10px;left:0;position:absolute;top:100%;width:100%}.dropdown-btn{background:#0284c7;background:var(--primary-600);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative}.dropdown-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .35s ease-in-out;transition:left var(--transition-slow);width:100%}.dropdown-btn:hover{background:#0369a1;background:var(--primary-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.dropdown-btn:hover:before{left:100%}.dropdown-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0;border:1px solid var(--secondary-200);border-radius:0;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:block;left:0;margin-top:0;max-height:calc(100vh - 150px);min-width:320px;opacity:1;overflow-x:hidden;overflow-y:auto;padding:.25rem 0;position:absolute;top:100%;transform:translateY(0);transition:all .25s ease-in-out;transition:all var(--transition-normal);width:320px;z-index:1000}.dropdown:not(:hover) .dropdown-content{opacity:0;pointer-events:none;transform:translateY(5px)}.dropdown-item{align-items:center;background:none;border:none;color:#334155;color:var(--secondary-700);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);letter-spacing:.01em;padding:.75rem 1.5rem;position:relative;text-align:left;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}@media (max-width:900px){.dropdown-item{margin-left:1rem;padding-left:3rem}}.dropdown-item:before{background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .15s ease-in-out;transition:transform var(--transition-fast);width:3px}.dropdown-item:focus,.dropdown-item:hover{background:#f0f9ff;background:var(--primary-50);color:#0369a1;color:var(--primary-700);transform:translateX(4px)}.dropdown-item:hover:before{transform:scaleX(1)}.dropdown-item:not(:last-child){border-bottom:.5px solid #f0f0f7}.dropdown-item:last-child{border-bottom:none}.hamburger-menu{align-items:center;display:none;height:100%}.hamburger-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin-left:.5rem;padding:.5rem;transition:color .2s ease;width:40px}.hamburger-btn:hover{color:#e2e8f0}.hamburger-btn:active{color:#cbd5e1}.mobile-menu-content{animation:slideIn .3s ease;background:#fff;box-shadow:-4px 0 20px #00000026;color:#333;display:flex;flex-direction:column;height:100vh;padding:1.5rem 1rem 1rem;position:fixed;right:0;top:0;width:280px;z-index:2000}@keyframes slideIn{0%{opacity:0;right:-280px}to{opacity:1;right:0}}.mobile-menu-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px}.mobile-menu-close:hover{background:#e0e0e0;color:#333;transform:scale(1.1)}.mobile-menu-section{margin-bottom:1.5rem;margin-top:2rem}.mobile-menu-section:last-child{margin-bottom:0}.mobile-menu-title{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:.7rem;padding:.5rem 0}.mobile-menu-item{border-bottom:1px solid #f0f0f7;color:#3a3e7a;font-size:1rem;padding:.9rem .3rem;transition:background .15s}.mobile-menu-section .mobile-menu-item:not(.mobile-feedback-item):not(.profile-edit-button){padding-left:2rem}.mobile-menu-item:hover{background:#f0f0f7;color:#222}.nav-links{align-items:center;display:flex;gap:2rem}.nav-text-link{color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.01em;padding:.5rem 0;position:relative;text-decoration:none;text-shadow:0 1px 2px #0000004d;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.nav-text-link:hover{color:#60a5fa;transform:translateY(-1px)}.nav-text-link:after{background:#60a5fa;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .15s ease-in-out;transition:width var(--transition-fast);width:0}.nav-text-link:hover:after{width:100%}.dropdown-btn{border:none;border-radius:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem 1.2rem;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.dropdown-btn,.dropdown-btn:hover{background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);color:#fff}.dropdown-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-link,.feedback-link,.nav-text-link,.profile-link{background:none;border:none;color:#fff;cursor:pointer;font-family:Roboto,Hahmlet,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.01em;padding:.5rem 0;position:relative;text-decoration:none;text-shadow:0 1px 2px #0000004d;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.auth-link:hover,.feedback-link:hover,.nav-text-link:hover,.profile-link:hover{color:#60a5fa;transform:translateY(-1px)}.auth-link:after,.feedback-link:after,.nav-text-link:after,.profile-link:after{background:#60a5fa;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .15s ease-in-out;transition:width var(--transition-fast);width:0}.auth-link:hover:after,.feedback-link:hover:after,.nav-text-link:hover:after,.profile-link:hover:after{width:100%}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 4px 24px #3c3c642e;margin:auto;max-width:350px;outline:none;padding:0}.auth-modal-overlay{background:#3c3c642e}.modal-login-btn{background:#3a3e7a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1.5rem;padding:.7rem 1.5rem;transition:background .2s}.modal-login-btn:hover{background:#22245a}#root,.App,body{margin:0;padding:0}@media (max-width:900px){.nav-center{display:none}.hamburger-menu{display:block}.nav-links{gap:.7rem}.logo-text h1{font-size:1.05rem}.logo-image{height:38px;width:38px}.navigation{padding:.56rem}.tagline{display:none}}.mobile-menu-item{background:none;border:none;border-bottom:1px solid #ecf0f1;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:.1rem;padding:.4rem .5rem;text-align:left;transition:all .2s ease;width:100%}.mobile-menu-item:last-child{border-bottom:none;margin-bottom:0}.mobile-menu-item:hover{background:#f8f9fa;color:#3498db;transform:translateX(5px)}.mobile-menu-item.mobile-feedback-item,.mobile-menu-item.profile-edit-button{color:#60a5fa;font-weight:700}.mobile-menu-item.mobile-feedback-item:hover,.mobile-menu-item.profile-edit-button:hover{background:#60a5fa26;color:#3b82f6}.auth-modal-overlay{align-items:center;background:#1e223c52;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.profile-edit-modal{align-items:stretch;background:#fff;border-radius:16px;box-shadow:0 8px 32px #1e223c38,0 1.5px 0 #e3e6f0;display:flex;flex-direction:column;margin:auto;max-width:95vw;min-width:340px;outline:none;padding:2.5rem 2.2rem 2rem;position:relative;z-index:3100}.admin-link{color:#1976d2!important;font-weight:600!important;position:relative}.admin-link:hover{background:#1976d21a;color:#1565c0!important}.admin-link:after{background:#1976d2!important}.mobile-menu-item.admin-menu-item{background:#1976d20d;border-left:3px solid #1976d2;color:#1976d2!important;font-weight:600!important;padding-left:1rem}.mobile-menu-item.admin-menu-item:hover{background:#1976d21a;color:#1565c0!important;transform:translateX(4px)}.navigation .logo-text h1{color:#fff!important;font-size:1.3rem;font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 6px #000c}.navigation .tagline{color:#f8fafc!important;display:block;font-size:.9rem;font-weight:600;letter-spacing:.3px;text-shadow:0 2px 4px #000000b3}.mobile-menu-section:first-child .mobile-menu-item{padding-left:1.5rem}.mobile-single-item{border-top:1px solid #ecf0f1;margin-top:.3rem;padding-top:.5rem}.mobile-sub-item{padding-left:1.5rem}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:#0000000d;border-radius:0}.dropdown-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#38bdf8,#0284c7);background:linear-gradient(135deg,var(--primary-400) 0,var(--primary-600) 100%);border-radius:4px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.dropdown-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0ea5e9,#0369a1);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%)}.dropdown-content{scrollbar-color:#0ea5e9 #0000000d;scrollbar-color:var(--primary-500) #0000000d;scrollbar-width:thin}.a4-page-template{break-after:page}.problem-instruction{flex-shrink:0}.problem-passage{min-height:0}.problem-options{flex-shrink:0}.a4-page-template{display:flex;flex-direction:column;height:1123px;margin:0 auto 20px;width:794px}.a4-page-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;height:30px;justify-content:center}.a4-page-content{padding:20px}.a4-page-content,.quiz-content{display:flex;flex:1 1;flex-direction:column}.quiz-content{gap:0}.problem-instruction{flex:0 0 auto;margin-bottom:.2rem}.problem-passage{flex:0 0 auto;height:auto;min-height:auto}.problem-passage.translation{display:flex;flex:0 0 auto!important;flex-direction:column;height:auto!important;min-height:auto!important}.problem-options{flex:0 0 auto;margin:.2rem 0}.text-input{min-height:80px}.quiz-print-body.answer-page:before{content:"=== 2페이지 ==="}@media print{@page{margin:0}body,html{margin:0!important;padding:0!important}.answer-page{break-before:page!important;display:block!important;margin-top:0!important;min-height:auto!important;padding-top:0!important;page-break-before:always!important}.answer-page .print-header-margin{margin-top:.5cm!important}.quiz-print-body{break-inside:avoid!important;min-height:auto!important;page-break-inside:avoid!important;position:relative}.quiz-print-body:first-child{padding-top:.5cm}.quiz-print-body+.quiz-print-body{margin-top:0!important;padding-top:0;position:relative}.print-answer-mode .quiz-print-body:nth-child(2){break-before:page!important;margin-top:0!important;padding-top:0!important;page-break-before:always!important}.print-answer-mode .quiz-print-body:nth-child(n+3){break-before:auto!important;page-break-before:auto!important}.only-print .quiz-print-body.answer-page .grammar-error-section h3{color:#1976d2!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:1.5rem!important;text-align:left!important}.only-print .quiz-print-body.answer-page .grammar-error-section>div>div{color:#333!important;font-size:.8rem!important;font-weight:500!important;line-height:1.6!important}}.warning{color:#e74c3c;margin-left:1rem}@media (max-width:768px){.input-label-row{align-items:flex-start;flex-direction:column;gap:.5rem}.input-label{margin-bottom:.25rem}}@media (max-width:1024px) and (min-width:769px){.input-label-row{align-items:flex-start;flex-direction:column;gap:.5rem}.input-label{margin-bottom:.25rem}}@media print{.only-print .problem-passage.translation{background:#f1f8e9!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.only-print .problem-passage:not(.translation){background:#fff3cd!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media (max-width:768px){.points-info{text-align:center}.points-details,.points-info{align-items:center;flex-direction:column;gap:.5rem}.points-container{text-align:center}}@media (max-width:1024px) and (min-width:769px){.points-info{text-align:center}.points-details,.points-info{align-items:center}.points-container{text-align:center}}.quiz-generator{margin:0 auto 3.5rem;width:100%}.quiz-display{margin-top:0}.generator-header h2{color:#000;font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem}.generator-header p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.input-type-section label:first-child{align-items:center;display:flex;gap:.5rem}.input-type-section input[type=radio]{margin-right:.5rem}.preview-img{border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 3px #0000001a;flex-shrink:0;max-height:70px;max-width:100px;object-fit:cover}.loading-text{color:#6a5acd;flex-shrink:0;font-size:.9rem;white-space:nowrap}.clipboard-btn{background:#6a5acd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.7rem 1.4rem;transition:background .2s}.clipboard-btn:hover{background:#5a67d8}.text-input{border:1.5px solid #e3e6f0;box-sizing:border-box;font-size:1.1rem;margin-bottom:.5rem;padding:.7rem}.text-info{color:#888;font-size:.95rem;margin-top:.2rem}.generate-button{background:#6a5acd;margin-top:1.2rem;padding:.7rem 2.2rem;transition:background .2s}.generate-button:hover{background:#5a67d8}.generate-button:disabled{background:#bdbdbd}.loading-subtext{color:#666;font-size:.9rem;font-weight:400}.error-message{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;margin:20px 0;padding:15px}.screenshot-help-btn{margin-left:.5rem}.quiz-display{margin-top:2rem}.quiz-header{flex-wrap:wrap;gap:1rem}.quiz-header h2{color:#2d3a60;font-size:1.5rem}.quiz-header-buttons{flex-wrap:wrap}.reset-button{border-radius:8px;font-size:.95rem;font-weight:600;padding:.7rem 1.4rem;transition:background .2s}.reset-button:hover{background:#5a6268}.print-button{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.7rem 1.4rem;transition:background .2s}.print-button:hover{background:#218838}.print-icon{font-size:1rem}.sentences-section{margin:2rem 0}.problem-instruction{background:#2d3a60;font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;font-size:1.13rem;font-weight:600;margin-bottom:.1rem!important}.sentences-container{margin:.2rem 0}.sentence-item{background:#fff3cd;border:1.5px solid #e3e6f0;border-radius:8px;box-shadow:0 1px 4px #2c3e500a;font-family:inherit;margin-bottom:1rem;padding:.3rem 1.2rem;transition:border-color .2s}.sentence-item:hover{border-color:#6a5acd}.sentence-header{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.5rem}.sentence-number{color:#6a5acd;flex-shrink:0;font-size:1.08rem;font-weight:700;line-height:1;vertical-align:initial}.sentence-content{color:#232946;flex:1 1;font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;font-size:1.05rem;line-height:1.2;vertical-align:initial}.translation-container{align-items:center;display:flex;gap:.5rem;margin-bottom:.3rem}.translation-label{color:#4a5568;font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;font-weight:600;white-space:nowrap}.translation-answer{font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;line-height:1.5}.answer,.translation-answer{color:#1976d2;font-weight:500}.answer{background:#e3f2fd;border-radius:5px;margin-top:10px;padding:10px}@media print{.work11-print-problem-sentence{background:#fff3cd!important}.work11-print-answer-sentence,.work11-print-problem-sentence{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.work11-print-answer-sentence{background:#f1f8e9!important}.work11-print-answer-sentence>div:first-child{margin-bottom:.5rem!important}.work11-print-answer-sentence>div:last-child{margin-top:.3rem!important}.work11-print-answer-sentence{-webkit-column-break-inside:avoid!important;break-inside:avoid!important;page-break-inside:avoid!important}.work11-print-answer-translation{background:#f1f8e9!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.work11-print-problem-sentence>div:last-child{border-bottom:none!important;height:1rem!important;margin-bottom:0!important;margin-top:.3rem!important;padding:0!important}.work11-print-answer-sentence,.work11-print-problem-sentence{border-width:1px!important;padding-bottom:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.work11-dynamic-print-container{margin:0;padding:0;width:100%}.work11-dynamic-page-template{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:29.7cm;margin:0;padding:0;page-break-inside:avoid;position:relative;width:21cm}@media screen{.work11-dynamic-page-template,.work11-dynamic-print-container{display:none!important}}@media print{.work11-dynamic-page-template{display:flex!important}.work11-dynamic-print-container{display:block!important}.work11-dynamic-page-template:not(:last-child){break-after:page;page-break-after:always}.work11-dynamic-page-template:last-child{break-after:avoid;page-break-after:avoid}.work11-dynamic-page-template .work11-print-answer-sentence,.work11-dynamic-page-template .work11-print-problem-sentence{break-inside:avoid;margin-bottom:1.5rem;page-break-inside:avoid}.work11-dynamic-page-template .work11-print-problem-sentence>div:last-child{border-bottom:none!important;height:1rem!important;margin-bottom:0!important;margin-top:.3rem!important;padding:0!important}.work11-dynamic-page-template .work11-print-answer-sentence,.work11-dynamic-page-template .work11-print-problem-sentence{border-width:1px!important;padding-bottom:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.quiz-print-body.answer-page{border-top:2px dashed #ccc;margin-top:2rem;padding-top:2rem;position:relative}.quiz-print-body.answer-page:before{background:#fff;color:#999;content:"=== 새 페이지 ===";font-size:.9rem;font-weight:700;left:50%;padding:0 1rem;position:absolute;top:-1rem;transform:translateX(-50%)}@media print{.no-print{display:none!important}.only-print{display:block!important}@page{size:A4;margin:1cm}.quiz-print-body{break-inside:avoid!important;margin-bottom:0!important;min-height:auto!important;page-break-inside:avoid!important;position:relative}.quiz-print-body:first-child{padding-top:.5cm}.quiz-print-body.answer-page{break-before:page!important;margin-top:0!important;padding-top:0!important;page-break-before:always!important}.quiz-print-body+.quiz-print-body{margin-top:0!important;padding-top:0;position:relative}.print-answer-mode .quiz-print-body:nth-child(n+6){break-before:auto!important;page-break-before:auto!important}.sentence-item{break-inside:avoid;margin:1rem 0;padding:.15rem .8rem!important;page-break-inside:avoid}.sentence-content{font-size:14px;line-height:1.4}.translation-label{font-size:12px;font-weight:600}.translation-container{margin-bottom:.15rem!important}.print-header-margin{margin-top:.5cm}.print-footer{color:#444;font-size:.8rem;margin-top:2rem;text-align:center}.problem-instruction{font-size:1rem;margin-bottom:1rem;padding:.5rem .8rem}}@media (max-width:768px){.quiz-generator{margin:1rem auto;padding:1.5rem 1rem 2.5rem}.generator-header h2{font-size:1.5rem}.input-type-section{align-items:flex-start;flex-direction:column;gap:.8rem}.points-info{text-align:center}.points-details,.points-info{align-items:center;flex-direction:column;gap:.5rem}.quiz-header{align-items:flex-start;flex-direction:column}.quiz-header-buttons{justify-content:flex-start;width:100%}.file-upload-row{align-items:stretch;flex-direction:column;gap:.8rem;margin:.8rem 0;padding:0}.file-upload-btn,.file-upload-status{font-size:.95rem;height:2.8rem;min-width:0;padding:.7rem 1rem;width:100%}.input-guide .preview-row{align-items:center;flex-direction:column;gap:.8rem;margin:.8rem 0 0}.input-guide .preview-img{max-height:80px;max-width:120px}.input-guide .loading-text{font-size:.9rem}}.work11-dynamic-page-template .work11-print-answer-sentence>div:last-child,.work11-print-answer-sentence>div:last-child{padding-bottom:.5rem!important}.work11-dynamic-page-template .work11-print-answer-sentence>div:last-child:after,.work11-dynamic-page-template .work11-print-answer-sentence>div:last-child:before,.work11-print-answer-sentence>div:last-child:after,.work11-print-answer-sentence>div:last-child:before{display:none!important}.work11-dynamic-page-template .work11-print-answer-sentence>div:last-child,.work11-print-answer-sentence>div:last-child{border:none!important}.word-study-generator,.word-study-quiz-container,채ㅕuiz-generator{background:#fff;border-radius:16px;box-shadow:0 2px 16px 0 #00000012;margin:1rem auto;max-width:1200px;padding:2.5rem 1.2rem 3.5rem;width:100%}.generator-header h2,.word-study-generator h2,.word-study-quiz-container h2{color:#000;font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem}.ai-option-section{align-items:center;background:#f7f8fc;border-radius:12px;box-shadow:0 1px 4px #2c3e500a;display:flex;gap:2.5rem;padding:1.2rem 1.5rem}.ai-option-section label,.input-type-section label{align-items:center;color:#000;cursor:pointer;display:flex;font-size:1.08rem;font-weight:500;gap:.5rem}.screenshot-help-btn{background:#667eea;border:none;height:20px;margin-left:8px;transition:background-color .2s;width:20px}.screenshot-help-btn:hover{background:#5a67d8}.option-group{display:flex;flex-direction:column;gap:.2rem;margin-right:2rem}.option-label{align-items:center;display:flex;gap:.5rem}.option-text{color:#4a90e2;font-weight:600}.option-description{color:#7a7a9a;font-size:.98rem;margin-bottom:.2rem;margin-left:1.8rem}.service-unavailable{color:#e74c3c;font-size:.95rem;margin-left:1.8rem}.input-guide{transition:border .2s,box-shadow .2s,background .2s}.input-guide .preview-row{align-items:center;background:#0000;border:none;border-radius:0;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;margin:0;padding:0}.input-guide .preview-img{border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 3px #0000001a;flex-shrink:0;max-height:70px;max-width:100px;object-fit:cover}.input-guide .loading-text{color:#6a5acd;flex-shrink:0;font-size:.9rem;font-weight:600;white-space:nowrap}.input-guide .error-text{color:#e74c3c;font-size:1.05rem;margin-top:.5rem}.input-label{color:#000;font-size:1.08rem;margin-bottom:.2rem}.text-info{color:#7a7a9a;font-size:.98rem;gap:1.2rem}.warning{color:#e67e22}.tooltip{color:#e74c3c;font-size:.98rem;margin-top:.2rem}.error-message{background:#fff0f0;border:1.2px solid #f5b7b1;border-radius:8px;color:#e74c3c;font-size:1.05rem;margin-top:.5rem;padding:.7rem 1rem}.generate-button{margin-top:1.5rem}.ai-option-section input[type=radio],.input-type-section input[type=radio]{accent-color:#6a5acd;height:1.1em;margin-right:.3em;width:1.1em}@media (max-width:1400px){.quiz-generator,.word-study-generator,.word-study-quiz-container{max-width:98vw}}@media (max-width:900px){.quiz-generator,.word-study-generator,.word-study-quiz-container{max-width:100vw;padding:1.2rem .5rem 2rem}}@media (max-width:600px){.quiz-generator,.word-study-generator,.word-study-quiz-container{border-radius:0;box-shadow:none;max-width:100vw;padding:.7rem .2rem 1.2rem}.ai-option-section,.input-type-section{flex-direction:column;gap:1.1rem;padding:.7rem}.input-section{gap:.4rem}.generate-button{font-size:.98rem;height:38px;min-width:100%;padding:0 6px;width:100%}.button-group{flex-direction:row!important;gap:8px;margin-top:20px}}.file-upload-row{background:#0000;border:none;border-radius:0;flex-direction:row;flex-wrap:nowrap;gap:1.2rem;justify-content:flex-start;margin:0;padding:0;width:100%}.file-upload-btn{background:linear-gradient(90deg,#6a5acd,#4a90e2);border:none;border-radius:8px;box-shadow:0 2px 8px #2c3e5014;display:inline-block;flex-shrink:0;font-size:.95rem;font-weight:700;height:2.6rem;min-width:90px;padding:.7rem 1.4rem;position:relative;text-align:center;transition:background .2s,box-shadow .2s,transform .1s}.file-upload-btn:hover{background:linear-gradient(90deg,#4a90e2,#6a5acd);box-shadow:0 4px 16px #2c3e501f;transform:translateY(-2px) scale(1.03)}.file-upload-status{align-items:center;background:#f7f8fc;border:1.2px solid #e3e6f0;border-radius:8px;box-shadow:0 1.5px 6px #2c3e500a;color:#000;display:inline-flex;flex:1 1;font-size:.92rem;font-weight:500;gap:.5rem;height:2.6rem;letter-spacing:-.3px;max-width:300px;min-width:140px;padding:.7rem 1.2rem;vertical-align:middle}.file-upload-status:before{content:"\1F4C1";display:inline-block;font-size:1.08rem;margin-right:.4rem;opacity:.7}@media (max-width:768px){.file-upload-row{align-items:stretch;flex-direction:column;gap:.8rem;margin:.8rem 0;padding:0}.file-upload-btn,.file-upload-status{font-size:.95rem;height:2.8rem;min-width:0;padding:.7rem 1rem;width:100%}.input-guide .preview-row{align-items:center;flex-direction:column;gap:.8rem;margin:.8rem 0 0}.input-guide .preview-img{max-height:80px;max-width:120px}.input-guide .loading-text{font-size:.9rem}}@media (max-width:600px){.input-guide{min-height:100px;padding:.8rem}.file-upload-row{gap:.6rem;padding:0}.file-upload-btn,.file-upload-status{font-size:.9rem;height:2.6rem;padding:.6rem .8rem}.input-guide .preview-img{max-height:70px;max-width:100px}}.quiz-generator{border-radius:16px;box-shadow:0 2px 16px 0 #00000012;font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;padding:2.5rem 1.2rem 3.5rem}.button-group{gap:16px;margin-top:32px}.button-group,.generate-button{display:flex;justify-content:center}.generate-button{align-items:center;box-shadow:0 1px 4px 0 #0000000a;font-size:1.08rem;gap:8px;height:44px;min-width:120px;padding:0 22px;transition:background .15s,color .15s}.generate-button:active,.generate-button:hover{background:linear-gradient(90deg,#6a5acd,#4a90e2)}.generate-button:disabled{color:#aaa}.generate-button.yellow{background:#ffd600;color:#222;font-weight:800}.generate-button.yellow:hover{background:#ffe066}.generate-button.yellow:active{background:#ffd600}.blank-inference-problem{margin-bottom:2.5rem}.problem-instruction{display:inline-block;margin-bottom:.6rem}.problem-passage{background:#f7f8fc;font-family:inherit;font-size:1.08rem;line-height:1.7;margin:1.2rem 0}.problem-options label{cursor:pointer;display:block;font-family:inherit;font-size:1.08rem;margin:.4rem 0}.print-answer,.problem-answer{color:#ffd600;font-weight:700;margin-top:1.2rem}.print-only{display:none}@media print{@page{margin:0}body,html{margin:0!important;padding:0!important}.generator-header h2,.quiz-generator h2,.word-study-generator h2,.word-study-quiz-container h2{font-size:2rem!important}.quiz-generator,.word-study-generator,.word-study-quiz-container{box-sizing:border-box;max-width:100vw!important;width:100vw!important}.print-header-margin{margin-top:1cm!important}.only-print,.only-print *{font-size:.9em!important}.only-print .print-header{font-size:1.18em!important}.only-print .print-header-title{font-size:1.25em!important}.only-print .print-header-tagline{font-size:1.15em!important}.translation-section{page-break-inside:avoid}.only-print table{font-size:.7rem!important}.only-print table td,.only-print table th{font-size:.7rem!important;padding:.4rem!important}.only-print table *{font-size:.7rem!important}}.points-container{background:#fff;border:2px solid #000;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;padding:1rem 1.5rem}.points-info{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.points-text{color:#2d3748;font-size:1rem;font-weight:600}.points-details{align-items:center;display:flex;flex-direction:row;gap:1rem}.current-points-display{background:#0596691a;border:1px solid #05966933;border-radius:6px;color:#059669;font-size:.9rem;font-weight:500;padding:.25rem .75rem}.deduction-info{background:#dc26261a;border:1px solid #dc262633;border-radius:6px;color:#dc2626;font-size:.85rem;font-weight:500;padding:.25rem .75rem}@media (max-width:768px){.points-info{text-align:center}.points-details,.points-info{align-items:center;flex-direction:column;gap:.5rem}.points-container{text-align:center}.input-label-row{align-items:flex-start;flex-direction:column;gap:.5rem}.input-label{margin-bottom:.25rem}}@media (max-width:1024px) and (min-width:769px){.input-label-row{align-items:flex-start;flex-direction:column;gap:.5rem}.input-label{margin-bottom:.25rem}.points-info{text-align:center}.points-details,.points-info{align-items:center}.points-container{text-align:center}}.loading-text{color:#000}@media screen{.a4-page-template-work12,.only-print-work12,.print-answer-mode-work12,.print-footer-work12,.print-gap-work12,.print-header-margin-work12,.print-header-work12,.quiz-print-body-work12{display:none!important}}@media print{.a4-page-template-work12,.only-print-work12,.print-answer-mode-work12,.print-footer-work12{display:block!important}.a4-page-template-work12{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:29.7cm;left:0;margin:0;padding:0;page-break-inside:avoid;position:relative;top:0;width:21cm}.a4-page-header-work12{box-sizing:border-box;flex-shrink:0;height:1.5cm;padding:.5cm .3cm 0}.a4-page-header-work12,.print-header-work12{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.print-header-work12{font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif}.print-header-text-work12{color:#333;font-size:.9rem;font-weight:600;margin:0;text-align:center}.print-header-work12:after{background-color:#333;content:"";height:1px;margin-top:.3cm;width:100%}.a4-page-content-work12{-webkit-column-break-inside:auto;box-sizing:border-box;break-inside:auto;flex:1 1;height:auto;min-height:auto;overflow:visible;padding:.35cm .8cm 1cm;width:100%}.quiz-content-work12{display:flex;flex-direction:column;height:100%;width:100%}.only-print-work12 .a4-page-content-work12,.only-print-work12 .a4-page-content-work12 *,.only-print-work12 .a4-page-template-work12,.only-print-work12 .a4-page-template-work12 *{font-size:1rem!important}.only-print-work12 .a4-page-template-work12:not(:last-child){break-after:page!important;page-break-after:always!important}.only-print-work12 .a4-page-template-work12:last-child{break-after:avoid!important;page-break-after:avoid!important}@page{size:A4;margin:0;padding:0}.problem-instruction-work12{background:#222;border-radius:8px;box-sizing:border-box;color:#fff;display:block;font-size:1rem!important;font-weight:800;margin-bottom:0;padding:.7rem .5rem;width:100%}.word-quiz-container-work12{margin:0}.word-question-work12{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:2rem;padding:1rem}.word-question-text-work12{color:#333;font-size:1rem!important;font-weight:600;margin-bottom:1rem}.word-options-work12{display:flex;flex-direction:column;gap:.5rem}.word-option-work12{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:1rem!important;padding:.5rem}.word-option-work12.correct{background:#e8f5e8;border-color:#4caf50;color:#1976d2;font-weight:600}.word-answer-work12{background:#f0f8ff;border:1px solid #e3f2fd;border-radius:4px;color:#1976d2;font-size:1rem!important;font-weight:600;margin-top:1rem;padding:.8rem}.word-list-container-work12{display:flex;gap:.5cm;margin:1rem 0;width:100%}.word-list-column-work12{flex:1 1;width:50%}.word-list-table-work12{background:#fff;border:2px solid #000;border-collapse:collapse;border-radius:0;font-size:.75rem!important;margin:0;overflow:hidden;width:100%}.word-list-table-work12 th{background:#e3f2fd;border:1px solid #000;color:#000;font-size:.75rem!important;font-weight:700;padding:.4rem;text-align:center;width:15%}.word-list-table-work12 th:nth-child(2),.word-list-table-work12 th:nth-child(3){width:42.5%}.word-list-table-work12 td{border:1px solid #000;color:#000;font-size:.75rem!important;font-weight:500;padding:.4rem;text-align:left}.word-list-table-work12 td:first-child{text-align:center}.word-list-table-work12 tr:nth-child(2n){background:#f8f9fa}.word-list-table-work12 tr:nth-child(odd){background:#fff}.word-list-table-work12 .answer-cell{background:#f0f8ff!important;color:#1976d2!important;font-weight:700!important}@media print and (max-width:21cm){.a4-page-template-work12{height:auto;min-height:29.7cm;width:100%}}.a4-page-content-work12{page-break-inside:auto}.problem-instruction-work12{break-after:avoid;page-break-after:avoid}.word-list-table-work12,.word-question-work12{break-inside:avoid;page-break-inside:avoid}.a4-page-template-work12:empty{display:none}.only-print-work12 .a4-page-template-work12{-webkit-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.only-print-work12 .a4-page-content-work12{-webkit-column-break-inside:auto;break-inside:auto;page-break-inside:auto}.print-header{align-items:center;background:linear-gradient(90deg,#2d3a60,#6a5acd);box-shadow:0 4px 24px #2c3e5040;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;margin:1cm 0 1.2rem;min-width:0;padding:.8rem 1.4rem;position:relative;width:100%;z-index:9999}.only-print,.print-answer-mode,.print-footer,.print-header-margin,.quiz-print-body{display:block}.no-print{display:none!important}.print-gap{display:block;height:1.5rem;margin:0;padding:0}.a4-page{background:#fff;box-shadow:0 0 10px #0000001a;margin:0 auto;min-height:29.7cm;padding:0;page-break-after:always;position:relative;width:21cm}.a4-page:last-child{page-break-after:avoid}.a4-page-content{color:#333;font-family:Malgun Gothic,맑은 고딕,Arial,sans-serif;line-height:1.6;padding:1.5cm}.quiz-content{width:100%}.problem-instruction{align-items:center!important;background:#222!important;border-radius:8px!important;color:#fff!important;display:flex!important;font-size:1rem!important;font-weight:800!important;justify-content:space-between!important;margin-bottom:1.2rem!important;padding:.7rem .5rem!important;width:100%!important}.correct-answer{color:#1976d2!important;font-weight:700!important}}.work-13-container{margin:0 auto;max-width:1200px;padding:20px}.work-13-header{margin-bottom:30px;text-align:center}.work-13-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.work-13-description{color:#666;font-size:1.1rem;line-height:1.6}.work-13-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:30px}.work-13-input-section{margin-bottom:30px}.work-13-input-label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:10px}.work-13-textarea{border:2px solid #ddd;border-radius:8px;font-size:1rem;line-height:1.6;min-height:200px;padding:15px;resize:vertical;transition:border-color .3s ease;width:100%}.work-13-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.work-13-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:10px;margin-right:10px;padding:12px 24px;transition:background-color .3s ease}.work-13-button:hover{background:#0056b3}.work-13-button:disabled{background:#6c757d;cursor:not-allowed}.work-13-result{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-top:30px;padding:20px}.work-13-quiz-text{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:20px;white-space:pre-wrap}.work-13-answer-section{margin-top:20px}.work-13-answer-label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.work-13-answer-input{border:2px solid #ddd;border-radius:6px;font-size:1rem;margin-bottom:15px;padding:10px;width:100%}.work-13-answer-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.work-13-correct-answer{color:#1976d2;font-weight:600;margin-top:10px}.work-13-loading{color:#666;font-size:1.1rem;padding:40px;text-align:center}.work-13-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;margin:20px 0;padding:15px}.work-13-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin:20px 0;padding:15px}.quiz-header h2{color:#2d3748;font-size:1.8rem;font-weight:700}.quiz-header-buttons{align-items:center}.print-button,.reset-button{align-items:center;background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.print-button:hover,.reset-button:hover{background:#3182ce;box-shadow:0 4px 12px #4299e14d;transform:translateY(-2px)}.print-icon{font-size:1.1rem}.problem-instruction{align-items:center;display:flex;font-size:1.18rem;font-weight:800;justify-content:space-between;margin:1.2rem 0;padding:.7rem 1.2rem;width:100%}.problem-text{background:#fff3cd!important;border-radius:8px!important;font-family:inherit!important;font-size:1.08rem!important;line-height:1.7!important;margin:1.2rem 0!important;padding:1.2rem!important}.problem-answer{background:#f8f9fa;margin-top:1.2rem}.correct-answer,.problem-answer{color:#1976d2;font-weight:700}@media print{.work13-print-answer-text,.work13-print-problem-text{background:#fff3cd!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.work13-print-translation{background:#f1f8e9!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.a4-page-template{background:#fff;box-shadow:0 0 10px #0000001a;margin:0 auto;min-height:29.7cm;padding:0;page-break-after:always;position:relative;width:21cm}.a4-page-header{background:#0000;box-shadow:none;margin:0;padding:.3rem 0}.a4-page-content{color:#333;font-family:Malgun Gothic,맑은 고딕,Arial,sans-serif;line-height:1.6;padding:0 1cm 1.5cm}.quiz-content{width:100%}.quiz-generator{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a}.generator-header h2{color:#2d3748;font-weight:700;margin-bottom:2rem;text-align:center}.input-guide{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:2rem;transition:all .3s ease}.input-guide.paste-focused{background:#e3f2fd;border-color:#007bff}.drop-icon{font-size:3rem;margin-bottom:1rem}.drop-text{color:#495057;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.drop-desc{color:#6c757d;font-size:.9rem}.preview-row{margin-top:1rem}.preview-img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:100%}.file-upload-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.file-upload-btn{background:#007bff;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease}.file-upload-btn:hover{background:#0056b3}.file-upload-status{color:#6c757d;font-size:.9rem}.loading-text{color:#007bff;font-style:italic}.input-section{margin-bottom:2rem}.input-label-row{align-items:center;margin-bottom:.5rem}.input-label{color:#495057;font-size:1.1rem}.warning{color:#dc3545;font-size:.9rem}.text-input{border:2px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.6;min-height:200px;padding:1rem;resize:vertical;transition:border-color .3s ease}.text-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.text-info{align-items:center;color:#6c757d;display:flex;font-size:.9rem;justify-content:space-between;margin-top:.5rem}.generate-button{background:#28a745;position:relative}.generate-button:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.generate-button:disabled{background:#6c757d}.centered-hourglass-overlay{bottom:0;right:0;z-index:9999}.centered-hourglass-content{border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:2rem}.centered-hourglass-spinner{animation:spin 2s linear infinite;display:block;margin-bottom:1rem}@media print{.work-13-button{display:none}.work-13-container{max-width:none;padding:0}.work-13-content{border:1px solid #000;box-shadow:none}}.quiz-generator{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.generator-header{margin-bottom:2rem;text-align:center}.generator-header h2{color:#333;font-size:1.8rem;margin-bottom:.5rem}.generator-header p{color:#666;font-size:1rem;line-height:1.5}.input-type-section{align-items:stretch;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;gap:0;height:56px;margin:15px 0;padding:0}.input-type-section label{align-items:center;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;height:100%;justify-content:center;margin:0;padding:0 6px;transition:background-color .2s}.input-type-section input[type=radio]{flex-shrink:0;margin-right:6px}.input-type-section label span{align-items:center;display:flex;padding:2px;white-space:nowrap}.screenshot-help-btn{align-items:center;background:#007bff;border:2px solid #0056b3;border-radius:50%;box-shadow:0 2px 4px #007bff4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:18px;justify-content:center;margin-left:6px;transition:all .2s ease;width:18px}.screenshot-help-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff66;transform:scale(1.1)}@media (max-width:1024px){.input-type-section{height:48px;margin:12px 0}.input-type-section label{font-size:.9rem;padding:0 4px}.input-type-section label span{padding:1px}.screenshot-help-btn{font-size:9px;height:14px;margin-left:4px;width:14px}}@media (max-width:768px){.input-type-section{flex-direction:column;gap:0;height:auto;margin:10px 0;padding:4px}.input-type-section label{background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 3px #0000001a;flex:none;height:44px;margin-bottom:1px;padding:8px 12px}.input-type-section label:last-child{margin-bottom:0}.input-type-section label span{font-size:.85rem;padding:0}.screenshot-help-btn{font-size:10px;height:16px;margin-left:6px;width:16px}}@media (max-width:480px){.input-type-section{margin:8px 0;padding:2px}.input-type-section label{font-size:.8rem;height:40px;margin-bottom:0;padding:6px 10px}.input-type-section label span{font-size:.8rem}.screenshot-help-btn{font-size:9px;height:14px;margin-left:4px;width:14px}}.input-type-section h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.input-mode-buttons{display:flex;flex-wrap:wrap;gap:1rem}.input-mode-buttons button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.input-mode-buttons button:hover{border-color:#1976d2;color:#1976d2}.input-mode-buttons button.active{background:#1976d2;border-color:#1976d2;color:#fff}.input-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.image-input label,.text-input label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.text-input textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;min-height:200px;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.text-input textarea:focus{border-color:#1976d2;outline:none}.text-input textarea.paste-focused{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.image-input input[type=file]{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;padding:.8rem;transition:border-color .3s ease;width:100%}.image-input input[type=file]:hover{border-color:#1976d2}.action-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.point-info{color:#333;font-size:1.1rem}.point-info strong{color:#1976d2;font-weight:700}.generate-button{background:#1976d2;border-radius:8px;font-size:1.1rem;font-weight:600;min-width:150px;padding:1rem 2rem;transition:all .3s ease}.generate-button:hover:not(:disabled){background:#1565c0;box-shadow:0 4px 12px #1976d24d;transform:translateY(-2px)}.generate-button:disabled{background:#ccc;box-shadow:none;transform:none}.help-section{margin-bottom:2rem;text-align:center}.help-button{background:#6c757d;border-radius:8px;font-size:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.help-button:hover{background:#5a6268;transform:translateY(-2px)}.problem-instruction{background:#222;border-radius:8px;box-shadow:none;color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;padding:1rem 1.5rem}.answer-input-section{margin-top:1.5rem}.answer-input-section label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.answer-input-section textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;min-height:80px;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.answer-input-section textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.problem-answer{border-radius:8px;font-size:1.1rem;font-weight:600;margin-top:1.5rem;padding:1rem}.problem-answer span{display:block}.print-buttons{display:flex;flex-wrap:wrap;gap:1rem}.print-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.print-buttons button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.only-print{display:none}@media print{.no-print{display:none!important}.only-print{display:block!important}body{font-size:12pt;line-height:1.4;margin:0;padding:0}.a4-page-template{background:#fff;box-sizing:border-box;margin:0 auto;min-height:297mm;padding:20mm;page-break-after:always;width:210mm}.a4-page-template:last-child{page-break-after:avoid}.a4-page-header{border-bottom:2px solid #333;margin-bottom:20px;padding-bottom:10px}.a4-page-content{flex:1 1}.quiz-content{height:100%}.problem-instruction{background:#222!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:768px){.quiz-generator{padding:1rem}.generator-header h2{font-size:1.5rem}.input-mode-buttons{flex-direction:column}.input-mode-buttons button{width:100%}.action-section{flex-direction:column;text-align:center}.print-buttons{justify-content:center}.print-buttons button{flex:1 1;min-width:120px}}@media (max-width:480px){.quiz-generator{padding:.5rem}.generator-header h2{font-size:1.3rem}.action-section,.input-section{padding:1rem}.print-buttons{flex-direction:column}.print-buttons button{width:100%}}.package-quiz-container,.package-quiz-generator,.quiz-generator{background:#fff;border-radius:16px;box-shadow:0 2px 16px 0 #00000012;margin:1rem auto;max-width:1200px;padding:2.5rem 1.2rem 3.5rem;width:100%}.generator-header h2,.package-quiz-container h2,.package-quiz-generator h2{-webkit-text-fill-color:initial!important;-webkit-text-stroke:none!important;color:#000;color:#000!important;font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem;text-shadow:none!important}.generator-header h2:first-letter,.package-quiz-container h2:first-letter,.package-quiz-generator h2:first-letter{-webkit-text-fill-color:initial!important;-webkit-text-stroke:none!important;color:#000!important;color:initial!important;text-shadow:none!important}.generator-header h2,.package-quiz-container h2,.package-quiz-generator h2{font-feature-settings:"emoji";font-variant-emoji:emoji}.generator-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.ai-option-section,.input-type-section{align-items:center;background:#f7f8fc;border-radius:12px;box-shadow:0 1px 4px #2c3e500a;display:flex;gap:2.5rem;padding:1.2rem 1.5rem}.input-type-section{flex-direction:row;justify-content:center;margin-bottom:1.2rem}@media (max-width:768px){.input-type-section{align-items:flex-start;flex-direction:column;gap:.8rem}}.input-type-label{color:#3a3a5a;font-size:1.08rem;font-weight:600}.input-type-options{display:flex;flex-wrap:wrap;gap:1.5rem}.input-type-option{align-items:center;color:#3a3a5a;cursor:pointer;display:flex;font-size:1.08rem;font-weight:500;gap:.5rem}.input-type-option input[type=radio]{accent-color:#6a5acd;height:1.1em;margin-right:.3em;width:1.1em}.input-section{display:flex;flex-direction:column;gap:.7rem;margin-top:.5rem}.input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.input-header label{color:#3a3a5a;font-size:1.08rem;font-weight:600}.help-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.4rem .8rem;transition:background-color .2s}.help-button:hover{background:#5a67d8}.capture-input-container,.image-input-container,.text-input-container{width:100%}.text-input{background:#f7f8fc;border:1.5px solid #cfd8ea;border-radius:10px;box-shadow:0 1px 4px #2c3e500a;color:#2d3748;font-family:Open Sans,Noto Sans KR,sans-serif;font-size:1.08rem;min-height:160px;padding:1.1rem;resize:none;transition:border-color .3s,box-shadow .3s;width:100%}.text-input:focus{outline:none}.text-input.focused,.text-input:focus{border-color:#6a5acd;box-shadow:0 0 0 3px #6a5acd1a}.image-input{background:#f7f8fc;border:1.5px solid #cfd8ea;border-radius:10px;font-size:1rem;padding:.8rem;transition:border-color .3s,box-shadow .3s;width:100%}.image-input:focus{border-color:#6a5acd;box-shadow:0 0 0 3px #6a5acd1a;outline:none}.image-preview{margin-top:1rem;text-align:center}.image-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%}.capture-instructions{background:#f7f8fc;border:2px dashed #b3c6e0;border-radius:10px;color:#666;font-size:1.1rem;padding:2rem;text-align:center}.capture-instructions p{font-weight:500;margin:0}.work-types-selection{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:2rem 0;padding:1.5rem}.work-types-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.work-types-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.select-all-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.select-all-button:hover{background:#5a6268}.work-types-grid{grid-gap:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1rem}.work-type-checkbox{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .2s}.work-type-checkbox:hover{background-color:#f0f0ff;border-color:#6a5acd}.work-type-checkbox input[type=checkbox]{accent-color:#6a5acd;flex-shrink:0;height:18px;margin-right:.8rem;width:18px}.checkbox-label{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:row;gap:.5rem}.work-type-id{color:#6a5acd;font-size:.9rem;font-weight:600;margin-right:.3rem}.work-type-name{color:#333;flex:1 1;font-size:.95rem;font-weight:500;margin-right:.5rem}.work-type-points{color:#666;font-size:.85rem;font-weight:400;margin-left:auto}.quiz-generator .point-info{align-items:center;background:#fff;border:2px solid #000;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin:1rem 0;padding:1rem 1.5rem}.current-points{color:#2d3748;font-size:1rem}.current-points strong{background:#0596691a;border:1px solid #05966933;border-radius:6px;color:#059669;padding:.25rem .75rem}.total-cost{color:#2d3748;font-size:1rem;font-weight:600}.total-cost strong{background:#dc26261a;border:1px solid #dc262633;border-radius:6px;color:#dc2626;padding:.25rem .75rem}.generate-section{margin-top:2rem}.generate-button{background:linear-gradient(90deg,#4a90e2,#6a5acd);border:none;border-radius:10px;box-shadow:0 2px 8px #2c3e5014;color:#fff;cursor:pointer;font-size:1.18rem;font-weight:700;padding:1rem 0;transition:background .2s,box-shadow .2s;width:100%}.generate-button:hover:not(:disabled){background:linear-gradient(90deg,#6a5acd,#4a90e2);box-shadow:0 4px 16px #2c3e501f}.generate-button:disabled{background:#cfd8ea;color:#a0a0b0;cursor:not-allowed}.loading{color:#666}.error,.loading{font-size:1.1rem}.error{background:#fff0f0;border:1px solid #f5b7b1;border-radius:8px;color:#e74c3c;padding:2rem;text-align:center}.input-label-row{align-items:baseline;display:flex;gap:1rem;justify-content:space-between;margin-bottom:0}.input-label{color:#2d3748;flex-shrink:0;font-weight:600;margin-bottom:0}.warning{background:#dc26261a;border:1px solid #dc262633;border-radius:6px;color:#dc2626;flex-shrink:1;font-size:.85rem;font-weight:500;padding:.25rem .75rem}@media (max-width:1400px){.package-quiz-container,.package-quiz-generator,.quiz-generator{max-width:98vw}}@media (max-width:900px){.package-quiz-container,.package-quiz-generator,.quiz-generator{max-width:100vw;padding:1.2rem .5rem 2rem}}@media (max-width:768px){.package-quiz-container,.package-quiz-generator,.quiz-generator{border-radius:0;box-shadow:none;max-width:100vw;padding:.7rem .2rem 1.2rem}.ai-option-section,.input-type-section{flex-direction:column;gap:1.1rem;padding:.7rem}.input-type-options{flex-direction:column;gap:.8rem}.work-types-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)}.work-type-checkbox{padding:.8rem}.checkbox-label{padding:0}.work-types-header{align-items:flex-start;flex-direction:column;gap:1rem}.quiz-generator .point-info{flex-direction:column;gap:.5rem;text-align:center}.input-label-row{align-items:flex-start;flex-direction:column;gap:.5rem}.input-label{margin-bottom:.25rem}.generate-button{font-size:1rem;height:48px;min-width:100%;padding:0 6px;width:100%}}@media (max-width:600px){.ai-option-section,.input-type-section{flex-direction:column;gap:1.1rem;padding:.7rem}.input-section{gap:.4rem}.capture-instructions{padding:1.5rem}.work-types-selection{padding:1rem}.work-types-grid{grid-template-columns:1fr}.quiz-generator .point-info{padding:.8rem 1rem}}.centered-hourglass-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.centered-hourglass-content{align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:1rem;padding:2rem 3rem;text-align:center}.centered-hourglass-spinner{animation:hourglass-rotate 1.5s ease-in-out infinite;font-size:3rem}.loading-text{color:#3a3a5a;font-size:1.2rem;font-weight:600}@keyframes hourglass-rotate{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@media print{.no-print{display:none!important}.only-print{display:block!important}.package-quiz-container,.package-quiz-generator,.quiz-generator{box-sizing:border-box;max-width:100vw!important;width:100vw!important}.print-header-margin{margin-top:1cm!important}}.generated-quizzes{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-top:2rem;padding:1.5rem}.generated-quizzes h3{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.quiz-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.quiz-item h4{border-bottom:2px solid #007bff;color:#000;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.work01-quiz{margin-top:1rem}.quiz-instruction{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;margin-bottom:1rem;padding:1rem}.shuffled-paragraphs{margin-bottom:1.5rem}.paragraph-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;margin-bottom:.8rem;padding:.8rem}.paragraph-label{background:#007bff;border-radius:4px;color:#fff;font-size:.9rem;font-weight:600;margin-right:1rem;min-width:2rem;padding:.3rem .6rem;text-align:center}.paragraph-text{color:#333;flex:1 1;line-height:1.5}.choices{margin-bottom:1rem}.choice-item{color:#555;font-size:.95rem;padding:.5rem 0}.correct-answer{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-weight:600;padding:.8rem}.quiz-display{background:#fff;border-radius:16px;box-shadow:0 2px 16px 0 #00000012;margin:1rem auto;max-width:1200px;padding:2.5rem 1.2rem 3.5rem;width:100%}.quiz-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.quiz-header h2{color:#000;font-family:Noto Sans KR,Segoe UI,Apple SD Gothic Neo,Arial,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-1px;margin:0}.quiz-header-buttons{display:flex;gap:1rem}.new-problem-btn,.print-answer-btn,.print-problem-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.new-problem-btn{background:#e2e8f0;color:#475569}.new-problem-btn:hover{background:#cbd5e1;transform:translateY(-1px)}.print-problem-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #667eea40;color:#fff}.print-problem-btn:hover{box-shadow:0 6px 12px #667eea59;transform:translateY(-2px)}.print-answer-btn{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 6px #f093fb40;color:#fff}.print-answer-btn:hover{box-shadow:0 6px 12px #f093fb59;transform:translateY(-2px)}.problem-title{background:#222!important;border-radius:3px!important;color:#fff!important;display:inline-block!important;font-size:.6rem!important;font-weight:800!important;margin-bottom:.3rem!important;padding:.2rem .4rem!important}.problem-passage{background:#fff3cd!important;background-color:#fff3cd!important;border:1.5px solid #e3e6f0;border-radius:8px;margin:1.5rem 0;padding:1.2rem}.only-print .problem-passage.translation-container{background:#f1f8e9!important;background-color:#f1f8e9!important}.shuffled-paragraph{background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#333;line-height:1.5;margin-bottom:.5rem;padding:.8rem}.shuffled-paragraph:last-child{margin-bottom:.2rem}.problem-options{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1.5rem 0;padding:1rem}.option{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#333;font-size:1rem;line-height:1.4;margin-bottom:.5rem;padding:.8rem}.option:last-child{margin-bottom:0}.screen-answer-footer{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;color:#1976d2;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:.8rem;text-align:center}.work-02-passage{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:1rem;line-height:1.6;margin:1rem 0;padding:1.5rem}.work-02-passage .modified-text{color:#333;white-space:pre-wrap}.word-replacements{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:2rem 0;padding:1.5rem}.word-replacements h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.replacement-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;padding:.8rem}.original-word,.replacement-word{border-radius:4px;font-size:.9rem;font-weight:600;padding:.3rem .6rem}.original-word{background:#e3f2fd;color:#1976d2}.replacement-word{background:#f3e5f5;color:#7b1fa2}.arrow{color:#666;font-weight:700;margin:0 .5rem}.meanings{align-items:center;color:#666;display:flex;font-size:.85rem;margin-top:.5rem;width:100%}.original-meaning,.replacement-meaning{background:#f8f9fa;border-radius:3px;padding:.2rem .4rem}.quiz-generator .replacements-table{background:#fff!important;border-collapse:collapse!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;margin:1.5rem 0!important;overflow:hidden!important;width:100%!important}.quiz-generator .replacements-table th{background:#f8f9fa!important;border:1px solid #e2e8f0!important;color:#495057!important;font-size:.7rem!important;font-weight:600!important;padding:.3rem .4rem!important;text-align:center!important}.quiz-generator .replacements-table td{border:1px solid #e2e8f0!important;font-size:.65rem!important;line-height:1.2!important;padding:.2rem .3rem!important;text-align:left!important;vertical-align:top!important}.quiz-generator .replacements-table tr:last-child td{border-bottom:none!important}.quiz-generator .replacements-table tr:nth-child(2n){background:#f8fafc4d!important}.quiz-generator .replacements-table tr:hover{background:#667eea0d!important}.quiz-generator .replacements-table .original-word{color:#2d3748!important}.quiz-generator .replacements-table .original-word,.quiz-generator .replacements-table .replacement-word{background:none!important;font-size:.65rem!important;font-weight:600!important;line-height:1.1!important;margin:0!important;padding:0!important}.quiz-generator .replacements-table .replacement-word{color:#1976d2!important}.quiz-generator .replacements-table .original-meaning,.quiz-generator .replacements-table .replacement-meaning{background:none!important;color:#666!important;font-size:.55rem!important;font-style:italic!important;line-height:1!important;margin:0!important;padding:0!important}@media print{.quiz-generator .replacements-table{border:2px solid #333!important;border-collapse:collapse!important;box-shadow:none!important;margin:1rem 0!important;width:100%!important}.quiz-generator .replacements-table th{background:#f8f9fa!important;border:1px solid #333!important;color:#000!important;font-size:.6rem!important;font-weight:400!important;padding:.1rem .2rem!important}.quiz-generator .replacements-table td{background:#fff!important;border:1px solid #333!important;font-size:.35rem!important;line-height:1!important;padding:.1rem .2rem!important;text-align:left!important;vertical-align:top!important}.quiz-generator .replacements-table tr:nth-child(2n){background:#f8f9fa!important}.quiz-generator .replacements-table tr:nth-child(odd){background:#fff!important}.quiz-generator .replacements-table tr:hover{background:#0000!important}.quiz-generator .replacements-table .original-word{color:#000!important}.quiz-generator .replacements-table .original-word,.quiz-generator .replacements-table .replacement-word{background:none!important;font-size:.35rem!important;font-weight:400!important;line-height:.8!important;padding:0!important}.quiz-generator .replacements-table .replacement-word{color:#1976d2!important}.quiz-generator .replacements-table .original-meaning,.quiz-generator .replacements-table .replacement-meaning{background:none!important;color:#666!important;font-size:.3rem!important;font-style:italic!important;line-height:.8!important;padding:0!important}}.progress-info{margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:400px;text-align:center}.progress-text{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:.8rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#1976d2,#42a5f5);border-radius:4px;height:100%;transition:width .3s ease}.current-type{background-color:#f5f5f5;border-left:4px solid #1976d2;border-radius:6px;color:#666;font-size:.9rem;font-weight:500;padding:.5rem 1rem}@media print{.work-13-print .package01-work13-answer-text,.work-13-print .package01-work13-problem-text{background:#fff3cd!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.work-13-print .package01-work13-translation{background:#f1f8e9!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.work-14-print .package01-work14-answer-text,.work-14-print .package01-work14-problem-text{background:#fff3cd!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.work-14-print .package01-work14-translation{background:#f1f8e9!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.input-guide{align-items:center;background:#f7f8fc;border:2.5px dashed #b3c6e0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.8rem;justify-content:center;margin-bottom:1rem;min-height:100px;padding:1rem;position:relative;text-align:center;transition:border .2s,box-shadow .2s,background .2s,transform .2s}.input-guide.paste-focused{background:#f3f0ff!important;border:2.5px solid #6a5acd!important;box-shadow:0 0 0 4px #6a5acd14;transform:scale(1.02)}.input-guide:hover{background:#f8f6ff!important;border:2.5px solid #8a7acd!important;box-shadow:0 0 0 2px #6a5acd0d}.input-guide .drop-icon{color:#6a5acd;font-size:2.7rem;margin-bottom:.2rem}.input-guide .drop-text{color:#000;font-size:1.13rem;font-weight:600;margin-bottom:.1rem}.input-guide .drop-desc{color:#7a7a9a;font-size:.98rem;margin-bottom:.2rem}@media screen{.only-print,.print-answer-mode,.print-footer,.print-gap,.print-header,.print-header-margin,.quiz-print-body{display:none!important}}@media print{.print-header{align-items:center;background:linear-gradient(90deg,#2d3a60,#6a5acd);box-shadow:0 4px 24px #2c3e5040;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;margin:1cm 0 1.2rem;min-width:0;padding:.8rem 1.4rem;position:relative;width:100%;z-index:9999}.print-answer-mode,.print-footer,.print-header-margin,.quiz-print-body{display:block}.print-header-logo{height:42px;margin-right:1.5rem;object-fit:contain;width:42px}.print-header-texts{align-items:center;display:flex;flex-direction:row;gap:.7rem}.print-header-title{color:#fff;font-weight:800;letter-spacing:-1px;margin-right:.7rem}.print-header-tagline,.print-header-title{font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;font-size:1rem}.print-header-tagline{border-left:2px solid #ffffff4d;color:#e0e6f7;font-weight:400;padding-left:.7rem}.print-gap{background:none;border:none;display:block;height:0;margin:0;padding:0}.print-header+*{margin-top:0}.App,.App-main{margin-top:0;padding-top:0}.no-print{display:none}.only-print{display:block}@page{size:A4;margin:0}.App,.App-main,.main-content,.work-container,body,html{margin:0;padding:0}body,html{-webkit-print-color-adjust:exact;print-color-adjust:exact}@media print{@page{size:A4;margin:0}*,body,html{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.print-header-package02{align-items:center;background:#fff;border-bottom:none;box-sizing:border-box;display:flex;justify-content:center;margin:0;padding:.3rem 0;width:100%}@media screen{.print-header-package02{align-items:center;background:#fff;border-bottom:none;box-sizing:border-box;display:flex;justify-content:center;margin:0;padding:.3rem 0;width:100%}}.print-header-text-package02{color:#000;font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;font-size:1rem;font-weight:600}@media screen{.print-header-text-package02{color:#000;font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;font-size:1rem;font-weight:600}}.only-print .problem-instruction{box-shadow:none!important;font-size:1rem!important;margin:0 0 .8rem!important;padding:.7rem .6rem!important}.only-print .problem-passage{font-size:1rem!important;margin:0 0 .8rem!important;padding:.5rem 1rem .3rem!important}.only-print.print-answer-mode .problem-passage{margin-bottom:1.6rem!important}.only-print .problem-passage.work04-no-margin-bottom{margin-bottom:.5rem!important}.only-print .problem-instruction.work04-translation-header{margin-top:1.5rem!important}.only-print.print-answer-mode .replacements-table{margin-top:0!important}.only-print .problem-options{font-size:1rem!important;margin-left:0!important;margin-right:0!important;padding-left:.6rem!important;padding-right:.6rem!important}.only-print .a4-page-content,.only-print .a4-page-content *,.only-print .a4-page-template,.only-print .a4-page-template *,.only-print .answer-section,.only-print .option,.only-print .paragraph-simple,.only-print .paragraph-simple div,.only-print .paragraph-simple strong,.only-print .quiz-content,.only-print .quiz-content *,.only-print .shuffled-paragraph,.only-print .vocabulary-generator,.only-print .vocabulary-generator *,.only-print .vocabulary-quiz-container,.only-print .vocabulary-quiz-container *{font-size:1rem!important}.only-print .translation-content{font-size:1rem!important;margin-left:0!important;margin-right:0!important;padding:.5rem 1rem .3rem!important}.a4-page-template{--print-margin-horizontal:0.8cm;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:29.7cm;left:0;margin:0;padding:0;page-break-inside:avoid;position:relative;top:0;width:21cm}.only-print .a4-page-template{page-break-after:auto;page-break-before:auto;page-break-inside:avoid}.a4-page-header{box-sizing:border-box;flex-shrink:0;height:1.5cm;padding:.5cm .3cm 0;padding:.5cm var(--print-margin-horizontal,.3cm) 0 var(--print-margin-horizontal,.3cm);width:100%}.a4-page-content{-webkit-column-break-inside:auto;box-sizing:border-box;break-inside:auto;flex:1 1;height:auto;min-height:auto;overflow:visible;padding:.35cm .3cm 1cm;padding:.35cm var(--print-margin-horizontal,.3cm) 1cm var(--print-margin-horizontal,.3cm);width:100%}.a4-page-content,.only-print .problem-options,.only-print .problem-passage{page-break-inside:auto}.only-print .problem-options{page-break-after:auto;page-break-before:auto}.only-print .shuffled-paragraph{margin-bottom:.5rem!important;page-break-after:auto!important;page-break-inside:avoid!important}.only-print .option{margin-bottom:.3rem!important;page-break-inside:avoid!important}.only-print .a4-page-template:not(:first-child):not(:last-child){break-after:page!important;page-break-after:always!important}.only-print .a4-page-template:last-child{break-after:avoid!important;page-break-after:avoid!important}@page{size:A4;margin:0;padding:0}@page :first{margin:0;padding:0}@page :left{margin:0;padding:0}@page :right{margin:0;padding:0}@page{@top-center{content:""}@bottom-center{content:""}}@media print{body,html{height:auto;margin:0;overflow:visible;padding:0;width:100%}.only-print{height:auto;overflow:visible;width:100%}.a4-page-template,.only-print{left:0;margin:0;padding:0;position:relative;right:0;top:0}.a4-page-content,.a4-page-template{-webkit-region-break-inside:auto;break-inside:auto;page-break-inside:auto}}.a4-page-renderer{margin:0;padding:0;width:100%}@media screen{.a4-multi-page-container,.a4-page-renderer,.a4-page-template{display:none!important}}.a4-multi-page-container{width:100%}.a4-page-template .a4-page-header{position:running(page-header)}@media print{.a4-page-content{page-break-inside:auto}.problem-instruction{page-break-after:avoid;page-break-inside:avoid}.problem-passage{page-break-after:auto;page-break-before:auto;page-break-inside:auto}.shuffled-paragraph{margin-bottom:.8rem;orphans:2;page-break-inside:avoid;widows:2}.problem-options{page-break-before:auto;page-break-inside:auto}.option{margin-bottom:.5rem;page-break-inside:avoid}.answer-section{page-break-before:avoid;page-break-inside:avoid}.a4-page-template:empty{display:none}.only-print .a4-page-template{-webkit-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.only-print .a4-page-content{-webkit-column-break-inside:auto;break-inside:auto;page-break-inside:auto}.only-print .problem-options{break-inside:avoid;page-break-inside:avoid}.replacements-table{border-collapse:collapse;font-size:1rem!important;margin:1rem 0;table-layout:fixed;width:100%}.replacements-table td,.replacements-table th{border:1px solid #000;line-height:1.3!important;padding:.2rem .3rem;text-align:left;vertical-align:top;width:25%}.replacements-table th{background:#f5f5f5;font-weight:700;text-align:center}.replacements-table td{background:#fff}.replacements-table .original-word,.replacements-table .replacement-word{background:none;color:#000;font-size:.8rem!important;font-weight:400;line-height:1.2!important;margin:0;padding:0}.replacements-table .original-meaning,.replacements-table .replacement-meaning{background:none;color:#666;font-size:.7rem!important;font-style:italic;line-height:1.2!important;margin:0;padding:0}.only-print .replacements-table td,.only-print .replacements-table th{font-size:1rem!important}}.only-print .problem-passage.translation{background:#f1f8e9!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.only-print .translation-section,.only-print.work-10-print .a4-page-template{page-break-before:auto;page-break-inside:avoid}.only-print.work-10-print .a4-page-header{display:block!important}.only-print .problem-passage:not(.translation){background:#fff3cd!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.sample-problems-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:1200px;min-height:100vh;padding:4rem 2rem 2rem;width:100%}.sample-problems-header{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:1rem;padding:1rem 1rem 0;text-align:center}.sample-problems-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 1rem}.loading-permission{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.loading-spinner-small{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-permission p{color:#7f8c8d;font-size:1rem;font-weight:500}.admin-description{color:#fff;font-size:1.1rem;line-height:1.5;margin:1rem auto;max-width:600px;text-align:center}.admin-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem auto 2rem}.upload-button{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border:2px solid #388e3c;border-radius:8px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .2s ease}.upload-button:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);border-color:#1b5e20;box-shadow:0 4px 12px #4caf5080;transform:translateY(-1px)}.button-icon{font-size:1.2rem}.user-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem 2rem}.user-description{color:#5a6c7d;font-size:1.1rem;line-height:1.5;margin:0;max-width:600px;text-align:center}.login-notice{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem}.login-notice p{color:#667eea;font-size:.95rem;font-weight:500;margin:0}.temp-admin-section{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.5rem}.temp-admin-note{color:#f57c00;font-size:.9rem;margin:0;text-align:center}.temp-admin-button{background:#ff9800;border:none;border-radius:6px;box-shadow:0 2px 6px #ff98004d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.7rem 1.2rem;transition:all .2s ease}.temp-admin-button:hover{background:#f57c00;box-shadow:0 3px 8px #ff980066;transform:translateY(-1px)}.loading-spinner{color:#667eea;font-size:1.2rem;height:300px}.empty-state,.loading-spinner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 15px 50px #0000001a;display:flex;justify-content:center}.empty-state{border:1px solid #ffffff4d;flex-direction:column;grid-column:1/-1;min-height:400px;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.empty-state:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.empty-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:2rem;opacity:.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.empty-state p{color:#7f8c8d;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;max-width:500px}.problems-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.problem-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 15px 50px #0000001a;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.problem-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.problem-card:hover:before{transform:scaleX(1)}.problem-card:hover{box-shadow:0 25px 80px #00000026;transform:translateY(-8px) scale(1.02)}.problem-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.problem-type-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.problem-type-badge.clickable{cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.problem-type-badge.clickable:hover{box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.problem-type-badge.clickable:active{transform:translateY(0)}.problem-type-badge.clickable:after{content:"→";opacity:0;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.problem-type-badge.clickable:hover:after{opacity:1}.problem-date{color:#78909c;font-size:.85rem;font-weight:500}.problem-title{color:#1a237e;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.problem-content{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#546e7a;display:-webkit-box;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;overflow:hidden;text-overflow:ellipsis}.problem-files{background:#f8f9fa;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.problem-files h4{color:#37474f;font-size:1rem;font-weight:600;margin-bottom:1rem}.file-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.file-name{color:#37474f;flex:1 1;font-weight:500;margin-right:1rem}.file-size{color:#78909c;font-size:.85rem;margin-right:1rem}.download-button{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.download-button:hover{background:linear-gradient(135deg,#388e3c,#4caf50);transform:translateY(-1px)}.problem-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.delete-button,.edit-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s ease}.edit-button{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.edit-button:hover{background:linear-gradient(135deg,#f57c00,#ff9800);transform:translateY(-1px)}.delete-button{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.delete-button:hover{background:linear-gradient(135deg,#d32f2f,#f44336);transform:translateY(-1px)}.delete-button:disabled,.edit-button:disabled{cursor:not-allowed!important;opacity:.6}.delete-button:disabled,.delete-button:disabled:hover,.edit-button:disabled,.edit-button:disabled:hover{background:#bdbdbd!important;transform:none!important}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.modal-content{border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:2rem 2rem 0;max-height:90vh;max-width:70%;padding:2.5rem 3rem;width:70%}.modal-header{border-bottom:2px solid #e3f2fd;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:#1a237e;font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.3px;margin:0}.close-button{display:none}.problem-form{display:flex;flex-direction:column;gap:.3125rem}.form-group{gap:.25rem}.form-group label{color:#1a237e;font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;letter-spacing:-.1px}.form-group input,.form-group select,.form-group textarea{background:#fafbfc;border:2px solid #e3e6f0;border-radius:10px;color:#1a237e;font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;font-size:.95rem;font-weight:500;padding:.9rem 1.2rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 4px #1976d21a;outline:none;transform:translateY(-1px)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#9e9e9e;font-weight:400}.form-group textarea{line-height:1.5;min-height:100px;resize:vertical}.file-info{margin-top:1rem}.selected-file{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #1976d2;border-radius:10px;box-shadow:0 2px 8px #1976d21a;color:#1565c0;font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;font-size:.9rem;font-weight:500;margin-bottom:.5rem;padding:.75rem 1.2rem}.form-actions{border-top:none;display:flex;gap:1rem;margin-top:.4rem;padding-top:.3rem}.cancel-button,.submit-button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:Noto Sans KR,IBM Plex Sans KR,Arial,sans-serif;font-size:1rem;font-weight:600;letter-spacing:-.1px;padding:1rem 1.5rem;transition:all .3s ease}.cancel-button{background:#f5f7fa;border:2px solid #e3e6f0;color:#546e7a}.cancel-button:hover{background:#e8eaf6;box-shadow:0 4px 12px #0000001a;color:#37474f;transform:translateY(-1px)}.submit-button{background:linear-gradient(135deg,#1976d2,#42a5f5);box-shadow:0 4px 15px #1976d24d;color:#fff}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 6px 20px #1976d266;transform:translateY(-2px)}.submit-button:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:1400px){.sample-problems-container{max-width:100%;padding:4rem 1.5rem 1.5rem;width:100%}.problems-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.empty-state{min-height:350px}}@media (max-width:1200px){.sample-problems-container{max-width:100%;padding:4rem 1rem 1rem;width:100%}.problems-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.empty-state{min-height:350px}}@media (max-width:768px){.sample-problems-container{padding:3rem 1rem 1rem}.sample-problems-header h1{font-size:2rem}.problems-grid{gap:1.5rem;grid-template-columns:1fr}.problem-card{padding:1.5rem}.problem-header{align-items:flex-start;flex-direction:column;gap:.5rem}.modal-content{margin:0 1rem;padding:1.5rem 2rem;width:100%}.form-actions,.problem-actions{flex-direction:column}.empty-state{padding:3rem 1.5rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.3rem}.empty-state p{font-size:1rem}}@media (max-width:480px){.sample-problems-header h1{font-size:1.5rem}.problem-title{font-size:1.2rem}.file-item{align-items:flex-start;flex-direction:column;gap:.5rem}.download-button{align-self:stretch;text-align:center}}@media (min-width:769px) and (max-width:1024px){.sample-problems-container{max-width:100%;padding:4rem 1rem 1rem;width:100%}.problems-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.problem-card{padding:1.75rem}}.feedback-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1200px!important;min-height:calc(100vh - 100px);padding:0 5rem!important;width:100%!important}.feedback-header{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #00000026;margin-bottom:2rem;padding:0 2rem 1rem;text-align:center}.feedback-header h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:0;text-shadow:0 2px 4px #0000004d}.feedback-header p{color:#f3f4f6;font-size:1.1rem;font-weight:500;margin:0;text-shadow:0 1px 2px #0003}.feedback-login-required{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:4rem 2rem;text-align:center}.feedback-login-required h2{color:#1f2937;font-weight:600;margin-bottom:1rem}.feedback-login-required p{color:#6b7280;font-size:1.1rem;font-weight:500}.feedback-list{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden}.feedback-actions{background:#f9fafb;border-bottom:1px solid #e5e7eb;margin:1rem 1rem 0;padding:.5rem 2rem;text-align:right}.posts-table{margin:0 1rem 1rem;overflow-x:auto}.posts-table table{background:#0000;border-collapse:collapse;width:100%}.posts-table th{background:#f3f4f6;border:none;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.025em}.posts-table td,.posts-table th{padding:.5rem 1rem;text-align:center}.posts-table td{border:none;border-bottom:1px solid #f3f4f6;color:#4b5563;font-weight:500;vertical-align:middle}.posts-table tr:nth-child(2n){background:#fafafa}.posts-table tr:hover{background:#f9fafb;transition:background-color .2s ease}.post-title-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:1rem;font-weight:500;padding:0;text-align:left;text-decoration:none;transition:color .2s ease;width:100%}.post-title-btn:hover{color:#1d4ed8}.image-indicator{font-size:.9rem;margin-left:.5rem;opacity:.7}.btn{border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:#2563eb}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb33}.btn-primary:disabled{background:#9ca3af;box-shadow:none}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;box-shadow:0 4px 12px #6b728033}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262633}.btn-sm{font-size:.8rem;padding:.5rem 1rem}.feedback-edit,.feedback-write{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;max-width:100%;padding:2.5rem}.feedback-edit h2,.feedback-write h2{border-bottom:2px solid #2563eb;color:#1f2937;font-size:1.6rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem}.form-group label{color:#374151;font-size:.95rem}.form-group input,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;padding:.875rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-actions{align-items:center;display:flex!important;gap:3rem!important;justify-content:flex-end!important;margin-top:2rem;width:100%}.form-actions .btn{margin-left:1.5rem!important;margin-right:1.5rem!important;min-width:80px}.form-actions .btn:first-child{margin-left:0!important}.form-actions .btn:last-child{margin-right:0!important}.image-preview-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:1rem;padding:1.5rem}.image-preview-container h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.image-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:1rem}.image-preview-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;position:relative;transition:all .2s ease}.image-preview-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-preview{display:block;height:120px;object-fit:cover;width:100%}.image-preview-item .btn{background:#dc2626e6;border:none;border-radius:6px;color:#fff;font-size:.7rem;padding:.25rem .5rem;position:absolute;right:.25rem;top:.25rem}.image-preview-item .btn:hover{background:#b91c1c}.feedback-view{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0;max-width:1200px!important;padding:.5rem 2.5rem 2.5rem;width:100%!important}.post-header{align-items:flex-end;border-bottom:2px solid #2563eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.post-header h2{color:#1f2937;font-size:2rem;font-weight:600;line-height:1.3;margin-bottom:0}.post-meta{color:#6b7280;display:flex;font-size:.9rem;font-weight:500;gap:2rem}.post-content{color:#374151;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.post-images{margin:2rem 0}.post-images img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;margin-bottom:1rem;max-width:100%}.post-actions{align-items:center;display:flex!important;gap:.25rem!important;justify-content:flex-end!important;margin-top:2rem;width:100%}.post-actions .btn{margin-left:.25rem!important;margin-right:.25rem!important;min-width:80px}.post-actions .btn:first-child{margin-left:0!important}.post-actions .btn:last-child{margin-right:0!important}.replies-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem}.replies-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.3rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem}.reply-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.reply-item:hover{background:#f3f4f6;box-shadow:0 2px 8px #0000000d}.reply-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.reply-author{color:#374151;font-weight:600}.reply-date{color:#6b7280;font-size:.85rem}.reply-content{color:#4b5563;line-height:1.6}.reply-images{margin-top:1rem}.reply-images img{border-radius:6px;box-shadow:0 2px 6px #0000001a;height:auto;margin-bottom:.5rem;margin-right:.5rem;max-width:180px}.reply-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:2rem;padding:0 1.5rem 1.5rem}.reply-form h4{color:#1f2937;font-weight:600;margin-bottom:1rem}.reply-form textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;min-height:100px;padding:.875rem;resize:vertical;transition:all .2s ease;width:100%}.reply-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.reply-form-actions{align-items:center;display:flex!important;gap:3rem!important;justify-content:flex-end!important;margin-top:1.5rem;width:100%}.reply-form-actions .btn{margin-left:1.5rem!important;margin-right:1.5rem!important;min-width:80px}.reply-form-actions .btn:first-child{margin-left:0!important}.reply-form-actions .btn:last-child{margin-right:0!important}@media (max-width:768px){.feedback-container{padding:1rem .5rem!important}.feedback-header{margin-bottom:2rem;padding:2rem 1rem}.feedback-header h1{font-size:2rem}.feedback-edit,.feedback-list,.feedback-view,.feedback-write{border-radius:12px;margin:0 .5rem 1rem}.posts-table td,.posts-table th{font-size:.85rem;padding:1rem .5rem}.form-actions,.reply-form-actions{flex-direction:column}.btn{text-align:center;width:100%}}@media (max-width:480px){.feedback-header h1{font-size:1.8rem}.feedback-header p{font-size:1rem}.posts-table{font-size:.8rem}.posts-table td,.posts-table th{padding:.75rem .25rem}}.admin-layout{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-top:0;min-height:100vh;padding:2rem}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1600px;padding:2rem;text-align:center}.admin-header h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.admin-header p{color:#4a5568;font-size:1.1rem;margin:0}.admin-container{display:block;margin:0 auto;max-width:1600px}.admin-container-single{display:block}.admin-tabs{background:#ffffffe6;border-radius:16px;box-shadow:0 6px 20px #00000014;display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem}.admin-tab-btn{background:none;border:none;border-radius:10px;color:#4a5568;cursor:pointer;font-weight:700;padding:.75rem 1.25rem}.admin-tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.admin-nav-item:hover{background:#667eea1a;color:#667eea;transform:translateX(4px)}.admin-nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;color:#fff}.admin-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-top:.75rem;min-height:600px;padding:2rem}.admin-access-denied{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.admin-access-denied h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.admin-access-denied p{font-size:1.2rem;opacity:.9}@media (max-width:1024px){.admin-container{gap:1.5rem;grid-template-columns:1fr}.admin-container,.admin-header{max-width:calc(100% - 4rem)}.admin-sidebar{order:2}.admin-content{order:1}.admin-tabs{flex-wrap:wrap;gap:.25rem}.admin-tab-btn{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:768px){.admin-layout{padding:1rem}.admin-header{margin-bottom:1.5rem;max-width:calc(100% - 2rem);padding:1.5rem}.admin-header h1{font-size:2rem}.admin-content{margin:0 .5rem;padding:1.5rem}.admin-nav-item{font-size:.95rem;padding:.875rem 1.25rem}.admin-tabs{flex-direction:column;gap:.5rem}.admin-tab-btn{padding:.75rem 1rem;text-align:center;width:100%}}@media (max-width:480px){.admin-layout{padding:.75rem}.admin-header{margin-bottom:1rem;max-width:calc(100% - 1.5rem);padding:1rem}.admin-header h1{font-size:1.75rem}.admin-content{margin:0 .5rem;padding:1rem}.admin-nav-item{font-size:.9rem;padding:.75rem 1rem}.admin-tabs{padding:.25rem}.admin-tab-btn{font-size:.85rem;padding:.5rem .75rem}}.user-management{width:100%}.user-management-header{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;width:100%}.user-management-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0}.search-controls{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;max-width:100%;min-width:0;overflow:hidden;padding:0 .5rem}.search-type-select,.status-filter-select{background:#fff;font-size:.9rem;max-width:120px;min-width:80px;padding:.5rem}.search-input,.search-type-select,.status-filter-select{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;flex-shrink:1}.search-input{font-size:1rem;max-width:250px;min-width:150px;padding:.75rem 1rem}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-sizing:border-box;flex-shrink:0;font-weight:600;min-height:44px;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.search-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.user-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden;overflow-x:auto}.user-table{border-collapse:collapse;font-size:.9rem;min-width:800px;width:100%}.user-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:1rem;text-align:center}.join-date-header,.status-header,.user-table-container .user-table thead tr th:nth-child(5),.user-table-container .user-table thead tr th:nth-child(6){background:#f7fafc!important;color:#2d3748!important}.user-table-container .user-table tbody tr td:nth-child(5),.user-table-container .user-table tbody tr td:nth-child(6){background:#fff!important}.user-table td{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:center;vertical-align:middle}.user-table tr:hover{background:#f8f9fa}.user-table tr.inactive-user{background:#fef2f2;opacity:.7}.user-table tr.inactive-user:hover{background:#fee2e2}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;min-width:60px;padding:.25rem .75rem;text-align:center}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.action-btn.toggle:hover{background:#fef5e7}.action-btn.password:hover{background:#e6f3ff}.loading{color:#4a5568;padding:2rem;text-align:center}.load-more-btn{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568;cursor:pointer;font-weight:600;padding:1rem;transition:all .2s ease;width:100%}.load-more-btn:hover:not(:disabled){background:#edf2f7}.load-more-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{-ms-overflow-style:none;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;scrollbar-width:none;width:90%}.modal-content::-webkit-scrollbar{display:none}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover{background:#c53030;transform:translateY(-1px)}.warning{color:#e53e3e;font-weight:600;margin-top:1rem}@media (max-width:1024px){.search-controls,.user-management-header{align-items:stretch;flex-direction:column}.search-controls{flex:none;gap:.75rem;padding:0 1rem;width:100%}.search-input{font-size:1rem;max-width:none;min-width:auto;padding:.875rem 1rem;width:100%}.search-type-select,.status-filter-select{font-size:1rem;max-width:none;min-width:auto;padding:.875rem;width:100%}.search-button{font-size:1rem;padding:.875rem 1rem;width:100%}}@media (max-width:768px){.user-management-header{align-items:stretch;flex-direction:column;margin-bottom:1.5rem}.search-controls{flex:none;padding:0 .5rem;width:100%}.user-table{font-size:.85rem;min-width:900px}.user-table td,.user-table th{padding:.875rem .75rem;white-space:nowrap}.user-table th{font-size:.9rem;font-weight:700}.action-buttons{flex-direction:column;gap:.5rem}.action-btn{font-size:1rem;height:36px;min-width:36px;padding:.5rem}.modal-content{margin:1rem;width:95%}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-actions{flex-direction:column}.btn-danger,.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.user-management-header{margin-bottom:1rem}.search-controls{flex:none;gap:.5rem;padding:0 .25rem;width:100%}.search-input,.search-type-select,.status-filter-select{font-size:.9rem;padding:.75rem .875rem}.search-button{font-size:.9rem;padding:.75rem 1rem}.user-table{font-size:.8rem;min-width:950px}.user-table td,.user-table th{padding:.75rem .5rem}.role-badge,.status-badge{font-size:.75rem;min-width:55px;padding:.3rem .6rem}}.sales-management{width:100%}.sales-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.sales-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0}.period-selector{align-items:center;display:flex;gap:.5rem}.period-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;min-width:100px;padding:.5rem}.period-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.sales-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.summary-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:1.5rem;text-align:center}.summary-card.income{border-left-color:#48bb78}.summary-card.expense{border-left-color:#f56565}.summary-card.profit{border-left-color:#4299e1}.summary-card h3{color:#4a5568;font-size:1rem;font-weight:600;margin:0 0 1rem}.summary-card .amount{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0}.summary-card.income .amount{color:#48bb78}.summary-card.expense .amount{color:#f56565}.summary-card.profit .amount{color:#4299e1}.sales-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden;overflow-x:auto}.table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.table-header h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0}.add-sales-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.add-sales-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.sales-table{border-collapse:collapse;font-size:.9rem;min-width:800px;width:100%}.sales-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:1rem;text-align:left}.sales-table td{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:middle}.sales-table tr:hover{background:#f8f9fa}.sales-table tr.income{background:#f0fff4}.sales-table tr.expense{background:#fff5f5}.sales-table tr.income:hover{background:#e6fffa}.sales-table tr.expense:hover{background:#fed7d7}.type-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;min-width:60px;padding:.25rem .75rem;text-align:center}.type-badge.income{background:#d4edda;color:#155724}.type-badge.expense{background:#f8d7da;color:#721c24}.amount.income{color:#48bb78;font-weight:600}.amount.expense{color:#f56565;font-weight:600}.action-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.action-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;min-width:32px;padding:.5rem;transition:all .2s ease}.action-btn:hover{background:#f7fafc;transform:scale(1.1)}.action-btn.edit:hover{background:#e6fffa}.action-btn.delete:hover{background:#fed7d7}.loading,.no-data{color:#4a5568;padding:2rem;text-align:center}.no-data p{color:#718096}@media (max-width:768px){.sales-header{align-items:stretch;flex-direction:column}.sales-summary{gap:1rem;grid-template-columns:1fr}.table-header{align-items:stretch;flex-direction:column;gap:1rem}.add-sales-btn{width:100%}.sales-table{font-size:.8rem}.sales-table td,.sales-table th{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.action-btn{font-size:.9rem;height:28px;min-width:28px}}@media (max-width:480px){.sales-table{font-size:.75rem}.sales-table td,.sales-table th{padding:.5rem .25rem}.type-badge{font-size:.7rem;min-width:50px;padding:.2rem .5rem}.period-select{width:100%}}.point-management{width:100%}.point-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.point-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0}.point-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#718096;font-size:.9rem;font-weight:500}.stat-value{color:#2d3748;font-size:1.5rem;font-weight:700}.message{padding:1rem 1.5rem}.point-content{display:flex;flex-direction:column;gap:2rem}.transactions-section,.user-points-section{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.transactions-section h3,.user-points-section h3{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:1.3rem;font-weight:600;margin:0;padding:1.5rem 2rem}.transactions-table,.user-points-table,.work-types-table{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:768px){.transactions-table,.user-points-table,.work-types-table{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin}.transactions-table::-webkit-scrollbar,.user-points-table::-webkit-scrollbar,.work-types-table::-webkit-scrollbar{height:6px}.transactions-table::-webkit-scrollbar-track,.user-points-table::-webkit-scrollbar-track,.work-types-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.transactions-table::-webkit-scrollbar-thumb,.user-points-table::-webkit-scrollbar-thumb,.work-types-table::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.transactions-table::-webkit-scrollbar-thumb:hover,.user-points-table::-webkit-scrollbar-thumb:hover,.work-types-table::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.work-types-table .point-table{min-width:700px}.transactions-table .transaction-table,.user-points-table .point-table{min-width:600px}}.point-table,.transaction-table{border-collapse:collapse;font-size:.9rem;min-width:800px;width:100%}.point-table td,.point-table th,.transaction-table td,.transaction-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left;vertical-align:middle}.point-table th,.transaction-table th{background:#f7fafc;color:#2d3748;font-weight:600}.point-table tr:hover,.transaction-table tr:hover{background:#f8f9fa}.current-points,.total-paid{background:#fff!important;border-radius:6px;color:#2d3748!important;font-weight:600;text-align:center!important}.point-table tbody tr td:nth-child(5),.point-table tbody tr td:nth-child(6),.point-table th:nth-child(5),.point-table th:nth-child(6),.point-table th:nth-child(7){text-align:center!important}.modify-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.modify-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.transaction-type{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;min-width:60px;padding:.25rem .75rem;text-align:center}.transaction-type.add{background:#d4edda;color:#155724}.transaction-type.subtract{background:#f8d7da;color:#721c24}.transaction-type.charge{background:#d1ecf1;color:#0c5460}.amount.add{color:#48bb78;font-weight:600}.amount.subtract{color:#f56565;font-weight:600}.amount.charge{color:#4299e1;font-weight:600}.amount.add,.amount.charge,.amount.subtract{color:#4299e1;font-weight:600;text-align:right}.points.add,.points.charge,.points.subtract{color:#48bb78;font-weight:600;text-align:right}.point-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.point-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;margin:1rem;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.modal-close:hover{background:#f7fafc}.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.current-points-display{background:#f7fafc;color:#4a5568;cursor:not-allowed}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding:0 2rem 2rem}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.point-header{align-items:stretch;flex-direction:column}.point-stats{justify-content:center}.point-table,.transaction-table{font-size:.8rem}.point-table td,.point-table th,.transaction-table td,.transaction-table th{padding:.75rem .5rem}.modify-button{font-size:.8rem;padding:.4rem .8rem}.point-modal-content{margin:1rem;width:95%}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-actions{flex-direction:column;padding:0 1.5rem 1.5rem}.btn-primary,.btn-secondary{width:100%}}@media (max-width:1024px){.point-header{align-items:flex-start;flex-direction:column;gap:1rem}.point-stats{justify-content:space-between;width:100%}.point-management-tabs{gap:.25rem;overflow-x:auto;padding-bottom:.5rem}.tab-btn{font-size:.9rem;padding:.5rem 1rem;white-space:nowrap}.point-table,.transaction-table{font-size:.85rem}.point-table td,.point-table th,.transaction-table td,.transaction-table th{padding:.75rem .5rem}.work-types-table{padding:.75rem 1rem}.work-types-table .point-table td,.work-types-table .point-table th{font-size:.85rem;padding:.75rem .5rem}.work-type-name{min-width:100px;width:100px}.work-type-description{min-width:200px}.current-points{min-width:80px;width:80px}.point-input-group{min-width:100px;width:100px}.point-input{font-size:.8rem;width:60px}}@media (max-width:768px){.point-header h2{font-size:1.5rem}.point-stats{flex-direction:column;gap:1rem}.stat-item{flex-direction:row;justify-content:space-between;width:100%}.point-management-tabs{flex-direction:column;gap:.5rem}.tab-btn{padding:.75rem 1rem;text-align:center;width:100%}.point-table,.transaction-table{font-size:.75rem}.point-table td,.point-table th,.transaction-table td,.transaction-table th{padding:.5rem .25rem}.work-types-table{padding:.5rem}.work-types-table .point-table td,.work-types-table .point-table th{font-size:.75rem;padding:.5rem .25rem}.work-type-name{font-size:.8rem;min-width:80px;width:80px}.work-type-description{font-size:.8rem;min-width:150px}.current-points{font-size:.8rem;min-width:60px;width:60px}.point-input-group{min-width:80px;width:80px}.point-input{font-size:.75rem;padding:.25rem;width:50px}.point-unit{font-size:.8rem}.section-description{font-size:.85rem;padding:.75rem 1rem}.work-types-section h3{font-size:1.1rem;padding:1rem 1.5rem}}@media (max-width:480px){.point-header h2{font-size:1.3rem}.point-table,.transaction-table{font-size:.7rem}.point-table td,.point-table th,.transaction-table td,.transaction-table th{padding:.4rem .2rem}.work-types-table .point-table td,.work-types-table .point-table th{font-size:.7rem;padding:.4rem .2rem}.work-type-name{font-size:.75rem;min-width:70px;width:70px}.work-type-description{font-size:.75rem;min-width:120px}.current-points{font-size:.75rem;min-width:50px;width:50px}.point-input-group{min-width:70px;width:70px}.point-input{font-size:.7rem;padding:.2rem;width:40px}.point-unit{font-size:.75rem}.transaction-type{font-size:.65rem;min-width:45px;padding:.15rem .4rem}.stat-item{gap:.2rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.1rem}.section-description{font-size:.8rem;padding:.5rem .75rem}.work-types-section h3{font-size:1rem;padding:.75rem 1rem}.work-types-table{padding:.25rem}.work-types-table .point-table{min-width:600px}.point-management-tabs{gap:.25rem;padding-bottom:.5rem}.tab-btn{font-size:.8rem;padding:.5rem .75rem}}.point-management-tabs{border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}.tab-btn{background:none;border:2px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.tab-btn:hover{background:#f1f5f9;color:#475569}.tab-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.work-types-section h3{color:#2d3748;font-size:1.3rem;font-weight:600;padding:1.5rem 2rem}.section-description,.work-types-section h3{background:#f7fafc;border-bottom:1px solid #e2e8f0;margin:0}.section-description{color:#718096;font-size:.95rem;line-height:1.5;padding:1rem 2rem}.work-types-table{padding:0}.point-input{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.5rem;text-align:center;width:80px}.point-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}@media (max-width:768px){.point-input{font-size:16px;padding:.75rem .5rem}.point-input-group{gap:.25rem}.point-unit{font-size:.85rem}}.point-unit{color:#64748b;font-size:.9rem;font-weight:600}.work-type-name{color:#1e293b;font-weight:600;min-width:120px;width:120px}.work-type-description{color:#64748b;font-size:.9rem;min-width:300px;width:auto}.current-points{min-width:100px;text-align:center;width:100px}.point-input-group{align-items:center;display:flex;gap:.5rem;justify-content:center;min-width:120px;width:120px}.work-types-table .point-table th{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#2d3748;font-weight:600;padding:1rem;text-align:left;vertical-align:middle;white-space:nowrap}.work-types-table .point-table th:nth-child(3),.work-types-table .point-table th:nth-child(4){text-align:center}.work-types-table .point-table td{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left;vertical-align:middle;white-space:nowrap}.work-types-table .point-table tr:hover{background:#f8f9fa}.work-types-section{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin:0;overflow:hidden;width:100%}.work-types-table{overflow-x:auto;padding:1rem 2rem;width:100%}.work-types-table .point-table{min-width:800px;table-layout:auto;width:100%}.search-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.search-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.search-type-select{background:#fff;min-width:120px}.search-input,.search-type-select{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:.5rem}.search-input{flex:1 1;min-width:200px}.search-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.search-button:hover:not(:disabled){background:#0056b3}.search-button:disabled{background:#6c757d;cursor:not-allowed}.reset-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.reset-button:hover{background:#545b62}.pagination-section{margin-top:1.5rem;padding:1rem;text-align:center}.pagination-info{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.next-page-button,.prev-page-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;min-width:60px;padding:.5rem 1rem;transition:all .2s}.next-page-button:hover:not(:disabled),.prev-page-button:hover:not(:disabled){background:#545b62;transform:translateY(-1px)}.next-page-button:disabled,.prev-page-button:disabled{background:#dee2e6;color:#6c757d;cursor:not-allowed;transform:none}.page-number-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.9rem;min-width:40px;padding:.5rem .75rem;transition:all .2s}.page-number-button:hover:not(.active){background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.page-number-button.active{background:#007bff;border-color:#007bff;color:#fff;font-weight:500}.page-number-button.active:hover{background:#0056b3;border-color:#0056b3}.no-data{color:#6c757d;padding:3rem 1rem;text-align:center}.no-data p{font-size:1.1rem;margin:0}.work-type-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:1rem;overflow:hidden;width:100%}.work-type-table td,.work-type-table th{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:.5rem .75rem;text-align:left}.work-type-table th{background:#f8f9fa;color:#495057;font-weight:600;padding:.6rem .75rem}.work-type-table tr:hover{background:#f8f9fa}.work-type-table tr:last-child td{border-bottom:none}.profile-page{background:#0000;min-height:calc(100vh - 100px);padding:0 1rem}.profile-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.profile-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}.profile-header h1{font-size:2rem;font-weight:700;margin:0}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.back-button:hover{background:#ffffff4d;transform:translateY(-1px)}.profile-content{padding:2rem}.profile-section{margin-bottom:2rem}.profile-section h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:1rem}.info-row label{color:#4a5568;font-weight:600;margin-right:1rem;min-width:120px}.info-value{color:#2d3748;flex:1 1;font-size:1rem}.info-value.points{color:#1976d2;font-size:1.1rem;font-weight:600}.role-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;min-width:60px;padding:.25rem .75rem;text-align:center}.role-badge.user{background:#e2e8f0;color:#4a5568}.role-badge.admin{background:#fed7d7;color:#c53030}.edit-input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .2s}.edit-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.message{border-radius:8px;font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.profile-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e1;transform:translateY(-1px)}@media (max-width:768px){.profile-page{padding:1rem .5rem}.profile-header{flex-direction:column;padding:1.5rem;text-align:center}.profile-header h1{font-size:1.5rem}.profile-content{padding:1.5rem}.info-row{align-items:center;flex-direction:row;gap:.5rem}.info-row label{font-size:.9rem;margin-right:.5rem;min-width:80px}.profile-actions{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{max-width:300px;width:100%}}@media (max-width:480px){.profile-container{border-radius:0;margin:0}.profile-content,.profile-header{padding:1rem}.profile-section h2{font-size:1.3rem}.info-row{gap:.25rem;padding:.75rem}.info-row label{font-size:.85rem;margin-right:.25rem;min-width:70px}.info-value{font-size:.9rem}}.password-section{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.password-form{gap:.75rem;margin-top:.75rem}.form-group,.password-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#4a5568;font-size:.9rem;font-weight:600}.password-requirement{color:#718096;font-size:.8rem;font-style:italic;margin-top:.25rem}.password-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;margin-top:.75rem;padding-top:.75rem}.password-actions .btn-primary,.password-actions .btn-secondary{min-width:140px}@media (max-width:768px){.password-actions{align-items:center;flex-direction:column}.password-actions .btn-primary,.password-actions .btn-secondary{max-width:300px;width:100%}}
/*# sourceMappingURL=main.03157c36.css.map*/