:root{--bg-main:#080c14;--bg-card:#101828bf;--bg-card-hover:#162136d9;--bg-card-elevated:#151f32;--bg-glass:#121a2ba6;--bg-glass-heavy:#0c121ee6;--border-subtle:#ffffff14;--border-glow:#10b98140;--border-focus:#06b6d480;--primary:#10b981;--primary-glow:#10b98159;--primary-gradient:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--secondary:#8b5cf6;--secondary-glow:#8b5cf659;--secondary-gradient:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--accent-warm:#f97316;--accent-rose:#f43f5e;--accent-gold:#f59e0b;--warm-gradient:linear-gradient(135deg, #f97316 0%, #f43f5e 100%);--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-emerald:#34d399;--text-cyan:#38bdf8;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px -4px #00000080, 0 4px 12px -2px #0000004d;--shadow-lg:0 16px 32px -4px #0009, 0 0 20px #10b98126;--shadow-glow:0 0 25px #10b98133;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font-heading:"Outfit", "Noto Sans JP", sans-serif;--font-body:"Plus Jakarta Sans", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background-color:var(--bg-main);color:var(--text-main);font-size:16px;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 10% 20%, #10b98112 0%, transparent 40%), radial-gradient(circle at 90% 80%, #8b5cf612 0%, transparent 40%), radial-gradient(circle at 50% 50%, #06b6d40a 0%, transparent 60%), var(--bg-main);background-attachment:fixed;min-height:-webkit-fill-available;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-main);font-weight:700}p{color:var(--text-muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s}.glass-panel-glow{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}.btn-primary{background:var(--primary-gradient);color:#061e14;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #10b98159}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 6px 20px #10b98180}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-md);background:#ffffff0f;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-icon{border-radius:var(--radius-full);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-main);background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:#ffffff1f}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-emerald{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-cyan{color:#38bdf8;background:#06b6d426;border:1px solid #06b6d44d}.badge-violet{color:#c084fc;background:#8b5cf626;border:1px solid #8b5cf64d}.badge-amber{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-rose{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.modal-overlay{-webkit-backdrop-filter:blur(14px)!important;z-index:9999!important;box-sizing:border-box!important;background:#04070dd1!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-content{background:var(--bg-card-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:88vh;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) forwards popIn;position:relative;overflow-y:auto;box-shadow:0 20px 40px -8px #000c,0 0 25px #10b98126}@media (width<=640px){.modal-content{border-radius:var(--radius-lg);max-height:90vh;padding:18px}}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#080c14cc;padding:12px 14px;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--primary);background:#0a101af2;box-shadow:0 0 0 3px #10b98133}.form-select{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-main);cursor:pointer;background:#080c14cc;padding:12px 14px;font-size:.95rem}.desktop-nav-header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#080c14d9;padding:12px 24px;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.brand-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon-wrap{border-radius:var(--radius-md);background:var(--primary-gradient);color:#061e14;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 15px #10b98166}.logo-title{color:var(--text-main);font-size:1.25rem;font-weight:800;line-height:1.2;display:block}.logo-ai{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.logo-subtitle{color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:500}.desktop-nav-links{align-items:center;gap:8px;display:flex}.desktop-nav-btn{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;position:relative}.desktop-nav-btn:hover{color:var(--text-main);background:#ffffff0d}.desktop-nav-btn.active{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.desktop-nav-btn.highlight-btn.active{color:#c084fc;background:#8b5cf626;border-color:#8b5cf64d}.ai-badge-dot{border-radius:var(--radius-full);background:#a855f7;width:6px;height:6px;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #a855f7}.mobile-bottom-bar{z-index:100;-webkit-backdrop-filter:blur(24px);padding-bottom:max(12px, env(safe-area-inset-bottom));background:#080c16f5;border-top:1px solid #ffffff14;padding-top:6px;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-bar-inner{justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;display:flex}.mobile-nav-btn{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:60px;padding:4px 8px;display:flex;position:relative}.mobile-nav-btn.active{color:#34d399}.mobile-nav-btn.active .nav-icon{filter:drop-shadow(0 0 8px #10b98199);transform:translateY(-2px)}.nav-icon-container{position:relative}.mobile-ai-sparkle{color:#c084fc;text-shadow:0 0 6px #c084fc;font-size:.65rem;position:absolute;top:-4px;right:-6px}.nav-label{letter-spacing:-.01em;font-size:.68rem;font-weight:700}.app-main{max-width:1200px;margin:0 auto;padding:24px 20px 100px}@media (width<=768px){.desktop-nav-header{display:none}.mobile-bottom-bar{display:block}.app-main{padding:12px 12px 105px}}.mobile-top-header{padding-top:max(6px, env(safe-area-inset-top));justify-content:space-between;align-items:center;margin-bottom:14px;display:none}@media (width<=768px){.mobile-top-header{display:flex}}.dash-grid-top{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=1024px){.dash-grid-top{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dash-grid-top{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}}.vital-stat-card{border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:relative;overflow:hidden}@media (width<=480px){.vital-stat-card{padding:12px 14px}}.vital-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.vital-label-box{align-items:center;gap:6px;display:flex}.vital-icon-circle{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.vital-title{color:var(--text-muted);font-size:.8rem;font-weight:700}.vital-value-row{align-items:baseline;gap:4px;display:flex}.vital-number{font-size:1.8rem;font-weight:800;font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-main)}@media (width<=480px){.vital-number{font-size:1.6rem}}.vital-unit{color:var(--text-dim);font-size:.85rem;font-weight:600}.vital-diff{align-items:center;gap:2px;margin-top:2px;font-size:.75rem;font-weight:700;display:flex}.vital-diff.down{color:#34d399}.vital-diff.up{color:#f43f5e}.vital-diff.neutral{color:var(--text-dim)}.ai-insight-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#141d30f2 0%,#1e1430f2 100%);border:1px solid #8b5cf659;margin-bottom:20px;padding:18px 20px;position:relative;box-shadow:0 10px 30px #8b5cf626}@media (width<=480px){.ai-insight-banner{margin-bottom:16px;padding:14px 16px}}.ai-banner-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.ai-badge-group{align-items:center;gap:6px;display:flex}.ai-coach-tag{background:var(--secondary-gradient);color:#fff;border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.ai-insight-title{color:#f8fafc;margin-bottom:4px;font-size:1.05rem;font-weight:700}.ai-insight-desc{color:#cbd5e1;font-size:.88rem;line-height:1.55}.ai-insight-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.chart-card{border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}@media (width<=480px){.chart-card{margin-bottom:16px;padding:14px}}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.chart-title-group h2{font-size:1.15rem;font-weight:700}.chart-subtitle{color:var(--text-dim);font-size:.78rem}.chart-controls{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0000004d;align-items:center;gap:4px;padding:3px;display:flex}.chart-tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);padding:5px 10px;font-size:.75rem;font-weight:600}.chart-tab-btn.active{background:var(--primary);color:#061e14}.chart-canvas-wrapper{width:100%;height:260px;position:relative}@media (width>=768px){.chart-canvas-wrapper{height:320px}}.macro-progress-container{border-radius:var(--radius-full);background:#00000059;height:10px;margin:12px 0;display:flex;overflow:hidden}.macro-bar-protein{background:#3b82f6}.macro-bar-fat{background:#f59e0b}.macro-bar-carbs{background:#10b981}.routine-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#00000040;flex-direction:column;justify-content:space-between;padding:16px;transition:all .2s;display:flex}.photo-preview-box{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#000;justify-content:center;align-items:center;width:100%;max-height:220px;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.photo-preview-box img{object-fit:cover;width:100%;height:220px}.mets-badge{color:#fb923c;background:#f9731626;border:1px solid #f973164d;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.workout-set-row{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.workout-set-row.completed{background:#10b98114;border-color:#10b98159}.set-num-badge{color:#cbd5e1;text-align:center;flex-shrink:0;width:32px;font-size:.85rem;font-weight:800}.set-inputs-group{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.set-input-box{border-radius:var(--radius-sm);background:#0006;border:1px solid #ffffff14;align-items:center;gap:3px;padding:4px 6px;display:flex}.set-input-field{text-align:center;color:#fff;width:52px;font-size:1rem;font-weight:700}.set-input-unit{color:var(--text-dim);font-size:.75rem;font-weight:600}.set-1rm-display{color:#38bdf8;text-align:center;min-width:54px;font-size:.78rem;font-weight:700}.set-check-btn{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text-dim);border:1px solid var(--border-subtle);background:#ffffff14;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.set-check-btn.active{color:#041a10;background:#10b981;border-color:#10b981;box-shadow:0 0 10px #10b98166}@media (width<=480px){.workout-set-row{gap:4px;padding:6px 8px}.set-num-badge{width:24px;font-size:.78rem}.set-input-field{width:44px;font-size:.95rem}.set-input-box{padding:3px 4px}.set-1rm-display{display:none}.set-check-btn{width:34px;height:34px}}.pfc-grid-responsive{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}@media (width<=640px){.pfc-grid-responsive{grid-template-columns:repeat(2,1fr);gap:8px}}.pfc-box-item{border-radius:var(--radius-md);text-align:center;padding:10px 12px}.pfc-box-label{margin-bottom:2px;font-size:.72rem;font-weight:600}.pfc-box-val{font-size:1.25rem;font-weight:800;line-height:1.2}