@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Playfair+Display:wght@700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&display=swap";body{margin:0;padding:0;min-width:320px;min-height:100vh;min-height:100dvh}*,*:before,*:after{box-sizing:border-box}body{background:#0f0f1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;margin:0}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.header{text-align:center;padding:24px 16px 16px;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);flex-shrink:0}.header h1{font-size:1.4rem;font-weight:700;margin-bottom:16px;letter-spacing:-.3px}.buttons{display:flex;gap:12px;justify-content:center}.vote-btn{padding:12px 28px;font-size:1.05rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 4px 14px #0000004d}.vote-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0006}.vote-btn:active:not(:disabled){transform:scale(.96)}.vote-btn:disabled{opacity:.45;cursor:not-allowed}.vote-btn.happy{background:gold;color:#1a1200}.vote-btn.normal{background:orange;color:#1a0800}.vote-btn.sad{background:#6495ed;color:#fff}.site-nav{display:flex;gap:16px;margin:6px 0 14px;flex-wrap:wrap}.site-nav a{font-size:.75rem;color:#7878cc;text-decoration:none}.site-nav a:hover{text-decoration:underline}.live-badge{display:inline-flex;align-items:center;gap:7px;background:#ff3c3c1a;border:1px solid rgba(255,80,80,.3);color:#ff7070;font-size:.68rem;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:20px;margin-bottom:10px;text-transform:uppercase}.live-dot{width:7px;height:7px;background:#f44;border-radius:50%;flex-shrink:0;animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #f449}50%{opacity:.7;box-shadow:0 0 0 5px #f440}}.vote-subtitle{font-size:.78rem;color:#8080aa;line-height:1.65;margin:0 0 12px}.live-stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;justify-content:center}.live-stats span{font-size:.72rem;color:gold;background:#ffd70014;border:1px solid rgba(255,215,0,.2);padding:3px 10px;border-radius:12px;font-weight:600}.vote-guide{font-size:.72rem;color:#555580;margin-bottom:8px;letter-spacing:.3px}.voted-area{margin-top:10px;display:flex;flex-direction:column;gap:8px}.voted-msg{color:#90ee90;font-size:.85rem;margin:0}.kakao-share-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:#fee500;color:#3c1e1e;border:none;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .15s;width:fit-content}.kakao-share-btn:hover{opacity:.85}.map-area{flex:1;background:#0f0f1a;display:flex;align-items:center;overflow:hidden}.map-area svg{width:100%;height:auto;display:block}.footer{padding:14px 24px;background:#1a1a2e;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #2a2a4e;flex-shrink:0}.temp-display{display:flex;flex-direction:column;gap:2px}.temp-label{font-size:.75rem;color:#888}.temp-value{font-size:2.4rem;font-weight:800;line-height:1}.graph-area{display:flex;flex-direction:column;gap:4px}.graph-label{font-size:.7rem;color:#666}.sparkline{display:block}.spark-empty{font-size:.75rem;color:#555}.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:#aaa;align-items:center}.legend span{margin-right:2px}.about-section{padding:20px 24px;background:#12122a;border-top:1px solid #2a2a4e;color:#ccc;font-size:.82rem;line-height:1.7}.about-section h2{font-size:.85rem;font-weight:700;color:#fff;margin:16px 0 6px;letter-spacing:.2px}.about-section h2:first-child{margin-top:0}.about-section p{margin:0 0 6px}.about-section ol,.about-section ul{margin:0 0 6px;padding-left:20px}.about-section li{margin-bottom:3px}.legend-guide{list-style:none;padding-left:0}.legend-guide li{display:flex;align-items:center;gap:6px}.vote-tabs{display:flex;gap:6px;margin-bottom:14px;background:#ffffff0d;border-radius:10px;padding:4px}.vote-tab{flex:1;padding:8px 6px;font-size:.78rem;font-weight:600;border:none;border-radius:7px;cursor:pointer;background:transparent;color:#66a;transition:background .15s,color .15s;white-space:nowrap}.vote-tab.active{background:#2a2a4e;color:#fff}.vote-tab:hover:not(.active){color:#aaa}.country-select{width:100%;padding:10px 32px 10px 12px;background:#1a1a3a;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:#fff;font-size:.9rem;font-family:inherit;cursor:pointer;margin-bottom:10px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23FFD700' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.country-select:focus{outline:none;border-color:#ffd70099}.dream-question{font-size:.85rem;color:gold;font-weight:600;margin:0 0 12px;line-height:1.5}.rank-tabs{display:flex;gap:4px;margin-bottom:8px}.rank-tab{padding:4px 12px;font-size:.72rem;font-weight:600;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;background:transparent;color:#555580;transition:background .15s,color .15s,border-color .15s}.rank-tab.active{background:#ffd7001f;border-color:#ffd70066;color:gold}.rank-tab:hover:not(.active){color:#aaa;border-color:#fff3}.ranking-list{margin:0 0 20px}.ranking-item{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem}.rank-num{width:14px;color:#555580;font-size:.7rem;flex-shrink:0;text-align:right}.rank-name{width:72px;color:#ccc;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem}.rank-bar{font-family:Courier New,Courier,monospace;font-size:.75rem;letter-spacing:-.5px;flex-shrink:0}.rank-votes{color:#666;font-size:.7rem;margin-left:auto;white-space:nowrap}.map-tooltip{position:fixed;pointer-events:none;z-index:9999;background:#141428eb;border:1px solid rgba(255,215,0,.3);color:#fff;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:6px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 10px #00000080}.about-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding:10px 14px;background:#1a1a3a;border-radius:8px;font-size:.8rem;color:#bbb}.about-stats strong{color:gold}.faq-list{margin:0 0 12px}.faq-list dt{font-weight:700;color:gold;margin-top:14px;font-size:.83rem}.faq-list dt:first-child{margin-top:0}.faq-list dd{margin:4px 0 0;color:#bbb;font-size:.82rem;line-height:1.65}.about-privacy{margin-top:14px!important}.about-privacy a{color:#7878cc;text-decoration:none;font-size:.78rem}.about-privacy a:hover{text-decoration:underline}@media(min-width:480px)and (max-width:767px){.header h1{font-size:1.2rem;margin-bottom:12px}.vote-btn{padding:10px 20px;font-size:.95rem}.footer{padding:12px 16px}.temp-value{font-size:2rem}.legend{font-size:.74rem;gap:8px}}@media(max-width:479px){.header{padding:12px 12px 10px}.header h1{font-size:1rem;margin-bottom:10px}.buttons{gap:6px}.vote-btn{flex:1;padding:10px 4px;font-size:.88rem;border-radius:40px}.voted-msg{font-size:.78rem}.footer{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:10px}.temp-value{font-size:1.8rem}.legend{width:100%;font-size:.7rem;gap:6px}}@media(min-width:768px){.app{display:grid;grid-template-columns:340px 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header map" "footer map" "about  map"}.header{grid-area:header;text-align:left;padding:36px 28px 24px;background:#1a1a2e;border-right:1px solid #2a2a4e;border-bottom:1px solid #2a2a4e}.header h1{font-size:1.4rem;margin-bottom:24px;line-height:1.5}.buttons{flex-direction:column;gap:10px}.vote-btn{width:100%;padding:13px 16px}.voted-msg{text-align:left}.live-stats{justify-content:flex-start}.map-area{grid-area:map}.footer{grid-area:footer;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:24px 28px;background:#1a1a2e;border-right:1px solid #2a2a4e;border-top:1px solid #2a2a4e;gap:16px}.temp-value{font-size:2.8rem}.about-section{grid-area:about;border-right:1px solid #2a2a4e;border-top:1px solid #2a2a4e;overflow-y:auto;padding:20px 28px}}.privacy-wrap{min-height:100vh;background:#0f0f1a;color:#fff;padding:40px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}.privacy-content{max-width:720px;margin:0 auto}.privacy-content h1{font-size:1.8rem;font-weight:800;margin-bottom:8px;color:gold}.updated{font-size:.82rem;color:#666;margin-bottom:32px}section{margin-bottom:28px}section h2{font-size:1.1rem;font-weight:700;color:orange;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #2a2a4e}section p{font-size:.92rem;line-height:1.7;color:#ccc;margin-bottom:8px}section ul{padding-left:20px;margin-top:6px}section ul li{font-size:.92rem;line-height:1.7;color:#ccc;margin-bottom:6px}a{color:#6495ed;text-decoration:none}a:hover{text-decoration:underline}.back-btn{display:inline-block;margin-top:32px;padding:10px 24px;background:#1a1a2e;border:1px solid #2a2a4e;border-radius:40px;color:#aaa;font-size:.88rem;transition:background .2s}.back-btn:hover{background:#2a2a4e;text-decoration:none}@media(max-width:480px){.privacy-wrap{padding:24px 16px}.privacy-content h1{font-size:1.4rem}}.ht-page{--cream: #faf6ef;--warm: #f5ede0;--brown: #3d2b1f;--brown2: #6b4c35;--gold: #c8873a;--gold2: #e8a855;--green: #2d6a4f;--green2: #52b788;--sky: #457b9d;--rose: #c9575a;--text: #2c1810;--text2: #6b4c35;--text3: #a08060;--shadow: rgba(61,43,31,.12);background:var(--cream);color:var(--text);font-family:Noto Sans KR,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}.ht-bg-overlay{position:fixed;inset:0;background-image:radial-gradient(circle at 15% 15%,rgba(200,135,58,.06) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(45,106,79,.06) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.ht-wrap{max-width:640px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.ht-intro{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;position:relative;z-index:1}.ht-site-tag{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:28px;opacity:0;animation:htFadeUp .6s .2s ease both}.ht-globe-emoji{font-size:72px;margin-bottom:20px;display:block;opacity:0;animation:htFadeUp .6s .3s ease both,htFloat 3s 1s ease-in-out infinite}@keyframes htFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ht-intro-title{font-family:Playfair Display,serif;font-size:clamp(30px,7vw,52px);font-weight:900;line-height:1.2;color:var(--brown);margin-bottom:16px;opacity:0;animation:htFadeUp .6s .4s ease both}.ht-intro-title em{color:var(--gold);font-style:normal;position:relative}.ht-intro-title em:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;background:var(--gold2);border-radius:2px;opacity:.5}.ht-intro-sub{font-size:16px;color:var(--text2);line-height:1.8;margin-bottom:36px;opacity:0;animation:htFadeUp .6s .5s ease both}.ht-intro-meta{display:flex;justify-content:center;gap:24px;margin-bottom:40px;opacity:0;animation:htFadeUp .6s .6s ease both}.ht-meta-item{text-align:center}.ht-meta-num{font-size:22px;font-weight:900;color:var(--brown)}.ht-meta-label{font-size:11px;color:var(--text3);margin-top:2px}.ht-start-btn{background:var(--brown);color:var(--cream);border:none;padding:18px 56px;border-radius:50px;font-size:17px;font-weight:700;font-family:Noto Sans KR,sans-serif;cursor:pointer;transition:all .3s;box-shadow:0 8px 28px var(--shadow);opacity:0;animation:htFadeUp .6s .7s ease both}.ht-start-btn:hover{transform:translateY(-3px);box-shadow:0 14px 36px #3d2b1f38;background:var(--brown2)}.ht-start-btn:active{transform:translateY(0)}.ht-share-count{margin-top:20px;font-size:13px;color:var(--text3);opacity:0;animation:htFadeUp .6s .8s ease both}@keyframes htFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ht-progress-wrap{padding:28px 0 0}.ht-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ht-progress-label{font-size:13px;color:var(--text3);font-weight:500}.ht-progress-num{font-size:13px;color:var(--gold);font-weight:700}.ht-progress-bar{height:5px;background:#3d2b1f1a;border-radius:3px;overflow:hidden}.ht-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.ht-q-card{background:#fff;border-radius:24px;padding:36px 32px;margin:20px 0;box-shadow:0 4px 24px var(--shadow);border:1px solid rgba(200,135,58,.1);animation:htSlideIn .4s ease both}@keyframes htSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ht-q-number{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:14px}.ht-q-text{font-family:Playfair Display,serif;font-size:clamp(18px,4vw,24px);font-weight:700;line-height:1.45;color:var(--brown);margin-bottom:28px}.ht-q-emoji{font-size:40px;display:block;margin-bottom:16px}.ht-options{display:grid;gap:10px}.ht-opt-btn{background:var(--cream);border:1.5px solid rgba(61,43,31,.1);color:var(--text);padding:14px 18px;border-radius:14px;text-align:left;font-size:15px;font-family:Noto Sans KR,sans-serif;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;line-height:1.4}.ht-opt-icon{font-size:20px;flex-shrink:0;width:32px;text-align:center}.ht-opt-btn:hover{border-color:var(--gold);background:var(--warm);transform:translate(4px)}.ht-opt-btn.selected{border-color:var(--gold);background:linear-gradient(135deg,#c8873a1f,#e8a85514);color:var(--brown);box-shadow:0 4px 12px #c8873a26}.ht-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:60px 20px}.ht-loader-globe{font-size:64px;animation:htSpin 2s linear infinite;margin-bottom:24px}@keyframes htSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ht-loader-text{font-family:Playfair Display,serif;font-size:22px;color:var(--brown);margin-bottom:8px}.ht-loader-sub{font-size:14px;color:var(--text3);line-height:1.8}.ht-result{padding-bottom:60px}.ht-result-hero{text-align:center;padding:40px 20px 32px}.ht-result-flag{font-size:80px;display:block;margin-bottom:12px;animation:htPopIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes htPopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ht-result-label{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:700;text-transform:uppercase;margin-bottom:10px}.ht-result-country{font-family:Playfair Display,serif;font-size:clamp(32px,8vw,56px);font-weight:900;color:var(--brown);margin-bottom:8px;animation:htFadeUp .5s .3s ease both;opacity:0}.ht-result-tagline{font-size:16px;color:var(--text2);font-weight:500;margin-bottom:4px;animation:htFadeUp .5s .4s ease both;opacity:0}.ht-result-rank{font-size:13px;color:var(--text3);animation:htFadeUp .5s .5s ease both;opacity:0}.ht-result-card{background:#fff;border-radius:24px;padding:28px;margin:0 0 16px;box-shadow:0 4px 20px var(--shadow);border:1px solid rgba(200,135,58,.1);animation:htFadeUp .5s ease both;opacity:0}.ht-result-card:nth-child(1){animation-delay:.5s}.ht-result-card:nth-child(2){animation-delay:.65s}.ht-result-card:nth-child(3){animation-delay:.8s}.ht-result-card:nth-child(4){animation-delay:.95s}.ht-card-title{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--text3);text-transform:uppercase;margin-bottom:14px}.ht-trait-list{display:grid;gap:10px}.ht-trait-item{display:flex;align-items:center;gap:12px}.ht-trait-bar-wrap{flex:1;height:8px;background:#3d2b1f14;border-radius:4px;overflow:hidden}.ht-trait-bar{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1);width:0%}.ht-trait-label{font-size:13px;color:var(--text2);font-weight:500;min-width:70px}.ht-trait-val{font-size:13px;font-weight:700;color:var(--brown);min-width:32px;text-align:right}.ht-desc-text{font-size:15px;color:var(--text2);line-height:1.85}.ht-alt-countries{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ht-alt-country{text-align:center;background:var(--cream);border:1px solid rgba(61,43,31,.08);border-radius:14px;padding:14px 10px;cursor:pointer;transition:all .2s}.ht-alt-country:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.ht-alt-flag{font-size:28px;display:block;margin-bottom:4px}.ht-alt-name{font-size:12px;font-weight:600;color:var(--brown2)}.ht-alt-score{font-size:11px;color:var(--text3);margin-top:2px}.ht-action-btns{display:grid;gap:10px;margin-top:8px;animation:htFadeUp .5s 1.1s ease both;opacity:0}.ht-btn-share{background:var(--brown);color:var(--cream);border:none;padding:16px;border-radius:14px;font-size:16px;font-weight:700;font-family:Noto Sans KR,sans-serif;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px var(--shadow)}.ht-btn-share:hover{background:var(--brown2);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.ht-btn-map{background:#fff;color:var(--brown);border:1.5px solid rgba(61,43,31,.15);padding:14px;border-radius:14px;font-size:15px;font-weight:600;font-family:Noto Sans KR,sans-serif;cursor:pointer;transition:all .2s}.ht-btn-map:hover{border-color:var(--gold);color:var(--gold)}.ht-btn-retry{background:transparent;color:var(--text3);border:none;padding:12px;font-size:14px;font-family:Noto Sans KR,sans-serif;cursor:pointer;transition:color .2s}.ht-btn-retry:hover{color:var(--text2)}.ht-footer{text-align:center;padding:20px;font-size:12px;color:var(--text3);border-top:1px solid rgba(61,43,31,.08);margin-top:20px;position:relative;z-index:1}@media(max-width:480px){.ht-q-card{padding:24px 20px}.ht-alt-countries{grid-template-columns:repeat(3,1fr);gap:8px}}.cd-page{--bg: #07090f;--bg2: #0d1117;--card: #111827;--card2: #161f2e;--border: #1a2540;--text: #e8edf5;--text2: #8899b4;--text3: #4a5d7a;--accent: #4fc3f7;--accent2: #81d4fa;--gold: #fbbf24;--green: #34d399;--rose: #f87171;--purple: #a78bfa;background:var(--bg);color:var(--text);font-family:Noto Sans KR,sans-serif;min-height:100vh;overflow-x:hidden}.cd-bg-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at 10% 10%,rgba(79,195,247,.05) 0%,transparent 50%),radial-gradient(ellipse at 90% 90%,rgba(167,139,250,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.cd-wrap{max-width:900px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.cd-nav{padding:20px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.cd-nav-logo{font-family:"DM Serif Display",serif;font-size:22px;color:var(--accent);text-decoration:none;letter-spacing:.5px}.cd-nav-back{font-size:13px;color:var(--text2);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s;background:none;border:none;cursor:pointer;font-family:Noto Sans KR,sans-serif}.cd-nav-back:hover{color:var(--accent)}.cd-tabs{display:flex;gap:8px;padding:20px 0 0;overflow-x:auto;scrollbar-width:none;flex-wrap:wrap}.cd-tab{background:var(--card);border:1.5px solid var(--border);color:var(--text2);padding:8px 16px;border-radius:30px;font-size:13px;font-weight:600;font-family:Noto Sans KR,sans-serif;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:6px}.cd-tab:hover{border-color:var(--accent);color:var(--accent)}.cd-tab.active{background:#4fc3f71a;border-color:var(--accent);color:var(--accent)}.cd-hero{padding:48px 0 40px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start;border-bottom:1px solid var(--border)}.cd-hero-flag{font-size:72px;line-height:1;margin-bottom:16px;display:block;animation:cdPopIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes cdPopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.cd-hero-rank{display:inline-flex;align-items:center;gap:6px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:var(--gold);font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:12px;letter-spacing:.5px}.cd-hero-name{font-family:"DM Serif Display",serif;font-size:clamp(36px,8vw,64px);line-height:1.1;margin-bottom:8px;color:var(--text)}.cd-hero-sub{font-size:16px;color:var(--text2);line-height:1.7;margin-bottom:20px;max-width:520px}.cd-hero-tags{display:flex;flex-wrap:wrap;gap:8px}.cd-tag{background:var(--card2);border:1px solid var(--border);color:var(--text2);font-size:12px;padding:4px 12px;border-radius:20px;font-weight:500}.cd-score-box{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px 24px;text-align:center;min-width:160px;position:relative;overflow:hidden}.cd-score-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--purple))}.cd-score-label{font-size:11px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.cd-score-num{font-family:DM Mono,monospace;font-size:42px;font-weight:500;color:var(--accent);line-height:1;margin-bottom:4px}.cd-score-max{font-size:13px;color:var(--text3)}.cd-score-rank{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:var(--text3)}.cd-score-rank strong{font-size:22px;color:var(--gold);display:block;font-family:DM Mono,monospace}.cd-section{margin:40px 0}.cd-section-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}.cd-section-title{font-family:"DM Serif Display",serif;font-size:22px;color:var(--text);white-space:nowrap}.cd-section-line{flex:1;height:1px;background:var(--border)}.cd-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cd-stat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .25s;position:relative;overflow:hidden;animation:cdFadeUp .5s ease both}.cd-stat-card:nth-child(1){animation-delay:.05s}.cd-stat-card:nth-child(2){animation-delay:.1s}.cd-stat-card:nth-child(3){animation-delay:.15s}.cd-stat-card:nth-child(4){animation-delay:.2s}.cd-stat-card:nth-child(5){animation-delay:.25s}.cd-stat-card:nth-child(6){animation-delay:.3s}@keyframes cdFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cd-stat-card:hover{border-color:#4fc3f74d;background:var(--card2);transform:translateY(-2px)}.cd-stat-icon{font-size:24px;margin-bottom:10px;display:block}.cd-stat-name{font-size:12px;color:var(--text3);margin-bottom:6px;font-weight:500}.cd-stat-val{font-family:DM Mono,monospace;font-size:26px;font-weight:500;margin-bottom:6px}.cd-stat-bar-wrap{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-bottom:6px}.cd-stat-bar{height:100%;border-radius:2px;transition:width 1.2s cubic-bezier(.4,0,.2,1);width:0}.cd-stat-note{font-size:11px;color:var(--text3)}.cd-chart-wrap{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px}.cd-chart-title{font-size:14px;font-weight:600;color:var(--text2);margin-bottom:24px}.cd-chart-bars{display:flex;align-items:flex-end;gap:8px;height:140px}.cd-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.cd-chart-bar-outer{width:100%;display:flex;align-items:flex-end;justify-content:center;flex:1}.cd-chart-bar-inner{width:70%;border-radius:6px 6px 0 0;transition:height 1s cubic-bezier(.4,0,.2,1);height:0}.cd-chart-year{font-size:11px;color:var(--text3);font-family:DM Mono,monospace}.cd-indicators{display:grid;gap:12px}.cd-ind-item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:16px}.cd-ind-icon{font-size:22px;flex-shrink:0;width:36px;text-align:center}.cd-ind-info{flex:1}.cd-ind-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.cd-ind-desc{font-size:12px;color:var(--text3);line-height:1.5}.cd-ind-right{text-align:right;min-width:80px}.cd-ind-score{font-family:DM Mono,monospace;font-size:22px;font-weight:500;margin-bottom:4px}.cd-ind-bar-wrap{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;width:80px}.cd-ind-bar{height:100%;border-radius:2px;transition:width 1.2s ease;width:0}.cd-compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cd-compare-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;transition:all .2s}.cd-compare-card:hover{border-color:#4fc3f74d;transform:translateY(-2px)}.cd-compare-card.active-compare{border-color:var(--accent);background:#4fc3f70d}.cd-cc-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cd-cc-flag{font-size:28px}.cd-cc-name{font-size:15px;font-weight:700}.cd-cc-score-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cd-cc-label{font-size:12px;color:var(--text3)}.cd-cc-val{font-size:13px;font-weight:700;font-family:DM Mono,monospace}.cd-cc-bar-wrap{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.cd-cc-bar{height:100%;border-radius:2px;width:0;transition:width 1.2s ease}.cd-why-grid{display:grid;gap:14px}.cd-why-item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start;animation:cdFadeUp .4s ease both}.cd-why-num{font-family:"DM Serif Display",serif;font-size:32px;color:var(--border);line-height:1;flex-shrink:0;min-width:40px}.cd-why-title{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--text)}.cd-why-desc{font-size:13px;color:var(--text2);line-height:1.7}.cd-cta-box{background:linear-gradient(135deg,#4fc3f714,#a78bfa14);border:1px solid rgba(79,195,247,.2);border-radius:20px;padding:36px;text-align:center;margin:40px 0}.cd-cta-title{font-family:"DM Serif Display",serif;font-size:26px;margin-bottom:10px}.cd-cta-sub{font-size:15px;color:var(--text2);margin-bottom:24px;line-height:1.7}.cd-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cd-btn-primary{background:var(--accent);color:#000;border:none;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;font-family:Noto Sans KR,sans-serif;cursor:pointer;transition:all .2s}.cd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4fc3f74d}.cd-btn-secondary{background:transparent;color:var(--text2);border:1px solid var(--border);padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;font-family:Noto Sans KR,sans-serif;cursor:pointer;transition:all .2s}.cd-btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.cd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:48px}.cd-related-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;cursor:pointer;transition:all .2s;text-align:center}.cd-related-card:hover{border-color:#4fc3f74d;transform:translateY(-3px)}.cd-rc-flag{font-size:36px;display:block;margin-bottom:8px}.cd-rc-name{font-size:14px;font-weight:700;margin-bottom:4px}.cd-rc-rank{font-size:12px;color:var(--gold)}.cd-rc-score{font-size:11px;color:var(--text3);font-family:DM Mono,monospace;margin-top:2px}.cd-footer{border-top:1px solid var(--border);padding:24px 0;text-align:center;font-size:12px;color:var(--text3);line-height:2;position:relative;z-index:1}@media(max-width:640px){.cd-hero{grid-template-columns:1fr;gap:20px}.cd-score-box{min-width:unset}.cd-stats-grid{grid-template-columns:repeat(2,1fr)}.cd-compare-grid{grid-template-columns:1fr}.cd-related-grid{grid-template-columns:repeat(2,1fr)}.cd-cta-btns{flex-direction:column}}