:root{--color-brand-50:#e6f2fb;--color-brand-100:#c0def5;--color-brand-500:#0d6fbb;--color-brand-600:#005c9a;--color-brand-700:#004a7c;--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-400:#a8a29e;--color-stone-600:#57534e;--color-stone-900:#1c1917;--color-accent:#ff0578;--color-accent-dark:#7f0a4d;color:var(--color-stone-900);background:var(--color-stone-50);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{min-width:320px;height:100%;margin:0;overflow:hidden}#root{height:100%}button{font:inherit;cursor:pointer}fieldset{border:1px solid var(--color-stone-200);background:#fff;border-radius:8px;margin:0;padding:.5rem .75rem}legend{color:var(--color-stone-600);padding:0 .25rem;font-size:.875rem}input[type=radio]{accent-color:var(--color-brand-600);margin-right:.35rem}input[type=checkbox]{accent-color:var(--color-brand-600)}.app{max-width:80rem;height:calc(100vh - 4.25rem);margin:0 auto;padding:1rem 1.5rem;overflow:hidden}.app-header{z-index:50;border-bottom:1px solid var(--color-stone-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafaf9f2;position:sticky;top:0}.app-header__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:80rem;margin:0 auto;padding:1rem 1.5rem;display:flex}.app-header__brand{min-width:0;color:inherit;align-items:center;gap:1rem;text-decoration:none;display:flex}.app-header__logo{flex-shrink:0;width:auto;height:2.25rem}.app-header__divider{background:var(--color-stone-200);flex-shrink:0;width:1px;height:1.75rem}.app-header__app-name{color:var(--color-stone-900);letter-spacing:-.01em;white-space:nowrap;font-size:.95rem;font-weight:600}.app-header__burger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:2.25rem;height:2.25rem;padding:.4rem;display:none}.app-header__burger span{background:var(--color-stone-600);border-radius:1px;width:100%;height:2px;transition:background .15s;display:block}.app-header__burger:hover span{background:var(--color-brand-600)}.app-header__nav{align-items:center;gap:.25rem;display:flex}.app-header__link{color:var(--color-stone-600);border-radius:8px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.app-header__link:hover{color:var(--color-brand-600)}.app-header__link--active{color:var(--color-brand-600);background:var(--color-brand-50);font-weight:600}.hand-tracker{flex-direction:column;height:100%;min-height:0;display:flex}.hand-tracker__header h1{letter-spacing:-.02em;color:var(--color-stone-900);margin:0;font-size:1.25rem;font-weight:600}.hand-tracker__subtitle{color:var(--color-stone-600);margin:.2rem 0 .75rem;font-size:.875rem}.hand-tracker__controls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.hand-tracker__main{flex:1;grid-template-columns:1fr 1fr;gap:.75rem;min-height:0;display:grid}.btn{border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.btn--primary{background:var(--color-brand-600);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-brand-700)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--active{background:var(--color-accent-dark)}.btn--active:hover:not(:disabled){background:#5c0839}.delegate-toggle{align-items:center;gap:.75rem;display:flex}.delegate-toggle label{color:var(--color-stone-600);align-items:center;font-size:.875rem;display:flex}.delegate-toggle:disabled{opacity:.55}.filter-toggle{color:var(--color-stone-600);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.plot-column{flex-direction:column;gap:.5rem;height:100%;min-height:0;display:flex}.charts-stack{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.charts-stack .angle-chart{flex:1}.debug-panel{border:1px solid var(--color-stone-200);background:#fff;border-radius:12px;flex-shrink:0;padding:.6rem .75rem;font-size:.75rem}.debug-panel__title{color:var(--color-stone-900);margin:0 0 .4rem;font-size:.85rem;font-weight:600}.debug-panel__section h3{color:var(--color-stone-600);text-transform:uppercase;letter-spacing:.03em;margin:.35rem 0 .25rem;font-size:.72rem;font-weight:600}.debug-panel__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.debug-panel__table th,.debug-panel__table td{text-align:right;border-bottom:1px solid var(--color-stone-100);padding:.15rem .35rem}.debug-panel__table th:first-child,.debug-panel__table td:first-child{text-align:left}.debug-panel__table th{color:var(--color-stone-600);font-weight:500}.debug-panel__empty{color:var(--color-stone-400);font-style:italic;text-align:center!important}.debug-panel__angles{grid-template-columns:repeat(3,1fr);gap:.35rem;margin:0;display:grid}.debug-panel__angles div{background:var(--color-stone-50);border:1px solid var(--color-stone-100);border-radius:8px;padding:.35rem .5rem}.debug-panel__angles dt{color:var(--color-stone-600);margin:0;font-size:.68rem}.debug-panel__angles dd{color:var(--color-brand-600);font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:.95rem;font-weight:700}.error-banner,.status-banner{border-radius:8px;flex-shrink:0;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.875rem}.error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.status-banner{background:var(--color-brand-50);color:var(--color-brand-700);border:1px solid var(--color-brand-100)}.video-panel{background:var(--color-stone-900);border:1px solid var(--color-stone-200);border-radius:12px;height:100%;min-height:0;position:relative;overflow:hidden}.video-panel__stats{z-index:2;color:#fafaf9;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c1917c7;border-radius:8px;flex-direction:column;gap:.2rem;min-width:11rem;padding:.45rem .6rem;font-size:.72rem;display:flex;position:absolute;top:.65rem;left:.65rem}.video-panel__stats-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.video-panel__stats-label{color:#d6d3d1;text-transform:uppercase;letter-spacing:.04em;font-size:.64rem;font-weight:600}.video-panel__stats-muted{color:#a8a29e;font-size:.64rem}.video-panel__video,.video-panel__canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.video-panel__video{transform:scaleX(-1)}.video-panel__canvas{pointer-events:none;transform:scaleX(-1)}.angle-chart{border:1px solid var(--color-stone-200);background:#fff;border-radius:12px;flex-direction:column;flex:1;min-height:0;padding:.75rem .75rem .5rem;display:flex;overflow:hidden}.angle-chart h2{color:var(--color-stone-900);flex-shrink:0;margin:0 0 .5rem;font-size:.9rem;font-weight:600}.angle-chart__canvas{flex:1;height:0;min-height:0;position:relative;overflow:hidden}@media (width<=1024px){.app-header__burger{display:flex}.app-header__nav{background:var(--color-stone-50);border:1px solid var(--color-stone-200);border-radius:12px;flex-direction:column;align-items:stretch;min-width:200px;padding:.35rem;display:none;position:absolute;top:calc(100% + .25rem);right:1rem;box-shadow:0 10px 25px #1c191714}.app-header__nav--open{display:flex}.app-header__inner{position:relative}.app-header__link{padding:.65rem .85rem}}@media (width<=768px){.app{height:auto;min-height:calc(100vh - 4.25rem);padding:.75rem 1rem;overflow:auto}.app-header__inner{padding:.85rem 1rem}.app-header__app-name{font-size:.85rem}.app-header__logo{height:1.85rem}.hand-tracker{height:auto}.hand-tracker__main{grid-template-rows:minmax(200px,40vh) auto;grid-template-columns:1fr}.debug-panel__angles{grid-template-columns:1fr}.charts-stack .angle-chart__canvas{height:160px}}