@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',Arial,sans-serif;color:#f1f1f3;background:#101114;font-synthesis:none;--bg:#101114;--panel:#1a1b20;--line:#2a2b32;--muted:#96979f;--accent:#e9fe58;--pink:#fa597a}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;border:0;cursor:pointer;background:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{object-fit:cover}input,select,textarea{color:inherit;background:#222329;border:1px solid #373840;border-radius:10px;padding:12px 14px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:100px}svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topbar{height:84px;position:fixed;inset:0 0 auto;z-index:20;background:#101114f5;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:44px;backdrop-filter:blur(15px)}.brand{font-size:26px;font-weight:900;letter-spacing:-1.8px;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand span{color:var(--accent)}.brand-mark{width:31px;height:31px;background:var(--accent);border-radius:10px;position:relative;transform:rotate(-7deg)}.brand-mark:after{content:'';position:absolute;left:12px;top:8px;border-left:11px solid #111;border-top:7px solid transparent;border-bottom:7px solid transparent;transform:rotate(7deg)}.searchbox{max-width:480px;width:38%;position:relative;margin:auto}.searchbox input{background:#222328;border-color:transparent;width:100%;height:44px;border-radius:8px;padding-right:48px;font-size:12px}.searchbox button{position:absolute;right:12px;top:10px;color:#b0b0b7}.header-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;border-radius:7px;min-height:40px;padding:10px 17px;white-space:nowrap}.btn-primary{background:var(--accent);color:#17190b}.btn-primary:hover{background:#d8ef3a}.btn-muted{background:#28292f;color:#eee}.btn-outline{border:1px solid #44454e}.btn-pink{background:#fe5c7e}.header-actions .broadcast{color:#b8b8be;margin-right:5px}.sidebar{position:fixed;top:84px;bottom:0;left:0;width:224px;padding:25px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;z-index:10;background:#101114}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 14px;font-size:13px;color:#b2b2bb;border-radius:8px;white-space:nowrap;margin-bottom:4px}.nav-item svg{width:19px;height:19px}.nav-item.active{background:#25281b;color:var(--accent);font-weight:700}.nav-item:hover:not(.active){background:#1d1e24;color:white}.sidebar-divider{border-top:1px solid var(--line);margin:22px 10px}.sidebar-title{padding:0 14px;color:#898a96;font-size:10px;letter-spacing:1px;margin-bottom:19px;display:flex;justify-content:space-between}.channel{display:flex;align-items:center;padding:9px 11px;gap:10px;width:100%;text-align:left}.avatar{width:33px;height:33px;border-radius:50%;background:#333}.channel-name{font-size:12px;flex:1;min-width:0}.channel-name small{display:block;color:#72737f;font-size:10px;margin-top:3px}.live-dot{height:6px;width:6px;border-radius:50%;background:#ff6179;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding:28px 12px 0}.creator-prompt{padding:17px 13px;background:#1c1d21;border:1px solid #303138;border-radius:10px;font-size:11px}.creator-prompt strong{font-size:12px;display:block;margin-bottom:6px}.creator-prompt p{color:#96969f;line-height:1.8;margin:0 0 12px}.creator-prompt a{color:var(--accent);font-size:11px}.sidebar-bottom .legal{font-size:9px;line-height:2;color:#60616d;margin-top:18px}.main{margin-left:224px;padding:115px 34px 35px;max-width:1900px}.page-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:8px}.page-eyebrow .live-dot{background:var(--accent)}.intro-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.intro-row h1{font-size:29px;letter-spacing:-1.5px;margin:10px 0 9px;font-weight:800}.intro-row p{color:#8c8d98;font-size:12px;margin:0}.date-status{font-size:10px;line-height:2;color:#82838d;text-align:right;white-space:nowrap}.date-status b{font-size:12px;color:#dadbe1;font-weight:500}.hero{height:352px;display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.feature{position:relative;overflow:hidden;border-radius:13px;isolation:isolate;min-width:0;background:#28252a}.feature img{position:absolute;width:100%;height:100%;inset:0;z-index:-2}.feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111114d9,transparent 85%),linear-gradient(0deg,#111114dd,transparent 75%)}.hero-badges{display:flex;gap:7px;position:absolute;top:23px;left:25px;align-items:center}.tag{padding:4px 8px;background:#33353ca1;color:#e3e3e7;border-radius:4px;font-size:9px;font-weight:700}.tag-live{background:#f55473;color:white;display:inline-flex;gap:5px;align-items:center;letter-spacing:.7px}.tag-live:before{content:'';width:4px;height:4px;border-radius:50%;background:white}.feature-body{position:absolute;left:28px;bottom:27px;width:80%}.feature-body .mini-title{color:#e6ecbd;font-size:11px;margin-bottom:9px}.feature-body h2{font-size:29px;letter-spacing:-1.2px;line-height:1.45;margin:0 0 17px;max-width:420px}.feature-meta{display:flex;gap:9px;align-items:center;color:#cdccd0;font-size:11px}.feature-meta .avatar{height:27px;width:27px;border:1px solid #eee8}.feature-meta .btn{margin-left:10px;height:33px;min-height:33px;font-size:10px}.feature-play{position:absolute;right:25px;bottom:30px;border-radius:50%;width:42px;height:42px;background:#ffffff24;backdrop-filter:blur(4px);border:1px solid #ffffff55;display:grid;place-items:center}.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:18px;min-width:0}.side-feature{display:flex;position:relative;border-radius:12px;overflow:hidden;isolation:isolate;padding:22px;background:#252733}.side-feature img{position:absolute;right:0;top:0;width:61%;height:100%;z-index:-2}.side-feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#242430 30%,#24243055 75%)}.side-feature:nth-child(2){background:#263432}.side-feature:nth-child(2):after{background:linear-gradient(90deg,#1d2b28 30%,#1d2b2840 75%)}.side-feature .tag{font-size:8px;width:max-content;background:#ffffff20}.side-feature h3{font-size:18px;letter-spacing:-.6px;line-height:1.5;max-width:175px;margin:13px 0 8px}.side-feature .subtle{font-size:10px;color:#c7c6cf}.side-feature .arrow{position:absolute;bottom:19px;right:19px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffff25}.notice-strip{display:flex;align-items:center;gap:12px;background:#1a1b20;padding:14px 17px;font-size:11px;border-radius:8px;margin:21px 0 28px}.notice-strip svg{width:15px;height:15px;color:#a5a5ad}.notice-strip strong{font-size:10px;color:var(--accent)}.notice-strip span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#a9a9b3}.notice-strip a{margin-left:auto;color:#999aa4;font-size:10px;white-space:nowrap}.section-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.section-top h2{font-size:20px;letter-spacing:-.7px;margin:0;display:flex;align-items:center;gap:10px}.section-top h2 em{font-size:11px;font-style:normal;font-weight:500;color:#999aa5}.section-top h2 .live-dot{height:7px;width:7px}.section-top a,.section-top p{font-size:11px;color:#9697a2}.filters{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.category-list{display:flex;gap:7px;overflow:auto;padding:2px}.filter{background:#1e1f25;padding:9px 17px;border-radius:7px;font-size:11px;color:#9fa0ac;white-space:nowrap}.filter.selected{background:var(--accent);color:#16190b;font-weight:800}.sort-select{border:0;background:none;font-size:10px;padding:5px;color:#a3a4af;min-width:78px}.sort-select option{background:#222}.stream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.stream-card{min-width:0}.thumb-link{position:relative;display:block;height:auto;aspect-ratio:1.77;border-radius:10px;overflow:hidden;background:#292a30}.thumb-link img{width:100%;height:100%;transition:transform .3s}.thumb-link:hover img{transform:scale(1.045)}.thumb-link:after{position:absolute;inset:60% 0 0;content:'';background:linear-gradient(0deg,#0006,transparent)}.thumb-link .tag{position:absolute;top:12px;left:12px;z-index:1;font-size:8px}.viewer-count{position:absolute;bottom:11px;left:12px;z-index:2;background:#111b;color:white;padding:3px 6px;border-radius:4px;display:flex;gap:4px;align-items:center;font-size:9px}.viewer-count svg{width:12px;height:12px}.category-badge{position:absolute;bottom:12px;right:12px;z-index:2;font-size:9px;color:#fff}.stream-info{display:flex;gap:10px;padding:13px 1px 0}.stream-info .avatar{width:32px;height:32px}.stream-info .info-text{min-width:0}.stream-info h3{font-size:12px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 4px;font-weight:600}.stream-info p{font-size:10px;color:#92939e;margin:0 0 6px}.stream-info .tags{font-size:9px;color:#656674}.stream-info .verified{color:var(--accent);font-size:10px}.more-button{border:1px solid #303139;width:100%;height:40px;border-radius:7px;color:#aaaab5;font-size:11px;margin:25px 0 31px}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:15px}.rank-panel,.community-panel{background:#1a1b20;border:1px solid #292a31;border-radius:11px;padding:23px}.rank-panel .section-top h2,.community-panel h2{font-size:16px}.rank-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #282930;gap:13px;font-size:11px}.rank-row:last-child{border:0}.rank-number{font-size:14px;font-style:italic;font-weight:800;min-width:18px;color:#8f909b}.rank-row:first-of-type .rank-number,.rank-number.top{color:var(--accent)}.rank-row .name{flex:1}.rank-row .score{font-size:10px;color:#b4b5bf}.community-panel{position:relative;overflow:hidden;background:linear-gradient(115deg,#252833,#1c2024)}.community-panel .page-eyebrow{margin-top:10px}.community-panel h2{font-size:25px;line-height:1.6;margin:15px 0 12px;letter-spacing:-.8px}.community-panel p{font-size:11px;color:#a3a5af;line-height:1.8;margin-bottom:20px;max-width:270px}.community-orb{position:absolute;right:-24px;bottom:-35px;width:190px;height:190px;border:25px solid #dcf75b19;border-radius:50%;pointer-events:none}.footer{margin-top:37px;border-top:1px solid #282930;padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#646571;gap:20px}.footer-links{display:flex;gap:16px}.empty-state{grid-column:1/-1;padding:65px 20px;text-align:center;color:#9596a1;border:1px dashed #34353e;border-radius:12px}.empty-state h3{color:#dedee5;font-size:16px}.empty-state p{font-size:12px;line-height:1.8}.page-heading{margin:6px 0 30px}.page-heading h1{font-size:30px;letter-spacing:-1px;margin:8px 0 11px}.page-heading p{font-size:13px;color:#9899a5}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:20px}.panel h2{font-size:17px;margin-top:0}.panel p{font-size:13px;color:#a6a7b3;line-height:1.9}.notice-item{margin-bottom:12px}.notice-item summary{display:flex;cursor:pointer;align-items:center;gap:15px;font-size:13px;list-style:none}.notice-item summary time{margin-left:auto;color:#858692;font-size:11px}.notice-item p{white-space:pre-wrap}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gift-card{text-align:center;padding:28px 15px}.gift-card .gift-icon{display:block;font-size:43px;margin:10px auto 18px}.gift-card h3{font-size:14px}.gift-card p{color:var(--accent)}.wallet-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:22px}.wallet-balance{font-size:40px;font-weight:800;color:var(--accent);letter-spacing:-1.5px;padding:10px 0}.wallet-balance small{font-size:14px;font-weight:500;color:#9fa1a8}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:7px;font-size:12px;color:#b5b5bf}.form-stack label input,.form-stack label select{width:100%}.form-stack .btn{margin-top:8px}.demo-note{font-size:11px;color:#9c9d82;background:#24271b;border:1px solid #363a21;border-radius:8px;padding:13px 15px;line-height:1.8;margin-bottom:18px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{padding:13px 10px;border-bottom:1px solid var(--line);font-size:11px}th{color:#8c8d98;font-weight:500}td{color:#d4d4de}.status{font-size:10px;color:var(--accent);background:#d8eb5420;padding:4px 8px;border-radius:4px}.status.pending{color:#f4bb66;background:#f4bb6618}.status.rejected{color:#fa8597;background:#fa859718}.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.player{position:relative;aspect-ratio:16/9;background:#060608;border-radius:10px;overflow:hidden;display:grid;place-items:center}.player>img{position:absolute;inset:0;height:100%;width:100%;filter:brightness(.22) blur(3px)}.player>video{width:100%;height:100%;background:black}.player-placeholder{position:relative;text-align:center;padding:25px}.player-placeholder svg{width:45px;height:45px;color:var(--accent);margin-bottom:15px}.player-placeholder h2{font-size:19px}.player-placeholder p{color:#b5b5c0;line-height:1.8;font-size:12px;max-width:370px;margin:0 auto}.room-heading{margin:20px 0}.room-heading h1{font-size:22px}.room-host{display:flex;gap:12px;align-items:center;font-size:13px}.room-host>div{flex:1}.room-host small{display:block;color:#8f909d;margin-top:5px}.room-chat{background:#191a20;border:1px solid #30313a;border-radius:10px;display:flex;flex-direction:column;height:530px;overflow:hidden}.chat-header{padding:18px;border-bottom:1px solid #30313a;font-size:13px;font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:15px}.chat-line{font-size:11px;line-height:1.9;margin:9px 0;overflow-wrap:anywhere}.chat-line strong{color:#dae5a8;margin-right:6px}.chat-form{padding:14px;border-top:1px solid #30313a;display:flex;gap:8px}.chat-form input{width:100%;min-width:0;font-size:11px;padding:10px}.chat-form button{padding:10px}.chat-system{font-size:10px;color:#848591;line-height:1.8}.gift-picker{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}.gift-picker button{background:#25262d;border:1px solid #393a45;border-radius:7px;padding:10px;font-size:11px}.gift-picker button span{color:var(--accent);margin-left:6px}.chat-list-row{display:flex;gap:16px;align-items:center}.chat-list-row>div{flex:1}.chat-list-row h3{font-size:14px;margin:0 0 5px}.chat-list-row p{margin:0;font-size:11px}.auth-overlay{position:fixed;inset:0;background:#050508bb;backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:20px}.auth-modal{width:430px;max-width:100%;padding:33px;border:1px solid #393a43;border-radius:17px;background:#1b1c22;position:relative;max-height:90vh;overflow:auto}.modal-close{position:absolute;top:15px;right:15px;font-size:22px;color:#9697a4;width:25px;height:25px}.auth-modal h2{font-size:25px;margin:0 0 8px}.auth-modal>p{font-size:12px;color:#9899a5;line-height:1.8;margin-bottom:24px}.auth-modal .brand{margin-bottom:23px}.auth-switch{font-size:11px;color:#9b9ca8;text-align:center;margin-top:19px}.auth-switch button{color:var(--accent);padding:0 5px}.error-message{font-size:12px;color:#ff8196;line-height:1.7;min-height:18px}.initial-loading{font-size:32px;text-align:center;padding-top:30vh;font-weight:900}.initial-loading span{color:var(--accent)}.initial-loading small{display:block;font-size:12px;color:#9697a4;margin-top:20px;font-weight:400}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);z-index:150;background:#e9fe58;color:#171a07;padding:14px 23px;border-radius:9px;font-size:12px;box-shadow:0 8px 40px #0006;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px);text-align:center}#toast.show{transform:translate(-50%,0);opacity:1}.mobile-toggle{display:none}.rank-page .rank-row{padding:20px 10px}.rank-page .avatar{height:43px;width:43px}.rank-page .rank-number{font-size:22px;width:32px}.rank-page .name{font-size:15px}.rank-page .score{font-size:14px}.filter-info{font-size:12px;color:#9a9ba6;margin:-9px 0 25px}.profile-line{display:flex;align-items:center;gap:15px}.profile-initial{height:55px;width:55px;display:grid;place-items:center;font-size:25px;background:#e9fe5820;color:var(--accent);border-radius:50%}.profile-line h2{margin:0 0 5px}.profile-line p{margin:0}.mobile-overlay{display:none}
@media(min-width:1600px){.hero{height:410px}.stream-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main{padding-left:42px;padding-right:42px}.feature-body h2{font-size:37px;max-width:520px}}
@media(max-width:1150px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.main{margin-left:190px;padding-left:24px;padding-right:24px}.topbar{gap:20px;padding:0 23px}.header-actions .broadcast{display:none}.hero{height:320px;grid-template-columns:1.5fr 1fr}.feature-body h2{font-size:25px}.side-feature{padding:17px}.side-feature h3{font-size:15px}.room-grid{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:900px){.sidebar{width:76px;padding:20px 9px}.sidebar .nav-item{padding:14px 17px;justify-content:center}.sidebar .nav-item span,.sidebar .sidebar-title,.sidebar .channel,.sidebar .sidebar-divider,.sidebar-bottom{display:none}.main{margin-left:76px;padding:108px 21px 30px}.hero{height:315px;grid-template-columns:1.4fr 1fr;gap:13px}.hero-side{gap:13px}.side-feature h3{font-size:14px;max-width:140px}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-row h1{font-size:25px}.date-status{display:none}.searchbox{max-width:360px}.header-actions{gap:6px}.header-actions .btn{font-size:11px;padding:9px 12px}.bottom-grid{grid-template-columns:1fr 1fr}.community-panel h2{font-size:21px}.room-grid{grid-template-columns:1fr}.room-chat{height:370px}.gift-grid{grid-template-columns:repeat(2,1fr)}.wallet-grid{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{height:66px;padding:0 16px;gap:12px}.brand{font-size:23px}.brand-mark{width:26px;height:26px;border-radius:8px}.brand-mark:after{top:7px;left:10px;border-left-width:9px;border-top-width:6px;border-bottom-width:6px}.searchbox{display:none}.header-actions{margin-left:auto}.header-actions .btn-outline{display:none}.header-actions .btn{min-height:34px;padding:8px 12px;font-size:10px}.sidebar{top:auto;bottom:0;left:0;right:0;height:62px;width:100%;padding:5px 8px;background:#141519f2;backdrop-filter:blur(10px);border-top:1px solid #30313a;border-right:0;overflow:hidden}.sidebar nav{display:flex;justify-content:space-around}.sidebar .nav-item{padding:8px 11px;flex-direction:column;gap:4px;font-size:8px;margin:0;min-width:48px}.sidebar .nav-item svg{height:18px;width:18px}.sidebar .nav-item span{display:block}.sidebar nav .nav-item:nth-child(n+6){display:none}.main{margin-left:0;padding:91px 17px 86px}.page-eyebrow{font-size:9px}.intro-row{margin-bottom:21px}.intro-row h1{font-size:25px}.intro-row p{font-size:10px}.hero{height:auto;display:block}.feature{height:310px}.hero-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:145px;gap:11px;margin-top:12px}.side-feature{padding:14px}.side-feature h3{font-size:13px;margin:12px 0 6px;max-width:130px}.side-feature .subtle{font-size:9px}.side-feature .arrow{bottom:11px;right:11px;width:22px;height:22px}.side-feature .arrow svg{width:13px}.hero-badges{left:20px;top:20px}.feature-body{left:21px;bottom:25px;width:82%}.feature-body h2{font-size:26px;max-width:270px}.feature-body .mini-title{font-size:10px}.feature-meta .btn{display:none}.notice-strip{margin:17px 0 26px;padding:12px;font-size:10px;gap:8px}.notice-strip a{display:none}.section-top h2{font-size:18px}.section-top h2 em{font-size:10px}.filters{gap:5px}.category-list{gap:5px}.filter{padding:8px 12px;font-size:10px}.sort-select{font-size:9px;min-width:60px;width:66px}.stream-grid{gap:21px 11px}.thumb-link{border-radius:8px}.thumb-link .tag{top:7px;left:7px;font-size:7px;padding:3px 5px}.viewer-count{left:7px;bottom:7px;font-size:8px}.category-badge{right:7px;bottom:9px;font-size:8px}.stream-info{gap:6px;padding-top:10px}.stream-info .avatar{width:25px;height:25px}.stream-info h3{font-size:10px}.stream-info p{font-size:9px}.stream-info .tags{font-size:8px}.bottom-grid{grid-template-columns:1fr;gap:16px;margin-top:4px}.rank-panel,.community-panel{padding:20px}.community-panel h2{font-size:24px}.footer{display:block;font-size:8px;line-height:2}.footer-links{margin-top:12px;flex-wrap:wrap;gap:15px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px;line-height:1.8}.panel{padding:19px}.notice-item summary{gap:7px;font-size:11px;flex-wrap:wrap}.notice-item summary time{font-size:9px}.auth-modal{padding:27px 23px}.room-heading h1{font-size:19px}.room-host .btn{font-size:10px;padding:8px 12px}.gift-card{padding:15px 10px}.gift-card h3{font-size:12px}.filter-info{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}