:root,[data-theme=light]{--bg-primary:#f5f4ed;--bg-card:#faf9f5;--bg-card-hover:#f0eee6;--bg-input:#ffffff;--border:#e8e6dc;--border-soft:#f0eee6;--border-hover:#d6d3c5;--border-focus:#c96442;--text-primary:#141413;--text-secondary:#5e5d59;--text-muted:#87867f;--accent:#c96442;--accent-hover:#b85636;--accent-soft:#d97757;--accent-on:#faf9f5;--accent-glow:rgba(201,100,66,0.15);--accent-gradient:linear-gradient(135deg,#c96442,#d97757);--accent-04:rgba(201,100,66,0.04);--accent-08:rgba(201,100,66,0.08);--accent-12:rgba(201,100,66,0.12);--accent-15:rgba(201,100,66,0.15);--accent-30:rgba(201,100,66,0.3);--element-wood:#5a8e3c;--element-fire:#b8473a;--element-earth:#c08428;--element-metal:#9c9890;--element-water:#4a6b8a;--shadow-whisper:0 4px 24px rgba(20,20,19,0.05);--shadow-ring:0 0 0 1px var(--border);--shadow-card-hover:0 4px 28px rgba(20,20,19,0.06);--input-inset:inset 0 0 0 1px rgba(255,255,255,0.6);--chevron-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%235e5d59' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");--radius:16px;--radius-sm:12px;--radius-xs:8px}[data-theme=dark]{--bg-primary:#141413;--bg-card:#1f1f1d;--bg-card-hover:#262624;--bg-input:#1a1a18;--border:#30302e;--border-soft:#262624;--border-hover:#3d3d3a;--border-focus:#d97757;--text-primary:#faf9f5;--text-secondary:#b0aea5;--text-muted:#87867f;--accent:#d97757;--accent-hover:#e08c6e;--accent-soft:#e8a585;--accent-on:#141413;--accent-glow:rgba(217,119,87,0.22);--accent-gradient:linear-gradient(135deg,#d97757,#e8a585);--accent-04:rgba(217,119,87,0.05);--accent-08:rgba(217,119,87,0.1);--accent-12:rgba(217,119,87,0.16);--accent-15:rgba(217,119,87,0.2);--accent-30:rgba(217,119,87,0.36);--element-wood:#7bbf52;--element-fire:#d6614e;--element-earth:#d99a3a;--element-metal:#b5b1a8;--element-water:#6b8eb0;--shadow-whisper:0 4px 24px rgba(0,0,0,0.4);--shadow-ring:0 0 0 1px var(--border);--shadow-card-hover:0 4px 28px rgba(0,0,0,0.5);--input-inset:inset 0 0 0 1px rgba(250,249,245,0.03);--chevron-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23b0aea5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark}body,html{background:var(--bg-primary)}body{font-family:Poppins,"Noto Serif KR",-apple-system,BlinkMacSystemFont,"system-ui",sans-serif;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.material-symbols-rounded{display:inline-block;width:1em;height:1em;line-height:1;overflow:hidden;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}h1,h2,h3{font-family:"Instrument Serif","Noto Serif KR",Georgia,serif;letter-spacing:-.012em}h1,h2,h3{font-weight:400}h1{line-height:1.05;letter-spacing:-.02em}h2{line-height:1.15}h3{line-height:1.3}.display-serif{font-family:"Instrument Serif","Noto Serif KR",Georgia,serif;font-weight:400;letter-spacing:-.015em}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-left:2px}.input-base,.input-group input,.input-group select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:13px 16px;font-size:15px;font-family:inherit;font-weight:400;line-height:1.4;width:100%;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;box-shadow:var(--input-inset),0 1px 0 rgba(20,20,19,.02)}.input-base::placeholder,.input-group input::placeholder{color:var(--text-muted);opacity:1}.input-base:hover:not(:disabled),.input-group input:hover:not(:disabled),.input-group select:hover:not(:disabled){border-color:var(--border-hover)}.input-base:focus,.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow),var(--input-inset)}.input-base:disabled,.input-group input:disabled,.input-group select:disabled{opacity:.5;cursor:not-allowed}.input-base[type=number]::-webkit-inner-spin-button,.input-base[type=number]::-webkit-outer-spin-button,.input-group input[type=number]::-webkit-inner-spin-button,.input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-base[type=number],.input-group input[type=number]{appearance:textfield}.input-base.select,.input-group select{appearance:none;background-image:var(--chevron-url);background-repeat:no-repeat;background-position:right 16px center;padding-right:38px;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-on);border:none;border-radius:var(--radius-sm);padding:14px 28px;font-size:16px;font-weight:500;font-family:"Instrument Serif","Noto Serif KR",Georgia,serif;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;letter-spacing:-.005em;box-shadow:0 0 0 1px var(--accent)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 0 0 1px var(--accent-hover),0 6px 24px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);padding:24px;transition:border-color .3s,box-shadow .3s,background-color .3s;box-shadow:var(--shadow-whisper)}.card:hover{border-color:var(--border);box-shadow:var(--shadow-card-hover)}.element-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.element-badge.wood{background:rgba(90,142,60,.14);color:var(--element-wood)}.element-badge.fire{background:rgba(184,71,58,.14);color:var(--element-fire)}.element-badge.earth{background:rgba(192,132,40,.14);color:var(--element-earth)}.element-badge.metal{background:rgba(156,152,144,.18);color:var(--element-metal)}.element-badge.water{background:rgba(74,107,138,.14);color:var(--element-water)}[data-theme=dark] .element-badge.wood{background:rgba(123,191,82,.16)}[data-theme=dark] .element-badge.fire{background:rgba(214,97,78,.16)}[data-theme=dark] .element-badge.earth{background:rgba(217,154,58,.16)}[data-theme=dark] .element-badge.metal{background:rgba(181,177,168,.16)}[data-theme=dark] .element-badge.water{background:rgba(107,142,176,.16)}.element-bar-container{display:flex;gap:3px;height:10px;border-radius:5px;overflow:hidden;background:var(--border-soft)}.element-bar-segment{transition:width .6s ease;min-width:2px}.element-bar-segment.wood{background:var(--element-wood)}.element-bar-segment.fire{background:var(--element-fire)}.element-bar-segment.earth{background:var(--element-earth)}.element-bar-segment.metal{background:var(--element-metal)}.element-bar-segment.water{background:var(--element-water)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.15}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.3s;opacity:0}.animate-delay-4{animation-delay:.4s;opacity:0}.animate-delay-5{animation-delay:.5s;opacity:0}.animate-delay-6{animation-delay:.6s;opacity:0}.animate-delay-7{animation-delay:.7s;opacity:0}.recent-sidebar-desktop{display:none}.recent-sidebar-mobile{display:block}.celeb-sidebar-desktop{display:none}.celeb-sidebar-mobile{display:block}@media (min-width:960px){.recent-sidebar-desktop{display:block;width:240px;flex-shrink:0}.recent-sidebar-mobile{display:none}}@media (min-width:1280px){.celeb-sidebar-desktop{display:block;width:260px;flex-shrink:0}.celeb-sidebar-mobile{display:none}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}