:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5efe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}html,body{transition:background .32s ease,color .32s ease}html[data-theme=overview],html:not([data-theme]){background:radial-gradient(circle at top left,rgba(255,174,94,.16),transparent 30%),radial-gradient(circle at top right,rgba(45,212,191,.14),transparent 28%),linear-gradient(180deg,#0e1728,#09111b 58%,#070d16)}html[data-theme=camera]{background:radial-gradient(circle at top left,rgba(251,191,36,.18),transparent 26%),radial-gradient(circle at bottom right,rgba(14,165,233,.16),transparent 30%),linear-gradient(180deg,#070d16,#09111b 54%,#050814)}html[data-theme=dashboard]{background:radial-gradient(circle at top left,rgba(34,197,94,.16),transparent 28%),radial-gradient(circle at top right,rgba(59,130,246,.16),transparent 30%),linear-gradient(180deg,#07131a,#09111b 54%,#050b12)}html[data-theme=pipeline]{background:radial-gradient(circle at top left,rgba(249,115,22,.18),transparent 28%),radial-gradient(circle at top right,rgba(45,212,191,.16),transparent 30%),linear-gradient(180deg,#0d1117,#09111b 58%,#05070d)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}.page-shell{width:min(1220px,calc(100vw - 32px));margin:0 auto;padding:28px 0 56px}.hero-copy h1{margin:0;font-size:clamp(2.55rem,4.8vw,4.8rem);line-height:.95;letter-spacing:-.06em;max-width:12ch}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:20px;padding:24px 28px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:#090f1c94;box-shadow:0 24px 80px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.camera-mode .hero{grid-template-columns:minmax(280px,.42fr) minmax(0,1.58fr);min-height:72vh}.camera-mode .hero-copy{padding:40px 32px;justify-content:flex-start}.camera-mode .hero-copy .lede,.camera-mode .hero-copy .scan-form,.camera-mode .hero-copy .secondary-action,.camera-mode .hero-copy .file-chooser,.camera-mode .hero-copy .file-state,.camera-mode .hero-copy .upload-label,.camera-mode .hero-copy .upload-copy p,.camera-mode .hero-copy .upload-copy strong,.camera-mode .hero-copy .scan-error,.camera-mode .hero-copy [role=alert]{display:none}.camera-mode .hero-actions{margin-top:22px}.camera-mode .hero-panel{min-height:100%}.camera-mode .tracking-stage{margin-top:22px;min-height:560px}.camera-mode .readout-card{bottom:28px}.camera-mode .hero-copy h1{max-width:10ch}.topbar-branding{display:grid;gap:10px}.topbar h1{margin:0;font-size:clamp(2.55rem,4.8vw,4.8rem);line-height:.95;letter-spacing:-.06em;max-width:12ch}.brand-mark{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;color:#fbbf24}.brand-subtitle{margin:0;max-width:48ch;color:#f5efe6b8;line-height:1.6;font-size:.98rem}.topbar-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.status-caption{color:#f5efe6b3;font-size:.95rem}.view-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.tab-button{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:11px 16px;background:#ffffff0a;color:#f5efe6c2;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.tab-button:hover,.tab-button.active{transform:translateY(-1px);background:#fbbf241f;color:#fff6d8;border-color:#fbbf2447}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:stretch;min-height:74vh}.hero-copy,.hero-panel,.card{border:1px solid rgba(255,255,255,.08);background:#090f1cb8;box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy{border-radius:32px;padding:52px;display:flex;flex-direction:column;justify-content:center}.hero-copy .lede{margin-top:16px}.eyebrow,.section-tag,.panel-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:#fbbf24;margin:0 0 14px}.lede{max-width:62ch;color:#f5efe6d1;font-size:1.06rem;line-height:1.7;margin:24px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.scan-form{display:grid;gap:16px;margin-top:30px}.upload-field{display:grid;gap:16px;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,#ffffff0d,#fbbf240f);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0d}.upload-copy{display:grid;gap:6px}.upload-label{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:#fbbf24}.upload-copy strong{font-size:1.02rem;letter-spacing:-.02em;color:#fff7e6}.upload-copy p{margin:0;color:#f5efe6b3;line-height:1.55}.upload-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-chooser{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#fb7185);color:#111827;font-weight:700;cursor:pointer;box-shadow:0 14px 28px #f59e0b3d;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.file-chooser:hover{transform:translateY(-2px);box-shadow:0 18px 34px #f59e0b4d}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-state{padding:12px 16px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#f5efe6db;min-height:48px;display:inline-flex;align-items:center;flex:1 1 260px;overflow:hidden;text-overflow:ellipsis}.scan-button{justify-self:start;min-width:240px;min-height:54px;font-weight:700}.scan-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.file-chooser:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.tab-button:focus-visible,.scan-button:focus-visible{outline:2px solid rgba(251,191,36,.8);outline-offset:3px}.primary-action,.secondary-action{border-radius:999px;padding:14px 20px;border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-action{background:linear-gradient(135deg,#f59e0b,#fb7185);color:#111827;font-weight:700;box-shadow:0 14px 30px #f59e0b47}.secondary-action{background:#ffffff0f;color:#f5efe6;border:1px solid rgba(255,255,255,.12)}.primary-action,.secondary-action,.tab-button,.file-chooser,.scan-button{letter-spacing:.01em}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55;transform:none}.hero-panel{border-radius:32px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.dashboard-stage{display:grid;gap:18px;margin-top:24px}.dashboard-stage.wide-history{width:100%}.dashboard-stage.analytics-collapsed .dashboard-grid{display:none}.dashboard-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-toolbar h3,.daily-question-card h3{margin:6px 0 0;letter-spacing:-.04em;line-height:1.1}.dashboard-collapse-button,.text-toggle-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f5efe6;padding:10px 14px;border-radius:999px;cursor:pointer}.daily-question-card{padding:18px;border-radius:22px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.daily-question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.daily-question-body,.daily-question-hint,.daily-question-meta{margin:12px 0 0;color:#f5efe6b8;line-height:1.6}.daily-question-hint{color:#fbbf24d1}.daily-question-meta{color:#f5efe68f;font-size:.9rem}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-card,.chart-card{border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.summary-card{padding:16px}.summary-card span,.chart-head span,.chart-note,.chart-caption.muted{color:#f5efe6ad}.summary-card strong{display:block;margin-top:10px;font-size:1rem;line-height:1.4}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.chart-card{padding:16px;min-height:220px}.chart-card-large{grid-column:1 / -1}.chart-card-half{grid-column:span 6}.signal-panel{grid-column:1 / -1;padding:18px;border-radius:22px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.chart-head p{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:#fbbf24}.chart-head strong{display:block;font-size:1rem}.line-chart{display:block;width:100%;height:auto;min-height:140px;max-height:180px;margin-top:8px;overflow:visible}.line-chart polyline{fill:none;stroke:#fbbf24;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-caption{display:grid;grid-template-columns:repeat(var(--chart-points, 8),minmax(0,1fr));gap:6px;margin-top:10px;font-size:.78rem;text-align:center}.chart-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px;min-height:160px;margin-top:8px}.bar-chart-wide{grid-template-columns:repeat(var(--chart-points, 8),minmax(0,1fr))}.bar-chart span{border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,#fbbf24,#fb7185)}.skip-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:12px}.skip-map-wide{grid-template-columns:repeat(var(--chart-points, 8),minmax(0,1fr))}.skip-dot{height:14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.skip-dot.active{background:linear-gradient(90deg,#f59e0b,#fb7185);border-color:#fbbf2438}.pipeline-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.pipeline-stage-card{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.pipeline-stage-card p{margin:12px 0 0;color:#f5efe6b8;line-height:1.6}.pipeline-stage-header{display:flex;align-items:center;gap:12px}.pipeline-stage-header span{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:32px;padding:0 12px;border-radius:999px;background:#fbbf241f;border:1px solid rgba(251,191,36,.22);color:#fbbf24;font-size:.76rem;letter-spacing:.14em}.pipeline-stage-header strong{font-size:1rem}.pipeline-stage-focus{grid-column:1 / -1;background:linear-gradient(135deg,#fbbf2414,#2dd4bf14)}.thinking-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0;min-height:92px}.thinking-bars span{border-radius:18px;background:linear-gradient(180deg,#fbbf24eb,#fb7185eb);box-shadow:0 12px 28px #fbbf2424}.thinking-bars span:nth-child(1){height:42%}.thinking-bars span:nth-child(2){height:68%}.thinking-bars span:nth-child(3){height:84%}.thinking-bars span:nth-child(4){height:58%}.panel-header{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:12px}.panel-header>div{flex:1 1 180px;min-width:0}.panel-header .status-pill,.panel-header .api-status-pill{flex-shrink:0}.panel-header h2,.section-heading h2,.bottom-banner h2{margin:0;letter-spacing:-.04em}.status-pill{border-radius:999px;padding:8px 12px;background:#22c55e29;color:#86efac;border:1px solid rgba(134,239,172,.28);white-space:nowrap;font-size:.86rem}.api-status-pill{border-radius:999px;padding:8px 12px;background:#090f1cd1;color:#93c5fd;border:1px solid rgba(96,165,250,.2);white-space:nowrap;font-size:.86rem}.tracking-stage{position:relative;min-height:420px;border-radius:28px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),radial-gradient(circle at center,rgba(45,212,191,.12),transparent 60%);border:1px solid rgba(255,255,255,.08);margin-top:24px;overflow:hidden}.camera-tracker{display:grid;gap:16px;margin-top:24px}.camera-feed{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:24px;background:#020617;border:1px solid rgba(255,255,255,.1)}.camera-video{display:block;width:100%;height:100%;object-fit:cover}.camera-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;color:#f5efe6b8;text-align:center}.reading-region{position:absolute;z-index:2;display:grid;grid-template-rows:repeat(4,1fr);border:2px solid #fbbf24;background:#fbbf240a;pointer-events:none}.reading-line{border-bottom:1px dashed rgba(251,191,36,.45)}.reading-line:last-child{border-bottom:0}.fingertip-marker{position:absolute;z-index:3;width:18px;height:18px;border:3px solid #111827;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 7px #fbbf244d;transform:translate(-50%,-50%);pointer-events:none}.tracker-controls{display:flex;flex-wrap:wrap;gap:10px}.tracker-controls .primary-action,.tracker-controls .secondary-action{flex:1 1 160px}.tracker-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:#f5efe6c7;font-size:.88rem}.tracker-status span{padding:9px 10px;border-radius:12px;background:#ffffff0a}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-grid div{padding:12px;border-radius:14px;background:#ffffff0d}.analysis-grid span,.analysis-grid strong{display:block}.analysis-grid span{color:#f5efe6ad;font-size:.78rem}.analysis-grid strong{margin-top:5px}.tracker-error,.upload-status,.indicator-note{margin:0;line-height:1.45}.tracker-error{color:#fecaca}.upload-status{color:#86efac}.indicator-note{color:#f5efe699;font-size:.78rem}.camera-viewport{position:relative;min-height:100%;height:100%}.camera-overlay{position:absolute;z-index:2;display:flex;justify-content:space-between;gap:18px;padding:14px 16px;border-radius:18px;background:#090f1cb8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.camera-overlay span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#f5efe68f;margin-bottom:5px}.camera-overlay strong{display:block;font-size:.96rem}.camera-overlay-top{top:18px;left:18px;right:18px}.camera-overlay-bottom{left:18px;right:18px;bottom:108px;display:none}.braille-line{position:absolute;inset:28% 10% auto;height:180px;border-radius:999px;background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.22) 0 1.2%,transparent 1.4%),radial-gradient(circle at 25% 50%,rgba(255,255,255,.22) 0 1.2%,transparent 1.4%),radial-gradient(circle at 35% 50%,rgba(255,255,255,.22) 0 1.2%,transparent 1.4%),radial-gradient(circle at 45% 50%,rgba(255,255,255,.22) 0 1.2%,transparent 1.4%),radial-gradient(circle at 55% 50%,rgba(255,255,255,.22) 0 1.2%,transparent 1.4%),radial-gradient(circle at 65% 50%,rgba(255,255,255,.22) 0 1.2%,transparent 1.4%),radial-gradient(circle at 75% 50%,rgba(255,255,255,.22) 0 1.2%,transparent 1.4%),radial-gradient(circle at 85% 50%,rgba(255,255,255,.22) 0 1.2%,transparent 1.4%),linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff0a}.finger-path{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 10%,rgba(251,191,36,.08) 50%,transparent 88%)}.finger-path.quiet{opacity:.35}.path-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 8px #fbbf241f}.dot-one{top:33%;left:18%}.dot-two{top:37%;left:44%}.dot-three{top:31%;left:69%}.readout-card{position:absolute;left:24px;right:24px;bottom:24px;padding:18px 20px;border-radius:20px;background:#090f1cd9;border:1px solid rgba(255,255,255,.1)}.readout-card span,.readout-card small,.insight span,.step-item p,.bottom-banner p{color:#f5efe6b8}.readout-card strong{display:block;margin:8px 0 6px;font-size:1.4rem}.status-pill.state-idle{background:#ffffff0f;color:#e5e7eb;border-color:#ffffff1f}.status-pill.state-capturing{background:#3b82f629;color:#bfdbfe;border-color:#60a5fa38}.status-pill.state-processing{background:#fbbf2429;color:#fde68a;border-color:#fbbf243d}.status-pill.state-ready{background:#22c55e29;color:#86efac;border-color:#86efac47}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.card{border-radius:28px;padding:30px}.section-heading{margin-bottom:20px}.step-list,.signal-list,.api-feed{display:grid;gap:16px}.step-item{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:18px;border-radius:20px;background:#ffffff08}.step-index{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fbbf241f;color:#fbbf24;font-weight:700}.step-item h3,.insight strong{margin:0 0 6px}.step-item p{margin:0;line-height:1.6}.mini-console{margin-top:18px;padding:16px 18px;border-radius:18px;background:#02061794;border:1px solid rgba(255,255,255,.08)}.mini-console p{margin:0 0 10px;color:#fbbf24;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.mini-console code{display:block;white-space:pre-wrap;word-break:break-word;color:#dbeafe;font-family:Consolas,Liberation Mono,monospace;line-height:1.6}.api-event{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:18px;background:#ffffff08}.api-event span{color:#fbbf24;font-weight:700}.api-event strong{display:block;margin-bottom:6px}.api-event p{margin:0;color:#f5efe6b8;line-height:1.55}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.insight{padding:18px;border-radius:18px;background:#ffffff08}.insight p{margin:0 0 10px;color:#cbd5e1;font-size:.92rem}.insight strong{display:block;font-size:1.1rem}.insight span{display:block;margin-top:10px;line-height:1.55;font-size:.95rem}.signal-item{padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,#ffffff0d,#fbbf2414);border:1px solid rgba(255,255,255,.07);color:#f5efe6}.signal-list-wide{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:960px){.hero,.content-grid,.insight-grid,.dashboard-grid,.pipeline-stage-grid,.signal-list-wide{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:auto}.camera-mode .hero{grid-template-columns:1fr;min-height:auto}.camera-mode .hero-copy{display:none}.camera-mode .tracking-stage{min-height:320px}.chart-card-half{grid-column:1 / -1}.topbar{flex-direction:column;align-items:stretch;padding:22px}.topbar h1{max-width:none;font-size:clamp(2rem,8vw,3.2rem)}.topbar-status{justify-content:flex-start}.topbar-branding{gap:8px}}@media(max-width:640px){.page-shell{width:min(100vw - 20px,1180px);padding-top:16px;padding-bottom:32px}.topbar{padding:18px 16px;border-radius:22px;margin-bottom:16px}.topbar h1{font-size:clamp(1.75rem,9vw,2.6rem)}.brand-subtitle{font-size:.92rem}.view-tabs{gap:8px;margin-bottom:16px}.tab-button{padding:10px 14px;font-size:.9rem}.hero-copy{padding:24px 18px;border-radius:24px}.hero-panel{padding:16px;border-radius:24px}.hero h1{font-size:clamp(1.85rem,9vw,2.8rem);max-width:none}.hero-actions{flex-direction:column;margin-top:22px}.primary-action,.secondary-action{width:100%}.upload-actions{flex-direction:column;align-items:stretch}.file-state,.scan-button{width:100%}.tracking-stage{min-height:280px;border-radius:20px}.camera-feed{border-radius:18px}.camera-overlay,.step-item{grid-template-columns:1fr}.camera-overlay{flex-direction:column}.camera-overlay-bottom{bottom:92px}.tracker-controls{flex-direction:column}.tracker-controls .primary-action,.tracker-controls .secondary-action{flex:none;width:100%}.tracker-status,.analysis-grid{grid-template-columns:1fr}.chart-head{flex-direction:column;align-items:flex-start}.chart-card{min-height:auto;padding:14px}.bar-chart{min-height:120px;gap:6px}.summary-grid,.insight-grid{grid-template-columns:1fr}.card{padding:20px 18px;border-radius:22px}.dashboard-toolbar,.daily-question-head,.panel-header{flex-direction:column;align-items:flex-start}}