:root{--bg: #f4f6fb;--panel: #ffffff;--panel-2: #f0f2f8;--border: #dde2ec;--text: #1c2433;--text-dim: #6b7486;--accent: #2f5597;--accent-dim: #234176;--brand-orange: #f5a623;--danger: #d6373d;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:920px;margin:0 auto;padding:0 20px 60px}.app-header{display:flex;align-items:center;gap:16px;background:var(--panel);margin:0 -20px 24px;padding:18px 20px;border-bottom:3px solid var(--brand-orange);box-shadow:0 1px 3px #1c24330f}.app-logo{height:40px;width:auto;flex-shrink:0}.app-header-text{display:flex;flex-direction:column;gap:2px;padding-left:16px;border-left:1px solid var(--border);flex:1}.app-header h1{margin:0;font-size:22px}.subtitle{margin:0;color:var(--text-dim);font-size:14px}.app-header-back{flex-shrink:0;white-space:nowrap}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.identity-label{font-size:13px;color:var(--text-dim)}.identity-label strong{color:var(--text)}.btn{border:none;border-radius:var(--radius);padding:10px 16px;font-size:14px;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;font-weight:600}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.btn-danger-ghost{background:transparent;color:var(--danger);border:1px solid var(--border);margin-top:8px}.feedback-form{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #1c24330f}.feedback-form h2{margin-top:0;font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-dim)}label.full{margin-bottom:14px}input,textarea,select{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:9px 10px;color:var(--text);font-size:14px;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:pulse 1.2s infinite;flex-shrink:0}@keyframes pulse{50%{opacity:.3}}.spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.composer-bar{display:flex;align-items:flex-end;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:20px;padding:8px 8px 8px 6px;margin-bottom:14px}.composer-plus,.composer-mic,.composer-discard{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:var(--panel);color:var(--text-dim);cursor:pointer;flex-shrink:0;font-size:18px;line-height:1}.composer-plus:hover,.composer-mic:hover,.composer-discard:hover{color:var(--accent)}.composer-mic{background:var(--text);color:#fff}.composer-mic:hover{color:#fff;opacity:.85}.composer-mic.is-recording{background:var(--danger)}.composer-mic:disabled{opacity:.5;cursor:not-allowed}.composer-discard{font-size:16px}.composer-warning{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;font-size:12px;font-weight:700;flex-shrink:0;cursor:default}.composer-textarea{flex:1;min-width:0;background:transparent;border:none;padding:6px 4px;resize:none;max-height:160px;font-size:14px;line-height:1.4}.composer-textarea:focus{outline:none}.composer-status{flex:1;min-width:0;display:flex;align-items:flex-start;gap:8px;padding:6px 4px;font-size:13px;color:var(--text-dim);max-height:160px;overflow-y:auto}.composer-status-timer{display:flex;align-items:center;gap:6px;flex-shrink:0;padding-top:1px}.composer-status-text{white-space:pre-wrap;word-break:break-word}.field-error{color:var(--danger);font-size:13px;margin:4px 0}.file-input-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.file-chip-list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px}.file-chip{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px}.file-chip-icon{flex-shrink:0}.file-chip-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-size{color:var(--text-dim);font-size:12px;flex-shrink:0}.file-chip-remove,.attachment-remove{background:transparent;border:none;color:var(--text-dim);font-size:18px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0}.file-chip-remove:hover,.attachment-remove:hover{color:var(--danger)}.attachment-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.attachment-item{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px}.attachment-icon{flex-shrink:0}.attachment-name{flex:1;color:var(--accent);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-name:hover{text-decoration:underline}.attachment-size{color:var(--text-dim);font-size:12px;flex-shrink:0}.filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filters .search{flex:1;min-width:200px}.empty-state{color:var(--text-dim);text-align:center;padding:40px 0}.feedback-list{display:flex;flex-direction:column;gap:10px}.feedback-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #1c24330f}.card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;gap:12px}.card-title{display:flex;flex-direction:column;gap:2px}.card-title strong{font-size:15px}.analyst{font-size:12px;color:var(--text-dim)}.card-badges{display:flex;gap:6px;flex-shrink:0}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.type-bug{background:#fbe0e2;color:#b5232b}.type-feature-request{background:#e3ecfd;color:#2555c7}.type-feature-enhancement,.badge-resolved{background:#e3f6ea;color:#1f8a4c}.card-body{padding:0 16px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.feedback-text{white-space:pre-wrap;margin:12px 0 0}.card-audio{width:100%;margin-top:4px}.card-meta{font-size:12px;color:var(--text-dim)}.card-actions{display:flex;gap:8px;margin-top:4px}.card-actions .btn{margin-top:0;flex:1}.btn-resolve{background:#1f8a4c;color:#fff}