*{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:14px}.video-wrap{aspect-ratio:3/4;background:#000;border-radius:10px;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:7px;padding:6px 12px;font-size:.85rem;display:flex;position:absolute;top:12px;left:12px}.rec-badge .dot{background:#f44;border-radius:50%;width:11px;height:11px;animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.error{color:#ff8a80;font-size:.85rem}.controls{gap:10px;margin:14px 0;display:flex}.controls select,.btn-record,.item-actions button{color:#e8eaed;background:#2b3036;border:none;border-radius:12px;min-height:52px;padding:14px 16px;font-size:1rem}.controls select{flex:1;min-height:56px;font-size:1.05rem}.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:12px;width:100%;min-height:56px;margin-top:6px;padding:16px;font-size:1.05rem}.btn-record{color:#fff;background:#d93025;width:100%;min-height:64px;padding:22px;font-size:1.25rem;font-weight:700}.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:10px;display:flex}.item-actions button{flex:1;min-height:52px;padding:14px;font-size:.95rem}.item-actions .danger{color:#ff8a80;background:#4a2320}