@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#243421;background:#fffaf2;font-synthesis:none;--orange: #f67d09;--orange-dark: #d95e00;--green: #46b718;--ink: #243421;--cream: #fffaf2;--line: #e8dfd1}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 18%,#fff1d2 0,transparent 28%),var(--cream)}button{font:inherit}button:focus-visible{outline:4px solid #bde893;outline-offset:3px}.app-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding-bottom:30px}.topbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{width:146px;height:82px;object-fit:contain;object-position:50% 88%}.privacy-pill{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;color:#6b7468;background:#fff;border:1px solid var(--line);font-size:.82rem;font-weight:800}.privacy-dot{width:9px;height:9px;border-radius:50%;background:#a5aaa3}.privacy-pill.live .privacy-dot{background:var(--green);box-shadow:0 0 0 5px #daf4cf}.hero{display:grid;grid-template-columns:1fr 260px;align-items:end;gap:60px;padding:54px 0 35px}.eyebrow{margin:0 0 9px;color:var(--green);letter-spacing:.16em;font-size:.76rem;font-weight:900}h1,h2{font-family:"Baloo 2",system-ui,sans-serif}h1{margin:0;font-size:clamp(3rem,6vw,5.5rem);line-height:.91;letter-spacing:-.045em;color:var(--orange)}.intro>p:last-child{max-width:590px;margin:18px 0 0;color:#647060;font-size:1.02rem;line-height:1.6}.counter-card{min-height:178px;padding:18px 25px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:28px;background:var(--ink);color:#fff;box-shadow:0 16px 35px #31452a22}.counter-card span{text-transform:uppercase;letter-spacing:.18em;color:#bde893;font-size:.73rem;font-weight:900}.counter-card strong{font-family:"Baloo 2";font-size:5rem;line-height:1}.text-button{border:0;background:none;color:#fff;opacity:.7;cursor:pointer;font-size:.75rem}.text-button:disabled{opacity:.25;cursor:default}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:24px;align-items:start}.camera-card,.diagnostics,.avatar-card{padding:16px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 15px 45px #5335130b}.camera-stage{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:18px;background:#e9ecdf}.camera-stage video,.camera-stage canvas{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-stage canvas{pointer-events:none}.camera-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#717a6e}.camera-empty strong{color:var(--ink);font-family:"Baloo 2";font-size:1.35rem}.camera-empty span{font-size:.86rem}.camera-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:5px;color:var(--orange);border-radius:50%;background:#fff5e5;font-size:2rem}.calibration-overlay{position:absolute;inset:auto 18px 18px;padding:18px 20px;border-radius:15px;background:#243421e8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.calibration-overlay strong{display:block;font-family:"Baloo 2";font-size:1.3rem}.calibration-overlay span{font-size:.82rem;color:#d4e4cf}.calibration-overlay div{height:6px;margin-top:10px;overflow:hidden;border-radius:5px;background:#ffffff24}.calibration-overlay i{display:block;height:100%;border-radius:inherit;background:#8fe03e;transition:width .1s linear}.actions{display:flex;justify-content:center;padding:16px 0 3px}.primary-button{min-width:210px;padding:14px 25px;border:0;border-radius:15px;background:linear-gradient(#ff941d,var(--orange));color:#fff;box-shadow:0 5px 0 var(--orange-dark);font-weight:900;cursor:pointer}.primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--orange-dark)}.primary-button:disabled{filter:grayscale(.8);opacity:.55;cursor:default}.error-message{margin:14px 0 0;color:#b43b21;text-align:center;font-weight:700}.side-column{display:grid;gap:24px}.avatar-card{overflow:hidden;padding:22px 24px 16px;background:linear-gradient(145deg,#fff8e9,#f0f9e9)}.avatar-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.avatar-heading h2{margin:0;font-size:1.55rem;line-height:1}.avatar-heading>span{padding:7px 10px;border-radius:999px;background:#fff;color:var(--orange-dark);font-size:.68rem;font-weight:900;box-shadow:0 3px 12px #70431312}.sprite-stage{position:relative;width:min(100%,168px);aspect-ratio:3 / 5;margin:10px auto 4px;transition:transform .12s ease}.sprite{position:absolute;z-index:1;inset:0;background-repeat:no-repeat;background-size:500% 100%}.sprite-shadow{position:absolute;left:16%;right:16%;bottom:1%;height:7%;border-radius:50%;background:#34452924;filter:blur(5px);transition:transform .12s ease,opacity .12s ease}.sprite-frame-1{transform:translateY(8px) scaleY(.97)}.sprite-frame-2,.sprite-frame-3{transform:translateY(-8px)}.sprite-frame-2 .sprite-shadow,.sprite-frame-3 .sprite-shadow{transform:scale(.7);opacity:.45}.sprite-frame-4{animation:avatar-land .22s ease-out}.avatar-hint{margin:7px auto 0;max-width:270px;color:#687363;text-align:center;font-size:.78rem;line-height:1.4}.diagnostics{padding:24px}@keyframes avatar-land{0%{transform:translateY(-8px)}65%{transform:translateY(6px) scaleY(.96)}to{transform:none}}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:10px;padding-bottom:17px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0;font-size:1.6rem;line-height:1}.status-badge{flex:none;padding:7px 10px;border-radius:999px;background:#eceeea;color:#687064;font-size:.68rem;font-weight:900}.status-calibrated{background:#e3f7d7;color:#2c8310}.status-tracking{background:#fff0d6;color:#b45d00}dl{margin:10px 0 20px}dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 2px;border-bottom:1px dashed var(--line)}dt{color:#6b7468;font-size:.86rem}dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);font-size:.86rem;font-weight:800}.tip{padding:16px;border-radius:15px;background:#f0f8e9}.tip span{color:var(--green);font-size:.67rem;font-weight:900;letter-spacing:.15em}.tip p{margin:5px 0 0;color:#596653;font-size:.82rem;line-height:1.45}footer{padding:26px 0 0;color:#828b7e;text-align:center;font-size:.75rem}@media(max-width:800px){.app-shell{width:min(100% - 24px,620px)}.topbar{min-height:90px}.brand{width:115px;height:68px}.privacy-pill{font-size:0;padding:11px}.privacy-pill:after{content:"Local";font-size:.75rem}.hero{grid-template-columns:1fr 130px;gap:16px;padding:34px 0 24px}h1{font-size:clamp(2.7rem,13vw,4rem)}.intro>p:last-child{font-size:.9rem}.counter-card{min-height:145px;border-radius:22px}.counter-card strong{font-size:4rem}.workspace{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr;align-items:start}}@media(max-width:510px){.hero{grid-template-columns:1fr}.counter-card{min-height:110px;flex-direction:row;gap:18px}.counter-card strong{font-size:3.6rem}.counter-card .text-button{position:absolute;margin-top:72px}.camera-stage{aspect-ratio:3 / 4}.side-column{grid-template-columns:1fr}.sprite-stage{width:min(100%,150px)}}