:root{--bg:#fff7f9;--surface:#fff;--surface-2:#fff0f4;--text:#22161c;--muted:#7a6670;--border:#f3dbe3;--primary:#ff3d7f;--primary-ink:#fff;--primary-soft:#ffe3ec;--primary-deep:#d61f5f;--accent:#7c5cff;--accent-soft:#ece7ff;--ok:#18a062;--warn:#e0a400;--danger:#e5484d;--shadow:0 1px 2px #3c14280f, 0 6px 20px #ff3d7f14;--radius:16px;--max:1120px;--max-wide:1280px;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#15101a;--surface:#1e1722;--surface-2:#28202d;--text:#f3e9ee;--muted:#a894a0;--border:#3a2c36;--primary:#ff5c93;--primary-ink:#1a0b12;--primary-soft:#3b1a2a;--primary-deep:#ff8ab3;--accent:#a08cff;--accent-soft:#2a2340;--ok:#3ccf86;--warn:#f1c232;--danger:#ff6b6b;--shadow:0 1px 2px #00000080}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.7}a{color:var(--primary-deep);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.015em;margin:0 0 .5em;font-weight:800;line-height:1.3}h1{font-size:clamp(1.5rem,4.5vw,2.1rem)}h2{margin-top:2.2em;font-size:1.35rem}h3{margin-top:1.6em;font-size:1.1rem}p{margin:0 0 1em}img{max-width:100%}ul,ol{padding-left:1.3em}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{max-width:var(--max);margin:0 auto;padding:0 1rem}.container.wide{max-width:var(--max-wide);padding:0 1.25rem}.container.narrow{max-width:760px}.site-header{background:color-mix(in srgb, var(--surface) 85%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:1rem;height:58px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.45em;font-size:1.2rem;font-weight:900;display:flex}.brand:hover{text-decoration:none}.brand .logo{background:var(--primary);color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}.brand small{color:var(--muted);margin-left:.2em;font-size:.75rem;font-weight:600}.nav{scrollbar-width:none;gap:.15rem;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:.35em .7em;font-size:.92rem;font-weight:600}.nav a:hover,.nav a[aria-current]{background:var(--primary-soft);color:var(--primary-deep);text-decoration:none}@media (width<=640px){.site-header .container{flex-wrap:wrap;row-gap:.4rem;height:auto;padding-top:.6rem;padding-bottom:.5rem}.nav{width:100%}}.site-footer{border-top:1px solid var(--border);color:var(--muted);background:var(--surface);margin-top:4rem;padding:2.2rem 0 3rem;font-size:.9rem}.foot-grid{grid-template-columns:2fr 1fr 1fr;gap:1.5rem;display:grid}.foot-grid strong{color:var(--text);margin-bottom:.4rem;display:block}.foot-grid a{color:var(--muted);padding:.1em 0;display:block}.foot-legal{margin-top:1.5rem;font-size:.82rem}@media (width<=640px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>:first-child{grid-column:1/-1}}.hero{text-align:center;padding:2.5rem 0 1.5rem}.hero h1{font-size:clamp(1.7rem,5.5vw,2.6rem)}.hero h1 em{color:var(--primary);font-style:normal}.hero p{color:var(--muted);max-width:36em;margin:0 auto 1.4rem;font-size:1.05rem}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.7em 1.3em;font-weight:700;text-decoration:none;transition:transform 80ms,background .15s;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-deep);border-color:var(--primary-deep);color:#fff}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{filter:brightness(1.08);color:#fff}.btn-lg{padding:.9em 1.7em;font-size:1.08rem}.btn-sm{padding:.45em .9em;font-size:.85rem}.btn-block{width:100%}.btn[disabled]{opacity:.5;pointer-events:none}.section{margin-top:2.5rem}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem;display:flex}.section-head h2{margin:0;font-size:1.25rem}.section-head a{color:var(--muted);font-size:.9rem}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);flex-direction:column;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}.card:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-3px)}.card.rail{scroll-snap-align:start;flex:0 0 250px}.card .cover{aspect-ratio:16/11;background:var(--surface-2);display:block;position:relative;overflow:hidden}.card .split{grid-template-columns:1fr 1fr;gap:2px;height:100%;display:grid}.card .split img{object-fit:cover;width:100%;height:100%;display:block}.vs-badge{background:var(--primary);color:#fff;border:2px solid #fff;border-radius:999px;padding:.2em .55em;font-size:.8rem;font-style:normal;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.card .emoji-cover{background:var(--cover,linear-gradient(135deg, var(--primary-soft), var(--accent-soft)));flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;padding:.8rem;display:flex}.card .emoji-cover .big{filter:drop-shadow(0 4px 10px #00000026);font-size:3rem;line-height:1}.card .chips{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.card .chips span{color:#3a2230;white-space:nowrap;text-overflow:ellipsis;background:#ffffffbf;border-radius:999px;max-width:100%;padding:.1em .6em;font-size:.72rem;font-weight:700;overflow:hidden}@media (prefers-color-scheme:dark){.card .chips span{color:#fff;background:#00000073}}.card .badge{color:#fff;backdrop-filter:blur(4px);background:#000000a6;border-radius:999px;padding:.15em .6em;font-size:.72rem;font-weight:700;position:absolute;bottom:8px;right:8px}.card .rank{background:var(--text);color:var(--bg);border-radius:8px;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:8px;left:8px}.card .body{flex-direction:column;flex:1;gap:.3rem;padding:.85rem .95rem .9rem;display:flex}.card .title{font-size:1rem;font-weight:800;line-height:1.35}.card .short{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card .meta{color:var(--muted);align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;font-size:.75rem;display:flex}.tag{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.1em .6em;font-size:.75rem;font-weight:700;display:inline-block}.tag-primary{background:var(--primary-soft);color:var(--primary-deep)}.tag-accent{background:var(--accent-soft);color:var(--accent)}.c-ideal{--cover:linear-gradient(135deg, #ffd6e4, #ffb3c9)}.c-type{--cover:linear-gradient(135deg, #e6dcff, #c9b8ff)}.c-some{--cover:linear-gradient(135deg, #ffe0c2, #ffb37a)}.c-balance{--cover:linear-gradient(135deg, #cdeee6, #8fd9c8)}.c-date{--cover:linear-gradient(135deg, #d6e6ff, #a9c7ff)}.c-match{--cover:linear-gradient(135deg, #ffd9d9, #ff9f9f)}@media (prefers-color-scheme:dark){.c-ideal{--cover:linear-gradient(135deg, #4a1f33, #7a2a4c)}.c-type{--cover:linear-gradient(135deg, #2e2452, #4b3a8a)}.c-some{--cover:linear-gradient(135deg, #4a2d14, #8a4a1c)}.c-balance{--cover:linear-gradient(135deg, #163d35, #1f6b5a)}.c-date{--cover:linear-gradient(135deg, #1b2a4a, #2b4a8a)}.c-match{--cover:linear-gradient(135deg, #4a1c1c, #8a2e2e)}}.rail-sec{margin-top:2.2rem}.section-head h2 small{color:var(--muted);margin-left:.4em;font-size:.8rem;font-weight:600}.rail-wrap{position:relative}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.9rem;padding:4px 2px 10px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;box-shadow:var(--shadow);z-index:2;border-radius:999px;place-items:center;font-size:1.4rem;line-height:1;display:grid;position:absolute;top:40%;transform:translateY(-50%)}.rail-btn.prev{left:-14px}.rail-btn.next{right:-14px}@media (width<=720px){.rail-btn{display:none}.card.rail{flex-basis:220px}}.hero2{grid-template-columns:1.15fr 1fr;align-items:center;gap:2rem;padding:2.5rem 0 1.5rem;display:grid}.hero2 h1{margin:.3rem 0 .6rem;font-size:clamp(1.9rem,4.2vw,3rem)}.hero2 h1 em{color:var(--primary);font-style:normal}.hero2 p{color:var(--muted);max-width:34em;font-size:1.05rem}.eyebrow{color:var(--primary-deep);background:var(--primary-soft);border-radius:999px;padding:.2em .8em;font-size:.82rem;font-weight:700;display:inline-block}.search{gap:.5rem;margin:1.2rem 0 .4rem;display:flex;position:relative}.search input{border:1.5px solid var(--border);background:var(--surface);min-width:0;font:inherit;color:var(--text);border-radius:999px;flex:1;padding:.8em 1em}.search input:focus{border-color:var(--primary);outline:none}.search-res{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:5;border-radius:14px;margin:0;padding:.4rem;list-style:none;position:relative}.search-res a{color:var(--text);border-radius:10px;flex-direction:column;padding:.5rem .7rem;display:flex}.search-res a:hover{background:var(--surface-2);text-decoration:none}.search-res small{color:var(--muted)}.search-res .none{color:var(--muted);padding:.5rem .7rem}.stats{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:1.2rem;display:grid}.stats div{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;padding:.7rem .5rem}.stats b{color:var(--primary-deep);font-size:1.4rem;font-weight:900;line-height:1.2;display:block}.stats span{color:var(--muted);font-size:.78rem}.hero2-visual{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.vs-card{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow);border-radius:18px;transition:transform .12s;display:block;overflow:hidden}.vs-card:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-3px)rotate(-.5deg)}.vs-card:nth-child(2){margin-top:1.6rem}.vs-imgs{aspect-ratio:4/4.2;grid-template-columns:1fr 1fr;gap:2px;display:grid;position:relative}.vs-imgs img{object-fit:cover;width:100%;height:100%;display:block}.vs-cap{flex-direction:column;padding:.7rem .85rem;font-size:.9rem;display:flex}.vs-cap span{color:var(--muted);font-size:.78rem}@media (width<=860px){.hero2{grid-template-columns:1fr;padding-top:1.5rem}.hero2-visual{order:-1}.vs-card:nth-child(2){margin-top:0}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.search{flex-direction:column}}.filter{flex-wrap:wrap;align-items:center;gap:.4rem;margin:1rem 0 .5rem;display:flex}.filter a{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.4em .95em;font-size:.9rem;font-weight:700}.filter a:hover{border-color:var(--primary);text-decoration:none}.filter a.on{background:var(--text);color:var(--bg);border-color:var(--text)}.filter .cat-pill{background:var(--surface-2);color:var(--muted);border-color:#0000;font-weight:600}.filter .sep{background:var(--border);width:1px;height:22px;margin:0 .3rem}.two-col{grid-template-columns:1fr 1.3fr;gap:1rem;margin-top:2rem;display:grid}.today{background:linear-gradient(145deg, var(--primary), var(--accent));color:#fff;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:.5rem;padding:1.4rem;display:flex}.today:hover{filter:brightness(1.05);text-decoration:none}.today .eyebrow{color:#fff;background:#fff3;align-self:flex-start}.today-icon{font-size:3rem;line-height:1}.today strong{font-size:1.4rem;line-height:1.3}.today-short{opacity:.9;font-size:.95rem}.today .btn{color:var(--primary-deep);background:#fff;border-color:#fff;align-self:flex-start;margin-top:.4rem}.top5{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.2rem 1.4rem}.top5 h2{margin:0 0 .6rem;font-size:1.15rem}.top5 ol{counter-reset:top;margin:0;padding:0;list-style:none}.top5 li{counter-increment:top;border-bottom:1px solid var(--border)}.top5 li:last-child{border-bottom:0}.top5 a{color:var(--text);align-items:center;gap:.8rem;padding:.6rem 0;display:flex}.top5 a:before{content:counter(top);color:var(--primary);width:1.2em;font-size:1.1rem;font-weight:900}.top5 .ico{font-size:1.4rem}.top5 a>span:last-child{flex-direction:column;display:flex}.top5 small{color:var(--muted)}@media (width<=760px){.two-col{grid-template-columns:1fr}}.howto{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-top:3rem;padding:1.5rem}.howto h2{margin-top:0}.howto ol{grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.howto li{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:.2rem;padding:1rem;display:flex}.howto li span{background:var(--primary);color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;margin-bottom:.3rem;font-weight:900;display:grid}.howto small{color:var(--muted)}.howto p{color:var(--muted);margin:0;font-size:.92rem}@media (width<=640px){.howto ol{grid-template-columns:1fr}}.cats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.cat{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;align-items:center;gap:.6rem;padding:.8rem .9rem;font-weight:700;display:flex}.cat:hover{border-color:var(--primary);text-decoration:none}.cat .icon{font-size:1.4rem}.cat small{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.3;display:block}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:.4em;margin:1.2rem 0 .6rem;font-size:.85rem;display:flex}.breadcrumb a{color:var(--muted)}.lead{color:var(--muted);font-size:1.02rem}.meta-line{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;font-size:.85rem;display:flex}.engine{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin:1rem 0;padding:1.4rem}.progress{background:var(--surface-2);border-radius:999px;height:8px;margin-bottom:1rem;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:999px;height:100%;transition:width .25s;display:block}.q-num{color:var(--primary);font-size:.9rem;font-weight:800}.q-text{margin:.2rem 0 1.1rem;font-size:1.25rem;font-weight:800;line-height:1.4}.options{gap:.6rem;display:grid}.opt{text-align:left;border:1.5px solid var(--border);background:var(--surface);border-radius:14px;padding:.95rem 1.1rem;font-weight:600;line-height:1.45;transition:all .12s}.opt:hover{border-color:var(--primary);background:var(--primary-soft)}.opt:active{transform:scale(.99)}.engine-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:1rem;font-size:.85rem;display:flex}.start{text-align:center;padding:1.5rem .5rem}.start .big{margin-bottom:.6rem;font-size:3.5rem;line-height:1}.start p{color:var(--muted)}.vs-note{background:var(--accent-soft);color:var(--accent);border-radius:12px;margin-bottom:1rem;padding:.7rem 1rem;font-size:.92rem;font-weight:700}.mode-pick{flex-direction:column;align-items:center;gap:.6rem;display:flex}.mode-pick .btn{flex-direction:column;gap:.1rem;min-width:240px}.mode-pick .btn small{opacity:.85;font-size:.75rem;font-weight:600}.mode-pick .hint{color:var(--muted);max-width:32em;margin:.2rem 0 0;font-size:.82rem}.pick-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.pick-grid.two{grid-template-columns:repeat(2,1fr);max-width:520px;margin:0 auto}.pick{border:2px solid var(--border);background:var(--surface);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;transition:all .12s;display:flex;position:relative}.pick:hover{border-color:var(--primary);transform:translateY(-2px)}.pick img{aspect-ratio:4/5;object-fit:cover;border-radius:12px;width:100%}.pick b{margin-top:.3rem;font-size:.95rem}.pick small{color:var(--muted);font-size:.75rem;line-height:1.3}.pick i{background:var(--primary);color:#fff;border-radius:999px;padding:.15em .6em;font-size:.68rem;font-style:normal;font-weight:700;position:absolute;top:10px;left:10px}.pick.hint-on{border-color:var(--primary)}@media (width<=560px){.pick-grid{grid-template-columns:repeat(2,1fr)}}.spouse-img{width:260px;height:325px}.pick-grid.five{grid-template-columns:repeat(5,1fr)}@media (width<=760px){.pick-grid.five{grid-template-columns:repeat(3,1fr)}}.sp-hero{grid-template-columns:1.1fr 1fr;align-items:start;gap:1.2rem;margin:1rem 0;display:grid}.sp-photos{grid-template-columns:1.15fr 1fr;align-items:start;gap:.6rem;display:grid}.sp-p,.sp-b{object-fit:cover;border-radius:20px;width:100%;display:block;box-shadow:0 14px 36px #00000040}.sp-p{aspect-ratio:4/5}.sp-b{aspect-ratio:2/3;margin-top:1.4rem}.sp-card{background:linear-gradient(160deg, var(--surface) 0%, var(--primary-soft) 100%);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:1.4rem}.sp-card h1{margin:.2rem 0;font-size:clamp(1.5rem,3.5vw,2.1rem)}.sp-card .tagline{color:var(--primary-deep);margin-bottom:.8rem;font-weight:700}.sp-profile{border-collapse:collapse;background:var(--surface);border-radius:14px;width:100%;font-size:.95rem;overflow:hidden}.sp-profile th{text-align:left;width:5.5em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2);padding:.5em .8em;font-weight:600}.sp-profile td{border-bottom:1px solid var(--border);padding:.5em .8em;font-weight:600}.sp-profile tr:last-child th,.sp-profile tr:last-child td{border-bottom:0}.sp-report{max-width:860px;margin-left:auto;margin-right:auto}.sp-report p{margin-bottom:.4rem}@media (width<=820px){.sp-hero{grid-template-columns:1fr}.sp-b{margin-top:0}}.chat-engine{padding:1rem}.chat-head{border-bottom:1px solid var(--border);align-items:center;gap:.8rem;padding:.4rem .4rem .8rem;display:flex}.chat-name{flex:none;font-weight:800}.gauge{background:var(--surface-2);border-radius:999px;flex:1;height:10px;overflow:hidden}.gauge span{background:var(--accent);border-radius:999px;width:50%;height:100%;transition:width .4s,background .4s;display:block}.gauge-label{color:var(--muted);flex:none;font-size:.8rem}.chat-log{background:#b2c7d9;border-radius:14px;flex-direction:column;gap:.4rem;min-height:220px;max-height:420px;margin:.8rem 0 .5rem;padding:.8rem;display:flex;overflow-y:auto}@media (prefers-color-scheme:dark){.chat-log{background:#2a3340}}.bubble{color:#111;background:#fff;border-radius:4px 14px 14px;align-self:flex-start;max-width:78%;padding:.55em .85em;font-size:.95rem;line-height:1.45;animation:.2s pop}.bubble.me{background:#fee500;border-top-left-radius:14px;border-top-right-radius:4px;align-self:flex-end}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chat-note{color:var(--muted);min-height:1.2em;margin-bottom:.4rem;font-size:.82rem}.chat-choices{gap:.5rem;display:grid}.chat-choices .opt{padding:.75rem .9rem;font-size:.92rem}.name-form{gap:.8rem;display:grid}.name-form .row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.name-form label{flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:700;display:flex}.name-form label small{color:var(--muted);font-weight:500}.name-form input{font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:.7em .9em}.name-form input:focus{border-color:var(--primary);outline:none}.name-form .btn-lg{justify-self:center}@media (width<=520px){.name-form .row{grid-template-columns:1fr}}.two-score{grid-template-columns:1fr 1fr;gap:.8rem;margin:.8rem 0;display:grid}.two-score>div{background:var(--surface);border-radius:16px;flex-direction:column;align-items:center;padding:.9rem;display:flex}.two-score small{color:var(--muted);font-size:.8rem}.two-score b{color:var(--primary-deep);font-size:2.6rem;line-height:1.1}.two-score span{font-size:.85rem;font-weight:700}.sig{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.sig li{background:var(--surface-2);border-radius:10px;padding:.45em .7em;font-size:.92rem}.sig li.good{background:color-mix(in srgb, var(--ok) 12%, var(--surface-2))}.sig li.bad{background:color-mix(in srgb, var(--danger) 10%, var(--surface-2))}.sig small{color:var(--muted);margin-left:.3em}.pyramid{flex-direction:column;align-items:center;gap:.25rem;margin:.4rem 0;display:flex}.pyr-row{gap:.25rem;display:flex}.pyr-row span{background:var(--surface-2);border-radius:8px;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:800;display:grid}.pyr-row:last-child span{background:var(--primary);color:#fff}.fortune .ring{width:150px;height:150px;margin:.4rem auto;position:relative}.fortune .ring-num{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fortune .ring-num b{color:var(--primary-deep);font-size:2.4rem;line-height:1}.fortune .ring-num small{color:var(--muted);font-size:.8rem}#ring-fg{transition:stroke-dashoffset .8s}.lucky{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.8rem 0;display:grid}.lucky>div{background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;display:flex}.lucky small{color:var(--muted);font-size:.72rem}.lucky b{text-align:center;font-size:.9rem}@media (width<=520px){.lucky{grid-template-columns:repeat(2,1fr)}}.gen-form{gap:.7rem;display:grid}.gen-row{gap:.35rem;display:grid}.gen-row>span{font-size:.9rem;font-weight:700}.gen-row>span small{color:var(--muted);font-weight:500}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1.5px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:.3em;padding:.45em .9em;font-size:.9rem;font-weight:600;display:inline-flex}.chip small{color:var(--muted);font-size:.78em;font-weight:500}.chip.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep)}.course{gap:.6rem;margin:.8rem 0;padding:0;list-style:none;display:grid}.course li{background:var(--surface);border-radius:14px;grid-template-columns:64px 1fr;gap:.7rem;padding:.8rem;display:grid}.c-time{color:var(--primary-deep);flex-direction:column;font-weight:800;display:flex}.c-time small{color:var(--muted);font-weight:600}.c-body b{font-size:1.02rem;display:block}.c-body span{color:var(--muted);font-size:.82rem}.c-body p{margin:.35rem 0 0;font-size:.9rem}.course-sum{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.6rem 0;display:grid}.course-sum>div{background:var(--surface);text-align:center;border-radius:12px;padding:.6rem}.course-sum small{color:var(--muted);font-size:.75rem;display:block}.course-sum b{font-size:1.05rem}.lines{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.lines li{background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:.6rem;padding:.8rem .9rem;font-size:.98rem;line-height:1.5;display:flex}.lines li .btn{flex:none}.tier-board{gap:.35rem;margin:.5rem 0;display:grid}.tier-row{background:var(--surface);border:1.5px dashed var(--border);cursor:pointer;border-radius:12px;grid-template-columns:58px 1fr;min-height:56px;display:grid;overflow:hidden}.tier-row.over{border-color:var(--primary);background:var(--primary-soft)}.tier-label{color:#fff;text-shadow:0 1px 2px #00000040;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;display:flex}.tier-label small{text-align:center;padding:0 2px;font-size:.58rem;font-weight:700;line-height:1.2}.tier-cells{flex-wrap:wrap;align-content:flex-start;gap:.3rem;padding:.35rem;display:flex}.tier-pool{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;gap:.35rem;min-height:60px;margin:.5rem 0;padding:.5rem;display:flex}.tier-item{border:1.5px solid var(--border);background:var(--bg);cursor:grab;white-space:nowrap;border-radius:999px;padding:.35em .7em;font-size:.85rem;font-weight:600}.tier-item.sel{border-color:var(--primary);background:var(--primary);color:#fff}.saju-form{gap:.9rem;display:grid}.saju-form .person{border:1.5px solid var(--border);border-radius:16px;gap:.6rem;margin:0;padding:.8rem .9rem .9rem;display:grid}.saju-form legend{padding:0 .3em;font-weight:800}.saju-form .row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.saju-form label{flex-direction:column;gap:.25rem;font-size:.88rem;font-weight:700;display:flex}.saju-form label small{color:var(--muted);font-weight:500}.saju-form input,.saju-form select{font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;width:100%;padding:.6em .8em}.saju-form .hanja-wrap{gap:.4rem;display:flex}.saju-form .chk{flex-direction:row;align-items:center;gap:.5rem;font-weight:600}.saju-form .chk input{width:auto}.saju-form .btn-lg{justify-self:center}@media (width<=520px){.saju-form .row{grid-template-columns:1fr}}.hanja-picker{background:var(--surface-2);border-radius:12px;gap:.5rem;padding:.6rem;display:grid}.hp-row{grid-template-columns:28px 1fr;align-items:start;gap:.4rem;display:grid}.hp-row>b{font-size:1.1rem}.hp-list{gap:.3rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.hp{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;flex:none;align-items:center;padding:.25em .5em;font-size:1.15rem;line-height:1.1;display:flex}.hp small{color:var(--muted);font-size:.6rem}.hp.on{border-color:var(--primary);background:var(--primary-soft)}.saju-tables,.elem-grid,.name-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}@media (width<=560px){.saju-tables,.elem-grid,.name-grid{grid-template-columns:1fr}}.saju-t,.elem-b,.name-card{background:var(--surface);border-radius:14px;padding:.7rem}.saju-name{margin-bottom:.4rem;font-weight:800}.saju-name .hj{color:var(--muted);font-weight:600}.saju-t table{border-collapse:collapse;text-align:center;width:100%}.saju-t th{color:var(--muted);padding:.1em;font-size:.72rem;font-weight:600}.saju-t td{padding:.15em}.saju-t td b{font-size:1.5rem;line-height:1.1;display:block}.saju-t td small{color:var(--muted);font-size:.68rem}.saju-prof{margin:.5rem 0 0;font-size:.85rem;line-height:1.5}.sec-list{gap:.6rem;display:grid}.sec-card{background:var(--surface);border-radius:14px;padding:.8rem}.sec-card .sec-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.sec-card .sec-head span{color:var(--muted);white-space:nowrap;font-size:.8rem}.sec-card .bar{height:8px}.sec-card p{margin:.5rem 0 .2rem;font-size:.93rem;line-height:1.55}.name-card table.suri{border-collapse:collapse;width:100%;font-size:.85rem}.name-card table.suri th{text-align:left;vertical-align:top;width:42%;padding:.3em .2em;font-weight:700}.name-card table.suri th small,.name-card table.suri td small{color:var(--muted);font-size:.75rem;font-weight:500;display:block}.name-card table.suri td{vertical-align:top;padding:.3em .2em}.name-card p{margin:.4rem 0 0;font-size:.88rem}.luck-길{color:var(--ok)}.luck-반길{color:var(--accent)}.luck-흉{color:var(--danger)}.week{grid-template-columns:repeat(7,1fr);gap:.3rem;display:grid}.week .wk{background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;gap:.1rem;padding:.45rem .2rem;display:flex}.week .wk.today{outline:2px solid var(--primary)}.week .wk small{color:var(--muted);font-size:.68rem}.week .wk b{font-size:1.1rem}.week .wk span{font-size:.9rem;font-weight:800}.week .wk em{color:var(--muted);font-size:.62rem;font-style:normal}.heat{gap:.25rem;display:grid}.heat-row{grid-template-columns:34px repeat(24,1fr);align-items:center;gap:2px;display:grid}.heat-row span{color:var(--muted);font-size:.72rem}.heat-row i{background:var(--primary);border-radius:3px;height:18px;display:block}.heat-row i.o{background:#8e6cf0}.heat-row small{color:var(--muted);font-size:.62rem}.weekly{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));align-items:end;gap:.3rem;display:grid}.wcol{flex-direction:column;align-items:center;gap:.2rem;display:flex}.wbar{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:90px;display:flex}.wbar i{background:var(--primary);border-radius:3px 3px 0 0;width:40%;min-height:2px;display:block}.wbar i.o{background:#8e6cf0}.wcol small{color:var(--muted);font-size:.65rem}.mode-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}@media (width<=520px){.mode-grid{grid-template-columns:1fr}}.mode{text-align:left;border:1.5px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.mode:hover{border-color:var(--primary);background:var(--primary-soft)}.mode b{font-size:1.02rem}.mode span{color:var(--muted);font-size:.85rem;line-height:1.4}.q-kicker{color:var(--primary-deep);margin-bottom:.3rem;font-size:.8rem;font-weight:700}.spread-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}@media (width<=520px){.spread-grid{grid-template-columns:1fr}}.deck{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.4rem;display:grid}.card-back{aspect-ratio:7/12;cursor:pointer;background:repeating-linear-gradient(45deg,#3b2a5a 0 6px,#4a3570 6px 12px);border:2px solid #d9b56a;border-radius:8px;transition:transform .25s;box-shadow:0 2px 6px #00000040}.card-back:hover{transform:translateY(-6px)}.card-back.flip{transform:rotateY(90deg)}.cards-row{flex-wrap:wrap;justify-content:center;gap:.7rem;margin:.6rem 0 1rem;display:flex}.tcard{flex-direction:column;align-items:center;gap:.3rem;width:150px;margin:0;display:flex}.tcard img{border:3px solid #d9b56a;border-radius:10px;width:150px;height:auto;transition:transform .5s;box-shadow:0 6px 18px #0000004d}.tcard.rev img{transform:rotate(180deg)}.tcard figcaption{text-align:center;flex-direction:column;line-height:1.25;display:flex}.tcard figcaption small{color:var(--muted);font-size:.72rem}.tcard figcaption b{font-size:.95rem}.tcard figcaption span{color:var(--primary-deep);font-size:.75rem;font-weight:700}@media (width<=520px){.tcard,.tcard img{width:104px}}.ladder-wrap{background:var(--surface);border-radius:14px;padding:.4rem;overflow-x:auto}.ladder-wrap canvas{width:100%;min-width:320px;height:auto;display:block}.name-form textarea{font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);resize:vertical;border-radius:12px;width:100%;padding:.6em .8em}.wheel-wrap{width:min(360px,100%);margin:0 auto;position:relative}.wheel-wrap canvas{width:100%;height:auto;display:block}.wheel-ptr{color:var(--primary-deep);z-index:1;text-shadow:0 1px 2px #0000004d;font-size:1.6rem;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.order-list{gap:.3rem;margin:.8rem 0 0;padding-left:1.6rem;font-size:1.1rem;font-weight:700;display:grid}.team-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;margin-top:.8rem;display:grid}.team{background:var(--surface);border-radius:12px;flex-direction:column;gap:.2rem;padding:.7rem;display:flex}.tcard-big{perspective:800px;max-width:420px;min-height:180px;margin:1rem auto}.tcard-face{background:linear-gradient(135deg, var(--primary) 0%, #8e6cf0 100%);color:#fff;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:1.4rem 1.2rem;display:flex;box-shadow:0 10px 30px #0003}.tcard-face small{opacity:.85;margin-bottom:.5rem;font-weight:700}.tcard-face p{margin:0;font-size:1.25rem;font-weight:800;line-height:1.4}.tcard-big.flip .tcard-face{animation:.45s flipIn}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}.slot{background:var(--surface-2);border:2px dashed var(--border);text-align:center;border-radius:16px;margin-top:.8rem;padding:1.4rem 1rem}.slot-win{min-height:1.6em;font-size:1.3rem;font-weight:800}.slot.shake{animation:80ms linear infinite shake}@keyframes shake{0%{transform:translate(-2px)}to{transform:translate(2px)}}.opt.sel{border-color:var(--primary);background:var(--primary);color:#fff}.c-place{background:var(--surface-2);border-radius:10px;flex-direction:column;gap:.15rem;margin:.4rem 0 0;padding:.5rem .7rem;font-size:.88rem;display:flex}.c-place b{font-size:.95rem}.c-place small{color:var(--muted)}.c-place .c-links a{color:var(--primary-deep);font-weight:700}.c-walk{text-align:center;color:var(--muted);margin:-.2rem 0;font-size:.82rem}.timeline{gap:.45rem;display:grid}.tl-row{background:var(--surface);border-radius:12px;grid-template-columns:58px 1fr;align-items:start;gap:.6rem;padding:.6rem .8rem;display:grid}.tl-row b{color:var(--primary-deep)}.tl-row p{margin:0;font-size:.92rem;line-height:1.5}.two-ans{gap:.6rem;margin:.8rem 0;display:grid}.ans-card{background:var(--surface);border-radius:14px;padding:.8rem .9rem}.ans-card.me{background:var(--primary-soft)}.ans-card.wait{border:1.5px dashed var(--border);color:var(--muted);background:0 0}.ans-card small{color:var(--muted);font-weight:700}.ans-card p{white-space:pre-wrap;margin:.25rem 0 0;font-size:1rem;line-height:1.5}.options.scale{grid-template-columns:repeat(5,1fr);gap:.4rem}.options.scale .opt{text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem .3rem;font-size:.78rem;font-weight:600;line-height:1.2;display:flex}.options.scale .dot{border:2.5px solid var(--border);border-radius:999px;width:26px;height:26px;transition:all .12s}.options.scale .s0 .dot{border-color:var(--accent);width:34px;height:34px}.options.scale .s1 .dot{border-color:var(--accent);width:30px;height:30px}.options.scale .s3 .dot{border-color:var(--primary);width:30px;height:30px}.options.scale .s4 .dot{border-color:var(--primary);width:34px;height:34px}.options.scale .opt:hover .dot,.options.scale .opt.on .dot{background:currentColor}.options.scale .s0:hover,.options.scale .s1:hover,.options.scale .s0.on,.options.scale .s1.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.options.scale .s3:hover,.options.scale .s4:hover,.options.scale .s3.on,.options.scale .s4.on{color:var(--primary-deep);border-color:var(--primary);background:var(--primary-soft)}@media (width<=520px){.options.scale .opt span:last-child{font-size:.68rem}}.axes{text-align:left;background:var(--surface);border-radius:14px;gap:.7rem;margin-top:1rem;padding:1rem 1.1rem;display:grid}.axis .lbl{justify-content:space-between;margin-bottom:.25rem;font-size:.85rem;font-weight:700;display:flex}.axis .lbl b{color:var(--primary-deep)}.axis .lbl i{color:var(--muted);font-style:normal}.axis .bar2{background:var(--accent-soft);border-radius:999px;height:12px;display:flex;overflow:hidden}.axis .bar2 span{background:var(--primary);height:100%}.axis .bar2 .fr{background:var(--accent);opacity:.6}.axis.dual .bar2{height:8px;margin-bottom:3px}.report{gap:.8rem;margin:1.2rem 0;display:grid}.report section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.2rem}.report h2{margin:0 0 .4rem;font-size:1.05rem}.report p{color:var(--text);margin:0;font-size:.95rem}.match-pick{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:.8rem 0;display:flex}.match-pick select{font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.5em .9em;font-weight:700}.match-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin:.6rem 0 1rem;display:grid}.match-list a{background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:14px;flex-direction:column;align-items:center;padding:.7rem .5rem;display:flex}.match-list a b{font-size:1rem}.match-list a small{color:var(--muted)}.match-list a .sc{color:var(--primary-deep);font-size:1.2rem;font-weight:900}.pair-head{text-align:center}.pair-head h1.types{margin:0}.pair-head .types{justify-content:center;align-items:center;gap:1rem;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:900;display:flex}.pair-head .types .x{color:var(--primary);font-size:1.2rem}.pair-head .score{color:var(--primary-deep);margin:.4rem 0 .2rem;font-size:4rem;font-weight:900;line-height:1}.pair-head .score small{font-size:1.4rem}.heat{overflow-x:auto}.heat table{border-collapse:collapse;font-size:.78rem}.heat th,.heat td{text-align:center;border:1px solid var(--border);padding:.25em .3em}.heat th{background:var(--surface-2);font-weight:700}.heat td a{color:var(--text);border-radius:6px;padding:.15em 0;font-weight:700;display:block}.heat td a:hover{outline:2px solid var(--primary);text-decoration:none}.engine.wc{max-width:1100px;margin-left:auto;margin-right:auto}.wc-start{grid-template-columns:1fr 1.3fr;align-items:center;gap:1.5rem;display:grid}.wc-start-left{text-align:center}.wc-start-left .big{margin-bottom:.5rem;font-size:3.5rem;line-height:1}.wc-start-left p{color:var(--muted)}.wc-start-left .hint{margin:.4rem 0 1rem;font-size:.85rem}.round-sel{justify-content:center;align-items:center;gap:.6rem;font-weight:700;display:flex}.round-sel select{font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.45em .9em}.preview{grid-template-columns:repeat(8,1fr);gap:.4rem;display:grid}.pv{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:.2rem;font-size:.78rem;line-height:1.2;display:flex}.pv img{aspect-ratio:4/5;object-fit:cover;border-radius:10px;width:100%;display:block}.pv.text b{aspect-ratio:4/5;background:var(--surface-2);border-radius:10px;place-items:center;width:100%;font-size:1.5rem;display:grid}.pv small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=760px){.wc-start{grid-template-columns:1fr}.preview{grid-template-columns:repeat(4,1fr)}}.wc-head{flex-wrap:wrap;align-items:baseline;gap:.8rem;margin-bottom:.8rem;display:flex}.wc-head .q-text{flex:1;margin:0}.wc-head .count{color:var(--muted);font-size:.85rem}.arena{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.8rem;display:grid}.cand{text-align:center;border:2px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:220px;padding:1.6rem 1rem;transition:transform .12s,border-color .12s,opacity .2s;display:flex;position:relative;overflow:hidden}.cand:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-2px)}.cand.win{border-color:var(--primary);transform:scale(1.02)}.cand.lose{opacity:.35;filter:grayscale()}.cand .emoji{font-size:3rem;line-height:1}.cand .name{font-size:1.08rem;font-weight:800;line-height:1.35}.cand .desc{color:var(--muted);font-size:.86rem;line-height:1.45}.arena.image .cand{aspect-ratio:4/5;background:#111;min-height:0;padding:0}.arena.image .cand img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.arena.image .cand .text{color:#fff;background:linear-gradient(#0000,#000000c7);flex-direction:column;gap:.15rem;padding:2.2rem 1rem 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.arena.image .cand .name{color:#fff;font-size:1.15rem}.arena.image .cand .desc{color:#ffffffd9}.arena.image .cand:hover{background:#111}.vs{color:var(--primary);align-self:center;font-size:1.3rem;font-weight:900}.vs span{background:var(--primary);color:#fff;border-radius:999px;place-items:center;width:44px;height:44px;font-size:.95rem;display:inline-grid;box-shadow:0 4px 14px #ff3d7f66}@media (width<=520px){.arena{grid-template-columns:1fr;gap:.5rem}.vs{text-align:center;z-index:1;margin:-.6rem 0;position:relative}.cand{text-align:left;flex-direction:row;justify-content:flex-start;min-height:0;padding:1.1rem 1rem}.cand .emoji{font-size:2.2rem}.cand .text{flex-direction:column;gap:.2rem;display:flex}.arena.image{grid-template-columns:1fr 1fr;gap:.4rem;position:relative}.arena.image .cand{aspect-ratio:3/4;flex-direction:column}.arena.image .cand .text{padding:1.6rem .6rem .6rem}.arena.image .cand .name{font-size:.95rem}.arena.image .cand .desc{font-size:.72rem}.arena.image .vs{z-index:2;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arena.image .vs span{border:2px solid #fff;width:38px;height:38px;font-size:.8rem}}.cand-list{columns:2;column-gap:2rem}.cand-list li{break-inside:avoid}@media (width<=640px){.cand-list{columns:1}}.narrow-prose{max-width:800px;margin-left:auto;margin-right:auto}.credits{color:var(--muted);margin-top:1rem;font-size:.85rem}.credits summary{cursor:pointer}.credits ul{columns:2;margin:.5rem 0 0}.preview-groups{gap:.6rem;display:grid}.pg-head{align-items:baseline;gap:.5rem;margin-bottom:.25rem;font-size:.85rem;display:flex}.pg-head small{color:var(--muted)}.pg .preview{grid-template-columns:repeat(4,1fr)}@media (width<=760px){.pg .preview{grid-template-columns:repeat(4,1fr)}}.winner-figure{max-width:360px;margin:.4rem auto .8rem}.winner-big{aspect-ratio:4/5;object-fit:cover;border:4px solid #fff;border-radius:24px;width:100%;display:block;box-shadow:0 16px 40px #00000040}.winner-figure figcaption{color:var(--muted);margin-top:.5rem;font-size:.85rem}.axis-group{margin-bottom:.6rem}.axis-group>.lbl b{font-size:.95rem}.axis-group .axis{margin:.3rem 0 0 .4rem}.axis-group .axis .lbl{font-size:.82rem;font-weight:600}.winner-img{object-fit:cover;border:4px solid #fff;border-radius:20px;width:240px;height:300px;margin:.3rem auto .8rem;display:block;box-shadow:0 10px 30px #0003}.podium{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.podium a{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;flex-direction:column;align-items:center;gap:.15rem;width:120px;padding:.6rem .8rem;font-size:.8rem;display:flex}.podium img{object-fit:cover;border-radius:10px;width:64px;height:80px}.podium .e{font-size:2rem}.podium small{color:var(--muted)}.podium b{line-height:1.2}.credit{color:var(--muted);margin:.8rem 0 0;font-size:.78rem}.bal{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.8rem;display:grid}.bal .opt{text-align:center;justify-content:center;align-items:center;min-height:150px;padding:1.2rem;font-size:1.05rem;font-weight:700;display:flex}.bal .opt.a:hover{border-color:var(--primary)}.bal .opt.b:hover{border-color:var(--accent);background:var(--accent-soft)}@media (width<=520px){.bal{grid-template-columns:1fr}.bal .opt{min-height:90px}.bal .vs{text-align:center}}.result{text-align:center;background:linear-gradient(160deg, var(--surface) 0%, var(--primary-soft) 100%);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;margin:1rem 0;padding:2rem 1.3rem 1.6rem}.result .emoji{margin-bottom:.4rem;font-size:4.5rem;line-height:1}.result .kicker{color:var(--muted);font-size:.92rem;font-weight:700}.result h1,.result h2.title{margin:.2rem 0 .3rem;font-size:clamp(1.6rem,5vw,2.2rem)}.result .tagline{color:var(--primary-deep);margin-bottom:1rem;font-size:1.05rem;font-weight:700}.result .desc{text-align:left;background:var(--surface);border-radius:14px;margin:0 0 1rem;padding:1rem 1.1rem}.pm{text-align:left;grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.pm>div{background:var(--surface);border-radius:14px;padding:.9rem 1rem}.pm strong{margin-bottom:.4rem;display:block}.pm ul{margin:0;padding-left:1.1em;font-size:.92rem}.pm li{margin-bottom:.25em}@media (width<=520px){.pm{grid-template-columns:1fr}}.matches{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;font-size:.92rem;display:flex}.matches a{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.35em .9em}.dims{text-align:left;background:var(--surface);border-radius:14px;gap:.55rem;margin-top:1rem;padding:1rem 1.1rem;display:grid}.dim{grid-template-columns:4.5em 1fr auto;align-items:center;gap:.7rem;font-size:.92rem;display:grid}.dim .label{font-weight:700}.bar{background:var(--surface-2);border-radius:999px;height:10px;position:relative;overflow:hidden}.bar>span{background:var(--primary);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.bar>span.vs{background:var(--accent);opacity:.85;top:50%}.bar.dual>span.me{bottom:50%}.dim .stars{color:var(--primary);letter-spacing:.05em;white-space:nowrap;font-size:.85rem}.legend{color:var(--muted);justify-content:center;gap:1rem;margin-top:.4rem;font-size:.82rem;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:.3em;display:inline-block}.compare-box{background:var(--surface);border:2px solid var(--accent);text-align:center;border-radius:20px;margin:1rem 0;padding:1.3rem}.compare-box .rate{color:var(--accent);font-size:3rem;font-weight:900;line-height:1}.compare-box .rate small{font-size:1.2rem}.compare-box table{border-collapse:collapse;width:100%;margin-top:.8rem;font-size:.92rem}.compare-box th,.compare-box td{border-bottom:1px solid var(--border);padding:.5em .4em}.compare-box th{color:var(--muted);font-size:.82rem;font-weight:600}.compare-box td.same{color:var(--ok);font-weight:700}.compare-box td.diff{color:var(--muted)}.share{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.2rem 0;display:flex}.share .btn{flex:auto;min-width:120px}.share .kakao{color:#191919;background:#fee500;border-color:#fee500}.share .kakao:hover{background:#f5dc00}.toast{background:var(--text);color:var(--bg);opacity:0;pointer-events:none;z-index:50;border-radius:999px;padding:.6em 1.2em;font-weight:700;transition:all .2s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(20px)}.toast.on{opacity:1;transform:translate(-50%)translateY(0)}.qgroup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:1rem 1.2rem}.qgroup h2{margin:0 0 .6rem;font-size:1.1rem}.qgroup ol{margin:0;padding-left:1.6em}.qgroup li{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:.6rem;padding:.35em 0;display:flex}.qgroup li:last-child{border-bottom:0}.copy{color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:999px;flex:none;min-height:32px;padding:.35em .8em;font-size:.8rem}.copy:hover{border-color:var(--primary);color:var(--primary-deep)}.picker{text-align:center;background:linear-gradient(160deg, var(--surface), var(--accent-soft));border:1px solid var(--border);border-radius:20px;margin:1rem 0;padding:1.4rem 1.2rem}.picker .pick{place-items:center;min-height:2.6em;margin:.4rem 0 .8rem;font-size:1.3rem;font-weight:800;line-height:1.4;display:grid}.tips{background:var(--surface-2);border-radius:var(--radius);padding:1rem 1.2rem 1rem 2.2rem}.tips li{margin-bottom:.4em}.faq details{border-bottom:1px solid var(--border);padding:.6rem 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);margin:.5em 0 0}.ad-slot{justify-content:center;align-items:center;min-height:90px;margin:1.5rem 0;display:flex}.ad-slot.placeholder{border:1px dashed var(--border);color:var(--muted);background:var(--surface-2);border-radius:12px;font-size:.8rem}.prose h2{font-size:1.25rem}.prose p,.prose li{color:var(--text)}