:root{--accent: #fb8c00;--accent-hover: #ef7900;--on-accent: #ffffff;--bg: #ffffff;--surface: #ffffff;--chip: rgba(0, 0, 0, .05);--chip-hover: rgba(0, 0, 0, .1);--text: #0f0f0f;--text-2: #606060;--outline: rgba(0, 0, 0, .1);--search-border: #c6c6c6;--search-button: #f8f8f8;--inverse-bg: #0f0f0f;--inverse-text: #ffffff;--link: #065fd4;--error: #cc0000;--error-bg: #fdecea;--scrim: rgba(0, 0, 0, .5);--shadow: 0 4px 32px rgba(0, 0, 0, .1);--skeleton: rgba(0, 0, 0, .08);--cat-blue-bg: #e3eeff;--cat-blue: #2f6fd6;--cat-green-bg: #dcf5e5;--cat-green: #1e8a4c;--cat-yellow-bg: #fff2c7;--cat-yellow: #b97a00;--cat-purple-bg: #efe6ff;--cat-purple: #7c4ddb;--cat-pink-bg: #ffe4ef;--cat-pink: #c42a6b;--masthead-height: 56px;--chip-bar-height: 56px;--rail-width: 72px;--sidebar-width: 240px;--bottom-nav-height: 48px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}[data-theme=dark]{--bg: #0f0f0f;--surface: #282828;--chip: rgba(255, 255, 255, .1);--chip-hover: rgba(255, 255, 255, .2);--text: #f1f1f1;--text-2: #aaaaaa;--outline: rgba(255, 255, 255, .2);--search-border: #303030;--search-button: #222222;--inverse-bg: #f1f1f1;--inverse-text: #0f0f0f;--link: #3ea6ff;--error: #ff6b6b;--error-bg: #3b1518;--scrim: rgba(0, 0, 0, .6);--shadow: 0 4px 32px rgba(0, 0, 0, .6);--skeleton: rgba(255, 255, 255, .1);--cat-blue-bg: #1c3358;--cat-blue: #9cc1ff;--cat-green-bg: #163d2b;--cat-green: #8be0ad;--cat-yellow-bg: #43360f;--cat-yellow: #ffd66b;--cat-purple-bg: #33265a;--cat-purple: #c9b1ff;--cat-pink-bg: #4a1f33;--cat-pink: #ffa8cb;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font:400 14px/20px Roboto,Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1{font-size:20px;line-height:28px;font-weight:700}h2{font-size:16px;line-height:22px;font-weight:700}h3{font-size:16px;line-height:22px;font-weight:500}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}code{font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.caption,.video-meta{font-size:12px;line-height:18px;color:var(--text-2)}.muted{color:var(--text-2)}.text-error{color:var(--error)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon{display:inline-flex;flex:none}.icon svg{width:100%;height:100%}.logo{flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:0;border-radius:18px;background:var(--chip);font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .1s}.btn:hover:not(:disabled){background:var(--chip-hover)}.btn-tonal{background:var(--chip)}.btn-primary{background:var(--inverse-bg);color:var(--inverse-text)}.btn-primary:hover:not(:disabled){background:var(--inverse-bg);opacity:.85}.btn-secondary{background:var(--chip)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--error);opacity:.85}.btn-lg{height:44px;padding:0 24px;border-radius:22px;font-size:15px}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn.is-favorite{color:var(--accent)}.btn.is-favorite .icon path{fill:currentColor}.btn-link,.btn-text{border:0;background:none;padding:8px 4px;flex:none;color:var(--link);font-weight:500}.btn-text-danger{color:var(--error)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;flex:none}.icon-btn:hover:not(:disabled){background:var(--chip)}.icon-btn:active:not(:disabled){background:var(--chip-hover)}.icon-btn-sm{width:32px;height:32px}.masthead{position:fixed;z-index:30;top:0;left:0;right:0;height:var(--masthead-height);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:var(--bg)}.masthead-start,.masthead-end{display:flex;align-items:center;gap:8px;flex:none}.masthead-start{gap:16px}.brand{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0}.brand-name{font-size:20px;font-weight:700;letter-spacing:-.5px}.demo-tag{align-self:flex-start;margin-top:2px;font-size:10px;line-height:14px;color:var(--text-2);text-transform:uppercase}.masthead-search{display:flex;align-items:center;flex:0 1 640px;min-width:0}.search-box{display:flex;align-items:center;flex:1;min-width:0;height:40px;padding:0 4px 0 16px;border:1px solid var(--search-border);border-right:0;border-radius:20px 0 0 20px;background:var(--bg)}.search-box:focus-within{border-color:var(--link)}.search-box input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:16px}.search-box input::-webkit-search-cancel-button{display:none}.search-submit{display:grid;place-items:center;width:64px;height:40px;border:1px solid var(--search-border);border-radius:0 20px 20px 0;background:var(--search-button)}.search-submit:hover{background:var(--chip-hover)}.masthead-search-back,.masthead-search-open{display:none}.masthead-upload{padding:0 14px 0 10px}.avatar-btn{border:0;background:none;padding:4px;border-radius:50%}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:500;line-height:1}.content{padding-top:var(--masthead-height);min-height:100dvh}.sidebar{display:none;flex-direction:column;width:var(--sidebar-width);padding:12px;background:var(--bg);overflow-y:auto}.app-shell>.sidebar{position:fixed;z-index:20;top:var(--masthead-height);bottom:0;left:0}.sidebar-head{display:flex;align-items:center;gap:16px;height:var(--masthead-height);margin:-12px -12px 0;padding:0 16px}.sidebar-section{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--outline)}.sidebar-section:first-of-type{padding-top:0}.sidebar-title{padding:6px 12px 4px;font-size:16px;font-weight:500}.sidebar-item{display:flex;align-items:center;gap:24px;height:40px;padding:0 12px;border:0;border-radius:10px;background:none;text-align:left}.sidebar-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item:hover{background:var(--chip)}.sidebar-item.active{background:var(--chip);font-weight:500}.active .solid-when-active path,.active .solid-when-active circle{fill:currentColor}.sidebar-item .cat-avatar{width:24px;height:24px}.sidebar-foot{padding:16px 12px;font-size:12px;color:var(--text-2)}.drawer{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;background:var(--scrim);animation:fade .15s ease-out}.drawer .sidebar{display:flex;height:100%;animation:slide-in .2s ease-out}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(-100%)}}.rail{display:none;position:fixed;z-index:20;top:var(--masthead-height);bottom:0;left:0;width:var(--rail-width);flex-direction:column;padding:4px;background:var(--bg)}.rail-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0 14px;border:0;border-radius:10px;background:none;font-size:10px;line-height:14px}.rail-item:hover{background:var(--chip)}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-top:1px solid var(--outline);background:var(--bg)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;font-size:10px;line-height:12px}.bottom-nav-item .icon{width:22px!important;height:22px!important}.bottom-nav-item.active{font-weight:500}@media (max-width: 639px){.masthead{padding:0 8px 0 12px;gap:4px}.masthead-menu,.masthead-search,.masthead-upload-label{display:none}.masthead-search-open{display:inline-grid}.masthead-upload{width:40px;padding:0;background:none}.masthead-searching .masthead-start,.masthead-searching .masthead-end{display:none}.masthead-searching .masthead-search{display:flex;flex:1;gap:8px}.masthead-searching .masthead-search-back{display:inline-grid}.masthead-searching .search-submit{display:none}.masthead-searching .search-box{border-right:1px solid var(--search-border);border-radius:20px;background:var(--chip);border-color:transparent}.content{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom))}}@media (min-width: 640px){.bottom-nav{display:none}.app-shell:not(.watching) .rail{display:flex}.app-shell:not(.watching) .content{margin-left:var(--rail-width)}}@media (min-width: 1312px){.app-shell:not(.watching):not(.collapsed) .rail{display:none}.app-shell:not(.watching):not(.collapsed)>.sidebar{display:flex}.app-shell:not(.watching):not(.collapsed) .content{margin-left:var(--sidebar-width)}}.browse{padding:0 24px 40px}.browse-body{display:flex;flex-direction:column;gap:16px;padding-top:8px}.chip-bar{position:sticky;z-index:10;top:var(--masthead-height);display:flex;align-items:center;gap:12px;height:var(--chip-bar-height);margin:0 -24px;padding:0 24px;background:var(--bg)}.chips{display:flex;gap:12px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:32px;padding:0 12px;border:0;border-radius:8px;background:var(--chip);font-size:14px;font-weight:500;white-space:nowrap}.chip:hover{background:var(--chip-hover)}.chip.active{background:var(--inverse-bg);color:var(--inverse-text)}.sort-select{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;height:32px;padding:0 4px 0 10px;border-radius:8px;font-weight:500}.sort-select:hover{background:var(--chip)}.sort-select select{border:0;background:none;font-weight:500;cursor:pointer;outline:0}.sort-select select option{background:var(--surface);color:var(--text)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px 16px;margin:0;padding:0;list-style:none}@media (min-width: 2200px){.video-grid{grid-template-columns:repeat(6,1fr)}}.thumb{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:var(--chip)}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.thumb-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--text-2)}.duration{position:absolute;right:8px;bottom:8px;padding:1px 4px;border-radius:4px;background:#0009;color:#fff;font-size:12px;font-weight:500;line-height:18px}.thumb-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#c8c8c899}.thumb-progress span{display:block;height:100%;background:var(--accent)}.thumb:has(.thumb-progress) .duration{bottom:12px}.video-card{display:flex;flex-direction:column;min-width:0}.video-card-hit{display:block;width:100%;padding:0;border:0;background:none;text-align:left}.video-card:hover .thumb img{transform:scale(1.02)}.video-card-details{display:flex;gap:12px;margin-top:12px;min-width:0}.video-card-text{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.video-card .video-meta{font-size:14px;line-height:20px}.video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0;border:0;background:none;font-size:16px;line-height:22px;font-weight:500;text-align:left;margin-bottom:4px}.cat-avatar{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden}.cat-logo .logo{width:100%;height:100%}.cat-blue{background:var(--cat-blue-bg);color:var(--cat-blue)}.cat-green{background:var(--cat-green-bg);color:var(--cat-green)}.cat-yellow{background:var(--cat-yellow-bg);color:var(--cat-yellow)}.cat-purple{background:var(--cat-purple-bg);color:var(--cat-purple)}.cat-pink{background:var(--cat-pink-bg);color:var(--cat-pink)}.menu{position:relative;flex:none;align-self:flex-start;margin-right:-8px}@media (hover: hover){.video-card .menu-trigger,.video-row .menu-trigger{opacity:0}.video-card:hover .menu-trigger,.video-row:hover .menu-trigger,.menu-trigger:focus-visible,.menu-trigger[aria-expanded=true]{opacity:1}}.menu-popover{position:absolute;z-index:25;top:100%;right:0;min-width:220px;padding:8px 0;border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.menu-popover-up{top:auto;bottom:100%}.menu-item{display:flex;align-items:center;gap:16px;width:100%;height:36px;padding:0 16px;border:0;background:none;text-align:left}.menu-item:hover{background:var(--chip)}.menu-item-danger{color:var(--error)}.row-list{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.video-row{position:relative;display:flex;gap:4px;min-width:0}.video-row-hit{display:flex;gap:16px;flex:1;min-width:0;padding:0;border:0;background:none;text-align:left}.video-row-text{display:flex;flex-direction:column;flex:1;min-width:0;padding-top:2px}.video-row .thumb{flex:none}.video-row-large .thumb{width:min(360px,45%)}.video-row-large .video-title{font-size:18px;line-height:26px;font-weight:400}.video-row-large .video-row-channel{display:flex;align-items:center;gap:8px;margin:12px 0 8px}.video-row-large .video-row-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-row-compact .video-row-hit{gap:8px}.video-row-compact .thumb{width:168px;border-radius:8px}.video-row-compact .video-title{font-size:14px;line-height:20px;margin-bottom:4px}.video-row.active .video-title{color:var(--accent)}.results{display:flex;flex-direction:column;gap:16px;max-width:1096px}.results-count{color:var(--text-2)}@media (max-width: 639px){.video-row-large .video-row-hit{flex-direction:column;gap:12px}.video-row-large .thumb{width:100%}.video-row-large .video-title{font-size:16px;line-height:22px;font-weight:500}.video-row-large .video-row-channel{margin:4px 0 0}.video-row-large .video-row-file{display:none}.video-row-large .menu{position:absolute;right:8px;bottom:28px}}.library,.account{display:flex;flex-direction:column;gap:24px;max-width:1096px;padding:24px 24px 40px}.page-title{font-size:36px;line-height:50px;font-weight:700}.watch{display:flex;gap:24px;max-width:1754px;margin:0 auto;padding:24px 24px 40px}.watch-primary{flex:1;min-width:0}.watch-secondary{flex:none;width:402px;display:flex;flex-direction:column;gap:12px}.watch-secondary-title{font-size:16px;font-weight:500}.player-frame{position:relative;aspect-ratio:16 / 9;max-height:calc(100dvh - var(--masthead-height) - 136px);width:100%;overflow:hidden;border-radius:12px;background:#000}.player-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.player-demo{position:relative;width:100%;height:100%}.player-demo img{width:100%;height:100%;object-fit:cover;opacity:.75}.player-demo-play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:68px;height:48px;border-radius:14px;background:var(--accent);color:#fff;transform:translate(-50%,-50%)}.player-demo-note{position:absolute;left:12px;bottom:12px;padding:4px 8px;border-radius:4px;background:#000000b3;color:#fff;font-size:12px}.watch-info{display:flex;flex-direction:column;gap:12px;margin-top:12px}.watch-title{font-size:20px;line-height:28px;font-weight:700}.watch-owner-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.watch-owner{display:flex;align-items:center;gap:12px;min-width:0}.watch-owner-text{display:flex;flex-direction:column;min-width:0}.watch-owner-text strong{font-size:16px;line-height:22px;font-weight:500}.watch-actions{display:flex;gap:8px;flex-wrap:wrap}.watch-description{display:flex;flex-direction:column;gap:2px;width:100%;padding:12px;border:0;border-radius:12px;background:var(--chip);text-align:left}.watch-description:hover{background:var(--chip-hover)}.watch-description strong{font-weight:500}.watch-description span{overflow-wrap:anywhere}.watch-description-toggle{margin-top:4px;font-weight:500}@media (max-width: 1015px){.watch{flex-direction:column}.watch-secondary{width:100%}.player-frame{max-height:none}}@media (max-width: 639px){.browse{padding:0 12px 24px}.chip-bar{margin:0 -12px;padding:0 12px;height:48px}.video-grid{grid-template-columns:1fr;gap:24px}.video-card .thumb{margin:0 -12px;border-radius:0}.library,.account{padding:16px 12px 24px;gap:16px}.page-title{font-size:24px;line-height:32px}.watch{padding:0 0 24px;gap:16px}.player-frame{border-radius:0}.watch-info,.watch-secondary{padding:0 12px}.watch-title{font-size:18px;line-height:26px}.watch-actions{width:100%;overflow-x:auto;flex-wrap:nowrap}.video-row-compact .thumb{width:160px}}.account-head{display:flex;align-items:center;gap:16px}.account-head h1{font-size:28px;line-height:36px}.settings,.card{display:flex;flex-direction:column;border:1px solid var(--outline);border-radius:12px;overflow:hidden}.card{gap:12px;padding:16px;align-items:flex-start}.settings-title{padding:16px 16px 8px;font-size:16px;font-weight:500}.card .settings-title{padding:0}.settings-row{display:flex;align-items:center;gap:16px;width:100%;min-height:56px;padding:8px 16px;border:0;border-top:1px solid var(--outline);background:none;text-align:left;flex-wrap:wrap}.settings-title+.settings-row{border-top:0}a.settings-row:hover,button.settings-row:hover{background:var(--chip)}.settings-text{display:flex;flex-direction:column;flex:1;min-width:140px}.settings-text strong{font-weight:500}.segmented{display:inline-flex;padding:2px;border-radius:10px;background:var(--chip)}.segmented button{height:32px;padding:0 14px;border:0;border-radius:8px;background:none;font-weight:500}.segmented button.active{background:var(--inverse-bg);color:var(--inverse-text)}.banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--chip)}.banner-error{background:var(--error-bg)}.banner-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--bg)}.banner-error .banner-icon{color:var(--error)}.banner-text{display:flex;flex-direction:column;flex:1;min-width:0}.banner-text strong{font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:64px 16px;text-align:center}.empty-state h3{margin-top:16px;font-size:20px;line-height:28px}.empty-state .btn{margin-top:16px}.empty-icon{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:var(--chip);color:var(--text-2)}.skeleton{display:block;background:var(--skeleton);animation:pulse 1.4s ease-in-out infinite}.skeleton-line{height:16px;border-radius:4px;margin-bottom:8px}.skeleton-line-short{width:60%}@keyframes pulse{50%{opacity:.5}}.backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:var(--scrim);animation:fade .15s ease-out}.sheet,.dialog{display:flex;flex-direction:column;gap:16px;width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow);outline:0}.sheet{max-width:560px}.dialog{max-width:400px}.sheet-handle{display:none}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{font-size:20px;line-height:28px}.sheet-subtitle{font-size:14px;font-weight:500;color:var(--text-2)}@media (max-width: 639px){.backdrop:has(.sheet){place-items:end stretch;padding:0}.sheet{max-width:none;max-height:90dvh;border-radius:12px 12px 0 0;padding:12px 16px calc(24px + var(--safe-bottom))}.sheet-handle{display:block;width:40px;height:4px;margin:0 auto;border-radius:2px;background:var(--outline)}}.category-picker{display:flex;flex-wrap:wrap;gap:8px}.dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;border:1px dashed var(--search-border);border-radius:12px;background:none}.dropzone:hover,.dropzone.dragging{border-color:var(--link);background:var(--chip)}.dropzone-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--chip);color:var(--text-2)}.upload-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.upload-item{display:flex;align-items:center;gap:12px}.upload-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.upload-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.status-dot{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--chip)}.tone-blue{color:var(--link)}.tone-green{color:#2ba640}.tone-red{color:var(--error)}.tone-muted{color:var(--text-2)}.progress{display:block;height:4px;border-radius:2px;background:var(--chip);overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);transition:width .2s}.upload-toast{position:fixed;z-index:35;left:24px;bottom:24px;display:inline-flex;align-items:center;gap:12px;padding:14px 16px;border:0;border-radius:8px;background:var(--inverse-bg);color:var(--inverse-text);box-shadow:var(--shadow)}@media (max-width: 639px){.upload-toast{left:12px;right:12px;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 12px)}}.dialog{align-items:flex-start}.dialog-icon{color:var(--error)}.dialog-title{font-size:18px;line-height:26px;font-weight:500}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;width:100%}.splash{display:grid;place-items:center;min-height:100dvh}.login{display:grid;place-items:center;min-height:100dvh;padding:16px}.login-card{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:448px;padding:48px 40px 40px;border:1px solid var(--outline);border-radius:12px;text-align:center}.login-icon{width:112px;height:112px}.login-wordmark{width:220px;height:auto}.login-title-text{display:none;font-size:24px;line-height:32px;font-weight:700}[data-theme=dark] .login-wordmark{display:none}[data-theme=dark] .login-title-text{display:inline}.login-card .video-meta{font-size:14px;line-height:20px}.login-card .banner{text-align:left;width:100%}.login-card .btn{margin-top:8px}@media (max-width: 639px){.login-card{border:0;padding:24px 8px}}.watch-ended{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:var(--bg);text-align:center}.watch-ended img{width:min(320px,80vw);height:auto;margin-bottom:16px}.watch-ended h1{font-size:24px;line-height:32px}.watch-ended-sub{color:var(--text-2);font-size:16px}.time-pill{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;border-radius:18px;background:var(--chip);font-weight:500}.bell{position:relative}.bell>.icon-btn{position:relative}.bell-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--bg);border-radius:9px;background:#c00;color:#fff;font-size:11px;font-weight:500;line-height:14px;text-align:center}.bell-panel{position:absolute;z-index:35;top:calc(100% + 4px);right:0;display:flex;flex-direction:column;width:440px;max-height:min(600px,calc(100dvh - 80px));border-radius:12px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.bell-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--outline)}.bell-head h2{font-size:16px;font-weight:500}.bell-error{padding:12px 16px 0;color:var(--error)}.bell-empty{padding:32px 24px;color:var(--text-2);text-align:center}.bell-list{margin:0;padding:8px 0;list-style:none;overflow-y:auto}.bell-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 8px 12px 24px}.bell-item:hover{background:var(--chip)}.bell-item.unread:before{content:"";position:absolute;left:8px;top:28px;width:6px;height:6px;border-radius:50%;background:var(--link)}.bell-item:not(.unread) .bell-body p{color:var(--text-2)}.bell-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow-wrap:anywhere}.bell-body strong{font-weight:500}.bell-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}@media (max-width: 639px){.bell-panel{position:fixed;top:var(--masthead-height);left:8px;right:8px;width:auto}.bell-item{padding-left:20px}}.request-form{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--outline);border-radius:12px}.request-form label{font-size:16px;font-weight:500}.request-form textarea{width:100%;padding:12px;border:1px solid var(--search-border);border-radius:8px;background:var(--bg);font-size:16px;line-height:22px;resize:vertical}.request-form textarea:focus{border-color:var(--link);outline:0}.request-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.request-history{display:flex;flex-direction:column;gap:8px}.request-history .settings-title{padding:0}.request-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.request-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--outline);flex-wrap:wrap}.request-text{display:flex;flex-direction:column;flex:1;min-width:180px;overflow-wrap:anywhere}.request-text strong{font-weight:500}.status-chip{flex:none;padding:2px 10px;border-radius:12px;background:var(--chip);font-size:12px;font-weight:500;line-height:20px}.status-done{background:#2ba64026;color:#2ba640}.status-declined{color:var(--text-2)}