:root{--ink:#18364b;--ink2:#496575;--bg:#f4f3ef;--paper:#fff;--cream:#ece4d8;--mint:#cdded5;--rose:#d99c93;--gold:#c99b56;--red:#b95b59;--line:rgba(24,54,75,.13);--shadow:0 18px 50px rgba(33,51,61,.10);--radius:25px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(201,155,86,.45);outline-offset:2px}.shell{min-height:100vh}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(244,243,239,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:39px;height:39px;border-radius:50% 50% 45% 55%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--serif);font-size:24px}.brandname{font-family:var(--serif);font-size:29px;letter-spacing:-.5px}.brand small{display:block;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--ink2)}.nav{display:flex;gap:7px;padding:5px;background:#e8e6e0;border-radius:999px}.nav button{border:0;background:transparent;color:var(--ink2);padding:9px 15px;border-radius:999px;font-weight:650;font-size:14px}.nav button.active{background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(24,54,75,.1)}.profile{display:flex;align-items:center;gap:10px}.avatar{width:39px;height:39px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;font-weight:750}.main{max-width:1220px;margin:auto;padding:38px clamp(18px,4vw,48px) 80px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-1px}h1{font-size:clamp(38px,6vw,66px);line-height:1.03;margin-bottom:15px}h2{font-size:clamp(30px,4vw,44px);line-height:1.1;margin-bottom:12px}h3{font-size:18px;margin-bottom:8px}.muted{color:var(--ink2)}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:stretch;margin-bottom:28px}.hero-copy{padding:clamp(30px,6vw,68px);border-radius:34px;background:var(--ink);color:#fff;position:relative;overflow:hidden;min-height:360px}.hero-copy:after{content:'L';position:absolute;right:-20px;bottom:-98px;font-family:var(--serif);font-size:360px;color:rgba(255,255,255,.045)}.hero-copy p{max-width:590px;color:rgba(255,255,255,.72);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.btn{border:0;border-radius:999px;padding:13px 20px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-light{background:#fff;color:var(--ink)}.btn-primary{background:var(--ink);color:#fff}.btn-soft{background:var(--cream);color:var(--ink)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.hero-status{background:var(--paper);border:1px solid var(--line);border-radius:34px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.pulse-orb{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 6%,var(--mint) 7% 40%,#7ca694 100%);box-shadow:0 0 0 15px rgba(205,222,213,.35);display:grid;place-items:center;font-family:var(--serif);font-size:40px}.week{display:flex;gap:8px;margin:22px 0}.day{height:8px;flex:1;border-radius:99px;background:#ddd}.day.done{background:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 9px 30px rgba(31,52,65,.05)}.card.wide{grid-column:span 2}.stat{font-family:var(--serif);font-size:46px;line-height:1}.statusline{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge{font-size:12px;font-weight:800;padding:7px 10px;border-radius:99px;white-space:nowrap}.green{background:#e2eee7;color:#36664f}.yellow{background:#f6ebcd;color:#80601f}.red{background:#f4dedd;color:#8d3e3d}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:55px 0 20px}.alert-list{display:grid;gap:12px}.alert{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:18px}.dot{width:12px;height:12px;border-radius:50%}.dot.green{background:#589270}.dot.yellow{background:#d8a746}.dot.red{background:#be5f5d}.alert p{margin:0;color:var(--ink2);font-size:14px}.mini-chart{height:110px;display:flex;align-items:end;gap:9px;margin-top:20px}.bar{flex:1;min-height:10px;background:var(--mint);border-radius:8px 8px 3px 3px;position:relative}.bar strong{position:absolute;left:50%;transform:translateX(-50%);bottom:-24px;font-size:11px;color:var(--ink2)}.modal{position:fixed;inset:0;background:rgba(13,34,47,.55);backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:18px}.dialog{background:#f9f8f5;width:min(720px,100%);max-height:92vh;overflow:auto;border-radius:31px;box-shadow:0 30px 100px rgba(7,25,36,.35)}.dialog-head{padding:25px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f9f8f5;z-index:2}.close{border:0;background:#e9e6df;border-radius:50%;width:38px;height:38px;font-size:20px;color:var(--ink)}.dialog-body{padding:28px}.ai-orb{width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-size:28px;box-shadow:0 0 0 8px var(--mint)}.messages{display:grid;gap:13px;margin:24px 0;max-height:340px;overflow:auto;padding:4px}.message{max-width:82%;padding:13px 16px;border-radius:18px}.message.ai{background:#e9e4da;border-bottom-left-radius:5px}.message.user{background:var(--ink);color:#fff;margin-left:auto;border-bottom-right-radius:5px}.options{display:flex;flex-wrap:wrap;gap:9px}.option{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:11px 15px}.option:hover{background:var(--cream)}.input-row{display:flex;gap:8px;margin-top:14px}.input-row input{flex:1;border:1px solid var(--line);background:#fff;padding:13px 16px;border-radius:999px;color:var(--ink)}.result{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line)}.result-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:8px 0}.result-row:last-child{border:0}.post-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.post-option{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 8px;text-align:center;color:var(--ink)}.post-option span{display:block;font-size:27px;margin-bottom:5px}.history{display:grid;gap:11px}.history-item{display:grid;grid-template-columns:80px 1fr auto;gap:15px;align-items:center;padding:14px;border-radius:17px;background:#fff;border:1px solid var(--line)}.privacy{display:flex;gap:12px;align-items:flex-start;background:#e8efeb;padding:16px;border-radius:18px;margin-top:20px}.hidden{display:none!important}.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:15px 18px;border-radius:14px;z-index:80;box-shadow:var(--shadow)}.switch{position:relative;width:48px;height:27px;background:#d5d2ca;border:0;border-radius:99px;padding:0}.switch:after{content:'';position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--ink)}.switch.on:after{transform:translateX(21px)}
@media(max-width:900px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 18px}.nav{order:3;width:100%;margin-top:10px}.nav button{flex:1;padding:9px 7px}.profile .muted{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:330px}.grid{grid-template-columns:1fr 1fr}.card.wide{grid-column:span 2}}
@media(max-width:600px){.brand small{display:none}.brandname{font-size:24px}.main{padding-top:24px}.hero-copy,.hero-status,.card{border-radius:22px}.hero-copy{padding:32px 24px;min-height:360px}.grid{grid-template-columns:1fr}.card.wide{grid-column:auto}.section-head{display:block}.post-options{grid-template-columns:1fr 1fr}.history-item{grid-template-columns:66px 1fr}.history-item>.badge{grid-column:2}.dialog-body{padding:21px}.alert{grid-template-columns:auto 1fr}.alert>.badge{grid-column:2}.profile{gap:5px}.avatar{width:34px;height:34px}.message{max-width:90%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.workout{background:var(--ink);color:#fff;min-height:620px}.workout .dialog-head{background:var(--ink);border-color:#ffffff25;color:#fff}.workout .close{background:#ffffff18;color:#fff}.exercise-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.exercise-count{font-size:13px;color:#ffffffa8}.exercise-title{font-family:var(--serif);font-size:clamp(31px,5vw,47px);line-height:1.05;margin:8px 0}.video-wrap{position:relative;padding-top:56.25%;border-radius:21px;overflow:hidden;background:#0e2939;margin:21px 0}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}.tip{background:#ffffff0d;border:1px solid #ffffff1c;border-radius:14px;padding:12px;font-size:13px;color:#ffffffc9}.timer-ring{width:164px;height:164px;border-radius:50%;margin:20px auto;display:grid;place-items:center;background:conic-gradient(var(--gold) var(--progress,0%),#ffffff18 0);position:relative}.timer-ring:after{content:'';position:absolute;inset:10px;background:var(--ink);border-radius:50%}.timer-value{z-index:1;font-family:var(--serif);font-size:53px;line-height:1}.timer-value small{display:block;font-family:var(--sans);font-size:11px;text-align:center;letter-spacing:1px;color:#ffffff93}.timer-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.timer-actions .btn-ghost{color:#fff;border-color:#ffffff35}.workout-progress{height:7px;border-radius:99px;background:#ffffff1b;overflow:hidden;margin:18px 0}.workout-progress i{display:block;height:100%;background:var(--mint);border-radius:99px}.reward{background:linear-gradient(150deg,#17384d,#285c6b);color:#fff}.reward .dialog-head{background:transparent;color:#fff;border-color:#ffffff25}.camera-zone{border:1.5px dashed #ffffff5b;border-radius:22px;padding:28px;text-align:center;background:#ffffff0b;margin:20px 0}.camera-zone input{display:none}.photo-preview{max-height:350px;width:100%;object-fit:cover;border-radius:18px;margin-bottom:15px}.coupon{background:#fff;color:var(--ink);padding:18px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.coupon strong{font-family:var(--serif);font-size:25px}.share-note{font-size:13px;color:#ffffffb3;margin-top:15px}.exercise-list{display:grid;gap:10px}.exercise-item{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.exercise-num{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--cream);font-family:var(--serif);font-size:20px}.feed{max-width:760px;margin:auto;display:grid;gap:18px}.post{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px}.post-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.post-head .avatar{flex:none}.post-text{font-size:17px}.post-actions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:13px;margin-top:16px}.post-actions button{flex:1;border:0;background:transparent;color:var(--ink2);font-weight:700;padding:9px;border-radius:10px}.post-actions button:hover{background:var(--bg)}.comment{background:var(--bg);padding:10px 13px;border-radius:14px;margin-top:9px;font-size:14px}.composer{background:var(--ink);color:#fff}.composer textarea{width:100%;min-height:86px;border:0;border-radius:15px;padding:14px;resize:vertical;margin:12px 0}.moderation{border:1px solid #ecd7a1;background:#fff9e9;border-radius:16px;padding:14px;margin-top:12px}.community-photo{width:100%;max-height:390px;object-fit:cover;border-radius:17px;margin-top:14px}
@media(max-width:600px){.tips{grid-template-columns:1fr}.exercise-top{display:block}.timer-ring{width:145px;height:145px}.workout{min-height:100vh;border-radius:0}.modal:has(.workout){padding:0}.exercise-item{grid-template-columns:42px 1fr}.exercise-item>.badge{grid-column:2}.post{border-radius:19px}}