:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162d2a;background:#f4f7f4;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #162d2a;--muted: #667976;--surface: #ffffff;--line: #dce6e2;--accent: #146c5d;--accent-dark: #0c5146;--accent-soft: #dff2ec;--warm: #f0a15b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(168,215,201,.28),transparent 28rem),#f4f7f4}button,input,textarea,select{font:inherit}button{border:0}.app-shell{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:48px 0 28px}.app-header{display:flex;align-items:center;gap:16px;margin-bottom:34px}.brand-mark{position:relative;display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;overflow:hidden;border-radius:17px;background:var(--accent);box-shadow:0 12px 24px #146c5d33}.brand-mark:before,.brand-mark:after{position:absolute;width:8px;height:27px;border-radius:8px;background:#fff;content:""}.brand-mark:after{transform:rotate(90deg)}.brand-mark span{position:absolute;right:-12px;bottom:-12px;width:31px;height:31px;border:5px solid rgba(255,255,255,.27);border-radius:50%}.eyebrow,.section-label{margin:0 0 5px;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:inherit}h1{margin-bottom:2px;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.05;letter-spacing:-.045em}.subtitle{margin-bottom:0;color:var(--muted);font-size:.98rem}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,.85fr);gap:22px;align-items:start}.measurement-card,.results-card{border:1px solid rgba(210,222,218,.9);border-radius:24px;background:#ffffffeb;box-shadow:0 20px 50px #1e463e14}.measurement-card,.results-card{padding:26px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading h2{margin-bottom:0;font-size:1.35rem;letter-spacing:-.025em}.status{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid #cbe3db;border-radius:999px;color:var(--accent-dark);background:#edf8f4;font-size:.78rem;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:#2e9a78;box-shadow:0 0 0 4px #2e9a781f}.status--requesting{border-color:#ead8b9;color:#755321;background:#fff8ea}.status--requesting .status-dot{background:#d5933d;box-shadow:0 0 0 4px #d5933d21}.status--error{border-color:#efd0ce;color:#943f3b;background:#fff2f1}.status--error .status-dot{background:#c95752;box-shadow:0 0 0 4px #c957521f}.camera-placeholder{--compensation-border: transparent;position:relative;display:grid;min-height:410px;place-items:center;overflow:hidden;border:1px solid #314b47;border-radius:18px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 45%,#294944,#172d2a 72%);background-size:34px 34px,34px 34px,auto}.camera-placeholder--compensation-stable{--compensation-border: #16a875;border-color:#16a875}.camera-placeholder--compensation-caution{--compensation-border: #ed940f;border-color:#ed940f}.camera-placeholder--compensation-excessive{--compensation-border: #df3f38;border-color:#df3f38}.camera-placeholder:before{position:absolute;inset:0;z-index:7;box-sizing:border-box;border:8px solid var(--compensation-border);border-radius:inherit;content:"";pointer-events:none;transition:border-color .15s ease,box-shadow .15s ease}.camera-placeholder--compensation-stable:before{box-shadow:inset 0 0 14px #32b48729}.camera-placeholder--compensation-caution:before{box-shadow:inset 0 0 16px #f0a12e33}.camera-placeholder--compensation-excessive:before{box-shadow:inset 0 0 18px #e34f473d}.compensation-guidance{display:flex;align-items:center;gap:11px;box-sizing:border-box;height:58px;min-height:58px;margin:12px 0 10px;padding:8px 12px;overflow:hidden;border:2px solid #d6e2df;border-radius:12px;background:#f6f9f8;color:#405b55;font-size:.84rem;font-weight:750;line-height:1.25;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.compensation-guidance__copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.compensation-guidance__copy strong,.compensation-guidance__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compensation-guidance__copy strong{font-size:.84rem;line-height:1.2}.compensation-guidance__copy small{color:currentColor;font-size:.68rem;font-weight:600;line-height:1.25;opacity:.8}.compensation-guidance__indicator{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:50%;background:#849b95;color:#fff;font-size:.85rem;font-weight:900;line-height:1}.compensation-guidance--stable{border-color:#a8ddcc;background:#f1faf7;color:#17684f}.compensation-guidance--stable .compensation-guidance__indicator{background:#16a875;box-shadow:0 0 0 3px #16a87524}.compensation-guidance--caution{border-color:#f1c97e;background:#fff9ed;color:#805109}.compensation-guidance--caution .compensation-guidance__indicator{background:#ed940f;box-shadow:0 0 0 3px #ed940f26}.compensation-guidance--excessive{border-color:#edaaa6;background:#fff5f4;color:#8a302c}.compensation-guidance--excessive .compensation-guidance__indicator{background:#df3f38;box-shadow:0 0 0 3px #df3f3824}.compensation-guidance--finalized{visibility:hidden;pointer-events:none}.camera-placeholder:after{position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(120,217,189,.75),transparent);content:""}.camera-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity .18s ease}.camera-placeholder--active .camera-video{opacity:1}.pose-canvas{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;visibility:visible;pointer-events:none}.pose-status{position:absolute;top:16px;left:50%;z-index:5;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid rgba(216,229,225,.74);border-radius:999px;color:#f5fbf9;background:#0e2b26c7;box-shadow:0 5px 16px #05181433;font-size:.75rem;font-weight:700;white-space:nowrap;transform:translate(-50%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.pose-status>span{width:7px;height:7px;border-radius:50%;background:#f0a15b}.pose-status--detected>span{background:#76e5c5;box-shadow:0 0 0 4px #76e5c529}.pose-status--error>span{background:#ef8a82}.pose-debug-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:5px 16px;width:100%;padding:12px 14px;border:1px solid rgba(156,213,198,.38);border-radius:10px;color:#dceee9;background:#17332e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;line-height:1.45}.debug-disclosure{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding-top:12px}.debug-toggle{padding:6px 10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:#fff;font-size:.75rem;font-weight:700;cursor:pointer}.debug-toggle:hover{color:var(--text);border-color:#aac4bd}.debug-toggle:focus-visible{outline:3px solid rgba(240,161,91,.45);outline-offset:2px}.pose-debug-panel__error{overflow:hidden;color:#ffaaa3;text-overflow:ellipsis;white-space:nowrap}.movement-quality{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfa}.framing-assistance{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:12px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#f8fbfa}.framing-assistance>span{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#8ea09c}.framing-assistance strong{display:block;margin-bottom:2px;font-size:.72rem;letter-spacing:.04em}.framing-assistance p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.35}.framing-assistance--ready>span{background:#2e9a78;box-shadow:0 0 0 4px #2e9a781f}.framing-assistance--needs_framing{border-color:#ead8b9;background:#fffaf0}.framing-assistance--needs_framing>span{background:#d5933d}.framing-assistance--tracking_lost{border-color:#efd0ce;background:#fff7f6}.framing-assistance--tracking_lost>span{background:#c95752}.movement-quality__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.movement-quality__heading h3{margin:0;font-size:.88rem}.movement-quality__heading>span{color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase}.movement-quality__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.movement-quality__metric{min-width:0;padding:10px;border:1px solid #e1eae7;border-radius:10px;background:#fff}.movement-quality__metric>span,.movement-quality__metric>small{display:block;overflow:hidden;color:var(--muted);font-size:.66rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.movement-quality__metric strong{display:block;margin:4px 0 2px;color:var(--ink);font-size:1rem}.movement-quality__unavailable{margin:10px 0 0;color:#8d4540;font-size:.72rem}.camera-placeholder__content{z-index:1;padding:24px;color:#f0f7f5;text-align:center}.camera-placeholder__content p{margin:18px 0 6px;font-weight:600}.camera-placeholder__content>span{color:#a9c0ba;font-size:.85rem}.camera-icon{position:relative;width:62px;height:46px;margin:0 auto;border:2px solid #8dd0bd;border-radius:14px;background:#8dd0bd14}.camera-icon:before{position:absolute;top:50%;left:50%;width:17px;height:17px;border:2px solid #8dd0bd;border-radius:50%;content:"";transform:translate(-50%,-50%)}.camera-icon:after{position:absolute;top:8px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--warm);content:""}.camera-icon span{position:absolute;top:-8px;left:12px;width:21px;height:8px;border:2px solid #8dd0bd;border-bottom:0;border-radius:7px 7px 0 0}.frame-corner{position:absolute;z-index:4;width:32px;height:32px;border-color:#b5e6d78c;border-style:solid}.frame-corner--top-left{top:18px;left:18px;border-width:2px 0 0 2px;border-radius:8px 0 0}.frame-corner--top-right{top:18px;right:18px;border-width:2px 2px 0 0;border-radius:0 8px 0 0}.frame-corner--bottom-left{bottom:18px;left:18px;border-width:0 0 2px 2px;border-radius:0 0 0 8px}.frame-corner--bottom-right{right:18px;bottom:18px;border-width:0 2px 2px 0;border-radius:0 0 8px}.measurement-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px}.action-title{margin-bottom:4px;font-weight:700}.action-copy{margin-bottom:0;color:var(--muted);font-size:.86rem}.measurement-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:12px;color:#fff;background:var(--accent);box-shadow:0 9px 18px #146c5d33;font-weight:700;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.measurement-actions button:hover{background:var(--accent-dark);box-shadow:0 11px 22px #146c5d45;transform:translateY(-1px)}.measurement-actions button:focus-visible{outline:3px solid rgba(240,161,91,.55);outline-offset:3px}.measurement-actions button:disabled{cursor:wait;opacity:.65;box-shadow:none;transform:none}.measurement-actions .camera-button--stop{background:#8d4540;box-shadow:0 9px 18px #8d45402e}.measurement-actions .camera-button--stop:hover{background:#743934;box-shadow:0 11px 22px #8d45403d}.button-icon{position:relative;width:16px;height:12px;border:1.5px solid currentColor;border-radius:4px}.button-icon:after{position:absolute;top:2px;right:-5px;width:5px;height:6px;border:1.5px solid currentColor;border-left:0;border-radius:0 3px 3px 0;content:""}.results-list{display:grid;gap:10px}.result-item{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px 16px;border:1px solid #e3ebe8;border-radius:14px;background:#fafcfb}.result-item p{margin-bottom:0;color:var(--muted);font-size:.86rem;font-weight:600}.result-item>div{display:flex;align-items:baseline;gap:5px}.result-item strong{font-family:inherit;font-size:1.7rem;line-height:1}.result-item--current{min-height:104px;border-color:#b9ded3;background:#f0faf7}.result-item--current p{color:var(--accent-dark)}.result-item--current strong{color:var(--accent-dark);font-size:2.75rem}.result-item span{color:#94a29f;font-size:.7rem}.measurement-complete{display:grid;min-height:270px;padding:28px 20px;place-content:center;justify-items:center;border:2px solid #62b69d;border-radius:18px;color:var(--accent-dark);background:radial-gradient(circle at 50% 15%,rgba(118,229,197,.24),transparent 48%),#effaf6;text-align:center}.measurement-complete__check{display:grid;width:42px;height:42px;margin-bottom:12px;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:1.25rem;font-weight:800}.measurement-complete>p:first-of-type{margin-bottom:18px;font-size:1rem;font-weight:800;letter-spacing:.02em}.measurement-complete>div>span{display:block;margin-bottom:6px;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.measurement-complete>div>strong{display:block;font-size:clamp(3.6rem,8vw,5rem);line-height:.95;letter-spacing:-.06em}.measurement-complete .measurement-complete__instruction{margin:22px 0 0;color:var(--ink);font-size:.92rem;font-weight:700}.endpoint-countdown{display:grid;min-height:150px;margin-top:14px;padding:18px;place-content:center;justify-items:center;border:1px solid #e5c18e;border-radius:16px;color:#71491f;background:#fff8ed}.endpoint-countdown>span{font-size:.88rem;font-weight:800}.endpoint-countdown>strong{margin-top:4px;font-size:4rem;line-height:1}.results-empty{display:grid;min-height:260px;margin-top:14px;padding:30px 18px;place-content:center;justify-items:center;border:1px dashed #d5e2de;border-radius:16px;background:linear-gradient(150deg,#fbfdfc,#f5faf8);text-align:center}.results-empty__graphic{display:flex;align-items:end;gap:5px;height:44px;margin-bottom:18px}.results-empty__graphic span{width:7px;border-radius:5px 5px 2px 2px;background:#b7d9cf}.results-empty__graphic span:nth-child(1){height:16px}.results-empty__graphic span:nth-child(2){height:31px;background:#7dbca9}.results-empty__graphic span:nth-child(3){height:23px}.results-empty__graphic span:nth-child(4){height:40px;background:var(--warm)}.results-empty h3{margin-bottom:8px;font-size:1rem}.results-empty p{max-width:245px;margin-bottom:0;color:var(--muted);font-size:.84rem;line-height:1.55}.results-empty--warning{min-height:180px;border-color:#e5caaa;background:#fffaf2}.results-empty--warning h3{color:#7b5428}.rom-live-note{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;margin-top:14px;border:1px solid #d4e8e2;border-radius:14px;color:var(--accent-dark);background:#f8fcfa;font-size:.82rem;font-weight:700}.rom-live-note span{width:7px;height:7px;border-radius:50%;background:#2e9a78;box-shadow:0 0 0 4px #2e9a781f}.history-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.history-comparison>div{padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#f8fbfa}.history-comparison span{display:block;margin-bottom:3px;color:var(--muted);font-size:.72rem}.history-comparison strong{color:var(--text);font-size:1rem}.baseline-established{grid-column:1 / -1;margin:0;color:var(--accent);font-size:.78rem;font-weight:700}.recent-history{padding-top:20px;border-top:1px solid var(--border)}.recent-history__heading,.recent-history li{display:flex;align-items:center;justify-content:space-between;gap:12px}.recent-history__heading h3{margin:0;font-size:.88rem}.recent-history__heading button{padding:4px 7px;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:transparent;font-size:.68rem;cursor:pointer}.recent-history ol{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.recent-history li{color:var(--muted);font-size:.76rem}.recent-history li strong{color:var(--text)}.history-storage-debug{margin:10px 0 0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem}footer{padding-top:22px;color:#7c8e8a;font-size:.75rem;text-align:center}footer p{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.app-shell{width:min(100% - 32px,680px);padding-top:32px}.workspace{grid-template-columns:1fr}.camera-placeholder{min-height:360px}}@media(max-width:520px){.app-shell{width:min(100% - 24px,460px);padding-top:24px}.app-header{margin-bottom:24px}.brand-mark{width:46px;height:46px;flex-basis:46px;border-radius:15px}.measurement-card,.results-card{padding:19px;border-radius:20px}.camera-placeholder{min-height:290px}.measurement-actions{align-items:stretch;flex-direction:column}.measurement-actions button{width:100%}.movement-quality__metrics{grid-template-columns:1fr}.movement-quality__metric{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.movement-quality__metric strong{margin:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}