.hub{--hub-bg:#0b0d14;--hub-card:#151a26;--hub-card-hi:#1c2232;--hub-line:#262c3a;--hub-ink:#f2f5ea;--hub-mute:#9aa3b5;--hub-lime:#c8f23a;--hub-lilac:#8b5cf6;--hub-ease:cubic-bezier(0.23,1,0.32,1);--hub-display:var(--font-hub-display),"Pretendard",system-ui,sans-serif;color-scheme:dark;background:radial-gradient(120% 60% at 85% -10%,rgba(139,92,246,.22),transparent 60%),radial-gradient(90% 50% at -10% 20%,rgba(200,242,58,.08),transparent 60%),var(--hub-bg);color:var(--hub-ink);min-height:100vh;max-width:480px;margin:0 auto;overflow-x:hidden;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));word-break:keep-all}.hub-top{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 4px}.hub-logo{font-family:var(--font-anton),var(--hub-display);font-size:20px;letter-spacing:.04em;color:var(--hub-ink)}.hub-logo b{font-weight:inherit;color:var(--hub-lime)}.hub-share{height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--hub-line);background:var(--hub-card);color:var(--hub-ink);font-size:13px;font-weight:700;transition:transform .14s ease-out}.hub-share:active{transform:scale(.96)}.hub-hero{display:grid;grid-template-columns:1fr 124px;gap:14px;align-items:end;padding:18px 16px 0}.hub-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--hub-lime);margin-bottom:8px}.hub-h1{font-family:var(--hub-display);font-weight:400;font-size:clamp(30px,9vw,40px);line-height:1.12;margin:0;text-wrap:balance}.hub-h1 em{font-style:normal;color:var(--hub-lime);text-shadow:0 0 18px rgba(200,242,58,.45)}.hub-hero-sub{margin:10px 0 0;font-size:13px;color:var(--hub-mute);font-variant-numeric:tabular-nums}.hub-poster{position:relative;display:block;padding:0;border:1px solid rgba(200,242,58,.55);border-radius:14px;overflow:hidden;aspect-ratio:9/16;max-width:100%;background:var(--hub-card);box-shadow:0 0 0 4px rgba(200,242,58,.08),0 10px 30px rgba(0,0,0,.5);transition:transform .16s ease-out}.hub-poster:active{transform:scale(.97)}.hub-poster img{width:100%;height:100%;object-fit:cover;display:block}.hub-poster-play{position:absolute;left:50%;top:46%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:16px;color:#0b0d14;background:var(--hub-lime);box-shadow:0 0 20px rgba(200,242,58,.6)}.hub-poster-cap{position:absolute;left:0;right:0;bottom:0;padding:18px 6px 7px;font-size:11px;font-weight:700;text-align:center;background:linear-gradient(transparent,rgba(11,13,20,.9))}.hub-cta{display:grid;gap:8px;padding:18px 16px 0}.hub-btn{height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:transform .14s ease-out}.hub-btn:active{transform:scale(.97)}.hub-btn.pri{background:var(--hub-lime);color:#0b0d14;box-shadow:0 0 24px rgba(200,242,58,.28)}.hub-btn.ghost{height:44px;font-size:14px;background:var(--hub-card);border-color:var(--hub-line);color:var(--hub-ink)}.hub-sec{padding:30px 12px 0}.hub-sec-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px}.hub-h2{margin:0;font-family:var(--hub-display);font-weight:400;font-size:21px;letter-spacing:.01em}.hub-sec-note{font-size:12px;color:var(--hub-mute)}.hub-sec-sub{margin:4px 4px 0;font-size:13px;color:var(--hub-mute)}.hub-types{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hub-type{position:relative;display:grid;justify-items:center;gap:2px;padding:8px 2px;border-radius:12px;border:1px solid var(--hub-line);background:var(--hub-card);color:var(--hub-ink);animation:hub-flip .42s var(--hub-ease) both;transition:transform .14s ease-out,border-color .16s ease}.hub-type:nth-child(4n+2){animation-delay:40ms}.hub-type:nth-child(4n+3){animation-delay:80ms}.hub-type:nth-child(4n+4){animation-delay:.12s}.hub-type:active{transform:scale(.95)}.hub-type.mine{border-color:var(--hub-lime);box-shadow:0 0 0 1px var(--hub-lime),0 0 16px rgba(200,242,58,.25)}.hub-type-art{width:100%;aspect-ratio:1;max-width:64px;display:grid;place-items:center;font-size:34px}.hub-type-art img{width:100%;height:100%;object-fit:contain}.hub-type-name{font-size:12px;font-weight:800;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hub-type-code{font-family:var(--font-anton),sans-serif;font-size:11px;letter-spacing:.08em;color:var(--hub-mute)}.hub-type-me{position:absolute;top:5px;right:5px;font-size:10px;font-weight:900;padding:1px 6px;border-radius:999px;background:var(--hub-lime);color:#0b0d14}.hub-tabs{margin-top:12px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:-12px;padding-inline:12px}.hub-tabs::-webkit-scrollbar{display:none}.hub-tab{flex:0 0 auto;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--hub-line);background:var(--hub-card);color:var(--hub-mute);font-size:14px;font-weight:800;white-space:nowrap;transition:transform .14s ease-out,background-color .16s ease,color .16s ease}.hub-tab:active{transform:scale(.96)}.hub-tab.on{background:var(--hub-lime);border-color:var(--hub-lime);color:#0b0d14}.hub-pose-card{margin-top:10px;padding:14px;border-radius:14px;border:1px solid var(--hub-line);background:var(--hub-card);animation:hub-fade .2s ease-out both}.hub-pose-one{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--hub-lime)}.hub-checks,.hub-shoot ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.hub-checks li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}.hub-check-n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;color:#d9c8ff;background:rgba(139,92,246,.22);font-variant-numeric:tabular-nums}.hub-check-body{display:grid;gap:1px;min-width:0}.hub-check-body b{font-size:15px;font-weight:800}.hub-check-body span{font-size:13.5px;line-height:1.5;color:var(--hub-mute)}.hub-pose-vid{margin-top:12px;width:100%;display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;padding:8px;border-radius:10px;border:1px solid rgba(200,242,58,.35);background:var(--hub-card-hi);color:var(--hub-ink);text-align:left;transition:transform .14s ease-out}.hub-pose-vid:active{transform:scale(.98)}.hub-pose-vid img{width:96px;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:6px;display:block}.hub-pose-vid span{display:grid;gap:2px}.hub-pose-vid b{font-size:14px;font-weight:800}.hub-pose-vid small{font-size:12px;color:var(--hub-mute)}.hub-shoot{margin-top:8px;border-radius:14px;border:1px solid var(--hub-line);background:var(--hub-card);padding:0 14px}.hub-shoot summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800}.hub-shoot summary::-webkit-details-marker{display:none}.hub-shoot summary:after{content:"›";margin-left:auto;font-size:20px;color:var(--hub-mute);transition:transform .16s ease-out}.hub-shoot[open] summary:after{transform:rotate(90deg)}.hub-shoot summary small{font-size:12px;font-weight:700;color:var(--hub-mute)}.hub-shoot ol{padding-bottom:12px}.hub-shoot li{display:grid;grid-template-columns:22px 1fr 28px;gap:10px;align-items:center}.hub-shoot-text{font-size:14px;font-weight:700}.hub-i{width:28px;height:28px;border-radius:50%;border:1px solid var(--hub-line);background:transparent;color:var(--hub-mute);font:italic 800 13px/1 Georgia,serif}.hub-i[aria-expanded=true]{border-color:var(--hub-lime);color:var(--hub-lime)}.hub-why{grid-column:2/4;margin:-4px 0 0}.hub-shoot-tip,.hub-why{font-size:13px;line-height:1.5;color:var(--hub-mute)}.hub-shoot-tip{margin:0;padding:10px 0 14px;border-top:1px solid var(--hub-line)}.hub-vids{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.hub-vid-row{width:100%;display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;padding:8px;border-radius:12px;border:1px solid var(--hub-line);background:var(--hub-card);color:var(--hub-ink);text-align:left;transition:transform .14s ease-out}.hub-vid-row:active{transform:scale(.98)}.hub-vid-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--hub-card-hi)}.hub-vid-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hub-vid-min{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:800;background:rgba(11,13,20,.85);font-variant-numeric:tabular-nums}.hub-vid-text{display:grid;gap:3px;justify-items:start;min-width:0}.hub-chip{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;color:#d9c8ff;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.45);white-space:nowrap}.hub-vid-topic{font-size:16px;font-weight:800}.hub-vid-ch{font-size:12px;color:var(--hub-mute)}.hub-pose-try{height:44px;margin-top:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:800;text-decoration:none;color:var(--hub-lime);border:1px solid rgba(200,242,58,.6);background:rgba(200,242,58,.08);transition:transform .14s ease-out}.hub-pose-try:active{transform:scale(.97)}.hub-lock{display:grid;gap:10px;padding:18px 16px 14px;border-radius:16px;border:1px solid rgba(139,92,246,.45);background:linear-gradient(160deg,rgba(139,92,246,.16),transparent 60%),var(--hub-card)}.hub-lock-ic{font-size:22px}.hub-lock-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hub-lock-list li{display:grid;gap:1px;padding:10px 12px;border-radius:10px;background:var(--hub-card-hi)}.hub-lock-list b{font-size:15px;font-weight:800}.hub-lock-list span,.hub-lock-login{font-size:13px;color:var(--hub-mute)}.hub-lock-login{justify-self:center;padding:6px 10px;font-weight:700;text-decoration:none}.hub-steps{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.hub-step{--c:var(--hub-lilac);display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:center;padding:14px 12px 14px 16px;border-radius:16px;border:1px solid var(--hub-line);border-left:3px solid var(--c);background:linear-gradient(100deg,color-mix(in srgb,var(--c) 12%,transparent),transparent 55%),var(--hub-card)}.hub-step.k-member{--c:var(--hub-lime)}.hub-step.k-club{--c:#5cc6f2}.hub-step-text{display:grid;gap:3px;min-width:0}.hub-step-tag{justify-self:start;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--c)}.hub-step-title{font-size:17px;font-weight:800}.hub-step-sub{font-size:13px;line-height:1.45;color:var(--hub-mute)}.hub-step-go{justify-self:start;margin-top:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:800;text-decoration:none;color:#0b0d14;background:var(--c);transition:transform .14s ease-out}.hub-step-go:active{transform:scale(.96)}.hub-step-fan{position:relative;height:112px}.hub-step-fan>span{position:absolute;top:6px;left:50%;width:62px;aspect-ratio:3/4;border-radius:8px;overflow:hidden;border:1px solid hsla(0,0%,100%,.14);box-shadow:0 6px 16px rgba(0,0,0,.45);transform-origin:50% 110%}.hub-step-fan>span:first-child{transform:translateX(-90%) rotate(-12deg)}.hub-step-fan>span:nth-child(2){transform:translateX(-50%) translateY(-4px);z-index:1}.hub-step-fan>span:nth-child(3){transform:translateX(-10%) rotate(12deg)}.hub-step-fan img{width:100%;height:100%;object-fit:cover;display:block}.hub-step-checks{display:grid;gap:7px;padding:10px;border-radius:12px;background:var(--hub-card-hi)}.hub-step-checks>span{display:flex;align-items:center;gap:7px}.hub-step-checks b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#0b0d14;background:var(--hub-lime)}.hub-step-checks i{flex:1;height:6px;border-radius:3px;background:hsla(0,0%,100%,.16)}.hub-step-checks>span:nth-child(2) i{margin-right:14px}.hub-step-checks>span:nth-child(3) i{margin-right:6px}.hub-step-checks>span:nth-child(4) i{margin-right:20px}.hub-step-shot{width:100%;height:auto;border-radius:10px;display:block}.hub-contact{display:grid;gap:10px;padding:18px 16px 16px;border-radius:16px;border:1px solid var(--hub-line);background:var(--hub-card)}.hub-contact .hub-sec-sub{margin:-4px 0 0}.hub-mail{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:12px;background:var(--hub-card-hi);border:1px solid var(--hub-line)}.hub-mail span{flex:1;min-width:0;font-size:15px;font-weight:700;overflow-wrap:anywhere;user-select:all}.hub-mail button{height:36px;padding:0 14px;border-radius:10px;border:0;font-size:13px;font-weight:800;color:#0b0d14;background:var(--hub-lime);transition:transform .14s ease-out}.hub-mail button:active{transform:scale(.96)}.hub-foot{margin-top:32px;padding:16px 16px 0;border-top:1px solid var(--hub-line);display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--hub-mute)}.hub-foot a{color:var(--hub-ink);text-decoration:none;font-weight:700;white-space:nowrap}.hub-dim{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:rgba(5,6,10,.72);animation:hub-fade .2s ease-out both}.hub-dim.video{align-items:center;background:#000}.hub-sheet{width:100%;max-width:480px;display:grid;justify-items:center;gap:4px;padding:20px 16px calc(16px + env(safe-area-inset-bottom, 0px));border-radius:20px 20px 0 0;border:1px solid var(--hub-line);border-bottom:0;background:var(--hub-card);animation:hub-up .28s var(--hub-ease) both}.hub-sheet-art{width:132px;height:132px;display:grid;place-items:center;font-size:72px}.hub-sheet-art img{width:100%;height:100%;object-fit:contain}.hub-sheet-code{font-family:var(--font-anton),sans-serif;font-size:15px;letter-spacing:.14em;color:var(--hub-lime)}.hub-sheet-name{font-family:var(--hub-display);font-weight:400;font-size:26px}.hub-sheet-nick{font-size:14px;font-weight:700;color:var(--hub-mute)}.hub-sheet-desc{margin:8px 0 4px;font-size:15px;line-height:1.6;text-align:center;max-width:34em}.hub-sheet-btns{width:100%;display:grid;gap:8px;margin-top:8px}.hub-intro-video{width:100%;max-width:480px;max-height:100%;background:#000}.hub-x{position:absolute;top:calc(12px + env(safe-area-inset-top, 0px));right:12px;width:40px;height:40px;border-radius:50%;border:0;background:hsla(0,0%,100%,.14);color:#fff;font-size:18px}@keyframes hub-flip{0%{opacity:0;transform:perspective(400px) rotateY(-28deg) translateY(6px)}}@keyframes hub-fade{0%{opacity:0}}@keyframes hub-up{0%{transform:translateY(24px);opacity:0}}@media (prefers-reduced-motion:reduce){.hub-dim,.hub-sheet,.hub-type{animation:none}}