:root{--bg: #0b101a;--nav-bg: #111827;--surface: #172131;--surface-2: #1d2a3d;--border: #2b3b52;--border-strong: #3c4f6e;--text: #f5f9ff;--text-2: #a7b5c8;--text-3: #657389;--accent: #55c7f3;--accent-strong: #249ed1;--accent-soft: #a8e6ff;--accent-navy: #183b63;--accent-text: #08131f;--up: #58dfc1;--danger: #ff6b6b;--radius: 12px;--tpl-1: #e2825a;--tpl-2: #5fc9c4;--tpl-3: #c78ee0;--tpl-4: #8ec5f0;--tpl-5: #e0c85a;--tpl-6: #7fd99c;--tpl-7: #f08e8e;--tpl-8: #a3a8f0;--p-胸: #6fb8ff;--p-背中: #3ddbc4;--p-肩: #ffc857;--p-腕: #f49ac2;--p-脚: #8676ff;--p-腹: #8ca3c7;--p-有酸素: #6b7a99;--p-その他: #7a8ca6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}.btn-accent{background:var(--accent);color:var(--accent-text);border-radius:var(--radius);font-weight:700;font-size:16px;padding:14px;width:100%;transition:transform .08s,background .08s}.btn-accent:active{transform:scale(.97);background:var(--accent-strong)}.btn-accent:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.btn-accent:disabled{background:var(--surface-2);color:var(--text-3)}.btn-ghost{background:var(--surface-2);color:var(--text);border:.5px solid var(--border-strong);border-radius:var(--radius);font-size:15px;padding:12px}.btn-ghost:active{background:var(--surface)}.fade-in{animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}::-webkit-scrollbar{display:none}.mascot-bob{animation:mascotBob 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.mascot-bob{animation:none}}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.mascot-bubble{position:absolute;right:100%;bottom:50px;margin-right:10px;background:#f7e6abd9;border:.5px solid rgba(247,230,171,.85);color:#2b2318;font-size:14.5px;font-weight:700;padding:3px 6px;border-radius:12px;white-space:nowrap;animation:fade .18s ease}.mascot-bubble:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#f7e6abd9}