:root{--bg:#f5f7f9;--surface:#fff;--text:#1c2833;--muted:#56636f;--border:#d5dde3;--primary:#2f4858;--primary-text:#fff;--accent:#33658a;--accent-soft:#e3eef6;--danger:#b3261e;--danger-soft:#fce8e6;--success:#1e7b3a;--success-soft:#e5f4ea;--warn:#b26a00;--radius:10px;--touch:44px;--shadow:0 1px 3px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12181d;--surface:#1b242b;--text:#e6ecf0;--muted:#9aa8b3;--border:#2f3c46;--primary:#86bbd8;--primary-text:#0f1a21;--accent:#86bbd8;--accent-soft:#1f3442;--danger:#f28b82;--danger-soft:#3b1f1e;--success:#81c995;--success-soft:#1d3325;--warn:#f6bf26;--shadow:none}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}a{color:var(--accent)}h1{margin:.5rem 0 1rem;font-size:1.6rem;line-height:1.25}h2{margin:1.5rem 0 .75rem;font-size:1.25rem}h3{margin:0;font-size:1.05rem}code{background:var(--accent-soft);word-break:break-all;border-radius:4px;padding:.05em .35em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9em}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;padding-top:env(safe-area-inset-top);position:sticky;top:0}.header-inner{max-width:1200px;padding:.25rem max(1rem, env(safe-area-inset-left));flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 auto;display:flex}.brand{min-height:var(--touch);color:var(--text);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.menu-toggle{min-width:var(--touch);min-height:var(--touch);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;margin-left:auto;font-size:1.4rem}.main-nav{flex-direction:column;flex-basis:100%;padding-bottom:.5rem;display:none}.main-nav.open{display:flex}.nav-link{min-height:var(--touch);border-radius:var(--radius);color:var(--text);font:inherit;align-items:center;padding:0 .75rem;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{background:var(--accent-soft)}.nav-link.active{font-weight:600}.nav-button{cursor:pointer;text-align:left;background:0 0;border:none}.nav-user-name{color:var(--muted);margin-left:.3rem}.nav-spacer{display:none}@media (width>=760px){.menu-toggle{display:none}.main-nav{flex-direction:row;flex:1;align-items:center;gap:.25rem;padding:0;display:flex}.nav-spacer{flex:1;display:block}}.content{max-width:1200px;padding:1rem max(1rem, env(safe-area-inset-left)) calc(2rem + env(safe-area-inset-bottom));margin:0 auto}.narrow{max-width:480px;margin:0 auto}.center{text-align:center}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.page-head h1{margin:.5rem 0}.hint{color:var(--muted);font-size:.95rem}.empty{color:var(--muted);text-align:center;padding:2rem 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1rem}.card h1,.card h2{margin-top:0}.field{flex-direction:column;gap:.3rem;margin-bottom:.9rem;display:flex}.field>span{font-weight:600}input[type=text],input[type=password],input[type=search],select{min-height:var(--touch);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:.5rem .75rem;font-size:1rem}input[type=file]{font:inherit;min-height:var(--touch);max-width:100%}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger)}.search{max-width:320px}.checkbox{min-height:var(--touch);cursor:pointer;align-items:center;gap:.6rem;display:flex}.checkbox input{width:22px;height:22px}.checkbox-list{max-height:240px;margin:.5rem 0;padding:0;list-style:none;overflow-y:auto}.share-list{border:1px solid var(--border);border-radius:8px;margin:0 0 .9rem;padding:.75rem}.share-list legend{padding:0 .25rem;font-weight:600}.button{min-height:var(--touch);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:0 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--accent-soft)}.button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.button.primary:hover:not(:disabled){filter:brightness(1.1);background:var(--primary)}.button.danger{color:var(--danger);border-color:var(--danger)}.button.danger:hover:not(:disabled){background:var(--danger-soft)}.button.small{padding:0 .8rem;font-weight:500}.button.wide{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.actions.center{justify-content:center}.message{border-radius:8px;margin:.5rem 0;padding:.6rem .8rem}.message.error{background:var(--danger-soft);color:var(--danger)}.message.success{background:var(--success-soft);color:var(--success)}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.badge.admin{background:var(--primary);color:var(--primary-text)}.progress{background:var(--accent-soft);border-radius:999px;height:12px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .2s}.quota-warn .progress-fill{background:var(--warn)}.quota-danger .progress-fill{background:var(--danger)}.quota-label{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.4rem;font-weight:600;display:flex}.upload-progress{flex-direction:column;gap:.35rem;margin:.5rem 0;display:flex}.progress-text{color:var(--muted);font-variant-numeric:tabular-nums}.video-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=520px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1150px){.video-grid{grid-template-columns:repeat(4,1fr)}}.video-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.video-card:hover{border-color:var(--accent)}.video-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#2f4858,#33658a);justify-content:center;align-items:center;display:flex;position:relative}.play-icon{color:#fff;opacity:.85;font-size:2.2rem}.duration-badge{color:#fff;font-variant-numeric:tabular-nums;background:#000000bf;border-radius:4px;padding:.05rem .4rem;font-size:.85rem;position:absolute;bottom:.5rem;right:.5rem}.video-card-body{padding:.75rem .9rem .9rem}.video-title{overflow-wrap:anywhere}.video-meta{color:var(--muted);margin:.25rem 0;font-size:.92rem}.my-video-list,.admin-list{margin:0;padding:0;list-style:none}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.title-form{margin-bottom:.5rem}.visibility-editor{max-width:560px;margin-top:.75rem}.limits-form{grid-template-columns:1fr;align-items:end;gap:0 1rem;margin-top:.75rem;display:grid}.limits-form .button{margin-bottom:.9rem}@media (width>=640px){.limits-form{grid-template-columns:1fr 1fr auto}}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex;overflow-x:auto}.tab{min-height:var(--touch);font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:0 1rem}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.auth-form{margin-top:1rem}.form-footer{text-align:center;margin:1rem 0 0}.dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(92vw,460px);color:var(--text);padding:1.25rem}.dialog::backdrop{background:#00000073}.dialog h2{margin-top:0}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.player-page{max-width:1100px;margin:0 auto}.player-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:hidden}.player-video{background:#000;width:100%;height:100%;position:absolute;inset:0}.player-overlay{text-align:center;color:#fff;pointer-events:none;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.player-overlay.error{pointer-events:auto;background:#000c}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}.progress-fill{transition:none}}.quality-select{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.quality-select select{width:auto;min-width:200px}.player-title{overflow-wrap:anywhere;margin:1rem 0 .25rem}