:root{color-scheme:light;--bg: #fafaf7;--fg: #111;--muted: #555;--accent: #0f766e;--border: #ddd;--error: #b91c1c}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:720px;margin:0 auto;padding:24px 16px}button{font:inherit;padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;padding:10px 12px;border-radius:6px;border:1px solid var(--border);width:100%}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;margin:12px 0}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center}.chip{display:inline-block;background:#eef;padding:2px 8px;border-radius:12px;font-size:12px;font-family:monospace}.app-header{background:#fff;border-bottom:1px solid var(--border);padding:12px 16px}.app-header .inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header .family{font-weight:600}.app-header .user{display:flex;align-items:center;gap:8px}.app-header .avatar{width:28px;height:28px;border-radius:50%;background:#e5e5e5}.app-header button.linkish{background:none;color:var(--accent);border:none;padding:0;font:inherit;cursor:pointer}.journey-section-title{margin:24px 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.focus-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:8px 0}.focus-card .title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.focus-card .title strong{font-size:15px}.focus-card .meta{font-size:12px;color:var(--muted);margin:4px 0 8px}.area-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 600px){.area-grid{grid-template-columns:1fr 1fr}}.area-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px}.area-card h3{margin:0 0 6px;font-size:15px}.area-card .counts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.pill.active{background:#fee2e2;color:#991b1b}.pill.dormant{background:#fef3c7;color:#92400e}.pill.mastered{background:#dcfce7;color:#166534}.skill-chip-row{display:flex;flex-wrap:wrap;gap:4px}.skill-chip{font-size:11px;padding:2px 6px;border-radius:6px;border:1px solid var(--border);background:#fafafa;font-family:inherit}.skill-chip.dormant{background:#fffbeb}.skill-chip.mastered{background:#f0fdf4}.sev-dot{color:#b91c1c;letter-spacing:1px;font-size:10px}.pattern-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase}.pattern-badge.new{background:#dbeafe;color:#1e3a8a}.pattern-badge.bumped{background:#fde68a;color:#78350f}.pattern-badge.neutral{background:#e5e7eb;color:#374151}.container.review-wide{max-width:1100px}.scan-viewer{display:flex;flex-direction:column;gap:16px;margin:12px 0 20px}.scan-section{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}.scan-image-wrap{position:relative;flex:0 0 auto;line-height:0;background:#f5f5f5;border-radius:6px;overflow:hidden}.scan-image{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}.scan-sidebar{display:flex;flex-direction:column;gap:8px;min-width:0}@media (min-width: 900px){.scan-section{flex-direction:row;align-items:flex-start}.scan-image-wrap{flex:1 1 60%;max-width:60%}.scan-sidebar{flex:1 1 40%;max-width:40%}}.scan-pin{position:absolute;width:26px;height:26px;padding:0;border-radius:50%;font:700 12px/1 inherit;color:#fff;background:#6b7280;border:2px solid white;box-shadow:0 1px 3px #00000059;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:transform .12s ease,box-shadow .12s ease}.scan-pin.static{position:static;transform:none;flex:0 0 26px}.scan-pin.sev-1{background:#6b7280}.scan-pin.sev-2{background:#d97706}.scan-pin.sev-3{background:#b91c1c}.scan-pin:hover,.scan-pin.active{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 2px 6px #00000073,0 0 0 3px #0f766e59}.scan-pin.static:hover,.scan-pin.static.active{transform:scale(1.05)}.finding-card{background:#fafaf7;border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:default;transition:border-color .12s ease,background .12s ease}.finding-card.active{border-color:var(--accent);background:#f0fdfa;box-shadow:0 0 0 2px #0f766e2e}.finding-card .focus-card{margin:8px 0 0;background:#fff}.finding-card-head{display:flex;align-items:flex-start;gap:10px}.finding-card-head-text{flex:1;min-width:0}.finding-problem{font-weight:600;font-size:13px;line-height:1.3}.finding-answer{font-size:12px;color:var(--muted);margin-top:2px}.finding-answer code{background:#fef2f2;color:#991b1b;padding:1px 6px;border-radius:4px;font-size:11px}.unlocated-tray{margin-top:8px}