:root{--bg:#fafaf7;--surface:#fff;--ink:#1a1a1a;--ink-muted:#5a5a5a;--border:#d8d6cd;--accent:#2e5e9c;--accent-soft:#e7eef8;--ok:#2d6a3e;--ok-soft:#e6f3ea;--warn:#8a5a00;--warn-soft:#fdf3df;--error:#6b2fa5;--error-soft:#efe5f7;--shadow:0 2px 6px #0000000f, 0 8px 24px #0000000f;--radius:8px;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bridge-blue:#6ba8d6;--suit-S:#1f4e9c;--suit-H:#c01e1e;--suit-D:#d9851a;--suit-C:#1f7a3a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans);margin:0}code{font-family:var(--mono);background:#0000000a;border-radius:3px;padding:1px 5px;font-size:.95em}button{font:inherit;cursor:pointer}#app{max-width:1100px;margin:0 auto;padding:32px 24px 80px}.page-header{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:20px}.page-header h1{color:var(--bridge-blue);margin:0 0 6px;font-size:28px;font-style:italic;font-weight:500}.tagline{color:var(--ink-muted);max-width:70ch;margin:0}h2{margin:0 0 12px;font-size:18px;font-weight:600}section{margin-bottom:28px}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.intake{grid-template-columns:5fr 3fr;align-items:stretch;gap:16px;display:grid}@media (width<=700px){.intake{grid-template-columns:1fr}}.intake-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);margin:0;padding:4px 4px 8px;display:flex}.intake-card>legend{margin-left:6px;padding:0 8px;font-weight:600}.intake-card.upload{border:2px dashed var(--border);cursor:pointer;transition:background-color .15s,border-color .15s}.intake-card.upload:hover,.intake-card.upload:focus-within{border-color:var(--accent);background:var(--accent-soft)}.intake-card.upload:has(.drop-zone.dragging){border-color:var(--accent);background:var(--accent-soft)}.drop-zone{text-align:center;color:var(--ink-muted);cursor:pointer;flex:1;justify-content:center;align-items:center;padding:28px 20px;display:flex}.drop-zone-link{color:var(--accent);text-decoration:underline}.status{text-align:center;color:var(--ink-muted);flex:1;justify-content:center;align-items:center;padding:12px 16px;display:flex}.status[data-kind=ok]{color:var(--ok)}.status[data-kind=warn]{color:var(--warn)}.status[data-kind=error]{color:var(--error)}.intake-card:has(.status[data-kind=ok]){border-color:var(--ok)}.intake-card:has(.status[data-kind=warn]){border-color:var(--warn)}.intake-card:has(.status[data-kind=error]){border-color:var(--error)}.preview-help{color:var(--ink-muted);margin-top:-4px;margin-bottom:12px}.preview-help[data-kind=ok]{color:var(--ok);font-weight:600}.table-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow-x:auto}#preview-table{border-collapse:separate;border-spacing:0;font-family:var(--mono);width:100%;font-size:13px}#preview-table th,#preview-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px}#preview-table thead th{border-bottom:2px solid var(--border);background:#f3f1e7;font-weight:600;position:sticky;top:0}#preview-table th[data-group-start],#preview-table td[data-group-start]{border-left:1px solid var(--border)}#preview-table th[data-suit=S],#preview-table td[data-suit=S]{color:var(--suit-S)}#preview-table th[data-suit=H],#preview-table td[data-suit=H]{color:var(--suit-H)}#preview-table th[data-suit=D],#preview-table td[data-suit=D]{color:var(--suit-D)}#preview-table th[data-suit=C],#preview-table td[data-suit=C]{color:var(--suit-C)}#preview-table tbody tr:hover td{background:#2e5e9c0a}#preview-table td.cell-error,#preview-table tbody tr:hover td.cell-error{background:var(--error-soft);font-weight:600;position:relative}#preview-table td.cell-focus,#preview-table td.cell-error:hover{outline:3px solid var(--error);outline-offset:-3px}.error-list{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--error);border-radius:var(--radius);margin-bottom:16px;padding:14px 18px}.error-list h3{color:var(--error);margin:12px 0 4px;font-size:14px;font-weight:600}.error-list h3:first-child{margin-top:0}.error-list ul{margin:0;padding-left:20px}.error-list li{color:var(--ink);cursor:default;border-radius:3px;margin-left:-4px;padding:1px 4px;font-size:13px;transition:background-color .1s}.error-list li:hover,.error-list h3:hover{text-decoration:underline;-webkit-text-decoration-color:var(--error);text-decoration-color:var(--error);text-underline-offset:2px;text-decoration-thickness:1px}.error-list h3{cursor:default}.error-list li.error-focus{background:var(--error-soft);box-shadow:0 0 0 1px var(--error)}.suit{font-weight:700}.suit-S{color:var(--suit-S)}.suit-H{color:var(--suit-H)}.suit-D{color:var(--suit-D)}.suit-C{color:var(--suit-C)}.options{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);margin-bottom:18px;padding:14px 18px}.options legend{padding:0 8px;font-weight:600}.option{flex-direction:column;gap:4px;margin:10px 0;display:flex}.option-check{flex-direction:row;align-items:center;gap:8px}.option-label{font-weight:500}.option-hint{color:var(--ink-muted);font-size:13px}.option input[type=text]{font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:4px;max-width:360px;padding:6px 10px}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:5px;padding:8px 16px;transition:background-color .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#244c80;border-color:#244c80}.page-footer{border-top:1px solid var(--border);color:var(--ink-muted);margin-top:60px;padding-top:16px;font-size:13px}