@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#f7f7f7;font-synthesis:none;text-rendering:optimizelegibility;--sidebar:226px;--red:#ff3b48;background:#0b0b0d;font-family:DM Sans,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0b0b0d;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.topbar{z-index:20;grid-template-columns:var(--sidebar) minmax(240px, 650px) 1fr;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0de6;border-bottom:1px solid #ffffff12;align-items:center;gap:24px;height:68px;padding:0 24px;display:grid;position:fixed;inset:0 0 auto}.brand-area,.top-actions,.search-form,.search-box,.logo{align-items:center;display:flex}.brand-area{gap:16px}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover,.mic-button:hover{background:#252529}.icon-button svg{width:21px}.logo{letter-spacing:-.7px;gap:9px;font-size:20px;font-weight:800}.logo-mark{color:#fff;background:var(--red);border-radius:7px;place-items:center;width:31px;height:23px;display:grid;box-shadow:0 5px 20px #ff3b4840}.logo-mark svg{width:13px}.search-form{justify-self:center;gap:12px;width:100%}.search-box{background:#141416;border:1px solid #333338;border-radius:24px;flex:1;height:42px;transition:border-color .2s;overflow:hidden}.search-box:focus-within{border-color:#6868d9;box-shadow:0 0 0 1px #6868d9}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 18px}.search-box input::placeholder{color:#85858b}.search-box button{cursor:pointer;background:#232326;border:0;border-left:1px solid #333338;width:60px;height:100%}.search-box svg{width:19px}.mic-button{cursor:pointer;background:#222225;border:0;border-radius:50%;flex:0 0 42px;place-items:center;height:42px;display:grid}.mic-button svg{width:19px}.top-actions{justify-self:end;gap:10px}.create-button{cursor:pointer;background:#202023;border:1px solid #333338;border-radius:20px;align-items:center;gap:8px;height:38px;padding:0 15px;display:flex}.create-button:hover{background:#2a2a2e}.create-button svg{width:18px}.notice{position:relative}.notice span{background:var(--red);border:2px solid #0b0b0d;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.profile-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c54d8,#dd5e8e);border:0;border-radius:50%;width:36px;height:36px}.profile-button svg{width:18px;margin-top:4px}.sidebar{z-index:15;width:var(--sidebar);background:#0b0b0d;border-right:1px solid #ffffff0f;padding:18px 14px;transition:transform .25s;position:fixed;top:68px;bottom:0;left:0;overflow:auto}.sidebar.closed{transform:translate(-100%)}.nav-group{border-bottom:1px solid #252529;margin-bottom:14px;padding:3px 0 14px}.nav-group a{color:#c1c1c6;border-radius:11px;align-items:center;gap:18px;height:46px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.nav-group a:hover{color:#fff;background:#1b1b1e}.nav-group a.active{color:#fff;background:#242428;font-weight:700}.nav-group a.active svg{color:var(--red);fill:#ff3b4833}.nav-group svg{width:20px}.sidebar-footer{color:#6f6f75;padding:10px 14px;font-size:11px;line-height:1.5}.sidebar-footer p{margin:2px 0}.content{margin-left:var(--sidebar);padding:68px 30px 60px;transition:margin .25s}.content.expanded{margin-left:0}.category-row{z-index:10;scrollbar-width:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0b0ded;gap:9px;margin:0 -30px;padding:14px 30px;display:flex;position:sticky;top:68px;overflow-x:auto}.category-row::-webkit-scrollbar{display:none}.category-row button{white-space:nowrap;color:#d7d7da;cursor:pointer;background:#202023;border:1px solid #2d2d31;border-radius:9px;padding:8px 15px;transition:all .15s}.category-row button:hover{background:#303035}.category-row button.active{color:#101012;background:#fff;border-color:#fff;font-weight:700}.hero{background:radial-gradient(circle at 80% 40%,#8e56ff57,#0000 30%),linear-gradient(120deg,#191724,#18131c 60%,#26151c);border:1px solid #ffffff12;border-radius:24px;align-items:center;min-height:310px;margin:12px 0 38px;padding:45px 54px;display:flex;position:relative;overflow:hidden}.hero>div:first-child{z-index:2;position:relative}.eyebrow{color:#ff7d87;letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-2.2px;margin:10px 0 12px;font-size:clamp(32px,4vw,52px);line-height:1.14}.hero p{color:#aaa9b0;margin:0 0 24px;font-size:15px}.hero button,.empty-state button{color:#fff;background:var(--red);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-weight:700;display:flex;box-shadow:0 8px 26px #ff3b4833}.hero button svg{width:16px}.hero-visual{position:absolute;inset:0 0 0 45%}.orb{filter:blur(2px);border-radius:50%;position:absolute}.orb-one{opacity:.65;background:linear-gradient(135deg,#ff4f70,#803feb);width:250px;height:250px;top:-40px;right:10%}.orb-two{opacity:.5;background:#4c35c7;width:180px;height:180px;bottom:-85px;right:29%}.hero-card{aspect-ratio:1.45;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;place-items:center;width:180px;display:grid;position:absolute;top:50%;right:15%;transform:translateY(-50%)rotate(-7deg);box-shadow:0 25px 60px #00000059}.hero-card svg{color:#fff;width:36px}.section-heading{justify-content:space-between;align-items:end;margin:0 0 19px;display:flex}.section-heading p{color:var(--red);letter-spacing:2px;margin:0 0 4px;font-size:10px;font-weight:800}.section-heading h2{letter-spacing:-.7px;margin:0;font-size:24px}.section-heading>span{color:#73737a;font-size:13px}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;display:grid}.video-card{cursor:pointer;min-width:0}.thumbnail{aspect-ratio:16/9;isolation:isolate;border-radius:14px;flex-direction:column;justify-content:center;padding:18px;transition:transform .22s;display:flex;position:relative;overflow:hidden}.video-card:hover .thumbnail{transform:translateY(-4px)}.thumbnail.violet{background:linear-gradient(135deg,#251b46,#9f4bc7)}.thumbnail.ocean{background:linear-gradient(135deg,#093e5a,#29a7b4)}.thumbnail.peach{background:linear-gradient(135deg,#8b392c,#efaa6b)}.thumbnail.blue{background:linear-gradient(135deg,#17234b,#536cff)}.thumbnail.lime{background:linear-gradient(135deg,#182d28,#74a93f)}.thumbnail.coral{background:linear-gradient(135deg,#75252b,#f16d5f)}.thumbnail.amber{background:linear-gradient(135deg,#342515,#bd8135)}.thumbnail.mint{background:linear-gradient(135deg,#16433d,#4a8)}.thumb-noise{z-index:-1;opacity:.16;background-image:radial-gradient(circle at 25% 20%,#fff 0 2px,#0000 3px),linear-gradient(120deg,#0000 35%,#ffffff59 36% 37%,#0000 38%);background-size:35px 35px,100% 100%;position:absolute;inset:0}.thumb-category{letter-spacing:1px;background:#0000002e;border:1px solid #ffffff47;border-radius:20px;padding:4px 8px;font-size:9px;position:absolute;top:14px;left:15px}.thumbnail strong{letter-spacing:-1.2px;text-shadow:0 3px 20px #0003;font-size:clamp(19px,2.1vw,32px);line-height:.95}.thumbnail strong span{display:block}.thumbnail time{background:#000c;border-radius:5px;padding:3px 6px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.play-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:#ffffff2e;border-radius:50%;place-items:center;width:44px;height:44px;transition:opacity .2s;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.video-card:hover .play-overlay{opacity:1}.play-overlay svg{width:17px}.video-info{grid-template-columns:38px 1fr 24px;gap:11px;padding:13px 2px 0;display:grid}.channel-avatar{color:#eee;background:#29292e;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.video-copy{min-width:0}.video-copy h3{-webkit-line-clamp:2;color:#eeeef0;-webkit-box-orient:vertical;margin:-1px 0 7px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-copy p{color:#828289;white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:11px;overflow:hidden}.video-info button{color:#8b8b91;cursor:pointer;background:0 0;border:0;width:24px;height:30px;padding:0}.video-info button svg{width:18px}.empty-state{color:#77777e;border:1px dashed #333338;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state>svg{width:38px;height:38px}.empty-state h3{color:#ddd;margin:16px 0 5px}.empty-state p{margin:0 0 20px;font-size:13px}.empty-state button{padding:9px 14px}@media (width<=1200px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card{right:10%}}@media (width<=900px){:root{--sidebar:200px}.topbar{grid-template-columns:auto 1fr auto;gap:12px;padding:0 14px}.create-button span,.logo>span:last-child{display:none}.sidebar{box-shadow:10px 0 30px #0006}.content{margin-left:0;padding-left:18px;padding-right:18px}.category-row{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-left:36px}.hero-visual{opacity:.7}}@media (width<=620px){.topbar{grid-template-columns:auto 1fr auto;height:60px}.brand-area{gap:4px}.top-actions{gap:2px}.create-button,.mic-button{display:none}.search-form{gap:0}.search-box{height:38px}.search-box button{width:44px}.sidebar{top:60px}.content{padding-top:60px}.category-row{top:60px}.hero{min-height:260px;margin-top:8px;padding:32px 25px}.hero h1{font-size:32px}.hero-visual{opacity:.4;left:60%}.video-grid{grid-template-columns:1fr;gap:30px}.thumbnail strong{font-size:34px}.section-heading>span{display:none}}