/* PlayBack: enamel controls, brushed panels, and framed screens. */
:root{--ink:#273746;--muted:#657483;--line:#bbc5cf;--surface:#e8edf1;--blue:#0875c9;--panel:linear-gradient(145deg,#fafcfd,#dde4e9);--raised:inset 0 1px 0 #ffffff,0 2px 2px #53677b24,0 6px 14px #53677b14;--inset:inset 0 2px 5px #475c7133,inset 0 -1px 0 #ffffff;--edge:#bdc8d2}
body{background-color:#dce3e9;background-image:repeating-linear-gradient(0deg,#ffffff18 0px,#ffffff18 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at 50% 0,#f9fbfd,#dce3e9 75%);color:var(--ink)}
body.dark{--ink:#e5ebf1;--muted:#a4b2c1;--line:#3e4d5d;--surface:#253342;--panel:linear-gradient(145deg,#344454,#23313f);--raised:inset 0 1px 0 #ffffff14,0 2px 2px #0008,0 7px 16px #0003;--inset:inset 0 2px 6px #0008,inset 0 -1px 0 #ffffff14;--edge:#425363;background-color:#162330;background-image:repeating-linear-gradient(0deg,#ffffff03 0px,#ffffff03 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at 50% 0,#2b3c4d,#162330 75%)}
.header,body.dark .header{background:var(--panel);border-bottom:1px solid var(--edge);box-shadow:inset 0 -1px 0 #ffffff33,0 4px 14px #102a4026;backdrop-filter:none}
.brand{border-radius:12px;padding:0 5px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 2px 5px #182f4520}.dark .brand{background:#203140!important;box-shadow:inset 0 1px 0 #ffffff15,0 2px 6px #0004}.brand img{height:61px}
.search,body.dark .search{background:var(--surface);border:1px solid var(--edge);box-shadow:var(--inset);border-radius:24px}.search kbd{background:var(--panel);box-shadow:var(--raised)}
.create-button,body.dark .create-button,#follow,body.dark #follow,#channel-follow,body.dark #channel-follow,.watch-feature{background:linear-gradient(#38a5f1,#0875ca);color:#fff;border:1px solid #086db5;box-shadow:inset 0 1px 0 #ffffff6b,0 2px 0 #064d87,0 4px 8px #136caa30;text-shadow:0 1px 1px #06456f66;border-radius:9px}
.create-button:hover,body.dark .create-button:hover,#follow:hover,body.dark #follow:hover,#channel-follow:hover,body.dark #channel-follow:hover{background:linear-gradient(#4fb3f8,#1485d9);color:#fff}
.icon-button,.profile,.category-bar button,.row-arrows button,.watch-icon,.card-actions button,body.dark .watch-creator .watch-icon,body.dark .dialog-close.icon-button{background:var(--panel);border:1px solid var(--edge);box-shadow:var(--raised);color:var(--ink)}
.profile{background:radial-gradient(circle at 35% 20%,#5e98c7,#214b77);border:2px solid #9bbbd0;color:#fff;box-shadow:inset 0 1px 3px #ffffff44,0 3px 5px #102c4140}.avatar{border:1px solid #ffffff55;box-shadow:inset 0 2px 2px #ffffff80,inset 0 -2px 3px #223b4820,0 2px 3px #223b4820}
.bottom-nav,body.dark .bottom-nav{background:var(--panel);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff66,0 4px 0 #73869840,0 12px 28px #102a4038;padding:9px;border-radius:17px;backdrop-filter:none}
.bottom-nav .nav-item{border:1px solid transparent;text-shadow:0 1px 0 #ffffff55}.dark .bottom-nav .nav-item{text-shadow:0 1px 0 #0006}.bottom-nav .nav-item:hover,body.dark .bottom-nav .nav-item:hover{background:var(--panel);border-color:var(--edge);box-shadow:var(--raised)}.bottom-nav .nav-item.active,.dark .bottom-nav .nav-item.active{background:var(--surface);border-color:var(--edge);box-shadow:var(--inset);color:var(--blue)}.dark .bottom-nav .nav-item.active{color:#9dd2ff}
.section-heading h1,.section-heading h2,.intro h1{color:var(--ink);text-shadow:0 1px 0 #ffffffcc}.dark .section-heading h1,.dark .section-heading h2,.dark .intro h1{text-shadow:0 2px 1px #0008}
.video-card{background:var(--panel);border:1px solid var(--edge);border-radius:15px;padding:9px;box-shadow:var(--raised)}.card-info{padding:12px 3px 5px}.thumbnail{border:2px solid #283b4d;box-shadow:inset 0 0 0 1px #ffffff33,0 1px 2px #0005;border-radius:9px}.thumb-button{display:block;width:100%}.duration{background:linear-gradient(#243340,#101a23);border:1px solid #ffffff22;box-shadow:0 1px 3px #0005;border-radius:4px}.card-actions{gap:5px}.card-actions button{padding:5px;border-radius:6px}.card-actions svg{width:15px;height:15px}
dialog,body.dark dialog,#settings-popup,#profile-popup,body.dark #settings-popup,body.dark #profile-popup,#settings-preferences,.local-video-card,.my-channel-empty,body.dark .empty{background:var(--panel);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff44,0 18px 55px #0b1f3b44;border-radius:16px}dialog::backdrop{background:#08192eaa;backdrop-filter:blur(6px)}.watch-info{background:var(--panel)}.player-area,#editor-player,.draft-cover{border:3px solid #152636;box-shadow:0 1px 0 #ffffff66,inset 0 0 10px #0008;border-radius:10px}.dialog-close{box-shadow:var(--raised)!important}
input:not([type=radio]):not([type=checkbox]):not([type=color]),textarea,select,#video-editor-form input:not([type=radio]):not([type=checkbox]),#video-editor-form textarea,#video-editor-form select,#playlist-filter,#settings-preferences input,#customize-form input:not([type=color]),#customize-form textarea{background:var(--surface);color:var(--ink);border:1px solid var(--edge);box-shadow:var(--inset);border-radius:8px}.search input{background:transparent!important;border:0!important;box-shadow:none!important}
.editor-tabs{background:var(--surface);border-color:var(--edge);box-shadow:var(--inset);padding:5px}.editor-tabs button[aria-selected=true],.dark .editor-tabs button[aria-selected=true]{background:var(--panel);border:1px solid var(--edge);box-shadow:var(--raised);color:var(--ink)}#video-editor fieldset{background:var(--surface);border-color:var(--edge);box-shadow:inset 0 1px 3px #102b4015}.upload-area,body.dark .upload-area{background:var(--surface);border:2px dashed #789cb8;box-shadow:var(--inset)}.upload-area:hover,body.dark .upload-area:hover{background:var(--panel)}
.my-banner{border:3px solid #365e80;box-shadow:inset 0 2px 12px #0005,0 2px 0 #ffffff77,0 6px 15px #183d5c26;text-shadow:0 2px 2px #0006}.genre-card{background:var(--panel);border:1px solid var(--edge);box-shadow:var(--raised)}.ai-badge{background:var(--surface);border-color:var(--edge);box-shadow:inset 0 1px 3px #152c4022}.draft-delete,.dark .draft-delete{background:linear-gradient(#fff4f4,#f2ccd2);border-color:#c5848f;color:#962a3c;box-shadow:inset 0 1px 0 #fff9,0 2px 0 #c08c94,0 4px 7px #6b17221c}.dark .draft-delete{background:linear-gradient(#683745,#422631);color:#ffc3cd;border-color:#885361}.draft-delete:hover,.dark .draft-delete:hover{filter:brightness(1.08)}
.create-button:active,.icon-button:active,.draft-delete:active,.category-bar button:active{transform:translateY(1px);box-shadow:var(--inset)}.category-bar button.active{background:linear-gradient(#1c659c,#174e77);color:#fff;border-color:#194864;box-shadow:var(--inset)}.main-footer{border-top-color:var(--edge);text-shadow:0 1px 0 #ffffff44}.dark .main-footer{text-shadow:none}
@media(max-width:600px){.video-card{padding:8px}.brand img{height:48px}.bottom-nav{padding:6px}.card-info{padding:12px 2px 5px}.card-actions button{padding:6px}.header{box-shadow:0 3px 10px #102a4030}}
.channel,.stats,#watch-description,.preview-caption,.draft-details{color:var(--muted)}.dark .channel,.dark .stats,.dark #watch-description,.dark .preview-caption{color:#b0bfcd}.card-like.liked,.card-save.saved{color:var(--blue)}.dark .card-like.liked,.dark .card-save.saved{color:#9ed1ff}
/* Deeper physical materials: machined rims, enamel keys, leather desktop. */
:root{--panel:repeating-linear-gradient(0deg,#ffffff12 0,#ffffff12 1px,transparent 1px,transparent 3px),linear-gradient(135deg,#fbfcfd 0%,#cad2d9 48%,#edf1f4 100%);--raised:inset 0 2px 0 #fff,inset 1px 0 0 #ffffffb0,inset 0 -2px 1px #697a8b66,0 3px 0 #8d9aa6,0 6px 8px #20394c40;--edge:#9caab7}
body{background-color:#a5b0bc;background-image:radial-gradient(ellipse at 50% 0,#dce3e9aa,transparent 65%),repeating-linear-gradient(45deg,#ffffff07 0,#ffffff07 1px,transparent 1px,transparent 4px),repeating-linear-gradient(-45deg,#142b3c09 0,#142b3c09 1px,transparent 1px,transparent 4px);background-attachment:fixed}
body.dark{--panel:repeating-linear-gradient(0deg,#ffffff05 0,#ffffff05 1px,transparent 1px,transparent 3px),linear-gradient(135deg,#4c5965,#273541 48%,#394956);--raised:inset 0 2px 0 #ffffff30,inset 1px 0 0 #ffffff20,inset 0 -2px 1px #0008,0 3px 0 #111c27,0 6px 8px #0006;--edge:#596977;background-color:#17202a;background-image:radial-gradient(ellipse at 50% 0,#41526480,transparent 70%),repeating-linear-gradient(45deg,#ffffff05 0,#ffffff05 1px,transparent 1px,transparent 4px),repeating-linear-gradient(-45deg,#0002 0,#0002 1px,transparent 1px,transparent 4px)}
.header,body.dark .header{border-bottom:3px solid #647484;box-shadow:inset 0 2px 0 #ffffff80,inset 0 -2px 0 #ffffff30,0 8px 15px #071c3040}.brand{border:2px solid #afbcc6;box-shadow:inset 0 1px 2px #fff,0 3px 0 #7f8d99,0 5px 8px #132d4040;padding:0 7px}.dark .brand{border-color:#536776}
.search,body.dark .search{border:3px solid #a2afba;box-shadow:inset 0 3px 8px #152c4059,inset 0 -1px 0 #fff,0 1px 0 #fff9}.dark .search{border-color:#536371;box-shadow:inset 0 4px 9px #000a,inset 0 -1px 0 #ffffff30,0 1px 0 #ffffff30}
.video-card,.local-video-card{position:relative;padding:15px;border:2px solid var(--edge);border-radius:12px;box-shadow:inset 0 2px 0 #ffffffa0,inset 2px 0 0 #ffffff40,inset 0 -3px 0 #5f748838,0 5px 0 #738393,0 10px 16px #17334645}.dark .video-card,.dark .local-video-card{box-shadow:inset 0 2px 0 #ffffff25,inset 2px 0 0 #ffffff10,inset 0 -3px 0 #0005,0 5px 0 #111e29,0 10px 16px #0006}
.video-card::before,.video-card::after{content:'';position:absolute;width:7px;height:7px;border:1px solid #718290;background:linear-gradient(45deg,#5a6a78 0 40%,#c4ccd3 42% 58%,#596a79 60%);border-radius:50%;top:5px;box-shadow:0 1px 0 #fff7}.video-card::before{left:5px}.video-card::after{right:5px}
.thumbnail{border:4px solid #182b3a;border-radius:7px;box-shadow:0 1px 0 #ffffffaa,0 -1px 0 #0009,inset 0 0 14px #0008}.thumb-button{position:relative}.thumb-button::after{content:'';position:absolute;inset:4px;pointer-events:none;border-radius:4px;background:linear-gradient(150deg,#ffffff26 0%,#ffffff09 28%,transparent 29%,transparent 100%);border-top:1px solid #ffffff55}
.create-button,body.dark .create-button,#follow,body.dark #follow,#channel-follow,body.dark #channel-follow{background:linear-gradient(#98d7ff 0%,#3ca5ed 8%,#208bd6 48%,#0864a6 49%,#197abe 100%);border:1px solid #07517e;border-bottom-width:3px;box-shadow:inset 0 1px 0 #ffffffcc,inset 1px 0 1px #ffffff80,inset 0 -1px 0 #ffffff33,0 3px 0 #06416b,0 6px 8px #0c3d6050;text-shadow:0 -1px 1px #07456dcc}
.icon-button,.card-actions button,.row-arrows button{border-bottom-width:2px;border-radius:8px}.card-actions button{background:linear-gradient(#fff,#d8e0e6 48%,#c3cdd5 49%,#e3e9ed)}.dark .card-actions button{background:linear-gradient(#576777,#394c5c 48%,#293c4b 49%,#3b4e5d)}
.bottom-nav,body.dark .bottom-nav{border:2px solid var(--edge);border-bottom-width:5px;box-shadow:inset 0 2px 0 #ffffff80,inset 0 -1px 0 #0004,0 5px 0 #657584,0 14px 25px #071e3b55;border-radius:13px;gap:10px;padding:11px}.bottom-nav .nav-item{background:var(--panel);border:1px solid var(--edge);border-radius:8px;box-shadow:var(--raised);padding:12px 18px}.bottom-nav .nav-item.active,.dark .bottom-nav .nav-item.active{background:linear-gradient(#233d50,#142d40);color:#aee3ff;border-color:#122d40;box-shadow:inset 0 3px 7px #0009,0 1px 0 #ffffff88;text-shadow:0 0 8px #50baff99}.bottom-nav .nav-item.active svg{filter:drop-shadow(0 0 3px #58baff80)}
dialog,body.dark dialog{border:3px solid var(--edge);box-shadow:inset 0 2px 0 #ffffff77,inset 0 -3px 0 #0003,0 8px 0 #142a3c70,0 28px 65px #07172699}.editor-tabs{border:2px solid var(--edge);padding:6px}.editor-tabs button[aria-selected=true],.dark .editor-tabs button[aria-selected=true]{border-bottom-width:2px}.my-banner{border-width:6px;border-radius:10px;box-shadow:inset 0 3px 14px #0008,0 2px 0 #ffffff88,0 6px 0 #536a80,0 10px 18px #122a4244}
.profile{box-shadow:inset 0 3px 4px #ffffff88,inset 0 -3px 4px #0005,0 3px 0 #426784,0 5px 8px #0f283d50}.section-heading h1,.section-heading h2{text-shadow:0 2px 0 #ffffffaa}.dark .section-heading h1,.dark .section-heading h2{text-shadow:0 2px 1px #000b}
@media(max-width:600px){.video-card{padding:13px}.bottom-nav,.dark .bottom-nav{gap:5px;padding:8px}.bottom-nav .nav-item{padding:10px 11px}.thumbnail{border-width:3px}.header{border-bottom-width:2px}}


/* Familiar video-platform shell with physical console controls. */
.header,body.dark .header{height:78px;padding:8px 28px;gap:24px}.brand-group{min-width:175px}.brand{width:132px}.brand img{height:52px}.search{width:min(650px,52vw);height:46px}.video-grid{gap:26px 20px}.section-heading{margin-bottom:18px}.section-heading h1,.section-heading h2{font-size:22px}.video-card{padding:10px;border-radius:10px}.card-info{padding:12px 1px 3px}.video-title{font-size:14px;line-height:1.45}.card-actions button{padding:4px}.card-info{gap:9px}.videos-section+.videos-section{margin-top:32px}.rail-label{display:none}
@media(min-width:1000px){main{margin-left:204px;width:calc(100% - 204px);padding:28px 28px 50px}.bottom-nav,body.dark .bottom-nav{left:14px;top:98px;bottom:auto;transform:none;display:flex;flex-direction:column;width:176px;gap:10px;padding:10px;border-radius:12px}.bottom-nav .nav-item{width:100%;justify-content:flex-start;padding:13px 12px;font-size:13px;gap:10px}.bottom-nav .count{margin-left:auto}.bottom-nav .library-menu{display:block;border-top:1px solid var(--edge);padding-top:12px;margin-top:5px}.bottom-nav #library-toggle{display:none}#library-popup,#library-popup[hidden]{display:flex!important;position:static;flex-direction:column;gap:10px;background:none!important;padding:0;border:0;box-shadow:none}.rail-label{display:inline}#library-popup .nav-item{padding:12px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-video-track>.video-card{flex-basis:calc((100% - 44px)/3)}.toast{bottom:26px}.bottom-nav::after{content:'PLAYBACK';font-size:9px;letter-spacing:3px;text-align:center;padding:14px 0 3px;color:var(--muted);text-shadow:0 1px 0 #fff5}}
@media(min-width:1600px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:999px){main{margin-left:0;width:100%;padding-bottom:120px}.rail-label{display:none}}
@media(max-width:600px){.header,body.dark .header{height:122px;padding:9px 14px;gap:9px}.brand-group{min-width:0}.brand{width:115px}.brand img{height:44px}.search{width:100%;height:38px}.video-grid{gap:22px}.bottom-nav .nav-item{padding:10px 11px}.section-heading h1,.section-heading h2{font-size:21px}}
@media(min-width:1000px){#library-popup .nav-item{font-size:12px;gap:8px;padding:12px 9px}.rail-label{white-space:normal;line-height:1.3}.bottom-nav .nav-item{min-width:0}}
/* Hand-built media cabinet: stitched leather, polished chrome and glass. */
body{background-color:#b4bbc0;background-image:radial-gradient(ellipse at top,#e1e5e788,transparent 70%),repeating-radial-gradient(ellipse at 15% 30%,#ffffff0a 0 1px,#00000008 2px 3px,transparent 4px 7px);background-size:auto,11px 9px}
body.dark{background-color:#18252c;background-image:radial-gradient(ellipse at top,#4a5b6677,transparent 70%),repeating-radial-gradient(ellipse at 15% 30%,#ffffff06 0 1px,#0003 2px 3px,transparent 4px 7px);background-size:auto,11px 9px}
.header,body.dark .header{background:repeating-linear-gradient(0deg,#fff2 0 1px,transparent 1px 3px),linear-gradient(#f4f6f8,#aeb9c3 48%,#8c9aa6 49%,#d5dde3 95%,#697b8a);border-bottom:4px solid #495d6d;box-shadow:inset 0 2px 0 #fff,0 3px 0 #ffffff66,0 10px 18px #122d4755}.dark .header{background:repeating-linear-gradient(0deg,#fff05 0 1px,transparent 1px 3px),linear-gradient(#596875,#2c3e4c 48%,#213340 49%,#425361 95%,#1e303d)}
.video-card,.local-video-card{background:repeating-radial-gradient(ellipse at 20% 20%,#ffffff07 0 1px,#00000009 2px 3px,transparent 4px 7px),linear-gradient(135deg,#e8edf0,#bac6cf);background-size:9px 8px,auto;border:3px solid #a6b5c0;border-top-color:#f3f6f8;border-left-color:#dfe6ec;border-bottom-color:#687e8f;box-shadow:inset 0 0 0 1px #fff8,inset 0 -4px 5px #4d627b44,0 7px 0 #647c8e,0 10px 0 #405b6c55,0 16px 20px #0b223644;padding:14px;border-radius:15px}
.dark .video-card,.dark .local-video-card{background:repeating-radial-gradient(ellipse at 20% 20%,#ffffff08 0 1px,#0002 2px 3px,transparent 4px 7px),linear-gradient(135deg,#4b5d6b,#293d4c);background-size:9px 8px,auto;border-color:#516878;border-top-color:#9daeb8;border-left-color:#7d929f;border-bottom-color:#182f40;box-shadow:inset 0 0 0 1px #ffffff22,inset 0 -4px 5px #0006,0 7px 0 #152b3b,0 10px 0 #091c2966,0 16px 20px #0006}
.thumbnail{border:6px solid #182e3f;border-top-color:#0a1924;border-left-color:#122535;border-bottom-color:#466174;border-right-color:#344f61;box-shadow:0 1px 0 #fff9,inset 0 0 18px #0009;border-radius:8px}.thumb-button::after{inset:6px;background:linear-gradient(145deg,#ffffff44 0,#ffffff18 30%,transparent 31%),linear-gradient(0deg,#0003,transparent 20%);box-shadow:inset 0 1px 2px #ffffff70}
.card-info{border-top:1px dashed #71889666;margin-top:14px;padding-top:14px}.video-card::before,.video-card::after{width:9px;height:9px;top:5px;box-shadow:inset 0 1px 0 #fff,0 1px 2px #0009}
.bottom-nav,body.dark .bottom-nav{background:repeating-radial-gradient(ellipse at 20% 20%,#ffffff0a 0 1px,#0004 2px 3px,transparent 4px 7px),linear-gradient(120deg,#344d60,#192e3f);background-size:8px 7px,auto;border:4px solid #94a7b6;border-top-color:#e1e8ed;border-left-color:#c2cfd8;border-bottom-color:#506879;box-shadow:inset 0 0 0 2px #0a2234,inset 0 0 0 4px #ffffff22,0 7px 0 #40586c,0 18px 25px #0a21365c;padding:15px;color:#d3e0e9}.bottom-nav::after{color:#bfd0de!important;text-shadow:0 -1px 0 #000!important}.bottom-nav .library-menu{border-top:1px dashed #aabeca88}.bottom-nav .nav-item{box-shadow:inset 0 2px 0 #fff,inset 0 -2px 2px #697c8c88,0 4px 0 #0b2030,0 7px 8px #0006;border-radius:7px;margin-bottom:3px;color:#344d5f}.dark .bottom-nav .nav-item{color:#e1eaf0;box-shadow:inset 0 2px 0 #ffffff44,inset 0 -2px 2px #0008,0 4px 0 #0b1c28,0 7px 8px #0006}.bottom-nav .nav-item.active,.dark .bottom-nav .nav-item.active{border:2px solid #6aa6cf;background:radial-gradient(ellipse at top,#245c84,#102c40);box-shadow:inset 0 3px 10px #000b,0 1px 0 #dcefff70,0 0 10px #3eb2ff35;color:#b8eaff}
.create-button,body.dark .create-button,#follow,body.dark #follow{box-shadow:inset 0 2px 0 #c8eeff,inset 2px 0 2px #ffffff66,inset 0 -2px 1px #ffffff44,0 5px 0 #064064,0 8px 10px #082b4655}.create-button:active,.icon-button:active,.bottom-nav .nav-item:active{transform:translateY(3px);box-shadow:inset 0 2px 5px #0004,0 1px 0 #173f59}
.search,body.dark .search{border-width:4px;border-top-color:#6f8290;border-bottom-color:#f2f6f8;box-shadow:inset 0 4px 9px #102a4e55,inset 0 -2px 0 #fff6,0 1px 0 #fff8}.dark .search{border-top-color:#142b3d;border-bottom-color:#6a7c8a}
@media(max-width:600px){.bottom-nav,body.dark .bottom-nav{padding:8px;border-width:3px}.video-card{padding:13px}.thumbnail{border-width:5px}.thumb-button::after{inset:5px}.bottom-nav .nav-item{padding:10px 10px}.header{border-bottom-width:3px}}

/* Requested player and profile refinements. */
#like[aria-pressed=true] svg,.card-like.liked svg{fill:#0788ff!important;stroke:#0788ff!important}#save .rail-label{display:none!important}
body.dark .header{background:repeating-linear-gradient(0deg,#ffffff09 0 1px,transparent 1px 3px),linear-gradient(#4b5c6c,#263b4d 48%,#182d40 49%,#354d62 95%,#102637);border-bottom-color:#0c2335;box-shadow:inset 0 2px 0 #9ab6cd55,0 3px 0 #ffffff16,0 10px 18px #0006}
.brand,body.dark .brand{border-radius:13px!important;overflow:hidden}.brand img{border-radius:10px}#profile-popup #profile-signout{display:flex;align-items:center;gap:10px;border-top:1px solid var(--edge);margin-top:8px;border-radius:0 0 8px 8px}#profile-signout svg{width:20px;height:20px}

#dislike[aria-pressed=true],body.dark .watch-creator #dislike[aria-pressed=true]{color:#e8444e!important;border-color:#d34e58}#dislike[aria-pressed=true] svg{fill:#e8444e;stroke:#e8444e}#save[aria-pressed=true],body.dark .watch-creator #save[aria-pressed=true],.card-save.saved{color:#e6b21c!important;border-color:#d2a61f}#save[aria-pressed=true] svg,.card-save.saved svg{fill:#f4cc36!important;stroke:#f4cc36!important}#follow,#channel-follow{display:inline-flex;align-items:center;justify-content:center;gap:6px}#follow svg,#channel-follow svg{width:16px;height:16px;stroke-width:2.5}#profile-preview-form label{display:block;margin:16px 0 8px}#profile-preview-form input{width:100%;padding:12px;margin-bottom:10px;color:var(--ink);font:inherit}#profile-preview-form p{font-size:13px;line-height:1.6;color:var(--muted)}#profile-preview-form button{margin-top:16px}

.card-like.liked,body.dark .card-like.liked{border-color:#0788ff!important;outline:1px solid #0788ff;outline-offset:0}#preview-actions{padding:16px 24px;background:var(--panel);border-bottom:1px solid var(--edge)}#preview-limit-note,#preview-question p{font-size:13px;color:var(--muted)}#preview-question button{display:inline-flex;margin:4px 10px 4px 0}.full-watch-mode main>section:not(#full-watch-page){display:none!important}#full-watch-page{max-width:1200px;margin:0 auto}#watch-back{margin-bottom:20px}#full-watch-host{border:3px solid var(--edge);border-radius:14px;overflow:hidden;background:var(--panel);box-shadow:var(--raised)}#full-watch-host .player-area{aspect-ratio:16/9;height:auto}#full-watch-host video{width:100%;max-height:70vh}#full-watch-host .watch-info{padding:24px}.full-watch-mode #full-watch-page[hidden]{display:block!important}

#like[aria-pressed=true],body.dark .watch-creator #like[aria-pressed=true]{border:1px solid #0788ff!important;outline:none!important}#dislike[aria-pressed=true],body.dark .watch-creator #dislike[aria-pressed=true]{border:1px solid #e8444e!important;outline:none!important}.watch-page-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}#full-watch-page{max-width:1500px}#full-watch-host{min-width:0}#full-watch-host>#watch-title{font-size:23px;line-height:1.4;padding:20px 22px;margin:0;background:var(--panel);overflow-wrap:anywhere}#watch-posted{font-size:12px;color:var(--muted);margin:16px 0 8px}#watch-comments{background:var(--panel);border:2px solid var(--edge);border-radius:12px;padding:18px;box-shadow:var(--raised);max-height:80vh;overflow:auto;min-width:0}#watch-comments h2,#watch-suggestions h2{font-size:21px;margin:0 0 16px}#watch-comments label{display:block;font-size:13px;margin:18px 0 8px}#watch-comment{width:100%;padding:10px;font:inherit;resize:vertical}#watch-comment-form button{margin-top:10px}.comments-note,#comments-empty{font-size:12px;color:var(--muted);line-height:1.5}.watch-comment-entry{border-top:1px solid var(--edge);margin-top:18px;padding-top:16px}.watch-comment-entry strong{font-size:13px}.watch-comment-entry p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.watch-comment-entry time{font-size:11px;color:var(--muted)}#watch-suggestions{margin-top:34px}#watch-suggestion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#full-watch-host .watch-creator{flex-wrap:wrap;gap:10px}#full-watch-host .watch-identity{margin-right:auto}#full-watch-host .watch-info{padding:20px}
@media(max-width:1100px){.watch-page-columns{grid-template-columns:minmax(0,1fr)}#watch-comments{max-height:none}#watch-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#full-watch-host>#watch-title{font-size:19px;padding:16px}#watch-suggestion-grid{grid-template-columns:1fr}.watch-page-columns{gap:20px}}

.comment-username{font-size:11px;font-weight:400;color:var(--muted);margin-left:4px}#thumbnail-picker{margin-top:18px;border-top:1px solid var(--edge);padding-top:16px}#thumbnail-picker label{font-size:13px;display:block;margin-bottom:10px}#thumbnail-time{width:100%;padding:0;box-shadow:none;margin:8px 0 16px}#capture-thumbnail{font-size:13px}#selected-thumbnail{display:block;max-width:240px;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:8px;border:2px solid var(--edge);margin-top:12px}img.draft-cover{width:100%;object-fit:cover}#suggestions-more{margin:28px auto 0;min-width:160px;justify-content:center}body:not(.dark) .bottom-nav{background:repeating-radial-gradient(ellipse at 20% 20%,#ffffff55 0 1px,#53667709 2px 3px,transparent 4px 7px),linear-gradient(120deg,#eff3f6,#c5d0d8);background-size:8px 7px,auto;border-color:#9cadba;border-top-color:#fff;border-left-color:#f1f5f7;box-shadow:inset 0 0 0 2px #ffffff99,inset 0 0 0 4px #8ca0b333,0 7px 0 #879ba9,0 18px 25px #0a213633;color:#344d5f}body:not(.dark) .bottom-nav::after{color:#536b7b!important}body:not(.dark) .bottom-nav .library-menu{border-top-color:#8199aa88}

#thumbnail-frame{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:2px solid var(--edge);border-radius:8px;margin:8px 0 14px}#playlist-none{display:block;padding:8px 14px;margin:-8px 0 20px;border:1px solid var(--edge);border-radius:7px;background:var(--panel);box-shadow:var(--raised);font-size:13px}.draft-post:disabled{opacity:.65;cursor:default}.draft-actions{align-items:stretch}.draft-actions .draft-post{font-size:12px}

body.mobile-posting-disabled .header-actions>.create-button,body.mobile-posting-disabled #my-create,body.mobile-posting-disabled .draft-post,body.mobile-posting-disabled .draft-actions .create-button,body.mobile-posting-disabled #watch-comment-form,body.mobile-posting-disabled #thoughts-open{display:none!important}

.player-area{position:relative}#preview-question{position:absolute;inset:0;z-index:3;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:12px;padding:26px;text-align:center;background:#081725b8;backdrop-filter:blur(3px)}#preview-question p{flex:0 0 100%;margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.4;color:#fff;text-shadow:0 2px 3px #0008}#preview-question button{display:inline-flex;margin:0;min-height:44px}#watch-dialog:has(#preview-question:not([hidden])) #preview-actions{display:none}.full-watch-mode #preview-question{display:none!important}@media(max-width:600px){#preview-question{padding:18px;gap:10px}#preview-question p{font-size:18px}#preview-question button{font-size:12px;padding:10px 12px}}

.draft-watch-title,.draft-watch-cover{cursor:pointer}.draft-watch-title:hover{text-decoration:underline}.draft-watch-title:focus-visible,.draft-watch-cover:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.draft-watch-cover:hover{filter:brightness(1.08)}

/* Quieter surfaces keep the videos in focus. */
body.dark .account-link{color:#8bd3ff}body.dark #cloud-auth-status[role=alert]{color:#ff9ca5}
#account-dialog,#channel-setup-dialog{width:min(460px,calc(100% - 24px));padding:26px;max-height:90dvh;overflow:auto}#account-dialog h2,#channel-setup-dialog h2{margin:0 30px 16px 0;font-size:23px}#account-dialog label,#channel-setup-dialog label{display:block;margin:16px 0 7px;font-size:14px}#account-dialog input,#channel-setup-dialog input{width:100%;padding:11px 12px;font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:8px}.account-note{font-size:13px;line-height:1.6;color:var(--muted)}#cloud-auth-status,#channel-setup-status{font-size:14px;line-height:1.5;overflow-wrap:anywhere}#cloud-auth-status[role=alert]{color:#d54f57}.account-link{padding:12px 0;margin-right:18px;color:var(--blue);font-size:14px}#profile-popup{max-height:min(650px,80dvh);overflow:auto}#profile-popup .account-note{margin:8px 10px}#cloud-account-label{overflow-wrap:anywhere}.create-button:disabled{cursor:wait;opacity:.65}
.section-heading p,.section-heading>span,.video-channel,.card-meta,.card-info p,footer{color:var(--muted)}
:root{--muted:#4e6171;--panel:linear-gradient(135deg,#f0f4f7,#dce4ea);--raised:inset 0 1px 0 #ffffffb0,0 2px 3px #20394c30,0 4px 10px #20394c12}
body{background-color:#dce3e8;background-image:radial-gradient(ellipse at top,#f2f5f8,transparent 85%);background-size:auto}
body.dark{--muted:#bac8d5;--panel:linear-gradient(135deg,#344553,#293a48);--raised:inset 0 1px 0 #ffffff20,0 2px 3px #0005,0 4px 10px #0002;background-color:#1c2b35;background-image:radial-gradient(ellipse at top,#31455266,transparent 85%);background-size:auto}
.video-card,.local-video-card{background:linear-gradient(135deg,#edf2f5,#d8e2e9);border-width:2px;box-shadow:inset 0 1px 0 #ffffffb0,0 3px 0 #7d929f,0 6px 12px #16304420}
body.dark .video-card,body.dark .local-video-card{background:linear-gradient(135deg,#354b5b,#2a3e4c);border-width:2px;box-shadow:inset 0 1px 0 #ffffff20,0 3px 0 #142a38,0 6px 12px #0003}
.card-info{border-top:1px solid #78909f35;margin-top:10px;padding-top:12px}.thumbnail{border-width:3px}.thumb-button::after{inset:3px;background:linear-gradient(145deg,#ffffff12,transparent 35%);box-shadow:none}
.video-card::before,.video-card::after{width:6px;height:6px;opacity:.55}
.bottom-nav,body.dark .bottom-nav{background:linear-gradient(120deg,#344d60,#233b4b);border-width:2px;box-shadow:inset 0 1px 0 #ffffff40,0 3px 0 #40586c,0 7px 16px #0a213630}
body:not(.dark) .bottom-nav{background:linear-gradient(120deg,#eef3f6,#d3dfe7);box-shadow:inset 0 1px 0 #fff,0 3px 0 #879ba9,0 7px 16px #0a213620}
.bottom-nav .nav-item,body.dark .bottom-nav .nav-item{box-shadow:inset 0 1px 0 #ffffff50,0 2px 0 #142a3840,0 3px 6px #0002}
.header,body.dark .header{box-shadow:inset 0 1px 0 #ffffff40,0 3px 10px #0003;border-bottom-width:2px}
.section-heading h1,.section-heading h2,body.dark .section-heading h1,body.dark .section-heading h2{text-shadow:none}
.my-banner{border-width:3px;box-shadow:inset 0 1px 5px #0004,0 3px 8px #122a4220}
.channel-heading{padding:20px 0 14px;gap:16px}.channel-heading h1{margin-bottom:4px}.channel-heading p{margin:4px 0 8px}#my-description{margin:8px 0 24px;line-height:1.6}#local-video-section>h2{margin:0 0 16px}
.video-meta,.channel-name,.local-profile-note,.comments-note,#comments-empty,#watch-posted,.watch-comment-entry time{color:var(--muted)}.video-meta,.local-profile-note,.comments-note,#watch-posted{font-size:12px;line-height:1.6}
@media(max-width:600px){main{padding-left:16px;padding-right:16px}.channel-heading{gap:12px;padding:16px 0 12px}.channel-heading>div{min-width:0;flex:1}.channel-heading h1{overflow-wrap:anywhere}#customize-channel{margin-top:4px}#my-description{margin-bottom:20px}.my-banner{height:120px}.video-card,.local-video-card{padding:10px}.video-title{font-size:15px}.watch-creator{row-gap:14px}#full-watch-host .watch-info{padding:16px}dialog{max-width:calc(100% - 24px)}#preview-question button{min-height:44px}.bottom-nav .nav-item{min-height:44px}.search input{font-size:16px}}

.bottom-nav .library-menu,body:not(.dark) .bottom-nav .library-menu,body.dark .bottom-nav .library-menu{border-top:0!important}.bottom-nav .nav-item[data-view=liked].active svg,.bottom-nav .nav-item[data-view=liked].active:hover svg{color:#0788ff;fill:#0788ff;stroke:#0788ff;filter:none}.bottom-nav .nav-item[data-view=saved].active svg,.bottom-nav .nav-item[data-view=saved].active:hover svg{color:#f4cc36;fill:#f4cc36;stroke:#f4cc36;filter:none}#customize-dialog{width:min(640px,calc(100% - 28px));max-height:90dvh;overflow:auto}.channel-image-preview{margin-top:22px;position:relative;padding-bottom:35px}#banner-image-preview{height:140px;border:2px solid var(--edge);border-radius:10px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;color:white}#banner-image-preview span{font-size:12px;padding:4px 8px;border-radius:5px;background:#142c4977}#avatar-image-preview{position:absolute;bottom:0;left:18px;width:76px;height:76px;font-size:24px;color:white;border:3px solid var(--surface)}.image-reset{font-size:12px;color:var(--muted);text-decoration:underline;padding:7px 0}.image-reset:disabled{opacity:.4;cursor:default}#customize-form input[type=file]{font-size:12px}#channel-image-status{min-height:18px}#customize-form .custom-colors{margin-top:8px}
/* Category symbols use the same line weight as the navigation icons. */
.genre-card{justify-content:center;gap:12px;color:var(--ink);transition:box-shadow .16s ease,border-color .16s ease}
.genre-card:before{display:none}.genre-card .genre-icon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--blue)}
.dark .genre-card .genre-icon{color:#83c9ff}
.bottom-nav .nav-item[data-view=liked].active .rail-label{color:#0788ff;text-shadow:0 0 9px #0788ff88}
.bottom-nav .nav-item[data-view=saved].active .rail-label{color:#f4cc36;text-shadow:0 0 9px #f4cc3688}
#settings-toggle,body.dark #settings-toggle{transform:none;transition:box-shadow .16s ease,border-color .16s ease,color .16s ease;animation:none}
#settings-toggle:hover,body.dark #settings-toggle:hover,#settings-toggle[aria-expanded=true]{background:var(--panel);border-color:var(--blue);color:var(--blue);box-shadow:var(--raised),0 0 7px #0788ff33;transform:none}
#settings-toggle:active,body.dark #settings-toggle:active{transform:none;box-shadow:var(--inset)}
#settings-toggle svg{transform:none;animation:none;transition:none}
@media(prefers-reduced-motion:reduce){#settings-toggle,.genre-card{transition:none}}
.cloud-thumbnail{background:var(--surface);display:grid;place-items:center}.cloud-thumbnail>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cloud-cover-play{color:var(--blue);font-size:34px}.cloud-player{width:100%;height:100%;position:absolute;inset:0;border:0;background:#000}.hosted-own-section{margin-top:32px}.cloud-uploading .draft-post{pointer-events:none;opacity:.55}.hosted-own-section .draft-cover{display:block;width:100%;color:var(--blue);font-size:36px;aspect-ratio:16/9;background:var(--surface)}