:root{--bg:#000;--card:#0f0f11;--card2:#16161a;--line:#34363b;--txt:#e6e8eb;--mut:#9da1a8;--silver:#c3c7cd;--silver2:#e6e8eb;--red:#e3142b;--red2:#ff3d4f}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font:17px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;background:var(--bg);color:var(--txt)}
.brand{background:#000;text-align:center;padding:14px 0 4px}.brand img{width:140px;max-width:40vw;height:auto}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header b{color:var(--silver2);letter-spacing:.12em;text-transform:uppercase;font-size:14px}
header span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:99px;border:1px solid var(--red);color:var(--red2)}
main{padding:12px;max-width:640px;margin:auto}h2,h3{color:var(--silver2)}h4{color:var(--red);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:14px 0 6px}
.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);border-radius:18px;padding:16px;margin:12px 0}
textarea,input[type=password]{width:100%;font-size:18px;padding:14px;border-radius:14px;border:1px solid var(--line);background:#08080a;color:#fff;outline:none}
textarea:focus,input[type=password]:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(227,20,43,.2)}
button,.btn{font-size:18px;font-weight:600;border:0;border-radius:14px;background:linear-gradient(180deg,var(--red2),var(--red) 60%,#b30d20);color:#fff;padding:14px 16px;cursor:pointer;box-shadow:0 8px 24px -10px rgba(227,20,43,.7)}
button:hover,.btn:hover{background:var(--red2)}button:active,.btn:active{transform:scale(.98)}button:disabled{opacity:.5}
.big{display:block;width:100%;min-height:56px;margin-top:10px;text-align:center}
.link{background:none;box-shadow:none;color:var(--silver);padding:8px 0}.link:hover{background:none;color:var(--red2)}.muted{color:var(--mut)}.err{color:#ff4d5e}
.job{display:block;width:100%;text-align:left;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);box-shadow:none;margin:8px 0;min-height:60px;color:var(--txt)}
.job:hover{background:var(--card2);border-color:var(--red)}
.shot{display:flex;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);min-height:52px}
.shot input{width:30px;height:30px;accent-color:var(--red);flex:none}.shot.done span{text-decoration:line-through;color:#666}
.clip{display:flex;justify-content:space-between;padding:8px 0;font-size:15px;border-bottom:1px solid var(--line)}
.tag{font-size:12px;padding:2px 8px;border-radius:8px;background:#2a2b30;color:var(--silver)}.tag.synced{background:var(--red);color:#fff}
.bar{height:8px;background:#222327;border-radius:4px;margin:6px 0}.bar i{display:block;height:100%;background:var(--red);border-radius:4px}
#rec.on{background:#7a0a16;animation:p 1s infinite}@keyframes p{50%{opacity:.7}}audio{width:100%;margin-top:10px}