:root,[data-paleta=noche]{--kn-bg:#0e0f0c;--kn-surface:#1a1b17;--kn-surface-2:#23241f;--kn-line:#2a2c26;--kn-text:#f5f5f0;--kn-muted:#a9ad9f;--kn-accent:#c6f432;--kn-accent-2:#c6f432;--kn-accent-ink:#c6f432;--kn-on-accent:#0e0f0c;--kn-accent-soft:#c6f4321f}[data-paleta=dia]{--kn-bg:#2a1e17;--kn-surface:#35281f;--kn-surface-2:#3f3026;--kn-line:#4a3a2e;--kn-text:#fbf6f0;--kn-muted:#c4b3a4;--kn-accent:#ff7a45;--kn-accent-2:#ffb547;--kn-accent-ink:#ff8a58;--kn-on-accent:#2a1e17;--kn-accent-soft:#ff7a4524}[data-paleta=menta]{--kn-bg:#0e1a17;--kn-surface:#16241f;--kn-surface-2:#1d2e28;--kn-line:#253a33;--kn-text:#f4f8f6;--kn-muted:#9fb5ad;--kn-accent:#0fa88a;--kn-accent-2:#7ef0c4;--kn-accent-ink:#3ccba6;--kn-on-accent:#0e1a17;--kn-accent-soft:#0fa88a29}[data-paleta=azul]{--kn-bg:#0b1b33;--kn-surface:#12253f;--kn-surface-2:#182d4a;--kn-line:#233a5a;--kn-text:#f5f8ff;--kn-muted:#a3b2cc;--kn-accent:#0050e6;--kn-accent-2:#18c8ff;--kn-accent-ink:#3db8ff;--kn-on-accent:#fff;--kn-accent-soft:#18c8ff24}[data-paleta=mora]{--kn-bg:#1c1018;--kn-surface:#271820;--kn-surface-2:#301e28;--kn-line:#3d2733;--kn-text:#fbf4f6;--kn-muted:#c2aab5;--kn-accent:#e8336d;--kn-accent-2:#ff8fb1;--kn-accent-ink:#ff6f99;--kn-on-accent:#1c1018;--kn-accent-soft:#e8336d29}:root{--kn-font-display:"Outfit", system-ui, sans-serif;--kn-font-text:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--kn-radio-sm:8px;--kn-radio-md:20px;--kn-radio-pill:999px;--kn-esp-2:8px;--kn-esp-4:16px;--kn-esp-6:24px;--kn-esp-10:40px;--kn-nav-h:68px;--kn-page-max:1180px;--kn-ease:cubic-bezier(.2, .8, .2, 1);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html{background:var(--kn-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--kn-bg);min-width:320px;min-height:100dvh;color:var(--kn-text);font:400 16px/1.5 var(--kn-font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0}img,svg,video{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}p{color:var(--kn-muted)}ol,ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--kn-accent-ink);outline-offset:3px;border-radius:6px}::selection{background:var(--kn-accent);color:var(--kn-on-accent)}.display{font-family:var(--kn-font-display);letter-spacing:-.02em;color:var(--kn-text);font-weight:300;line-height:1.04}.display--lg{font-size:clamp(28px,6vw,34px);font-weight:400}.display--xl{font-size:clamp(34px,8.5vw,52px)}.display--xxl{font-size:clamp(44px,11vw,72px);font-weight:200}.title{font:700 18px/1.3 var(--kn-font-text);letter-spacing:-.01em;color:var(--kn-text)}.lead{max-width:52ch;font-size:16px;line-height:1.55}.label{font:600 13px/1.3 var(--kn-font-text);color:var(--kn-accent-ink);margin-bottom:6px;display:block}.muted{color:var(--kn-muted);font-size:13px}.error-text{color:#ff8a80;font-size:13px}.ok-text{color:var(--kn-accent-ink);align-items:center;gap:6px;font-size:13px;display:inline-flex}.icon-fill{fill:currentColor}.btn{border-radius:var(--kn-radio-pill);min-height:48px;font:700 15px/1 var(--kn-font-text);letter-spacing:.005em;transition:transform .15s var(--kn-ease), background-color .2s, border-color .2s, opacity .2s;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--kn-accent);color:var(--kn-on-accent)}.btn--primary:hover:not(:disabled){filter:brightness(1.06)}.btn--secondary{background:var(--kn-text);color:var(--kn-bg)}.btn--ghost{color:var(--kn-text);border-color:var(--kn-line);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--kn-muted)}.btn--text{color:var(--kn-muted);background:0 0;min-height:44px;padding:0 12px}.btn--text:hover{color:var(--kn-text)}.btn--block{width:100%}.btn--lg{min-height:56px;font-size:16px}.icon-btn{border-radius:var(--kn-radio-pill);border:1px solid var(--kn-line);width:44px;height:44px;color:var(--kn-text);background:0 0;flex:none;place-items:center;transition:border-color .2s,background-color .2s;display:grid}.icon-btn:hover{border-color:var(--kn-muted)}.icon-btn--glass{-webkit-backdrop-filter:blur(12px);background:#0e0f0c73;border-color:#ffffff24}.chip{border-radius:var(--kn-radio-pill);border:1px solid var(--kn-line);min-height:30px;color:var(--kn-muted);align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.chip--warn{color:#ffd48a;border-color:#ffd48a4d}.avatar{border:1px solid var(--kn-line);background:var(--kn-surface);width:40px;height:40px;font:500 17px/1 var(--kn-font-display);color:var(--kn-text);border-radius:50%;place-items:center;display:grid}.logo{align-items:center;gap:10px;display:inline-flex}.logo--vertical{flex-direction:column;gap:22px}.app{min-height:100dvh}.app__view{min-height:100dvh;animation:view-in .35s var(--kn-ease)}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page{width:min(100%, var(--kn-page-max));padding:calc(var(--safe-t) + 10px) calc(20px + var(--safe-r)) calc(var(--kn-nav-h) + 40px + var(--safe-b)) calc(20px + var(--safe-l));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:60px;margin-bottom:18px;display:flex}.topbar__left,.topbar__right{align-items:center;gap:12px;display:flex}.topbar__title{font-weight:700}.page-head{gap:10px;margin:8px 0 28px;display:grid}.section{margin-top:40px}.section__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.card{background:var(--kn-surface);border:1px solid var(--kn-line);border-radius:var(--kn-radio-md);align-content:start;gap:18px;padding:24px;display:grid}.card p{font-size:14px;line-height:1.55}.nav{z-index:40;padding:6px calc(10px + var(--safe-r)) calc(6px + var(--safe-b)) calc(10px + var(--safe-l));background:color-mix(in srgb, var(--kn-bg) 86%, transparent);-webkit-backdrop-filter:blur(20px)saturate(140%);border-top:1px solid var(--kn-line);position:fixed;bottom:0;left:0;right:0}.nav__brand,.nav__tenant{display:none}.nav__items{grid-template-columns:repeat(3,1fr);max-width:480px;margin:0 auto;display:grid}.nav__item{min-height:56px;color:var(--kn-muted);background:0 0;border:0;border-radius:14px;align-content:center;place-items:center;gap:3px;font-size:11px;font-weight:600;transition:color .2s;display:grid}.nav__item.is-active{color:var(--kn-text)}.nav__item.is-active svg{color:var(--kn-accent-ink)}.media{background:var(--kn-surface);isolation:isolate;position:relative;overflow:hidden}.media__ambient{object-fit:cover;filter:blur(36px)saturate(120%)brightness(.55);z-index:-1;width:124%;max-width:none;height:124%;position:absolute;inset:-12%;transform:translateZ(0)}.media__main{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s;position:relative}.media.is-loaded .media__main{opacity:1}.media__loader{place-items:center;animation:1.4s ease-in-out infinite pulse;display:grid;position:absolute;inset:0}@keyframes pulse{50%{opacity:.35}}.media--empty{color:var(--kn-muted);opacity:.8;align-content:center;place-items:center;gap:12px;font-size:13px;display:grid}.thumb{background:var(--kn-surface-2);border-radius:12px;flex:none;display:block;overflow:hidden}.thumb img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.thumb>svg{height:100%;margin:auto}.onboarding{grid-template-rows:1fr auto;min-height:100dvh;display:grid;position:relative;overflow:hidden}.onboarding__mosaic{opacity:.32;filter:grayscale(.3);grid-template-columns:repeat(3,1fr);grid-auto-rows:34dvh;gap:6px;display:grid;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0009 40%,#0000 72%);mask-image:linear-gradient(#000 0%,#0009 40%,#0000 72%)}.onboarding__mosaic .thumb{border-radius:0;height:100%}.onboarding__mosaic .thumb:nth-child(2){grid-row:span 2}.onboarding__card{width:min(100%,520px);padding:32px calc(24px + var(--safe-r)) calc(28px + var(--safe-b)) calc(24px + var(--safe-l));grid-row:2;justify-items:start;gap:20px;margin:0 auto;display:grid;position:relative}.onboarding__title{font-size:clamp(38px,10vw,56px);font-weight:200}.onboarding__form{gap:20px;width:100%;display:grid}.tenant-note{font-size:13px}.tenant-note strong{color:var(--kn-text)}.field{gap:8px;display:grid}.field>span,.level-picker legend{color:var(--kn-muted);font-size:13px;font-weight:600}.field input{border:1px solid var(--kn-line);background:var(--kn-bg);width:100%;min-height:52px;color:var(--kn-text);border-radius:14px;padding:0 16px;font-size:16px;transition:border-color .2s}.field input:focus{border-color:var(--kn-accent-ink);outline:none}.level-picker{border:0;gap:8px;margin:0;padding:0;display:grid}.level-picker legend{margin-bottom:8px;padding:0}.level-option{border:1px solid var(--kn-line);cursor:pointer;border-radius:14px;gap:2px;padding:14px 16px;transition:border-color .2s,background-color .2s;display:grid}.level-option input{opacity:0;pointer-events:none;position:absolute}.level-option strong{font-size:15px}.level-option small{color:var(--kn-muted);font-size:13px}.level-option.is-active{border-color:var(--kn-accent-ink);background:var(--kn-accent-soft)}.level-option:has(input:focus-visible){outline:2px solid var(--kn-accent-ink);outline-offset:2px}.home-greeting{gap:10px;margin:6px 0 26px;display:grid}.home-grid{gap:14px;display:grid}.today-card{background:var(--kn-surface);border:1px solid var(--kn-line);border-radius:24px;display:grid;overflow:hidden}.today-card__media{aspect-ratio:4/3;width:100%;max-height:46dvh}.today-card__body{gap:10px;padding:22px;display:grid}.today-card__body p{font-size:15px}.today-card .btn{margin-top:8px}.meta-row{flex-wrap:wrap;gap:8px 18px;margin-top:4px;display:flex}.meta-row li{color:var(--kn-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.meta-row svg{color:var(--kn-accent-ink)}.resume-card{border-radius:var(--kn-radio-md);border:1px solid var(--kn-accent-ink);background:var(--kn-accent-soft);justify-content:space-between;align-items:center;gap:16px;padding:18px 18px 18px 20px;display:flex}.resume-card strong{font-size:16px;display:block}.resume-card small{color:var(--kn-muted);font-size:13px}.week-card{background:var(--kn-surface);border:1px solid var(--kn-line);border-radius:var(--kn-radio-md);align-content:start;gap:20px;padding:22px;display:grid}.week-card__head{align-items:center;gap:18px;display:flex}.week-card__head p{margin-top:2px;font-size:14px}.ring-count{font:300 15px/1 var(--kn-font-display);color:var(--kn-muted)}.ring-count strong{color:var(--kn-text);font-size:26px;font-weight:400}.week-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-days li{color:var(--kn-muted);justify-items:center;gap:8px;font-size:12px;font-weight:600;display:grid}.week-days i{aspect-ratio:1;border:1px solid var(--kn-line);border-radius:50%;width:100%;max-width:34px;display:block}.week-days .is-done i{background:var(--kn-accent);border-color:var(--kn-accent)}.week-days .is-today span{color:var(--kn-text)}.week-days .is-today:not(.is-done) i{border-color:var(--kn-text);border-style:dashed}.week-days .is-future i{opacity:.5}.goal-rail{scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none;grid-auto-columns:minmax(150px,42%);grid-auto-flow:column;gap:12px;margin:0 -20px;padding-inline:20px;display:grid;overflow-x:auto}.goal-rail::-webkit-scrollbar{display:none}.goal-tile{scroll-snap-align:start;border:1px solid var(--kn-line);background:var(--kn-surface);text-align:left;border-radius:18px;padding:0;transition:border-color .2s;display:grid;overflow:hidden}.goal-tile:hover{border-color:var(--kn-muted)}.goal-tile__img{aspect-ratio:1;border-radius:0;width:100%}.goal-tile__text{gap:4px;padding:12px 14px 14px;display:grid}.goal-tile__text strong{font-size:15px}.goal-tile__text small{color:var(--kn-muted);font-size:12px;line-height:1.35}.install-banner{border:1px solid var(--kn-line);border-radius:var(--kn-radio-md);grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;margin-top:32px;padding:18px;display:grid}.install-banner>svg{color:var(--kn-accent-ink)}.install-banner p{font-size:13px}.install-banner__actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.goal-grid{gap:10px;display:grid}.goal-card{border:1px solid var(--kn-line);background:var(--kn-surface);text-align:left;border-radius:18px;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:10px 16px 10px 10px;transition:border-color .2s,transform .15s;display:grid}.goal-card:hover{border-color:var(--kn-muted)}.goal-card:active{transform:scale(.99)}.goal-card__img{width:72px;height:72px}.goal-card__text{gap:3px;display:grid}.goal-card__text strong{font-size:17px}.goal-card__text small{color:var(--kn-muted);font-size:13px}.goal-card__chev,.routine-card__chev{color:var(--kn-muted)}.config-panel{background:var(--kn-surface);border:1px solid var(--kn-line);border-radius:var(--kn-radio-md);gap:18px;margin-bottom:18px;padding:20px;display:grid}.segmented{background:var(--kn-bg);border:1px solid var(--kn-line);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{min-height:44px;color:var(--kn-muted);background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:1px;padding:6px 4px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s;display:grid}.segmented button small{opacity:.8;font-size:11px;font-weight:500}.segmented button.is-active{background:var(--kn-accent);color:var(--kn-on-accent)}.routine-list{gap:10px;display:grid}.routine-card{border:1px solid var(--kn-line);background:var(--kn-surface);text-align:left;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 16px 12px 12px;transition:border-color .2s;display:grid}.routine-card:hover{border-color:var(--kn-muted)}.routine-card__strip{display:flex}.routine-card__strip .thumb{border:2px solid var(--kn-surface);border-radius:12px;width:46px;height:60px}.routine-card__strip .thumb+.thumb{margin-left:-24px}.routine-card__text{gap:3px;display:grid}.routine-card__text strong{font:400 22px/1.1 var(--kn-font-display)}.routine-card__text small{color:var(--kn-muted);font-size:13px}.preview-layout{gap:28px;display:grid}.preview-hero{gap:22px;display:grid}.preview-hero__media{aspect-ratio:4/3;border-radius:24px;max-height:48dvh}.preview-hero__body{gap:18px;display:grid}.stat-row{border-top:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line);grid-template-columns:repeat(3,1fr);display:grid}.stat-row li{gap:2px;padding:14px 0;display:grid}.stat-row li+li{border-left:1px solid var(--kn-line);padding-left:16px}.stat-row strong{font:300 26px/1 var(--kn-font-display)}.stat-row span{color:var(--kn-muted);font-size:12px}.equipment{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.equipment svg{color:var(--kn-accent-ink);margin-top:2px}.equipment p{font-size:14px}.equipment strong{color:var(--kn-text);font-weight:600}.preview-actions{gap:10px;display:grid}.preview-actions .btn--lg{display:none}.exercise-list ol{gap:2px;margin-top:14px;display:grid}.exercise-row{border-bottom:1px solid var(--kn-line);grid-template-columns:22px 56px 1fr;align-items:center;gap:14px;padding:8px 0;display:grid}.exercise-row:last-child{border-bottom:0}.exercise-row__n{font:300 15px/1 var(--kn-font-display);color:var(--kn-muted);text-align:right;font-variant-numeric:tabular-nums}.exercise-row .thumb{width:56px;height:56px}.exercise-row__text{gap:3px;min-width:0;display:grid}.exercise-row__text strong{font-size:15px;font-weight:600;line-height:1.3}.exercise-row__text small{color:var(--kn-muted);font-size:13px}.sticky-cta{z-index:30;padding:14px calc(20px + var(--safe-r)) calc(14px + var(--safe-b)) calc(20px + var(--safe-l));background:linear-gradient(180deg, transparent, var(--kn-bg) 38%);position:fixed;bottom:0;left:0;right:0}.page--preview{padding-bottom:calc(110px + var(--safe-b))}.workout{background:var(--kn-bg);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.workout__bar{z-index:5;padding:calc(var(--safe-t) + 8px) calc(14px + var(--safe-r)) 10px calc(14px + var(--safe-l));grid-template-columns:44px 1fr auto;align-items:center;gap:14px;display:grid;position:relative}.workout__progress{gap:7px;display:grid}.workout__round{color:var(--kn-muted);text-align:center;font-size:12px;font-weight:600}.segments{grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;display:grid}.segments i{background:var(--kn-line);border-radius:2px;height:4px;transition:background-color .3s}.segments i.is-done{background:var(--kn-accent)}.segments i.is-current{background:linear-gradient(90deg, var(--kn-accent) 50%, var(--kn-line) 50%);background-size:200% 100%;animation:1.2s linear infinite seg}@keyframes seg{0%{background-position:100% 0}to{background-position:0 0}}.workout__clock{font:400 15px/1 var(--kn-font-display);font-variant-numeric:tabular-nums;color:var(--kn-muted);text-align:right;min-width:44px}.workout__stage{min-height:0;position:relative}.workout__media{position:absolute;inset:0}.stage-tag{border-radius:var(--kn-radio-pill);-webkit-backdrop-filter:blur(10px);color:var(--kn-text);background:#0e0f0c8c;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:14px;left:16px}.countdown{-webkit-backdrop-filter:blur(6px);background:#0e0f0c8c;align-content:center;place-items:center;gap:4px;display:grid;position:absolute;inset:0}.countdown__label{color:var(--kn-text);font-size:15px;font-weight:600}.countdown__num{font:200 clamp(120px, 34vw, 220px)/1 var(--kn-font-display);color:var(--kn-accent-ink);font-variant-numeric:tabular-nums;animation:count-pop .9s var(--kn-ease)}@keyframes count-pop{0%{opacity:0;transform:scale(1.25)}30%{opacity:1}to{transform:scale(1)}}.workout__panel{padding:16px calc(20px + var(--safe-r)) calc(14px + var(--safe-b)) calc(20px + var(--safe-l));background:var(--kn-bg);grid-template-columns:1fr auto;grid-template-areas:"head timer""controls controls""next next""tech tech";align-items:center;gap:14px 16px;max-height:52dvh;display:grid;overflow-y:auto}.workout__head{grid-area:head;gap:6px;min-width:0;display:grid}.phase{border-radius:var(--kn-radio-pill);justify-self:start;padding:4px 10px;font-size:12px;font-weight:700}.phase--work{background:var(--kn-accent);color:var(--kn-on-accent)}.phase--prepare{background:var(--kn-surface-2);color:var(--kn-text)}.phase--rest{background:var(--kn-surface-2);color:var(--kn-muted)}.workout__title{font:400 clamp(22px, 6vw, 28px)/1.12 var(--kn-font-display);letter-spacing:-.01em}.workout__sub{font-size:13px}.workout__timer{grid-area:timer;width:clamp(108px,30vw,132px)}.timer-num{font:200 clamp(30px, 9vw, 38px)/1 var(--kn-font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ring{place-items:center;display:grid;position:relative}.ring--fluid{aspect-ratio:1;width:100%}.ring svg{width:100%;height:100%;position:absolute;inset:0}.ring__track{stroke:var(--kn-line)}.ring__value{stroke:var(--kn-accent-ink);transition:stroke-dashoffset .12s linear}.ring--muted .ring__value{stroke:var(--kn-muted)}.ring__content{text-align:center;place-items:center;display:grid;position:relative}.workout__controls{grid-area:controls;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.ctrl{border-radius:var(--kn-radio-pill);border:1px solid var(--kn-line);min-width:96px;min-height:48px;color:var(--kn-text);background:0 0;justify-content:center;justify-self:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.ctrl--ghost{visibility:hidden}.ctrl--main{background:var(--kn-text);width:72px;min-width:0;height:72px;color:var(--kn-bg);border:0;padding:0}.workout--work .ctrl--main{background:var(--kn-accent);color:var(--kn-on-accent)}.up-next{border:1px solid var(--kn-line);border-radius:16px;grid-area:next;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.up-next .thumb{border-radius:10px;width:48px;height:48px}.up-next small{color:var(--kn-muted);font-size:12px;display:block}.up-next strong{font-size:14px;font-weight:600}.technique{border-top:1px solid var(--kn-line);grid-area:tech;padding-top:4px}.technique summary{cursor:pointer;align-items:center;min-height:44px;font-size:14px;font-weight:600;list-style:none;display:flex}.technique summary::-webkit-details-marker{display:none}.technique summary:after{content:"+";font:300 22px/1 var(--kn-font-display);color:var(--kn-muted);margin-left:auto}.technique[open] summary:after{content:"−"}.technique p{margin-bottom:8px;font-size:14px;line-height:1.6}.technique h3{color:var(--kn-accent-ink);margin:14px 0 4px;font-size:13px}.workout--rest .workout__panel{background:var(--kn-bg)}.pause-overlay{z-index:60;background:color-mix(in srgb, var(--kn-bg) 82%, transparent);-webkit-backdrop-filter:blur(18px);animation:view-in .25s var(--kn-ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pause-overlay>div{text-align:center;justify-items:center;gap:14px;display:grid}.pause-overlay p{margin-bottom:14px}.sheet-backdrop{z-index:80;background:#0000008c;align-items:end;animation:.2s fade;display:grid;position:fixed;inset:0}.sheet{width:min(100%,520px);padding:12px calc(24px + var(--safe-r)) calc(24px + var(--safe-b)) calc(24px + var(--safe-l));background:var(--kn-surface);border:1px solid var(--kn-line);animation:sheet-up .3s var(--kn-ease);border-bottom:0;border-radius:24px 24px 0 0;gap:14px;margin:0 auto;display:grid}.sheet__grip{background:var(--kn-line);border-radius:2px;justify-self:center;width:40px;height:4px;margin-bottom:6px}.sheet__title{font:400 26px/1.15 var(--kn-font-display)}.sheet__actions{gap:10px;margin-top:8px;display:grid}@keyframes fade{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.complete{width:min(100%,560px);min-height:100dvh;padding:calc(var(--safe-t) + 32px) calc(24px + var(--safe-r)) calc(var(--safe-b) + 32px) calc(24px + var(--safe-l));align-content:center;gap:32px;margin:0 auto;display:grid}.complete__hero{gap:16px;display:grid}.complete__mark{width:96px;height:96px;margin-bottom:8px}.complete__stem,.complete__curve{fill:none;stroke-width:14px;stroke-linecap:round}.complete__stem{stroke:var(--kn-text);stroke-dasharray:92;stroke-dashoffset:92px;animation:draw .5s var(--kn-ease) .1s forwards}.complete__curve{stroke:var(--kn-accent-ink);stroke-dasharray:130;stroke-dashoffset:130px;animation:draw .7s var(--kn-ease) .45s forwards}@keyframes draw{to{stroke-dashoffset:0}}.complete__stats{border-top:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line);grid-template-columns:repeat(3,1fr);display:grid}.complete__stats li{gap:4px;padding:18px 0;display:grid}.complete__stats li+li{border-left:1px solid var(--kn-line);padding-left:18px}.complete__stats strong{font:300 34px/1 var(--kn-font-display);font-variant-numeric:tabular-nums}.complete__stats span{color:var(--kn-muted);font-size:13px}.complete__actions{gap:12px;display:grid}.complete__row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpis{border-top:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line);grid-template-columns:repeat(3,1fr);margin-bottom:24px;display:grid}.kpis li{gap:4px;padding:18px 0;display:grid}.kpis li+li{border-left:1px solid var(--kn-line);padding-left:16px}.kpis strong{font:300 clamp(30px, 8vw, 40px)/1 var(--kn-font-display)}.kpis span{color:var(--kn-muted);font-size:13px}.chart-card{background:var(--kn-surface);border:1px solid var(--kn-line);border-radius:var(--kn-radio-md);padding:22px}.bars{grid-template-columns:repeat(8,1fr);align-items:end;gap:8px;height:160px;padding-top:10px;padding-bottom:24px;display:grid;position:relative}.bars__goal{height:0;left:0;right:0;bottom:calc(24px + var(--g) * (100% - 34px));border-top:1px dashed var(--kn-muted);opacity:.5;position:absolute}.bars__col{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.bars__bar{background:var(--kn-surface-2);border:1px solid var(--kn-line);border-radius:8px 8px 3px 3px;width:100%;max-width:34px}.bars__col.is-met .bars__bar{background:var(--kn-accent);border-color:var(--kn-accent)}.bars__col small{color:var(--kn-muted);white-space:nowrap;font-size:11px;position:absolute;bottom:-24px}.bars__col.is-now small{color:var(--kn-text);font-weight:600}.log{margin-top:8px;display:grid}.log__item{border-bottom:1px solid var(--kn-line);grid-template-columns:92px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.log__date,.log__text{gap:2px;display:grid}.log__date strong{font-size:14px;font-weight:600}.log__date small,.log__text small{color:var(--kn-muted);font-size:12px}.log__text strong{font-size:15px;font-weight:600}.log__time{font:300 22px/1 var(--kn-font-display);font-variant-numeric:tabular-nums}.empty{text-align:center;border:1px dashed var(--kn-line);border-radius:var(--kn-radio-md);justify-items:center;gap:10px;margin-top:12px;padding:40px 20px;display:grid}.empty>svg{color:var(--kn-muted)}.empty h3{font-size:17px}.empty p{margin-bottom:8px;font-size:14px}.settings-grid{gap:14px;display:grid}.toggle-row{border-top:1px solid var(--kn-line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding-top:14px;display:flex;position:relative}.toggle-row strong{font-size:15px;display:block}.toggle-row small{color:var(--kn-muted);margin-top:2px;font-size:13px;display:block}.toggle-row input{opacity:0;width:1px;height:1px;position:absolute}.switch{background:var(--kn-surface-2);border:1px solid var(--kn-line);border-radius:16px;flex:none;width:52px;height:32px;transition:background-color .2s;position:relative}.switch:after{content:"";background:var(--kn-muted);width:24px;height:24px;transition:transform .2s var(--kn-ease), background-color .2s;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-row input:checked+.switch{background:var(--kn-accent);border-color:var(--kn-accent)}.toggle-row input:checked+.switch:after{background:var(--kn-on-accent);transform:translate(20px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--kn-accent-ink);outline-offset:3px}.meter{background:var(--kn-surface-2);border-radius:3px;height:6px;overflow:hidden}.meter span{background:var(--kn-accent);border-radius:3px;height:100%;transition:width .3s;display:block}.auth{gap:14px;display:grid}@media (min-width:640px){.page{padding-inline:calc(32px + var(--safe-l))}.goal-rail{grid-auto-columns:minmax(170px,30%);margin:0;padding-inline:0}.goal-grid,.routine-list,.settings-grid{grid-template-columns:repeat(2,1fr)}.install-banner{grid-template-columns:auto 1fr auto}.install-banner__actions{grid-column:auto}.today-card{grid-template-columns:1.1fr 1fr}.today-card__media{aspect-ratio:auto;height:100%;min-height:340px;max-height:none}.today-card__body{align-content:center;padding:28px}}@media (min-width:960px){.app--tabs{grid-template-columns:248px minmax(0,1fr);display:grid}.nav{border-top:0;border-right:1px solid var(--kn-line);background:var(--kn-bg);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;gap:36px;height:100dvh;padding:28px 18px;display:flex;position:sticky;top:0}.nav__brand{padding-left:10px;display:block}.nav__items{grid-template-columns:1fr;gap:4px;max-width:none;margin:0;display:grid}.nav__item{grid-template-columns:auto 1fr;place-items:center start;gap:14px;min-height:48px;padding:0 14px;font-size:15px}.nav__item:hover{background:var(--kn-surface);color:var(--kn-text)}.nav__item.is-active{background:var(--kn-surface)}.nav__tenant{margin-top:auto;padding:0 10px;font-size:13px;display:block}.nav__tenant strong{color:var(--kn-text)}.app--tabs .page{padding:28px 48px 64px}.app--tabs .topbar__logo{display:none}.page{padding:28px 48px 64px}.home-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start}.resume-card{grid-column:1/-1}.today-card{grid-template-columns:1.15fr 1fr}.goal-rail{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}.goal-grid{grid-template-columns:repeat(3,1fr)}.routine-list{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:repeat(2,1fr);align-items:start}.preview-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px}.preview-hero{position:sticky;top:28px}.preview-actions .btn--lg{display:inline-flex}.sticky-cta{display:none}.page--preview{padding-bottom:64px}}@media (min-width:900px),(orientation:landscape) and (min-width:640px){.workout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr)}.workout__bar{grid-column:1/-1}.workout__stage{margin:0 0 calc(16px + var(--safe-b)) calc(16px + var(--safe-l));border-radius:24px;grid-row:2;overflow:hidden}.workout__panel{height:100%;max-height:none;padding:12px calc(32px + var(--safe-r)) calc(24px + var(--safe-b)) 32px;grid-row:2;grid-template-columns:1fr;grid-template-areas:"head""timer""controls""next""tech";align-content:center;gap:22px;overflow-y:auto}.workout__title{font-size:clamp(28px,3vw,40px)}.workout__timer{justify-self:center;width:min(260px,32dvh)}.timer-num{font-size:clamp(52px,6vw,68px)}}@media (orientation:landscape) and (max-height:520px){.workout__bar{padding-top:calc(var(--safe-t) + 4px);padding-bottom:6px}.workout__stage{margin-bottom:calc(10px + var(--safe-b));border-radius:18px}.workout__panel{padding:4px calc(20px + var(--safe-r)) calc(10px + var(--safe-b)) 20px;grid-template-columns:1fr auto;grid-template-areas:"head timer""controls controls";align-content:center;gap:14px 12px}.workout__title{font-size:20px}.workout__timer{justify-self:end;width:112px}.timer-num{font-size:30px}.ctrl{min-width:0;padding:0 14px}.ctrl--main{width:60px;height:60px}.up-next,.technique{display:none}}@media (max-width:420px){.bars__col.is-odd small{visibility:hidden}}@media (max-height:700px) and (orientation:portrait){.workout__panel{gap:10px 14px;padding-top:12px}.up-next{display:none}.ctrl--main{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.complete__stem,.complete__curve{stroke-dashoffset:0}}
