/* Familiar video browsing, with BirBilim's own identity. */
:root{--ink:#0f0f0f;--muted:#606060;--line:#e5e5e5;--soft:#f2f2f2;--red:#e62117;--blue:#065fd4}html{color-scheme:light;scroll-padding-top:80px}body.tube{background:#fff;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.025em;font-weight:650}h1{font-size:28px}h2{font-size:22px}p,.muted{color:var(--muted)}input,select,textarea{background:#fff;border-color:#d5d5d5;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #065fd418}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}input[type=file]::file-selector-button{background:var(--soft);color:var(--ink)}:focus-visible{outline-color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tube-header{height:64px;position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fffffff7;padding:0 28px 0 16px;backdrop-filter:blur(14px)}.header-brand{display:flex;gap:14px;align-items:center;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;background:transparent;border:0;border-radius:50%;color:var(--ink)}.icon-button:hover{background:var(--soft)}.icon-button .icon{width:23px;height:23px}.brand{gap:6px;font-size:25px;letter-spacing:-1.2px;font-weight:750;line-height:1}.brand-play{width:34px;height:24px;border-radius:7px;background:#f00;color:white;display:grid;place-items:center}.brand-play .icon{width:17px;height:17px;fill:currentColor;stroke-width:1}.brand sup{font-size:9px;font-weight:400;letter-spacing:0;color:#606060;align-self:flex-start;margin:0 0 0 2px}.tube-header .search{display:flex;flex:1;max-width:600px;gap:0;border:1px solid #ccc;border-radius:24px;height:42px;margin-left:28px;overflow:hidden;color:var(--ink);position:static;padding:0;background:#fff}.tube-header .search:focus-within{border-color:var(--blue);box-shadow:inset 1px 0 0 var(--blue)}.tube-header .search input{border:0;border-radius:24px 0 0 24px;min-width:0;width:100%;padding:8px 18px;height:40px;box-shadow:none;font-size:16px;min-height:0}.tube-header .search button{width:64px;flex-shrink:0;align-self:stretch;border:0;border-left:1px solid #d3d3d3;background:#f8f8f8;display:grid;place-items:center}.tube-header .search button:hover{background:#eee}.top-actions{gap:14px}.avatar{background:#70503e;color:white;width:36px;height:36px;font-weight:500;font-size:16px}.mobile-search{display:none}.create-button{border:0!important;background:var(--soft)!important;min-height:36px!important;padding:7px 12px!important}.sign-in{color:var(--blue)!important;background:#fff!important;border-color:#ddd!important;white-space:nowrap}.gift-alert{color:#83511a}.gift-alert>span{position:absolute;margin:-21px 0 0 24px;width:7px;height:7px;background:var(--red);border-radius:50%}
.tube .sidebar{top:64px;width:224px;padding:12px 12px 20px;background:#fff;border:0;z-index:55;overflow-y:auto;overscroll-behavior:contain;transition:transform .2s ease}.nav-link{font-size:14px;font-weight:400;color:var(--ink);padding:10px 12px;gap:22px;margin:0;min-height:42px;border-radius:10px}.nav-link .icon{width:22px;height:22px}.nav-link:hover{color:var(--ink);background:#f2f2f2}.nav-link.active{color:var(--ink);background:#eee;font-weight:650}.nav-link.active>.icon{stroke-width:2.4}.nav-divider{background:var(--line);margin:13px 0}.nav-section-title{padding:7px 12px;font-size:15px;font-weight:650;display:flex;align-items:center;gap:8px}.nav-section-title .icon{width:15px}.mini-channel{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;background:#161616;color:#fff;border-radius:50%;font-size:10px;font-weight:650}.mini-channel.ae{background:#252055;color:#c2beff}.sidebar-bottom{padding-top:30px}.sidebar-copyright{font-size:11px;color:#909090;line-height:1.7;margin:18px 12px 0}.tube .workspace{margin:64px 0 0 224px;transition:margin-left .2s}.tube .main{padding:16px 28px 28px;max-width:1760px;min-height:calc(100vh - 160px);animation:enter .2s ease both}.main-footer{max-width:1760px;padding:25px 28px;color:#909090;border-top:1px solid #eee}.nav-backdrop{position:fixed;inset:64px 0 0;background:#0005;border:0;z-index:50}.nav-collapsed:not(.watch-page) .sidebar{transform:translateX(-100%)}.nav-collapsed:not(.watch-page) .workspace{margin-left:0}.preview-bar{min-height:34px;padding:5px 28px;background:#f8f9fb;border-bottom:1px solid #edf0f4;color:#6b7280;font-size:11px}.preview-role{color:#6b7280;border-radius:5px;padding:3px 8px;font-size:11px}.preview-role:hover,.preview-role.selected{background:#e6eaf0;border-color:#d5dce5;color:#253855}.live-dot{background:#7892b4}.skip-link{background:#111;color:white}
.topic-chips,.rail-chips,.student-filters{display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none}.topic-chips{padding:0 0 19px;min-height:54px}.topic-chips::-webkit-scrollbar,.rail-chips::-webkit-scrollbar,.student-filters::-webkit-scrollbar{display:none}.topic-chips a,.rail-chips a,.student-filters a{white-space:nowrap;padding:7px 12px;background:var(--soft);border-radius:8px;font-weight:600;font-size:14px;transition:background .18s}.topic-chips a:hover,.rail-chips a:hover,.student-filters a:hover{background:#e6e6e6}.topic-chips a.selected,.rail-chips a.selected,.student-filters a.selected{background:#0f0f0f;color:#fff}.feed-section{padding:12px 0 26px;margin-bottom:8px;border-bottom:1px solid var(--line)}.feed-section:last-child{border:0}.feed-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.feed-section-heading h2{font-size:20px;margin-bottom:3px}.feed-section-heading p{font-size:12px;margin:0}.section-all{display:flex;align-items:center;gap:5px;border:1px solid #ddd;border-radius:24px;padding:7px 12px;font-size:12px;white-space:nowrap;color:var(--blue);font-weight:600}.section-all:hover{background:#def1ff;border-color:transparent}.section-all .icon{width:15px;height:15px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 18px}.video-grid.shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.watch-card{display:block;min-width:0}.watch-thumb{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#f0f0f0}.watch-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.watch-card:hover .watch-thumb img{transform:scale(1.035)}.thumb-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:#e7e7e7;color:#999}.thumb-placeholder .icon{width:45px;height:45px}.thumb-play{display:grid;place-items:center;position:absolute;top:50%;left:50%;width:44px;height:32px;transform:translate(-50%,-40%);opacity:0;background:#f00;color:white;border-radius:9px;transition:opacity .16s,transform .16s}.thumb-play .icon{width:20px;height:20px;fill:currentColor}.watch-card:hover .thumb-play,.watch-card:focus-visible .thumb-play{transform:translate(-50%,-50%);opacity:1}.thumb-access,.duration,.thumb-complete{position:absolute;background:#000c;color:#fff;font-size:11px;font-weight:600;border-radius:4px;padding:2px 5px;display:flex;align-items:center;gap:4px}.thumb-access{top:7px;right:7px}.thumb-access .icon,.thumb-complete .icon{width:11px;height:11px}.duration{bottom:7px;right:7px}.thumb-complete{left:7px;bottom:7px}.watch-card-info{display:flex;align-items:flex-start;gap:11px;padding:11px 0 2px}.watch-card-info>div{min-width:0}.watch-card-info h3{font-size:14px;font-weight:650;line-height:1.4;letter-spacing:0;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-card-info p,.watch-card-info small{font-size:12px;color:var(--muted);margin:0;line-height:1.55;display:block}.watch-card-info p .icon{width:11px;height:11px;margin-left:2px;color:#777}.channel-avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#181818;color:#fff;font-size:19px;font-weight:650;letter-spacing:-1px}.channel-avatar.ae{background:#292352;color:#c8c2ff;font-size:15px;letter-spacing:-.5px}.feed-heading{margin:12px 0 24px}.feed-heading h1{font-size:24px}.feed-heading>span{color:var(--muted);font-size:13px}.section-chips{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 12px}.section-chips a{font-size:12px;color:var(--muted);display:flex;gap:4px;align-items:center}.section-chips .icon{width:13px;height:13px}
.watch-page .sidebar{transform:translateX(-100%);box-shadow:12px 0 24px #00000008}.watch-page .workspace{margin-left:0}.watch-page.nav-open .sidebar{transform:none}.watch-page .main.wide{max-width:1700px;padding:24px 32px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px}.watch-main,.watch-rail{min-width:0}.player-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:12px;border:0}.player-frame>video,.player-frame>iframe{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border:0;position:absolute;inset:0}.player-frame:fullscreen{border-radius:0;width:100%;height:100%;aspect-ratio:auto}.watch-title{font-size:21px;letter-spacing:0;line-height:1.35;margin:13px 0 13px}.watch-action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.course-channel{display:flex;gap:11px;align-items:center;min-width:170px}.course-channel .channel-avatar{width:41px;height:41px}.course-channel strong{display:block;font-size:15px}.course-channel strong .icon{width:13px;height:13px;color:#606060}.course-channel small{font-size:12px;color:var(--muted);display:block}.watch-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.watch-buttons .btn{min-height:36px;font-size:13px;padding:7px 12px;border:0;background:var(--soft)}.watch-buttons .btn .icon{width:19px;height:19px}.watch-buttons .completed{background:#dceaf7;color:#065fd4}.watch-description{padding:13px 15px;background:var(--soft);border-radius:12px;font-size:14px;margin-bottom:24px}.watch-description p{color:#252525;line-height:1.65;margin:7px 0 0;overflow-wrap:anywhere}.description-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.description-meta span{color:#555}.watch-resources{margin-bottom:26px}.watch-resources>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:650;padding:12px 0}.watch-resources>summary span{font-size:12px;font-weight:400;color:#777}.watch-resources>summary>.icon{width:16px;margin-left:auto;transform:rotate(90deg)}.watch-resources:not([open])>summary>.icon{transform:rotate(0)}.watch-comments h2{font-size:20px;margin-bottom:16px}.watch-comments .chat-widget{border:0}.playlist{border:1px solid #ddd;border-radius:12px;overflow:hidden}.playlist-heading{padding:16px 18px 14px;background:#f7f7f7}.playlist-heading h2{font-size:16px;margin:0 0 4px}.playlist-heading p{font-size:12px;margin:0}.playlist-items{max-height:385px;overflow-y:auto;scrollbar-width:thin}.playlist-row{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 3px}.playlist-row:hover{background:#eee}.playlist-row.current{background:#e6e6e6}.playlist-index{width:17px;font-size:11px;color:#606060;text-align:center;flex-shrink:0}.playlist-index .icon{width:12px;height:12px;fill:currentColor}.playlist-thumb{width:107px;aspect-ratio:16/9;flex-shrink:0;background:#ddd;border-radius:6px;overflow:hidden}.playlist-thumb img{width:100%;height:100%;object-fit:cover;display:block}.playlist-row>span:last-child{min-width:0}.playlist-row strong{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:650}.playlist-row small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.full-course-link{display:flex;align-items:center;gap:8px;font-size:12px;padding:12px;color:var(--blue);margin:5px 0 14px}.full-course-link>.icon{width:17px;height:17px}.full-course-link>.icon:last-child{margin-left:auto}.rail-chips{margin:0 0 17px}.rail-chips a{font-size:12px}.watch-card.compact{display:grid;grid-template-columns:160px minmax(0,1fr);gap:9px;margin-bottom:12px}.compact .watch-thumb{border-radius:8px}.compact .watch-card-info{padding:0}.compact .watch-card-info h3{font-size:12px}.compact .watch-card-info p,.compact .watch-card-info small{font-size:11px}.compact .thumb-access{font-size:9px;padding:1px 4px;top:4px;right:4px}.video-gate{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(#000a,#000c),var(--gate-cover) center/cover;border-radius:12px;overflow:hidden}.video-gate .gate{background:transparent;border:0;color:white;padding:30px 22px}.video-gate .gate p{color:#ddd}.video-gate .gate>.icon{color:#fff}.video-gate .gate h2{font-size:23px}.theater-mode .watch-layout{grid-template-columns:minmax(0,1fr)}.theater-mode .player-frame{max-height:calc(100vh - 100px);aspect-ratio:21/9}.theater-mode .watch-rail{display:none}
.player-ui{position:absolute;bottom:0;left:0;right:0;padding:35px 14px 5px;color:white;background:linear-gradient(transparent,#000c);z-index:3;transition:opacity .2s}.player-controls{display:flex;gap:3px;align-items:center;height:42px}.player-controls button,.player-controls a{border:0;background:transparent;color:#fff;width:38px;height:40px;min-width:32px;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:5px}.player-controls button:hover,.player-controls a:hover{background:#ffffff25}.player-controls .icon{width:22px;height:22px}.player-controls [data-play-icon] .icon{fill:currentColor}.player-next{gap:0!important}.player-next .icon{width:17px;height:17px;fill:currentColor}.player-next>span{height:14px;width:2px;background:white;margin-left:-2px}.player-time{font-size:12px;white-space:nowrap;margin-left:7px}.player-spacer{flex:1}.timeline{height:15px;display:flex;align-items:center;position:relative}.timeline input,.volume-slider{accent-color:#f00;min-height:0;height:4px;padding:0;border:0;border-radius:0;box-shadow:none;cursor:pointer}.timeline input{width:100%;margin:0;appearance:none;background:linear-gradient(to right,#f00 var(--played,0%),#ffffff60 var(--played,0%));outline-offset:7px}.timeline input::-webkit-slider-thumb{appearance:none;border:0;width:12px;height:12px;background:#f00;border-radius:50%}.timeline input::-moz-range-thumb{border:0;width:12px;height:12px;background:#f00;border-radius:50%}.volume-slider{width:54px;accent-color:white}.speed-control{font-size:12px}.speed-control select{min-height:32px;height:32px;min-width:53px;width:56px;padding:3px 0 3px 6px;border:0;background:transparent;color:white;font-size:12px;border-radius:4px}.speed-control option{color:white;background:#202020}.center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:48px;border:0;border-radius:12px;background:#ff0000e6;color:#fff;display:grid;place-items:center;z-index:2}.center-play .icon{width:29px;height:29px;fill:currentColor}.player-frame.playing .center-play{display:none}.player-frame.controls-asleep .player-ui{opacity:0;pointer-events:none}.player-frame.controls-asleep{cursor:none}.player-frame:focus-within .player-ui{opacity:1;pointer-events:auto}
.btn{background:var(--soft);border-color:#ddd;color:var(--ink);border-radius:22px;min-height:40px;padding:9px 17px;font-size:13px}.btn:hover{background:#e5e5e5}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover{background:#333}.btn.danger{background:#fff1f0;border-color:#f1cac6;color:#a82017}.btn.small{min-height:32px;padding:5px 12px;font-size:12px}.text-link,.auth-switch a{color:var(--blue)}.panel{background:#fff;border-color:var(--line);border-radius:12px}.badge{background:#f1f1f1;color:#333;border-color:#e0e0e0;letter-spacing:0;font-size:10px;border-radius:5px}.badge.pending{background:#fff3d8;color:#8c6011;border-color:#f3dfb5}.badge.rejected,.badge.danger{background:#feefee;color:#b13a2f;border-color:#f3d6d1}.badge.approved{background:#eaf5ed;color:#257539;border-color:#cee6d5}.badge.gift,.gift-badge{background:#f5edff;color:#7540a7;border-color:#e7d8f7}.field>span{color:#333}.field small{color:#777}.checkbox{color:#555}.eyebrow{color:#777;font-size:10px}.page-heading{padding-top:15px}.page-heading h1{font-size:27px}.page-heading p{font-size:14px}.form-error{background:#fff0ef;color:#a52d23;border-color:#efcbc6}.success{background:#edf7ee;color:#2f6b33}.empty>.icon{color:#909090}.gate{background:#f8f8f8;border-color:#e5e5e5}.gate>.icon{color:#777}.course-card{background:#fff;border-color:var(--line)}.course-card:hover{border-color:#bbb;transform:translateY(-2px)}.course-info .eyebrow{color:#666}.course-bottom,.course-bottom .muted,.course-info .eyebrow span{color:#606060}.circle-link{color:#111;border-color:#ccc}.breadcrumbs{color:#606060}.breadcrumbs a:hover{color:#111}.course-header h1{font-size:32px}.course-summary{color:#606060}.section-block[open] summary{border-color:#e5e5e5}.section-intro{background:#f7f7f7}.lesson-row{border-color:var(--line)}.lesson-row:hover{background:#f6f6f6}.lesson-num,.lesson-row-title small,.lesson-meta{color:#606060}.auth-mark{color:#111}.auth-wrap .panel{box-shadow:0 5px 30px #00000005}.resource-card,.material-link{background:#f7f7f7;border-color:#e5e5e5;color:#252525}.resource-card pre{color:#444}.material-link:hover{background:#eee}.next-lesson-callout{background:#f5f5f5;border-color:#ddd}.toast{background:#222;color:#fff;border-color:#222;box-shadow:0 4px 16px #0002}.toast.show{transform:translate(-50%,0)}dialog{background:#fff;color:var(--ink);border:0;border-radius:16px;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#0007;backdrop-filter:blur(2px)}.price-card{background:#fff;border-color:#ddd}.price-card.popular,.price-card.featured-plan{background:#f9f9f9;border-color:#333}.price-card .price,.price-card h2{color:#111}.price-card .price small,.feature-list li,.price-card p{color:#606060}.feature-list .icon{color:#111}.popular-label{background:#111;color:#fff}.payment-explainer,.step-card,.order-summary{background:#fafafa;border-color:#e2e2e2}.step-number{background:#111;color:#fff;border:0}.summary-line{border-color:#ddd;color:#606060}.summary-line strong{color:#111}.payment-row,.payment-row:hover{border-color:#e5e5e5;background:#fff}.payment-row:hover{background:#f7f7f7}.payment-row small{color:#606060}.password-panel summary{color:#333}.stat-card{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:12px}.stat-card>span,.stat-card small{color:#606060}.stat-card strong,.stat-card .stat-label{color:#111}.learning-course{background:#fff;border-color:#e5e5e5}.progress-track{background:#eee}.progress-fill{background:var(--red)}.community-layout{border-color:#ddd;background:#fff}.people-list{background:#fafafa;border-color:#e5e5e5}.people-list .nav-label{color:#888}.channel-item{color:#333;border-color:#ddd}.channel-item:hover,.channel-item.active{background:#ececec;color:#111}.channel-item small,.people-note{color:#777}.conversation-heading,.chat-toolbar,.message-compose{border-color:#e5e5e5;background:#fff}.chat-toolbar{color:#777}.chat-widget{background:#fff;border:1px solid #e5e5e5}.messages{background:#fff}.message{background:#f2f2f2;border-color:#e8e8e8;color:#222}.message.mine{background:#eaf2fd;border-color:#dbe8f9}.message p{color:#222}.message-head strong{color:#333}.message-head time,.message-delete button,.compose-bottom>span{color:#777}.message-compose textarea{background:#fff;border-color:#ddd}.watch-comments .messages{height:auto;min-height:80px;max-height:420px}.watch-comments .message{max-width:100%;border:0;border-radius:0;background:transparent;padding:16px 4px;border-bottom:1px solid #eee}.watch-comments .message p{margin-top:8px}.watch-comments .message-compose{padding:18px 0}.watch-comments .chat-toolbar{padding:8px 0}.watch-comments .messages{padding:4px}.watch-comments .chat-empty{font-size:14px;color:#777}
.admin-tabs{border-color:#e5e5e5;gap:8px}.admin-tabs a{color:#606060;font-size:13px;border-radius:8px;padding:9px 13px}.admin-tabs a:hover{background:#f2f2f2;color:#111}.admin-tabs a.active{background:#111;color:#fff;border-color:#111}.admin-tabs a>span{background:#e62117;color:#fff}.admin-quick a:hover{background:#fafafa;border-color:#ccc}.admin-quick a>.icon:first-child{color:#111}.admin-quick p{color:#606060}.issue-row,.issue-row:hover{border-color:#e5e5e5}.issue-row:hover{background:#fafafa}.issue-row small{color:#986514}.issue-row>.icon{color:#777}.data-table th{background:#f8f8f8;color:#666;border-color:#e5e5e5}.data-table td{border-color:#eee}.data-table tr:hover td{background:#fafafa}.data-table small{color:#777}.order-button{background:#f5f5f5;border-color:#ddd;color:#333}.order-button:hover{background:#e5e5e5}.segmented{background:#f5f5f5;border-color:#e5e5e5}.segmented a{color:#666}.segmented a.active{background:#fff;color:#111;box-shadow:0 1px 4px #0001}.payment-details{border-color:#ddd;color:#666}.payment-details strong{color:#222}.review-details{border-color:#ddd}.review-details summary{color:#333}.resource-editor{background:#fafafa;border-color:#ddd}.editor-save{background:#fffffff5;border-color:#ddd;box-shadow:0 3px 20px #0001}.editor-save .muted{color:#777}.editor-notice{background:#fafafa;border-color:#ddd;color:#555}.upload-note{color:#777}.admin-tabs{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:thin}.data-table .nowrap .inline-form{margin-left:5px}
.gift-banner{display:flex;align-items:center;gap:13px;padding:15px 20px;margin-bottom:22px;border:1px solid #e9def6;background:#fbf7ff;border-radius:12px;color:#744199}.gift-banner>.icon:first-child{width:27px;height:27px}.gift-banner>span{flex:1}.gift-banner strong{display:block;font-size:14px;font-weight:650}.gift-banner small{display:block;font-size:12px;color:#866c9b;margin-top:2px}.gift-banner>.icon:last-child{width:17px}.gift-banner.compact{padding:12px 16px}.gift-badge{display:inline-flex;gap:4px;align-items:center;font-size:10px;font-weight:600;padding:4px 7px;border-radius:5px}.gift-badge .icon{width:12px;height:12px}.students-intro{display:flex;align-items:center;justify-content:space-between;margin:8px 0 24px}.students-intro h2{font-size:23px;margin:0 0 6px}.students-intro p{font-size:14px;margin:0}.gift-symbol{width:54px;height:54px;display:grid;place-items:center;background:#f7f1fd;border-radius:15px;color:#7f46a6}.gift-symbol .icon{width:27px;height:27px}.student-search{display:flex;gap:10px;max-width:670px;margin-bottom:16px}.student-search input{min-width:0;flex:1}.student-search .btn{flex-shrink:0}.student-filters{padding:0 0 22px;gap:8px}.student-filters a{font-size:12px;font-weight:500;padding:7px 11px}.student-filters a span{opacity:.6;margin-left:5px;font-size:11px}.student-list{display:flex;flex-direction:column;gap:12px}.student-card{border:1px solid #e5e5e5;border-radius:12px;padding:17px 20px}.student-row{display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(160px,1fr) auto;gap:18px;align-items:center}.student-identity{display:flex;gap:13px;align-items:center;min-width:0}.student-identity>span:last-child{min-width:0}.student-identity strong{display:block;font-size:14px;font-weight:650}.student-identity small{display:block;font-size:12px;color:#777;overflow-wrap:anywhere;margin-top:2px}.student-access>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.student-access>small{display:block;font-size:11px;color:#777;margin-top:6px}.gift-button{background:#f7f1fd;border-color:#e8dcf3;color:#79449b;white-space:nowrap;border-radius:8px;font-size:13px}.gift-button:hover{background:#eddefa}.gift-button .icon{width:17px;height:17px}.student-manage,.student-history{margin-top:12px}.student-manage>summary,.student-history>summary{display:flex;gap:6px;align-items:center;font-size:11px;color:#777;list-style:none;cursor:pointer;width:fit-content;padding:3px 0}.student-manage>summary .icon,.student-history>summary .icon{width:13px;height:13px}.student-manage>form{padding:18px;margin-top:12px;background:#fafafa;border-radius:8px;border:1px solid #eee}.student-history .gift-history{padding:12px 16px;margin-top:8px;background:#fcfafc;border-radius:8px}.gift-history-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #eee}.gift-history-row:last-child{border:0}.gift-history-row strong{font-size:14px;display:block}.gift-history-row small{font-size:12px;display:block;color:#888;margin-top:3px}.gift-history-row p{margin:8px 0 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.gift-history-row .btn{white-space:nowrap}.dialog-content{position:relative}.dialog-close{position:absolute;right:12px;top:12px;font-size:27px;color:#777}.gift-dialog-icon{width:45px;height:45px;border-radius:13px;background:#f6edff;color:#8349aa;display:grid;place-items:center;margin-bottom:15px}.gift-dialog-icon .icon{width:24px;height:24px}#gift-dialog{width:min(480px,94vw);max-height:92dvh;overflow:auto}#gift-dialog h2{font-size:23px;margin-bottom:18px}.gift-recipient{background:#f7f7f7;border-radius:9px;padding:13px 15px;margin-bottom:22px}.gift-recipient strong,.gift-recipient small,.gift-recipient>span{display:block}.gift-recipient strong{font-size:14px}.gift-recipient small{font-size:12px;color:#777;overflow-wrap:anywhere}.gift-recipient>span{font-size:11px;color:#777;margin-top:8px}.gift-plan{border:0;padding:0;display:flex;gap:10px;margin:0 0 18px}.gift-plan legend{font-size:14px;margin-bottom:9px}.gift-plan label{flex:1;cursor:pointer}.gift-plan input{position:absolute;width:1px;min-height:0;height:1px;opacity:0}.gift-plan label>span{display:block;padding:12px 15px;border:1px solid #ddd;border-radius:9px}.gift-plan strong{font-size:14px;display:block}.gift-plan small{font-size:11px;color:#777}.gift-plan input:checked+span{border-color:#8450aa;box-shadow:0 0 0 1px #8450aa;background:#faf6fd}.gift-plan input:focus-visible+span{outline:2px solid var(--blue);outline-offset:3px}.gift-explainer{font-size:12px;line-height:1.6;margin-bottom:18px}#gift-dialog textarea{min-height:80px}
@media(min-width:1600px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.watch-card-info h3{font-size:15px}.watch-layout{grid-template-columns:minmax(0,1fr) 390px}.watch-card.compact{grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:1300px){.tube .sidebar{width:208px}.tube .workspace{margin-left:208px}.tube .main{padding-left:24px;padding-right:24px}.nav-link{gap:16px;font-size:13px}.video-grid.shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid.shelf>.watch-card:nth-child(4){display:none}.watch-page .workspace{margin-left:0}.watch-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.watch-page .main.wide{padding-left:24px;padding-right:24px}.watch-card.compact{grid-template-columns:145px minmax(0,1fr)}.watch-title{font-size:20px}.volume-slider{width:40px}.watch-action-bar{gap:14px}.watch-buttons .btn{font-size:12px}.student-row{grid-template-columns:minmax(180px,1fr) minmax(150px,.85fr) auto;gap:12px}}
@media(max-width:1050px){.tube .sidebar{width:224px;transform:translateX(-100%)}.tube.nav-open .sidebar{transform:none}.tube .workspace{margin-left:0}.tube-header .search{margin-left:0}.watch-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.watch-card.compact{grid-template-columns:130px minmax(0,1fr)}.playlist-thumb{width:96px}.player-controls{gap:0}.player-controls button,.player-controls a{width:32px}.volume-slider{display:none}.player-controls [data-pip]{display:none}.watch-buttons .edit-watch{display:none}}
@media(max-width:860px){.watch-layout{display:flex;flex-direction:column}.watch-main,.watch-rail{width:100%}.watch-rail{margin-top:10px}.watch-card.compact{grid-template-columns:200px minmax(0,1fr)}.watch-comments{margin-top:22px}.watch-title{font-size:21px}.player-controls [data-pip]{display:flex}.watch-card.compact .watch-card-info h3{font-size:15px}.watch-card.compact .watch-card-info p,.watch-card.compact .watch-card-info small{font-size:12px}.playlist-items{max-height:320px}.playlist-thumb{width:120px}.playlist-row strong{font-size:14px}.playlist-row small{font-size:12px}.watch-layout .watch-main{display:contents}.player-frame,.video-gate{width:100%;order:0}.watch-title{order:1;margin-bottom:0}.watch-action-bar{order:2;width:100%;margin-bottom:0}.watch-description{order:3;width:100%;margin:0}.watch-resources{order:4;width:100%;margin:0}.watch-rail{order:5}.watch-comments{order:6;width:100%}.next-lesson-callout{order:4;width:100%}.watch-rail .watch-card.compact{display:none}.watch-rail .rail-chips{display:none}.watch-page .main.wide{padding-top:18px}.theater-mode .watch-rail{display:block}.theater-mode .player-frame{aspect-ratio:16/9}.student-row{grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) auto}}
@media(max-width:760px){.tube-header{height:58px;padding:0 14px;gap:12px}.header-brand{gap:8px}.brand{font-size:23px}.brand-play{width:30px;height:22px;border-radius:6px}.tube-header .search{display:none;margin:0;height:40px;max-width:none}.tube-header .search input{width:100%;padding:8px 14px;height:38px}.tube-header .search button{width:48px}.tube-header.search-open .search{display:flex}.tube-header.search-open .header-brand .brand,.tube-header.search-open .top-actions{display:none}.tube-header.search-open .header-brand{gap:0}.mobile-search{display:inline-flex}.top-actions{gap:5px}.create-button{display:none!important}.sign-in{font-size:12px;padding:6px 10px;min-height:34px;gap:5px}.sign-in .icon{width:16px;height:16px}.tube .sidebar{display:flex;top:58px;padding:12px}.nav-backdrop{top:58px}.tube .workspace{margin:58px 0 0}.tube .main{padding:12px 16px 25px}.tube .main-footer{padding:18px 16px 90px;font-size:10px}.topic-chips{margin:0 -16px;padding:0 16px 12px;gap:8px;min-height:48px}.topic-chips a{font-size:12px;padding:7px 11px}.feed-section{padding-top:12px;margin-bottom:0;padding-bottom:22px}.feed-section-heading{margin-bottom:15px}.feed-section-heading h2{font-size:19px}.feed-section-heading p{font-size:11px}.section-all{font-size:11px;padding:5px 9px}.video-grid,.video-grid.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.video-grid.shelf>.watch-card:nth-child(4){display:block}.watch-card-info h3{font-size:13px}.watch-card-info{gap:8px}.watch-card-info .channel-avatar{width:29px;height:29px;font-size:16px}.watch-card-info .channel-avatar.ae{font-size:13px}.watch-card-info p,.watch-card-info small{font-size:11px}.preview-bar{padding:5px 16px;gap:3px}.preview-bar>span{font-size:10px}.preview-role{font-size:10px;padding:3px 6px;min-height:25px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);background:#fffffffa;border-top:1px solid #e8e8e8;padding:7px 8px calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(15px);z-index:45}.mobile-nav a{color:#606060;gap:4px;padding:3px;font-size:10px}.mobile-nav .icon{width:22px;height:22px}.mobile-nav a.active{color:#111;font-weight:650}.mobile-nav a.active .icon{stroke-width:2.3}.toast{bottom:83px;font-size:13px}.watch-page .main.wide{padding:0 16px 25px}.watch-layout{gap:16px}.player-frame,.video-gate{width:calc(100% + 32px);margin-left:-16px;max-width:none;border-radius:0}.watch-title{font-size:18px;margin-top:0;line-height:1.45}.watch-action-bar{gap:15px}.course-channel strong{font-size:14px}.course-channel small{font-size:11px}.course-channel .channel-avatar{width:36px;height:36px}.watch-buttons{gap:8px}.watch-buttons .btn{min-height:36px;font-size:12px}.watch-description{padding:12px;font-size:13px;border-radius:9px}.description-meta{font-size:12px;gap:5px 12px}.watch-comments{margin-top:4px}.watch-comments h2{font-size:18px}.playlist-heading{padding:14px}.playlist-heading h2{font-size:15px}.playlist-items{max-height:255px}.playlist-thumb{width:100px}.playlist-row strong{font-size:12px}.playlist-row small{font-size:11px}.playlist-index{width:18px}.full-course-link{margin-bottom:0}.player-ui{padding:26px 10px 1px}.player-controls{height:41px;gap:0}.player-controls button,.player-controls a{width:36px;height:40px;min-width:32px}.player-controls .icon{width:20px;height:20px}.player-controls [data-pip],.player-controls [data-theater]{display:none}.player-time{font-size:10px;margin-left:3px}.speed-control select{width:51px;min-width:48px;font-size:11px}.center-play{width:56px;height:40px;border-radius:10px}.center-play .icon{width:24px;height:24px}.video-gate .gate{padding:22px 16px}.video-gate .gate h2{font-size:18px}.video-gate .gate p{font-size:12px;margin-bottom:14px}.video-gate .gate>.icon{display:none}.video-gate .gate .btn{font-size:12px;min-height:34px}.page-heading h1{font-size:24px}.page-heading{margin-top:5px;gap:16px;padding-top:8px}.page-heading p{font-size:13px}.page-heading .btn{font-size:12px}.admin-tabs{margin-bottom:23px;gap:4px}.admin-tabs a{font-size:12px;padding:8px 11px}.students-intro{margin-bottom:18px}.students-intro h2{font-size:20px}.students-intro p{font-size:12px;max-width:250px}.gift-symbol{width:43px;height:43px;flex-shrink:0}.student-search{gap:8px}.student-search input{font-size:13px;padding:10px 12px}.student-search .btn{padding:9px 12px;font-size:12px}.student-search .icon{display:none}.student-filters{margin-right:-16px;padding-right:16px}.student-filters a{font-size:11px}.student-card{padding:15px}.student-row{grid-template-columns:minmax(0,1fr) auto;gap:13px}.student-identity{grid-column:1/-1;gap:11px}.student-identity .avatar{width:34px;height:34px}.student-identity strong{font-size:14px}.student-identity small{font-size:11px}.student-access{min-width:0}.student-access>small{font-size:10px}.student-access .badge,.gift-badge{font-size:9px;padding:3px 6px}.gift-button{font-size:12px;padding:8px 12px;min-height:36px}.student-manage>form{padding:14px}.student-history .gift-history{padding:8px 10px}.gift-history-row{gap:10px;align-items:flex-start;flex-wrap:wrap}.gift-history-row strong{font-size:13px}.gift-history-row small{font-size:11px}.gift-banner{padding:12px 14px;margin-bottom:16px;gap:10px}.gift-banner strong{font-size:12px}.gift-banner small{font-size:11px}.gift-banner>.icon:first-child{width:22px;height:22px}.dialog-content{padding:23px}.gift-recipient{margin-bottom:18px}#gift-dialog .field{margin-bottom:14px}.gift-dialog-icon{margin-bottom:12px}#gift-dialog h2{font-size:21px}.gift-history .badge{font-size:10px}}
@media(max-width:480px){.video-grid,.video-grid.shelf{grid-template-columns:minmax(0,1fr);gap:24px}.video-grid.shelf>.watch-card:nth-child(n+3){display:none}.watch-thumb{border-radius:10px}.watch-card-info{gap:11px;padding-top:11px}.watch-card-info h3{font-size:15px;margin-bottom:4px}.watch-card-info p,.watch-card-info small{font-size:12px}.watch-card-info small{display:inline}.watch-card-info p{display:inline;margin-right:5px}.watch-card-info .channel-avatar{width:35px;height:35px;font-size:18px}.watch-card-info .channel-avatar.ae{font-size:15px}.feed-section-heading h2{font-size:18px}.section-all{border:0;padding:4px;color:var(--blue)}.section-all .icon{width:14px}.feed-section{padding-bottom:24px}.feed-section-heading{gap:8px}.feed-section-heading>div{min-width:0}.section-all{flex-shrink:0}.course-grid{grid-template-columns:1fr}.tube-header .header-brand>#menu-toggle{width:28px;min-width:28px}.header-brand{gap:9px}.brand{font-size:22px}.brand sup{font-size:8px}.course-channel{min-width:0}.watch-buttons .edit-watch{display:none}.watch-buttons{width:100%}.watch-buttons form{flex:0 0 auto}.player-controls .player-next{display:none}.player-controls [data-mute]{width:32px}.player-controls [data-player-toggle]{width:32px}.player-time{font-size:10px}.player-controls .speed-control{margin-right:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.price-card.recommended{background:#fafafa;border-color:#333;box-shadow:inset 0 4px #111}.price-card .eyebrow{color:#666}progress::-webkit-progress-bar{background:#eee}progress::-webkit-progress-value{background:#e62117}progress::-moz-progress-bar{background:#e62117}
@media(max-height:800px){#gift-dialog .dialog-content{padding:22px}#gift-dialog .gift-dialog-icon{width:32px;height:32px;margin-bottom:10px}#gift-dialog h2{font-size:21px;margin-bottom:13px}#gift-dialog .gift-recipient{padding:10px 12px;margin-bottom:14px}#gift-dialog .gift-recipient>span{margin-top:4px}#gift-dialog .gift-plan{margin-bottom:13px}#gift-dialog .gift-plan label>span{padding:9px 12px}#gift-dialog .field{gap:6px;margin-bottom:12px}#gift-dialog textarea{min-height:66px}#gift-dialog .gift-explainer{margin-bottom:13px}}
@media(max-width:1000px){.profile-grid>.panel:nth-child(2){order:-1}}.small-symbol,.feature-list li>.icon{color:#333}.admin-tabs{scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}
/* Password recovery */
.forgot-password-link{text-align:right;font-size:13px;margin:-5px 0 20px}.forgot-password-link a{color:#065fd4}.student-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0}.recovery-button{font-size:11px!important;white-space:normal;gap:5px;padding:6px 10px!important}.recovery-button .icon{width:14px;height:14px}.recovery-request-badge{margin-top:8px;white-space:normal}.recovery-admin-notice{display:flex;align-items:center;gap:14px;border:1px solid #d5e5f7;border-radius:12px;background:#f5f9ff;color:#27557e;padding:17px 20px;margin:0 0 24px}.recovery-admin-notice>span{flex:1}.recovery-admin-notice strong{display:block;font-size:14px}.recovery-admin-notice small{display:block;font-size:12px;color:#64829d;margin-top:3px}.recovery-success{margin:20px 0 24px}.recovery-success h2{font-size:20px;margin:15px 0 10px}.recovery-success-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e9f6ec;color:#368348}.recovery-success p{font-size:14px}.recovery-support{margin-top:18px;font-size:12px;white-space:normal}.recovery-expiry{font-size:12px;margin:12px 0 18px;color:#666}#recovery-dialog{width:min(490px,94vw);max-height:92dvh;overflow:auto}#recovery-dialog h2{font-size:22px;max-width:360px;line-height:1.35}#recovery-dialog .recovery-explanation,#recovery-dialog .checkbox{font-size:13px;line-height:1.7}#recovery-dialog .gift-recipient small{overflow-wrap:anywhere}#recovery-dialog [data-recovery-link]{font-size:12px}#recovery-dialog .success{font-size:13px}#recovery-dialog .muted{font-size:12px}
@media(max-width:760px){.student-access{grid-column:1/-1}.student-actions{grid-column:1/-1;flex-direction:row}.student-actions .btn{flex:1}.student-actions .gift-button{flex:0 0 95px}.recovery-button{font-size:11px!important;max-width:100%}#recovery-dialog h2{font-size:21px}.recovery-admin-notice{padding:14px;gap:10px}.recovery-admin-notice strong{font-size:13px}}