:root{--bg: #0f1320;--card: #1a2040;--text: #ffffff;--muted: #d4d9f0;--accent: #7c8cff;--accent-2: #25d0a9;--shadow: 0 10px 30px rgba(0,0,0,.35);--radius: 14px;--gap: 14px;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--glow: 0 0 20px rgba(124, 140, 255, .3)}.shooting-star{position:fixed;top:-10px;width:2px;height:60px;background:linear-gradient(to top,rgba(255,255,255,.8),transparent);border-radius:2px;animation:shootingStar 4s linear infinite;z-index:-1;transform:rotate(45deg)}@keyframes shootingStar{0%{transform:translate(100vw) translateY(-100px) rotate(45deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-100px) translateY(100vh) rotate(45deg);opacity:0}}.sparkle{position:fixed;width:3px;height:3px;background:#fff;border-radius:50%;animation:sparkle 3s ease-in-out infinite;z-index:-1;box-shadow:0 0 6px #fff9}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.5);box-shadow:0 0 6px #ffffff4d}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 12px #fffc}}.random-star{position:fixed;background:#fff;border-radius:50%;z-index:-2;animation:randomStarTwinkle 6s ease-in-out infinite;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.4;transition:all .8s ease}.random-star:hover{opacity:.8;transform:scale(1.3)}.random-star.star-large{width:12px;height:12px;box-shadow:0 0 25px #ffffffe6}.random-star.star-medium{width:8px;height:8px;box-shadow:0 0 18px #fffc}.random-star.star-small{width:5px;height:5px;box-shadow:0 0 12px #ffffffb3}.random-star:before{content:"";position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);animation:randomStarGlow 4s ease-in-out infinite}.random-star.star-large:before{width:24px;height:24px;background:radial-gradient(circle,rgba(255,255,255,.7) 0%,transparent 70%)}.random-star.star-medium:before{width:16px;height:16px;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,transparent 70%)}.random-star.star-small:before{width:10px;height:10px;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%)}@keyframes randomStarTwinkle{0%,to{opacity:.4;transform:scale(1)}25%{opacity:.7;transform:scale(1.1)}50%{opacity:1;transform:scale(1.3)}75%{opacity:.6;transform:scale(1.15)}}@keyframes randomStarGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.4)}}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow),0 0 25px #7c8cff33;transition:all .3s ease}.grid .card:hover{background:linear-gradient(135deg,#7c8cffcc,#25d0a999);border:1px solid rgba(124,140,255,.8);color:#fff!important}.grid .card:hover .ko{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.8);font-weight:700}.grid .card:hover .badge{color:#fff!important;border-color:#fffc;background:#fff3;text-shadow:0 1px 2px rgba(0,0,0,.6)}.grid .card:hover *{color:#fff!important}@media (prefers-color-scheme: light){:root{--bg: #f8f9ff;--card: #ffffff;--text: #1a1e2e;--muted: #5a6285;--accent: #4a57ff;--accent-2: #00a887;--shadow: 0 10px 30px rgba(0,0,0,.15)}body{background:linear-gradient(180deg,#eef1ff,#fff)}.card{border:1px solid rgba(0,0,0,.08)}.badge{border:1px dashed rgba(0,0,0,.2)}.meter{background:conic-gradient(var(--accent-2) var(--deg),rgba(0,0,0,.08) 0)}.meter:after{background:var(--card);border:1px solid rgba(0,0,0,.1)}.pill{border:1px solid rgba(0,0,0,.12);background:#00000008}.chip{border:1px solid rgba(0,0,0,.4)}.kv{border:2px solid rgba(0,0,0,.15);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);box-shadow:0 4px 15px #0000000d}.kv:hover{border-color:#00000040;background:linear-gradient(135deg,#fff,#fffc);box-shadow:0 8px 25px #0000001a}.kvs{background:linear-gradient(135deg,#4a57ff14,#00a8870d);border:1px solid rgba(0,0,0,.08)}.grid .card:hover{background:linear-gradient(135deg,#4a57ffe6,#00a887cc)!important;border:1px solid rgba(74,87,255,.9)!important;color:#fff!important}.grid .card:hover .ko{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important;font-weight:700!important}.grid .card:hover .badge{color:#fff!important;border-color:#fffc!important;background:#fff3!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}.grid .card:hover *{color:#fff!important}}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Arial,sans-serif;color:var(--text);background:radial-gradient(1000px 600px at 20% -10%,#1b2240,#0f1320 60%,#0a0d18);min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:0}header{padding:16px 12px 6px;text-align:center;max-width:704px;margin:0 auto;position:relative;z-index:10}header h1{margin:0 0 6px;font-size:clamp(20px,3vw,26px);letter-spacing:.2px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}header p{margin:0;color:#e0e0e0;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.wrap{width:100%;max-width:704px;margin:14px auto 24px;display:grid;grid-template-columns:1fr;gap:var(--gap);padding:0 12px;box-sizing:border-box;position:relative;z-index:10}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(3,1fr)}@media (min-width: 480px){.grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 580px){.grid{grid-template-columns:repeat(6,1fr)}}.card{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inside-article{background-color:unset!important}.site-header{display:none!important}.sign{cursor:pointer;padding:10px;text-align:center;transition:transform .15s ease,border-color .2s ease}.sign:hover{transform:translateY(-2px);border-color:#7c8cff73}.sign .ico{width:36px;height:36px;margin:4px auto 6px;border-radius:8px;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 40%,rgba(124,140,255,.35),transparent);color:var(--accent);font-size:20px;font-weight:700}.sign .nm{font-weight:600;font-size:14px;color:#000!important}.sign .dt{font-size:11px;color:var(--muted);margin-top:2px}.result{padding:14px;display:grid;gap:10px}.result .hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.result .who{display:flex;align-items:center;gap:10px}.badge{font-size:12px;color:var(--muted);border:1px dashed rgba(255,255,255,.3);padding:6px 8px;border-radius:999px}.ico.lg{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 40%,rgba(37,208,169,.35),transparent);color:var(--accent-2);font-weight:800;font-size:22px;position:relative;transition:all .3s ease;animation:gentleFloat 6s ease-in-out infinite}.ico:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(124,140,255,.2),transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;z-index:-1}.card:hover .ico:before{transform:translate(-50%,-50%) scale(1.5)}.card:hover .ico{transform:scale(1.1);box-shadow:0 0 20px #25d0a966}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(1deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-1px) rotate(-1deg)}}.meter{width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--accent-2) var(--deg),rgba(255,255,255,.1) 0);display:flex;align-items:center;justify-content:center;position:relative;margin:4px;animation:meterGlow 4s ease-in-out infinite;transition:all .3s ease}.meter:hover{transform:scale(1.05);box-shadow:0 0 30px #25d0a966}@keyframes meterGlow{0%,to{box-shadow:0 0 10px #25d0a933}50%{box-shadow:0 0 20px #25d0a966}}.meter:after{content:attr(data-val) "점";position:absolute;width:60px;height:60px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--text);border:1px solid rgba(255,255,255,.1)}.sections{display:grid;grid-template-columns:1fr;gap:var(--gap)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;font-size:13px}.chip{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.5);animation:chipPulse 3s ease-in-out infinite;transition:all .3s ease}.chip:hover{transform:scale(1.3);box-shadow:0 0 15px currentColor}@keyframes chipPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.kvs{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding:8px;background:linear-gradient(135deg,#7c8cff0d,#25d0a908);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.kv{padding:12px;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.kv:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-1);border-radius:16px 16px 0 0}.kv:hover{transform:translateY(-3px);border-color:#fff6;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);box-shadow:0 8px 25px #7c8cff26}.kv h4{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}.kv-icon{font-size:16px;margin-right:6px;display:inline-block;animation:iconBounce 3s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.05) rotate(5deg)}}.kv h4:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 10px var(--accent-2);animation:fortuneGlow 2s ease-in-out infinite}@keyframes fortuneGlow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.kv p{margin:0;line-height:1.5;font-size:13px;color:var(--text);font-weight:500}.kv:nth-child(1):before{background:var(--gradient-2)}.kv:nth-child(2):before{background:var(--gradient-3)}.kv:nth-child(3):before{background:var(--gradient-4)}.kv:nth-child(4):before{background:var(--gradient-1)}.kv:nth-child(1) h4:before{background:#f093fb;box-shadow:0 0 10px #f093fb}.kv:nth-child(2) h4:before{background:#4facfe;box-shadow:0 0 10px #4facfe}.kv:nth-child(3) h4:before{background:#43e97b;box-shadow:0 0 10px #43e97b}.kv:nth-child(4) h4:before{background:#667eea;box-shadow:0 0 10px #667eea}.cta{display:flex;gap:10px;flex-wrap:wrap}.btn{background:linear-gradient(180deg,var(--accent),#3f48d9);border:none;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px #7c8cff33}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:0}.btn:hover:before{width:300px;height:300px}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c8cff66}.btn>*{position:relative;z-index:1}.btn.ghost{background:transparent;color:var(--accent);border:1px solid rgba(124,140,255,.5);box-shadow:0 4px 15px #7c8cff1a}.btn.ghost:hover{background:var(--accent);color:#fff;box-shadow:0 8px 25px #7c8cff4d}.muted{color:var(--muted);font-size:13px}footer{padding:16px 12px 32px;text-align:center;color:var(--muted);max-width:704px;margin:0 auto;font-size:13px;position:relative;z-index:10}.footer-links{display:flex;justify-content:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.footer-link-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),#3f48d9);color:#fff;text-decoration:none;padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px #7c8cff33;position:relative;overflow:hidden}.footer-link-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:0}.footer-link-btn:hover:before{width:300px;height:300px}.footer-link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c8cff66}.footer-link-btn>*{position:relative;z-index:1}.link-icon{font-size:16px;animation:iconBounce 2s ease-in-out infinite}.footer-copyright{color:var(--muted);font-size:13px;margin-top:8px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}