:root{--bg:#14121f;--panel:#1f1b2e;--panel-2:#2a2540;--line:#3a3358;--text:#f1edfb;--muted:#a79fc4;--accent:#f2b84b;--accent-ink:#1b1424;--good:#7ad7a0;--warn:#f08a6c;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 60% at 50% 0%, #251f3d 0%, var(--bg) 60%) no-repeat, var(--bg);color:var(--text);word-break:keep-all;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;line-height:1.65}main{max-width:560px;margin:0 auto;padding:24px 16px 64px;position:relative}h1,h2,h3{margin:0 0 12px;line-height:1.3}h1{font-size:1.7rem}h2{margin-top:36px;font-size:1.25rem}p{margin:0 0 12px}a{color:var(--accent)}.muted{color:var(--muted)}.card{backdrop-filter:blur(14px)saturate(130%);background:linear-gradient(#2821429e,#18142aa8);border:1px solid #b09cf038;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:inset 0 1px #ffffff14,0 8px 24px #08051459}:root{--glass-border:#c4b0ff73;--glow:150, 110, 255}.btn{text-align:center;cursor:pointer;width:100%;font:inherit;color:#fbf9ff;text-shadow:0 1px 8px #28146499;border:1px solid var(--glass-border);backdrop-filter:blur(12px)saturate(150%);box-shadow:inset 0 1px 0 #ffffff61, inset 0 -8px 16px #3c1ea040, 0 0 18px rgba(var(--glow), .35), 0 6px 20px #140a3c73;background:linear-gradient(#a884ff94 0%,#6242d26b 100%);border-radius:14px;margin-bottom:10px;padding:14px 16px;font-weight:700;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform 80ms;display:block;position:relative}.btn:hover{box-shadow:inset 0 1px 0 #ffffff73, inset 0 -8px 16px #3c1ea040, 0 0 28px rgba(var(--glow), .55), 0 6px 22px #140a3c80;border-color:#dccdffb3}.btn:active{transform:translateY(1px)scale(.995)}.btn:focus-visible{outline-offset:3px;outline:2px solid #e6dcff}.btn.ghost{box-shadow:inset 0 1px 0 #ffffff29, 0 0 12px rgba(var(--glow), .14);text-shadow:none;background:linear-gradient(#9678f029 0%,#5038aa1f 100%);border-color:#b09cf052}.btn.ghost:hover{box-shadow:inset 0 1px 0 #ffffff40, 0 0 22px rgba(var(--glow), .32);border-color:#d2c3ff99}.option{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;backdrop-filter:blur(8px);background:linear-gradient(#9678f024 0%,#5038aa1a 100%);border:1px solid #b09cf047;border-radius:14px;margin-bottom:12px;padding:16px;transition:border-color .2s,box-shadow .2s,transform 80ms;display:block;box-shadow:inset 0 1px #ffffff1f}.option:hover,.option:focus-visible{box-shadow:inset 0 1px 0 #ffffff40, 0 0 22px rgba(var(--glow), .35);border-color:#d6c8ffbf;outline:none}.option:active{transform:scale(.99)}@media (prefers-reduced-motion:reduce){.btn,.option{transition:none}}.progress{background:var(--panel-2);border-radius:99px;height:6px;margin-bottom:8px;overflow:hidden}.progress>i{background:var(--accent);width:0;height:100%;transition:width .25s;display:block}.pill{background:var(--panel-2);color:var(--muted);border-radius:99px;margin:0 6px 6px 0;padding:2px 10px;font-size:.75rem;display:inline-block}.tag{color:var(--accent);margin-bottom:6px;font-size:.8rem;font-weight:700}.rel-name{font-weight:700}.list{margin:0;padding:0;list-style:none}.list li{margin-bottom:12px;padding-left:1.1em;position:relative}.list li:last-child{margin-bottom:0}.list li:before{content:"+";color:var(--good);font-weight:700;position:absolute;left:0}.list.warn li:before{content:"!";color:var(--warn)}select{width:100%;font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px}.hidden{display:none!important}nav.top{justify-content:space-between;margin-bottom:20px;font-size:.9rem;display:flex}nav.top a{color:var(--muted);margin:-10px -8px;padding:10px 8px;text-decoration:none;display:inline-block}.card.entry{color:var(--text);text-decoration:none;display:block}.card.entry b{margin-bottom:2px;display:block}.meter{background:var(--panel-2);border-radius:99px;height:8px;margin:4px 0 12px;overflow:hidden}.meter>i{background:var(--accent);height:100%;display:block}.member{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.member:last-child{border-bottom:0}.member .name{flex:1}.step{border:1px solid var(--line);background:var(--panel-2);width:36px;height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;font-size:1.2rem}.step:disabled{opacity:.35;cursor:default}.count{text-align:center;width:1.5em;font-weight:700}.versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:16px 0;display:grid}.versus figure{text-align:center;margin:0}.versus img{aspect-ratio:480/597;object-fit:cover;background:var(--panel);border-radius:16px;width:100%;height:auto;display:block}.versus figcaption{margin-top:8px;font-size:.9rem;font-weight:700}.versus .vs{color:var(--accent);font-weight:800}body{--hero-h:260px;--dim-top:.62;--dim-mid:.78;position:relative;overflow-x:hidden}body.home{--hero-h:360px;--dim-top:.1;--dim-mid:.3}.backdrop{height:var(--hero-h);z-index:-1;pointer-events:none;background:linear-gradient(180deg, rgba(20, 18, 31, var(--dim-top)) 0%, rgba(20, 18, 31, var(--dim-mid)) 62%, #14121fd9 100%), url(/bg/forest.webp) 62% 0 / auto var(--hero-h) no-repeat;-webkit-mask-image:linear-gradient(180deg, #000 var(--fade-start,55%), transparent 100%);mask-image:linear-gradient(180deg, #000 var(--fade-start,55%), transparent 100%);position:absolute;top:0;left:0;right:0}@media (width>=700px){.backdrop{background-position:0 0,50% 28%;background-size:auto,cover}body{--hero-h:340px}body.home{--hero-h:700px}body.home .backdrop{background-position:0 0,50% 8%}.title-serif{font-size:3rem}.lead{max-width:30em;font-size:1.05rem}.hero-links{margin-top:210px}}body.home{--hero-h:760px;--dim-top:.5;--dim-mid:.1;--fade-start:80%}body.home .backdrop{background-position:0 0,32% 0}.hero-center{text-align:center;padding-top:6px}.orn-star{color:#e6dcff;filter:drop-shadow(0 0 8px #bea0ffe6)}.eyebrow{letter-spacing:.32em;color:#d8ccff;text-shadow:0 1px 10px #0a061ecc;margin:6px 0 14px;font-size:.78rem}.title-serif{letter-spacing:-.01em;background:linear-gradient(#fff 30%,#cdbbff 100%);color:#0000;filter:drop-shadow(0 0 18px #966effa6)drop-shadow(0 2px 12px #0a061ecc);-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif;font-size:2.35rem;font-weight:600;line-height:1.3}.title-serif span{display:inline-block}.lead{color:#ece6ff;text-shadow:0 1px 12px #0a061ee6;max-width:24em;margin:0 auto 14px;font-size:.98rem}.orn-line{justify-content:center;align-items:center;gap:10px;max-width:220px;margin:0 auto 18px;display:flex}.orn-line i{background:linear-gradient(90deg,#0000,#dccdffcc);flex:1;height:1px}.orn-line i:last-child{transform:scaleX(-1)}.orn-line b{background:#e6dcff;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 10px #bea0ffe6}.btn-ornate{letter-spacing:.04em;width:auto;min-width:230px;box-shadow:inset 0 0 0 3px #16103880, inset 0 0 0 4px #c8b4ff66, inset 0 1px 0 #ffffff4d, 0 0 26px rgba(var(--glow), .55), 0 6px 20px #140a3c80;border-color:#e6daffbf;border-radius:8px;margin:0 auto 8px;padding:15px 34px;font-size:1.05rem;display:inline-block}.btn-ornate:before,.btn-ornate:after{content:"";background:#efe8ff;border:1px solid #785adccc;width:9px;height:9px;position:absolute;top:50%;box-shadow:0 0 10px #bea0ffe6}.btn-ornate:before{left:-5px;transform:translateY(-50%)rotate(45deg)}.btn-ornate:after{right:-5px;transform:translateY(-50%)rotate(45deg)}.micro{color:#cfc4ee;text-shadow:0 1px 10px #0a061ee6;margin:4px 0 0;font-size:.82rem}.hero-links{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:270px;display:grid}.hero-links .btn{margin:0;padding:12px 6px;font-size:.88rem}.seg{grid-template-columns:repeat(12,1fr);gap:4px;margin-bottom:22px;display:grid}.seg i{background:#b09cf033;border-radius:99px;height:6px;transition:background .25s,box-shadow .25s}.seg i.done{box-shadow:0 0 10px rgba(var(--glow), .6);background:linear-gradient(90deg,#b79cff,#8a6bff)}.q-head{text-align:center;margin-bottom:14px}.q-head .eyebrow{margin:6px 0 0}.q-card{text-align:center;box-shadow:inset 0 0 0 3px #16103873, inset 0 0 0 4px #c8b4ff4d, 0 0 26px rgba(var(--glow), .3), 0 8px 24px #08051466;border-color:#dccdff80;margin:4px 6px 22px;padding:26px 20px;position:relative}.q-card:before,.q-card:after{content:"";background:#efe8ff;border:1px solid #785adccc;width:9px;height:9px;position:absolute;top:50%;box-shadow:0 0 10px #bea0ffe6}.q-card:before{left:-5px;transform:translateY(-50%)rotate(45deg)}.q-card:after{right:-5px;transform:translateY(-50%)rotate(45deg)}.q-card h1{text-shadow:0 1px 12px #0a061eb3;margin:0;font-size:1.28rem;line-height:1.6}.option{align-items:flex-start;gap:12px;display:flex}.option:before{content:"";background:#cbb8ff;flex:none;width:6px;height:6px;margin-top:.62em;transform:rotate(45deg);box-shadow:0 0 8px #bea0ffcc}.result-hero{text-align:center;--h:var(--hue,265);margin-bottom:18px}.result-hero .title-serif{filter:drop-shadow(0 0 18px hsl(var(--h) 90% 65% / .6)) drop-shadow(0 2px 12px #0a061ecc);margin-bottom:8px;font-size:2.1rem}.result-hero img{box-shadow:0 0 0 1px hsl(var(--h) 80% 75% / .55), 0 0 34px hsl(var(--h) 90% 62% / .45), 0 12px 30px #08051480}.result-hero .lead{margin-bottom:12px}.pills{margin-bottom:14px}.center{text-align:center;margin-bottom:8px}.tag:before{content:"";vertical-align:1px;background:#cbb8ff;width:6px;height:6px;margin-right:8px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 8px #bea0ffe6}.result-hero .quote{color:#fff;text-shadow:0 1px 12px #0a061ed9;margin:16px 0 0;font-size:1.05rem}.section-orn{justify-content:center;align-items:center;gap:12px;margin:30px 0 14px;font-size:1.1rem;display:flex}.section-orn:before,.section-orn:after{content:"";background:linear-gradient(90deg,#0000,#dccdffb3);flex:1;max-width:90px;height:1px}.section-orn:after{transform:scaleX(-1)}.matches{grid-template-columns:1fr 2px 1fr;align-items:stretch;gap:14px;margin-bottom:14px;display:grid}.match-divider{background:linear-gradient(#0000,#d98bff 20%,#b07bff 80%,#0000);border-radius:2px;box-shadow:0 0 14px #c878ffcc}.match{text-align:center;color:var(--text);flex-direction:column;align-items:center;text-decoration:none;display:flex}.match-label{color:#fff;text-shadow:0 1px 10px #0a061ecc;font-family:Noto Serif KR,AppleMyungjo,serif;font-size:1.05rem;font-weight:600}.match-sub{color:var(--muted);margin:2px 0 10px;font-size:.78rem}.match img{aspect-ratio:480/597;object-fit:cover;background:var(--panel);border-radius:16px;width:100%;max-width:160px;height:auto}.match-best img{box-shadow:0 0 0 1px #bea0ff99,0 0 24px #966eff80}.match-worst img{box-shadow:0 0 0 1px #ff8ca08c,0 0 24px #e6507866}.match-name{color:#fff;backdrop-filter:blur(8px);border:1px solid #ffffff47;border-radius:99px;margin-top:12px;padding:7px 14px;font-size:.86rem;font-weight:700;line-height:1.3}.match-best .match-name{background:linear-gradient(#a884ffa6,#6242d28c);box-shadow:0 0 14px #966eff73}.match-worst .match-name{background:linear-gradient(#c84664a6,#781c3c99);box-shadow:0 0 14px #e6507859}.match:focus-visible{outline-offset:4px;border-radius:14px;outline:2px solid #e6dcff}.hero-mini{text-align:center;margin-bottom:14px}.hero-mini .title-serif{margin-bottom:8px;font-size:2rem}.hero-mini .lead{margin-bottom:4px}.chart-card{padding:10px 8px 14px}.chart-card svg{width:100%;height:auto;display:block}.legend{color:#d8ccff;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:4px 0 0;padding:0;font-size:.78rem;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:18px;height:5px;display:inline-block}.duo-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:12px;display:grid}.duo{text-align:center;margin:0}.duo img{aspect-ratio:480/597;object-fit:cover;border-radius:14px;width:100%;max-width:110px;height:auto;margin:0 auto;display:block;box-shadow:0 0 0 1px #bea0ff73,0 0 18px #966eff59}.duo figcaption{margin-top:6px;font-size:.88rem;font-weight:700}.duo-row .vs{color:var(--accent);font-weight:800}.micro-note{text-align:center;color:var(--muted);margin:6px 4px 0;font-size:.8rem}.members{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.member{backdrop-filter:blur(12px);background:linear-gradient(#2821428c,#18142a99);border:1px solid #b09cf040;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.member img{object-fit:cover;object-position:top;border-radius:12px;flex:none;width:48px;height:48px}.member-body{flex:1;gap:4px;min-width:0;display:grid}input[type=text]{width:100%;font:inherit;color:var(--text);background:#0e0a248c;border:1px solid #b09cf059;border-radius:12px;padding:10px 12px}input[type=text]:focus-visible{outline-offset:1px;outline:2px solid #cbb8ff}.link-btn{font:inherit;color:#cbb8ff;text-align:left;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;min-height:32px;padding:4px 0;font-size:.82rem;text-decoration:underline}.icon-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:#9678f01f;border:1px solid #b09cf04d;border-radius:12px;flex:none;font-size:1.3rem}.member-actions{grid-template-columns:1fr;gap:8px;margin-bottom:8px;display:grid}.member-actions .btn{margin:0}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}dialog{width:min(92vw,520px);max-height:88vh;color:var(--text);box-shadow:0 0 40px rgba(var(--glow), .35), 0 20px 50px #0009;background:linear-gradient(#282142f7,#141026fa);border:1px solid #c4b0ff66;border-radius:20px;padding:18px;overflow:auto}dialog::backdrop{backdrop-filter:blur(4px);background:#080514b8}.field{color:var(--muted);margin-bottom:12px;font-size:.85rem;display:block}.field input{margin-top:6px}.picker-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.pick{font:inherit;color:var(--text);cursor:pointer;background:#9678f014;border:1px solid #b09cf040;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:.68rem;line-height:1.25;display:flex}.pick img,.pick svg{aspect-ratio:1;object-fit:cover;object-position:top;border-radius:10px;width:100%;max-width:64px;height:auto}.pick[aria-pressed=true]{box-shadow:0 0 16px rgba(var(--glow), .6);background:#a884ff59;border-color:#fff}.pick:focus-visible{outline-offset:2px;outline:2px solid #e6dcff}.picker-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.picker-actions .btn{margin:0}.error{color:#ff9aa8;margin:0 0 10px;font-size:.85rem}h3.sub{color:#d8ccff;margin:16px 0 8px;font-size:.95rem}.roles{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}.role{background:#9678f01a;border:1px solid #b09cf040;border-radius:12px;gap:2px;padding:8px 10px;font-size:.82rem;display:grid}.role b{letter-spacing:.04em;font-size:.8rem}.role span{color:var(--muted)}.role.has{border-color:#78dcbe80}.role.has b{color:#7fe3cf}.role.lack{background:#e6507814;border-style:dashed;border-color:#ff8ca08c}.role.lack b,.role.lack span{color:#ff9aa8}.line{margin:0 0 8px}.line b{color:#fff}.line.complete{color:#bff3e6}.dex{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.dex-card{text-align:center;height:100%;color:var(--text);border:1px solid hsl(var(--h) 70% 75% / .28);backdrop-filter:blur(14px)saturate(130%);background:linear-gradient(#28214299,#18142aa8);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:16px 12px 14px;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform 80ms;display:flex;box-shadow:inset 0 1px #ffffff14,0 8px 24px #08051459}.dex-card:hover{border-color:hsl(var(--h) 80% 78% / .7);box-shadow:inset 0 1px 0 #ffffff26, 0 0 26px hsl(var(--h) 90% 62% / .4), 0 8px 24px #08051466}.dex-card:active{transform:scale(.99)}.dex-card:focus-visible{outline-offset:3px;outline:2px solid #e6dcff}.dex-art{margin-bottom:6px;line-height:0;display:block}.dex-art img,.dex-art svg{box-shadow:0 0 0 1px hsl(var(--h) 80% 75% / .55), 0 0 18px hsl(var(--h) 90% 62% / .4)}.dex-name{color:#fff;text-shadow:0 1px 10px #0a061ecc;font-family:Noto Serif KR,AppleMyungjo,serif;font-size:1.02rem;font-weight:600}.dex-tag{color:var(--muted);font-size:.8rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.dex-card{transition:none}}.site-footer{text-align:center;max-width:560px;color:var(--muted);margin:0 auto;padding:8px 16px 40px;font-size:.82rem}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:0 4px;display:flex}.site-footer a{color:var(--muted);padding:12px 10px;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:#fff;text-underline-offset:3px;text-decoration:underline}.site-footer p{margin:0}.legal{line-height:1.8}.legal h2{color:#fff;margin:26px 0 8px;font-size:1.02rem}.legal h2:first-child{margin-top:0}.legal p{margin:0 0 10px}.legal ul{margin:0 0 10px;padding-left:1.2em}.legal li{margin-bottom:6px}.legal a{color:#cbb8ff;word-break:break-all}.versus figure.empty:before{content:"?";aspect-ratio:480/597;color:#cbb8ff;background:#9678f014;border:2px dashed #cbb8ff80;border-radius:16px;place-items:center;width:100%;font-size:2.6rem;display:grid}.versus figure.empty img{display:none}