:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfbfa;--surface:#fff;--text:#151515;--muted:#6c6865;--line:#e7e2df;--soft-line:#f0ece9;--coral:#ff4f3f;--coral-dark:#ef3f2e;--coral-soft:#fff0ee;--teal:#2fb99d;--teal-soft:#edf9f6;--shadow:0 18px 50px #19151317;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit}.app-shell{background:linear-gradient(90deg,#fff 0 252px,#fbfbfa 252px);grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:26px;min-height:100vh;padding:27px 20px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:7px;font-size:23px;line-height:1;display:flex}.brand strong{color:var(--coral)}.brand-mark{width:30px;color:var(--coral);transform:rotate(12deg)}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav button{color:#171717;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:20px;height:60px;padding:0 12px;font-size:15px;display:flex}.sidebar nav button:nth-child(5),.sidebar nav button:nth-child(8){margin-bottom:22px;position:relative}.sidebar nav button:nth-child(5):after,.sidebar nav button:nth-child(8):after{content:"";border-bottom:1px solid var(--line);position:absolute;bottom:-15px;left:0;right:0}.sidebar nav button.active{color:var(--coral);box-shadow:inset 5px 0 0 var(--coral);background:linear-gradient(90deg,#ffe6e2 0,#fff3f1 100%);font-weight:650}.sidebar nav button:nth-child(4) svg{color:var(--teal)}.profile{border-top:1px solid var(--line);grid-template-columns:44px 1fr 16px;align-items:center;gap:11px;margin-top:auto;padding-top:22px;display:grid}.profile img{object-fit:cover;border-radius:50%;width:44px;height:44px}.profile strong,.profile span{font-size:14px;display:block}.profile span{color:var(--coral);margin-top:3px}.auth-card{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding-top:20px;display:grid}.auth-card>strong{font-size:14px}.auth-card>span{color:var(--muted);font-size:12px;line-height:1.35}.auth-card button{border:1px solid var(--coral);background:var(--coral);color:#fff;cursor:pointer;border-radius:7px;height:36px;font-size:13px;font-weight:700}.auth-card button.ghost,.auth-card .profile+button{color:var(--coral);background:0 0}.profile.compact{border-top:0;margin-top:0;padding-top:0}.avatar{background:var(--coral-soft);width:44px;height:44px;color:var(--coral);border-radius:50%;place-items:center;display:grid}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#ffffffb8;justify-content:space-between;align-items:center;gap:28px;min-height:101px;padding:22px 32px 20px;display:flex;position:sticky;top:0}.topbar h1,.section-heading h2,.today-heading h2,.panel-title h2{letter-spacing:0;margin:0;font-size:25px;line-height:1.1}.topbar p{color:var(--muted);margin:7px 0 0;font-size:15px}.top-actions{align-items:center;gap:17px;display:flex}.icon-button{color:#050505;cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;display:grid;position:relative}.icon-button.with-count span{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:750;display:grid;position:absolute;top:4px;right:4px}.primary-action,.panel-primary{background:linear-gradient(180deg, #ff5b4c 0%, var(--coral-dark) 100%);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:13px;height:54px;padding:0 35px;font-size:18px;font-weight:750;display:inline-flex;box-shadow:0 12px 28px #ff4f3f3d}.content-grid{grid-template-columns:minmax(650px,1fr) 346px;min-height:calc(100vh - 101px);display:grid}.main-column{border-right:1px solid var(--line);min-width:0;padding:20px 36px 28px 32px}.section-heading,.today-heading,.progress-head,.panel-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.text-action,.progress-head button,.panel-title button,.calorie-card button,.main-footer button{color:var(--coral);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:14px;display:inline-flex}.program-strip{grid-template-columns:repeat(4,minmax(145px,1fr));gap:18px;margin-top:15px;display:grid;position:relative}.program-card{background:var(--surface);text-align:left;cursor:pointer;border:1px solid #ded9d6;border-radius:8px;min-width:0;padding:4px 4px 12px;transition:transform .18s,border-color .18s,box-shadow .18s}.program-card.selected{border:2px solid var(--coral);box-shadow:0 12px 30px #ff4f3f1f}.program-card:hover{transform:translateY(-2px)}.program-image{background:#eee9e6;border-radius:6px;height:170px;display:block;position:relative;overflow:hidden}.art-card{isolation:isolate}.art-card:before{content:"";filter:blur(1px);z-index:-1;background:#ffffff94;border-radius:50%;width:34%;height:38%;position:absolute;inset:11% 10% auto auto}.figure-shape{background:radial-gradient(circle at 50% 8%,#1a1716 0 8%,#0000 9%),linear-gradient(112deg,#0000 0 24%,#111 25% 31%,#0000 32% 100%),linear-gradient(73deg,#0000 0 43%,#ff6a58 44% 55%,#0000 56% 100%),linear-gradient(104deg,#0000 0 54%,#111 55% 62%,#0000 63% 100%),linear-gradient(#0000 0 18%,#ff6a58 19% 54%,#151515 55% 100%);border-radius:48% 48% 44% 44%;width:36%;height:60%;position:absolute;top:18%;left:31%;transform:skew(-8deg);box-shadow:0 18px 28px #19141229}.program-image i{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-style:normal;display:grid;position:absolute;top:8px;right:8px}.program-image b{width:22px;height:22px;color:var(--coral);background:#ffffffe0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;left:8px}.program-card strong{padding:13px 10px 8px;font-size:15px;display:block}.meta-row{color:#5e5a57;align-items:center;gap:13px;padding:0 10px;font-size:12px;display:flex}.meta-row span,.today-heading strong{align-items:center;gap:5px;display:inline-flex}.today-heading{margin-top:35px}.today-heading span{color:#4c4846;margin-left:auto;font-size:15px}.today-heading strong{color:#3c3431;font-size:15px}.today-heading strong svg{color:var(--coral)}.routine-list{flex-direction:column;gap:14px;margin-top:18px;display:flex}.routine-row{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:8px;display:grid}.phase-label{grid-template-columns:43px 1fr;align-items:center;gap:10px;min-height:112px;display:grid}.phase-label>span{color:#fff;border-radius:50%;place-items:center;width:41px;height:41px;display:grid;box-shadow:0 10px 24px #ff4f3f30}.phase-label.warm>span,.phase-label.move>span{background:var(--coral)}.phase-label.cool>span{background:var(--teal)}.phase-label strong,.phase-label em{font-style:normal;display:block}.phase-label strong{font-size:15px}.phase-label em{color:#5f5b58;margin-top:5px;font-size:14px}.exercise-rail{border-radius:8px;grid-template-columns:repeat(5,minmax(100px,1fr));gap:14px;min-width:0;padding:8px 14px 12px;display:grid}.exercise-rail.warm,.exercise-rail.move{background:linear-gradient(90deg,#fff6f4 0%,#fff0ec 100%)}.exercise-rail.cool{background:linear-gradient(90deg,#eefbf8 0%,#e8f8f5 100%)}.exercise-tile{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.mini-art{background:linear-gradient(135deg,#ffffff61,#fff0),#eee9e5;border-radius:5px;height:82px;display:block;position:relative;overflow:hidden}.mini-art:before{content:"";background:#ffffff80;height:32%;position:absolute;inset:auto 0 0}.mini-art i{background:radial-gradient(circle at 50% 7%, #181514 0 9%, transparent 10%), linear-gradient(108deg, transparent 0 30%, #151515 31% 37%, transparent 38% 100%), linear-gradient(72deg, transparent 0 45%, var(--coral) 46% 58%, transparent 59% 100%), linear-gradient(180deg, transparent 0 19%, var(--coral) 20% 53%, #111 54% 100%);border-radius:45%;width:24%;height:58%;position:absolute;top:20%;left:39%}.mini-art.cool i{background:radial-gradient(circle at 50% 7%, #181514 0 9%, transparent 10%), linear-gradient(108deg, transparent 0 30%, #151515 31% 37%, transparent 38% 100%), linear-gradient(72deg, transparent 0 45%, var(--teal) 46% 58%, transparent 59% 100%), linear-gradient(180deg, transparent 0 19%, var(--teal) 20% 53%, #111 54% 100%)}.exercise-tile.done .mini-art{outline:2px solid var(--coral);outline-offset:-2px}.exercise-tile img{background:#eee9e5;border-radius:5px;height:82px}.exercise-tile strong{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:13px;line-height:1.1;display:block;overflow:hidden}.exercise-tile span{color:#4e4946;justify-content:space-between;gap:4px;margin-top:3px;font-size:13px;display:flex}.exercise-tile em{color:var(--coral);font-style:normal}.routine-list.previewing .exercise-tile:first-child{outline:2px solid var(--coral);outline-offset:3px;border-radius:6px}.main-footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:16px;padding-top:17px;display:flex}.detail-panel{background:#fff;min-width:0;padding:23px 25px 28px}.panel-title button{color:#111;letter-spacing:2px;font-size:22px;font-weight:800}.session-count{color:var(--muted);font-size:13px}.hero-frame{background:#eee9e6;border-radius:8px;height:210px;margin-top:20px;position:relative;overflow:hidden}.hero-frame:after{content:"";background:linear-gradient(#0000,#0000008c);height:65px;position:absolute;bottom:0;left:0;right:0}.hero-frame div{z-index:1;color:#fff;gap:18px;font-size:15px;font-weight:650;display:flex;position:absolute;bottom:13px;left:14px;right:14px}.hero-frame span{align-items:center;gap:7px;display:inline-flex}.large-art .figure-shape{width:31%;height:72%;top:12%;left:34%}.description{color:#5e5a57;margin:17px 0 18px;font-size:14px;line-height:1.45}.detail-list{border-bottom:1px solid var(--line);gap:13px;padding-bottom:22px;display:grid}.detail-list span{align-items:center;gap:12px;font-size:14px;display:inline-flex}.progress-head{margin-top:16px}.progress-head h3{margin:0;font-size:18px}.progress-head button,.calorie-card button{color:#5e5a57}.progress-head button svg,.calorie-card button svg{transform:rotate(90deg)}.week-dots{grid-template-columns:repeat(7,1fr);gap:10px;margin-top:18px;display:grid}.week-dots span{color:#625d59;text-align:center;font-size:12px}.week-dots i{color:#fff;border:1px solid #d9d4d0;border-radius:50%;place-items:center;width:27px;height:27px;margin:0 auto 7px;font-size:12px;font-style:normal;font-weight:800;display:grid}.week-dots span.done i{background:var(--coral);border-color:var(--coral)}.calorie-card{border:1px solid var(--line);border-radius:8px;margin-top:23px;padding:16px 16px 13px}.calorie-card>div:first-child{color:#5f5b58;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.calorie-card strong{margin-top:7px;font-size:25px;line-height:1;display:block}.calorie-card em{font-size:12px;font-style:normal;font-weight:500}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:70px;margin-top:17px;display:grid}.bars span{background:var(--coral);border-radius:2px 2px 0 0;min-height:4px}.bars span:nth-child(n+4){opacity:.26}.panel-primary,.panel-secondary{width:100%;margin-top:22px}.panel-secondary{border:1px solid var(--coral);height:44px;color:var(--coral);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:9px;font-weight:650;display:inline-flex}.panel-secondary.active{background:var(--coral-soft)}.session-meter{border:1px solid var(--line);color:#5e5a57;border-radius:999px;align-items:center;height:32px;margin-top:18px;padding:4px 10px;font-size:12px;display:flex;position:relative;overflow:hidden}.session-meter span{z-index:0;background:#ff4f3f2e;border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.session-meter{justify-content:center}.toast{z-index:20;border:1px solid var(--line);min-width:260px;max-width:360px;min-height:44px;box-shadow:var(--shadow);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex;position:fixed;top:116px;right:22px}.toast button,.modal-close{cursor:pointer;background:0 0;border:0}.sync-banner{color:var(--muted);border-bottom:1px solid var(--line);padding:10px 32px;font-size:13px}.modal-backdrop{z-index:30;background:#14121042;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(410px,100%);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:15px;padding:24px;display:grid;position:relative}.modal-card h2{margin:0}.modal-card label{color:var(--muted);gap:7px;font-size:13px;display:grid}.modal-card input{border:1px solid var(--line);height:42px;color:var(--text);font:inherit;border-radius:7px;padding:0 12px}.modal-close{position:absolute;top:12px;right:12px}@media (width<=1120px){.app-shell{background:linear-gradient(90deg,#fff 0 88px,#fbfbfa 88px);grid-template-columns:88px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand span:not(.brand-mark),.brand strong,.sidebar nav button span,.profile div{display:none}.sidebar nav button{justify-content:center;padding:0}.profile{grid-template-columns:44px;justify-content:center}.auth-card>strong,.auth-card>span,.auth-card button{display:none}.content-grid{grid-template-columns:1fr}.main-column{border-right:0}.detail-panel{border-top:1px solid var(--line)}}@media (width>=1121px) and (width<=1320px){.content-grid{grid-template-columns:1fr}.main-column{border-right:0}.detail-panel{border-top:1px solid var(--line)}}@media (width<=760px){.app-shell{background:var(--bg);display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;min-height:auto;padding:14px;position:static;overflow-x:auto}.brand{min-width:44px}.sidebar nav{flex-direction:row}.sidebar nav button{width:52px;min-width:52px;height:48px}.sidebar nav button:nth-child(5),.sidebar nav button:nth-child(8){margin-bottom:0}.sidebar nav button:nth-child(5):after,.sidebar nav button:nth-child(8):after,.profile,.auth-card{display:none}.topbar{flex-direction:column;align-items:flex-start;padding:20px;position:static}.top-actions{width:100%}.primary-action{flex:1}.main-column,.detail-panel{padding:20px}.program-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.program-image{height:142px}.program-card{padding-bottom:10px}.program-card strong{padding:10px 10px 7px}.meta-row{gap:9px;font-size:11px}.routine-row{grid-template-columns:1fr}.phase-label{min-height:0}.exercise-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}