:root{--color-bg: #0e0f12;--color-surface: #1a1c21;--color-surface-2: #23262d;--color-border: #2e323b;--color-text: #ececec;--color-text-muted: #8b909b;--color-accent: #4f8cff;--color-accent-hover: #6aa0ff;--color-danger: #ff5566;--color-warning: #f5a524;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.boot-splash{height:100%;background:var(--color-bg)}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-header__actions{display:flex;align-items:center;gap:var(--space-3)}.app-header__user{color:var(--color-text-muted);font-size:var(--font-size-sm)}.app-header__brand{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.app-header__brand:hover{color:var(--color-text)}.app-header__navlink{color:var(--color-text-muted);font-size:var(--font-size-sm)}.app-header__navlink:hover{color:var(--color-text)}.install{position:relative;display:inline-flex}.install__hint{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:10;min-width:240px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.install__hint-body{margin:0;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4}.install__hint-close{align-self:flex-start;background:none;border:none;padding:0;font:inherit;font-size:var(--font-size-sm);color:var(--color-accent);cursor:pointer}.install__hint-close:hover{color:var(--color-accent-hover)}.notify-toggle{font-size:var(--font-size-sm)}.notify-toggle--denied{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:not-allowed}.app-main{flex:1;padding:var(--space-5)}.button{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background:var(--color-accent);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.button--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.button--ghost:hover:not(:disabled){background:var(--color-surface-2)}.button--danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.button--danger:hover:not(:disabled){background:#ff55661f}.login-shell{display:grid;place-items:center;min-height:100%;padding:var(--space-5)}.login-card{width:100%;max-width:360px;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4)}.login-card__title{margin:0 0 var(--space-2);font-size:24px;font-weight:600}.form-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-field input{font:inherit;font-size:var(--font-size-md);color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.form-field input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.error-banner{background:#ff55661f;border:1px solid var(--color-danger);color:var(--color-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.library{display:flex;flex-direction:column;gap:var(--space-5)}.library__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.library__header h1{margin:0}.library__bulkbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.library__bulkcount{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-right:var(--space-2)}.library__empty{color:var(--color-text-muted)}.library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.tile{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tile__thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:var(--color-surface-2);border-radius:var(--radius-sm);overflow:hidden;margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0}a.tile__thumb{text-decoration:none;color:inherit}a.tile__thumb:hover{color:inherit}.tile__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.tile__thumb-placeholder{color:var(--color-text-muted);font-size:32px;font-weight:700;font-family:var(--font-family)}.tile--selectable{cursor:pointer;transition:border-color .12s ease,background .12s ease}.tile--selectable:hover{border-color:var(--color-accent)}.tile--selected{border-color:var(--color-accent);background:#4f8cff14}.tile__checkbox{width:18px;height:18px;margin:0;accent-color:var(--color-accent);cursor:pointer}.tile__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.tile__filename{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tile__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.tile__uploader{color:var(--color-text)}.tile__sep{opacity:.5}.tile__actions{display:flex;gap:var(--space-2)}.tile__actions .button{flex:1;text-align:center}.countdown{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.countdown--warning{background:#f5a5241f;border-color:var(--color-warning);color:var(--color-warning)}.upload-page{display:flex;flex-direction:column;gap:var(--space-5);max-width:640px;margin:0 auto}.upload-page h1{margin:0}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:center;transition:border-color .12s ease,background .12s ease}.dropzone:hover{border-color:var(--color-accent)}.dropzone--active{border-color:var(--color-accent);background:var(--color-surface-2)}.dropzone--disabled{opacity:.6;cursor:not-allowed}.dropzone__title{margin:0;font-size:var(--font-size-md)}.dropzone__hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.dropzone__error{margin:var(--space-2) 0 0;color:var(--color-danger);font-size:var(--font-size-sm)}.dropzone__rejections{margin:var(--space-2) 0 0;padding:0;list-style:none;width:100%;display:flex;flex-direction:column;gap:2px}.upload-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.upload-page__header h1{margin:0}.upload-queue{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.upload-queue__head{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-muted);font-size:var(--font-size-sm)}.upload-queue__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.upload-queue__item{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.upload-queue__item--error{border-color:var(--color-danger)}.upload-queue__item--done{opacity:.85}.upload-queue__filename{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-queue__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.upload-queue__status{color:var(--color-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.upload-queue__status--done{color:var(--color-accent)}.upload-queue__status--error{color:var(--color-danger)}.upload-queue__actions{display:flex;gap:var(--space-2);justify-self:end}.upload-progress{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.upload-progress__filename{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress__bar{height:8px;background:var(--color-surface-2);border-radius:999px;overflow:hidden}.upload-progress__fill{height:100%;background:var(--color-accent);transition:width .12s ease}.upload-progress__meta{color:var(--color-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.tile__error{margin:0;color:var(--color-danger);font-size:var(--font-size-sm)}.player-page{display:flex;flex-direction:column;gap:var(--space-4);max-width:960px;margin:0 auto}.player-page__stage{background:#000;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:240px}.player-page__video{width:100%;max-height:70vh;display:block}.player-page__placeholder{padding:var(--space-6);color:var(--color-text-muted)}.player-page__meta{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.player-page__title{font-weight:500;font-size:var(--font-size-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-page__sub{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.player-page__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.audit-log{display:flex;flex-direction:column;gap:var(--space-4);max-width:1080px;margin:0 auto}.audit-log__header{display:flex;align-items:baseline;justify-content:space-between}.audit-log__header h1{margin:0}.audit-log__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.audit-log__empty{color:var(--color-text-muted)}.audit-table{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.audit-table__head,.audit-table__row{display:grid;grid-template-columns:180px 1fr 140px 140px 100px;gap:var(--space-3);padding:var(--space-3) var(--space-4);align-items:center}.audit-table__head{background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;border-bottom:1px solid var(--color-border)}.audit-table__row{border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.audit-table__row:last-child{border-bottom:none}.audit-table__file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.audit-table__system{color:var(--color-text-muted);font-style:italic}.audit-log__pager{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.audit-log__pageinfo{color:var(--color-text-muted);font-size:var(--font-size-sm)}.audit-table__head--health,.audit-table__row--health{grid-template-columns:180px 200px 140px 1fr}.health-row__expand{background:none;border:none;padding:0;text-align:left;font:inherit;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;white-space:normal;overflow-wrap:anywhere}.health-row__expand:hover{color:var(--color-accent)}.health-row__details{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;font-family:ui-monospace,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--color-text-muted)}.health-row__detail-block{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.health-row__request-id{font-size:12px;color:var(--color-text-muted)}.health-row__request-id code{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--color-text)}