:root{--blue-50:#eef4ff;--blue-100:#dde8ff;--blue-200:#bcd1ff;--blue-400:#5b8cff;--blue-500:#3b6ff6;--blue-600:#2556e0;--blue-700:#1b42b8;--navy:#0f1d3d;--navy-2:#1a2c57;--bg:#f3f6fc;--surface:#fff;--surface-2:#f0f4fb;--text:#13203f;--muted:#6b7897;--line:#e1e8f4;--accent:var(--blue-500);--accent-strong:var(--blue-600);--accent-soft:var(--blue-50);--teal:#12b3a0;--sky:#38a3f5;--npc:#8d9ab5;--danger:#e2475a;--grad:linear-gradient(135deg, #4a86ff 0%, #2556e0 55%, #1b3fa8 100%);--grad-soft:linear-gradient(180deg, #eaf1ff 0%, #f3f6fc 100%);--shadow-sm:0 1px 2px #13203f0f, 0 1px 1px #13203f0a;--shadow-md:0 6px 20px #1b42b81a, 0 2px 6px #13203f0f;--shadow-lg:0 16px 40px #1b42b82e;--radius:18px;--radius-sm:12px;--tabbar-h:68px;--head-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;transition:transform .12s,background .15s,box-shadow .15s,color .15s}button:not(:disabled):active{transform:scale(.97)}button:disabled{cursor:default;opacity:.5}.logo-mark{background:var(--grad);color:#fff;border-radius:30%;flex-shrink:0;place-items:center;display:inline-grid;box-shadow:0 4px 12px #2556e059}.splash{background:var(--grad-soft);place-items:center;height:100dvh;display:grid}.splash .logo-mark{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.8;transform:scale(.92)}}.onboarding{background:var(--bg);min-height:100dvh}.hero{background:var(--grad);color:#fff;border-radius:0 0 32px 32px;padding:48px 24px 88px;position:relative;overflow:hidden}.hero:after{content:"";background:#ffffff1a;border-radius:50%;width:280px;height:280px;position:absolute;top:-110px;right:-90px}.hero .logo-mark{box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e}.hero h1{letter-spacing:.01em;margin:16px 0 6px;font-size:2rem}.hero p{opacity:.92;margin:0;line-height:1.7}.hero-points{flex-direction:column;gap:6px;margin:16px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.hero-points li:before{content:"✓";background:#ffffff38;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:8px;font-size:11px;font-weight:700;display:inline-grid}.onboarding-body{max-width:440px;margin:-60px auto 0;padding:0 16px 40px;position:relative}.auth-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:22px;display:flex}.onboarding>.auth-card{max-width:440px;margin:40px auto}.auth-card h2{margin:0;font-size:1.2rem}.auth-card p{color:var(--muted);margin:0;line-height:1.7}.auth-card p strong{color:var(--text)}.field{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.field-label{color:var(--muted);letter-spacing:.02em;font-size:.8rem;font-weight:700}.field input{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;padding:13px 14px;transition:border-color .15s,background .15s,box-shadow .15s}.field input:focus{border-color:var(--blue-400);background:#fff;outline:none;box-shadow:0 0 0 4px #3b6ff624}.field-row{flex-wrap:wrap;gap:12px;display:flex}.primary{background:var(--grad);color:#fff;letter-spacing:.02em;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #2556e04d}.primary:not(:disabled):hover{box-shadow:0 10px 24px #2556e066}.secondary{background:var(--accent-soft);color:var(--blue-700);border-radius:14px;padding:13px 16px;font-weight:700}.link{color:var(--muted);text-align:center;padding:8px;font-size:.9rem}.link:hover{color:var(--accent-strong)}.error{color:var(--danger);background:#fdecee;border-radius:10px;padding:10px 12px;font-size:.88rem}.auth-card p.error{color:var(--danger)}.notice{color:#0c8a7b;background:#e6f7f4;border-radius:10px;padding:10px 12px;font-size:.88rem}.auth-card p.notice{color:#0c8a7b}.muted{color:var(--muted)}.segmented{background:var(--surface-2);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--muted);border-radius:11px;flex:1;padding:10px 8px;font-size:.92rem;font-weight:700}.segmented button.is-active{color:var(--accent-strong);box-shadow:var(--shadow-sm);background:#fff}.swatches{flex-wrap:wrap;gap:12px;display:flex}.swatches button{width:36px;height:36px;box-shadow:0 0 0 1px var(--line);border:3px solid #fff;border-radius:50%}.swatches button.is-active{box-shadow:0 0 0 2.5px var(--accent);transform:scale(1.06)}.card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:18px}.app{background:var(--bg);flex-direction:column;max-width:760px;height:100dvh;margin:0 auto;display:flex}.app-head{height:var(--head-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5;background:#ffffffd9;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:relative}.app-brand{align-items:center;gap:10px;display:flex}.app-title{color:var(--navy);letter-spacing:.01em;font-size:1.1rem;font-weight:800}.user-chip{background:var(--surface-2);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:8px;max-width:50%;padding:4px 12px 4px 4px;font-size:.85rem;font-weight:600;display:flex;overflow:hidden}.user-chip-dot{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #ffffff80}.app-main{flex:1;min-height:0;position:relative}.panel-scroll{height:100%;padding:16px 16px 40px;overflow-y:auto}.panel-title{color:var(--navy);margin:4px 0 16px;font-size:1.35rem;font-weight:800}.tabbar{height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#ffffffeb;flex-shrink:0;gap:4px;display:flex}.tabbar button{color:var(--muted);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:600;display:flex}.tab-icon{border-radius:999px;place-items:center;width:52px;height:30px;transition:background .2s;display:grid}.tabbar button.is-active{color:var(--accent-strong);font-weight:800}.tabbar button.is-active .tab-icon{background:var(--blue-100)}.toasts{z-index:50;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;top:68px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;box-shadow:var(--shadow-md);background:#0f1d3deb;border-radius:14px;padding:12px 16px;font-size:.9rem;animation:.3s cubic-bezier(.2,.9,.3,1.2) toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}}.gym{position:absolute;inset:0}.gym-canvas{position:absolute;inset:0;overflow:hidden}.gym-canvas canvas{touch-action:none;display:block}.gym-labels{pointer-events:none;position:absolute;inset:0}.gym-label{pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;white-space:nowrap;box-shadow:var(--shadow-md);background:#ffffffeb;border-radius:12px;padding:4px 10px;font-size:11px;line-height:1.45}.gym-label.is-me{background:var(--grad);color:#fff}.gym-label.is-me .gym-label-summary{color:#ffffffd9}.gym-label.is-selected:not(.is-me){box-shadow:0 0 0 2px var(--accent), var(--shadow-md);z-index:2}.gym-label-name{justify-content:center;align-items:center;gap:5px;font-weight:700;display:flex}.gym-label-summary{color:var(--muted)}.gym-label-likes{color:#ff5d7a;font-weight:700}.gym-label.is-me .gym-label-likes{color:#ffd1dc}.gym-badge{letter-spacing:.03em;color:#fff;background:var(--muted);border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:800}.gym-badge-npc{background:var(--npc)}.gym-badge-me{background:#ffffff40}.gym-badge-seen{background:var(--sky)}.gym-badge-regular{background:var(--teal)}.gym-float-emoji{pointer-events:none;filter:drop-shadow(0 4px 6px #00000026);font-size:28px;animation:1.6s ease-out forwards float-up}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(.7)}25%{transform:translateY(-14px)scale(1.25)}to{opacity:0;transform:translateY(-70px)scale(1)}}.gym-hud{pointer-events:none;position:absolute;top:12px;left:12px;right:12px}.gym-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);background:#ffffffe0;border-radius:16px;flex-direction:column;gap:2px;padding:10px 14px;font-size:.85rem;display:inline-flex}.gym-info strong{color:var(--navy)}.gym-info span{color:var(--muted);font-size:.8rem}.gym-info.is-error{color:var(--danger)}.gym-cta,.like-sheet{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);background:#fffffff5;border-radius:22px;padding:18px;animation:.28s cubic-bezier(.2,.9,.3,1.1) sheet-in;position:absolute;bottom:12px;left:12px;right:12px}@keyframes sheet-in{0%{opacity:0;transform:translateY(20px)}}.gym-cta p{color:var(--muted);margin:0 0 14px;font-size:.92rem;line-height:1.6}.gym-cta .primary{width:100%}.like-sheet-head{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.like-sheet-name{color:var(--navy);align-items:center;gap:6px;font-size:1.05rem;font-weight:800;display:flex}.like-sheet-summary{color:var(--muted);margin-top:3px;font-size:.88rem}.icon-button{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.like-buttons{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.like-buttons button{background:var(--surface-2);color:var(--navy-2);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:.78rem;font-weight:700;display:flex}.like-buttons button:not(:disabled):hover{background:var(--blue-50);box-shadow:inset 0 0 0 1.5px var(--blue-200)}.like-buttons button.is-sent{background:var(--blue-50);box-shadow:inset 0 0 0 1.5px var(--blue-400);color:var(--accent-strong);opacity:1}.like-emoji{font-size:1.5rem}.like-note{color:var(--muted);margin:12px 0 0;font-size:.8rem}.like-counts{flex-wrap:wrap;gap:8px;font-size:.88rem;display:flex}.like-counts span{background:var(--blue-50);color:var(--blue-700);border-radius:999px;padding:6px 12px;font-weight:600}.exercise-group h3{letter-spacing:.06em;color:var(--muted);margin:20px 0 10px;font-size:.78rem;font-weight:800}.exercise-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.exercise-grid button{background:var(--surface);box-shadow:var(--shadow-sm);text-align:left;color:var(--navy);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px;font-weight:700;display:flex}.exercise-grid button:hover{box-shadow:0 0 0 1.5px var(--blue-200), var(--shadow-md)}.exercise-metric{color:var(--accent-strong);background:var(--blue-50);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.back-link{color:var(--accent-strong);align-items:center;gap:2px;padding:6px 0;font-weight:600;display:inline-flex}.record-form{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:20px;display:flex}.stats{gap:12px;margin:0 0 8px;display:flex}.stats div{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;gap:2px;padding:16px;display:flex}.stats div:first-child{background:var(--grad);color:#fff;box-shadow:0 10px 24px #2556e047}.stats strong{font-size:2rem;line-height:1.1}.stats span{color:var(--muted);font-size:.8rem;font-weight:600}.stats div:first-child span{color:#ffffffd9}.history-day h3{letter-spacing:.04em;color:var(--muted);margin:22px 0 10px;font-size:.78rem;font-weight:800}.history-day ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-day li{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.history-time{background:var(--blue-50);color:var(--blue-700);font-variant-numeric:tabular-nums;border-radius:8px;padding:4px 8px;font-size:.8rem;font-weight:700}.history-summary{color:var(--navy);flex:1;font-weight:600}.history-likes{gap:8px;font-size:.85rem;display:flex}.profile-form{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:18px;display:flex}.avatar-preview{background:radial-gradient(circle at 50% 85%,#3b6ff62e,#0000 55%),linear-gradient(#e7efff 0%,#cfdcfb 100%);border-radius:16px;height:280px;overflow:hidden}.logout{margin:24px auto 0;display:block}