.kpop-hero{max-width:780px;margin:0 auto var(--space-8);text-align:center}.kpop-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;border:1px solid rgba(255,92,0,.2);background:#ff5c0014;border-radius:999px;font-size:var(--fs-xs);color:var(--color-primary);font-weight:600}.kpop-eyebrow .dot{width:6px;height:6px;background:var(--color-primary);border-radius:999px;animation:kpop-pulse 1.5s infinite;display:inline-block}@keyframes kpop-pulse{0%,to{opacity:1}50%{opacity:.4}}.kpop-hero h1{font-size:clamp(1.65rem,1.15rem + 2.6vw,2.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-bottom:12px}.kpop-hero h1 .muted{font-family:var(--font-serif);font-style:italic;font-weight:400;color:#a1a1aa}.kpop-hero h1 .accent{color:var(--color-primary)}.kpop-hero p{color:var(--color-text-muted);font-size:clamp(.95rem,.9rem + .3vw,1.05rem);line-height:1.6;max-width:660px;margin:0 auto}.kpop-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.kpop-badges span{padding:4px 12px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.kpop-card{max-width:780px;margin:0 auto var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-8);box-shadow:0 8px 40px #00000073}.kpop-label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--color-text);margin-bottom:8px}.kpop-label .sub{font-size:var(--fs-xs);font-weight:400;color:var(--color-text-muted)}.kpop-input{width:100%;font-size:var(--fs-lg);font-weight:700;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px;min-height:56px;transition:border-color .15s,box-shadow .15s}.kpop-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #ff5c001f}.kpop-input-sm{font-size:var(--fs-base);min-height:46px;padding:10px 14px}.kpop-input-pill{border-radius:999px}.kpop-relative{position:relative}.kpop-suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text-muted);pointer-events:none}.kpop-suffix-sm{right:12px;font-size:var(--fs-xs)}.kpop-hint{font-size:11px;color:var(--color-text-muted);margin-top:4px;line-height:1.4}.kpop-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpop-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.kpop-channel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.kpop-channel button{min-height:62px;border-radius:calc(var(--radius) - 6px);font-size:13px;font-weight:700;line-height:1.2;border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.kpop-channel button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 2px #0006;border-color:#ff5c0040}.kpop-channel button .sub{display:block;font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--color-text-muted);margin-top:2px}.kpop-channel button.active .sub{color:var(--color-text-muted)}.kpop-qty{display:flex;align-items:center;gap:8px}.kpop-qty button{width:56px;height:56px;border-radius:var(--radius);background:var(--color-bg);border:1px solid var(--color-border);font-weight:700;font-size:18px;cursor:pointer;flex-shrink:0;color:var(--color-text)}.kpop-qty button:hover{border-color:#ffffff26}.kpop-qty input{flex:1;text-align:center}.kpop-check{display:flex;align-items:center;gap:10px;padding:12px;border-radius:calc(var(--radius) - 6px);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--fs-sm);font-weight:500}.kpop-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.kpop-chip{padding:0 16px;min-height:44px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;color:var(--color-primary);background:#ff5c001a;border:1px solid rgba(255,92,0,.2);cursor:pointer;transition:background .15s;display:inline-flex;align-items:center}.kpop-chip:hover{background:#ff5c0026}.kpop-results{margin-top:24px;border-top:1px dashed var(--color-border);padding-top:24px;display:grid;gap:12px}.kpop-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpop-box{padding:20px;border-radius:calc(var(--radius) - 4px);background:var(--color-bg);border:1px solid var(--color-border);text-align:center}.kpop-box.profit{background:#ff5c0014;border-color:#ff5c0038;position:relative;overflow:hidden}.kpop-box.profit:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(255,92,0,.12),transparent);pointer-events:none}.kpop-box.profit>*{position:relative}.kpop-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px}.kpop-kicker.accent{color:var(--color-primary)}.kpop-value{font-size:var(--fs-xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.kpop-value.profit{color:var(--color-primary)}.kpop-sub{font-size:var(--fs-2xs);color:var(--color-text-muted);margin-top:4px;line-height:1.4}.kpop-sub.mono{font-family:var(--font-mono)}.kpop-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.kpop-breakdown{border-radius:calc(var(--radius) - 4px);background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden}.kpop-breakdown-head{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.kpop-breakdown-head strong{font-size:var(--fs-sm)}.kpop-breakdown-head span{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.kpop-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:var(--fs-sm);border-bottom:1px solid var(--color-border)}.kpop-row:last-child{border-bottom:none}.kpop-row .muted{color:var(--color-text-muted)}.kpop-row .val{font-weight:700;font-variant-numeric:tabular-nums}.kpop-row.highlight{background:#ff5c000f}.kpop-row.success{background:#22c55e14}.kpop-row .warn{color:#f59e0b}.kpop-row .danger{color:#ef4444}.kpop-row .success-text{color:#22c55e}.kpop-bar-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpop-bar-box{padding:16px;border-radius:calc(var(--radius) - 4px);background:var(--color-bg);border:1px solid var(--color-border)}.kpop-bar-track{height:12px;border-radius:999px;overflow:hidden;border:1px solid var(--color-border);display:flex}.kpop-bar-track>div{transition:flex .3s}.kpop-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.kpop-btn{font-family:inherit;font-size:var(--fs-sm);font-weight:700;border-radius:999px;min-height:44px;padding:0 24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:none;transition:background .15s,border-color .15s}.kpop-btn-primary{background:var(--color-primary);color:#fff;flex:1}.kpop-btn-primary:hover{background:#ff7a2e}.kpop-btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.kpop-btn-secondary:hover{border-color:#fff3}.kpop-features{max-width:980px;margin:0 auto var(--space-8);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.kpop-feature{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;transition:border-color .15s}.kpop-feature:hover{border-color:var(--card-hover-border)}.kpop-feature .icon{width:44px;height:44px;border-radius:10px;background:#ff5c001a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}.kpop-feature h3{font-size:var(--fs-md);font-weight:700;margin-bottom:8px}.kpop-feature p{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.6}.kpop-faq{max-width:780px;margin:0 auto var(--space-8)}.kpop-faq h2{font-size:var(--fs-xl);font-weight:800;text-align:center;margin-bottom:24px}.kpop-faq details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) - 4px);margin-bottom:8px;overflow:hidden}.kpop-faq summary{cursor:pointer;list-style:none;padding:16px 24px;font-weight:600;font-size:var(--fs-base);display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px}.kpop-faq summary::-webkit-details-marker{display:none}.kpop-faq summary:after{content:"+";font-size:var(--fs-lg);color:var(--color-text-muted);flex-shrink:0}.kpop-faq details[open] summary:after{content:"−"}.kpop-faq .answer{padding:0 24px 24px;font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.6}@media (max-width:640px){.kpop-grid-2,.kpop-grid-3,.kpop-hero-grid,.kpop-bar-grid,.kpop-3col,.kpop-features{grid-template-columns:1fr}.kpop-card{padding:16px}}
