*{box-sizing:border-box}body{color:#e8eaed;background:#101418;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:560px;margin:0 auto;padding:16px 16px 48px}h1{margin:8px 0 2px;font-size:1.5rem}.subtitle{color:#9aa0a6;margin:0 0 16px;font-size:.85rem}h2{margin-top:28px;font-size:1.05rem}.camera-section{background:#1a1f24;border-radius:12px;padding:12px}.video-wrap{aspect-ratio:3/4;background:#000;border-radius:8px;position:relative;overflow:hidden}.video-wrap video{object-fit:cover;width:100%;height:100%;display:block}.mirrored{transform:scaleX(-1)}.rec-badge{font-variant-numeric:tabular-nums;background:#0009;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:flex;position:absolute;top:10px;left:10px}.rec-badge .dot{background:#f44;border-radius:50%;width:10px;height:10px;animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.error{color:#ff8a80;font-size:.85rem}.controls{gap:8px;margin:12px 0;display:flex}.controls select,.btn-record,.item-actions button{color:#e8eaed;background:#2b3036;border:none;border-radius:8px;padding:10px 14px;font-size:.9rem}.controls select{flex:1}.rec-canvas{object-fit:cover;width:100%;height:100%;display:block}.hidden-el{display:none}.btn-switch{color:#e8eaed;background:#2b3036;border:none;border-radius:8px;width:100%;margin-top:4px;padding:10px 14px;font-size:.9rem}.btn-record{color:#fff;background:#d93025;width:100%;padding:14px;font-size:1rem;font-weight:600}.btn-record.stop{background:#33373c}.btn-record:disabled{opacity:.5}.empty{color:#9aa0a6;font-size:.9rem}.video-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.video-item{background:#1a1f24;border-radius:12px;padding:12px}.item-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.82rem;display:flex}.item-date{color:#e8eaed}.item-meta{color:#9aa0a6;white-space:nowrap}.item-body{gap:10px;margin-bottom:8px;display:flex}.thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:96px;height:96px}.video-item video{background:#000;border-radius:8px;flex:1;width:100%;min-width:0;margin-bottom:0}.item-actions{gap:8px;display:flex}.item-actions button{flex:1;padding:8px}.item-actions .danger{color:#ff8a80;background:#4a2320}