:root{--ink:#1b302c;--muted:#718079;--line:#e6eae5;--bg:#f5f6f2;--paper:#fff;--green:#256653;--green2:#37866b;--mint:#e8f3ed;--mint2:#d4e9dc;--amber:#a87625;--amberbg:#fcf4e7;--red:#a94d43;--redbg:#fff1ee;--shadow:0 10px 35px rgba(28,49,42,.045)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #76ad94;outline-offset:2px}.app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
    .sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:25px 17px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;margin:0 9px 34px;text-decoration:none;color:var(--ink)}.brand-mark{height:34px;width:34px;background:var(--green);color:white;border-radius:11px;display:grid;place-items:center;font:800 20px Manrope}.brand-name{font:800 20px Manrope;letter-spacing:-.9px}.nav-caption{margin:0 10px 9px;color:#9aa49e;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.1px}.nav{display:grid;gap:4px}.nav button{border:0;background:transparent;color:#65736d;text-align:left;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;font-weight:600}.nav button:hover{background:#f6f8f5}.nav button.active{background:var(--mint);color:var(--green)}.nav-ico{font-size:16px;width:18px;text-align:center}.sidebar-bottom{margin-top:auto}.privacy-mini{padding:13px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:11px;line-height:1.55}.privacy-mini strong{display:block;color:var(--ink);font-size:12px;margin:0 0 3px}.user-mini{display:flex;align-items:center;gap:10px;padding:18px 8px 3px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e4efe8;color:var(--green);font-weight:700}.user-name{font-weight:700;font-size:12px}.user-plan{font-size:10px;color:var(--muted)}
    .main{min-width:0}.topbar{height:68px;padding:0 clamp(20px,4vw,52px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#ffffffc9}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb b{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:13px}.icon-button{height:36px;min-width:36px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#64736d}.help-link{border:0;background:none;color:var(--muted);font-size:12px}.content{max-width:1400px;margin:0 auto;padding:30px clamp(18px,4vw,52px) 44px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.15px;color:var(--green);margin-bottom:8px}.welcome h1{font:700 clamp(25px,3vw,32px) Manrope,sans-serif;letter-spacing:-1.15px;margin:0}.welcome p{margin:7px 0 0;color:var(--muted);font-size:13px}.date-badge{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:#6e7b74;font-size:11px}
    #authGate{min-height:100vh;place-items:center;padding:24px;background:var(--bg)}#authGate:not([hidden]){display:grid}.auth-gate-card{width:min(100%,440px);padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.auth-gate-card h1{font:700 26px Manrope,sans-serif;margin:0}.auth-gate-card p{margin:10px 0 20px;color:var(--muted);line-height:1.6}.auth-gate-card .primary{font-size:13px;padding:12px 18px}.auth-pending{color:var(--muted);font-size:11px;margin-top:12px}html.auth-enabled .app{display:none}
    .notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #eadfc7;border-radius:11px;background:#fffaf0;padding:11px 13px;margin-bottom:16px;color:#756548;font-size:11px;line-height:1.5}.notice-icon{font-size:15px;color:var(--amber)}.notice strong{color:#584622}
    .layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.82fr);gap:17px;align-items:start}.left-col,.right-col{display:grid;gap:15px;min-width:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);min-width:0}.card-head{padding:17px 19px 13px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.card-title{font:700 15px Manrope,sans-serif;margin:0;letter-spacing:-.15px}.card-desc{margin:4px 0 0;color:var(--muted);font-size:11px}.live-state{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:20px;color:#78857e;text-transform:uppercase;letter-spacing:.65px;font-size:9px;font-weight:700;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#aab4ad}.live-dot.ready{background:#49a477;box-shadow:0 0 0 3px #e5f3e9}.live-dot.warn{background:#d59c40;box-shadow:0 0 0 3px #fff2dc}.live-dot.active{background:#45a574;box-shadow:0 0 0 3px #def1e5;animation:pulse 1.5s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #def1e500}}
    .exercise-topline{display:flex;align-items:center;gap:8px}.plan-chip{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#67786d;background:#f0f4f0;padding:5px 7px;border-radius:6px}.stage{position:relative;margin:0 16px;aspect-ratio:16/9;min-height:270px;max-height:470px;border-radius:11px;overflow:hidden;background:#202a27;display:grid;place-items:center}.stage video{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:none}.stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#273732 0%,#1b2522 82%);display:grid;place-items:center}.setup-message{color:#fff;text-align:center;max-width:330px;padding:22px;position:relative;z-index:1}.cam-icon{width:48px;height:48px;border:1px solid #ffffff24;border-radius:15px;margin:0 auto 13px;display:grid;place-items:center;color:#bfe5d1;font-size:20px;background:#ffffff0b}.setup-message h3{font:700 14px Manrope;margin:0 0 6px}.setup-message p{font-size:11px;color:#b9c5bf;line-height:1.55;margin:0 0 14px}.primary,.secondary,.quiet{border:0;border-radius:8px;padding:10px 14px;font-weight:700;font-size:11px;transition:background .16s,transform .16s}.primary{background:var(--green);color:#fff}.primary:hover{background:#1d5545;transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{background:var(--mint);color:var(--green)}.secondary:hover{background:#d7ecdf}.quiet{background:transparent;color:#6e7d75}.quiet:hover{background:#f1f4f1}.frame-guide{position:absolute;z-index:1;inset:8% 34%;border:1px dashed #d7ebe085;border-radius:42% 42% 23% 23%;pointer-events:none;opacity:.54}.frame-guide:before{content:'';position:absolute;left:50%;top:10%;transform:translateX(-50%);height:16%;aspect-ratio:1;border:1px solid #d7ebe0;border-radius:50%}.frame-guide:after{content:'';position:absolute;left:22%;right:22%;top:30%;bottom:7%;border:1px solid #d7ebe0;border-radius:45% 45% 8% 8%}.stage.wave-mode .frame-guide{inset:19% 27% 22%;border-radius:22px;opacity:.42}.stage.wave-mode .frame-guide:before{top:5%;height:17%}.stage.wave-mode .frame-guide:after{top:31%;bottom:8%;left:18%;right:18%;border-radius:30% 30% 8% 8%}.stage-instructions{position:absolute;bottom:12px;left:12px;z-index:2;background:#111a17c9;border:1px solid #ffffff20;border-radius:8px;padding:8px 10px;color:#fff;font-size:10px;max-width:72%;display:none}.stage-instructions.show{display:block}.stage-instructions strong{display:block;font-size:10px;margin-bottom:2px}.stage-instructions span{color:#d0d9d4}.stage-counter{position:absolute;z-index:2;top:12px;right:12px;background:#fff;border-radius:10px;padding:7px 11px;min-width:65px;text-align:center;display:none;box-shadow:0 3px 12px #0002}.stage-counter.show{display:block}.stage-counter strong{font:800 20px Manrope;display:block;line-height:1.1}.stage-counter span{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.stage-stop{position:absolute;z-index:2;top:12px;left:12px;display:none;background:#a84237;color:#fff;border:0;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.stage-stop.show{display:block}.camera-meta{display:flex;align-items:center;gap:8px;color:#bdc9c2;font-size:9px;position:absolute;right:12px;bottom:12px;z-index:2}.camera-meta .secure{color:#a2d6b9}
    .camera-controls{padding:13px 17px 15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.camera-controls .primary{min-width:128px}.camera-device{max-width:170px;border:1px solid var(--line);background:#fff;color:#52625a;border-radius:8px;padding:9px 27px 9px 10px;font-size:10px}.controls-note{margin-left:auto;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:5px}.control-divider{height:28px;width:1px;background:var(--line);margin:0 2px}.setup-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 17px 15px}.setup-tip{border-radius:9px;background:#f7f9f6;padding:9px 10px;display:flex;align-items:flex-start;gap:8px;min-width:0}.setup-tip i{width:18px;height:18px;border-radius:50%;flex:0 0 18px;display:grid;place-items:center;background:#e6f1e9;color:var(--green);font-style:normal;font-size:9px;font-weight:700}.setup-tip b{display:block;font-size:10px;margin-bottom:2px}.setup-tip span{font-size:9px;color:var(--muted);line-height:1.4}.camera-status-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 17px 13px;padding:8px 10px;border-radius:8px;background:#f6f8f5;color:#708077;font-size:10px}.camera-status-line .status-copy{display:flex;align-items:center;gap:7px}.status-symbol{width:7px;height:7px;border-radius:50%;background:#aab4ad}.camera-status-line[data-state="good"]{background:#edf7f0;color:#39715a}.camera-status-line[data-state="good"] .status-symbol{background:#55a577}.camera-status-line[data-state="bad"]{background:#fff5e7;color:#8b682c}.camera-status-line[data-state="bad"] .status-symbol{background:#d5a44f}
    .checkin-card{padding:17px 18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-head h2{font:700 14px Manrope;margin:0}.optional{font-size:9px;color:#87938b}.checkin-intro{font-size:10px;color:var(--muted);margin:5px 0 13px}.field-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:700;color:#526159;margin:13px 0 7px}.field-value{color:var(--green);font-weight:600}.rating{display:flex;gap:5px}.rating button{flex:1;min-width:0;padding:7px 0;border:1px solid var(--line);border-radius:7px;background:#fff;color:#68766e;font-size:10px;font-weight:600}.rating button:hover{border-color:#a4c3b1}.rating button[aria-pressed="true"]{background:var(--mint);color:var(--green);border-color:#8fb9a0}.rating.pain button[aria-pressed="true"]{background:var(--redbg);border-color:#e4aba3;color:var(--red)}.scale-labels{display:flex;justify-content:space-between;font-size:9px;color:#9aa39d;margin-top:4px}.note-input{width:100%;min-height:57px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:10px;color:var(--ink);background:#fff}.checkin-actions{display:flex;align-items:center;gap:8px;margin-top:11px}.checkin-actions .primary{flex:1}.checkin-feedback{font-size:9px;color:var(--green);margin-left:auto}.pain-note{display:none;margin-top:9px;padding:9px 10px;border-radius:8px;background:var(--amberbg);color:#795c2e;font-size:10px;line-height:1.45}.pain-note.show{display:block}
    .coach-card{padding:15px 16px;background:#eef6f0;border-color:#dcebe0}.coach-head{display:flex;align-items:center;gap:9px}.coach-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#dbece1;color:var(--green);font-size:13px}.coach-head h2{font:700 13px Manrope;margin:0}.coach-copy{margin:9px 0 0;color:#50645a;font-size:10px;line-height:1.55}.coach-foot{font-size:9px;color:#83948a;margin-top:8px}
    .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:12px 14px}.stat-label{text-transform:uppercase;letter-spacing:.7px;font-size:9px;color:#87938b;font-weight:700}.stat-value{font:700 21px Manrope;letter-spacing:-.4px;margin-top:4px}.stat-foot{font-size:9px;color:#89958e;margin-top:2px}.lower{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:15px;margin-top:16px}.panel{padding:16px 18px}.panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel-top h2{font:700 14px Manrope;margin:0}.panel-top p{font-size:10px;color:var(--muted);margin:4px 0 0}.legend{display:flex;gap:11px;font-size:9px;color:#77847d;white-space:nowrap}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.chart-empty{height:106px;border-bottom:1px solid var(--line);margin-top:10px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 34px,#edf0ec 35px)}.chart-empty svg{width:100%;height:100%;position:absolute;inset:0}.chart-empty-note{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#94a098;font-size:10px}.chart-labels{display:flex;justify-content:space-between;color:#9aa39d;font-size:9px;margin-top:7px}.report-card{background:#fffdf8;border-color:#eee8db}.report-icon{width:36px;height:38px;border-radius:9px;background:#f7edda;color:#9f732a;display:grid;place-items:center;font-size:17px;flex:0 0 auto}.report-summary{display:flex;align-items:center;gap:10px;margin-top:14px}.report-name{font-size:11px;font-weight:700}.report-name small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:400}.report-actions{display:flex;gap:7px;margin-top:13px}.report-actions button{flex:1}.report-foot{font-size:9px;color:#90998f;line-height:1.5;margin-top:10px}.recent-card{margin-top:16px;padding:16px 18px}.recent-header{display:flex;justify-content:space-between;align-items:center}.recent-header h2{font:700 14px Manrope;margin:0}.recent-header button{border:0;background:none;color:var(--green);font-size:10px;font-weight:700}.session-list{display:grid;gap:8px;margin-top:12px}.empty-sessions{text-align:center;border:1px dashed #dce3dc;border-radius:10px;padding:18px;color:#819087;font-size:10px}.session-row{display:flex;align-items:center;gap:12px;border:1px solid #edf0ec;border-radius:9px;padding:10px 12px}.session-date{width:38px;text-align:center;color:var(--green);font-size:9px;font-weight:700}.session-date strong{display:block;font:700 15px Manrope}.session-main{flex:1}.session-main b{display:block;font-size:10px}.session-main span{color:var(--muted);font-size:9px}.session-pain{border-radius:7px;background:#f5f7f3;padding:5px 8px;font-size:9px;color:#66756d}.footer-disclaimer{font-size:9px;color:#929d95;line-height:1.5;margin:14px 0 0}
    .dialog{border:1px solid var(--line);border-radius:16px;max-width:610px;width:calc(100% - 28px);padding:0;box-shadow:0 24px 80px #0c271d36;color:var(--ink)}.dialog::backdrop{background:#13251ed1;backdrop-filter:blur(3px)}.dialog-inner{padding:22px 24px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.dialog-head h2{font:700 20px Manrope;margin:0}.dialog-content{font-size:12px;color:#55645c;line-height:1.65;margin:15px 0}.dialog-content h3{font:700 12px Manrope;color:var(--ink);margin:15px 0 5px}.dialog-content ul{padding-left:18px;margin:4px 0}.dialog-actions{display:flex;gap:8px}.dialog-actions button{flex:1}.dialog-foot{font-size:9px;color:#8b968e;line-height:1.5;margin-top:11px}.close-btn{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;color:#68766e;font-size:10px;font-weight:700}.mobile-nav{display:none}.toast{position:fixed;z-index:10;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;transition:.2s;background:#20372e;color:#fff;padding:10px 15px;border-radius:9px;box-shadow:0 9px 26px #101c1733;font-size:11px;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
    .angle-card{margin-top:14px}.angle-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.angle-cell{padding:10px 11px;background:#f7f9f6;border-radius:9px;min-width:0}.angle-cell span{display:block;color:#77857d;font-size:9px;line-height:1.35}.angle-cell strong{display:block;font:700 18px Manrope;margin-top:4px;white-space:nowrap}.angle-footnote,.goal-hint{font-size:10px;color:#87938b;line-height:1.5;margin-top:10px}.angle-empty{grid-column:1/-1;color:var(--muted);font-size:11px;padding:6px 2px}.angle-live{font-size:10px;color:#376f58;font-weight:700;white-space:nowrap}.legend-dash{display:inline-block;width:13px;border-top:2px dashed #d9a34b;margin-right:4px;vertical-align:middle}.analysis-summary{font-size:10px;line-height:1.55;color:#5d6b63;padding:10px 11px;margin-top:10px;background:#f7f9f6;border-radius:8px}.analysis-summary b{color:var(--ink)}.analysis-summary .trend-row{margin-top:4px}.analysis-summary .trend-flag{color:#8b662e}.calibration-warning{padding:10px 11px;margin:11px 0;background:#fff7e9;border-radius:8px;color:#765d31;font-size:10px;line-height:1.5}.calibration-warning strong{display:block;color:#5f4a26;margin-bottom:2px}.calibration-fields{display:grid;grid-template-columns:1fr auto;gap:10px 9px;align-items:end;margin-top:14px}.calibration-fields label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#526159}.calibration-fields input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:500 14px 'DM Sans',sans-serif;color:var(--ink);background:#fff}.capture-angle{min-height:36px;white-space:nowrap}.goal-hint{grid-column:1/-1;margin:0 0 2px}.calibration-source{font-size:10px;color:var(--muted);padding:9px 10px;margin-top:12px;background:#f6f8f5;border-radius:8px}.chart-labels span{font-variant-numeric:tabular-nums}    @media(max-width:1060px){.app{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:22px 9px}.brand{justify-content:center;margin:0 0 27px}.brand-name,.nav-caption,.nav-label,.privacy-mini,.user-copy{display:none}.nav button{justify-content:center;padding:12px 8px}.nav-ico{font-size:17px}.user-mini{justify-content:center;padding:16px 0 0}.layout{grid-template-columns:1fr}.right-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.coach-card{grid-column:span 2}.lower{grid-template-columns:1fr 1fr}}
    @media(max-width:650px){.app{display:block}.sidebar{display:none}.topbar{height:56px;padding:0 15px}.content{padding:21px 13px 82px}.welcome{align-items:flex-start}.welcome h1{font-size:25px}.date-badge{display:none}.layout{gap:12px}.stage{aspect-ratio:4/3;min-height:230px;margin:0 10px}.camera-controls{padding:11px 11px 12px}.camera-controls .primary{flex:1}.camera-device{max-width:100%;flex:1}.controls-note{width:100%;margin:2px 0 0}.setup-row{grid-template-columns:1fr;padding:0 11px 12px;gap:5px}.setup-tip{padding:7px 8px}.setup-tip span{font-size:9px}.card-head{padding:15px 14px 11px}.checkin-card{padding:15px}.stats{gap:6px}.stat{padding:10px}.stat-value{font-size:18px}.stat-foot{font-size:8px}.right-col{display:grid;grid-template-columns:1fr}.coach-card{grid-column:auto}.lower{grid-template-columns:1fr}.panel{padding:15px}.recent-card{padding:15px}.controls-note{justify-content:center}.mobile-nav{display:flex;position:fixed;z-index:8;bottom:0;left:0;right:0;padding:7px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;justify-content:space-around}.mobile-nav button{border:0;background:transparent;color:#76847d;font-size:9px;display:grid;gap:2px;justify-items:center}.mobile-nav button.active{color:var(--green)}.mobile-nav span{font-size:17px}.dialog-inner{padding:18px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
  @media(max-width:650px){.angle-values{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-status-line{flex-wrap:wrap;gap:6px 11px}.legend{font-size:8px;gap:7px}.calibration-fields{grid-template-columns:1fr auto}.capture-angle{font-size:9px;padding:8px}}
      .app-screen[hidden]{display:none!important}.app-screen{max-width:1080px;margin:0 auto;animation:screen-in .22s ease-out}@keyframes screen-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.screen-heading{margin:3px 0 24px}.screen-heading h1{font:700 clamp(26px,3vw,34px) Manrope,sans-serif;letter-spacing:-1px;margin:0}.screen-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.home-focus{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:214px;padding:30px 34px;background:linear-gradient(112deg,#f1f8f2 0%,#e6f2ea 65%,#d6eadc 100%);border-color:#dfebe1;margin:17px 0 18px}.home-focus>div:first-child{position:relative;z-index:1}.home-kicker{font-size:10px;letter-spacing:1px;font-weight:800;color:var(--green)}.home-focus h2{font:700 26px Manrope;letter-spacing:-.6px;margin:8px 0}.home-focus p{max-width:440px;font-size:12px;color:#687970;margin:0 0 17px;line-height:1.6}.home-focus button{padding:12px 16px;font-size:12px}.home-focus button span{padding-left:10px}.home-art{position:relative;width:205px;height:155px;flex:0 0 auto;border-radius:44% 56% 46% 54%;background:#d2e9d9aa;display:grid;place-items:center;transform:rotate(-7deg)}.home-art span{position:absolute;right:30px;top:19px;font-size:26px;color:#4b9873}.home-art i,.home-art b{display:block;position:absolute;border:2px solid #388367a6;border-radius:50%;width:60px;height:60px}.home-art i{width:92px;height:92px;border-color:#73ad86}.home-art b{width:29px;height:29px;background:#37866b;border-color:#37866b}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shortcut-card{min-height:98px;padding:15px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);box-shadow:var(--shadow);transition:transform .16s,border-color .16s}.shortcut-card:hover{transform:translateY(-2px);border-color:#c9ddd0}.shortcut-icon{width:36px;height:36px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:17px}.shortcut-card b{display:block;font-size:11px}.shortcut-card small{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:4px}.shortcut-arrow{margin-left:auto;color:#87a090;font-size:16px}.visit-guide{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;margin-top:13px;border:1px solid #e4eae4;border-radius:13px;background:#f8faf7;color:#5e6e64;font-size:12px;line-height:1.6}.visit-guide b{color:var(--ink)}.visit-guide p{margin:4px 0 0}.visit-guide-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--mint);color:var(--green);flex:0 0 auto}.app-screen .stats{margin-top:14px}.app-screen .angle-card{margin-top:14px}.app-screen .recent-card{margin-top:0}.mobile-nav{gap:0}.mobile-nav button{width:20%;max-width:92px;padding:5px 2px}.mobile-nav button span{font-size:16px}.mobile-nav button{font-size:8px;font-weight:600}.sidebar .nav{gap:6px}.sidebar .nav button{min-height:44px}.breadcrumb{min-width:0}.content{padding-top:28px}.app-screen>.card{margin-bottom:14px}
    @media(max-width:650px){.content{padding:18px 14px 98px}.screen-heading{margin:5px 2px 17px}.screen-heading h1{font-size:27px}.home-focus{margin:15px 0;padding:23px 20px;min-height:190px}.home-focus h2{font-size:22px}.home-art{position:absolute;width:132px;height:120px;right:-28px;bottom:-22px;opacity:.47}.home-focus>div:first-child{max-width:78%}.home-shortcuts{grid-template-columns:1fr;gap:8px}.shortcut-card{min-height:72px;padding:11px 12px}.app-screen .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.app-screen .stats .stat:last-child{grid-column:1/-1}.app-screen .card-head{padding:14px}.app-screen .stage{margin:0 10px;min-height:230px}.app-screen .camera-controls{flex-wrap:wrap}.app-screen .angle-values{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{justify-content:space-between;padding-left:2px;padding-right:2px}.mobile-nav button{max-width:none;width:20%;gap:2px}.breadcrumb{font-size:11px}.topbar{height:58px;padding:0 14px}.home-focus p{font-size:11px}}
    .progress-tools{display:grid;gap:14px;margin-top:14px}.plan-form{display:grid;gap:11px}.plan-form label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:600}.plan-form input,.plan-form textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:12px}.plan-form textarea{min-height:75px;resize:vertical}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-summary{padding:12px;border-radius:10px;background:#f2f7f3;color:var(--green);font-size:12px}.fine-print,.upload-hint{color:var(--muted);font-size:10px;line-height:1.5;margin:0}.upload-row{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;cursor:pointer}.media-list{display:grid;gap:8px;margin-top:10px}.document-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;font-size:11px}.document-item a{color:var(--green);font-weight:600;overflow-wrap:anywhere}.document-item small{color:var(--muted);margin-left:auto;white-space:nowrap}.text-action{border:0;background:none;color:var(--muted);font-size:10px;padding:4px}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.photo-item{overflow:hidden;border:1px solid var(--line);border-radius:11px}.photo-item>a{display:block;height:130px;background:#f2f4f1}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-item>div{display:grid;gap:3px;padding:8px}.photo-item b{font-size:11px}.photo-item small{font-size:9px;color:var(--muted)}.media-empty{padding:14px;border-radius:9px;background:#f8f9f7;color:var(--muted);font-size:11px}.app-screen .camera-controls #capturePhoto{padding:9px 12px;font-size:11px}.app-screen .camera-controls #capturePhoto:disabled{opacity:.5;cursor:not-allowed}
    .scan-status{margin-top:10px;color:var(--green);font-size:11px}.scan-review{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px}.scan-review summary{cursor:pointer;color:var(--green);font-size:11px;font-weight:700}.scan-review textarea{display:block;width:100%;min-height:150px;margin:9px 0;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:11px/1.5 'DM Sans',sans-serif;resize:vertical}.scan-review button{font-size:11px}
    .calibration-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.calibration-actions button{font-size:10px;padding:9px 11px}.auto-pose-card{display:flex;align-items:center;gap:15px;margin:14px 0;padding:15px;border:1px solid var(--line);border-radius:12px;background:#f8faf7}.auto-pose-illustration{width:84px;height:84px;flex:0 0 84px;display:grid;place-items:center;background:var(--mint);border-radius:12px;color:var(--green)}.auto-pose-illustration svg{width:70px;height:70px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.auto-pose-illustration .pose-arc{stroke:#c08e38;stroke-dasharray:3 4}.step-label{color:var(--green);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.auto-pose-card h3{margin:4px 0;font:700 14px Manrope}.auto-pose-card p{margin:0;color:var(--muted);font-size:11px}.auto-cal-status{min-height:36px;padding:10px 12px;border-radius:9px;background:#f2f7f3;color:var(--green);font-size:11px}.calibration-actions #startAutoCalibration{white-space:nowrap}
    @media(max-width:650px){.calibration-actions{max-width:165px}.auto-pose-card{align-items:flex-start;padding:11px}.auto-pose-illustration{width:62px;height:62px;flex-basis:62px}.auto-pose-illustration svg{width:55px;height:55px}}
    /* Formnote design system: native type, clear wayfinding, quiet surfaces, direct feedback. */
    :root{color-scheme:light;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--ink:#172d28;--muted:#586c63;--line:#dfe8e2;--bg:#f3f6f2;--paper:#fff;--green:#246b57;--green2:#347d66;--mint:#eaf4ed;--mint2:#d8eadf;--shadow:0 2px 5px rgba(21,49,37,.035),0 12px 32px rgba(21,49,37,.045);font-synthesis:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}
    body{font-family:var(--font-ui);font-size:1rem;line-height:1.5;background:radial-gradient(ellipse at 82% 0%,rgba(223,239,227,.62),transparent 36rem),var(--bg)}
    .brand-name,.welcome h1,.screen-heading h1,.card-title,.section-head h2,.home-focus h2,.panel-top h2,.stat-value,.auth-gate-card h1,.dialog-head h2,.recent-header h2,.auto-pose-card h3{font-family:var(--font-ui);font-optical-sizing:auto;letter-spacing:-.035em}
    .app{grid-template-columns:244px minmax(0,1fr)}
    .sidebar{background:rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-color:rgba(218,229,221,.82);padding:25px 15px 18px}
    .brand-mark{border-radius:12px;box-shadow:0 4px 12px rgba(36,107,87,.16)}
    .brand-name{font-size:20px;letter-spacing:-.06em}
    .brand-name,.nav-label{display:inline}
    .nav-caption{letter-spacing:.09em;color:#687b72}
    .nav button{position:relative;min-height:46px;border-radius:13px;padding:10px 12px;transition:background-color .16s ease,color .16s ease}
    .nav button.active{background:#eaf4ed;color:#1d644f}
    .nav button.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--green)}
    .nav button:active,.mobile-nav button:active,.shortcut-card:active{transform:scale(.985)}
    .topbar{position:sticky;top:0;z-index:6;height:64px;background:rgba(248,250,247,.78);backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%);border-bottom:1px solid rgba(215,226,218,.7);box-shadow:0 5px 18px rgba(24,48,37,.025)}
    .content{max-width:1320px;padding-top:34px;padding-bottom:48px}
    .welcome{margin-bottom:24px}
    .eyebrow{letter-spacing:.1em;color:#286c57}
    .welcome h1,.screen-heading h1{font-size:clamp(1.8rem,3.1vw,2.35rem);line-height:1.12;letter-spacing:-.045em}
    .welcome p,.screen-heading p{font-size:14px;line-height:1.55;color:#586c63}
    .date-badge{border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.78);font-size:12px}
    .card{border-radius:19px;border-color:#e1e9e3;box-shadow:var(--shadow);transition:border-color .18s ease,box-shadow .18s ease}
    .card-head,.checkin-card,.panel,.recent-card{padding-left:20px;padding-right:20px}
    .card-title,.section-head h2,.panel-top h2,.recent-header h2{font-size:16px;letter-spacing:-.025em}
    .card-desc,.panel-top p,.checkin-intro{font-size:12px;line-height:1.55}
    .live-state{min-height:34px;border-radius:999px;background:#fff;padding:7px 11px;font-size:10px}
    .stage{border-radius:16px;background:#18231f}
    .primary,.secondary,.quiet{min-height:44px;border-radius:12px;padding:11px 16px;font-family:var(--font-ui);font-size:12px;letter-spacing:-.005em;transition:background-color .16s ease,border-color .16s ease,transform .1s ease,box-shadow .16s ease}
    .primary{background:var(--green);box-shadow:0 3px 8px rgba(36,107,87,.12)}
    .primary:hover{background:#1d5c49;box-shadow:0 5px 12px rgba(36,107,87,.17);transform:translateY(-1px)}
    .primary:active,.secondary:active,.quiet:active{transform:scale(.98);transition-duration:.08s}
    .secondary{background:#edf5ef}
    .secondary:hover{background:#e0efe5}
    .quiet:hover{background:#edf2ee}
    .camera-device{min-height:44px;border-radius:12px;padding:10px 32px 10px 12px;font-size:12px}
    .setup-row{gap:10px;padding-left:20px;padding-right:20px}
    .setup-tip{min-height:64px;border:1px solid #edf2ed;border-radius:12px;background:#f8faf8;padding:10px 11px}
    .camera-status-line{min-height:40px;border-radius:11px;font-size:11px}
    .rating{gap:7px}
    .rating button{min-height:44px;border-radius:11px;font-size:12px;transition:background-color .12s ease,border-color .12s ease,transform .1s ease}
    .rating button:active{transform:scale(.96)}
    .field-label{font-size:12px}
    .note-input,.plan-form input,.plan-form textarea,.camera-device{font-family:var(--font-ui);font-size:13px}
    .note-input,.plan-form input,.plan-form textarea{border-radius:12px;min-height:44px;padding:11px 12px}
    .note-input::placeholder,.plan-form input::placeholder,.plan-form textarea::placeholder{color:#819087}
    .stat{padding:15px 16px}
    .stat-label{font-size:10px;letter-spacing:.075em;color:#61746b}
    .stat-value{font-size:24px;line-height:1.15}
    .home-focus{min-height:238px;padding:34px 36px;border-radius:23px;background:linear-gradient(118deg,#f1f8f3 0%,#e6f2e9 62%,#dceee1 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 30px rgba(34,83,59,.06)}
    .home-kicker{letter-spacing:.12em}
    .home-focus h2{font-size:29px;line-height:1.15}
    .home-focus p{font-size:13px;line-height:1.65}
    .home-focus button{min-height:46px;border-radius:13px}
    .home-art{opacity:.78}
    .home-shortcuts{gap:14px}
    .shortcut-card{min-height:104px;border-radius:17px;padding:17px;border-color:#e3eae4;box-shadow:0 2px 5px rgba(21,49,37,.025),0 8px 20px rgba(21,49,37,.035);transition:transform .12s ease,border-color .16s ease,box-shadow .16s ease}
    .shortcut-card:hover{transform:translateY(-2px);border-color:#c5dccd;box-shadow:0 8px 20px rgba(21,49,37,.08)}
    .shortcut-icon{width:40px;height:40px;border-radius:13px;background:#edf5ef}
    .shortcut-card b{font-size:12px}
    .shortcut-card small{font-size:11px;line-height:1.5}
    .screen-heading{margin-bottom:27px}
    .app-screen[hidden]{display:none!important}
    .app-screen.screen-active{animation:screen-in .18s ease-out both}
    @keyframes screen-in{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
    .mobile-nav{background:rgba(250,252,250,.82);backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%);border-top:1px solid rgba(214,226,217,.82);box-shadow:0 -8px 24px rgba(22,47,35,.055);padding-top:7px}
    .mobile-nav button{min-height:48px;padding:5px 4px;border-radius:12px;font-family:var(--font-ui);font-size:10px;font-weight:600;transition:color .14s ease,background-color .14s ease,transform .1s ease}
    .mobile-nav button.active{background:rgba(229,241,232,.86);color:#1c644e}
    .mobile-nav button span{font-size:19px;line-height:1.05}
    .icon-button{min-height:42px;min-width:42px;border-radius:12px}
    .help-link{min-height:42px;padding:0 10px;border-radius:10px}
    .dialog{border-radius:22px;box-shadow:0 30px 90px rgba(9,33,23,.3)}
    .dialog::backdrop{background:rgba(11,31,23,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
    .dialog-inner{padding:24px}
    .dialog-head h2{font-size:23px;line-height:1.15}
    .dialog input,.dialog select,.dialog textarea{border-radius:11px}
    .toast{border-radius:14px;box-shadow:0 12px 36px rgba(14,42,29,.2)}
    @media(max-width:900px) and (min-width:651px){.app{grid-template-columns:244px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.content{padding-left:24px;padding-right:24px}.home-focus{padding:27px}.home-art{width:160px}}
    @media(max-width:650px){body{font-size:15px}.topbar{height:58px;padding:0 15px}.content{padding:20px 14px calc(104px + env(safe-area-inset-bottom))}.welcome{align-items:flex-start;margin-bottom:18px}.welcome h1{font-size:27px}.welcome p{font-size:13px}.screen-heading{margin:4px 2px 19px}.screen-heading h1{font-size:28px}.screen-heading p{font-size:13px}.home-focus{min-height:194px;margin:13px 0 17px;padding:24px 20px;border-radius:20px}.home-focus h2{font-size:23px}.home-focus p{font-size:12px;max-width:300px}.home-focus>div:first-child{max-width:82%}.home-art{width:132px;height:120px;right:-22px;bottom:-18px;opacity:.48}.home-shortcuts{gap:9px}.shortcut-card{min-height:76px;padding:12px 13px;border-radius:15px}.shortcut-icon{width:38px;height:38px}.mobile-nav{padding-left:6px;padding-right:6px}.mobile-nav button{width:20%;max-width:none;font-size:9px}.mobile-nav button span{font-size:18px}.app-screen .card-head,.app-screen .checkin-card,.app-screen .panel,.app-screen .recent-card{padding-left:15px;padding-right:15px}.app-screen .stage{margin:0 11px;border-radius:14px}.app-screen .setup-row{padding-left:13px;padding-right:13px}.app-screen .camera-controls{gap:7px}.app-screen .camera-device{max-width:min(48%,180px)}.app-screen .stat{padding:13px}.app-screen .stat-value{font-size:22px}.app-screen .home-focus button{min-height:44px}.dialog-inner{padding:20px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.app-screen.screen-active{animation:none!important}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
    @media(prefers-reduced-transparency:reduce){.sidebar,.topbar,.mobile-nav{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.dialog::backdrop{background:rgba(11,31,23,.58);backdrop-filter:none;-webkit-backdrop-filter:none}}
    @media(prefers-contrast:more){:root{--muted:#3c5148;--line:#a9b9af}.card,.shortcut-card,.camera-device,.rating button,.note-input,.plan-form input,.plan-form textarea{border-color:#899d90}.mobile-nav,.topbar{background:#fff}}