.header{text-align:center;margin-bottom:40px;color:#fff;max-width:800px;width:100%;box-sizing:border-box}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;position:relative;z-index:1;transition:all .3s ease;border-radius:15px;padding:15px}.header-content:hover{transform:scale(1.02);background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-text{text-align:center;flex:1;min-width:300px}.header-text h1{font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:8px;color:#fff;letter-spacing:-.3px;text-shadow:0 0 5px #ff6b6b,0 0 10px #ff6b6b,0 0 15px #ff6b6b,0 0 20px #ff6b6b,0 0 35px #4ecdc4,0 0 40px #4ecdc4;animation:neonGlow 3s ease-in-out infinite alternate}@keyframes neonGlow{0%{text-shadow:0 0 5px #ff6b6b,0 0 10px #ff6b6b,0 0 15px #ff6b6b,0 0 20px #ff6b6b,0 0 35px #4ecdc4,0 0 40px #4ecdc4}50%{text-shadow:0 0 10px #4ecdc4,0 0 20px #4ecdc4,0 0 30px #4ecdc4,0 0 40px #4ecdc4,0 0 70px #45b7d1,0 0 80px #45b7d1}to{text-shadow:0 0 5px #45b7d1,0 0 10px #45b7d1,0 0 15px #45b7d1,0 0 20px #45b7d1,0 0 35px #96ceb4,0 0 40px #96ceb4}}.header-text p{font-size:1.1rem;font-weight:400;opacity:.9;line-height:1.4;color:#fff;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.3)}@media (max-width: 768px){.header-text{min-width:auto}.header-text h1{font-size:1.8rem}.header-text p{font-size:1rem}}@media (max-width: 480px){.header-text h1{font-size:1.6rem}}.animated-logo{width:80px;height:80px;position:relative;flex-shrink:0}.logo-container{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;border:3px solid rgba(255,255,255,.3);overflow:hidden;display:flex;align-items:center;justify-content:center;animation:logoFloat 3s ease-in-out infinite;box-shadow:0 4px 15px #0003}@keyframes logoFloat{0%,to{transform:translateY(0);box-shadow:0 4px 15px #0000001a}50%{transform:translateY(-8px);box-shadow:0 8px 25px #00000026}}.animal-icon{font-size:3rem;line-height:1;animation:animalBounce .5s ease-in-out;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.phoenix-icon{width:3rem;height:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes animalBounce{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media (max-width: 768px){.animated-logo{width:60px;height:60px}.animal-icon{font-size:2.2rem}}.upload-section{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:40px;max-width:800px;width:100%;box-sizing:border-box}.upload-area{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;position:relative;transition:all .3s ease;cursor:pointer;width:100%;max-width:800px;margin-left:auto;margin-right:auto;box-sizing:border-box}.upload-area:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,#667eea33,#764ba226,#667eea33);border-radius:20px;z-index:-1}.upload-area:hover:before{background:linear-gradient(45deg,#667eea4d,#764ba24d,#667eea4d)}.upload-area:hover{transform:translateY(-8px);box-shadow:0 20px 60px #667eea26,0 0 0 1px #667eea1a;background:linear-gradient(135deg,#fff,#fefffe)}.upload-area.dragover{background:linear-gradient(135deg,#f8f9ff,#fff);transform:translateY(-5px);box-shadow:0 15px 40px #667eea33,0 0 0 2px #667eea26}.upload-area.dragover:before{background:linear-gradient(45deg,#667eea40,#764ba233,#667eea40)}.upload-content{text-align:center}.upload-icon{font-size:4rem;margin-bottom:20px;display:block}.upload-content h3{font-size:1.5rem;margin-bottom:10px;color:#333}.upload-content p{color:#666;margin-bottom:20px}.upload-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease;flex:1;min-width:160px}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.gallery-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.camera-btn{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.camera-btn:hover{box-shadow:0 5px 15px #06b6d466}.photo-guidelines{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 20px #00000014;width:100%;max-width:800px;box-sizing:border-box}.photo-guidelines h4{color:#333;font-size:1.2rem;margin-bottom:20px;text-align:center}.guidelines-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.good-photos,.bad-photos{padding:15px;border-radius:10px}.good-photos{background:#f0f9ff;border:1px solid #3b82f6}.bad-photos{background:#fef2f2;border:1px solid #ef4444}.good-photos h5{color:#3b82f6;margin-bottom:10px;font-size:1rem}.bad-photos h5{color:#ef4444;margin-bottom:10px;font-size:1rem}.guidelines-grid ul{list-style:none;padding:0;margin:0}.guidelines-grid li{font-size:.9rem;color:#555;position:relative;padding:5px 0 5px 20px}.good-photos li:before{content:"•";color:#3b82f6;position:absolute;left:0;font-weight:700}.bad-photos li:before{content:"•";color:#ef4444;position:absolute;left:0;font-weight:700}@media (max-width: 768px){.upload-section{margin-left:0;margin-right:0;width:100%;max-width:100%;padding:0}.upload-area{padding:30px 20px;margin-left:0;margin-right:0;width:100%;max-width:100%}.photo-guidelines{padding:20px;margin-left:0;margin-right:0;width:100%;max-width:100%}.guidelines-grid{grid-template-columns:1fr;gap:20px}.upload-buttons{flex-direction:column;gap:12px}.upload-btn{min-width:auto;width:100%;font-size:.95rem}}.analyzing-section{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.analyzing-content{text-align:center;color:#fff;max-width:500px;width:100%}.analyzing-content h3{font-size:1.8rem;margin-bottom:10px;animation:fadeInUp .5s ease}.sub-message{font-size:.95rem;opacity:.9;margin-bottom:30px;animation:fadeInUp .5s ease .1s both}.progress-container{margin:30px 0;animation:fadeInUp .5s ease .2s both}.progress-bar{background:#fff3;border-radius:25px;height:30px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e);height:100%;border-radius:25px;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:15px;box-shadow:0 2px 10px #22c55e4d}.progress-text{font-weight:700;font-size:.9rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.fun-fact{background:#ffffff1a;border-radius:15px;padding:20px;margin-top:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .5s ease .3s both;border:1px solid rgba(255,255,255,.2)}.fact-icon{font-size:1.5rem;display:block;margin-bottom:10px}.fun-fact p{margin:0;font-size:.9rem;line-height:1.5;color:#fffffff2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-buttons{background:#ffffffe6;border-radius:15px;padding:25px;box-shadow:0 8px 25px #0000001a;margin:20px auto;width:100%;max-width:800px;box-sizing:border-box;text-align:center}.share-title{text-align:center;font-size:1.2rem;color:#333;margin-bottom:20px;font-weight:600}.share-button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;justify-items:center}.share-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500;min-width:70px;text-decoration:none;color:#fff}.share-icon{font-size:1.5rem;line-height:1}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-btn:active{transform:translateY(0)}.share-btn.kakao{background:linear-gradient(135deg,#fee500,#ffd800);color:#333}.share-btn.facebook{background:linear-gradient(135deg,#4267b2,#365899)}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.share-btn.line{background:linear-gradient(135deg,#00c300,#00a300)}.share-btn.link{background:linear-gradient(135deg,#666,#555)}.share-btn.kakao:hover{background:linear-gradient(135deg,#ffd800,#fc0)}.share-btn.facebook:hover{background:linear-gradient(135deg,#365899,#2d4373)}.share-btn.twitter:hover{background:linear-gradient(135deg,#0d8bd9,#0a7bc4)}.share-btn.line:hover{background:linear-gradient(135deg,#00a300,green)}.share-btn.link:hover{background:linear-gradient(135deg,#555,#444)}@media (max-width: 768px){.share-buttons{width:100%;max-width:100%;margin:20px 0}}@media (max-width: 555px) and (min-width: 481px){.share-button-grid{grid-template-columns:repeat(5,1fr);gap:8px}.share-btn{padding:10px 6px;font-size:.75rem;min-width:60px}.share-icon{font-size:1.3rem}}@media (max-width: 480px){.share-buttons{padding:20px;width:100%;max-width:100%}.share-button-grid{grid-template-columns:repeat(5,1fr);gap:6px}.share-btn{padding:8px 4px;font-size:.7rem;min-width:50px}.share-icon{font-size:1.1rem}}@media (max-width: 400px){.share-buttons{padding:15px}.share-button-grid{grid-template-columns:repeat(5,1fr);gap:4px}.share-btn{padding:6px 2px;font-size:.65rem;min-width:45px;border-radius:8px}.share-icon{font-size:1rem}}.result-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;margin:0 auto 40px;max-width:1200px}.result-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto;gap:40px;align-items:start;max-width:1200px;margin:0 auto}.uploaded-image-container{position:relative;text-align:center;width:100%}.uploaded-image{width:100%;max-width:100%;height:auto;max-height:500px;border-radius:15px;box-shadow:0 5px 20px #0000001a;display:block;object-fit:contain}.landmark-canvas{position:absolute;top:0;left:50%;transform:translate(-50%);pointer-events:none;border-radius:15px}.result-details{width:100%}.animal-result{text-align:center;margin-bottom:30px;padding:20px;border-radius:15px;color:#fff}.animal-emoji{font-size:4rem;margin-bottom:15px}.animal-result h2{font-size:2.5rem;margin-bottom:10px}.similarity{font-size:1.2rem;opacity:.9}.analysis-details,.interpretation{margin-bottom:30px}.analysis-details h3,.interpretation h3{font-size:1.5rem;margin-bottom:15px;color:#333}.feature-analysis{background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:25px;border-radius:15px;margin-bottom:20px;border:1px solid #dee2e6}.feature-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001f}.feature-item:last-child{margin-bottom:0}.feature-name{font-weight:600;margin-bottom:5px;color:#2c3e50;font-size:1rem}.feature-description{font-size:.9rem;color:#6c757d;margin-top:3px;font-weight:400;letter-spacing:-.1px;line-height:1.4}.feature-value{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:25px;font-size:1rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 6px #667eea4d;min-width:60px;text-align:center;letter-spacing:-.1px}.interpretation-text{background:#f8f9fa;padding:20px;border-radius:10px;line-height:1.6;color:#555}.interpretation-text h4{color:#333;margin-bottom:10px}.shared-result-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;background:linear-gradient(135deg,#f8f9ff,#e9ecef);border-radius:15px;padding:30px;text-align:center;border:2px dashed #667eea}.shared-icon{font-size:3rem;margin-bottom:20px;opacity:.8}.shared-result-notice h3{font-size:1.5rem;color:#333;margin-bottom:15px;font-weight:600}.shared-result-notice p{color:#666;line-height:1.6;margin-bottom:10px;font-size:1rem}.share-section{margin:20px 0;display:flex;justify-content:center}.action-buttons{display:flex;gap:15px;justify-content:center}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:25px;font-size:1rem;cursor:pointer;border:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#f8f9fa;color:#333;border:2px solid #ddd}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.grid-top-left{grid-column:1;grid-row:1}.grid-top-right{grid-column:2;grid-row:1}.grid-bottom-left{grid-column:1;grid-row:2}.grid-bottom-right{grid-column:2;grid-row:2}.grid-bottom-full{grid-column:1 / -1;grid-row:3}.grid-span-full{grid-column:1 / -1;grid-row:6}.grid-compatibility{grid-column:1 / -1;grid-row:4}.grid-retry{grid-column:1 / -1;grid-row:5}.feature-analysis-section,.detailed-analysis-section{margin-bottom:0}.interpretation-text{background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:25px;border-radius:15px;border:1px solid #dee2e6}.interpretation-text h4{color:#333;margin-bottom:10px;font-size:1.1rem;font-weight:600}.retry-section{margin:30px 0}.retry-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:40px;text-align:center;color:#fff;box-shadow:0 15px 40px #667eea4d;border:2px solid rgba(255,255,255,.1)}.retry-title{font-size:1.8rem;font-weight:700;margin-bottom:15px;color:#fff}.retry-description{font-size:1.1rem;margin-bottom:30px;opacity:.9;line-height:1.6}.btn-retry-large{background:#fff;color:#667eea;border:none;border-radius:50px;padding:20px 40px;font-size:1.3rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 8px 25px #0003;min-width:220px;justify-content:center}.btn-retry-large:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0000004d;background:#f8f9ff}.retry-icon{font-size:1.2rem}@media (max-width: 768px){.result-content{grid-template-columns:1fr;gap:30px;padding:0 10px}.animal-result h2{font-size:2rem}.action-buttons{flex-direction:column}.feature-item{flex-direction:column;align-items:flex-start;gap:10px}.feature-value{align-self:flex-end}.result-content{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto auto auto}.grid-top-left,.grid-top-right,.grid-bottom-left,.grid-bottom-right,.grid-bottom-full,.grid-compatibility,.grid-span-full,.grid-retry{grid-column:1}.grid-top-left{grid-row:1}.grid-top-right{grid-row:2}.grid-bottom-left{grid-row:3}.grid-bottom-right{grid-row:4}.grid-bottom-full{grid-row:5}.grid-compatibility{grid-row:6}.grid-retry{grid-row:7}.grid-span-full{grid-row:8}.retry-container{padding:30px 20px}.retry-title{font-size:1.5rem}.retry-description{font-size:1rem}.btn-retry-large{padding:15px 30px;font-size:1.1rem;min-width:180px}}.interpretation-paragraph{margin:0 0 15px!important;padding:0;font-size:1rem;line-height:1.7;color:#555;text-align:justify}.interpretation-paragraph:last-child{margin-bottom:0!important}.footer{color:#fff;opacity:.9;margin-top:40px;padding:40px 20px}.footer-content{width:100%;max-width:800px;margin:0 auto;padding:25px 0;box-sizing:border-box}.footer-main-title{text-align:center;font-size:1.1rem;margin-bottom:30px;opacity:.8}.footer-content:before{content:"";display:block;height:3px;width:100%;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3,#f368e0);margin-bottom:20px;border-radius:2px;animation:footerLineShift 8s ease-in-out infinite}.footer-content:after{content:"";display:block;height:2px;width:100%;background:#ffffff4d;margin-top:20px;border-radius:1px}.footer-bottom{text-align:center;padding:20px 0 10px;color:#ffffffb3;font-size:.85rem;line-height:1.6}.footer-bottom p{margin:5px 0}.copyright{font-weight:500;color:#fffc}.developer-info{font-size:.8rem;color:#fff9}.developer-info a{color:#fffc;text-decoration:none;transition:color .3s ease}.developer-info a:hover{color:#4ecdc4;text-decoration:underline}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:transparent;padding:30px 0;width:100%;box-sizing:border-box}@keyframes footerLineShift{0%{background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3,#f368e0)}14%{background:linear-gradient(90deg,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3,#f368e0,#ff6b6b)}28%{background:linear-gradient(90deg,#45b7d1,#96ceb4,#feca57,#ff9ff3,#f368e0,#ff6b6b,#4ecdc4)}42%{background:linear-gradient(90deg,#96ceb4,#feca57,#ff9ff3,#f368e0,#ff6b6b,#4ecdc4,#45b7d1)}56%{background:linear-gradient(90deg,#feca57,#ff9ff3,#f368e0,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4)}70%{background:linear-gradient(90deg,#ff9ff3,#f368e0,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57)}84%{background:linear-gradient(90deg,#f368e0,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3)}to{background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3,#f368e0)}}.footer-column{text-align:center}.footer-column h4{color:#fff;font-size:1.1rem;margin-bottom:15px;font-weight:600}.footer-column p{color:#ffffffe6;font-size:14px;line-height:1.5;margin-bottom:15px}.footer-link{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin-bottom:20px;display:inline-block}.footer-link:hover{background:#667eea4d;transform:translateY(-1px)}.privacy-summary{background:#ffffff0d;border-radius:12px;padding:15px;margin-top:15px}.privacy-summary h5{color:#fff;font-size:.9rem;margin-bottom:10px;font-weight:500}.privacy-summary p{font-size:14px;margin:8px 0;text-align:left;color:#fffc;line-height:1.4}.kakao-channel-link{display:inline-block;background:linear-gradient(135deg,#fee500,#fada0a);color:#3a1d1d;text-decoration:none;padding:12px 20px;border-radius:20px;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 12px #fee5004d}.kakao-channel-link:hover{transform:translateY(-2px);box-shadow:0 6px 15px #fee50066;background:linear-gradient(135deg,#fada0a,#fee500)}@media (max-width: 768px){.footer{padding:30px 0}.footer-content{padding:20px 0}.footer-grid{grid-template-columns:1fr;gap:30px;padding:20px 0}.footer-column h4{font-size:1rem}.footer-column p{font-size:13px}.footer-link,.kakao-channel-link{font-size:13px;padding:8px 16px}.privacy-summary{padding:12px}.privacy-summary h5{font-size:.85rem}.privacy-summary p{font-size:13px}}.about-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.about-container{max-width:900px;margin:0 auto}.about-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translateY(-2px)}.about-header h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.about-content{background:#fffffff2;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-content section{margin-bottom:40px}.about-content section:last-child{margin-bottom:0}.intro-section p{font-size:1.2rem;line-height:1.8;color:#333;text-align:center;background:#667eea1a;padding:25px;border-radius:15px;border-left:5px solid #667eea}.about-content h2{color:#333;font-size:1.5rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.about-content p{line-height:1.8;color:#555;margin-bottom:20px;font-size:1rem}.highlight-box{background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:25px;border-radius:15px;margin:25px 0;border-left:5px solid #ff9a56}.highlight-box p{margin:0;color:#333;font-weight:500}.conclusion-highlight{background:linear-gradient(135deg,#a8edea,#fed6e3);padding:30px;border-radius:20px;text-align:center;margin-top:25px;border-left:5px solid #667eea}.conclusion-highlight p{margin:0;font-size:1.1rem;color:#333}.conclusion-highlight strong{color:#667eea;font-size:1.2rem}.how-it-works-section,.features-section,.animals-section,.misconception-section,.privacy-section{background:#667eea0d;padding:30px;border-radius:15px;border-left:3px solid #667eea}.feature-list{margin-top:15px}.feature-list p{margin:12px 0;padding-left:10px}.conclusion-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:30px;border-radius:20px;border:2px solid rgba(102,126,234,.2)}@media (max-width: 768px){.about-page{padding:10px}.about-header{flex-direction:column;align-items:flex-start;gap:15px}.about-header h1{font-size:2rem}.about-content{padding:25px}.intro-section p{font-size:1.1rem;padding:20px}.highlight-box,.conclusion-highlight{padding:20px}}.compatibility-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.user-animal-section{text-align:center;margin-bottom:40px}.section-header,.user-animal-section,.compatibility-bars{max-width:100%;margin-left:auto;margin-right:auto}.user-animal-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:20px;box-shadow:0 8px 32px #667eea4d;display:inline-block;min-width:300px;max-width:100%;width:auto}.user-animal-card .animal-emoji{font-size:4rem;margin-bottom:15px}.user-animal-card h2{margin:0 0 10px;font-size:1.8rem}.user-animal-card p{margin:0;opacity:.9;font-size:1rem}.section-header{text-align:center;margin:25px 0 20px;padding:20px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.best-section{background:linear-gradient(135deg,#ffb347,#fc3);color:#fff}.worst-section{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.middle-section{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.section-header h2{margin:0 0 10px;font-size:1.8rem;font-weight:700}.section-header p{margin:0;opacity:.9;font-size:1rem}.compatibility-bars{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.middle-bars{gap:6px}.compatibility-bars .compatibility-bar{background:#fff!important;border-radius:12px!important;padding:12px!important;box-shadow:0 4px 20px #0000001a!important;cursor:pointer!important;transition:all .3s ease!important;border:2px solid transparent!important;display:block!important;width:100%!important}.middle-bars .compatibility-bar{padding:8px 12px!important;border-radius:10px!important}.best-bars .compatibility-bar,.worst-bars .compatibility-bar{padding:12px!important}.rank-circle-small{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:linear-gradient(145deg,#f0f0f0,#d0d0d0);box-shadow:0 3px 10px #0003,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000001a;border:2px solid rgba(255,255,255,.2)}.rank-circle-small .rank-number{font-size:.9rem;color:#555;text-shadow:0 1px 1px rgba(255,255,255,.3)}.rank-circle-best{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;position:relative;border:3px solid rgba(255,255,255,.3)}.rank-circle-best.rank-1{background:linear-gradient(145deg,gold,#ffb347);box-shadow:0 6px 20px #ffd70066,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.rank-circle-best.rank-2{background:linear-gradient(145deg,#e8e8e8,#b8b8b8);box-shadow:0 6px 20px #b8b8b866,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.rank-circle-best.rank-3{background:linear-gradient(145deg,#cd7f32,#b8860b);box-shadow:0 6px 20px #cd7f3266,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000001a}.medal-emoji{font-size:1.2rem;margin-bottom:-2px}.rank-circle-best .rank-number{font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rank-circle-worst{width:45px;height:45px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;background:linear-gradient(145deg,#ff6b6b,#e74c3c);box-shadow:0 4px 15px #ff6b6b66,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000001a;border:2px solid rgba(255,255,255,.2)}.warning-emoji{font-size:1rem;margin-bottom:-2px}.rank-circle-worst .rank-number{font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.compatibility-bar:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000026}.best-bar{border-left:5px solid #ffb347}.best-bar.rank-1{border-left:5px solid #ffd700;background:linear-gradient(135deg,#fff9e6,#fff)}.best-bar.rank-2{border-left:5px solid #c0c0c0;background:linear-gradient(135deg,#f8f8f8,#fff)}.best-bar.rank-3{border-left:5px solid #cd7f32;background:linear-gradient(135deg,#fff5f0,#fff)}.worst-bar{border-left:5px solid #ff6b6b;background:linear-gradient(135deg,#fff5f5,#fff)}.bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.rank-medal{display:flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:700}.rank-text{font-size:1rem;color:#666}.animal-info{display:flex;align-items:center;gap:12px;flex:1;margin:0 20px}.animal-info .animal-emoji{font-size:2rem}.animal-info .animal-name{margin:0;font-size:1.3rem;color:#333}.score-info{display:flex;align-items:center;gap:12px}.score-value{font-size:1.8rem;font-weight:700;color:#333;min-width:60px;text-align:right}.compatibility-bars .progress-bar{height:6px!important;background:#f0f0f0!important;border-radius:3px!important;overflow:hidden!important;margin-bottom:8px!important;position:relative!important;width:100%!important;display:block!important}.middle-bars .progress-bar{height:5px!important;margin-bottom:6px!important}.compatibility-bars .progress-fill{height:100%!important;border-radius:6px!important;position:relative!important;overflow:hidden!important;transition:width 1s ease-in-out!important;display:block!important}.progress-fill.rank-1{background:linear-gradient(90deg,gold,#ffb347);box-shadow:0 2px 8px #ffd70066}.progress-fill.rank-2{background:linear-gradient(90deg,#e8e8e8,#b8b8b8);box-shadow:0 2px 8px #b8b8b880}.progress-fill.rank-3{background:linear-gradient(90deg,#cd7f32,#b8860b);box-shadow:0 2px 8px #cd7f3266}.progress-fill.worst{background:linear-gradient(90deg,#ff6b6b,#e74c3c);box-shadow:0 2px 8px #ff6b6b66}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 2s infinite}.compatibility-reason{color:#666;line-height:1.4;font-size:.9rem;margin-top:2px}.compatibility-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 20px #0000001a;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.compatibility-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.compatibility-card.rank-1{border-left:5px solid #ff6b6b}.compatibility-card.rank-2{border-left:5px solid #4ecdc4}.compatibility-card.rank-3{border-left:5px solid #45b7d1}.compatibility-card.rank-4{border-left:5px solid #96ceb4}.compatibility-card.rank-5{border-left:5px solid #feca57}.best-card{background:linear-gradient(135deg,#fff9e6,#fff);border:2px solid transparent;background-clip:padding-box;box-shadow:0 6px 25px #ffb74733}.best-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #ffb7474d}.best-card.rank-1{border:2px solid #ffd700;box-shadow:0 8px 30px #ffd7004d}.best-card.rank-2{border:2px solid #c0c0c0;box-shadow:0 8px 30px #c0c0c04d}.best-card.rank-3{border:2px solid #cd7f32;box-shadow:0 8px 30px #cd7f324d}.worst-card{background:linear-gradient(135deg,#fff5f5,#fff);border:2px solid #ffcccb;box-shadow:0 6px 25px #ff6b6b26}.worst-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff6b6b33}.rank-badge{position:absolute;top:15px;right:15px;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.rank-circle{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;position:relative;box-shadow:0 4px 15px #0003;border:3px solid rgba(255,255,255,.3)}.rank-badge.rank-1 .rank-circle{background:linear-gradient(145deg,gold,#ffb347);box-shadow:0 6px 20px #ffd70066,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.rank-badge.rank-2 .rank-circle{background:linear-gradient(145deg,silver,#a8a8a8);box-shadow:0 6px 20px #c0c0c066,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.rank-badge.rank-3 .rank-circle{background:linear-gradient(145deg,#cd7f32,#b8860b);box-shadow:0 6px 20px #cd7f3266,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000001a}.rank-badge.rank-worst-1 .rank-circle,.rank-badge.rank-worst-2 .rank-circle,.rank-badge.rank-worst-3 .rank-circle{background:linear-gradient(145deg,#666,#888);box-shadow:0 4px 15px #0000004d,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003}.rank-number{font-size:.8rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-top:-2px}.animal-info{display:flex;align-items:center;gap:15px;margin-bottom:15px}.animal-info .animal-emoji{font-size:2.5rem}.animal-name{margin:0;color:#333;font-size:1.3rem}.compatibility-score{display:flex;align-items:center;gap:10px;margin-bottom:15px}.grade-badge{padding:8px 16px;border-radius:20px;font-weight:700;font-size:1.1rem}.score-value{font-size:1.5rem;font-weight:700;color:#333}.grade-label{color:#666;font-size:.9rem}.compatibility-preview{color:#666;line-height:1.4;margin-bottom:10px;min-height:40px}.click-hint{text-align:center;color:#999;font-size:.9rem;font-style:italic}.loading-container,.error-container{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a}.loading-spinner{font-size:3rem;animation:spin 2s linear infinite;margin-bottom:20px}.loading-container p,.error-container p{color:#666;font-size:1.1rem;margin:10px 0}.compatibility-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.compatibility-modal{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:15px;right:15px;background:#f8f9fa;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2rem;color:#666;transition:background .2s ease;z-index:1001}.modal-close:hover{background:#e9ecef}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px 30px;border-radius:20px 20px 0 0;text-align:center}.animal-pair{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.user-animal,.target-animal{display:flex;flex-direction:column;align-items:center;gap:10px}.user-animal .animal-emoji,.target-animal .animal-emoji{font-size:3rem}.user-animal span,.target-animal span{font-weight:700;font-size:1.1rem}.heart-icon{font-size:2rem;animation:pulse 2s infinite}.compatibility-result{display:flex;flex-direction:column;align-items:center;gap:10px}.large-grade-badge{padding:15px 25px;border-radius:30px;font-weight:700;font-size:1.5rem}.large-score{font-size:2.5rem;font-weight:700}.large-label{font-size:1.2rem;opacity:.9}.modal-content{padding:30px}.compatibility-reason{margin-bottom:30px}.compatibility-reason h4{color:#333;margin-bottom:15px;font-size:1.3rem}.compatibility-reason p{color:#666;line-height:1.6;font-size:1rem}.compatibility-tips{margin-bottom:30px}.compatibility-tips h4{color:#333;margin-bottom:15px;font-size:1.3rem}.compatibility-tips ul{padding-left:20px}.compatibility-tips li{color:#666;line-height:1.6;margin-bottom:8px}.animal-characteristics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.characteristic-section{background:#f8f9fa;padding:20px;border-radius:15px}.characteristic-section h4{color:#333;margin-bottom:10px;font-size:1.1rem}.characteristic-section p{color:#666;line-height:1.5;margin:0;font-size:.95rem}@media (max-width: 768px){.compatibility-page{padding:10px}.page-header{flex-direction:column;align-items:flex-start;gap:15px;margin-left:0;margin-right:0}.page-header h1{font-size:1.5rem}.section-header,.user-animal-section,.compatibility-bars{margin-left:0;margin-right:0;width:100%}.user-animal-card{margin-left:auto;margin-right:auto;max-width:100%;width:auto;min-width:280px;padding:25px}.user-animal-card .animal-emoji{font-size:3rem}.bar-header{flex-direction:column;align-items:flex-start;gap:15px}.animal-info{margin:0;justify-content:flex-start}.score-info{align-self:flex-end}.score-value{font-size:1.5rem}.animal-pair{flex-direction:column;gap:15px}.animal-characteristics{grid-template-columns:1fr}.compatibility-modal{margin:10px;max-height:95vh}.modal-header{padding:30px 20px 20px}.modal-content{padding:20px}}@media (max-width: 480px){.compatibility-page{padding:8px}.user-animal-card{min-width:auto;width:100%;padding:20px}.section-header{margin:20px 0 15px;padding:15px}.section-header h2{font-size:1.5rem}.compatibility-bars .compatibility-bar{padding:10px!important}.middle-bars .compatibility-bar{padding:8px 10px!important}}.compatibility-detail-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.page-header{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.navigation-buttons{display:flex;gap:10px}.nav-button{border:none;padding:10px 18px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500}.home-button{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff}.home-button:hover,.nav-button.home-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#26c6da)!important;color:#fff!important}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}.breadcrumb-item{font-weight:600;color:#667eea}.breadcrumb-separator{font-size:1.2rem;color:#ff6b6b;font-weight:700}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.back-button:hover,.nav-button.back-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;color:#fff!important}.page-header h1{margin:0;color:#333;font-size:1.8rem}.detail-hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;border-radius:25px;box-shadow:0 8px 32px #667eea4d;margin-bottom:30px;text-align:center}.animal-pair-large{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:40px}.user-animal-large,.target-animal-large{display:flex;flex-direction:column;align-items:center;gap:10px}.animal-emoji-large{font-size:5rem;margin-bottom:10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.user-animal-large h2,.target-animal-large h2{margin:0;font-size:1.8rem;font-weight:700}.user-animal-large p,.target-animal-large p{margin:0;opacity:.9;font-size:1rem}.heart-connection{display:flex;flex-direction:column;align-items:center;font-size:3rem;animation:pulse 2s infinite;position:relative}.connection-line{width:100px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);margin-top:10px;border-radius:2px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.compatibility-score-large{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px}.grade-badge-large{padding:20px 30px;border-radius:50px;font-weight:700;font-size:2rem;box-shadow:0 4px 15px #0003}.score-display{display:flex;flex-direction:column;align-items:center;gap:5px}.score-number{font-size:4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.score-label{font-size:1.3rem;opacity:.9}.progress-bar-large{height:20px;background:#fff3;border-radius:10px;overflow:hidden;position:relative;max-width:500px;margin:0 auto}.progress-fill-large{height:100%;border-radius:10px;position:relative;overflow:hidden;transition:width 1.5s ease-in-out}.progress-shine-large{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.detail-content{display:flex;flex-direction:column;gap:30px}.compatibility-reason-section,.compatibility-tips-section,.animal-characteristics-section{background:#fff;padding:30px;border-radius:20px;box-shadow:0 4px 20px #0000001a}.compatibility-reason-section h3,.compatibility-tips-section h3,.animal-characteristics-section h3{color:#333;margin-bottom:20px;font-size:1.5rem}.reason-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:15px;border-left:5px solid #667eea}.reason-box p{margin:0;font-size:1.1rem;line-height:1.6;color:#555}.reason-paragraph{margin:0 0 15px!important;padding:0;font-size:1.1rem;line-height:1.7;color:#444;text-align:justify}.reason-paragraph:last-child{margin-bottom:0!important}.tips-grid{display:grid;grid-template-columns:1fr;gap:15px}.tip-card{background:linear-gradient(135deg,#fff9e6,#fff);padding:20px;border-radius:12px;border-left:4px solid #feca57;transition:transform .2s ease}.tip-card:hover{transform:translateY(-2px)}.tip-content{color:#666;line-height:1.5;font-size:1rem}.characteristics-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.characteristic-card{background:linear-gradient(135deg,#f8f9fa,#fff);padding:25px;border-radius:15px;border:2px solid #e9ecef;text-align:center}.characteristic-card h4{color:#333;margin-bottom:15px;font-size:1.2rem}.characteristic-content{display:flex;flex-direction:column;align-items:center;gap:15px}.animal-emoji-medium{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.characteristic-content p{margin:0;color:#666;line-height:1.5;font-size:.95rem}.characteristic-paragraph{margin:0 0 15px!important;padding:0;font-size:.95rem;line-height:1.6;color:#666;text-align:justify}.characteristic-paragraph:last-child{margin-bottom:0!important}.back-to-analysis{text-align:center;padding:20px 0}.btn-back-large{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:30px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.btn-back-large:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea4d}.error-container{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a}.error-container p{color:#666;font-size:1.1rem;margin:10px 0}@media (max-width: 768px){.compatibility-detail-page{padding:10px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header h1{font-size:1.5rem}.detail-hero-section{padding:25px 20px}.animal-pair-large{flex-direction:column;gap:25px}.animal-emoji-large{font-size:3.5rem}.compatibility-score-large{flex-direction:column;gap:20px}.score-number{font-size:3rem}.characteristics-grid{grid-template-columns:1fr}.compatibility-reason-section,.compatibility-tips-section,.animal-characteristics-section{padding:20px}}.container{max-width:1200px;margin:0 auto;padding:20px}@media (max-width: 768px){.container{padding:20px 0}}.intro-section{background:linear-gradient(135deg,#f8f9ff,#e9ecef);border-radius:15px;margin:20px auto 30px;padding:25px;max-width:800px;width:100%;text-align:center;border:1px solid rgba(102,126,234,.1);box-sizing:border-box}.intro-content h3{font-size:1.4rem;color:#333;margin-bottom:10px;font-weight:600}.intro-content p{font-size:1rem;color:#666;line-height:1.6;margin:0}.intro-note{color:#667eea;font-weight:500;margin-left:8px}@media (max-width: 768px){.intro-section{margin:15px 0 25px;padding:20px;max-width:100%;width:100%}.intro-content h3{font-size:1.2rem}.intro-content p{font-size:.9rem}}.banner-ads-section{margin:30px auto;max-width:800px;width:100%}.banner-container{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #667eea4d;margin-bottom:20px}.banner-ad{cursor:pointer;transition:transform .3s ease;padding:25px;min-height:150px;-webkit-user-select:none;user-select:none}.banner-ad:hover{transform:translateY(-2px)}.banner-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.banner-text{flex:1;color:#fff}.banner-category{display:inline-block;background:#fff3;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:10px}.banner-title{font-size:1.3rem;font-weight:700;margin:10px 0;color:#fff;line-height:1.3}.banner-description{font-size:.95rem;color:#ffffffe6;line-height:1.4;margin-bottom:12px}.banner-stats{display:flex;gap:15px;margin-bottom:12px;font-size:.85rem}.banner-likes{color:#fffc}.banner-date{color:#ffffffb3}.banner-cta{display:inline-block;background:#ffffffe6;color:#667eea;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;transition:all .3s ease}.banner-cta:hover{background:#fff;transform:translate(2px)}.banner-visual{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.banner-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#ffffff1a;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.banner-dots{display:flex;justify-content:center;gap:6px;padding:15px;background:#0000001a;flex-wrap:wrap}.banner-dot{width:6px;height:6px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s ease}.banner-dot.active{background:#fff;transform:scale(1.2)}.banner-dot:hover{background:#fffc}@media (max-width: 768px){.banner-ads-section{margin:20px 0}.banner-container{margin:0 15px 20px}.banner-ad{padding:20px;min-height:120px}.banner-content{flex-direction:column;text-align:center;gap:15px}.banner-text{order:2}.banner-visual{order:1;width:60px;height:60px}.banner-icon{font-size:2rem}.banner-title{font-size:1.1rem}.banner-description{font-size:.85rem}.banner-stats{justify-content:center;font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Malgun Gothic,Apple SD Gothic Neo,Nanum Gothic,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center;gap:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease-in}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}*{text-rendering:optimizeLegibility}.small-text,[class*=description],[class*=hint],[class*=label]:not([class*=large]){font-weight:400!important;letter-spacing:-.1px!important;line-height:1.5!important}.tiny-text,[style*="font-size: 0.8"],[style*="font-size: 0.85"]{font-weight:500!important;letter-spacing:0px!important}