body{margin:0;font-family:system-ui,Noto Sans TC,sans-serif;line-height:1.6}main{padding:1rem}.login{text-align:center;max-width:28rem;margin:15vh auto 0}.topbar{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.topbar button{margin-left:.75rem}.error{color:#b00020}.status{padding:1rem}.topbar nav{align-items:center;gap:1rem;display:flex}.topbar nav a.active{font-weight:700}.footer{color:#666;padding:.5rem 1rem;font-size:.85rem}.quota .meta{color:#666}.add-form{margin-bottom:1.5rem}.add-form label{margin-bottom:.25rem;display:block}.add-form div{gap:.5rem;max-width:48rem;display:flex}.add-form input{flex:1;min-width:0}.upload{margin-bottom:1.5rem}.upload .add-form{margin-bottom:.5rem}.upload .add-form input[type=file]{flex:none}.upload progress{width:100%;max-width:48rem}.upload p{margin:.25rem 0}.upload .meta{color:#666}.upload ul{margin:.25rem 0;padding-left:1.25rem}table{border-collapse:collapse;width:100%;max-width:64rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:.4rem .75rem .4rem 0}th,.nowrap{white-space:nowrap}td p{margin:.25rem 0 0}.media .meta{color:#666}.player{max-width:64rem;position:relative}.player video{background:#000;width:100%;max-height:80vh;display:block}.player video::cue(.src){font-size:70%}.subtitle-modes{gap:.25rem;margin:.5rem 0;display:flex}.subtitle-modes button[aria-pressed=true]{color:#fff;background:#222;border-color:#222;font-weight:700}.failure p{margin:.25rem 0}.failure .meta{color:#666}.job-action .error{margin-left:.5rem}.retranscribe{margin:1rem 0}.retranscribe p{margin:.5rem 0}.retranscribe .meta{color:#666}.delete-media{margin:2rem 0 1rem}