:root{--ac:#0891b2;--bg:#f6fafb;--ink:#123038;--muted:#5d7d87;--faint:#7a97a0;--line:#e4eef1;--card:#ffffff;--font-ui:"Be Vietnam Pro",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden}body,button{font-family:var(--font-ui)}a,button{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d3e4e9;border-radius:8px;border:3px solid var(--bg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .35s ease both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.site-header{display:flex;align-items:center;gap:14px;padding:16px 28px;background:var(--card);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.site-header__logo{width:36px;height:36px;border-radius:10px;background:var(--ac);display:flex;align-items:center;justify-content:center;flex:none;color:inherit;text-decoration:none}.site-header__name{font-weight:800;font-size:17px;letter-spacing:-.02em}.site-header__sub{font-size:12px;color:var(--muted)}.site-header__trail{margin-left:auto;gap:14px}.site-header__status,.site-header__trail{display:flex;align-items:center;min-width:0}.site-header__status{font-size:12.5px;color:var(--muted);gap:8px;max-width:240px}.site-header__dot{width:8px;height:8px;border-radius:50%;background:var(--ac);flex:none}.site-header__status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header__account{display:flex;align-items:center;gap:8px;flex:none}.site-header__user{font-size:12.5px;font-weight:600;color:var(--ink);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header__auth-muted{font-size:12.5px;color:var(--faint)}.site-header__auth-link{font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;padding:7px 10px;border-radius:9px}.site-header__auth-link:hover{color:var(--ac);background:color-mix(in oklab,var(--ac) 6%,white)}.site-header__auth-btn{border:1px solid var(--line);background:var(--card);color:var(--muted);font-family:var(--font-ui);font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;min-height:34px}.site-header__auth-btn:hover{border-color:var(--ac);color:var(--ac)}.site-header__auth-btn--primary{border:none;background:linear-gradient(135deg,#0891b2,#10b5cf);color:#fff;box-shadow:0 4px 12px rgba(8,145,178,.25)}.site-header__auth-btn--primary:hover{filter:brightness(1.05);color:#fff;border:none}.auth-page{display:flex;justify-content:center}.auth-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 22px 20px;box-shadow:0 1px 3px rgba(18,48,56,.04)}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-label{font-size:11px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}.auth-input{width:100%;border:1px solid var(--line);background:#fbfeff;color:var(--ink);border-radius:12px;padding:12px 14px;font-size:14px;font-family:var(--font-ui)}.auth-input:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in oklab,var(--ac) 18%,transparent)}.auth-error{margin:0;padding:10px 12px;border-radius:10px;background:#fff1f3;color:#b42343;border:1px solid #ffd0d8;font-size:13px;font-weight:500}.auth-submit{width:100%;justify-content:center}.auth-switch{margin:2px 0 0;font-size:13px;color:var(--muted);text-align:center}.auth-switch a{color:var(--ac);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-loading{margin:0;color:var(--muted);font-size:13px}.profile-page{padding-bottom:80px}.profile-stack{display:flex;flex-direction:column;gap:16px}.profile-hero{gap:16px;padding:16px!important}.profile-avatar,.profile-hero{display:flex;align-items:center}.profile-avatar{width:64px;height:64px;border-radius:18px;flex:none;justify-content:center;background:linear-gradient(135deg,#0891b2,#10b5cf);color:#fff;font-weight:800;font-size:20px;letter-spacing:.02em;box-shadow:0 6px 18px rgba(8,145,178,.28)}.profile-hero__meta{min-width:0}.profile-hero__name{font-weight:800;font-size:18px;letter-spacing:-.02em}.profile-hero__email{font-size:13px;color:var(--muted);margin-top:2px;word-break:break-all}.profile-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.profile-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#eef5f7;border:1px solid var(--line);border-radius:999px;padding:4px 9px}.profile-badge--ok{color:#0f766e;background:#ecfdf8;border-color:#b6ebe0}.profile-card{display:flex;flex-direction:column;gap:12px}.profile-card .btn-primary{align-self:flex-start}.profile-ok{margin:0;padding:10px 12px;border-radius:10px;background:#ecfdf8;color:#0f766e;border:1px solid #b6ebe0;font-size:13px;font-weight:500}a.site-header__user{text-decoration:none;color:var(--ink)}a.site-header__user:hover{color:var(--ac)}.guide-main{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;max-width:1180px;margin:0 auto;padding:28px 24px 60px}.viewer-card{flex:1 1 350px;max-width:500px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;position:-webkit-sticky;position:sticky;top:84px;box-shadow:0 1px 3px rgba(18,48,56,.04)}.viewer-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.viewer-card__hint{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--faint)}.viewer-card__reset{border:1px solid #dcebef;background:var(--card);color:var(--muted);font-weight:500;font-size:12px;padding:7px 12px;border-radius:9px;cursor:pointer;white-space:nowrap;flex:none}.viewer-card__reset:hover{border-color:var(--ac);color:var(--ac)}.viewer-card__canvas{height:540px;border-radius:14px;background:linear-gradient(180deg,#fbfeff,#f1f8fa);border:1px solid #ecf4f6;overflow:hidden;position:relative}.viewer-card__legend{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;gap:14px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:11.5px;color:#41626d}.viewer-card__legend span{display:flex;align-items:center;gap:6px}.viewer-card__legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.guide-panel{flex:1.25 1 360px;min-width:0;display:flex;flex-direction:column;gap:22px}.guide-panel h2{margin:4px 0;font-size:22px;font-weight:800;letter-spacing:-.02em}.guide-panel .lede{margin:0 0 16px;font-size:13.5px;color:var(--muted)}.guide-panel h3{margin:26px 0 10px;font-size:15px;font-weight:700;color:#41626d}.guide-panel h3 .note{font-weight:400;color:var(--faint)}.back-btn{border:none;background:none;color:var(--muted);font-weight:500;font-size:13px;padding:0;cursor:pointer;margin-bottom:10px;text-align:left}.back-btn:hover{color:var(--ac)}.chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px}.chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px 15px;cursor:pointer;text-align:left;transition:all .2s;color:var(--ink)}.chip:hover{border-color:var(--ac);box-shadow:0 2px 8px rgba(8,145,178,.1)}.chip__vn{font-weight:600;font-size:14px}.chip__en{font-size:11.5px;color:var(--faint)}.chip__count{font-size:11.5px;color:var(--ac);font-weight:600;margin-top:2px}.ex-index{display:flex;flex-direction:column;gap:6px}.ex-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px 14px;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s}.ex-row:hover{border-color:var(--ac);transform:translateX(3px);box-shadow:0 2px 10px rgba(8,145,178,.1)}.ex-row__en{font-weight:600;font-size:13.5px;color:var(--ink);flex:none}.ex-row__vn{font-size:12px;color:var(--faint);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-row__muscle{font-size:11px;font-weight:600;color:var(--ac);background:color-mix(in oklab,var(--ac) 10%,white);padding:3px 9px;border-radius:99px;flex:none}.ex-list{gap:10px}.ex-card,.ex-list{display:flex;flex-direction:column}.ex-card{gap:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;text-align:left}.ex-card:hover{border-color:var(--ac);box-shadow:0 3px 12px rgba(8,145,178,.1)}.ex-card__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ex-card__en{font-weight:700;font-size:15.5px;color:var(--ink)}.ex-card__vn{font-size:13px;color:var(--muted)}.ex-card__sets{font-size:12.5px;color:var(--ac);font-weight:600}.ex-carousel-bar{display:none}.ex-carousel__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 6px}.ex-carousel__head .back-btn{margin-bottom:0}.ex-carousel__title{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}.ex-carousel__count{font-weight:500;color:var(--faint)}.ex-carousel__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 6px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ex-carousel__track::-webkit-scrollbar{display:none}.ex-carousel__card{flex:none;scroll-snap-align:start;width:172px;display:flex;flex-direction:column;gap:5px;background:rgba(255,255,255,.92);border:1px solid rgba(18,48,56,.08);border-radius:14px;padding:11px 13px;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.ex-carousel__card:active{transform:scale(.97);border-color:var(--ac)}.ex-carousel__card .ex-card__en{font-size:13.5px}.ex-carousel__card .ex-card__vn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-weight:600;font-size:11px;padding:3px 10px;border-radius:99px;flex:none}.detail-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 1px 3px rgba(18,48,56,.04)}.detail-card__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.detail-card__title-row h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.detail-card__vn{margin:0 0 16px;font-size:14px;color:var(--muted)}.detail-card__media{height:200px;border-radius:16px;position:relative;background:radial-gradient(300px 160px at 30% 20%,rgba(8,145,178,.16),transparent 60%),radial-gradient(260px 160px at 78% 85%,rgba(13,148,136,.12),transparent 60%),linear-gradient(150deg,#eaf6f9,#dcedf2);flex-direction:column;gap:10px;margin-bottom:18px;font:600 12px var(--font-ui);color:#41626d}.detail-card__media,.detail-card__media:before{display:flex;align-items:center;justify-content:center}.detail-card__media:before{content:"▶";width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ac);font-size:17px;padding-left:4px;box-shadow:0 8px 22px rgba(18,48,56,.14)}.detail-card__stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.stat{flex:1 1;min-width:130px;background:#f4f9fa;border-radius:12px;padding:12px 16px}.stat__label{font-size:11px;color:var(--faint);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat__value{font-size:17px;font-weight:700;margin-top:2px}.stat__value--accent{color:var(--ac)}.detail-card h3{margin:0 0 10px;font-size:15px;font-weight:700}.steps{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.step{display:flex;gap:12px;align-items:flex-start}.step__n{flex:none;width:24px;height:24px;border-radius:50%;background:color-mix(in oklab,var(--ac) 12%,white);color:var(--ac);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.step__text{font-size:14px;line-height:1.55;color:#2c4d57}.sec-chips{display:flex;gap:8px;flex-wrap:wrap}.sec-chip{border:1px solid color-mix(in oklab,var(--ac) 35%,white);background:color-mix(in oklab,var(--ac) 8%,white);color:var(--ac);font-weight:600;font-size:12.5px;padding:7px 14px;border-radius:99px;cursor:pointer}.sec-chip:hover{background:color-mix(in oklab,var(--ac) 18%,white)}@media (max-width:900px){.guide-main{gap:18px;padding:16px 14px 48px}.viewer-card{position:static;max-width:none;flex-basis:100%}.viewer-card__canvas{height:min(58vh,460px)}}@media (max-width:600px){.site-header{padding:12px 14px;gap:10px}.site-header__status,.site-header__sub{display:none}.site-header__user{max-width:96px}.guide-main{gap:14px;padding:12px 10px 40px}.viewer-card{padding:12px;border-radius:16px}.viewer-card__canvas{height:min(52vh,420px);border-radius:12px}.viewer-card__hint{font-size:11px}.chip-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.guide-panel h2{font-size:20px}.guide-panel .lede{font-size:13px}.detail-card{padding:16px 14px;border-radius:16px}.detail-card__title-row h2{font-size:22px}.ex-row{padding:10px 12px}.ex-card{padding:13px 14px}}.header-nav{display:flex;gap:4px;margin-left:18px}.header-nav__link{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;padding:7px 12px;border-radius:9px}.header-nav__link:hover{color:var(--ac);background:color-mix(in oklab,var(--ac) 6%,white)}.header-nav__link--on{color:var(--ac);background:color-mix(in oklab,var(--ac) 10%,white)}.mobile-nav,.mobile-nav-spacer{display:none}@media (max-width:900px){.header-nav{display:none}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(18,48,56,.08);padding:7px 6px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(18,48,56,.1)}.mobile-nav__item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--faint);text-decoration:none;font-size:10.5px;font-weight:600;min-width:0;padding:6px 0;border-radius:13px}.mobile-nav__item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav__item--on{color:var(--ac);background:color-mix(in oklab,var(--ac) 9%,white)}.mobile-nav-spacer{display:block;height:64px}}.page-main{max-width:1180px;margin:0 auto;padding:28px 24px 60px}.page-title{margin:4px 0;font-size:22px;font-weight:800;letter-spacing:-.02em}.page-main .lede{margin:0 0 18px;font-size:13.5px;color:var(--muted)}.card-block{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:18px;box-shadow:0 1px 3px rgba(18,48,56,.04)}.card-block__title{margin:0 0 12px;font-size:15px;font-weight:700;color:#41626d}.btn-primary{border:none;background:linear-gradient(135deg,#0891b2,#10b5cf);color:#fff;font-weight:700;font-size:13.5px;padding:11px 19px;border-radius:12px;cursor:pointer;box-shadow:0 6px 18px rgba(8,145,178,.3);transition:transform .15s,box-shadow .15s,filter .15s;min-height:44px}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 9px 24px rgba(8,145,178,.36)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.seg-group{display:inline-flex;flex-wrap:wrap;gap:6px;background:#eef5f7;border-radius:12px;padding:4px}.seg-btn{border:1px solid transparent;background:none;color:var(--muted);font-weight:600;font-size:12.5px;padding:7px 13px;border-radius:9px;cursor:pointer}.seg-btn--on,.seg-btn:hover{color:var(--ac)}.seg-btn--on{background:var(--card);border-color:var(--line);box-shadow:0 1px 2px rgba(18,48,56,.06)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.stat-tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 16px}.stat-tile__label{font-size:11px;color:var(--faint);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-tile__value{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-top:2px}.stat-tile__value--accent{color:var(--ac)}.stat-tile__sub{font-size:11.5px;color:var(--muted);margin-top:2px}.heatmap{--hm-cell:12px;--hm-gap:3px}.heatmap__scroll{overflow-x:auto;padding-bottom:4px}.heatmap__inner{display:inline-block;min-width:100%}.heatmap__months{position:relative;height:16px;margin-left:26px;font-size:10.5px;color:var(--faint)}.heatmap__months span{position:absolute;top:0}.heatmap__body{display:flex;gap:6px}.heatmap__days{display:flex;flex-direction:column;gap:var(--hm-gap);width:20px}.heatmap__days span{height:var(--hm-cell);font-size:9.5px;color:var(--faint);line-height:var(--hm-cell)}.heatmap__col,.heatmap__grid{display:flex;gap:var(--hm-gap)}.heatmap__col{flex-direction:column}.heatmap__cell{width:var(--hm-cell);height:var(--hm-cell);border-radius:3px;border:1px solid rgba(18,48,56,.06)}.heatmap__legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:8px;font-size:10.5px;color:var(--faint)}.heatmap__legend i{width:11px;height:11px;border-radius:3px;border:1px solid rgba(18,48,56,.06)}.week-row{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.week-day{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--line);border-radius:12px;padding:10px 4px}.week-day__label{font-size:11px;font-weight:700;color:var(--faint)}.week-day__plan{font-size:11.5px;font-weight:600;color:var(--ink)}.week-day__mark{font-size:12px;height:16px;color:var(--ac);font-weight:800}.week-day--done{background:color-mix(in oklab,var(--ac) 8%,white);border-color:color-mix(in oklab,var(--ac) 30%,white)}.week-day--planned{background:var(--card)}.week-day--rest{opacity:.55}.session-list{display:flex;flex-direction:column;gap:8px}.session-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px 14px}.session-row__main{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0}.session-row__name{font-weight:700;font-size:13.5px}.session-row__day{font-size:11.5px;color:var(--faint)}.session-row__meta{font-size:12px;color:var(--muted);flex:none}.session-row__meta--accent{color:var(--ac);font-weight:700}.plan-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.split-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.split-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.split-card__head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.split-card__day{font-size:10.5px;font-weight:700;color:var(--ac);text-transform:uppercase;letter-spacing:.05em}.split-card__title{font-size:16px;font-weight:800;letter-spacing:-.01em}.split-card__muscles{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.split-card__muscle{border:none;cursor:pointer}.split-card__exs{display:flex;flex-direction:column;gap:6px}.split-card__ex{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fbfdfe;border-radius:10px;padding:8px 10px;cursor:pointer;text-align:left}.split-card__ex:hover{border-color:var(--ac)}.split-card__ex-name{font-weight:600;font-size:12.5px;flex:1 1;min-width:0}.split-card__ex-sets{font-size:11.5px;color:var(--ac);font-weight:600;flex:none}.kcal-row{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.kcal-row__value{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ac)}.kcal-row__value span{font-size:14px;font-weight:600;color:var(--faint)}.kcal-row__bars{flex:1 1;min-width:240px;display:flex;flex-direction:column;gap:10px}.macro-bar__head{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:4px}.macro-bar__nums{color:var(--faint);font-weight:500}.macro-bar__track{height:8px;border-radius:99px;overflow:hidden}.macro-bar__fill{height:100%;border-radius:99px;transition:width .25s ease}.meal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.meal-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.meal-card__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.meal-card__head h3{margin:0;font-size:15px;font-weight:800}.meal-card__kcal{font-size:12px;font-weight:700;color:var(--ac)}.meal-card__empty{margin:0 0 10px;font-size:12.5px;color:var(--faint)}.meal-card__items{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.meal-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.meal-item__name{font-size:12.5px;font-weight:600;flex:1 1;min-width:0}.meal-item__macros{font-size:11px;color:var(--faint);flex:none}.meal-item__remove{border:none;background:none;color:var(--faint);font-size:16px;cursor:pointer;padding:0 2px;line-height:1}.meal-item__remove:hover{color:#b0553a}.meal-card__add{width:100%;border:1px dashed #c8dde3;background:none;color:var(--ac);font-weight:600;font-size:12.5px;padding:9px;border-radius:10px;cursor:pointer}.meal-card__add:hover{background:color-mix(in oklab,var(--ac) 5%,white)}.food-picker{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}.food-picker__item{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--line);background:#fbfdfe;border-radius:9px;padding:7px 10px;cursor:pointer;text-align:left;font-size:12.5px;font-weight:600}.food-picker__item:hover{border-color:var(--ac)}.booking-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.booking-card{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer}.booking-card--on,.booking-card:hover{border-color:var(--ac)}.booking-card--on{box-shadow:0 2px 10px rgba(8,145,178,.12)}.booking-card__row{display:flex;align-items:center;gap:8px}.booking-card__name{font-weight:700;font-size:14.5px;flex:1 1;min-width:0}.booking-card__rating{font-size:12px;font-weight:700;color:#b7791f;flex:none}.booking-card__sub{font-size:12px;color:var(--muted)}.booking-card__price{font-size:12.5px;font-weight:700;color:var(--ac)}.booking-card__tags{display:flex;flex-wrap:wrap;gap:5px}.booking-card__tags i{font-style:normal;font-size:10.5px;font-weight:600;color:var(--muted);background:#eef5f7;border-radius:99px;padding:2px 8px}.pt-avatar{width:30px;height:30px;border-radius:50%;flex:none;background:color-mix(in oklab,var(--ac) 14%,white);color:var(--ac);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center}.day-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.day-chip{display:flex;flex-direction:column;align-items:center;gap:1px;flex:none;border:1px solid var(--line);background:var(--card);border-radius:11px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:12px;color:var(--ink)}.day-chip__sub{font-size:10.5px;color:var(--faint);font-weight:500}.day-chip--on{border-color:var(--ac);background:color-mix(in oklab,var(--ac) 8%,white);color:var(--ac)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));grid-gap:8px;gap:8px}.slot{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:9px 0;cursor:pointer;font-weight:600;font-size:12.5px;color:var(--ink)}.slot--on,.slot:hover:not(:disabled){border-color:var(--ac)}.slot--on{background:var(--ac);color:#fff}.slot--taken{opacity:.35;cursor:not-allowed;text-decoration:line-through}.booking-confirm{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.booking-confirm__summary{flex:1 1;min-width:200px;font-size:13px;color:var(--muted)}.onboard-backdrop{position:fixed;inset:0;z-index:50;background:rgba(18,48,56,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}.onboard-card{background:var(--card);border-radius:20px;padding:24px;max-width:520px;width:100%;max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 12px 40px rgba(18,48,56,.18)}.onboard-card h2{margin:0 0 4px;font-size:21px;font-weight:800;letter-spacing:-.02em}.onboard-levels{gap:8px;margin-bottom:16px}.onboard-level,.onboard-levels{display:flex;flex-direction:column}.onboard-level{gap:2px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:13px;padding:12px 14px;cursor:pointer}.onboard-level--on,.onboard-level:hover{border-color:var(--ac)}.onboard-level--on{background:color-mix(in oklab,var(--ac) 7%,white)}.onboard-level__label{font-weight:700;font-size:14px}.onboard-level__desc{font-size:12px;color:var(--muted)}.onboard-goal-label{font-size:11px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.onboard-goals{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.goal-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:600;font-size:12.5px;padding:8px 16px;border-radius:99px;cursor:pointer}.goal-chip--on{border-color:var(--ac);background:color-mix(in oklab,var(--ac) 10%,white);color:var(--ac)}.onboard-actions{display:flex;justify-content:flex-end;gap:8px}.reco-strip{margin-bottom:24px}.reco-strip__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.reco-strip__head h3{font-size:15px;font-weight:800}.reco-strip__scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.reco-card{display:flex;flex-direction:column;gap:4px;flex:none;width:190px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:12px 14px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.reco-card:hover{border-color:var(--ac);transform:translateY(-2px);box-shadow:0 6px 16px rgba(8,145,178,.14)}.reco-card__muscle{font-size:10.5px;font-weight:700;color:var(--ac);text-transform:uppercase;letter-spacing:.05em}.reco-card__name{font-weight:700;font-size:13.5px}.reco-card__row{display:flex;align-items:center;gap:8px}@media (max-width:900px){.page-main{padding:18px 14px 48px}.page-main>.fade-up>.panel-h-row{align-items:flex-start!important;flex-direction:column}.page-main>.fade-up>.panel-h-row .btn-primary{width:100%;text-align:center}}@media (max-width:600px){.page-main{padding:14px 12px 36px}.page-title{font-size:20px}.page-main .lede{font-size:13px;line-height:1.5}.card-block{padding:14px;border-radius:16px;margin-bottom:12px}.stat-row{grid-template-columns:repeat(2,1fr)}.stat-tile__value{font-size:19px}.week-row{gap:5px}.week-day__plan{font-size:10px}.kcal-row__value{font-size:25px}.booking-cards,.meal-grid,.split-grid{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(4,1fr)}.seg-group{display:flex;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.seg-group::-webkit-scrollbar{display:none}.seg-btn{flex:1 0 auto;min-height:40px;padding:8px 12px}.session-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px 10px;gap:6px 10px;align-items:center;padding:12px}.session-row__main{grid-row:span 2}.session-row__meta{white-space:nowrap}.booking-card,.meal-card,.split-card,.wo-card{padding:14px;border-radius:14px}.booking-card__row,.meal-card__head,.split-card__head,.wo-card__head{align-items:flex-start}.split-card__ex{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:5px 8px;gap:5px 8px;align-items:center;min-height:48px}.split-card__ex .badge{grid-column:1/-1;width:max-content}.food-picker__item,.meal-item{align-items:flex-start;gap:6px}.meal-item__macros{white-space:normal;text-align:right}.booking-confirm .btn-primary{width:100%}}.immersive{position:relative;display:flex;flex-direction:column;height:100dvh;overflow:hidden}.immersive .site-header{position:absolute;top:0;left:0;right:0;z-index:10;background:transparent;border-bottom:none}.immersive__stage{position:relative;flex:1 1;min-height:0;background:radial-gradient(720px 480px at 38% 30%,rgba(8,145,178,.1),transparent 62%),radial-gradient(900px 620px at 82% 90%,rgba(13,148,136,.07),transparent 60%),radial-gradient(circle at 50% 120%,rgba(18,48,56,.08),transparent 45%),linear-gradient(180deg,#fdfeff,#eaf4f7)}.immersive__stage:before{content:"";position:absolute;inset:auto 0 0 0;height:46%;background-image:radial-gradient(rgba(18,48,56,.1) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 70%,rgba(0,0,0,.7));mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 70%,rgba(0,0,0,.7));pointer-events:none}@media (max-width:900px){.immersive{height:calc(100dvh - 64px)}}.stage-viewport{position:absolute;inset:0;z-index:1;min-height:0}.stage-viewport .viewer-host,.stage-viewport>div:first-child{width:100%;height:100%}.muscle-rail{position:absolute;left:16px;top:86px;bottom:150px;z-index:6;display:flex;flex-direction:column;gap:3px;overflow-y:auto;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.75);border-radius:18px;padding:6px;width:138px;height:max-content;max-height:calc(100% - 236px);box-shadow:0 6px 22px rgba(18,48,56,.08);scrollbar-width:none}.muscle-rail::-webkit-scrollbar{display:none}.rail-pill{flex:none;border:none;border-radius:11px;text-align:left;background:transparent;color:#41626d;font-weight:650;font-size:12.5px;padding:9px 12px;cursor:pointer;transition:color .15s,background .15s,transform .15s}.rail-pill:hover{color:var(--ac);background:rgba(8,145,178,.08)}.rail-pill:active{transform:scale(.96)}.rail-pill--on{background:linear-gradient(135deg,#0891b2,#10b5cf);color:#fff;box-shadow:0 4px 14px rgba(8,145,178,.35)}.zoom-ctl{position:absolute;left:16px;bottom:18px;z-index:6;display:flex;flex-direction:column;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.75);border-radius:14px;padding:4px;box-shadow:0 6px 22px rgba(18,48,56,.08)}.zoom-ctl button{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:#41626d;font-size:17px;font-weight:700;cursor:pointer;transition:color .15s,background .15s}.zoom-ctl button:hover{color:var(--ac);background:rgba(8,145,178,.08)}.stage-hint,.stage-legend{position:absolute;left:50%;transform:translateX(-50%);bottom:18px;z-index:5;font-size:11.5px;color:#41626d;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.75);border-radius:99px;padding:9px 15px;box-shadow:0 4px 16px rgba(18,48,56,.06);max-width:calc(100% - 120px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-legend{display:flex;gap:14px}.stage-legend span{display:flex;align-items:center;gap:6px}.stage-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.float-panel{position:absolute;top:86px;right:16px;bottom:16px;z-index:7;width:420px;display:flex;flex-direction:column}.float-panel__body{flex:1 1;min-height:0;overflow-y:auto;padding:2px 2px 6px;scrollbar-width:none}.float-panel__body::-webkit-scrollbar{display:none}.panel-stack{display:flex;flex-direction:column;gap:12px}.glass-card{background:rgba(255,255,255,.68);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:16px;box-shadow:0 10px 32px rgba(18,48,56,.09)}.float-panel .detail-card{border:none;box-shadow:none;padding:0;background:transparent}.float-panel .ex-card,.float-panel .ex-row,.float-panel .reco-card{background:rgba(255,255,255,.78);border-color:rgba(18,48,56,.07)}.panel-h{margin:14px 0 8px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.glass-card .panel-h-row:first-child .panel-h,.glass-card>.panel-h:first-child,.panel-h:first-child{margin-top:0}.panel-h-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.search-box{width:100%;border:1px solid rgba(18,48,56,.08);border-radius:12px;background:rgba(255,255,255,.85);color:var(--ink);font:500 13.5px var(--font-ui);padding:12px 14px;transition:border-color .15s,box-shadow .15s}.search-box:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in oklab,var(--ac) 18%,transparent)}.search-box+.panel-h{margin-top:14px}.fav-btn{flex:none;border:none;background:none;cursor:pointer;font-size:16px;line-height:1;color:#b9cdd4;padding:2px 4px;transition:color .15s,transform .15s}.fav-btn:hover{color:#e0526b;transform:scale(1.15)}.fav-btn--on{color:#e0526b}.fav-btn--lg{font-size:22px;margin-left:auto}.sheet-backdrop,.sheet-chip{display:none}@media (max-width:900px){.site-header{padding:10px 14px;min-height:56px}.site-header__logo{width:34px;height:34px;border-radius:11px}.site-header__name{font-size:16px}.site-header__sub{font-size:11px}.site-header__status{display:none}.immersive .site-header{background:linear-gradient(180deg,rgba(253,254,255,.94),rgba(253,254,255,.72) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.immersive__stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"rail" "model" "sheetbar";padding-top:58px;overflow:hidden}.muscle-rail{grid-area:rail;position:relative;top:auto;bottom:auto;left:auto;right:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;width:auto;max-width:none;max-height:none;height:auto;margin:2px 10px 6px;padding:4px;border-radius:99px;background:rgba(255,255,255,.72);box-shadow:0 6px 22px rgba(18,48,56,.08)}.rail-pill{text-align:center;border-radius:99px;padding:8px 13px;font-size:11.5px;min-height:36px;white-space:nowrap}.stage-viewport{grid-area:model;position:relative;inset:auto;margin:0;border-radius:0;overflow:hidden;border:none;box-shadow:none;--model-ui-inset:12px}.zoom-ctl{right:var(--model-ui-inset);bottom:calc(var(--model-ui-inset) + 2px);top:auto;left:auto;flex-direction:row;padding:3px;border-radius:12px}.zoom-ctl button{width:34px;height:34px;font-size:16px}.stage-hint,.stage-legend{display:block;left:var(--model-ui-inset);bottom:calc(var(--model-ui-inset) + 5px);transform:none;font-size:10px;padding:6px 12px;max-width:calc(100% - 148px);text-align:left}.stage-legend{display:flex;gap:10px}.sheet-chip{grid-area:sheetbar;display:block;position:relative;left:auto;right:auto;bottom:auto;transform:none;margin:6px auto 8px;border:1px solid rgba(255,255,255,.8);border-radius:99px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);font-weight:700;font-size:12px;min-height:40px;padding:9px 18px;cursor:pointer;box-shadow:0 4px 16px rgba(18,48,56,.1);max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:8}.ex-carousel-bar{grid-area:sheetbar;display:flex;flex-direction:column;gap:6px;margin:4px 10px 8px;padding:10px 0 4px;border-radius:20px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.85);box-shadow:0 6px 22px rgba(18,48,56,.1);z-index:8}.sheet-backdrop{display:block;position:fixed;inset:0;z-index:18;background:rgba(18,48,56,.22);opacity:0;pointer-events:none;transition:opacity .25s ease}.sheet-backdrop--on{opacity:1;pointer-events:auto}.float-panel{position:fixed;top:auto;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom, 0px));width:auto;max-height:min(62dvh,560px);z-index:20;border-radius:20px 20px 0 0;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-bottom:none;box-shadow:0 -12px 40px rgba(18,48,56,.14);transform:translateY(0);transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}.float-panel:before{content:"";display:block;width:36px;height:4px;border-radius:99px;background:rgba(18,48,56,.14);margin:8px auto 4px;flex:none}.float-panel__body{padding:0 12px calc(14px + env(safe-area-inset-bottom, 0px));overscroll-behavior:contain}.float-panel--min{transform:translateY(110%);opacity:0;pointer-events:none}.float-panel .glass-card{border-radius:16px;padding:14px;box-shadow:none;background:rgba(255,255,255,.9)}.float-panel .panel-stack{gap:10px}.float-panel .search-box{min-height:44px;font-size:16px}.float-panel .reco-card{width:168px}.float-panel .detail-card__media{height:132px;border-radius:14px}.float-panel .detail-card__title-row h2{font-size:22px;line-height:1.15}.float-panel .detail-card__stats{display:grid;grid-template-columns:1fr 1fr}.float-panel .stat{min-width:0;padding:11px 12px}.float-panel .btn-primary{width:100%;text-align:center}.float-panel .ex-row{min-height:50px}}@media (max-width:600px){.site-header{padding:9px 12px}.immersive__stage{padding-top:54px}.muscle-rail{margin:0 8px 4px;padding:3px}.rail-pill{padding:7px 11px;font-size:11px;min-height:34px}.zoom-ctl button{width:32px;height:32px}.ex-carousel-bar{margin:4px 8px 6px}.ex-carousel__card{width:152px;padding:10px 12px}.stage-hint,.stage-legend{bottom:12px;font-size:9.5px;max-width:calc(100% - 142px)}.sheet-chip{margin-bottom:7px;max-width:calc(100% - 24px)}.float-panel{max-height:min(66dvh,560px);border-radius:18px 18px 0 0}.float-panel__body{padding-inline:10px}.glass-card{padding:13px}.ex-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:4px 8px;gap:4px 8px;align-items:center;padding:11px 12px;border-radius:13px}.ex-row__en{grid-column:1;grid-row:1;flex:auto;font-size:13.5px}.ex-row__en,.ex-row__vn{min-width:0;white-space:normal}.ex-row__vn{grid-column:1/-1;grid-row:2;line-height:1.35}.ex-row__muscle{grid-column:2;width:max-content;font-size:10.5px;padding:3px 8px}.ex-row__muscle,.fav-btn{grid-row:1;align-self:start}.fav-btn{grid-column:3;justify-self:end;min-width:30px;min-height:30px}.ex-card{padding:13px;border-radius:13px}.detail-card__stats{grid-template-columns:1fr;gap:8px}.step{gap:10px}.step__text{font-size:13.5px;line-height:1.5}.sec-chip{padding:8px 12px;font-size:12px}}.wo-progress{height:8px;border-radius:99px;background:#e4eef1;overflow:hidden;margin-bottom:18px}.wo-progress__fill{height:100%;border-radius:99px;background:var(--ac);transition:width .25s ease}.wo-list{display:flex;flex-direction:column;gap:10px}.wo-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;transition:border-color .2s}.wo-card--done{border-color:color-mix(in oklab,var(--ac) 45%,white);background:color-mix(in oklab,var(--ac) 4%,white)}.wo-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.wo-card__name{font-weight:800;font-size:15.5px;letter-spacing:-.01em}.wo-card__sub{font-size:12px;color:var(--faint);margin-top:1px}.wo-card__check{color:var(--ac);font-weight:800;font-size:18px}.set-dots{display:flex;gap:8px;flex-wrap:wrap}.set-dot{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);font-weight:700;font-size:13px;color:var(--muted);cursor:pointer;transition:all .15s}.set-dot:hover{border-color:var(--ac);color:var(--ac)}.set-dot--on{background:var(--ac);border-color:var(--ac);color:#fff}.rest-pill{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:40;display:flex;align-items:center;gap:12px;background:#123038;color:#fff;border-radius:99px;padding:11px 18px;font-size:13.5px;box-shadow:0 8px 28px rgba(18,48,56,.35)}.rest-pill b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#7ce3f7}.rest-pill button{border:1px solid rgba(255,255,255,.25);background:none;color:#cfe9f0;font:600 11.5px var(--font-ui);border-radius:99px;padding:4px 11px;cursor:pointer}@media (max-width:900px){.rest-pill{bottom:78px}}.wo-done{text-align:center;padding:44px 16px}.wo-done__check{width:74px;height:74px;border-radius:50%;margin:0 auto 16px;background:color-mix(in oklab,var(--ac) 12%,white);color:var(--ac);font-size:34px;font-weight:800;display:flex;align-items:center;justify-content:center}.split-card__start{margin-top:12px;text-align:center;text-decoration:none;font-size:12.5px;padding:10px 14px;display:block}.tune-root{position:fixed;inset:0;background:#0f1419;color:#e8f0f2;font-family:var(--font-ui)}.tune-root .viewer-host{position:absolute;inset:0}.tune-panel{position:fixed;top:12px;z-index:10;width:240px;background:rgba(15,20,25,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;font-size:12px;max-height:calc(100vh - 24px);overflow:auto}.tune-panel--left{left:12px}.tune-panel--right{right:12px;width:280px}.tune-panel h1{margin:0 0 8px;font-size:14px;font-weight:700}.tune-panel h2{margin:14px 0 8px;font-size:12px;color:#8aa3ad;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.tune-panel p{margin:0 0 10px;color:#8aa3ad;line-height:1.45}.tune-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#c5d5db;font-weight:500;font-size:11px;font-family:inherit;padding:6px 8px;border-radius:8px;cursor:pointer}.tune-btn:hover{border-color:var(--ac)}.tune-btn--on,.tune-btn--primary{background:var(--ac);border-color:var(--ac);color:#fff}.tune-btn--primary{font-weight:600;flex:1 1}.tune-btn--danger{border-color:#7f1d1d;color:#fca5a5}.tune-btn--danger:hover{background:rgba(127,29,29,.25);border-color:#7f1d1d}.tune-modes{display:flex;gap:6px;margin-bottom:10px}.tune-muscles{display:flex;flex-direction:column;gap:4px}.tune-muscles button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid transparent;background:rgba(255,255,255,.04);color:#d0dde2;font-weight:500;font-size:11.5px;font-family:inherit;padding:6px 8px;border-radius:8px;cursor:pointer}.tune-muscles button.on{border-color:var(--ac);background:rgba(8,145,178,.15)}.tune-swatch{width:10px;height:10px;border-radius:3px;flex:none}.tune-shape-pick{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.tune-row-btns{display:flex;gap:6px;margin-bottom:8px}.tune-row-btns .tune-btn{flex:1 1;font-size:10px;padding:5px 4px}.tune-slider{margin-bottom:10px}.tune-slider label{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:#a8c4cc;margin-bottom:4px}.tune-slider label span{color:#5eead4;font-family:ui-monospace,monospace;font-size:11px}.tune-slider input[type=range]{width:100%;accent-color:var(--ac);cursor:pointer}.tune-field{margin-bottom:10px}.tune-field label{display:block;font-size:11px;color:#8aa3ad;margin-bottom:4px}.tune-field input[type=text],.tune-field select{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:#e8f0f2;font-weight:500;font-size:12px;font-family:inherit;padding:7px 9px;border-radius:8px}.tune-save-row{display:flex;gap:6px;margin-top:12px;margin-bottom:12px}.tune-hint{font-size:10.5px;color:#6b8790;line-height:1.4;margin-top:8px}.tune-hint code{color:#5eead4}.tune-empty{color:#6b8790;font-size:11px;padding:8px 0}.tune-probe{position:fixed;bottom:12px;left:260px;right:300px;z-index:10;background:rgba(15,20,25,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 14px;font:500 11.5px/1.5 ui-monospace,monospace;color:#a8c4cc}.tune-probe code{color:#5eead4}.tune-back{color:#8aa3ad;text-decoration:none;font-size:11px;display:inline-block;margin-bottom:8px}.tune-back:hover{color:#e8f0f2}@media (max-width:760px){.tune-root{position:static;min-height:100vh}.tune-root .viewer-host{position:relative;inset:auto;height:46vh}.tune-panel{position:static;width:auto;max-height:none;margin:10px 10px 0;border-radius:12px}.tune-probe{position:static;margin:10px 10px 16px}}.lp{background:var(--bg);color:var(--ink)}.lp-wrap{max-width:1160px;margin:0 auto;padding:0 28px}.lp-eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}.lp-lede{margin:0;font-size:16px;line-height:1.65;color:var(--muted);max-width:540px}.lp-lede--center{margin-inline:auto;text-align:center}.lp-header{gap:20px;padding:14px 28px;background:color-mix(in oklab,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:30}.lp-header,.lp-header__brand{display:flex;align-items:center}.lp-header__brand{gap:12px;text-decoration:none;color:inherit;min-width:0}.lp-header__logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#0891b2,#10b5cf);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 4px 14px rgba(8,145,178,.28)}.lp-header__brand strong{display:block;font-size:16px;font-weight:800;letter-spacing:-.02em}.lp-header__brand small{display:block;font-size:11px;color:var(--muted);margin-top:1px}.lp-header__nav{display:flex;gap:22px;margin-left:12px}.lp-header__nav a{font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}.lp-header__nav a:hover{color:var(--ac)}.lp-header__actions{margin-left:auto;display:flex;align-items:center;gap:10px}.lp-header__link{font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:9px}.lp-header__link:hover{color:var(--ac);background:color-mix(in oklab,var(--ac) 6%,white)}.lp-header__cta{font-size:13px;font-weight:700;color:#fff;text-decoration:none;padding:9px 16px;border-radius:10px;background:linear-gradient(135deg,#0891b2,#10b5cf);box-shadow:0 4px 14px rgba(8,145,178,.28)}.lp-header__cta:hover{filter:brightness(1.06)}.lp-hero{position:relative;padding:72px 0 56px;overflow:hidden}.lp-hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 20%,rgba(8,145,178,.12),transparent 60%),radial-gradient(ellipse 50% 40% at 10% 80%,rgba(16,181,207,.08),transparent 55%),linear-gradient(180deg,#f8fcfd 0,var(--bg) 100%);pointer-events:none}.lp-hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:48px;gap:48px;align-items:center}.lp-hero h1{margin:0 0 18px;font-size:clamp(36px,5vw,54px);font-weight:800;line-height:1.08;letter-spacing:-.03em}.lp-hero h1 span{background:linear-gradient(135deg,#0891b2,#0e7490);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.lp-hero__note{margin:16px 0 0;font-size:12.5px;color:var(--faint)}.lp-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:12px;font:600 14px var(--font-ui);text-decoration:none;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.lp-btn--primary{color:#fff;background:linear-gradient(135deg,#0891b2,#10b5cf);box-shadow:0 6px 22px rgba(8,145,178,.3)}.lp-btn--primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 28px rgba(8,145,178,.34)}.lp-btn--ghost{color:var(--ink);background:var(--card);border:1px solid var(--line)}.lp-btn--ghost:hover{border-color:var(--ac);color:var(--ac)}.lp-btn--outline{color:var(--ac);background:transparent;border:2px solid color-mix(in oklab,var(--ac) 35%,var(--line))}.lp-btn--outline:hover{background:color-mix(in oklab,var(--ac) 6%,white)}.lp-btn--lg{padding:15px 28px;font-size:15px}.lp-stats{padding:28px 0 40px;border-bottom:1px solid var(--line)}.lp-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.lp-stats__item{text-align:center;padding:20px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.lp-stats__item strong{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.lp-stats__item span{display:block;margin-top:4px;font-size:12.5px;color:var(--muted)}.lp-section{padding:80px 0}.lp-section--alt{background:var(--card);border-block:1px solid var(--line)}.lp-section__head{text-align:center;margin-bottom:48px}.lp-section__head h2{margin:0 0 12px;font-size:clamp(28px,3.5vw,38px);font-weight:800;letter-spacing:-.02em}.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.lp-step{padding:24px 22px;border-radius:16px;border:1px solid var(--line);background:var(--bg)}.lp-step__n{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--ac);margin-bottom:12px}.lp-step h3{margin:0 0 8px;font-size:17px;font-weight:700}.lp-step p{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}.lp-modules{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.lp-module{padding:26px 24px;border-radius:18px;border:1px solid var(--line);background:var(--card);transition:border-color .2s,box-shadow .2s,transform .2s}.lp-module:hover{border-color:color-mix(in oklab,var(--ac) 40%,var(--line));box-shadow:0 10px 30px rgba(8,145,178,.08);transform:translateY(-2px)}.lp-module__tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ac);background:color-mix(in oklab,var(--ac) 10%,white);padding:4px 9px;border-radius:999px;margin-bottom:14px}.lp-module h3{margin:0 0 8px;font-size:18px;font-weight:700}.lp-module p{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}.lp-showcase{display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:center}.lp-showcase--reverse .lp-showcase__copy{order:2}.lp-showcase--reverse .lp-showcase__visual{order:1}.lp-showcase h2{margin:0 0 14px;font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.02em}.lp-bullets{margin:20px 0 0;padding:0;list-style:none}.lp-bullets li{position:relative;padding-left:22px;margin-bottom:10px;font-size:14px;color:var(--muted);line-height:1.5}.lp-bullets li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--ac)}.lp-mock{border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,#ffffff,#f3fafb);box-shadow:0 20px 50px rgba(18,48,56,.08);padding:24px;min-height:280px}.lp-mock__toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.lp-mock__pill{font-size:11px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--muted)}.lp-mock__pill--on{background:color-mix(in oklab,var(--ac) 12%,white);border-color:color-mix(in oklab,var(--ac) 35%,var(--line));color:var(--ac)}.lp-mock__body{height:160px;border-radius:14px;background:radial-gradient(circle at 50% 30%,rgba(8,145,178,.18),transparent 55%),linear-gradient(180deg,#e8f4f7,#dceef3);margin-bottom:16px}.lp-mock__card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:13px}.lp-mock__card strong{font-size:14px}.lp-mock__card span{color:var(--muted);font-size:12px}.lp-mock--data .lp-mock__stat-row{display:flex;gap:16px;margin-bottom:20px}.lp-mock--data .lp-mock__stat-row div{flex:1 1;padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--line)}.lp-mock--data .lp-mock__stat-row b{display:block;font-size:28px;font-weight:800;color:var(--ac)}.lp-mock--data .lp-mock__stat-row span{font-size:12px;color:var(--muted)}.lp-mock__heatmap{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.lp-mock__cell{aspect-ratio:1;border-radius:4px;background:#e4eef1}.lp-mock__cell--hi{background:color-mix(in oklab,var(--ac) 55%,#e4eef1)}.lp-mock--design{display:flex;gap:20px;align-items:center}.lp-mock__swatch{width:88px;height:88px;border-radius:18px;background:linear-gradient(135deg,#0891b2,#10b5cf);flex:none;box-shadow:0 8px 24px rgba(8,145,178,.3)}.lp-mock__type{flex:1 1;display:flex;flex-direction:column;gap:10px}.lp-mock__line{height:10px;border-radius:6px;background:var(--line);width:100%}.lp-mock__line--lg{height:16px;width:70%;background:color-mix(in oklab,var(--ac) 25%,var(--line))}.lp-mock__line--sm{width:45%}.lp-band{padding:64px 0;background:linear-gradient(135deg,#0e7490,#0891b2 50%,#10b5cf);color:#fff}.lp-band__inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.lp-band h2{margin:0 0 10px;font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.02em}.lp-band p{margin:0;font-size:15px;line-height:1.55;opacity:.9;max-width:480px}.lp-band__metrics{display:flex;gap:28px;flex:none}.lp-band__metrics div{text-align:center}.lp-band__metrics strong{display:block;font-size:32px;font-weight:800}.lp-band__metrics span{font-size:12px;opacity:.85}.lp-faq-wrap{max-width:720px}.lp-faq__item{border:1px solid var(--line);border-radius:14px;background:var(--bg);margin-bottom:10px;overflow:hidden}.lp-faq__item--open{border-color:color-mix(in oklab,var(--ac) 35%,var(--line))}.lp-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:none;background:none;font:600 15px var(--font-ui);color:var(--ink);text-align:left;cursor:pointer}.lp-faq__q span{font-size:20px;color:var(--ac);flex:none}.lp-faq__a{margin:0;padding:0 20px 18px;font-size:14px;line-height:1.6;color:var(--muted)}.lp-final{padding:72px 0 88px}.lp-final__card{text-align:center;padding:56px 40px;border-radius:24px;border:1px solid var(--line);background:radial-gradient(ellipse 70% 80% at 50% 0,rgba(8,145,178,.1),transparent 60%),var(--card)}.lp-final__card h2{margin:0 0 10px;font-size:clamp(26px,3vw,34px);font-weight:800}.lp-final__card p{margin:0 0 24px;color:var(--muted);font-size:15px}.lp-final__card .lp-hero__cta{justify-content:center}.lp-footer{border-top:1px solid var(--line);background:var(--card);padding:48px 0 0}.lp-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:32px;gap:32px;padding-bottom:32px}.lp-footer__brand strong{display:block;font-size:17px;font-weight:800;margin-bottom:8px}.lp-footer__brand p{margin:0;font-size:13px;color:var(--muted);line-height:1.5;max-width:280px}.lp-footer__col{display:flex;flex-direction:column;gap:8px}.lp-footer__col>span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:4px}.lp-footer__col a,.lp-footer__link{font-size:13px;color:var(--muted);text-decoration:none;text-align:left;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-ui)}.lp-footer__col a:hover,.lp-footer__link:hover{color:var(--ac)}.lp-footer__bottom{padding:18px 28px 24px;border-top:1px solid var(--line)}.lp-footer__bottom p{margin:0;font-size:12px;color:var(--faint);text-align:center}@media (max-width:960px){.lp-header__nav{display:none}.lp-hero__grid,.lp-showcase{grid-template-columns:1fr;gap:36px}.lp-showcase--reverse .lp-showcase__copy,.lp-showcase--reverse .lp-showcase__visual{order:unset}.lp-modules,.lp-stats__grid,.lp-steps{grid-template-columns:repeat(2,1fr)}.lp-band__inner{flex-direction:column;text-align:center}.lp-band p{max-width:none}.lp-footer__grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.lp-wrap{padding:0 18px}.lp-header{padding:12px 18px}.lp-header__brand small,.lp-header__link{display:none}.lp-hero{padding:48px 0 36px}.lp-section{padding:56px 0}.lp-modules,.lp-stats__grid,.lp-steps{grid-template-columns:1fr}.lp-band__metrics{width:100%;justify-content:space-around}.lp-footer__grid{grid-template-columns:1fr}.lp-final__card{padding:36px 22px}.lp-hero__cta .lp-btn{width:100%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.loading-spinner{width:48px;height:48px;border:3px solid color-mix(in oklab,var(--ac) 15%,transparent);border-top-color:var(--ac);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{margin-top:16px;font-size:14px;color:var(--muted)}