@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;500;600;700&display=swap";.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--bg-color:#0b0512;--bg-gradient:radial-gradient(circle at 50% 50%, #1a0b2e 0%, #0b0512 100%);--primary-color:#d4af37;--primary-glow:#d4af3788;--accent-color:#9d4edd;--text-primary:#f0ebf5;--text-secondary:#b8aac8;--glass-bg:#1e0f3266;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--danger-color:#e63946;--success-color:#2a9d8f;--element-wood:#2d6a4f;--element-fire:#e63946;--element-earth:#d4af37;--element-metal:#e8e8e4;--element-water:#4361ee;--element-wood-light:#2d6a4f26;--element-fire-light:#e6394626;--element-earth-light:#d4af3726;--element-metal-light:#e8e8e426;--element-water-light:#4361ee26;--bg-elevated:#130a22}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);min-height:100vh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:1.5rem;transition:transform .3s,box-shadow .3s}.glass-panel:hover{box-shadow:0 12px 40px 0 #00000080, 0 0 20px var(--primary-glow);border-color:#d4af374d;transform:translateY(-4px)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.5rem;font-weight:700}.title-glow{color:#0000;background:linear-gradient(90deg,#d4af37,#fceda1,#d4af37) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shine}input,select,button{outline:none;font-family:inherit}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0a051499;border-radius:8px;padding:1rem;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 12px var(--primary-glow)}.primary-btn{background:linear-gradient(135deg, var(--accent-color), #5e289e);color:#fff;cursor:pointer;text-align:center;border:1px solid #fff3;border-radius:30px;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.primary-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9d4edd80}.primary-btn:hover:before{left:100%}.outline-btn{color:var(--primary-color);border:1px solid var(--primary-color);cursor:pointer;background:0 0;border-radius:30px;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}.outline-btn:hover{box-shadow:0 0 15px var(--primary-glow);background:#d4af371a}.ad-zone{color:var(--text-secondary);background:repeating-linear-gradient(45deg,#ffffff08,#ffffff08 10px,#0003 10px 20px);border:1px dashed #fff3;border-radius:8px;justify-content:center;align-items:center;min-height:100px;margin:1.5rem 0;padding:1rem;font-size:.9rem;font-weight:500;display:flex}.ad-zone.interstitial{min-height:300px;margin:2rem 0}@keyframes shine{to{background-position:200%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 15px #d4af3700}to{box-shadow:0 0 #d4af3700}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.streaming-text p{color:var(--text-primary);margin-bottom:1.2rem;font-size:1.05rem;line-height:1.8}.typing-cursor:after{content:"▋";color:var(--primary-color);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.age-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.age-pill{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s}.age-pill:hover{border-color:var(--primary-color);color:var(--text-primary)}.age-pill.active{background:linear-gradient(135deg, var(--primary-color), #b8941f);color:#000;border-color:var(--primary-color);box-shadow:0 0 15px var(--primary-glow);font-weight:600}.character-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding:1rem 0;display:flex;overflow-x:auto}.character-carousel::-webkit-scrollbar{display:none}.character-avatar-wrapper{scroll-snap-align:center;cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:.4rem;transition:transform .3s;display:flex}.character-avatar-wrapper:hover{transform:scale(1.1)}.character-avatar{border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:1.5rem;transition:all .3s;display:flex;position:relative}.character-avatar:after{content:"";border:2px solid #0000;border-radius:50%;transition:border-color .3s;position:absolute;inset:-3px}.character-avatar-wrapper:hover .character-avatar:after{border-color:inherit}.character-name{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.category-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}@media (width<=420px){.category-grid{grid-template-columns:1fr}}.category-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);cursor:pointer;border-radius:16px;padding:1.2rem;transition:all .3s;position:relative;overflow:hidden}.category-card:after{content:"";opacity:.6;border-radius:0 0 16px 16px;height:3px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.category-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.category-card:hover:after{opacity:1}.category-card.unavailable{opacity:.3;pointer-events:none}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a395b0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;padding-right:2rem}select.input-field option{color:var(--text-primary);background:#1a0b2e}.glass-panel-static{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:1.5rem}.with-navbar{padding-bottom:4.5rem}.app-container{flex-direction:column;max-width:600px;margin:0 auto;padding:2rem 1.5rem 5rem;display:flex;position:relative}.main-header{text-align:center;margin-bottom:1.5rem}.main-header h1{letter-spacing:-.5px;font-size:2.2rem}.main-header p{color:var(--text-secondary);font-size:1.1rem}@media (width>=1024px){.app-container.wide{max-width:1200px}.category-grid.desktop{grid-template-columns:repeat(3,1fr)}}.hero-tagline{color:var(--text-secondary);letter-spacing:.3px;margin-top:.4rem;font-size:.9rem;line-height:1.5}.starfield-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.app-container{z-index:1;position:relative}.trust-badge-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.trust-badge-item{color:var(--text-secondary);background:#d4af370f;border:1px solid #d4af3726;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.72rem;font-weight:500;display:flex}.trust-badge-item svg{color:var(--primary-color);opacity:.7}.trust-badge-label{white-space:nowrap}.daily-teaser{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.6rem;padding:1.2rem 1rem;display:flex}.daily-teaser-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;min-width:90px;height:90px;display:flex}.daily-teaser-content{min-width:0}.daily-teaser-name{margin-bottom:.25rem;font-size:.78rem;font-weight:600}.daily-teaser-quote{color:var(--text-primary);font-size:.9rem;line-height:1.5}.primary-cta-btn{background:linear-gradient(135deg, var(--accent-color), #7c3aed, var(--primary-color));color:#fff;cursor:pointer;background-size:200%;border:1px solid #fff3;border-radius:30px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s;animation:4s linear infinite shine;display:inline-flex;position:relative;overflow:hidden}.primary-cta-btn:hover{box-shadow:0 4px 20px #9d4edd80, 0 0 30px var(--primary-glow);transform:translateY(-2px)}.primary-cta-btn:active{transform:translateY(0)}.category-guide-avatar{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:.85rem;font-weight:700;display:flex}.category-tag{color:#000;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.show-more-btn{border:1px dashed var(--glass-border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.3rem;margin-top:.8rem;padding:.7rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.show-more-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.featured-doctor-section{text-align:center}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem;font-size:.82rem;font-weight:500}.featured-doctor-container{align-items:center;gap:.3rem;display:flex;position:relative}.featured-nav-btn{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.featured-nav-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.featured-doctor-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:16px;flex:1;align-items:center;gap:1rem;min-height:140px;padding:1.2rem;display:flex}.featured-doctor-card:hover{border-color:#ffffff1f}.featured-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.featured-avatar-initial{font-size:1.8rem;font-weight:700}.featured-avatar-element{color:#000;border:1.5px solid var(--bg-color);background:currentColor;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.65rem;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.featured-info{text-align:left;min-width:0}.featured-name{margin-bottom:.15rem;font-size:1.1rem;font-weight:700}.featured-title{color:var(--text-secondary);margin-bottom:.4rem;font-size:.78rem}.featured-tagline{color:var(--text-primary);opacity:.85;margin-bottom:.5rem;font-size:.8rem;font-style:italic;line-height:1.4}.featured-categories{flex-wrap:wrap;gap:.3rem;display:flex}.featured-cat-badge{border-radius:8px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.featured-dots{justify-content:center;gap:.5rem;margin-top:.8rem;display:flex}.featured-dot{cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.science-section{text-align:center}.science-section:hover{transform:none}.science-section-title{color:var(--primary-color);margin-bottom:1rem;font-size:1rem}.science-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.science-item{padding:.6rem .3rem}.science-item-label{color:var(--text-primary);margin-bottom:.2rem;font-size:.9rem;font-weight:600}.science-item-desc{color:var(--primary-color);margin-bottom:.15rem;font-size:.7rem;font-weight:500}.science-item-detail{color:var(--text-secondary);font-size:.65rem}.all-doctors-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid;overflow:hidden}.doctor-mini-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;align-items:center;gap:.6rem;padding:.8rem;transition:all .2s;display:flex}.doctor-mini-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.doctor-mini-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1rem;font-weight:700;display:flex}.doctor-mini-info{flex-direction:column;min-width:0;display:flex}.doctor-mini-name{white-space:nowrap;font-size:.82rem;font-weight:600}.doctor-mini-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}:focus-visible,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.starfield-canvas{display:none}}