: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;--accent-label: #a8e6ff;--hero-bg: rgba(17,24,39,.78);--hero-text: #f5f9ff;--hero-border: #3c4f6e;--watermark-plus1: rgba(85,199,243,.07);--card-border-width: .5px;--shadow-card: none;--shadow-float: none;--border-accent: #55c7f3;--card-border-color: #2b3b52;--summary-border: rgba(168,230,255,.5);--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}[data-theme=light]{--bg: #f1f6fa;--nav-bg: #ffffff;--surface: #ffffff;--surface-2: #e7eff6;--border: #a6c2d3;--border-strong: #6596b2;--text: #102033;--text-2: #435a70;--text-3: #74879a;--accent: #32afe1;--accent-strong: #087eae;--accent-soft: #d8f2fc;--accent-navy: #183b63;--accent-text: #07131f;--up: #12866f;--danger: #d8434f;--accent-label: #087eae;--hero-bg: rgba(255,255,255,.92);--hero-text: #102033;--hero-border: #6596b2;--watermark-plus1: rgba(50,175,225,.05);--card-border-width: 2px;--shadow-card: 0 2px 6px rgba(24,59,99,.08);--shadow-float: 0 1px 4px rgba(24,59,99,.06);--border-accent: #32afe1;--card-border-color: #6596b2;--summary-border: var(--card-border-color);--date-bar: var(--border-accent)}*{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)}.theme-toggle-btn:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.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}