:root{--bg: #0f0f0f;--bg-2: #212121;--bg-3: #272727;--bg-4: #3f3f3f;--hover: #3f3f3f;--text: #f1f1f1;--text-2: #aaaaaa;--line: #3f3f3f;--red: #ff0000;--blue: #3ea6ff;--topbar: 56px;--side: 240px;--side-mini: 72px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{font-family:Roboto,Pretendard,Malgun Gothic,Apple SD Gothic Neo,Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.4}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}input,textarea,select{font:inherit}hr{border:0;border-top:1px solid var(--line);margin:12px 0}h1{font-size:20px;font-weight:600;margin:0 0 16px}.muted{color:var(--text-2);font-size:12px}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar);background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:30}.tb-left,.tb-right{display:flex;align-items:center;gap:8px;position:relative}.ibtn{width:40px;height:40px;border-radius:50%;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.ibtn:hover{background:var(--bg-3)}.logo{display:flex;align-items:center;gap:4px;font-weight:700;font-size:20px;letter-spacing:-.5px;margin-left:8px}.logo-mark{width:30px;height:21px;border-radius:6px;background:var(--red);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-right:2px}.logo sup{font-size:10px;color:var(--text-2);font-weight:400;margin-left:3px;letter-spacing:0}.tb-search{display:flex;flex:0 1 640px;margin:0 40px}.tb-search input{flex:1;height:40px;padding:0 16px;border-radius:40px 0 0 40px;border:1px solid #303030;background:#121212;color:var(--text);font-size:16px;outline:none}.tb-search input:focus{border-color:#1c62b9}.tb-search button{width:64px;height:40px;border-radius:0 40px 40px 0;border:1px solid #303030;border-left:0;background:var(--bg-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tb-search button:hover{background:var(--bg-4)}.badge{position:absolute;top:4px;right:2px;background:var(--red);color:#fff;font-size:11px;font-weight:500;border-radius:10px;padding:0 5px;line-height:16px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:500;flex:0 0 auto;-webkit-user-select:none;user-select:none}.avatar-btn{border:0;background:none;padding:0;margin-left:8px;cursor:pointer;display:flex}.signin{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:18px;padding:0 12px 0 8px;height:36px;color:var(--blue);font-weight:500}.signin:hover{background:#3ea6ff26;border-color:transparent}.signin-ic{font-size:16px}.menu{position:absolute;right:0;top:48px;width:280px;background:var(--bg-3);border-radius:12px;padding:8px 0;box-shadow:0 4px 32px #00000080;display:flex;flex-direction:column}.menu-head{display:flex;gap:14px;align-items:center;padding:8px 16px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.menu a,.menu button{text-align:left;padding:10px 16px;border:0;background:none;cursor:pointer;font-size:14px}.menu a:hover,.menu button:hover{background:var(--hover)}.sidebar{position:fixed;top:var(--topbar);left:0;bottom:0;width:var(--side);padding:12px;overflow-y:auto;background:var(--bg);z-index:20}.sidebar nav{display:flex;flex-direction:column}.side-item{display:flex;align-items:center;gap:24px;height:40px;padding:0 12px;border-radius:10px;font-size:14px}.side-item:hover{background:var(--bg-3)}.side-item.active{background:var(--bg-3);font-weight:500}.side-item svg{flex:0 0 auto}.side-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-title{font-size:16px;font-weight:500;padding:6px 12px 4px}.side-login{padding:8px 12px 16px;color:var(--text)}.side-login p{margin:4px 0 12px;font-size:14px}.side-foot{padding:12px;color:var(--text-2);font-size:12px;line-height:1.6}.yt.mini .sidebar{width:var(--side-mini);padding:4px}.yt.mini .side-item{flex-direction:column;gap:6px;height:74px;justify-content:center;padding:0 2px;font-size:10px}.yt.mini .side-item span{max-width:100%}.yt.watch .sidebar{display:none}.content{padding:calc(var(--topbar) + 24px) 24px 40px calc(var(--side) + 24px);min-height:100vh}.yt.mini .content{padding-left:calc(var(--side-mini) + 24px)}.yt.watch .content{padding-left:24px}.empty{text-align:center;color:var(--text-2);padding:80px 0;font-size:15px}.alert{background:#ff00001f;border:1px solid rgba(255,0,0,.4);color:#ffb4b4;padding:10px 14px;border-radius:8px;margin-bottom:12px}.chips{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.chip{height:32px;padding:0 12px;border-radius:8px;border:0;background:var(--bg-3);cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap}.chip:hover{background:var(--bg-4)}.chip.on{background:var(--text);color:var(--bg)}.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:40px 16px}.vthumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--bg-3)}.vthumb img{width:100%;height:100%;object-fit:cover;display:block}.vthumb-ph{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.dur{position:absolute;right:8px;bottom:8px;background:#000c;color:#fff;font-size:12px;font-weight:500;padding:2px 4px;border-radius:4px}.vmeta{display:flex;gap:12px;margin-top:12px}.vtext{min-width:0;display:flex;flex-direction:column;gap:3px}.vtitle{font-size:16px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vsub{color:var(--text-2);font-size:14px}.vsub:hover{color:var(--text)}.vgrid .vsub{font-size:12px}.vrow{display:flex;gap:8px}.vrow .vthumb{width:168px;flex:0 0 168px;border-radius:8px}.vrow .vtitle{font-size:14px}.vrow .vsub{font-size:12px}.vrow.big{gap:16px;margin-bottom:16px}.vrow.big .vthumb{width:360px;flex:0 0 360px;border-radius:12px}.vrow.big .vtitle{font-size:18px;font-weight:400}.vrow.big .vsub{font-size:12px}.vch{display:flex;align-items:center;gap:8px;margin:10px 0}.vdesc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-wrap{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;max-width:1754px;margin:0 auto}.player{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.player video{width:100%;height:100%;display:block}.player .nofile{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-2);flex-direction:column;gap:8px}.wtitle{font-size:20px;font-weight:600;margin:12px 0 8px;line-height:1.4}.wbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wch{display:flex;align-items:center;gap:12px}.wch .name{font-weight:500;font-size:16px}.wch .subs{color:var(--text-2);font-size:12px}.subbtn{height:36px;padding:0 16px;border-radius:18px;border:0;background:var(--text);color:var(--bg);font-weight:500;cursor:pointer;margin-left:12px}.subbtn.on{background:var(--bg-3);color:var(--text)}.subbtn:hover{filter:brightness(.9)}.wactions{display:flex;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:18px;border:0;background:var(--bg-3);cursor:pointer;font-weight:500}.pill:hover{background:var(--bg-4)}.pill.on{color:var(--blue)}.likegroup{display:inline-flex;background:var(--bg-3);border-radius:18px}.likegroup .pill{background:none;border-radius:0}.likegroup .pill:first-child{border-radius:18px 0 0 18px;border-right:1px solid var(--line);padding-right:12px}.likegroup .pill:last-child{border-radius:0 18px 18px 0;padding:0 12px}.likegroup .pill:hover{background:var(--bg-4)}.descbox{background:var(--bg-3);border-radius:12px;padding:12px;margin-top:12px;cursor:pointer;white-space:pre-wrap;line-height:1.5}.descbox:hover{background:#333}.descbox b{display:block;margin-bottom:4px}.descbox .more{font-weight:500;margin-top:8px;display:block}.descbox.clamp .body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related{display:flex;flex-direction:column;gap:8px}.comments{margin-top:24px}.chead{display:flex;align-items:center;gap:32px;margin-bottom:24px}.chead h2{font-size:20px;font-weight:600;margin:0}.cform{display:flex;gap:16px;margin-bottom:32px}.cform .box{flex:1}.cform input{width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:6px 0;outline:none;font-size:14px}.cform input:focus{border-bottom:2px solid var(--text)}.cform .acts{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.cform .acts .pill{height:36px}.cform .acts .primary{background:var(--blue);color:#0f0f0f}.cform .acts .primary:disabled{background:var(--bg-4);color:var(--text-2);cursor:default}.comment{display:flex;gap:16px;margin-bottom:16px}.comment .who{font-size:13px;font-weight:500}.comment .when{color:var(--text-2);font-size:12px;margin-left:4px}.comment p{margin:2px 0 4px;white-space:pre-wrap}.comment .clike{display:inline-flex;align-items:center;gap:4px;border:0;background:none;cursor:pointer;color:var(--text-2);padding:6px 8px;border-radius:16px;font-size:12px}.comment .clike:hover{background:var(--bg-3)}.comment .clike.on{color:var(--blue)}.banner{height:160px;border-radius:12px;margin-bottom:16px}.chhead{display:flex;gap:24px;align-items:center;margin-bottom:16px}.chhead h1{margin:0 0 4px;font-size:24px}.chhead .handle{color:var(--text-2);font-size:14px}.chhead .bio{margin-top:6px;color:var(--text-2);font-size:14px;max-width:600px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs span{padding:12px 0;font-weight:500;color:var(--text-2);border-bottom:2px solid transparent}.tabs span.on{color:var(--text);border-color:var(--text)}.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px 16px}.chgrid .vtitle{font-size:14px}.subsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-bottom:40px}.subcard{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.subcard b{font-size:15px}.narrow{max-width:560px;margin:0 auto}.card{background:var(--bg-2);border-radius:12px;padding:24px;margin-bottom:16px}.form .field{display:block;margin:0 0 16px}.form .field>span{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px}.form .field small{display:block;color:var(--text-2);font-size:12px;margin-top:6px}.form input:not([type=file]),.form textarea,.form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);outline:none}.form input:focus,.form textarea:focus{border-color:var(--blue)}.form textarea{min-height:100px;resize:vertical}.form input[type=file]{color:var(--text-2)}.btn{height:36px;padding:0 16px;border-radius:18px;border:0;background:var(--text);color:var(--bg);font-weight:500;cursor:pointer}.btn.accent{background:var(--blue);color:#0f0f0f}.btn.ghost{background:var(--bg-3);color:var(--text)}.btn:disabled{opacity:.5;cursor:default}.btn:hover{filter:brightness(.9)}.dropzone{border:1px dashed var(--line);border-radius:12px;padding:40px 20px;text-align:center;color:var(--text-2);cursor:pointer;margin-bottom:16px}.dropzone:hover{border-color:var(--text-2)}.dropzone .big-ic{width:64px;height:64px;border-radius:50%;background:var(--bg-3);display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.preview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.preview .vthumb{aspect-ratio:16/9}.preview video{width:100%;border-radius:12px;background:#000}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.notif{display:flex;gap:16px;padding:12px 16px;border-radius:12px;align-items:flex-start}.notif:hover{background:var(--bg-3)}.notif.unread{border-left:3px solid var(--blue)}.notif .t{color:var(--text-2);font-size:12px}@media (max-width: 1000px){.watch-wrap{grid-template-columns:1fr}.sidebar{display:none}.content,.yt.mini .content{padding-left:16px;padding-right:16px}.tb-search{margin:0 12px}.vrow.big .vthumb{width:200px;flex-basis:200px}}