:root{--pink: #e8b4bc;--pink-deep: #cf8793;--pink-soft: #f3e5e1;--cream: #faf3ee;--cream-strong: #fffaf6;--charcoal: #4a4340;--charcoal-soft: #7a7068;--line: rgba(74, 67, 64, .12);--shadow: 0 18px 44px rgba(74, 67, 64, .12);--r: 22px;color:var(--charcoal);background:var(--cream);font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{min-height:100%;margin:0;background:radial-gradient(circle at 20% 0%,rgba(232,180,188,.24),transparent 28rem),linear-gradient(180deg,var(--cream),#f7ebe6 70%,var(--cream))}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--charcoal)}h1{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:2rem;line-height:1.22;font-weight:700;letter-spacing:0}h2{font-size:1.08rem;line-height:1.35;letter-spacing:0}h3{font-size:1rem;line-height:1.35;letter-spacing:0}#app{min-height:100svh}.screen{width:min(100%,480px);min-height:100svh;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))}.stack{display:grid;gap:14px}.appbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:48px;margin-bottom:16px}.appbar-back{width:42px;height:42px;border:0;border-radius:999px;color:var(--charcoal);background:#ffffffb8;box-shadow:0 8px 24px #4a434014;font-size:2rem;line-height:1}.appbar-title{justify-self:center;color:var(--charcoal-soft);font-size:.92rem;font-weight:700}.appbar-spacer{width:44px}.welcome-hero,.intro,.home-hero{display:grid;gap:10px;padding:18px 4px 20px}.welcome-hero h1{font-size:2.9rem;white-space:nowrap}.hero-lead{color:var(--charcoal);font-size:1.05rem;line-height:1.75}.eyebrow{color:var(--pink-deep);font-size:.78rem;font-weight:800;letter-spacing:.08em}.muted,.note{color:var(--charcoal-soft);font-size:.92rem;line-height:1.75}.tiny{font-size:.78rem}.card{border:1px solid rgba(255,255,255,.74);border-radius:var(--r);background:#fffaf6e0;box-shadow:var(--shadow)}.welcome-stack{gap:16px}.welcome-card{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:18px}.welcome-card .dots{grid-column:2}.welcome-emoji{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--pink-soft);font-size:1.7rem}.welcome-copy{display:grid;gap:7px}.welcome-copy p{color:var(--charcoal-soft);font-size:.9rem;line-height:1.65}.privacy-card,.form-card,.photo-card,.avatar-card,.summary-card,.stats-card,.chart-card,.gallery-card,.week-theme,.plan-day-card,.training-card,.done-card,.empty-state{display:grid;gap:16px;padding:18px;margin-bottom:14px}.bottom-actions{position:sticky;bottom:0;z-index:5;display:grid;gap:10px;padding:14px 0 env(safe-area-inset-bottom);background:linear-gradient(180deg,rgba(250,243,238,0),var(--cream) 26%)}.split-actions{grid-template-columns:1fr}.home-actions{position:static;padding-top:4px}.btn{min-height:54px;border:0;border-radius:999px;padding:0 20px;font-weight:800;letter-spacing:0;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.btn:active{transform:translateY(2px) scale(.99)}.btn-primary{color:#fff;background:linear-gradient(180deg,var(--pink),var(--pink-deep));box-shadow:0 14px 30px #cf879347}.btn-primary:disabled{opacity:.52}.btn-ghost{color:var(--charcoal);background:#ffffffd1;box-shadow:0 10px 24px #4a434014}.slider{display:grid;gap:12px}.slider+.slider{padding-top:4px}.slider-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.slider-label{font-weight:800}.slider-value{color:var(--pink-deep);font-weight:900}.slider-input{width:100%;accent-color:var(--pink-deep)}.chip-group{display:grid;gap:10px}.chip{display:grid;gap:3px;width:100%;min-height:52px;border:1px solid var(--line);border-radius:18px;padding:12px 14px;color:var(--charcoal);background:#ffffffa3;text-align:left}.chip.is-active{border-color:#cf87939e;background:var(--pink-soft);box-shadow:inset 0 0 0 1px #cf87932e}.chip-label{font-weight:800}.chip-sub{color:var(--charcoal-soft);font-size:.8rem;line-height:1.45}.dots{display:flex;gap:6px}.dot{width:6px;height:6px;border-radius:999px;background:#4a434029}.dot.is-active{width:18px;background:var(--pink-deep)}.camera-slot,.photo-preview,.canvas-shell,.trainer-shell{overflow:hidden;border-radius:var(--r);background:var(--pink-soft)}.photo-preview{display:grid;place-items:center;min-height:300px;color:var(--charcoal-soft)}.photo-empty{border:1px dashed rgba(122,112,104,.28)}.photo-image,.camera-video{display:block;width:100%;min-height:300px;object-fit:cover}.camera-video{aspect-ratio:3 / 4;transform:scaleX(-1)}.photo-actions,.training-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-status{color:var(--charcoal-soft);font-size:.88rem;line-height:1.6}.avatar-canvas,.trainer-canvas{display:block;width:100%;height:auto;aspect-ratio:3 / 4}.training-screen .trainer-canvas{height:clamp(240px,38svh,320px);aspect-ratio:1 / 1}.trainer-shell{margin-bottom:14px;box-shadow:var(--shadow)}.demo-trainer-static{display:grid;place-items:center;min-height:260px}.demo-figure{position:relative;width:110px;height:210px}.demo-figure span{position:absolute;display:block;background:var(--pink);box-shadow:0 10px 24px #cf879338}.demo-head{left:35px;top:0;width:40px;height:40px;border-radius:999px}.demo-body{left:26px;top:50px;width:58px;height:92px;border-radius:28px;background:#fff!important}.demo-leg{top:138px;width:26px;height:72px;border-radius:999px}.demo-leg-left{left:25px;transform:rotate(8deg)}.demo-leg-right{right:25px;transform:rotate(-8deg)}.style-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.style-option{display:grid;grid-template-columns:46px 1fr;gap:2px 12px;align-items:center;width:100%;border:1px solid rgba(255,255,255,.74);padding:14px;margin:0;color:var(--charcoal);cursor:pointer;font:inherit;text-align:left}.style-option.is-active{outline:2px solid rgba(207,135,147,.58);background:var(--pink-soft)}.style-option span:last-child{grid-column:2;color:var(--charcoal-soft);font-size:.82rem}.style-emoji{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#ffffffc7;font-size:1.45rem}.selected-style{justify-self:center;color:var(--pink-deep);font-weight:900}.week-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-bottom:14px}.week-tab{min-height:42px;border:0;border-radius:999px;color:var(--charcoal-soft);background:#ffffffb8;font-weight:800}.week-tab.is-active{color:#fff;background:var(--pink-deep)}.day-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.day-label,.time-pill{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:900}.day-label{color:var(--pink-deep);background:var(--pink-soft)}.time-pill{color:var(--charcoal-soft);background:#fffc}.exercise-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.exercise-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.exercise-row div{display:grid;gap:4px}.exercise-row span{color:var(--charcoal-soft);font-size:.8rem;line-height:1.45}.exercise-row em{color:var(--pink-deep);font-size:.8rem;font-style:normal;font-weight:900;white-space:nowrap}.training-body{display:grid}.training-screen .training-card{gap:10px;padding:14px}.training-screen .training-card h1{font-size:1.55rem}.training-progress{color:var(--pink-deep);font-size:.85rem;font-weight:900}.count-panel{display:grid;place-items:center;min-height:88px;border-radius:20px;background:#ffffffc7}.count-text{color:var(--charcoal);font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:2.2rem;letter-spacing:0}.cheer{color:var(--pink-deep);font-weight:900;text-align:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-item{display:grid;gap:6px;padding:14px;border-radius:18px;background:var(--pink-soft)}.stat-item span{color:var(--charcoal-soft);font-size:.78rem}.stat-item strong{font-size:1.5rem}.empty-graph,.photo-placeholder{display:grid;place-items:center;min-height:128px;border-radius:18px;color:var(--charcoal-soft);background:#ffffffb3}.weight-svg{width:100%;height:auto}.weight-line{fill:none;stroke:var(--pink-deep);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.weight-dot{fill:#fff;stroke:var(--pink-deep);stroke-width:3}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery-item{overflow:hidden;margin:0;border-radius:18px;background:var(--pink-soft)}.gallery-item img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.gallery-item figcaption{padding:8px 10px 10px;color:var(--charcoal-soft);font-size:.76rem}.demo-all{display:grid;gap:28px;width:min(100%,720px);margin:0 auto;padding:24px 12px 60px}.demo-frame{overflow:auto;max-height:760px;border:1px solid var(--line);border-radius:var(--r);background:var(--cream);box-shadow:var(--shadow)}.demo-frame .screen{min-height:auto}.demo-label{position:sticky;top:0;z-index:10;padding:10px 14px;color:#fff;background:var(--charcoal);font-size:.82rem}@media (min-width: 520px){.screen{padding-inline:22px}.style-grid{grid-template-columns:1fr 1fr}}