@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import "https://unpkg.com/@phosphor-icons/web";html,body,#root{height:100%}body{margin:0}:root{--color-yt-red:red;--color-yt-black:#282828;--color-yt-dark:#0f0f0f;--color-yt-gray:#606060;--color-yt-light-gray:#aaa;--color-bg:#181818;--color-card:#0f0f0f;--color-border:#303030;--color-text:#fff;--color-text-muted:#aaa;--color-primary:#3ea6ff;--color-danger:red;--font-size-xl:24px;--font-size-lg:20px;--font-size-md:16px;--font-size-sm:14px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--button-height:56px;--tabbar-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#181818;background:var(--color-bg);color:var(--color-text);height:100%;font-family:Roboto,Arial,sans-serif}body{font-size:16px;font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}input{font-size:20px;font-size:var(--font-size-lg);padding:16px;padding:var(--spacing-md);border-radius:16px;border-radius:var(--radius-lg);background:#0f0f0f;background:var(--color-yt-dark);color:var(--color-text);width:100%;border:none;outline:none}input::placeholder{color:var(--color-text-muted)}input::placeholder{color:var(--color-text-muted)}.app-container{background:#0f0f0f;background:var(--color-card);flex-direction:column;max-width:100%;height:100%;margin:0 auto;display:flex}.main-content{-webkit-overflow-scrolling:touch;padding:16px;padding:var(--spacing-md);padding-bottom:80px;padding-bottom:calc(var(--tabbar-height) + var(--spacing-md));flex:1;overflow-y:auto}.video-title{font-size:20px;font-size:var(--font-size-lg);margin-bottom:8px;margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.channel-name{font-size:16px;font-size:var(--font-size-md);color:var(--color-text-muted)}.material-icons{vertical-align:middle;font-size:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}.app-container{display:flex}*{-webkit-overflow-scrolling:touch}