*{box-sizing:border-box}html,body{color:#fff;background:#0d1117;height:100%;margin:0;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block}body.capture #app{place-items:center;display:grid}body.capture #app canvas{aspect-ratio:9/16;width:auto;height:100vh}.hud{pointer-events:none;text-shadow:0 1px 3px #0009;font-size:14px;position:fixed;inset:0}.hud-day{letter-spacing:.04em;font-weight:800;position:absolute;top:16px;left:16px}.hud-day small{opacity:.8;letter-spacing:0;font-weight:500;display:block}.hud-menu{background:#0d11178c;place-items:center;display:grid;position:absolute;inset:0}.hud-menu[hidden]{display:none}.menu-card{min-width:min(420px,100vw - 32px);max-width:calc(100vw - 32px);text-shadow:none;background:#0d1117e0;border-radius:12px;padding:22px 26px;box-shadow:0 10px 40px #00000073}.menu-title{letter-spacing:.04em;text-transform:uppercase;font-size:26px;font-weight:800}.menu-resume{color:#e8c14a;margin:4px 0 16px;font-size:16px;font-weight:600}.menu-result{font-variant-numeric:tabular-nums;color:#fff;margin-top:2px;font-size:30px;font-weight:800}.menu-result[hidden]{display:none}.menu-actions{pointer-events:auto;gap:8px;margin-bottom:10px;display:flex}.menu-actions:empty{display:none}.menu-action{color:#14181f;font:inherit;cursor:pointer;background:#e8c14a;border:0;border-radius:8px;flex:1;padding:10px 14px;font-size:16px;font-weight:800}.menu-action:hover{background:#f3d46b}.menu-toggle{pointer-events:auto;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;padding:8px 12px;font-size:15px;font-weight:700;display:block}.menu-toggle:after{content:"";float:right;border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin:5px 3px 0 0;transition:transform .15s;transform:rotate(-45deg)}.menu-toggle[aria-expanded=true]:after{margin-top:3px;transform:rotate(45deg)}.menu-fold{max-height:0;overflow:hidden}.menu-fold.open{max-height:min(60vh,520px);margin-top:10px;overflow-y:auto}.menu-controls{border-collapse:collapse;font-size:14px;line-height:1.4}.menu-controls th{text-align:left;white-space:nowrap;color:#cfd8e3;padding:3px 18px 3px 0;font-weight:700}.menu-controls td{opacity:.9;padding:3px 0}.menu-controls tr.dev th,.menu-controls tr.dev td{opacity:.55;font-size:12px}.menu-controls tr.dev.first th,.menu-controls tr.dev.first td{padding-top:12px}.hud-status{background:#0d1117b3;border-radius:6px;padding:4px 10px;font-weight:800;position:absolute;top:16px;right:16px}.hud-status[hidden]{display:none}.hud-status.rec{color:#ff4d4d}.hud-status.rec:before{content:"";background:currentColor;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hud-toast{background:#0d1117cc;border-radius:6px;max-width:60ch;padding:8px 12px;transition:opacity .3s;position:absolute;bottom:16px;right:16px}body.capture .hud-menu,body.capture .hud-day{display:none}