:root,[data-theme=dark]{--snag-mint:#17af94;--snag-mint-glow:rgba(23,175,148,.25);--snag-mint-soft:rgba(23,175,148,.14);--snag-violet:#5e5bf4;--snag-yellow:#ffd765;--snag-error:#f3293e;--snag-gate:#e58a1a;--snag-surface:#0f0f0f;--snag-surface-2:hsla(0,0%,100%,.04);--snag-surface-3:hsla(0,0%,100%,.08);--snag-fg-1:#fff;--snag-fg-2:hsla(0,0%,100%,.6);--snag-fg-3:hsla(0,0%,100%,.4);--snag-border:hsla(0,0%,100%,.12);--snag-border-strong:hsla(0,0%,100%,.3);--snag-r-sm:6px;--snag-r-md:8px;--snag-r-lg:16px}[data-theme=light]{--snag-surface:#fff;--snag-surface-2:rgba(0,0,0,.03);--snag-surface-3:rgba(0,0,0,.06);--snag-fg-1:#111;--snag-fg-2:rgba(0,0,0,.55);--snag-fg-3:rgba(0,0,0,.4);--snag-border:rgba(0,0,0,.1);--snag-border-strong:rgba(0,0,0,.25)}.snag-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;background:radial-gradient(circle at 50% 30%,#ff6b6b 0,#ef4444 55%,#b91c1c 100%);border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 4px 8px 0 hsla(0,100%,89%,.45),0 1px 2px rgba(0,0,0,.2);color:#fff;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.snag-trigger:hover{filter:brightness(1.06);transform:scale(1.04)}.snag-trigger:active{transform:scale(.96);filter:brightness(.95)}.snag-trigger:focus-visible{outline:none;box-shadow:inset 0 4px 8px 0 hsla(0,100%,89%,.45),0 0 0 3px rgba(239,68,68,.35)}[data-theme=light] .snag-trigger{border-color:rgba(0,0,0,.1);box-shadow:inset 0 4px 8px 0 hsla(0,100%,93%,.6),0 1px 2px rgba(0,0,0,.12)}.snag-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9998;display:flex;align-items:center;justify-content:center;padding:24px;animation:snag-fade-in .15s ease-out}.snag-popup{background:var(--snag-surface);border:1px solid var(--snag-border);border-radius:var(--snag-r-lg);padding:20px 22px;width:100%;max-width:560px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 12px 32px rgba(0,0,0,.5);font-family:var(--font-body);color:var(--snag-fg-1);animation:snag-pop-in .2s ease-out}[data-theme=light] .snag-popup{box-shadow:0 12px 32px rgba(0,0,0,.12)}@keyframes snag-fade-in{0%{opacity:0}to{opacity:1}}@keyframes snag-fade-out{0%{opacity:1}to{opacity:0}}@keyframes snag-pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snag-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.96)}}.snag-backdrop--closing{animation:snag-fade-out .15s ease-in forwards}.snag-popup--closing{animation:snag-pop-out .15s ease-in forwards}.snag-header{justify-content:space-between;margin-bottom:4px}.snag-header,.snag-header-left{display:flex;align-items:center}.snag-header-left{gap:10px}.snag-header-icon{width:28px;height:28px;border-radius:var(--snag-r-md);background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35);display:flex;align-items:center;justify-content:center;color:#ef4444}.snag-title{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.2px}.snag-subtitle{font-size:11px;color:var(--snag-fg-3);margin-top:1px}.snag-close{width:24px;height:24px;border:none;background:transparent;border-radius:var(--snag-r-sm);color:var(--snag-fg-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.snag-close:hover{color:var(--snag-fg-1);background:var(--snag-surface-2)}.snag-captured{background:var(--snag-surface-2);border:1px solid var(--snag-border);border-radius:var(--snag-r-md);padding:10px 12px;margin:14px 0 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.snag-captured-info{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.snag-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;flex-shrink:0}.snag-dot--recording{background:var(--snag-error)}.snag-captured-label{font-size:12px;color:var(--snag-fg-2);font-weight:500}.snag-chip{gap:6px;background:var(--snag-surface-2);padding:4px 8px;font-family:var(--font-body);font-size:10px;letter-spacing:.3px}.snag-chip,.snag-mini-btn{display:inline-flex;align-items:center;border:1px solid var(--snag-border);border-radius:var(--snag-r-sm);color:var(--snag-fg-2)}.snag-mini-btn{background:transparent;padding:4px 10px;font-size:11px;font-family:inherit;cursor:pointer;font-weight:600;gap:4px;transition:border-color .15s,color .15s}.snag-mini-btn:hover{border-color:var(--snag-border-strong);color:var(--snag-fg-1)}.snag-tabs{background:var(--snag-surface-2);border:1px solid var(--snag-border);border-radius:var(--snag-r-md);padding:3px;display:flex;gap:3px;margin-bottom:14px}.snag-tab{flex:1;padding:7px 10px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--snag-fg-2);background:transparent;border:none;cursor:pointer;text-align:center;border-radius:var(--snag-r-sm);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px}.snag-tab--active{background:var(--snag-surface-3);color:var(--snag-fg-1)}.snag-tab--active svg{color:#ef4444}.snag-field{margin-bottom:14px}.snag-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--snag-fg-2);display:block;margin-bottom:8px}.snag-label-hint{font-weight:400;text-transform:lowercase;letter-spacing:normal;color:var(--snag-fg-3);margin-left:4px}.snag-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.snag-label-row .snag-label{margin-bottom:0}.snag-char-count{font-size:10px;font-family:var(--font-body);color:var(--snag-fg-3)}.snag-char-count--warn{color:var(--snag-gate)}.snag-char-count--over{color:var(--snag-error)}.snag-input{width:100%;background:var(--snag-surface-2);border:1px solid var(--snag-border);border-radius:var(--snag-r-md);padding:10px 12px;font-family:inherit;font-size:13px;color:var(--snag-fg-1);line-height:1.5;resize:vertical;min-height:56px;box-sizing:border-box}.snag-input::-moz-placeholder{color:var(--snag-fg-3)}.snag-input::placeholder{color:var(--snag-fg-3)}.snag-input:focus{outline:none;border-color:rgba(239,68,68,.55);background:var(--snag-surface-3)}.snag-severity{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.snag-sev-chip{border:1px solid var(--snag-border);background:var(--snag-surface-2);border-radius:var(--snag-r-md);padding:9px 10px;text-align:center;font-size:12px;font-weight:600;cursor:pointer;color:var(--snag-fg-2);font-family:inherit;transition:border-color .15s,background-color .15s,color .15s}.snag-sev-chip:hover{border-color:var(--snag-border-strong)}.snag-sev-chip--active.snag-sev-chip--blocking{border-color:var(--snag-error);background:rgba(243,41,62,.12);color:#ffb3bb}.snag-sev-chip--active.snag-sev-chip--major{border-color:var(--snag-gate);background:rgba(229,138,26,.14);color:#ffd7a8}.snag-sev-chip--active.snag-sev-chip--minor{border-color:rgba(23,175,148,.55);background:var(--snag-mint-soft);color:#5ddcc1}.snag-sev-chip--active.snag-sev-chip--cosmetic{border-color:var(--snag-border-strong);background:var(--snag-surface-3);color:var(--snag-fg-1)}[data-theme=light] .snag-sev-chip--active.snag-sev-chip--blocking{color:#b91c2e}[data-theme=light] .snag-sev-chip--active.snag-sev-chip--major{color:#a06412}[data-theme=light] .snag-sev-chip--active.snag-sev-chip--minor{color:#0e7a66}.snag-bug-types{display:flex;flex-wrap:wrap;gap:6px}.snag-type-chip{border:1px solid var(--snag-border);background:var(--snag-surface-2);border-radius:var(--snag-r-md);padding:7px 12px;font-size:12px;font-weight:500;cursor:pointer;color:var(--snag-fg-2);font-family:inherit;transition:border-color .15s,background-color .15s,color .15s}.snag-type-chip:hover{border-color:var(--snag-border-strong)}.snag-type-chip--active{border-color:#ef4444;background:rgba(239,68,68,.12);color:#f87171}[data-theme=light] .snag-type-chip--active{color:#dc2626}.snag-field [role=listbox] button,.snag-field button{font-size:13px}.snag-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 5px;border-radius:4px;font-size:10px;font-family:var(--font-body);background:var(--snag-surface-3);border:1px solid var(--snag-border);color:var(--snag-fg-2)}.snag-footer-hint{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--snag-fg-3)}.snag-toast-check{color:#ef4444;flex-shrink:0}.snag-voice{background:var(--snag-surface-2);border:1px solid var(--snag-border);border-radius:var(--snag-r-md);padding:14px;margin-bottom:18px}.snag-voice-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.snag-voice-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--snag-fg-2)}.snag-voice-limit{font-size:10px;color:var(--snag-fg-3);font-family:var(--font-body)}.snag-voice-controls{background:var(--snag-surface-2);border:1px solid var(--snag-border);border-radius:var(--snag-r-md);padding:14px;display:flex;align-items:center;gap:14px}.snag-voice-btn{width:42px;height:42px;border-radius:50%;border:none;background:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .1s;color:#fff}.snag-voice-btn:active{transform:scale(.95)}.snag-voice-btn--recording{background:var(--snag-error);color:#fff}.snag-voice-meta{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.snag-voice-status-row{display:flex;align-items:center;justify-content:space-between}.snag-voice-status{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.snag-voice-hint,.snag-voice-time{color:var(--snag-fg-2)}.snag-voice-time{font-family:var(--font-body);font-size:12px}.snag-voice-actions{margin-top:8px;display:flex;gap:8px}.snag-waveform{display:flex;align-items:center;gap:2px;height:22px}.snag-bar{width:3px;border-radius:2px;background:#ef4444}.snag-bar--muted{opacity:.4}.snag-voice-transcript-done,.snag-voice-transcript-live{margin-top:12px}.snag-voice-transcript-label{display:block;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--snag-fg-3);margin-bottom:6px}.snag-voice-transcript-edit{resize:none}.snag-voice-transcript-text{font-size:13px;line-height:1.5;color:var(--snag-fg-1);margin:0}.snag-voice-transcript-interim{display:inline-block;width:2px;height:14px;background:var(--snag-mint);margin-left:2px;vertical-align:text-bottom;animation:snag-blink 1s step-end infinite}@keyframes snag-blink{50%{opacity:0}}.snag-telemetry-note{background:var(--snag-surface-2);border:1px dashed var(--snag-border);border-radius:var(--snag-r-md);padding:9px 12px;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--snag-fg-3);line-height:1.55}.snag-telemetry-icon{color:rgba(239,68,68,.7);margin-top:1px;flex-shrink:0}.snag-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.snag-footer-checkbox{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--snag-fg-2);cursor:pointer}.snag-footer-checkbox input{accent-color:var(--snag-mint);width:13px;height:13px}.snag-actions{display:flex;gap:8px}.snag-btn{background:transparent;border:1px solid var(--snag-border);border-radius:var(--snag-r-md);padding:8px 14px;font-size:12px;color:var(--snag-fg-2);font-family:inherit;cursor:pointer;font-weight:600;transition:border-color .15s,color .15s,background .15s}.snag-btn:hover{border-color:var(--snag-border-strong);color:var(--snag-fg-1)}.snag-btn:disabled{opacity:.5;cursor:not-allowed}.snag-btn-primary{background:#ef4444;border-color:#ef4444;color:#fff;padding:8px 16px;font-weight:700;letter-spacing:.2px;display:inline-flex;align-items:center;gap:4px}.snag-btn-primary:hover{background:#dc2626;color:#fff}.snag-btn-primary:disabled{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.35);color:var(--snag-fg-3)}.snag-toast{position:fixed;right:24px;bottom:24px;background:var(--snag-surface);border:1px solid rgba(239,68,68,.35);border-radius:var(--snag-r-md);padding:12px 16px;color:var(--snag-fg-1);font-family:var(--font-body);font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.4);display:flex;align-items:center;gap:10px;max-width:min(94vw,620px);white-space:nowrap;cursor:pointer;z-index:9997;animation:snag-toast-in .25s ease-out}[data-theme=light] .snag-toast{box-shadow:0 8px 24px rgba(0,0,0,.1)}.snag-toast:hover{border-color:#ef4444}@keyframes snag-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.snag-toast-text{flex:1;min-width:0;line-height:1.5}.snag-toast-id{font-family:var(--font-body);font-size:inherit;color:#ef4444;font-weight:700;background:none;border:none;padding:0;margin:0;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;user-select:text;word-break:break-all;transition:color .15s ease}.snag-toast-id:hover{text-decoration:underline}.snag-toast-id:focus-visible{outline:2px solid #ef4444;outline-offset:2px;border-radius:3px}.snag-toast-id--copied{color:#22c55e}.snag-toast-copied{color:#22c55e;font-weight:600}.snag-toast-arrow{color:var(--snag-fg-3)}.snag-spinner-icon{animation:snag-spin .8s linear infinite}@keyframes snag-spin{to{transform:rotate(1turn)}}.snag-error-msg{background:rgba(243,41,62,.08);border:1px solid rgba(243,41,62,.35);border-radius:var(--snag-r-md);padding:8px 12px;font-size:12px;color:#ffb3bb;margin-bottom:12px}[data-theme=light] .snag-error-msg{background:rgba(243,41,62,.06);color:#b91c2e}.snag-anno-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.snag-anno-toolbar{display:flex;gap:6px;background:var(--snag-surface);border:1px solid var(--snag-border);border-radius:var(--snag-r-md);padding:6px;margin-bottom:16px}.snag-anno-tool{background:transparent;border:1px solid transparent;border-radius:var(--snag-r-sm);padding:6px 10px;font-size:12px;font-weight:600;color:var(--snag-fg-2);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px;transition:background .15s,border-color .15s,color .15s}.snag-anno-tool:disabled{opacity:.4;cursor:not-allowed}.snag-anno-tool--active{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#ef4444}.snag-anno-canvas{max-width:100%;max-height:calc(100vh - 200px);border-radius:var(--snag-r-md);cursor:crosshair;background:var(--snag-surface)}.snag-anno-actions{margin-top:16px;display:flex;gap:8px}.snag-anno-actions .snag-btn{color:hsla(0,0%,100%,.7);border-color:hsla(0,0%,100%,.2)}.snag-anno-actions .snag-btn:hover{color:#fff;border-color:hsla(0,0%,100%,.4)}