.hub-shell{--hub-ink:#10100f;--hub-paper:#f1f0e8;--hub-blue:#1645ff;--hub-lime:#c7ff35;--hub-font-sans:"Pretendard Variable", Pretendard, "SUIT Variable", SUIT, "Avenir Next", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--hub-font-display:"Iowan Old Style", "AppleMyungjo", "Noto Serif KR", "Nanum Myeongjo", Georgia, serif;--hub-font-label:"SFMono-Regular", "Cascadia Mono", "JetBrains Mono", Consolas, monospace;background:linear-gradient(90deg, #10100f0b 1px, transparent 1px) 0 0 / 25% 100%, var(--hub-paper);min-height:100vh;color:var(--hub-ink);font-family:var(--hub-font-sans);font-synthesis:none;text-rendering:optimizelegibility;word-break:keep-all;line-height:1.5;overflow:hidden}.hub-shell *,.hub-shell :before,.hub-shell :after{box-sizing:border-box}.hub-shell ::selection{background:var(--hub-lime);color:var(--hub-ink)}.hub-header{z-index:10;border-bottom:1px solid var(--hub-ink);justify-content:space-between;align-items:center;min-height:78px;padding:0 4vw;display:flex;position:relative}.hub-wordmark{color:var(--hub-ink);letter-spacing:-.075em;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:900;line-height:1;text-decoration:none}.hub-wordmark span{color:var(--hub-blue);vertical-align:top;margin-left:.18rem;font-size:.35em}.hub-header__side{align-items:center;gap:clamp(1rem,3vw,3.5rem);display:flex}.hub-live,.hub-login-link{font:700 .67rem/1 var(--hub-font-label);letter-spacing:.11em}.hub-live{align-items:center;gap:.55rem;display:flex}.hub-live i{background:var(--hub-blue);border-radius:50%;width:7px;height:7px;animation:2s infinite hub-pulse;box-shadow:0 0 #1645ff66}.hub-login-link{border-bottom:1px solid var(--hub-ink);color:inherit;padding:.75rem 0;text-decoration:none;transition:color .16s,border-color .16s}.hub-login-link:hover{color:var(--hub-blue);border-color:var(--hub-blue)}.hub-login-link span{margin-left:.4rem}.hub-profile{position:relative}.hub-profile__trigger{cursor:pointer;border:1px solid var(--hub-ink);background:var(--hub-paper);border-radius:50%;place-items:center;width:42px;height:42px;padding:2px;transition:border-color .16s,transform .16s;display:grid;position:relative}.hub-profile__trigger:hover,.hub-profile[data-open=true] .hub-profile__trigger{border-color:var(--hub-blue);transform:rotate(3deg)}.hub-profile__trigger:focus-visible{outline:2px solid var(--hub-blue);outline-offset:3px}.hub-profile__image,.hub-profile__fallback{border-radius:50%;width:36px;height:36px}.hub-profile__image{object-fit:cover}.hub-profile__fallback{background:var(--hub-ink);color:var(--hub-paper);font:800 .75rem/1 var(--hub-font-label);place-items:center;display:grid}.hub-profile__indicator{border:2px solid var(--hub-paper);background:var(--hub-lime);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-2px}.hub-profile__menu{border:1px solid var(--hub-ink);background:var(--hub-paper);width:min(260px,100vw - 2rem);box-shadow:8px 8px 0 var(--hub-ink);padding:.65rem;animation:.16s ease-out both hub-menu-in;position:absolute;top:calc(100% + 14px);right:0}.hub-profile__identity{border-bottom:1px solid #10100f33;gap:.3rem;padding:.75rem .7rem .9rem;display:grid;overflow:hidden}.hub-profile__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.hub-profile__identity span{color:#65655f;font:500 .6rem/1.35 var(--hub-font-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-profile__link{color:var(--hub-ink);font:800 .63rem/1 var(--hub-font-label);letter-spacing:.11em;justify-content:space-between;align-items:center;margin-top:.45rem;padding:.8rem .7rem;text-decoration:none;transition:background .14s,color .14s;display:flex}.hub-profile__link:hover{background:var(--hub-ink);color:var(--hub-paper)}.hub-profile__link--admin{background:var(--hub-blue);color:#fff}.hub-profile__link--admin:hover{background:var(--hub-lime);color:var(--hub-ink)}.hub-profile__menu form{margin:0}.hub-profile__logout{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.hub-profile__logout:hover{color:#fff;background:#e4432f}.hub-hero{isolation:isolate;min-height:min(780px,100svh - 78px);padding:clamp(4rem,9vw,8.5rem) 4vw 3.5rem;position:relative}.hub-hero:before{z-index:-2;aspect-ratio:1;background:var(--hub-blue);content:"";border-radius:50%;width:min(56vw,760px);animation:9s ease-in-out infinite alternate hub-drift;position:absolute;bottom:-20vw;right:-8vw}.hub-hero:after{z-index:-1;aspect-ratio:1;border:2px solid var(--hub-ink);background:var(--hub-lime);content:"";width:clamp(72px,9vw,140px);animation:20s linear infinite hub-spin;position:absolute;top:15%;right:14vw;transform:rotate(12deg)}.hub-orbit{z-index:-1;pointer-events:none;border:1px solid #10100f59;border-radius:50%;position:absolute}.hub-orbit--one{aspect-ratio:1;width:min(44vw,610px);bottom:-9vw;right:2vw}.hub-orbit--two{aspect-ratio:1;border-color:#f1f0e8a6;width:min(30vw,430px);bottom:-2vw;right:9vw}.hub-eyebrow{font:700 clamp(.62rem, .8vw, .74rem)/1.2 var(--hub-font-label);letter-spacing:.16em;align-items:center;gap:.8rem;margin:0 0 2.5rem;animation:.7s 80ms both hub-reveal;display:flex}.hub-eyebrow span{aspect-ratio:1;background:var(--hub-ink);width:2rem;color:var(--hub-paper);letter-spacing:0;place-items:center;display:grid}.hub-hero h1{max-width:1100px;font-family:var(--hub-font-display);letter-spacing:-.07em;margin:0;font-size:clamp(4rem,9.6vw,9.6rem);font-weight:400;line-height:.9;animation:.9s .17s both hub-reveal}.hub-hero h1 em{color:var(--hub-blue);letter-spacing:-.06em;font-style:normal;font-weight:400}.hub-hero__bottom{justify-content:space-between;align-items:flex-end;max-width:58rem;margin-top:clamp(3rem,7vw,6rem);animation:.8s .36s both hub-reveal;display:flex}.hub-hero__bottom p{color:#454540;letter-spacing:-.025em;margin:0;font-size:clamp(.92rem,1.3vw,1.08rem);font-weight:650;line-height:1.65}.hub-scroll{border-bottom:1px solid var(--hub-ink);color:inherit;font:800 .67rem/1 var(--hub-font-label);letter-spacing:.13em;align-items:center;gap:1.3rem;padding-bottom:.65rem;text-decoration:none;display:flex}.hub-scroll span{font-size:1rem;animation:1.6s ease-in-out infinite hub-bounce}.hub-directory{z-index:2;background:var(--hub-ink);color:var(--hub-paper);padding:clamp(5rem,9vw,9rem) 4vw;position:relative}.hub-directory__head{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(3rem,6vw,5.5rem);display:flex}.hub-kicker{color:var(--hub-lime);font:700 .68rem/1 var(--hub-font-label);letter-spacing:.17em;margin:0 0 1rem}.hub-directory h2{font-family:var(--hub-font-display);letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,6vw,6rem);font-weight:400;line-height:.95}.hub-directory__note{color:#b5b5ae;letter-spacing:-.015em;text-align:right;margin:0;font-size:.82rem;line-height:1.7}.hub-grid{border-top:1px solid #3b3b38;border-left:1px solid #3b3b38;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hub-card{min-height:330px;color:inherit;animation:hub-card-in .6s calc(var(--order) * 35ms) both;content-visibility:auto;contain-intrinsic-size:auto 330px;border-bottom:1px solid #3b3b38;border-right:1px solid #3b3b38;flex-direction:column;padding:1.5rem;text-decoration:none;transition:background .26s,color .26s,transform .26s;display:flex;position:relative;overflow:hidden}.hub-card:after{aspect-ratio:1;content:"";opacity:.12;border:1px solid;border-radius:50%;width:95%;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;bottom:-55%;right:-35%;transform:scale(.7)}.hub-card:hover{z-index:2;background:var(--hub-paper);color:var(--hub-ink);transform:translateY(-6px)}.hub-card--money:hover{background:var(--hub-lime)}.hub-card--tech:hover{background:var(--hub-blue);color:#fff}.hub-card:hover:after{opacity:.35;transform:scale(1.25)}.hub-card__top{justify-content:space-between;align-items:center;display:flex}.hub-card__number{font:700 .67rem/1 var(--hub-font-label);letter-spacing:.08em}.hub-card__status{color:#92928b;font:650 .55rem/1 var(--hub-font-label);letter-spacing:.11em}.hub-card:hover .hub-card__status{color:currentColor;opacity:.55}.hub-card__mark{border:1px solid;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto 0 2rem;transition:border-radius .3s,transform .3s;display:grid}.hub-card__mark span{font:800 .7rem/1 var(--hub-font-label);letter-spacing:.06em}.hub-card:hover .hub-card__mark{border-radius:2px;transform:rotate(45deg)}.hub-card:hover .hub-card__mark span{transform:rotate(-45deg)}.hub-card h3{z-index:1;letter-spacing:-.045em;margin:0;font-size:clamp(1.1rem,1.5vw,1.38rem);font-weight:750;line-height:1.35;position:relative}.hub-card__beta{color:var(--hub-lime);font:700 .68rem/1 var(--hub-font-label);letter-spacing:.045em;vertical-align:.16em;margin-left:.45rem;display:inline-block}.hub-card:hover .hub-card__beta{color:currentColor;opacity:.65}.hub-card>p{z-index:1;color:#9a9a93;letter-spacing:-.015em;margin:.5rem 0 0;font-size:.76rem;position:relative}.hub-card:hover>p{color:currentColor;opacity:.62}.hub-footer{background:var(--hub-blue);color:#fff;grid-template-columns:1fr auto;align-content:end;gap:1.5rem;min-height:210px;padding:3rem 4vw;display:grid}.hub-footer__signal{grid-column:1/-1;align-items:end;gap:4px;height:44px;display:flex}.hub-footer__signal i{width:4px;height:calc(8px + (var(--n,1) * 1px));background:var(--hub-lime);animation:1.2s ease-in-out infinite alternate hub-wave}.hub-footer__signal i:nth-child(3n){height:36px;animation-delay:-.4s}.hub-footer__signal i:nth-child(3n+1){height:17px;animation-delay:-.8s}.hub-footer__signal i:nth-child(3n+2){height:27px;animation-delay:-.2s}.hub-footer p{font:800 .67rem/1 var(--hub-font-label);letter-spacing:.13em;margin:0}.hub-footer p:last-child span{opacity:.55;margin-left:2rem}@keyframes hub-reveal{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes hub-card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hub-menu-in{0%{opacity:0;transform:translateY(-6px)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes hub-pulse{70%{box-shadow:0 0 0 9px #1645ff00}to{box-shadow:0 0 #1645ff00}}@keyframes hub-drift{to{transform:translate(-2vw,-2vw)scale(1.04)}}@keyframes hub-spin{to{transform:rotate(372deg)}}@keyframes hub-bounce{50%{transform:translateY(5px)}}@keyframes hub-wave{to{transform-origin:bottom;transform:scaleY(.35)}}@media (max-width:980px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-card{min-height:290px}.hub-hero:before{bottom:-4vw;right:-16vw}}@media (max-width:700px){.hub-header{min-height:64px}.hub-header__side{gap:.7rem;position:absolute;right:4vw}.hub-live{display:none}.hub-hero{min-height:calc(100svh - 64px);padding-top:5.5rem}.hub-hero:before{width:80vw;bottom:3vh;right:-32vw}.hub-hero:after{top:10%;right:8vw}.hub-hero h1{font-size:clamp(3.8rem,19vw,7rem);line-height:.88}.hub-hero__bottom{gap:2rem;margin-top:3rem;display:grid}.hub-scroll{width:fit-content}.hub-directory__head{display:grid}.hub-directory__note{text-align:left}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-card{min-height:270px;padding:1rem}.hub-card__mark{width:52px;height:52px;margin-bottom:1.5rem}}@media (max-width:420px){.hub-card{min-height:250px}.hub-card__status{display:none}}@media (prefers-reduced-motion:reduce){.hub-shell *,.hub-shell :before,.hub-shell :after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hub-mypage{background:var(--hub-paper);min-height:100vh;padding-bottom:6rem}.hub-mypage>header{border-bottom:1px solid var(--hub-ink);justify-content:space-between;align-items:center;min-height:78px;padding:0 4vw;display:flex}.hub-mypage>section{max-width:1180px;margin:0 auto;padding:clamp(4rem,8vw,8rem) 2rem}.hub-mypage__grid{background:var(--hub-ink);border:1px solid var(--hub-ink);grid-template-columns:1fr 280px;gap:1px;margin-top:2rem;display:grid}.hub-mypage__profile{background:var(--hub-paper);align-items:end;gap:2rem;min-height:310px;padding:2rem;display:flex}.hub-mypage__profile>img,.hub-mypage__profile>i{object-fit:cover;border-radius:50%;flex:none;width:112px;height:112px}.hub-mypage__profile>i{background:var(--hub-ink);color:var(--hub-lime);font:800 2rem/1 var(--hub-font-label);place-items:center;font-style:normal;display:grid}.hub-mypage__profile small{color:var(--hub-blue);font:700 .63rem/1 var(--hub-font-label);letter-spacing:.11em}.hub-mypage__profile h1{font-family:var(--hub-font-display);letter-spacing:-.055em;margin:.8rem 0 .4rem;font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:.95}.hub-mypage__profile p{color:#71716b;margin:0;font-size:.72rem}.hub-mypage__grid>aside{background:var(--hub-blue);color:#fff;flex-direction:column;padding:2rem;display:flex}.hub-mypage__grid>aside span{font:700 .58rem/1 var(--hub-font-label);letter-spacing:.11em}.hub-mypage__grid>aside b{font-family:var(--hub-font-display);margin:auto 0;font-size:4.5rem;font-weight:400}.hub-mypage__grid>aside p{color:#ffffffb3;margin:0;font-size:.68rem;line-height:1.6}.hub-mypage__empty{border:1px solid var(--hub-ink);grid-template-columns:70px 1fr auto;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1.5rem;display:grid}.hub-mypage__empty>span,.hub-mypage__empty>b{font:700 .6rem/1 var(--hub-font-label);letter-spacing:.1em}.hub-mypage__empty>span{color:var(--hub-blue)}.hub-mypage__empty>b{background:var(--hub-lime);padding:.5rem}.hub-mypage__empty h2{margin:0 0 .35rem;font-size:1rem}.hub-mypage__empty p{color:#74746e;margin:0;font-size:.7rem}.hub-mypage__admin{background:var(--hub-ink);width:220px;color:var(--hub-paper);font:700 .63rem/1 var(--hub-font-label);letter-spacing:.08em;justify-content:space-between;margin-top:1.5rem;padding:1rem;text-decoration:none;display:flex}@media (max-width:700px){.hub-mypage__grid{grid-template-columns:1fr}.hub-mypage__profile{flex-direction:column;align-items:start;min-height:300px}.hub-mypage__grid>aside{min-height:220px}.hub-mypage__empty{grid-template-columns:35px 1fr}.hub-mypage__empty>b{grid-column:2;width:max-content;margin-top:.5rem}}.hub-channels{position:relative}.hub-channels__trigger{border:1px solid var(--hub-ink);background:var(--hub-paper);color:var(--hub-ink);font:800 .66rem/1 var(--hub-font-label);letter-spacing:.11em;cursor:pointer;align-items:center;gap:.6rem;padding:.7rem .95rem;transition:background .14s,color .14s;display:flex}.hub-channels__trigger:hover,.hub-channels[data-open=true] .hub-channels__trigger{background:var(--hub-ink);color:var(--hub-paper)}.hub-channels__trigger:focus-visible{outline:2px solid var(--hub-blue);outline-offset:3px}.hub-channels__trigger>.hub-channels__icon{grid-template-columns:repeat(2,5px);gap:2px;display:grid}.hub-channels__trigger>.hub-channels__icon i{background:var(--hub-blue);width:5px;height:5px}.hub-channels__trigger:hover>.hub-channels__icon i,.hub-channels[data-open=true] .hub-channels__trigger>.hub-channels__icon i{background:var(--hub-lime)}.hub-channels__menu{z-index:60;border:1px solid var(--hub-ink);background:var(--hub-paper);width:min(640px,100vw - 2rem);box-shadow:8px 8px 0 var(--hub-ink);grid-template-columns:repeat(2,1fr);gap:1rem 1.6rem;padding:1.1rem 1.2rem 1.3rem;animation:.16s ease-out both hub-menu-in;display:grid;position:absolute;top:calc(100% + 14px);right:0}.hub-channels__menu section>strong{border-bottom:1px solid var(--hub-ink);color:var(--hub-blue);font:800 .61rem/1 var(--hub-font-label);letter-spacing:.13em;padding-bottom:.5rem;display:block}.hub-channels__menu section>div{display:grid}.hub-channels__menu a{color:var(--hub-ink);border-bottom:1px solid #10100f1f;align-items:center;gap:.5rem;padding:.62rem .45rem;font-size:.8rem;font-weight:750;text-decoration:none;transition:background .12s;display:flex}.hub-channels__menu a:last-child{border-bottom:0}.hub-channels__menu a:hover{background:var(--hub-lime)}.hub-channels__menu a em{border:1px solid var(--hub-ink);font:700 .54rem/1 var(--hub-font-label);padding:.16rem .36rem;font-style:normal}.hub-channels__menu a>span{opacity:0;margin-left:auto;transition:opacity .12s}.hub-channels__menu a:hover>span{opacity:1}@media (max-width:640px){.hub-channels__menu{grid-template-columns:1fr;max-height:min(70vh,520px);overflow-y:auto}.hub-channels__trigger{justify-content:center;width:42px;height:42px;padding:0}.hub-channels__label,.hub-login-link__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hub-login-link span{margin-left:0}}