:root{--bg:#f6f7f9;--surface:#fff;--text:#1c1e21;--text-muted:#6b7280;--border:#e3e5e8;--accent:#2563eb;--ok-bg:#ecfdf5;--ok-text:#065f46;--warn-bg:#fffbeb;--warn-text:#92400e;--radius:8px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}.app{max-width:640px;margin:0 auto;padding:3rem 1.25rem}h1{margin:0 0 .25rem;font-size:1.75rem}.subtitle{color:var(--text-muted);margin:0 0 1.5rem}.status{border-radius:var(--radius);border:1px solid var(--border);padding:.875rem 1rem;font-size:.9375rem}.status-ok{background:var(--ok-bg);color:var(--ok-text);border-color:#a7f3d0}.status-warn{background:var(--warn-bg);color:var(--warn-text);border-color:#fde68a}.phase{color:var(--text-muted);margin-top:1.5rem;font-size:.875rem}h2{margin:0 0 .75rem;font-size:1.125rem}.check-list{gap:.625rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.check{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left-width:4px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.check p{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.check-icon{text-align:center;flex:0 0 1.25rem;font-weight:700}.check-pending{border-left-color:var(--border)}.check-ok{border-left-color:#10b981}.check-ok .check-icon{color:#10b981}.check-warn{border-left-color:#f59e0b}.check-warn .check-icon{color:#b45309}.check-error{border-left-color:#ef4444}.check-error .check-icon{color:#dc2626}.header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.header-email{color:var(--text-muted);margin-left:.625rem;font-size:.8125rem}.app-narrow{max-width:380px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:.375rem;padding:1.25rem;display:grid}label{font-size:.8125rem;font-weight:600}input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;margin-bottom:.5rem;padding:.5rem .625rem}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.5rem .875rem;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}.button-quiet{color:var(--text-muted);border-color:var(--border);background:0 0}.button-quiet:hover{color:var(--text);background:var(--bg)}.form-error{color:#b91c1c;background:#fef2f2;border-radius:6px;margin:0 0 .5rem;padding:.5rem .625rem;font-size:.875rem}textarea,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;max-width:100%;margin-bottom:.5rem;padding:.5rem .625rem}textarea{resize:vertical;min-height:5rem}textarea:focus-visible,select:focus-visible,input[type=file]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=file]{padding:.5rem;font-size:.875rem}.submit-success{margin-bottom:1rem}.annotator{margin-bottom:.75rem}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;display:flex}.toolbar-group{gap:.375rem;display:flex}.tool{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.375rem .625rem;font-size:.8125rem;font-weight:500}.tool:hover:not(:disabled){border-color:var(--accent)}.tool-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.annotator-canvas{border:1px solid var(--border);background:var(--bg);border-radius:6px;justify-content:center;max-height:420px;padding:.5rem;display:flex;overflow:auto}.annotator-canvas canvas{cursor:crosshair}.annotator-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.8125rem}.app-wide{max-width:820px}.tabs{gap:.375rem;margin-bottom:1.5rem;display:flex}.board-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.board-actions{align-items:center;gap:.5rem;display:flex}.filters{flex-wrap:wrap;margin-bottom:.75rem}.ticket-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ticket{border-bottom:1px solid var(--border);border-left:4px solid var(--border);align-items:flex-start;gap:.75rem;padding:.625rem .875rem;display:flex}.ticket:last-child{border-bottom:none}.ticket-new{border-left-color:var(--accent)}.ticket-in_progress{border-left-color:#f59e0b}.ticket-resolved{border-left-color:#10b981}.ticket-resolved .ticket-title{color:var(--text-muted)}.ticket-main{text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:0;display:block}.ticket-main:hover .ticket-title{color:var(--accent)}.ticket-head{align-items:center;gap:.5rem;min-width:0;display:flex}.ticket-number{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.8125rem;font-weight:700}.ticket-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;overflow:hidden}.ticket-meta{color:var(--text-muted);margin:.125rem 0 0;font-size:.75rem}.ticket-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.25rem 0 0;font-size:.8125rem;display:-webkit-box;overflow:hidden}.ticket-side{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.ticket-thumb{object-fit:cover;object-position:top left;border:1px solid var(--border);border-radius:4px;width:56px;height:40px;display:block}.ticket-side select{background:var(--surface);margin-bottom:0;padding:.25rem .375rem;font-size:.8125rem}.badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.0625rem .4375rem;font-size:.625rem;font-weight:700}.badge-urgent{color:#b91c1c;background:#fef2f2}.badge-normal{background:var(--bg);color:var(--text-muted)}.badge-admin{color:#3730a3;background:#eef2ff}.badge-status{padding:.1875rem .5rem;font-size:.6875rem}.badge-new{color:#1d4ed8;background:#eff6ff}.badge-in_progress{background:var(--warn-bg);color:var(--warn-text)}.badge-resolved{background:var(--ok-bg);color:var(--ok-text)}.shot-tabs{flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;display:flex}.thumb-button{cursor:pointer;background:0 0;border:none;padding:0;line-height:0;display:block;position:relative}.thumb-count{background:var(--text);min-width:18px;color:var(--surface);text-align:center;border-radius:999px;padding:0 4px;font-size:.625rem;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}.detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.detail-head{align-items:baseline;gap:.5rem;margin-top:1rem;display:flex}.detail-title{margin:0;font-size:1.25rem}.detail-badges{gap:.375rem;margin-top:.5rem;display:flex}.detail-facts{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:1rem 0 0;font-size:.875rem;display:grid}.detail-facts dt{color:var(--text-muted)}.detail-facts dd{margin:0}.detail-section{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:1.5rem 0 .5rem;font-size:.8125rem}.detail-description{white-space:pre-wrap;margin:0}.detail-images{gap:.75rem;display:grid}.detail-images img{border:1px solid var(--border);border-radius:6px;width:100%;display:block}.detail-actions{border-top:1px solid var(--border);align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;display:flex}.detail-actions select{margin-bottom:0}.detail-delete{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.delete-warning{color:#b91c1c;font-size:.8125rem}.tool-danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.tool-danger:hover:not(:disabled){background:#991b1b;border-color:#991b1b}