:root{--bg-dark: #0b1013;--panel-dark: #0f1619;--muted: #98a1a6;--muted-rgb: 152, 161, 166;--accent-red: #b82e2e;--accent-red-strong: #d04343;--accent-red-rgb: 184, 46, 46;--accent-red-strong-rgb: 208, 67, 67;--card-bg: #0c1416;--card-bg-rgb: 12, 20, 22;--white-rgb: 255, 255, 255;--border: rgb(var(--white-rgb), .06);--text: #dfe6e8;--accent-green: #22c55e;--accent-green-rgb: 34, 197, 94;--error: #f3bcbc}html,body,#root{box-sizing:border-box;width:100%;height:100%;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100vh;background:linear-gradient(180deg,#1c0c0e,#12080a,#0a0608)}.container>*{min-width:0;min-height:0}.topbar{z-index:30;box-sizing:border-box;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 20px;white-space:nowrap;background:linear-gradient(180deg,#201214b3,#180e10bf);border:1px solid rgb(var(--accent-red-rgb),.12);border-top:none;border-radius:0 0 16px 16px;box-shadow:0 4px 24px #00000040,inset 0 1px rgb(var(--white-rgb),.04)}.topbar .brand{display:flex;flex:0 1 auto;gap:10px;align-items:center;min-width:0}.brand-badge{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:42px;height:42px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-strong));border-radius:12px;box-shadow:0 4px 16px rgb(var(--accent-red-rgb),.3);transition:transform .15s ease,box-shadow .15s ease}.brand-badge:hover{box-shadow:0 6px 20px rgb(var(--accent-red-rgb),.4);transform:translateY(-2px)}.brand-badge:active{transform:translateY(0)}.brand-title{display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;line-height:1.05}.brand-title .title{padding-bottom:4px;overflow:hidden;text-overflow:ellipsis;font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.2px;white-space:nowrap}.brand-title .subtitle{overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--muted);white-space:nowrap}.shortcuts-trigger{position:relative;display:flex;align-items:center;justify-content:center;padding:8px;color:rgb(var(--white-rgb),.5);cursor:pointer;background:rgb(var(--white-rgb),.04);border:1px solid rgb(var(--white-rgb),.06);border-radius:8px;transition:color .15s ease,background .15s ease,border-color .15s ease}.shortcuts-trigger:hover{color:rgb(var(--white-rgb),.8);background:rgb(var(--white-rgb),.08);border-color:rgb(var(--white-rgb),.12)}.shortcuts-panel{position:absolute;top:100%;right:0;z-index:50;display:flex;gap:24px;padding:16px;margin-top:8px;font-size:13px;color:var(--text);background:linear-gradient(180deg,#181012fa,#120c0efa);border:1px solid rgb(var(--white-rgb),.08);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px rgb(var(--white-rgb),.03)}.shortcuts-section{display:flex;flex-direction:column;gap:12px}.shortcuts-title{margin-bottom:4px;font-size:11px;font-weight:700;color:rgb(var(--white-rgb),.4);text-transform:uppercase;letter-spacing:.5px}.shortcut-item{display:flex;gap:8px;align-items:center;white-space:nowrap}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600;color:rgb(var(--white-rgb),.7);background:rgb(var(--card-bg-rgb),.8);border:1px solid rgb(var(--white-rgb),.08);border-radius:6px}.shortcut-item span{color:rgb(var(--white-rgb),.6)}.shortcut-item .separator{margin:0 4px;color:rgb(var(--white-rgb),.3)}.small{font-size:12px;color:var(--muted)}.topbar-right{display:flex;flex:0 0 auto;gap:16px;align-items:center;margin-left:auto}.topbar-right .small{font-size:13px;color:var(--muted)}.topbar-saved{display:flex;gap:8px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;color:#fff9;background:#ffffff0a;border:1px solid rgb(255 255 255 / 6%);border-radius:8px}.saved-indicator{width:8px;height:8px;background:linear-gradient(135deg,var(--accent-green),#16a34a);border-radius:50%;box-shadow:0 0 8px rgb(var(--accent-green-rgb),.5);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px rgb(var(--accent-green-rgb),.5);opacity:1}50%{box-shadow:0 0 12px rgb(var(--accent-green-rgb),.7);opacity:.7}}.topbar-actions{display:flex;gap:8px;align-items:center}.topbar-btn{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;font-size:13px;font-weight:500;color:rgb(var(--white-rgb),.7);cursor:pointer;background:rgb(var(--white-rgb),.04);border:1px solid rgb(var(--white-rgb),.06);border-radius:10px;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.topbar-btn:hover{color:rgb(var(--white-rgb),.9);background:rgb(var(--white-rgb),.08);border-color:rgb(var(--white-rgb),.12);transform:translateY(-1px)}.topbar-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.topbar-btn svg{flex-shrink:0;width:16px;height:16px}.topbar-btn-primary{font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-strong));border:none;box-shadow:0 4px 12px rgb(var(--accent-red-rgb),.25)}.topbar-btn-primary:hover{box-shadow:0 6px 20px rgb(var(--accent-red-rgb),.35);transform:translateY(-2px)}.topbar-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar-btn-success{font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-green),#16a34a);border:none;box-shadow:0 4px 12px rgb(var(--accent-green-rgb),.25)}.topbar-btn-success:hover{box-shadow:0 6px 20px rgb(var(--accent-green-rgb),.35);transform:translateY(-2px)}.notes-pill{z-index:20;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:6px 10px;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;background-color:var(--accent-red);background-image:linear-gradient(90deg,var(--accent-red),var(--accent-red-strong));border:none;border-radius:14px;box-shadow:0 6px 20px #d0434329}.main{display:flex;flex:1;gap:0;align-items:stretch;overflow:hidden}.video-column{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-width:0;padding:12px}.video-player-wrap{position:relative;width:100%;height:80vh;overflow:hidden;background:var(--card-bg);border-radius:6px;box-shadow:inset 0 0 0 1px rgb(var(--accent-red-strong-rgb),.03),0 6px 22px rgb(var(--accent-red-rgb),.06)}.video-player-wrap>div[aria-hidden]{position:absolute;right:0;bottom:0;left:0;height:6px;pointer-events:none;background:linear-gradient(90deg,rgb(var(--accent-red-rgb),.95),rgb(var(--accent-red-strong-rgb),.95));border-top:1px solid rgb(var(--white-rgb),.02);box-shadow:0 2px 10px rgb(var(--accent-red-strong-rgb),.12)}.sidebar{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;width:380px;min-width:0;max-width:42%;padding:20px;margin:12px 12px 12px 0;background:linear-gradient(180deg,#120c0ed9,#0c080ae5);border:1px solid rgb(var(--accent-red-rgb),.12);border-radius:16px;box-shadow:0 4px 24px #00000059,0 0 0 1px rgb(var(--white-rgb),.02),inset 0 1px rgb(var(--white-rgb),.03)}.sidebar .sidebar-header{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:4px 0 12px;border-bottom:1px solid rgb(var(--white-rgb),.05)}.sidebar .header-left{display:flex;flex-direction:column;gap:4px}.sidebar .header-left .h1{font-size:16px;font-weight:700;color:var(--text);letter-spacing:.2px}.sidebar .header-left .small{font-size:12px;color:rgb(var(--white-rgb),.5)}.sidebar .dot{display:none}.input-container{position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:16px;min-width:0;min-height:0;padding:0;overflow:hidden;border-radius:12px}.readonly-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text);text-align:center;pointer-events:auto;background:rgb(var(--card-bg-rgb),.85);border:1px solid rgb(var(--accent-red-rgb),.15);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.readonly-overlay .readonly-title{margin-bottom:8px;font-size:15px;font-weight:700;color:var(--text)}.readonly-overlay .readonly-desc{max-width:320px;font-size:13px;line-height:1.4;color:#fff9}.result-list-root{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;min-height:0}.result-list-top{box-sizing:border-box;display:flex;gap:10px;align-items:center;width:100%;padding:12px 14px;background:linear-gradient(180deg,rgb(var(--white-rgb),.03),rgb(var(--white-rgb),.01));border:1px solid rgb(var(--white-rgb),.05);border-radius:12px}.input-container .result-list-top{position:relative;z-index:1}.notes-search,.result-list-top input[aria-label="Search notes"]{box-sizing:border-box;flex:1 1 auto;min-width:0;padding:10px 14px;font-size:13px;color:var(--text);background:rgb(var(--card-bg-rgb),.8);border:1px solid rgb(var(--white-rgb),.06);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}.result-list-top .notes-search{flex:1 1 auto;min-width:0;margin-right:0}.result-list-top .notes-pill{flex:0 0 auto;min-width:64px;margin-left:0;text-align:center}.notes-search:focus,.result-list-top input[aria-label="Search notes"]:focus{outline:none;border-color:rgb(var(--accent-red-rgb),.5);box-shadow:0 0 0 3px rgb(var(--accent-red-rgb),.15)}.notes-search::placeholder,.result-list-top input[aria-label="Search notes"]::placeholder{color:#ffffff4d}.result-box{box-sizing:border-box;flex:1 1 auto;min-height:0;max-height:none;padding:4px 8px 4px 4px;overflow-y:auto}.result-box::-webkit-scrollbar{width:6px}.result-box::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.result-box::-webkit-scrollbar-thumb{background:#b82e2e66;border-radius:3px}.result-card{box-sizing:border-box;padding:14px 16px;margin-bottom:10px;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgb(255 255 255 / 5%);border-radius:12px;transition:background .16s ease,border-color .16s ease,transform .12s ease}.result-card:last-child{margin-bottom:0}.result-card:hover{background:linear-gradient(180deg,#b82e2e0f,#b82e2e08);border-color:#b82e2e26}.result-card .result-content{padding-top:8px;line-height:1.55;color:var(--text);white-space:pre-wrap}.result-meta .timestamp{display:inline-flex;gap:6px;align-items:center;min-width:64px;padding:6px 12px;font-size:12px;font-weight:600;color:#ffffffb3;text-align:center;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#b82e2ecc,#d04343cc);border-radius:8px;box-shadow:0 4px 12px #b82e2e33;transition:transform .12s ease,box-shadow .12s ease}.result-meta .timestamp:hover{box-shadow:0 6px 16px #b82e2e4d;transform:translateY(-1px)}.result-meta .timestamp-icon,.result-meta .timestamp .timestamp-icon{display:inline-block;flex:0 0 12px;width:12px;height:12px;opacity:.9;stroke:currentcolor}.button-box button,.btn{padding:10px 14px;font-size:13px;font-weight:500;color:#ffffffb3;cursor:pointer;background:#ffffff08;border:1px solid rgb(255 255 255 / 5%);border-radius:8px;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.result-actions button,.result-card button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px 8px;color:#ffffff7f;cursor:pointer;background:#ffffff08;border:1px solid rgb(255 255 255 / 5%);border-radius:8px;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease}.result-actions button:hover,.result-card button:hover{color:#fffc;background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-1px)}.result-card-header,.result-card .result-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:8px}.result-actions-row{display:flex;gap:6px;align-items:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 16px;color:#ffffff4d;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgb(255 255 255 / 5%);border-radius:50%}.empty-title{margin-bottom:8px;font-size:15px;font-weight:700;color:var(--text);text-align:center}.empty-sub{font-size:13px;color:#ffffff7f;text-align:center}.input-box{display:flex;flex-direction:column;gap:12px;padding:14px;margin-top:auto;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgb(255 255 255 / 5%);border-radius:12px}.input-box textarea,.input-textarea{box-sizing:border-box;width:100%;min-height:80px;padding:12px 14px;font-size:14px;line-height:1.5;color:var(--text);resize:none;background:rgb(var(--card-bg-rgb),.8);border:1px solid rgb(var(--white-rgb),.06);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}.input-box textarea:focus,.input-textarea:focus{outline:none;border-color:rgb(var(--accent-red-rgb),.5);box-shadow:0 0 0 3px rgb(var(--accent-red-rgb),.15)}.input-box textarea::placeholder,.input-textarea::placeholder{color:#ffffff4d}.button-box{display:flex;gap:8px;align-items:center;justify-content:space-between}.button-box>div{display:flex;gap:6px}.input-box .button-box button{padding:10px 14px;font-size:13px;font-weight:500;color:#ffffffb3;cursor:pointer;background:#ffffff08;border:1px solid rgb(255 255 255 / 5%);border-radius:8px;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.btn:hover,.button-box button:hover,.input-box .button-box button:hover{color:#ffffffe5;background:#ffffff0f;border-color:#ffffff1a}.btn-primary,.button-box .primary,.input-box .button-box button.btn-primary{font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-strong));border:none;box-shadow:0 4px 12px #b82e2e40}.btn-primary:hover,.button-box .primary:hover,.input-box .button-box button.btn-primary:hover{box-shadow:0 6px 20px #b82e2e59;transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:#ffffff0a;border-color:#ffffff0f}.missing-video{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text);background:transparent}.missing-video form{padding:18px;color:var(--text);background:linear-gradient(180deg,#140e1099,#0f0a0c99);border:1px solid var(--border);border-radius:8px}.missing-video label{display:block;margin-bottom:8px;color:var(--text)}.missing-video .missing-row{display:flex;gap:8px;align-items:center}.missing-video .missing-input,.missing-video input{box-sizing:border-box;width:420px;padding:8px;color:var(--text);background:rgb(var(--card-bg-rgb),.85);border:1px solid rgb(var(--white-rgb),.04);border-radius:6px}.missing-video .btn-primary,.missing-video button[type=submit]{padding:8px 12px;color:#fff;cursor:pointer;background:linear-gradient(90deg,rgb(var(--accent-red-rgb),.95),rgb(var(--accent-red-strong-rgb),.95));border:none;border-radius:6px}.form-error{margin-top:10px;font-size:13px;color:var(--error)}@media (width <= 900px){.sidebar{width:320px;max-width:45%;padding:16px}.missing-video .missing-input,.missing-video input{width:240px}.video-player-wrap{height:56vh}}@media (width <= 640px){.sidebar{display:none}.video-player-wrap{height:60vh}}.note-edit-wrap,.edit-area{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:12px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgb(255 255 255 / 5%);border-radius:10px}.has-tooltip{position:relative}.has-tooltip[data-tooltip]:after{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:40;padding:6px 10px;font-size:11px;font-weight:500;color:var(--text);white-space:nowrap;pointer-events:none;content:attr(data-tooltip);background:rgb(var(--card-bg-rgb),.95);border:1px solid rgb(var(--accent-red-rgb),.2);border-radius:6px;box-shadow:0 4px 12px #0006;opacity:0;transform:translate(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease;will-change:opacity,transform}.has-tooltip:hover[data-tooltip]:after,.has-tooltip:focus[data-tooltip]:after,.has-tooltip:focus-within[data-tooltip]:after{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.4s}.note-edit-actions,.edit-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding-top:4px}.note-edit-actions .btn,.edit-actions .btn{padding:8px 14px;font-size:13px;font-weight:500;border-radius:8px;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.result-actions-row .btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px 8px;color:rgb(var(--white-rgb),.5);background:rgb(var(--white-rgb),.03);border:1px solid rgb(var(--white-rgb),.05);border-radius:8px;transition:background-color .15s ease,transform .12s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease}.result-actions-row .btn:hover{color:rgb(var(--white-rgb),.8);background:rgb(var(--white-rgb),.06);border-color:rgb(var(--white-rgb),.1);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.result-actions-row .btn:focus{outline:none;border-color:rgb(var(--accent-red-rgb),.4);box-shadow:0 0 0 3px rgb(var(--accent-red-rgb),.12)}.result-actions-row .btn svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.result-actions-row .btn .text-red-600{color:rgb(var(--accent-red-rgb),.8);transition:color .15s ease}.result-actions-row .btn:hover .text-red-600{color:var(--accent-red-strong)}.result-card .result-actions-row .btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px 8px;color:rgb(var(--white-rgb),.5);background:rgb(var(--white-rgb),.03);border:1px solid rgb(var(--white-rgb),.05);border-radius:8px;transition:background-color .15s ease,transform .12s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease}.result-card .result-actions-row .btn:hover{color:rgb(var(--white-rgb),.8);background:rgb(var(--white-rgb),.06);border-color:rgb(var(--white-rgb),.1);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.result-card .result-actions-row .btn:focus{outline:none;border-color:#b82e2e66;box-shadow:0 0 0 3px #b82e2e1f}.result-card .result-actions-row .btn svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.result-card .result-actions-row .btn .text-red-600{color:rgb(var(--accent-red-rgb),.8);transition:color .15s ease}.result-card .result-actions-row .btn:hover .text-red-600{color:var(--accent-red-strong)}.note-edit-textarea,.edit-area textarea{box-sizing:border-box;width:100%;min-height:80px;max-height:200px;padding:12px 14px;font-size:14px;line-height:1.5;color:var(--text);resize:vertical;background:rgb(var(--card-bg-rgb),.8);border:1px solid rgb(var(--white-rgb),.06);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}.note-edit-textarea:focus,.edit-area textarea:focus{outline:none;border-color:rgb(var(--accent-red-rgb),.5);box-shadow:0 0 0 3px rgb(var(--accent-red-rgb),.15)}.note-edit-actions .btn-primary,.edit-actions .btn-primary{padding:8px 16px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-strong));border:none;box-shadow:0 4px 12px rgb(var(--accent-red-rgb),.25)}.note-edit-actions .btn-primary:hover,.edit-actions .btn-primary:hover{box-shadow:0 6px 16px rgb(var(--accent-red-rgb),.35);transform:translateY(-1px)}.note-edit-actions .btn-primary:focus,.edit-actions .btn-primary:focus{box-shadow:0 4px 16px rgb(var(--accent-red-rgb),.2),0 0 0 3px rgb(var(--accent-red-rgb),.15)}.note-edit-actions .btn-ghost,.edit-actions .btn-ghost{color:rgb(var(--white-rgb),.6);background:transparent;border:1px solid rgb(var(--white-rgb),.06)}.note-edit-actions .btn-ghost:hover,.edit-actions .btn-ghost:hover{color:rgb(var(--white-rgb),.8);background:rgb(var(--white-rgb),.04);border-color:rgb(var(--white-rgb),.1)}.result-card.editing{background:linear-gradient(180deg,rgb(var(--accent-red-rgb),.06),rgb(var(--accent-red-rgb),.03));border-color:rgb(var(--accent-red-rgb),.2)}.result-card.selected{background:linear-gradient(180deg,rgb(var(--accent-red-rgb),.1),rgb(var(--accent-red-rgb),.05));border-color:rgb(var(--accent-red-rgb),.7);box-shadow:0 4px 16px rgb(var(--accent-red-rgb),.15)}.result-content>div,.note-content{font-size:14px;line-height:1.55;color:var(--text);overflow-wrap:break-word;white-space:pre-wrap}.result-card .note-edit-wrap{margin-top:0}@media (width <= 900px){.note-edit-textarea,.edit-area textarea{min-height:72px}.note-edit-actions .btn,.edit-actions .btn{padding:6px 12px;font-size:12px}}.react-player{display:block;width:100%!important;height:100%!important;background:var(--card-bg)}.react-player iframe{pointer-events:auto}.video-player-wrap{position:relative;width:100%;height:80vh;overflow:hidden;background:var(--card-bg);border-radius:6px;box-shadow:inset 0 0 0 1px #d0434308,0 6px 22px #b82e2e0f}.vodding-list-wrap{box-sizing:border-box;width:100%;max-width:800px;padding:24px 28px;background:linear-gradient(180deg,#120c0ebf,#0c080acc);border:1px solid rgb(184 46 46 / 12%);border-radius:16px;box-shadow:0 4px 24px #00000059,0 0 0 1px #ffffff05,inset 0 1px #ffffff08}.vodding-list-wrap h4{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--text);letter-spacing:.3px}.vodding-list{box-sizing:border-box;max-height:480px;padding:0;margin:0;overflow-y:auto;list-style:none}.vodding-list::-webkit-scrollbar{width:6px}.vodding-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.vodding-list::-webkit-scrollbar-thumb{background:#b82e2e66;border-radius:3px}.vodding-item{display:flex;gap:14px;align-items:center;padding:14px 16px;margin-bottom:10px;cursor:pointer;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgb(255 255 255 / 5%);border-radius:12px;transition:background .16s ease,transform .12s ease,border-color .16s ease}.vodding-item:last-child{margin-bottom:0}.vodding-item:hover,.vodding-item:focus-within{background:linear-gradient(180deg,#b82e2e14,#b82e2e0a);border-color:#b82e2e33;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.vodding-thumb{display:inline-flex;flex:0 0 56px;align-items:center;justify-content:center;width:56px;height:56px;font-size:14px;font-weight:700;line-height:1;color:var(--text);-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-strong));border-radius:10px;box-shadow:0 6px 18px #d043431f}.vodding-thumb svg,.vodding-thumb .thumb-icon{display:block;width:22px;height:22px;color:#fff}.vodding-meta{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0}.vodding-title{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.vodding-row{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}.vodding-url{max-width:340px;overflow:hidden;text-overflow:ellipsis;font-size:.85rem;color:var(--muted);white-space:nowrap}.vodding-badges{display:flex;flex:0 0 auto;gap:10px;align-items:center}.notes-badge,.time-badge{box-sizing:border-box;display:inline-flex;gap:6px;align-items:center;padding:6px 10px;font-size:.75rem;white-space:nowrap;border-radius:8px}.notes-badge{font-weight:700;color:var(--text);background:linear-gradient(135deg,var(--accent-red),var(--accent-red-strong));border:none;box-shadow:0 4px 12px rgb(var(--accent-red-strong-rgb),.25)}.time-badge{font-weight:500;color:#fff9;background:#ffffff0a;border:1px solid rgb(255 255 255 / 6%)}.vodding-actions{display:flex;flex:0 0 auto;gap:8px;align-items:center}.restore-btn{display:inline-flex;gap:6px;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-strong));border:none;border-radius:8px;box-shadow:0 4px 12px #b82e2e40;transition:transform .12s ease,box-shadow .12s ease}.restore-btn:hover,.restore-btn:focus{box-shadow:0 6px 20px #b82e2e59;transform:translateY(-2px)}.delete-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:1rem;line-height:1;color:#f3bcbcb3;cursor:pointer;background:#ffffff08;border:1px solid rgb(255 255 255 / 5%);border-radius:8px;transition:background .15s ease,color .15s ease,border-color .15s ease}.delete-btn:hover,.delete-btn:focus{color:var(--error);background:#f3bcbc1a;border-color:#f3bcbc33}.muted{font-size:.9rem;color:#ffffff7f}.vodding-list-wrap .muted{padding:20px;text-align:center}.missing-video{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:40px 20px;overflow-y:auto;color:var(--text);background:transparent}.missing-video form{box-sizing:border-box;width:100%;max-width:560px;padding:28px 32px;color:var(--text);background:linear-gradient(180deg,#140e10d9,#0f0a0ce5);border:1px solid rgb(184 46 46 / 15%);border-radius:16px;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff08,inset 0 1px #ffffff0a}.missing-video label{display:block;margin-bottom:12px;font-size:15px;font-weight:600;color:var(--text);letter-spacing:.2px}.missing-video form>div{display:flex;gap:10px;align-items:center}.missing-video .missing-row{display:flex;gap:10px;align-items:center}.missing-video .missing-input,.missing-video input{box-sizing:border-box;flex:1;width:100%;padding:12px 16px;font-size:14px;color:var(--text);background:rgb(var(--card-bg-rgb),.8);border:1px solid rgb(var(--white-rgb),.06);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}.missing-video .missing-input:focus,.missing-video input:focus{outline:none;border-color:rgb(var(--accent-red-rgb),.5);box-shadow:0 0 0 3px rgb(var(--accent-red-rgb),.15)}.missing-video .missing-input::placeholder,.missing-video input::placeholder{color:#ffffff4d}.missing-video .btn-primary,.missing-video button[type=submit]{flex-shrink:0;padding:12px 20px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-strong));border:none;border-radius:10px;box-shadow:0 4px 12px #b82e2e4d;transition:transform .12s ease,box-shadow .12s ease}.missing-video .btn-primary:hover,.missing-video button[type=submit]:hover{box-shadow:0 6px 20px #b82e2e66;transform:translateY(-1px)}.form-error{margin-top:12px;font-size:13px;color:var(--error)}@media (width <= 900px){.vodding-url{max-width:180px}.vodding-list{min-width:0;max-height:200px}.missing-video .missing-input,.missing-video input{width:240px}.video-player-wrap{height:56vh}}@media (width <= 640px){.vodding-thumb{flex:0 0 48px;width:48px;height:48px}.vodding-title{font-size:12px}.vodding-url{max-width:140px}.sidebar{display:none}.video-player-wrap{height:60vh}}.video-unavailable{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:28px;color:var(--text);background:#0000000f}.embed-unavailable-card{width:92%;max-width:900px;padding:32px;margin:12px;color:var(--text);text-align:center;background:var(--card-bg);border:1px solid rgb(16 18 20 / 6%);border-radius:14px;box-shadow:0 18px 50px #02061773}.embed-unavailable-icon{display:flex;align-items:center;justify-content:center;width:92px;height:92px;margin:6px auto 18px;background:linear-gradient(180deg,#00000008,#00000003);border:1px solid rgb(16 18 20 / 6%);border-radius:50%}.embed-unavailable-icon svg{width:44px;height:44px;color:var(--muted)}.embed-unavailable-title{margin:8px 0 10px;font-size:22px;font-weight:800;color:var(--text)}.embed-unavailable-desc{max-width:680px;margin:0 auto 18px;font-size:15px;line-height:1.5;color:var(--muted)}.embed-unavailable-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:18px 0}.embed-unavailable-actions .embed-btn,.embed-unavailable-actions a[role=button]{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:10px 16px;font-size:14px;color:var(--text);text-decoration:none;cursor:pointer;background:transparent;border:1px solid rgb(16 18 20 / 6%);border-radius:10px;transition:transform .12s ease,box-shadow .12s ease}.embed-unavailable-actions .embed-btn-primary{color:var(--text);background:var(--card-bg);border:none;box-shadow:0 8px 24px #00000047}.embed-unavailable-actions .embed-btn{color:var(--panel-dark);background:rgb(var(--white-rgb),1);border:1px solid rgb(16 18 20 / 6%)}.embed-unavailable-actions .embed-btn-ghost{color:var(--muted);text-decoration:none;background:transparent;border:none}.embed-unavailable-actions .embed-btn:hover,.embed-unavailable-actions a[role=button]:hover{box-shadow:0 12px 30px #0206171f;transform:translateY(-3px)}.embed-unavailable-help{max-width:820px;padding-top:14px;margin-top:18px;margin-right:auto;margin-left:auto;font-size:13px;line-height:1.45;color:#ffffff9e;border-top:1px solid rgb(255 255 255 / 4%)}@media (width <= 640px){.embed-unavailable-card{padding:18px}.embed-unavailable-title{font-size:18px}.embed-unavailable-desc{font-size:14px}.embed-unavailable-actions .embed-btn,.embed-unavailable-actions a[role=button]{padding:8px 10px;font-size:13px}.embed-unavailable-icon{width:72px;height:72px}.embed-unavailable-icon svg{width:32px;height:32px}}.skeleton-container{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;align-items:stretch;width:100%;height:100%}.skeleton-box{height:56px;background-color:var(--bg-dark);background-image:linear-gradient(90deg,#ffffff03,#ffffff05 20%,#ffffff0f,#ffffff05 80%,#ffffff03);background-size:200% 100%;border-radius:8px;box-shadow:inset 0 1px #ffffff05;animation:skeleton-shimmer 2.5s linear infinite;will-change:background-position}.skeleton-box.small{height:28px}.skeleton-box.large{height:40px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}