:root{--yt-bg:#0f0f0f;--yt-text:#f1f1f1;--yt-text-secondary:#aaa;--yt-hover:#272727;--yt-border:#303030;--yt-input-bg:#121212;--yt-blue:#3ea6ff;--yt-red:#c00;--yt-divider:#ffffff1a;--yt-btn-bg:#ffffff1a;--yt-btn-hover:#fff3;--yt-chip-bg:#ffffff1a;--yt-chip-hover:#fff3;--yt-chip-active:#f1f1f1;--yt-chip-active-text:#0f0f0f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--yt-bg);color:var(--yt-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Roboto,Arial,sans-serif;overflow-y:scroll}a{color:var(--yt-blue);text-decoration:none}a:hover{text-decoration:none}ul{list-style:none}button{cursor:pointer;color:var(--yt-text);background:0 0;border:none;font-family:inherit}.yt-icon-btn{cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.yt-icon-btn:hover{background-color:var(--yt-hover)}.yt-action-btn{background-color:var(--yt-btn-bg);cursor:pointer;transition:background-color .2s}.yt-action-btn:hover{background-color:var(--yt-btn-hover)}.yt-search-btn{cursor:pointer;background-color:#222;transition:background-color .2s}.yt-search-btn:hover{background-color:#303030}input{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--yt-bg)}::-webkit-scrollbar-thumb{background:#717171;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.app-container{flex-direction:column;height:100vh;display:flex}.navbar{background-color:var(--yt-bg);z-index:100;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0}.sidebar{background-color:var(--yt-bg);z-index:90;width:240px;height:calc(100vh - 56px);padding:12px;position:fixed;top:56px;left:0;overflow-y:auto}.sidebar-item{cursor:pointer;border-radius:10px;align-items:center;gap:20px;padding:10px 14px;font-size:14px;transition:background-color .15s,transform .1s;display:flex}.sidebar-item:hover{background-color:var(--yt-hover)}.sidebar-item:active{background-color:var(--yt-border);transform:scale(.98)}.sidebar-active{background-color:var(--yt-hover);font-weight:500}.sidebar-divider{background-color:var(--yt-border);height:1px;margin:12px 0}.main-content{min-height:calc(100vh - 56px);margin-top:56px;margin-left:240px;padding:24px}.home-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px 16px;display:grid}.video-card{cursor:pointer;flex-direction:column;gap:12px;display:flex}.video-card-thumb{aspect-ratio:16/9;border-radius:12px;width:100%;position:relative;overflow:hidden}.modal-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--yt-hover);text-align:center;border-radius:12px;width:400px;padding:24px}