*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}.disclaimer-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000d9}.disclaimer-modal{max-width:420px;padding:32px 36px;border-radius:16px;background:#0c0c0cf2;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;animation:disclaimer-in .4s ease}.disclaimer-title{font-family:system-ui,-apple-system,sans-serif;font-size:1.4rem;font-weight:300;letter-spacing:.04em;color:#ffffffe6;margin:0 0 20px}.disclaimer-text{font-family:system-ui,-apple-system,sans-serif;font-size:.9rem;font-weight:300;line-height:1.6;color:#ffffffb3;margin:0 0 12px}.disclaimer-text--dim{color:#ffffff73;font-size:.82rem}.disclaimer-checkbox{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 24px;font-family:system-ui,-apple-system,sans-serif;font-size:.78rem;font-weight:300;color:#ffffff73;cursor:pointer;user-select:none}.disclaimer-checkbox input[type=checkbox]{accent-color:rgba(255,255,255,.5);cursor:pointer}.disclaimer-enter{background:none;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 40px;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:300;letter-spacing:.05em;color:#fffc;cursor:pointer;transition:all .3s ease}.disclaimer-enter:hover{border-color:#fff6;color:#fff;background:#ffffff0d}@keyframes disclaimer-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.overlay{position:fixed;inset:0;z-index:1;pointer-events:none}.overlay>*{pointer-events:auto}.action-btn{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;font-family:system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:300;letter-spacing:.05em;color:#fff;cursor:pointer;transition:opacity .4s ease;padding:12px 24px;user-select:none}.action-btn--idle{opacity:.5}.action-btn--idle:hover{opacity:.9}.action-btn--capturing{opacity:0}.action-btn--capturing:hover{opacity:.9}.action-btn--capturing.revealed{opacity:.7}.action-btn--capturing.revealed:hover{opacity:.9}.pause-btn{position:fixed;bottom:24px;left:24px;background:none;border:none;font-size:1.2rem;color:#fff;cursor:pointer;transition:opacity .4s ease;padding:8px 12px;opacity:0;display:flex;align-items:center;gap:8px}.pause-btn.revealed{opacity:.3}.pause-btn.revealed:hover,.pause-btn.paused{opacity:.6}.pause-btn.paused:hover{opacity:.8}.pause-label{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.65rem;font-weight:300;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;user-select:none}.stats-toggle{position:fixed;bottom:24px;right:24px;z-index:2;background:none;border:none;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.75rem;font-weight:300;text-transform:uppercase;letter-spacing:.1em;color:#fff;cursor:pointer;transition:opacity .4s ease;padding:8px 16px;opacity:.5;user-select:none}.stats-toggle.revealed{opacity:.7}.stats-toggle:hover{opacity:.8}.capture-hint{position:fixed;top:calc(50% + 36px);left:50%;transform:translate(-50%);font-family:system-ui,-apple-system,sans-serif;font-size:.85rem;font-weight:300;opacity:.5;color:#fff;white-space:nowrap;user-select:none}.stats-canvas{width:100%;height:48px;margin-bottom:8px;border-radius:4px;background:#0000004d}.stats{position:fixed;top:16px;right:16px;min-width:220px;max-height:calc(100vh - 80px);overflow-y:auto;padding:12px 14px;border-radius:12px;background:#000000bf;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;color:#ffffffbf;line-height:1.6}.stats-section{margin-bottom:8px}.stats-section:last-child{margin-bottom:0}.stats-heading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;margin-bottom:4px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.06)}.stats-row{display:flex;justify-content:space-between;gap:12px}.stats-label{color:#ffffffa6}.stats-value{color:#fffffff2;font-variant-numeric:tabular-nums}.stats-desc{font-size:10px;color:#ffffff73;font-style:italic;display:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.stats-auto-hide{display:flex;justify-content:flex-end;margin-bottom:6px}.stats-auto-hide-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.stats-auto-hide-label:hover{color:#ffffffbf}.stats.auto-hide{transition:opacity .4s ease;opacity:.3}.stats.auto-hide.revealed{opacity:1}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);max-width:420px;padding:10px 18px;border-radius:999px;font-family:system-ui,-apple-system,sans-serif;font-size:.8rem;color:#ffffffe6;background:#0000008c;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:toast-in .3s ease}.toast-error{border-left:3px solid #ff6b6b}.toast-warning{border-left:3px solid #f0ad4e}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.attribution{position:fixed;bottom:10px;left:50%;transform:translate(-50%);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.65rem;font-weight:300;letter-spacing:.05em;color:#ffffff59;white-space:nowrap;user-select:none;transition:opacity .4s ease}.attribution:hover{opacity:1;color:#fff9}.attribution a{color:inherit;text-decoration:none}.attribution a:hover{text-decoration:underline}