.bug-page{display:flex;justify-content:center;padding:var(--space-12) var(--space-4) var(--space-16);min-height:100vh}.bug-inner{width:100%;max-width:640px}.bug-header{text-align:center;margin-bottom:var(--space-10)}.bug-kicker{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-accent-emphasis);margin-bottom:var(--space-2)}.bug-title{font-size:var(--font-size-4xl);margin:0 0 var(--space-3)}.bug-sub{font-size:var(--font-size-base);color:var(--color-text-soft);line-height:var(--line-height-relaxed);margin:0 auto;max-width:480px}#bug-form{display:flex;flex-direction:column;gap:var(--space-6)}.bug-page .form-group{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.bug-page .hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden;pointer-events:none}.bug-page .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-soft)}.bug-page .form-hint{font-size:var(--font-size-sm);color:var(--color-text-faint);margin:0}.bug-page .form-input,.bug-page .form-textarea{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family);background-color:var(--color-surface);border:var(--border-width-thick) solid var(--color-text-faint);border-radius:0;color:var(--color-text);transition:border-color var(--transition-fast)}.bug-page .form-input::placeholder,.bug-page .form-textarea::placeholder{color:var(--color-text-faint)}.bug-page .form-input:focus,.bug-page .form-textarea:focus{outline:none;border-color:var(--color-accent-emphasis)}.bug-page .form-textarea{resize:vertical;min-height:100px}.bug-page .chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.bug-page .chip{padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:none;color:var(--color-text-faint);border:var(--border-width-thick) solid var(--color-text-faint);cursor:pointer;transition:all .15s ease}.bug-page .chip:hover{color:var(--color-text);border-color:var(--color-text-soft)}.bug-page .chip.active{color:var(--color-accent-emphasis);border-color:var(--color-accent-emphasis);background-color:#c4222414}.bug-page .custom-select{position:relative}.bug-page .custom-select-btn{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family);text-align:left;background-color:var(--color-surface);border:var(--border-width-thick) solid var(--color-text-faint);color:var(--color-text);cursor:pointer;transition:border-color .15s ease}.bug-page .custom-select-btn:hover{border-color:var(--color-text-soft)}.bug-page .custom-select-btn:focus{outline:none;border-color:var(--color-accent-emphasis)}.bug-page .custom-select-menu{position:absolute;top:100%;left:0;right:0;z-index:600;max-height:260px;overflow-y:auto;overscroll-behavior:contain;margin-top:2px;background-color:var(--color-surface);border:1px solid var(--color-text-faint);box-shadow:0 4px 12px #00000080}.bug-page .custom-select-opt{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-soft);cursor:pointer;transition:background-color .1s ease}.bug-page .custom-select-opt:hover{background-color:#c422241f;color:var(--color-text)}.bug-page .custom-select-opt.cs-active{color:var(--color-accent-emphasis);background-color:#c4222414}.bug-page .account-search{position:sticky;top:0;border-width:0 0 var(--border-width-thick) 0}.bug-page .deal-suggest-label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-faint);border-bottom:1px solid var(--color-text-faint)}.pin-gate{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.pin-gate-text{font-size:var(--font-size-base);color:var(--color-text-soft);margin:0}.pin-form{display:flex;gap:var(--space-2);width:100%;max-width:320px}.bug-page .pin-form .pin-input{flex:1 1 auto;width:auto;min-width:0;text-align:center}.bug-page .pin-form .pin-btn{flex:0 0 auto;width:auto;padding:var(--space-3) var(--space-6)}.bug-page .shot-input-hidden{display:none}.bug-page .shot-add{align-self:flex-start;padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:none;color:var(--color-text);border:var(--border-width-thick) dashed var(--color-text-faint);cursor:pointer;transition:border-color .15s ease,color .15s ease}.bug-page .shot-add:hover{border-color:var(--color-accent-emphasis);color:var(--color-accent-emphasis)}.bug-page .shot-previews{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.bug-page .shot-item{display:flex;flex-direction:column;gap:var(--space-1);align-items:center}.bug-page .shot-thumb{width:96px;height:96px;object-fit:cover;border:var(--border-width-thick) solid var(--color-text-faint);display:block}.bug-page .shot-remove{padding:var(--space-1) var(--space-2);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:none;border:none;color:var(--color-text-faint);cursor:pointer}.bug-page .shot-remove:hover{color:var(--color-accent-emphasis)}.bug-page .cf-turnstile{width:100%}.bug-page .form-button{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:block;width:100%;padding:var(--space-4) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background-color:var(--brand-red);color:var(--neutral-white);border:var(--border-width-thick) solid var(--brand-red);cursor:pointer;transition:background-color var(--transition-fast)}.bug-page .form-button:hover{background-color:#9a1a1c;border-color:#9a1a1c}.bug-page .form-button:focus-visible{outline:2px solid var(--color-accent-emphasis);outline-offset:2px}.bug-page .form-button:disabled{opacity:.7;cursor:not-allowed}.bug-page .form-button-secondary{background:none;color:var(--color-text);border-color:var(--color-text-faint);max-width:280px}.bug-page .form-button-secondary:hover{background:none;color:var(--color-accent-emphasis);border-color:var(--color-accent-emphasis)}.bug-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-10) var(--space-4);text-align:center}.bug-success:focus{outline:none}.bug-success .success-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--status-success);color:var(--neutral-white);border-radius:var(--radius-full)}.bug-success .success-text{font-size:var(--font-size-lg);color:var(--color-text);line-height:var(--line-height-relaxed);margin:0}.bug-page .form-status{margin-top:var(--space-4);font-size:var(--font-size-sm);min-height:1.5em;text-align:center}.bug-page .form-status.error{color:var(--status-error)}.bug-reports{margin-top:var(--space-12)}.bug-reports-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-soft);margin:0 0 var(--space-4)}.report-row{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-text-faint)}.report-tag{flex:0 0 auto;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border:1px solid}.report-tag-open{color:var(--color-accent-emphasis);border-color:var(--color-accent-emphasis);background-color:#c4222414}.report-tag-fixed{color:var(--status-success);border-color:var(--status-success);background-color:#22c55e14}.report-title{flex:1 1 auto;min-width:0;font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-meta{flex:0 0 auto;font-size:var(--font-size-xs);color:var(--color-text-faint)}@media(max-width:480px){.bug-page{padding:var(--space-8) var(--space-4) var(--space-12)}.bug-header{margin-bottom:var(--space-8)}.bug-title{font-size:var(--font-size-3xl)}#bug-form{gap:var(--space-5)}.bug-page .chip{flex:1 1 auto;text-align:center;padding:var(--space-3) var(--space-2)}.bug-page .shot-remove{padding:var(--space-2) var(--space-3)}}