.tool-page{--ink:#ffffff;--paper:#0f0a1f;--soft:rgba(139,92,246,0.12);--rose:#8b5cf6;--rose-dark:#c4b5fd;--pink:#ec4899;--primary-dark:#7c3aed;--green:#10b981;--gold:#f59e0b;--muted:#9ca3af;--line:rgba(139,92,246,0.2);--line-strong:rgba(139,92,246,0.3);--card:#1a1333;--glass-bg:linear-gradient(150deg,rgba(46,33,82,0.44),rgba(20,14,40,0.3));--glass-bg-strong:linear-gradient(150deg,rgba(52,38,92,0.56),rgba(22,16,44,0.4));--glass-highlight:inset 0 1px 0 rgba(255,255,255,0.09);--glass-shadow:0 10px 32px rgba(0,0,0,0.32);--glass-blur:blur(30px) saturate(150%);--r-sm:6px;--r-md:10px;--r-lg:13px;--r-xl:16px;min-height:100vh;position:relative;background:radial-gradient(1200px 460px at 50% -10%,rgba(139,92,246,.22),rgba(15,10,31,0) 64%),radial-gradient(900px 360px at 88% 4%,rgba(236,72,153,.1),rgba(15,10,31,0) 58%),var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Apple SD Gothic Neo,Pretendard,Segoe UI,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}.tool-page:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1.5px 1.5px at 8% 6%,rgba(196,181,253,.8),transparent 60%),radial-gradient(1px 1px at 42% 3%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.5px 1.5px at 74% 9%,rgba(196,181,253,.6),transparent 60%),radial-gradient(1px 1px at 20% 17%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.5px 1.5px at 63% 22%,rgba(196,181,253,.55),transparent 60%),radial-gradient(1px 1px at 88% 30%,rgba(255,255,255,.45),transparent 60%),radial-gradient(1.5px 1.5px at 12% 38%,rgba(196,181,253,.5),transparent 60%)}.tool-page>.tool-page svg{display:inline-block;vertical-align:-.125em}.kpop-chip svg,.kpop-search-icon svg,.locked-row-icon svg,.share-icon svg,.share-primary svg,.share-title svg,.tool-btn svg{display:block;vertical-align:middle}.tool-shell{position:relative;z-index:1;width:min(680px,calc(100% - 40px));margin:0 auto}.tool-nav{display:flex;align-items:center;gap:16px;padding:20px 0 4px}.tool-brand{font-weight:800;font-size:1.12rem;letter-spacing:-.015em;color:var(--ink);text-decoration:none;white-space:nowrap}.tool-nav-links{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.tool-nav-links a{color:var(--muted);font-size:.85rem;font-weight:700;text-decoration:none}.tool-nav-links a:hover{color:var(--rose-dark)}.tool-main{padding:26px 0 64px}.tool-eyebrow{margin:0 0 12px;color:var(--rose-dark);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tool-h1{margin:0 0 14px;color:var(--ink);font-size:clamp(2.05rem,6.2vw,3.1rem);font-weight:750;line-height:1.06;letter-spacing:-.025em;text-wrap:balance}.tool-lede{margin:0 0 26px;max-width:580px;color:var(--muted);font-size:1.05rem;line-height:1.7}.tool-form{display:grid;gap:16px;text-align:left}.tool-label{display:block;margin-bottom:6px;color:var(--ink);font-size:.9rem;font-weight:700}.tool-field{width:100%;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(139,92,246,.1);color:var(--ink);font-size:1rem;font-family:inherit;color-scheme:dark}.tool-field:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px rgba(139,92,246,.22)}.tool-field::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.6);opacity:.75;cursor:pointer}.tool-field option{background:var(--card);color:var(--ink)}.kpop-search-input:-webkit-autofill,.tool-field:-webkit-autofill,.tool-field:-webkit-autofill:focus,.tool-field:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:inset 0 0 0 1000px #241c42;caret-color:var(--ink)}.tool-hint{display:block;margin-top:4px;color:var(--muted);font-size:.8rem}.tool-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:14px 18px;border-radius:var(--r-md);border:1px solid transparent;font-weight:800;font-size:1.03rem;letter-spacing:.01em;text-align:center;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.tool-btn:hover{transform:translateY(-1px)}.tool-btn-dark{background:rgba(139,92,246,.14);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--glass-highlight)}.tool-btn-dark:hover{background:rgba(139,92,246,.22);border-color:var(--rose)}.tool-btn-rose{background:linear-gradient(135deg,var(--rose) 0,var(--pink) 100%);color:#fff;box-shadow:0 12px 28px -6px rgba(139,92,246,.55)}.tool-btn-rose:hover{box-shadow:0 16px 36px -6px rgba(139,92,246,.7);filter:brightness(1.06)}.tool-card{margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--glass-bg);box-shadow:var(--glass-highlight),var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.tool-card-cta{background:radial-gradient(120% 140% at 0 0,rgba(236,72,153,.16),rgba(26,19,51,0) 58%),var(--glass-bg-strong);border-color:var(--line-strong);box-shadow:var(--glass-highlight),0 18px 44px -10px rgba(139,92,246,.42)}.tool-card-label{margin-bottom:12px;color:var(--rose-dark);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tool-pillar-cap{color:var(--muted);font-size:.72rem;margin-bottom:6px}.tool-pillar-box{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 4px}.tool-pillar-stem{color:var(--ink)}.tool-pillar-branch,.tool-pillar-stem{font-family:Apple SD Gothic Neo,Nanum Myeongjo,Georgia,serif;font-size:1.5rem;font-weight:700;line-height:1.2}.tool-pillar-branch{color:var(--rose-dark)}.tool-score{font-size:3.4rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--rose-dark) 0,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tool-elem-row{display:flex;align-items:center;gap:10px}.tool-elem-name{width:88px;color:var(--ink);font-size:.88rem;font-weight:600}.tool-elem-track{flex:1;height:10px;background:rgba(139,92,246,.16);border-radius:999px;overflow:hidden}.tool-elem-fill{height:100%;border-radius:999px}.tool-elem-val{width:20px;text-align:right;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.tool-h2{margin:0 0 10px;color:var(--ink);font-size:1.42rem;font-weight:720;letter-spacing:-.018em;text-wrap:balance}.tool-body{color:var(--muted);line-height:1.75}.tool-faq-q{color:var(--ink);font-weight:700;margin-bottom:4px}.tool-faq-a{color:var(--muted);line-height:1.6;font-size:.95rem}.tool-disclaimer{margin-top:24px;text-align:center;color:var(--muted);font-size:.82rem;opacity:.8}.tool-shell-wide{width:min(920px,calc(100% - 40px))}.kpop-group{margin-top:34px}.kpop-group-title{margin:0 0 12px;color:var(--ink);font-size:1.3rem;font-weight:720;letter-spacing:-.018em;display:flex;align-items:center;gap:10px}.kpop-group-count{font-size:.72rem;font-weight:800;color:var(--rose-dark);background:rgba(139,92,246,.16);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.kpop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.kpop-card{display:flex;flex-direction:column;gap:3px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--glass-bg);text-decoration:none;box-shadow:var(--glass-highlight),0 12px 30px rgba(0,0,0,.3);transition:transform .16s ease,border-color .16s ease}.kpop-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.kpop-card-name{font-weight:700;font-size:1.12rem;letter-spacing:-.015em;color:var(--ink)}.kpop-card-meta{color:var(--muted);font-size:.82rem}.kpop-card-go{margin-top:8px;color:var(--rose-dark);font-size:.8rem;font-weight:700}.kpop-badges{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.kpop-badge{border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:.84rem;font-weight:600;color:var(--ink);background:rgba(139,92,246,.12)}.tool-footer{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 18px}.tool-footer a{color:var(--rose-dark);font-size:.88rem;font-weight:700;text-decoration:none}.tool-footer a:hover{text-decoration:underline}.share-card{margin-top:16px;padding:20px 22px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:radial-gradient(120% 140% at 100% 0,rgba(236,72,153,.12),rgba(26,19,51,0) 58%),var(--glass-bg);box-shadow:var(--glass-highlight),var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.share-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;color:var(--ink);margin-bottom:4px}.share-sub{color:var(--muted);font-size:.86rem;margin-bottom:14px}.share-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.share-primary{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border:none;border-radius:var(--r-md);background:linear-gradient(135deg,var(--rose) 0,var(--pink) 100%);color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 12px 28px -6px rgba(139,92,246,.55);transition:transform .16s ease,box-shadow .16s ease}.share-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px -6px rgba(139,92,246,.7)}.share-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(139,92,246,.12);color:var(--ink);font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.share-icon:hover{transform:translateY(-1px);border-color:var(--rose);background:rgba(139,92,246,.22)}.share-copied{color:var(--green);font-size:.82rem;font-weight:700;margin-left:4px}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(150deg,rgba(52,38,92,.92),rgba(22,16,44,.88));border-top:1px solid var(--line-strong);box-shadow:var(--glass-highlight),0 -14px 40px rgba(0,0,0,.5);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:sticky-cta-up .26s ease}@keyframes sticky-cta-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sticky-cta-text{display:flex;flex-direction:column;min-width:0;flex:1}.sticky-cta-title{font-weight:700;font-size:.95rem;color:var(--ink);line-height:1.2}.sticky-cta-sub{font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,var(--rose) 0,var(--pink) 100%);color:#fff;font-weight:800;font-size:.92rem;text-decoration:none;box-shadow:0 8px 20px -4px rgba(139,92,246,.6)}.sticky-cta-x{flex-shrink:0;width:30px;height:30px;border:none;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer}@media (max-width:520px){.sticky-cta-sub{display:none}}.kpop-search{position:relative;display:flex;align-items:center;margin:18px 0 8px}.kpop-search-icon{position:absolute;left:16px;display:inline-flex;color:var(--muted);pointer-events:none}.kpop-search-input{width:100%;padding:13px 40px 13px 44px;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(139,92,246,.1);color:var(--ink);font-size:1rem;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.kpop-search-input::-moz-placeholder{color:var(--muted)}.kpop-search-input::placeholder{color:var(--muted)}.kpop-search-input:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px rgba(139,92,246,.22)}.kpop-search-input::-webkit-search-cancel-button{display:none}.kpop-search-clear{position:absolute;right:12px;width:26px;height:26px;border:none;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer}.kpop-nav{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}.kpop-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(139,92,246,.12);color:var(--ink);font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.kpop-chip:hover{background:var(--rose);border-color:var(--rose);color:#fff}.kpop-empty{text-align:center;color:var(--muted);padding:40px 0;font-size:.98rem}.kpop-group{scroll-margin-top:20px}.tool-links{display:flex;flex-wrap:wrap;gap:8px;margin:0}.tool-links a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(139,92,246,.12);color:var(--ink);font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.tool-links a:hover{background:rgba(139,92,246,.22);border-color:var(--rose);transform:translateY(-1px)}.tool-answer{margin:6px 0 10px;padding:14px 16px;border-left:3px solid var(--rose);background:var(--glass-bg);border-radius:var(--r-md)}.tool-answer .tool-h2{font-size:1.1rem;margin-bottom:6px}.tool-answer .tool-body{margin:0;font-size:.96rem}.tool-brand:before{content:"";display:inline-block;width:30px;height:26px;margin-right:7px;vertical-align:-7px;background:url(/mascot/unnie-mark.webp) 0/contain no-repeat}.unnie-illus{display:block;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kpop-empty{display:flex;flex-direction:column;align-items:center;gap:12px}.kpop-empty .unnie-illus{width:128px;opacity:.96}.tool-card-cta{position:relative;overflow:hidden}.tool-card-cta:after{content:"";position:absolute;right:6px;top:8px;width:62px;height:90px;background:url(/mascot/unnie-crystalball.webp) top/contain no-repeat;opacity:.95;pointer-events:none}.tool-card-cta:has(~.tool-card-cta):after{display:none}.tool-card-cta:has(~.tool-card-cta)>.tool-card-label,.tool-card-cta:has(~.tool-card-cta)>.tool-h2,.tool-card-cta:has(~.tool-card-cta)>div:first-child{padding-right:0}.tool-card-cta>.tool-card-label,.tool-card-cta>.tool-h2,.tool-card-cta>div:first-child{padding-right:64px}.locked-rows{display:grid;gap:7px;margin-top:14px}.locked-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(139,92,246,.06)}.locked-row-icon{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(139,92,246,.16);color:var(--rose-dark)}.locked-row.is-open .locked-row-icon{color:var(--green);border-color:rgba(16,185,129,.32);background:rgba(16,185,129,.14)}.locked-row-body{flex:1;min-width:0}.locked-row-title{font-size:.9rem;font-weight:650;color:var(--ink);line-height:1.35}.locked-row-desc{font-size:.82rem;color:var(--muted);margin-top:2px;line-height:1.45}.locked-row.is-locked .locked-row-desc,.locked-row.is-locked .locked-row-title{filter:blur(3.6px);opacity:.62;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media print{.tool-score{background:none;-webkit-text-fill-color:#1f2937;color:#1f2937}}.pdf-export .tool-score{background:none;-webkit-text-fill-color:#1f2937;color:#1f2937}@media (prefers-reduced-motion:reduce){.kpop-card,.share-icon,.share-primary,.tool-btn{transition:none}.sticky-cta{animation:none}}