*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.test-form-container{margin-bottom:30px}.progress-indicator{align-items:center;display:flex;justify-content:center;margin-bottom:40px;padding:20px 0}.progress-step{align-items:center;display:flex;flex-direction:column;position:relative}.progress-step-circle{align-items:center;background:#e9ecef;border:3px solid #e9ecef;border-radius:50%;color:#6c757d;display:flex;font-size:1.2em;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.progress-step.active .progress-step-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea66;color:#fff;transform:scale(1.1)}.progress-step.completed .progress-step-circle{background:#28a745;border-color:#28a745;color:#fff}.progress-step-label{color:#6c757d;font-size:.9em;font-weight:500;margin-top:10px;transition:color .3s}.progress-step.active .progress-step-label{color:#667eea;font-weight:600}.progress-step.completed .progress-step-label{color:#28a745}.progress-line{background:#e9ecef;height:3px;margin:-25px 10px 0;transition:background .3s;width:100px}.progress-line.completed{background:#28a745}.test-form{width:100%}.birth-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#f8f9ff;box-shadow:0 5px 15px #667eea33;transform:translateY(-2px)}@media (max-width:768px){.progress-indicator{padding:15px 0}.progress-step-circle{font-size:1em;height:40px;width:40px}.progress-line{margin:0 5px;width:50px}.progress-step-label{font-size:.8em}.birth-info-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:15px}.radio-label{justify-content:center;width:100%}.form-section{padding:20px}.step-title{font-size:1.3em}.step-description{font-size:.9em}.form-actions{flex-direction:column}.btn{max-width:none;width:100%}}.category-select-all{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea33;border-radius:10px;display:flex;gap:15px;justify-content:center;margin-bottom:25px;padding:15px 20px}.selected-count{align-items:center;color:#667eea;display:flex;font-size:.95em;font-weight:600;gap:5px}.selected-count:before{background:#28a745;border-radius:50%;color:#fff;content:"✓";display:inline-block;font-size:.8em;height:20px;line-height:20px;text-align:center;width:20px}.category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:10px}.category-card{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;outline:none;overflow:hidden;padding:24px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:focus{outline:2px solid #667eea;outline-offset:2px}.category-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.category-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea40;transform:translateY(-5px)}.category-card:hover:before{transform:scaleX(1)}.category-card.selected{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:#667eea;box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.category-card.selected:before{transform:scaleX(1)}.category-card.selected:after{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea66;color:#fff;content:"✓";display:flex;font-size:.9em;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.category-label{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.category-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3em;margin-bottom:8px;transition:transform .3s ease}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-card.selected .category-icon{transform:scale(1.05)}.category-name{color:#333;font-size:1.15em;font-weight:700;margin-bottom:4px;transition:color .3s ease}.category-card.selected .category-name{color:#667eea}.category-description{font-size:.88em;margin-top:4px}@media (max-width:768px){.category-grid{grid-template-columns:1fr}.category-select-all{align-items:stretch;flex-direction:column}}.report-display{animation:fadeInUp .6s ease-out;width:100%}.report-welcome{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:15px;margin-bottom:30px;padding:30px;text-align:center}.report-error,.report-loading{color:#666;padding:60px 20px;text-align:center}.report-error{color:#e74c3c}.report-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:30px;text-align:center}.calendar-type{color:#999;font-size:.9em;font-weight:400;margin-left:5px}.report-tabs{border-bottom:2px solid #e9ecef;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:1em;gap:8px;justify-content:center;min-width:120px;padding:15px 20px;transition:all .3s}.tab-btn:hover{background:#f8f9fa;color:#667eea}.tab-btn.active{background:#667eea0d;border-bottom-color:#667eea;color:#667eea;font-weight:600}.tab-icon{font-size:1.2em;transition:transform .3s}.tab-btn:hover .tab-icon{transform:scale(1.2)}.tab-name{font-size:1em}.tab-check{color:#28a745;font-size:.8em;margin-left:5px}.report-content{background:#f8f9fa;border-radius:12px;margin-bottom:30px;min-height:400px;overflow:hidden;padding:30px;position:relative}.report-category-header{align-items:flex-start;border-bottom:2px solid #dee2e6;display:flex;gap:20px;margin-bottom:25px;padding-bottom:20px}.category-icon{animation:fadeIn .5s ease-in;flex-shrink:0;font-size:2.5em}.category-header-text{flex:1 1}.category-title{color:#333;font-size:1.8em;font-weight:600;margin:0 0 8px}.category-description{color:#666;font-size:.95em;line-height:1.6;margin:0}.markdown-content hr,.report-body hr{border:none!important;border-top:2px solid #e9ecef!important;margin:30px 0!important}.markdown-content table,.report-body table{border-collapse:collapse!important;margin:20px 0!important;width:100%!important}.markdown-content table td,.markdown-content table th,.report-body table td,.report-body table th{border:1px solid #dee2e6!important;padding:12px!important;text-align:left!important}.markdown-content table th,.report-body table th{background:#667eea!important;color:#fff!important;font-weight:600!important}.markdown-content table tr:nth-child(2n),.report-body table tr:nth-child(2n){background:#f8f9fa!important}.report-paragraph{font-size:1.05em;margin-bottom:20px;text-align:justify;text-indent:2em}.report-actions{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.report-footer{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;padding:20px}@media print{.report-tabs{page-break-after:avoid}.report-content{page-break-inside:avoid}.new-test-btn,.report-actions{display:none}}@media (max-width:768px){.report-title{font-size:1.5em}.report-info{gap:10px}.report-info,.report-tabs{flex-direction:column}.tab-btn{justify-content:flex-start;width:100%}.report-content{padding:20px}.report-paragraph{font-size:1em;text-indent:1.5em}.markdown-content h1,.markdown-content h1.markdown-h1,.report-body h1{font-size:1.5em!important}.markdown-content h2,.markdown-content h2.markdown-h2,.report-body h2{font-size:1.3em!important}.markdown-content h3,.markdown-content h3.markdown-h3,.report-body h3{font-size:1.15em!important}.markdown-content p,.markdown-content p.markdown-p,.report-body p{font-size:1em!important}}.baby-naming-form-container{margin-bottom:30px}.baby-naming-form{width:100%}.form-step{animation:fadeIn .3s ease-in}.step-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px;text-align:center}.step-title{color:#333;font-size:1.5em;font-weight:600;margin-bottom:10px}.step-description{color:#666;font-size:1em;line-height:1.6}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:30px;padding:30px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{color:#333;display:block;font-size:1em;font-weight:500;margin-bottom:8px}.required{color:#e74c3c;margin-left:3px}.optional-hint,.required-hint{color:#6c757d;font-size:.85em;font-weight:400;margin-left:10px}.form-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1em;padding:12px 15px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.form-input.error{background:#fff5f5;border-color:#e74c3c}.form-input.success{background:#f0fff4;border-color:#28a745}.form-input::placeholder{color:#adb5bd}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23667eea' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-select option{background:#fff;padding:10px}.section-title{border-bottom:2px solid #e9ecef;color:#667eea;font-size:1.3em;font-weight:600;margin-bottom:20px;padding-bottom:10px}.radio-group{display:flex;flex-wrap:wrap;gap:30px;margin-top:8px}.radio-label{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:1em;gap:8px;justify-content:center;min-width:120px;padding:10px 20px;transition:all .3s ease}.radio-label:hover{background:#f8f9ff;border-color:#667eea}.radio-label.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;color:#667eea;font-weight:600}.radio-label input[type=radio]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.checkbox-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:8px}.checkbox-label{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.95em;gap:10px;padding:12px 15px;transition:all .3s ease}.checkbox-label:hover{background:#f8f9ff;border-color:#667eea}.checkbox-label.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;color:#667eea;font-weight:500}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.checkbox-text{display:flex;flex-direction:column;gap:4px}.checkbox-text strong{font-weight:600}.checkbox-text small{color:#666;font-size:.85em;font-weight:400}.form-hint{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#6c757d;font-size:.85em;line-height:1.5;margin-top:8px;padding:8px 12px}.error-message{animation:shake .3s ease;color:#e74c3c;display:block;font-size:.9em;margin-top:5px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.success-message{color:#28a745;display:block;font-size:.9em;font-weight:500;margin-top:5px}.form-actions{border-top:2px solid #e9ecef;display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:30px}.btn{border:none;border-radius:10px;cursor:pointer;font-size:1.1em;font-weight:600;min-width:150px;padding:15px 30px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1 1;max-width:400px}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.form-section{padding:20px}.step-title{font-size:1.3em}.step-description{font-size:.9em}.radio-group{flex-direction:column;gap:15px}.radio-label{min-width:auto;width:100%}.checkbox-group{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{max-width:none;width:100%}}.naming-report-display{animation:fadeInUp .6s ease-out;width:100%}.naming-report-welcome{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:15px;margin-bottom:30px;padding:30px;text-align:center}.welcome-icon{animation:bounce 1s ease-in-out infinite;font-size:3em;margin-bottom:15px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-title{color:#667eea;font-size:1.5em;font-weight:600;margin-bottom:10px}.welcome-description{color:#666;font-size:1em;line-height:1.8;margin:0 auto;max-width:700px}.naming-report-error,.naming-report-loading{color:#666;padding:60px 20px;text-align:center}.naming-report-error{color:#e74c3c}.naming-report-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:30px;text-align:center}.report-title{animation:fadeIn .6s ease-in;color:#667eea;font-size:2em;font-weight:700;margin-bottom:25px}.report-info-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:0 auto;max-width:600px;padding:20px}.report-info{color:#555;display:flex;flex-wrap:wrap;font-size:.95em;gap:30px;justify-content:center}.info-item{align-items:center;display:flex;flex-direction:column;gap:5px}.info-item dt{color:#999;font-size:.85em;font-weight:500}.info-item dd{color:#333;font-size:1em;font-weight:600;margin:0}.naming-report-content{background:#f8f9fa;border-radius:12px;margin-bottom:30px;min-height:400px;overflow:hidden;padding:30px;position:relative}.report-text{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.report-body{color:#333;line-height:2}.markdown-content,.report-body.markdown-content{color:#333;line-height:1.8}.markdown-content h1,.markdown-content h1.markdown-h1,.report-body h1{border-bottom:2px solid #e9ecef!important;color:#667eea!important;font-size:1.8em!important;font-weight:600!important;line-height:1.4!important;margin-bottom:15px!important;margin-top:30px!important;padding-bottom:10px!important}.markdown-content h2,.markdown-content h2.markdown-h2,.report-body h2{border-bottom:1px solid #e9ecef!important;color:#667eea!important;font-size:1.5em!important;font-weight:600!important;line-height:1.4!important;margin-bottom:15px!important;margin-top:30px!important;padding-bottom:8px!important}.markdown-content h3,.markdown-content h3.markdown-h3,.report-body h3{color:#667eea!important;font-size:1.3em!important;font-weight:600!important;line-height:1.4!important;margin-bottom:15px!important;margin-top:25px!important}.markdown-content h4,.markdown-content h4.markdown-h4,.report-body h4{color:#667eea!important;font-size:1.15em!important;font-weight:600!important;line-height:1.4!important;margin-bottom:12px!important;margin-top:20px!important}.markdown-content p,.markdown-content p.markdown-p,.report-body p{color:#333!important;font-size:1.05em!important;line-height:1.8!important;margin-bottom:15px!important;text-align:justify!important}.markdown-content strong,.markdown-content strong.markdown-strong,.report-body strong{color:#667eea!important;font-weight:600!important}.markdown-content em,.markdown-content em.markdown-em,.report-body em{color:#555!important;font-style:italic!important}.markdown-content ul,.markdown-content ul.markdown-ul,.report-body ul{line-height:1.8!important;list-style-type:disc!important;margin:15px 0!important;padding-left:30px!important}.markdown-content ol,.markdown-content ol.markdown-ol,.report-body ol{line-height:1.8!important;list-style-type:decimal!important;margin:15px 0!important;padding-left:30px!important}.markdown-content li,.markdown-content li.markdown-li,.report-body li{line-height:1.8!important;margin-bottom:8px!important}.markdown-content ol ol,.markdown-content ol ul,.markdown-content ul ol,.markdown-content ul ul,.report-body ol ol,.report-body ol ul,.report-body ul ol,.report-body ul ul{margin-bottom:8px!important;margin-top:8px!important}.markdown-content blockquote,.markdown-content blockquote.markdown-blockquote,.report-body blockquote{background:#667eea0d!important;border-left:4px solid #667eea!important;border-radius:4px!important;color:#666!important;font-style:italic!important;margin:20px 0!important;padding:15px 20px!important}.markdown-content code.markdown-code-inline,.markdown-content code:not(.markdown-code),.report-body code:not(pre code){background:#f4f4f4!important;border-radius:3px!important;color:#e83e8c!important;font-family:Courier New,monospace!important;font-size:.9em!important;padding:2px 6px!important}.markdown-content pre,.markdown-content pre.markdown-pre,.report-body pre{background:#f4f4f4!important;border-radius:6px!important;margin:15px 0!important;overflow-x:auto!important;padding:15px!important}.markdown-content pre code,.markdown-content pre code.markdown-code,.report-body pre code{background:#0000!important;color:#333!important;padding:0!important}.report-empty{color:#999;padding:60px 20px;text-align:center}.empty-icon{font-size:3em;margin-bottom:15px;opacity:.5}.empty-hint{color:#bbb;font-size:.9em;margin-top:10px}.naming-report-actions{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.action-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:1em;font-weight:600;padding:12px 24px;transition:all .3s}.action-btn:hover{background:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.naming-report-footer{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;padding:20px}.footer-text{color:#856404;font-size:.95em;line-height:1.8;margin:0;text-align:center}@media print{.naming-report-content{page-break-inside:avoid}.naming-report-actions{display:none}}@media (max-width:768px){.report-title{font-size:1.5em}.report-info{flex-direction:column;gap:10px}.naming-report-content{padding:20px}.markdown-content h1,.markdown-content h1.markdown-h1,.report-body h1{font-size:1.5em!important}.markdown-content h2,.markdown-content h2.markdown-h2,.report-body h2{font-size:1.3em!important}.markdown-content h3,.markdown-content h3.markdown-h3,.report-body h3{font-size:1.15em!important}.markdown-content p,.markdown-content p.markdown-p,.report-body p{font-size:1em!important}}.guide-container{margin-bottom:40px}.guide-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.guide-icon{font-size:3em;margin-bottom:15px}.guide-title{color:#333;font-size:1.5em;font-weight:600;margin-bottom:15px}.guide-description{color:#555;font-size:1em;line-height:1.8;margin:0 auto;max-width:700px}.guide-description strong{color:#667eea;font-weight:600}.guide-steps{display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.step-item{align-items:flex-start;background:#f8f9fa;border-radius:12px;display:flex;flex:1 1;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s}.step-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2em;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h3{color:#333;font-size:1.1em;font-weight:600;margin-bottom:8px}.step-content p{color:#666;font-size:.9em;line-height:1.5}.guide-tip{align-items:center;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;display:flex;gap:10px;padding:15px 20px}.tip-icon{flex-shrink:0;font-size:1.5em}.tip-text{color:#856404;font-size:.95em;line-height:1.6}@media (max-width:768px){.guide-steps{flex-direction:column}.guide-card{padding:20px}.guide-title{font-size:1.3em}.guide-description{font-size:.9em}}.App{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:20px}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin-top:20px;max-width:900px;padding:40px;width:100%}.app-header{margin-bottom:40px;text-align:center}.app-title{color:#667eea;font-size:2.5em;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000001a}.app-subtitle{color:#666;font-size:1.2em;font-weight:300}.loading-container{animation:fadeIn .5s ease-in;padding:60px 20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-icon-wrapper{display:inline-block;margin-bottom:30px;position:relative}.loading-spinner{animation:spin 1s linear infinite;border-right:6px solid #667eea1a;border-top:6px solid #667eea1a;border-color:#667eea #764ba2 #667eea1a #667eea1a;border-style:solid;border-width:6px;position:relative;z-index:2}.loading-pulse,.loading-spinner{border-radius:50%;height:80px;width:80px}.loading-pulse{animation:pulse 2s ease-in-out infinite;background:#667eea33;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.loading-title{animation:fadeInUp .6s ease-out;color:#667eea;font-size:1.8em;font-weight:600;margin-bottom:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-text{animation:fadeIn .5s ease-in;color:#333;font-size:1.3em;font-weight:500;margin-bottom:30px;min-height:30px;transition:opacity .3s}.progress-wrapper{margin:0 auto 30px;max-width:500px}.progress-bar-container{background:#e9ecef;border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;height:12px;margin-bottom:10px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;overflow:hidden;position:relative;transition:width .5s ease}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#667eea;font-size:1em;font-weight:600;margin:0}.loading-tips{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;margin-top:40px;padding:20px}.loading-hint{color:#666;font-size:.95em;line-height:1.6;margin:8px 0}.new-test-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:1em;font-weight:600;margin:30px auto 0;padding:12px 24px;transition:transform .2s,box-shadow .2s;width:200px}.new-test-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.new-test-btn:active{transform:translateY(0)}.mode-switcher{display:flex;gap:20px;justify-content:center;margin-bottom:30px;padding:20px}.mode-btn{background:#fff;border:2px solid #e9ecef;border-radius:25px;color:#666;cursor:pointer;font-size:1.1em;font-weight:600;padding:12px 30px;transition:all .3s ease}.mode-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.guide-text-naming{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea1a;border-radius:15px;margin-bottom:30px;padding:30px;text-align:center}.guide-text-naming h2{color:#667eea;font-size:1.8em;font-weight:600;margin-bottom:15px}.guide-text-naming p{color:#666;font-size:1.05em;line-height:1.8;margin:10px 0}@media (max-width:768px){.container{margin-top:10px;padding:20px}.app-title{font-size:2em}.app-subtitle{font-size:1em}.mode-switcher{flex-direction:column;gap:15px}.mode-btn{width:100%}.guide-text-naming{padding:20px}.guide-text-naming h2{font-size:1.5em}.guide-text-naming p{font-size:.95em}}
/*# sourceMappingURL=main.a560fb82.css.map*/