.auth-page{grid-template-columns:minmax(0,1.1fr) 460px;align-items:stretch;gap:32px;min-height:100vh;padding:48px;display:grid}.auth-hero{color:#fff;background:linear-gradient(135deg,#0f172af5,#4338caeb);border-radius:34px;flex-direction:column;justify-content:flex-end;min-height:640px;padding:54px;display:flex;box-shadow:0 26px 70px #1e293b33}.hero-pill,.eyebrow{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;font-size:.76rem;font-weight:800;display:inline-flex}.hero-pill{background:#ffffff24;margin-bottom:24px;padding:10px 14px}.auth-hero h1{letter-spacing:-.08em;margin:0 0 24px;font-size:clamp(3.4rem,7vw,6.6rem);line-height:.88}.auth-hero p{color:#ffffffc7;max-width:680px;margin:0;font-size:1.1rem;line-height:1.8}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:30px;align-self:center;padding:34px;box-shadow:0 24px 70px #0f172a1a}.auth-card .eyebrow,.page-section .eyebrow{color:#4f46e5;margin-bottom:12px}.auth-card h2,.page-section h2{letter-spacing:-.05em;margin:0;font-size:2.3rem}.auth-copy,.section-header p,.graph-card p,.content-card p,.profile-card p,.form-panel p{color:#64748b;line-height:1.7}.field-label{color:#334155;gap:8px;margin-top:20px;font-weight:700;display:grid}.input-shell,.inline-form{background:#fff;border:1px solid #dbe3ef;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.input-shell:focus-within,.inline-form:focus-within,textarea:focus,select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11f}.input-shell input,.inline-form input,.inline-form select{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:14px 0}.primary-action,.secondary-action,.danger-action,.playlist-add-action,.logout-btn,.inline-form button,.compact-row button{border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);width:100%;margin-top:24px;padding:15px 18px;box-shadow:0 16px 30px #6366f147}.primary-action.compact{width:fit-content;margin-top:8px;padding:12px 18px}.primary-action:hover,.secondary-action:hover,.danger-action:hover,.playlist-add-action:hover,.logout-btn:hover,.inline-form button:hover,.compact-row button:hover{transform:translateY(-1px)}.primary-action:disabled,.compact-row button:disabled{opacity:.56;cursor:not-allowed;transform:none}.auth-switch{color:#64748b;text-align:center;margin:22px 0 0}.auth-switch button{color:#4f46e5;background:0 0;border:none;margin-left:6px;font-weight:900}.app-shell{grid-template-columns:282px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#ffffffe6;border-right:1px solid #e2e8f0;flex-direction:column;gap:28px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background-image:url(/playstore.png);background-position:50%;background-size:cover;border:1px solid #e0ffff;border-radius:16px;place-items:center;width:60px;height:60px;font-weight:950;display:grid}.brand-block h1{margin:0;font-size:1.05rem}.brand-block p{color:#64748b;margin:3px 0 0;font-size:.82rem}.side-nav{gap:8px;display:grid}.side-nav-btn{color:#334155;text-align:left;background:0 0;border:none;border-radius:16px;align-items:center;gap:11px;width:100%;padding:14px;font-weight:800;display:flex}.side-nav-btn:hover{background:#f1f5f9}.side-nav-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);box-shadow:0 14px 28px #6366f138}.account-widget-container{z-index:50;margin-top:auto;position:relative}.account-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;gap:5px;padding:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:grid}.account-card.is-hidden{opacity:0;pointer-events:none;transform:translate(-120%)}.account-card small,.content-card small,.playlist-item span{color:#64748b}.logout-btn{cursor:pointer;color:#ef4444;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:8px;font-weight:500;transition:background .2s;display:flex}.logout-btn:hover{background:#fee2e2}.swipe-hint{color:#94a3b8;text-align:center;margin-top:4px;font-size:.75rem;display:none}.reveal-arrow{color:#64748b;cursor:pointer;z-index:51;background:#f8fafc;border:1px solid #e2e8f0;border-left:none;border-radius:0 12px 12px 0;height:48px;padding:0 12px 0 8px;animation:.3s forwards popIn;position:absolute;bottom:0;left:0;box-shadow:2px 0 8px #0000000d}@keyframes popIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.logout-btn{color:#b91c1c;background:#fee2e2;width:100%;margin-top:10px;padding:11px}.workspace{min-width:0;padding:34px}.page-section{gap:24px;max-width:1480px;margin:0 auto;display:grid}.section-header,.content-card-header,.graph-card-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-header h2{font-size:clamp(2rem,4vw,3.1rem)}.secondary-action{color:#334155;background:#fff;border:1px solid #dbe3ef;padding:12px 16px}.danger-action{color:#b91c1c;background:#fee2e2;padding:11px 14px}.playlist-add-action{color:#3730a3;background:#eef2ff;padding:11px 14px}.summary-grid{gap:16px;display:grid}.summary-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card,.panel-card,.content-card,.graph-card,.tool-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 18px 50px #0f172a0a}.panel-card{box-sizing:border-box;width:100%;min-width:0}.panel-card p,.panel-card h3{overflow-wrap:anywhere;word-break:break-word;white-space:normal;min-width:0;max-width:100%}.summary-card{gap:8px;padding:20px;display:grid}.summary-card span{color:#64748b;font-weight:700}.summary-card strong{letter-spacing:-.04em;font-size:2rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{gap:10px;padding:18px;display:grid}.tool-card label{color:#334155;font-weight:800}.inline-form{padding-right:6px}.inline-form button{color:#fff;background:#4f46e5;width:38px;height:38px}.picker-filter-row{grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:12px;display:grid}.select-filter-label{color:#334155;gap:8px;font-weight:800;display:grid}.select-filter-label select{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:16px;min-height:50px;padding:0 14px;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.content-card,.panel-card,.graph-card{padding:22px}.content-card h3,.graph-card h3,.panel-card h3{letter-spacing:-.02em;margin:0}.content-card-header a{color:#4f46e5}.tag-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tag-row span{color:#3730a3;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:800}.banner{border-radius:16px;padding:12px 14px;font-weight:750}.banner.error{color:#991b1b;background:#fee2e2}.banner.success{color:#166534;background:#dcfce7}.banner.info{color:#075985;background:#e0f2fe}.state-block{color:#334155;text-align:center;background:#ffffffb3;border:1px dashed #cbd5e1;border-radius:18px;padding:22px;font-weight:800}.state-block.muted{color:#64748b}.playlist-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:18px;display:grid}.stack{gap:16px;display:grid}.playlist-list{gap:8px;display:grid}.playlist-item{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:5px;min-width:0;padding:14px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:grid}.playlist-item.active{background:#eef2ff;border-color:#818cf8}.playlist-item:hover{transform:scale(1.03);box-shadow:0 4px 12px #0000000d}.playlist-item strong,.playlist-item span,.playlist-item p{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.create-form,.form-panel{gap:12px;display:grid}.create-form{transform-origin:top;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards slideDownUpscale}.create-form.closing{animation:.35s cubic-bezier(.36,0,.66,-.56) forwards slideUpDownscale}@keyframes slideDownUpscale{0%{opacity:0;transform:translateY(-25px)scale(.75)}70%{transform:translateY(3px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUpDownscale{0%{opacity:1;transform:translateY(0)scale(1)}30%{transform:translateY(4px)scale(1.02)}to{opacity:0;transform:translateY(-30px)scale(.7)}}input,textarea,select{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:14px;outline:none;width:100%;padding:13px 14px}textarea{resize:vertical}.compact-row{border:1px solid #edf2f7;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.compact-row span{font-weight:750}.compact-row button{color:#3730a3;background:#eef2ff;padding:9px 12px}.profile-grid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:18px;display:grid}.profile-card{justify-items:start;gap:12px;display:grid}.avatar-circle{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:24px;place-items:center;width:76px;height:76px;font-size:1.8rem;font-weight:950;display:grid}.profile-meta{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-top:12px;display:flex}.profile-meta span{color:#64748b}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;display:grid}.graph-title-row{gap:12px;display:flex}.graph-icon{color:#3730a3;background:#eef2ff;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.graph-card select{max-width:180px}.chart-shell{background:#fbfdff;border:1px solid #edf2f7;border-radius:18px;margin-top:18px;padding:14px}@media (width<=1100px){.auth-page,.app-shell,.playlist-layout,.profile-grid{grid-template-columns:1fr}.auth-hero{min-height:420px}.sidebar{height:auto;position:static}.side-nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.account-card{margin-top:0}.tool-grid,.summary-grid.three{grid-template-columns:1fr}}@media (width<=680px){.auth-page,.workspace{padding:18px}.auth-hero,.auth-card{border-radius:24px;padding:26px}.section-header,.graph-card-header,.content-card-header,.compact-row{flex-direction:column;align-items:stretch}.graph-card select{max-width:none}}.summary-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.editable-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.edit-action,.copy-code-button{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-weight:850;display:inline-flex}.edit-action:disabled,.copy-code-button:disabled{opacity:.55;cursor:not-allowed}.copy-code-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.profile-meta-column{flex-direction:column;align-items:flex-start}input:disabled,textarea:disabled,select:disabled{color:#64748b;cursor:not-allowed;background:#f8fafc}@media (width<=1100px){.summary-grid.two{grid-template-columns:1fr}}@media (width<=680px){.editable-panel-header,.copy-code-row{flex-direction:column;align-items:stretch}}.video-row-list{gap:14px;display:grid}.video-row-card{will-change:transform;background:#fff;border:1px solid #e2e8f0;border-radius:24px;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:grid;box-shadow:0 18px 50px #0f172a0a}.video-row-card:hover{transform:scale(1.02);box-shadow:0 25px 60px #0f172a14}.video-thumbnail{aspect-ratio:16/9;color:#64748b;background:linear-gradient(135deg,#e0e7ff,#f8fafc);border-radius:18px;place-items:center;width:100%;font-size:.86rem;font-weight:850;display:grid;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.video-row-main{gap:8px;min-width:0;display:grid}.video-row-main p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.video-row-title{align-items:flex-start;gap:10px;display:flex}.video-row-title h3{letter-spacing:-.02em;margin:0;font-size:1.1rem}.video-row-title a{color:#4f46e5;flex:none}.video-row-actions{justify-content:flex-end;display:flex}.compact-tags{margin:0}.compact-tags span{padding:5px 9px;font-size:.78rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardPop{0%{opacity:0;transform:scale(.92)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a85;place-items:center;padding:20px;animation:.2s ease-out forwards fadeIn;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;width:min(560px,100%);max-height:min(720px,100vh - 40px);padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards cardPop;overflow:auto;box-shadow:0 30px 90px #0f172a47}.icon-action{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.quick-create-box,.inline-create-form{background:#f8fafc;border:1px solid #edf2f7;border-radius:18px;gap:12px;padding:14px;display:grid}.compact-field{margin-top:0}.fit-action{width:fit-content}.create-toggle-button{margin-top:0}.picker-video-list{gap:10px;display:grid}.picker-video-row{align-items:flex-start}.picker-video-row>div{gap:5px;min-width:0;display:grid}.picker-video-row strong{line-height:1.35}.picker-video-row small{color:#64748b;overflow-wrap:anywhere}@media (width<=900px){.video-row-card{grid-template-columns:150px minmax(0,1fr)}.video-row-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=680px){.video-row-card{grid-template-columns:1fr}.video-row-actions,.video-row-actions .secondary-action,.fit-action{width:100%}}.playlist-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.playlist-header-actions .primary-action.compact{margin-top:0}.playlist-video-row,.picker-video-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:138px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.playlist-video-thumbnail,.picker-video-thumbnail{aspect-ratio:16/9;color:#64748b;text-align:center;background:linear-gradient(135deg,#e0e7ff,#f8fafc);border-radius:14px;place-items:center;width:100%;font-size:.76rem;font-weight:850;display:grid;overflow:hidden}.playlist-video-thumbnail img,.picker-video-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.playlist-video-main,.picker-video-details{gap:6px;min-width:0;display:grid}.playlist-video-title-line{align-items:center;gap:8px;min-width:0;display:flex}.playlist-video-title-line strong,.picker-video-details strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-video-title-line a{color:#4f46e5;flex:none}.playlist-video-main small,.picker-video-details small{color:#64748b;overflow-wrap:anywhere}.playlist-video-row button,.picker-video-card button{color:#3730a3;background:#eef2ff;border:none;border-radius:13px;padding:10px 13px;font-weight:850;transition:transform .18s,opacity .18s}.playlist-video-row button:hover,.picker-video-card button:hover{transform:translateY(-1px)}.picker-video-card button:disabled{opacity:.56;cursor:not-allowed;transform:none}@media (width<=780px){.picker-filter-row{grid-template-columns:1fr}.playlist-video-row,.picker-video-card{grid-template-columns:120px minmax(0,1fr)}.playlist-video-row button,.picker-video-card button{grid-column:1/-1;width:100%}}@media (width<=560px){.playlist-header-actions{justify-content:stretch;width:100%}.playlist-header-actions .playlist-add-action,.playlist-header-actions .danger-action{flex:100%}.playlist-video-row,.picker-video-card{grid-template-columns:1fr}}.primary-action,.secondary-action,.danger-action,.playlist-add-action,.edit-action,.copy-code-button,.logout-btn,.icon-action,.compact-row button,.playlist-video-row button,.picker-video-card button,.compact-link-action,.tag-select-button{white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:850;line-height:1;text-decoration:none;display:inline-flex}.secondary-action,.danger-action,.playlist-add-action,.edit-action,.copy-code-button,.playlist-video-row button,.picker-video-card button,.compact-link-action,.tag-select-button{padding:11px 14px}.primary-action.compact,.fit-action,.create-toggle-button{min-height:42px;padding:11px 14px}.icon-action{padding:0}.title-link{color:inherit;text-decoration:none}.title-link:hover{text-decoration:underline}.icon-link{color:#4f46e5;flex:none}.selectable-tag-box{background:#fff;border:1px solid #dbe3ef;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;min-height:50px;padding:8px;display:flex}.tag-select-button{color:#334155;background:#f8fafc;border:1px solid #dbe3ef;min-height:34px;padding:8px 11px;font-size:.84rem}.tag-select-button.active{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.muted-helper{color:#64748b;padding:6px 4px;font-size:.9rem;font-weight:700}.button-row,.compact-button-row,.picker-video-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.compact-button-row{justify-content:flex-start}.tag-filter-panel{align-self:stretch}.picker-tag-box{max-height:122px;overflow:auto}.picker-video-card{grid-template-columns:138px minmax(0,1fr) auto}.picker-video-actions{justify-content:flex-end}.compact-link-action{color:#334155;background:#fff;border:1px solid #dbe3ef}.playlist-video-row button,.picker-video-card button{border:1px solid #dbe3ef}.playlist-video-row .secondary-action,.picker-video-card .secondary-action{color:#334155;background:#fff}.picker-video-card button:disabled,.secondary-action:disabled,.tag-select-button:disabled,.edit-action:disabled,.copy-code-button:disabled{opacity:.56;cursor:not-allowed;transform:none}@media (width<=780px){.picker-video-actions{grid-column:1/-1;justify-content:flex-start}.picker-video-actions .secondary-action,.picker-video-actions .compact-link-action{flex:160px}}@media (width<=680px){.button-row,.compact-button-row,.picker-video-actions{flex-direction:column;align-items:stretch}.button-row>*,.compact-button-row>*,.picker-video-actions>*{width:100%}}.tag-dropdown{width:100%;position:relative}.tag-dropdown-trigger{color:#0f172a;text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:50px;padding:10px 14px;font-weight:800;display:flex}.tag-dropdown-trigger span{color:#64748b;font-size:.88rem}.tag-dropdown-trigger strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tag-dropdown-trigger:hover,.tag-dropdown-trigger[aria-expanded=true]{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.tag-dropdown-menu{z-index:80;background:#fff;border:1px solid #dbe3ef;border-radius:16px;gap:6px;max-height:260px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 24px 60px #0f172a29}.tag-dropdown-option,.tag-dropdown-clear{color:#334155;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:flex-start;align-items:center;width:100%;min-height:40px;padding:10px 12px;font-weight:850;display:flex}.tag-dropdown-option.active{color:#3730a3;background:#eef2ff;border-color:#818cf8;box-shadow:inset 3px 0 #4f46e5}.tag-dropdown-clear{color:#334155;background:#fff;justify-content:center}.tag-dropdown-option:hover,.tag-dropdown-clear:hover{transform:translateY(-1px)}.video-row-title a,.playlist-video-title-line a,.picker-video-details a,.content-card-header .title-link,.title-link{color:#0f172a!important}.picker-video-actions{min-width:92px}@media (width<=780px){.tag-dropdown-menu{margin-top:8px;position:static}}.side-nav{gap:10px}.side-nav-entry{gap:10px;display:grid}.side-nav-btn{color:#334155;min-height:42px;box-shadow:none;background:#fff;border:1px solid #dbe3ef;border-radius:13px;padding:11px 14px;transition:transform .18s,border-color .18s,background .18s}.side-nav-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.side-nav-btn.active{color:#3730a3;box-shadow:none;background:#eef2ff;border-color:#c7d2fe}.side-nav-separator{background:#e2e8f0;height:1px;margin:2px 0 8px}.create-toggle-button{color:#3730a3;width:fit-content;box-shadow:none;background:#eef2ff;border:1px solid #dbe3ef}.create-toggle-button:hover{background:#e0e7ff}@media (width<=1100px){.side-nav-separator{display:none}}.tool-grid{align-items:stretch}.tool-card{flex-direction:column;min-height:170px;display:flex}.tool-card .inline-form,.tool-card .tag-search-actions{margin-top:auto}.tag-search-card .tag-dropdown{margin:10px 0 12px;position:relative}.tag-dropdown-menu{transform-origin:top;animation:.25s cubic-bezier(.16,1,.3,1) forwards tagDropdownFadeIn}@keyframes tagDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.tag-search-actions{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.tag-search-actions .secondary-action{min-width:0}.modal-card{scrollbar-width:none;overflow-x:hidden}.modal-card::-webkit-scrollbar{display:none}.picker-video-list::-webkit-scrollbar{display:none}.tag-dropdown-menu::-webkit-scrollbar{display:none}.add-playlist-modal{width:min(640px,100vw - 40px)}.picker-modal{grid-template-rows:auto auto auto minmax(0,1fr);width:min(880px,100vw - 40px);height:min(760px,100vh - 40px);max-height:min(760px,100vh - 40px);display:grid;overflow:hidden}.balanced-picker-filter-row{grid-template-columns:minmax(260px,1.15fr) minmax(260px,1fr) auto;align-items:stretch;gap:12px}.picker-search-input,.picker-tag-control,.clear-tags-action{min-width:0}.picker-tag-control .tag-dropdown,.picker-search-input{height:100%}.picker-tag-control .tag-dropdown-trigger,.picker-search-input input,.picker-search-input button,.clear-tags-action{min-height:50px}.picker-video-list{scrollbar-width:none;min-height:0;padding-right:2px;overflow:hidden auto}.picker-video-card{min-width:0}.tag-dropdown-menu{scrollbar-width:none}.tag-dropdown-clear{display:none}@media (width<=900px){.balanced-picker-filter-row{grid-template-columns:1fr}.clear-tags-action{width:fit-content}}@media (width<=680px){.tag-search-actions{grid-template-columns:1fr}.clear-tags-action{width:100%}}.tag-search-card .tag-filter-inline{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;margin-top:auto;display:grid}.tag-search-card .tag-dropdown{min-width:0;margin:0}.tag-search-card .tag-dropdown-trigger,.tag-search-card .clear-tags-action{min-height:50px}@media (width<=680px){.tag-search-card .tag-filter-inline{grid-template-columns:1fr}.tag-search-card .clear-tags-action{width:100%}}.section-title-status-row,.card-title-status-row{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.section-title-status-row h2,.card-title-status-row h3{margin:0}.header-status{white-space:nowrap;text-overflow:ellipsis;border-radius:13px;max-width:min(560px,52vw);padding:8px 12px;font-size:.92rem;font-weight:850;line-height:1.2;overflow:hidden}.header-status.error{color:#991b1b;background:#fee2e2}.header-status.success{color:#166534;background:#dcfce7}.header-status.info{color:#075985;background:#e0f2fe}.header-status{z-index:9999;border-radius:6px;font-weight:500;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards slideLeftUpscale,.4s 5.5s forwards fadeAway;display:inline-block;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}.card-title-status-row .header-status{max-width:min(420px,85vw);padding:8px 14px;font-size:.84rem}@media (width<=720px){.header-status,.card-title-status-row .header-status{white-space:normal}}@keyframes slideLeftUpscale{0%{opacity:0;transform:translate(-50%)translate(-30px)scale(.6)}70%{transform:translate(-50%)translate(4px)scale(1.08)}to{opacity:1;transform:translate(-50%)translate(0)scale(1)}}@keyframes fadeAway{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%)scale(.85)}}.tool-card{justify-content:flex-start;min-height:0}.tool-card .inline-form,.tool-card .tag-search-actions,.tag-search-card .tag-filter-inline,.tag-search-card .tag-dropdown{margin-top:0}.video-search-sticky{z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8fbeb;border-radius:28px;margin:-10px;padding:10px;position:sticky;top:12px}.playlist-video-search-panel{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:minmax(220px,1.15fr) minmax(220px,1fr) auto;align-items:stretch;gap:12px;margin:-4px 0 2px;padding:12px;display:grid;position:sticky;top:12px;box-shadow:0 14px 34px #0f172a0d}.playlist-video-search-input,.playlist-video-tag-filter,.playlist-video-tag-filter .tag-dropdown,.playlist-video-search-panel .clear-tags-action{min-width:0}.playlist-video-search-input,.playlist-video-tag-filter .tag-dropdown-trigger,.playlist-video-search-panel .clear-tags-action{min-height:50px}@media (width<=980px){.playlist-video-search-panel{grid-template-columns:1fr}.playlist-video-search-panel .clear-tags-action{width:fit-content}}@media (width<=680px){.video-search-sticky,.playlist-video-search-panel{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;margin:0;padding:0;position:static}.playlist-video-search-panel .clear-tags-action{width:100%}}.sidebar{padding-bottom:210px}.account-card{z-index:80;width:234px;margin-top:0;position:fixed;bottom:24px;left:24px}.scroll-top-btn{z-index:80;color:#334155;background:#fff;border:1px solid #dbe3ef;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 14px;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 34px #0f172a14}.scroll-top-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}@media (width<=1100px){.sidebar{padding-bottom:124px}.account-widget-container{width:min(232px,100vw - 108px);position:fixed;bottom:18px;left:18px}.account-card{width:90%;margin-left:-3px}.swipe-hint.mobile-only{display:block}.scroll-top-btn{bottom:18px;right:18px}.workspace{padding-bottom:140px}}@media (width<=520px){.account-widget-container{width:min(210px,100vw - 100px)}.account-card{padding:13px}.scroll-top-btn span{display:none}.playlist-item{box-sizing:border-box;width:100%;max-width:100vw;padding:16px 12px}.playlist-item strong,.playlist-item span,.playlist-item p{max-width:calc(100vw - 60px)}}:root{--chart-grid:#dbe3ef;--chart-axis:#334155;--chart-line:#cbd5e1;--chart-cursor:#6366f114;--tooltip-bg:#fff;--tooltip-border:#dbe3ef;--tooltip-text:#0f172a}html[data-theme=dark]{--chart-grid:#334155;--chart-axis:#cbd5e1;--chart-line:#475569;--chart-cursor:#818cf829;--tooltip-bg:#0f172a;--tooltip-border:#334155;--tooltip-text:#e5e7eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-switch{z-index:120;color:#334155;white-space:nowrap;background:#fff;border:1px solid #dbe3ef;border-radius:13px;justify-content:center;align-items:center;gap:0;min-height:42px;padding:8px 10px;font-weight:850;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex;position:absolute;top:34px;right:34px;box-shadow:0 14px 34px #0f172a14}.theme-switch:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.theme-switch-track{background:#e2e8f0;border-radius:999px;justify-content:flex-start;align-items:center;width:46px;height:24px;padding:3px;transition:background .18s;display:flex}.theme-switch-thumb{color:#4f46e5;background:#fff;border-radius:999px;place-items:center;width:18px;height:18px;transition:transform .18s,color .18s;display:grid;box-shadow:0 4px 10px #0f172a2e}.theme-switch.dark .theme-switch-track{background:#4f46e5}.theme-switch.dark .theme-switch-thumb{color:#0f172a;transform:translate(22px)}.theme-switch-text{display:none}.section-header>.secondary-action{white-space:nowrap;margin-right:76px}.thumbnail-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.thumbnail-link img{transition:transform .18s,filter .18s}.thumbnail-link:hover img{filter:brightness(.95);transform:scale(1.03)}html[data-theme=dark] body{color:#e5e7eb;background:radial-gradient(circle at 0 0,#6366f12e,#0000 30rem),#070b16}html[data-theme=dark] .auth-hero{background:linear-gradient(135deg,#020617fa,#312e81eb)}html[data-theme=dark] .auth-card,html[data-theme=dark] .sidebar,html[data-theme=dark] .summary-card,html[data-theme=dark] .panel-card,html[data-theme=dark] .content-card,html[data-theme=dark] .graph-card,html[data-theme=dark] .tool-card,html[data-theme=dark] .account-card,html[data-theme=dark] .modal-card,html[data-theme=dark] .playlist-item,html[data-theme=dark] .video-row-card,html[data-theme=dark] .playlist-video-row,html[data-theme=dark] .picker-video-card,html[data-theme=dark] .quick-create-box,html[data-theme=dark] .inline-create-form,html[data-theme=dark] .state-block,html[data-theme=dark] .chart-shell,html[data-theme=dark] .tag-dropdown-menu{color:#e5e7eb;background:#111827;border-color:#273449;box-shadow:0 18px 50px #00000038}html[data-theme=dark] .sidebar{border-right-color:#273449}html[data-theme=dark] .auth-copy,html[data-theme=dark] .section-header p,html[data-theme=dark] .graph-card p,html[data-theme=dark] .content-card p,html[data-theme=dark] .profile-card p,html[data-theme=dark] .form-panel p,html[data-theme=dark] .brand-block p,html[data-theme=dark] .account-card small,html[data-theme=dark] .content-card small,html[data-theme=dark] .playlist-item span,html[data-theme=dark] .summary-card span,html[data-theme=dark] .profile-meta span,html[data-theme=dark] .video-row-main p,html[data-theme=dark] .playlist-video-main small,html[data-theme=dark] .picker-video-details small,html[data-theme=dark] .muted-helper,html[data-theme=dark] .tag-dropdown-trigger span{color:#94a3b8}html[data-theme=dark] .field-label,html[data-theme=dark] .tool-card label,html[data-theme=dark] .select-filter-label,html[data-theme=dark] .side-nav-btn,html[data-theme=dark] .secondary-action,html[data-theme=dark] .compact-link-action,html[data-theme=dark] .scroll-top-btn,html[data-theme=dark] .theme-switch,html[data-theme=dark] .icon-action,html[data-theme=dark] .tag-dropdown-trigger,html[data-theme=dark] .tag-dropdown-option,html[data-theme=dark] .tag-dropdown-clear,html[data-theme=dark] .tag-select-button{color:#dbeafe}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .input-shell,html[data-theme=dark] .inline-form,html[data-theme=dark] .select-filter-label select,html[data-theme=dark] .tag-dropdown-trigger,html[data-theme=dark] .tag-dropdown-option,html[data-theme=dark] .tag-dropdown-clear,html[data-theme=dark] .tag-select-button,html[data-theme=dark] .icon-action,html[data-theme=dark] .secondary-action,html[data-theme=dark] .compact-link-action,html[data-theme=dark] .theme-switch,html[data-theme=dark] .scroll-top-btn{color:#e5e7eb;background:#0f172a;border-color:#334155}html[data-theme=dark] input:disabled,html[data-theme=dark] textarea:disabled,html[data-theme=dark] select:disabled{color:#94a3b8;background:#1e293b}html[data-theme=dark] .side-nav-btn{background:#0f172a;border-color:#334155}html[data-theme=dark] .side-nav-btn:hover,html[data-theme=dark] .secondary-action:hover,html[data-theme=dark] .compact-link-action:hover,html[data-theme=dark] .theme-switch:hover,html[data-theme=dark] .scroll-top-btn:hover,html[data-theme=dark] .icon-action:hover{background:#1e293b;border-color:#475569}html[data-theme=dark] .side-nav-btn.active,html[data-theme=dark] .playlist-item.active,html[data-theme=dark] .tag-select-button.active,html[data-theme=dark] .tag-dropdown-option.active{color:#c7d2fe;background:#1e1b4b;border-color:#818cf8}html[data-theme=dark] .side-nav-separator,html[data-theme=dark] .profile-meta,html[data-theme=dark] .compact-row{border-color:#273449}html[data-theme=dark] .video-search-sticky{background:#070b16eb}html[data-theme=dark] .playlist-video-search-panel{background:#111827f0;border-color:#273449}html[data-theme=dark] .video-thumbnail,html[data-theme=dark] .playlist-video-thumbnail,html[data-theme=dark] .picker-video-thumbnail{color:#94a3b8;background:linear-gradient(135deg,#1e1b4b,#0f172a)}html[data-theme=dark] .title-link,html[data-theme=dark] .video-row-title a,html[data-theme=dark] .playlist-video-title-line a,html[data-theme=dark] .picker-video-details a,html[data-theme=dark] .content-card-header .title-link{color:#e5e7eb!important}html[data-theme=dark] .tag-row span{color:#c7d2fe;background:#1e1b4b}html[data-theme=dark] .danger-action,html[data-theme=dark] .logout-btn{color:#fecaca;background:#3f1218}html[data-theme=dark] .playlist-add-action,html[data-theme=dark] .edit-action,html[data-theme=dark] .copy-code-button,html[data-theme=dark] .create-toggle-button,html[data-theme=dark] .compact-row button,html[data-theme=dark] .playlist-video-row button,html[data-theme=dark] .picker-video-card button{color:#c7d2fe;background:#1e1b4b;border-color:#4f46e5}html[data-theme=dark] .playlist-video-row .secondary-action,html[data-theme=dark] .picker-video-card .secondary-action{color:#e5e7eb;background:#0f172a}html[data-theme=dark] .header-status.success{color:#bbf7d0;background:#143c27}html[data-theme=dark] .header-status.error{color:#fecaca;background:#451a1a}html[data-theme=dark] .header-status.info,html[data-theme=dark] .banner.info{color:#bae6fd;background:#0c3245}html[data-theme=dark] .banner.success{color:#bbf7d0;background:#143c27}html[data-theme=dark] .banner.error{color:#fecaca;background:#451a1a}html[data-theme=dark] .theme-switch-track{background:#4f46e5}html[data-theme=dark] .theme-switch-thumb{background:#fff}html[data-theme=dark] .modal-backdrop{background:#000000b8}@media (width<=720px){.theme-switch{top:18px;right:18px}.theme-switch-text{display:none}.section-header>.secondary-action{margin-right:64px}}.admin-user-search-panel,.admin-users-panel{gap:16px;display:grid}.admin-user-search-panel p,.admin-users-panel p{color:#64748b;margin:6px 0 0;line-height:1.7}.admin-user-search-form{grid-template-columns:210px minmax(260px,1fr) auto;align-items:end;gap:12px;display:grid}.admin-user-search-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-users-table-wrap{border:1px solid #edf2f7;border-radius:18px;width:100%;overflow-x:auto}.admin-users-table{border-collapse:collapse;background:#fff;width:100%;min-width:940px}.admin-users-table th,.admin-users-table td{text-align:left;vertical-align:top;border-bottom:1px solid #edf2f7;padding:14px 16px}.admin-users-table th{color:#334155;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#f8fafc;font-size:.82rem;font-weight:900}.admin-users-table td{color:#0f172a;overflow-wrap:anywhere;font-weight:750}.admin-users-table tbody tr:last-child td{border-bottom:none}.admin-users-table tbody tr:hover td{background:#fbfdff}.admin-users-table td:first-child,.admin-users-table td:nth-child(5){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.86rem}@media (width<=980px){.admin-user-search-form{grid-template-columns:1fr}.admin-user-search-actions{justify-content:flex-start}}@media (width<=680px){.admin-user-search-actions{flex-direction:column;align-items:stretch}.admin-user-search-actions>*{width:100%}}html[data-theme=dark] .admin-user-search-panel p,html[data-theme=dark] .admin-users-panel p{color:#94a3b8}html[data-theme=dark] .admin-users-table-wrap{border-color:#273449}html[data-theme=dark] .admin-users-table{background:#111827}html[data-theme=dark] .admin-users-table th{color:#dbeafe;background:#0f172a}html[data-theme=dark] .admin-users-table th,html[data-theme=dark] .admin-users-table td{border-color:#273449}html[data-theme=dark] .admin-users-table td{color:#e5e7eb}html[data-theme=dark] .admin-users-table tbody tr:hover td{background:#162033}.video-search-sticky{grid-template-columns:repeat(3,minmax(0,1fr))}.sort-card select,.sort-select-inline select{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:16px;width:100%;min-height:50px;padding:0 14px;font-size:1rem;font-weight:800;line-height:1.2}.sort-card select{margin-top:0}.sort-select-inline{color:#334155;gap:6px;min-width:0;font-size:.82rem;font-weight:850;display:grid}.balanced-picker-filter-row{grid-template-columns:minmax(250px,1.15fr) minmax(240px,.95fr) auto minmax(170px,.7fr)}.playlist-video-search-panel{grid-template-columns:minmax(220px,1.15fr) minmax(220px,1fr) auto minmax(170px,.72fr)}.create-playlist-modal{width:min(600px,100vw - 40px)}@media (width<=1180px){.video-search-sticky,.balanced-picker-filter-row,.playlist-video-search-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.video-search-sticky,.balanced-picker-filter-row,.playlist-video-search-panel{grid-template-columns:1fr}.sort-select-inline,.sort-card select{width:100%}}html[data-theme=dark] .sort-card select,html[data-theme=dark] .sort-select-inline select{color:#e5e7eb;background:#0f172a;border-color:#334155}html[data-theme=dark] .sort-select-inline{color:#cbd5e1}.playlist-video-search-panel{grid-template-columns:minmax(0,1fr) auto minmax(220px,.42fr);grid-template-areas:"playlist-search playlist-search playlist-search""playlist-tags playlist-clear playlist-sort";align-items:end}.playlist-video-search-input{grid-area:playlist-search;width:100%}.playlist-video-tag-filter{grid-area:playlist-tags;width:100%}.playlist-video-search-panel .clear-tags-action{grid-area:playlist-clear;align-self:end;min-width:132px}.playlist-video-search-panel .sort-select-inline{grid-area:playlist-sort;align-self:end;width:100%}@media (width<=900px){.playlist-video-search-panel{grid-template-columns:1fr;grid-template-areas:"playlist-search""playlist-tags""playlist-clear""playlist-sort"}.playlist-video-search-panel .clear-tags-action{width:100%}}:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#4f46e517,#0000 30rem),#f7f8fb;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}html,body,#root{overflow-y:auto}