*{box-sizing:border-box}html,body{margin:0;height:100%;background:#10150f;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{overflow:hidden}.app{height:100dvh;display:flex;flex-direction:column}header{height:62px;background:#172017;padding:0 16px;display:flex;align-items:center}header div{display:flex;flex-direction:column}header b{font-size:20px}header small{font-size:10px;opacity:.7;letter-spacing:.06em}.stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#f4eee4}#cam{display:none}#cv{width:100%;height:100%;display:block}.status{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between}.status span{background:#11170fc8;padding:6px 9px;border-radius:999px;font-size:11px}.bar{background:#172017;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom))}button,select{height:50px;border:0;border-radius:14px;font-weight:750;padding:0 9px;background:#eee5d8;color:#192018}#start{background:#49633e;color:#fff}#rec.on{background:#a64237;color:#fff}details{position:absolute;right:8px;bottom:78px;width:210px;background:#172017ef;border:1px solid #ffffff1c;border-radius:12px;padding:8px 10px;font-size:11px;z-index:4}details label{display:block;margin-top:7px}details input{width:100%}#toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%,20px);opacity:0;background:#fff;color:#222;padding:9px 12px;border-radius:12px;font-size:12px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}