.home-page{--home-ink: var(--color-text);--home-subtle: var(--color-text-muted);--home-panel: var(--color-surface);--home-soft: color-mix(in srgb, var(--color-surface) 72%, var(--color-background));--home-shadow: 0 18px 50px rgb(47 45 70 / .08);display:grid;min-width:0;max-width:100%;gap:clamp(2.8rem,5vw,4rem);padding-bottom:var(--space-8)}.home-page a{text-decoration:none}.home-page h1,.home-page h2,.home-page h3,.home-page p{min-width:0;margin-top:0;overflow-wrap:anywhere}.home-page a:focus-visible,.home-page button:focus-visible{outline:3px solid color-mix(in srgb,#7666a6 70%,transparent);outline-offset:3px}.home-preview-controls{position:fixed;top:5.5rem;right:.75rem;z-index:20;display:flex;align-items:center;gap:.25rem;padding:.25rem;border:1px dashed #7d8490;border-radius:.5rem;background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:0 6px 16px #0f172a1a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;opacity:.82}.home-preview-controls span{padding-left:.35rem;color:var(--home-subtle);font-weight:800}.home-preview-controls a{padding:.3rem .45rem;border-radius:.3rem;background:var(--color-background)}.home-hero{isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);min-height:23.5rem;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,#d9b97b 42%,var(--color-border));border-radius:2.25rem;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,#c6b6eb 30%,transparent) 0 13%,transparent 14%),radial-gradient(circle at 72% 88%,color-mix(in srgb,#b8ddca 32%,transparent) 0 16%,transparent 17%),linear-gradient(125deg,color-mix(in srgb,#ffe3ad 35%,var(--home-panel)),color-mix(in srgb,#f7e8dc 18%,var(--home-panel)) 48%,color-mix(in srgb,#d8cdef 28%,var(--home-panel)));box-shadow:var(--home-shadow)}.home-hero:before,.home-hero:after{content:"";position:absolute;z-index:-1;border:1px solid color-mix(in srgb,#927eb8 18%,transparent);border-radius:50%}.home-hero:before{top:-7rem;right:18%;width:18rem;height:18rem}.home-hero:after{right:-4rem;bottom:-8rem;width:22rem;height:22rem}.home-page[data-audience=MEMBER] .home-hero{background:radial-gradient(circle at 12% 17%,rgb(237 215 249 / .84),transparent 42%),radial-gradient(circle at 91% 70%,rgb(190 241 224 / .8),transparent 48%),radial-gradient(circle at 58% 8%,rgb(255 241 221 / .52),transparent 32%),linear-gradient(128deg,#c9bce9,#e8ddf3 48%,#c8eee3)}.home-hero__copy{align-self:center;min-width:0;max-width:49rem;padding:clamp(2.35rem,4.5vw,4rem)}.home-eyebrow,.home-section-heading p,.home-lotto__copy>span{margin-bottom:.65rem;color:#8a6334;font-size:.72rem;font-weight:900;letter-spacing:.16em}.home-hero h1{max-width:43rem;margin-bottom:1.1rem;font-size:clamp(2.35rem,3.7vw,3.45rem);line-height:1.1;letter-spacing:-.048em;text-wrap:balance}.home-hero__copy>p:not(.home-eyebrow){max-width:39rem;margin-bottom:1.8rem;color:var(--home-subtle);font-size:1.04rem;line-height:1.75}.home-hero__visual{isolation:isolate;position:relative;align-self:stretch;min-width:0;margin:1.25rem 1.5rem 1.25rem 0;overflow:hidden;border-radius:1.75rem}.home-hero__visual:before{content:"";position:absolute;inset:15% 8% 8%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgb(203 190 235 / .48),rgb(180 226 208 / .22) 48%,transparent 72%);filter:blur(10px)}.home-hero__visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 14px rgb(68 57 77 / .18))}.home-hero__visual[data-character-state=guest] img{width:165%;max-width:none;transform:translate(-29%)}.home-hero__visual[data-character-state=member]{overflow:visible}.home-hero__visual[data-character-state=member] img{width:116%;max-width:none;transform:translate(-8%)}.home-actions{display:flex;flex-wrap:wrap;gap:.7rem}.home-button,.home-inline-state a{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;padding:.72rem 1.15rem;border:1px solid color-mix(in srgb,#75668f 28%,var(--color-border));border-radius:999px;background:color-mix(in srgb,var(--home-panel) 88%,transparent);font-weight:800}.home-button--primary{border-color:#4e486e;background:#4e486e;color:#fff;box-shadow:0 8px 20px #4e486e33}.home-asset-slot{align-self:stretch;display:grid;min-height:18rem;place-content:center;gap:.35rem;margin:2rem;border:1px dashed color-mix(in srgb,var(--home-subtle) 48%,transparent);border-radius:1.75rem;background:color-mix(in srgb,var(--home-panel) 34%,transparent);color:var(--home-subtle);text-align:center}.home-asset-slot span{font-size:.64rem;font-weight:900;letter-spacing:.13em}.home-asset-slot small{font-size:.7rem}.home-asset-slot--compact{min-height:4.4rem;margin:0 0 .85rem;border-radius:1.05rem;background:color-mix(in srgb,var(--world-accent, #8a7aa8) 8%,transparent)}.home-asset-slot--micro{width:2rem;min-height:2rem;margin:0;border-radius:.65rem;background:color-mix(in srgb,var(--snapshot-accent) 12%,var(--home-panel))}.home-asset-slot--micro span{font-size:.42rem;letter-spacing:.04em}.home-section{display:grid;min-width:0;gap:1.45rem}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.home-section-heading p{margin-bottom:.35rem;color:var(--home-subtle)}.home-section-heading h2{margin-bottom:0;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.04em}.home-world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}.home-world-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:.9rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--world-accent) 22%,var(--color-border));border-radius:1.4rem;background:linear-gradient(155deg,color-mix(in srgb,var(--world-accent) 12%,var(--home-panel)),color-mix(in srgb,var(--world-accent) 4%,var(--home-panel)));box-shadow:0 10px 26px color-mix(in srgb,var(--world-accent) 8%,transparent);transition:transform .16s ease,box-shadow .16s ease}.home-world-card:after{content:"";position:absolute;top:-2.5rem;right:-2.5rem;width:6rem;height:6rem;border:1px solid color-mix(in srgb,var(--world-accent) 20%,transparent);border-radius:50%}.home-world-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px color-mix(in srgb,var(--world-accent) 14%,transparent)}.home-world-card>span{color:var(--world-accent-strong);font-size:.69rem;font-weight:850}.home-world-card h3{margin:.32rem 0 .55rem;font-size:1.4rem;letter-spacing:-.025em}.home-world-card p{min-height:3.8rem;margin-bottom:.8rem;color:var(--home-subtle);font-size:.84rem;line-height:1.5}.home-world-card>strong{margin-top:auto;color:var(--world-accent-strong);font-size:.8rem}.home-world-card[data-world=fortune]{--world-accent: #5dbb9a;--world-accent-strong: #287b62}.home-world-card[data-world=games]{--world-accent: #8267c7;--world-accent-strong: #6145a7}.home-world-card[data-world=tests]{--world-accent: #789ad8;--world-accent-strong: #466da8}.home-world-card[data-world=cat]{--world-accent: #e58d75;--world-accent-strong: #ad5b47}.home-world-card[data-world=body]{--world-accent: #c7d84f;--world-accent-strong: #71811d}.home-snapshot-grid{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.home-snapshot{--snapshot-accent: #7996c9;position:relative;min-width:0;padding:1.2rem;border:1px solid color-mix(in srgb,var(--snapshot-accent) 24%,var(--color-border));border-radius:1.25rem;background:linear-gradient(145deg,color-mix(in srgb,var(--snapshot-accent) 9%,var(--home-panel)),var(--home-panel));box-shadow:0 9px 24px #2d30400d}.home-snapshot[data-snapshot=fortune],.home-snapshot[data-snapshot=tarot]{--snapshot-accent: #64b394}.home-snapshot[data-snapshot=games],.home-snapshot[data-snapshot=mission]{--snapshot-accent: #8871c0}.home-snapshot[data-snapshot=tests]{--snapshot-accent: #789ad8}.home-snapshot[data-snapshot=cat]{--snapshot-accent: #dc8a72}.home-snapshot[data-snapshot=body]{--snapshot-accent: #b8ca43}.home-snapshot__top{display:flex;min-width:0;align-items:center;gap:.65rem;color:var(--home-subtle);font-size:.76rem;font-weight:800}.home-snapshot__top>span:last-child{min-width:0;overflow-wrap:anywhere}.home-snapshot>strong{display:block;margin:.85rem 0 .4rem;font-size:1.18rem}.home-snapshot p{min-height:2.7rem;margin-bottom:.7rem;color:var(--home-subtle);font-size:.8rem;line-height:1.5}.home-snapshot>a{color:color-mix(in srgb,var(--snapshot-accent) 75%,var(--home-ink));font-size:.78rem;font-weight:850}.home-two-column{display:grid;min-width:0;grid-template-columns:1.08fr .92fr;gap:1rem}.home-two-column[data-audience=GUEST]{grid-template-columns:minmax(0,1.5fr) minmax(16rem,.5fr)}.home-panel{min-width:0;padding:clamp(1.25rem,3vw,1.8rem);border:1px solid color-mix(in srgb,#8c7ca8 12%,var(--color-border));border-radius:1.55rem;background:color-mix(in srgb,var(--home-panel) 94%,#faf5ff);box-shadow:0 12px 32px #3431480d}.home-panel .home-section-heading{margin-bottom:1.15rem}.home-featured-list{display:grid;gap:.55rem}.home-featured-list>a{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.6rem;border:1px solid transparent;border-radius:1rem}.home-featured-list>a:after{content:"→";display:grid;width:1.9rem;height:1.9rem;place-items:center;border-radius:50%;background:var(--home-soft);color:var(--home-subtle)}.home-featured-list>a:hover{border-color:var(--color-border);background:var(--home-soft)}.home-featured-list .home-asset-slot{min-height:4.1rem;margin:0}.home-featured-list .home-asset-slot span{overflow-wrap:anywhere}.home-featured-list div:not(.home-asset-slot){display:grid;min-width:0;gap:.2rem}.home-featured-list span,.home-featured-list small{overflow:hidden;color:var(--home-subtle);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.home-inline-state,.home-auth-prompt{display:grid;align-content:center;min-height:12.5rem;gap:.65rem;padding:1.35rem;border:1px solid color-mix(in srgb,#8267c7 12%,var(--color-border));border-radius:1.15rem;background:linear-gradient(145deg,color-mix(in srgb,#8267c7 7%,var(--home-soft)),var(--home-soft))}.home-continue-panel--guest{align-self:start;padding:1.2rem}.home-continue-panel--guest .home-section-heading{margin-bottom:.7rem}.home-continue-panel--guest .home-section-heading h2{font-size:1.35rem}.home-continue-panel--guest .home-auth-prompt{min-height:6.75rem;padding:1rem}.home-inline-state span,.home-auth-prompt p{margin:0;color:var(--home-subtle);font-size:.9rem;line-height:1.55}.home-inline-state button{justify-self:start;min-height:2.65rem;padding:.6rem 1rem;border:0;border-radius:999px;background:var(--color-accent);color:var(--color-accent-contrast);font-weight:800}.home-inline-state a{justify-self:start;margin-top:.25rem}.home-auth-prompt__pending{justify-self:start;margin-top:.35rem;padding:.5rem .7rem;border:1px dashed var(--color-border);border-radius:.65rem;color:var(--home-subtle);font-size:.76rem;font-weight:800}.home-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}.home-skeleton span{min-height:10rem;border-radius:1.2rem;background:linear-gradient(100deg,var(--home-soft) 30%,color-mix(in srgb,var(--color-border) 55%,var(--home-soft)) 50%,var(--home-soft) 70%);background-size:220% 100%;animation:home-shimmer 1.4s linear infinite}.home-lotto{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(1.25rem,4vw,3rem);overflow:hidden;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid color-mix(in srgb,#c49a45 38%,var(--color-border));border-radius:1.6rem;background:linear-gradient(120deg,color-mix(in srgb,#e3bd63 12%,var(--home-panel)),var(--home-panel) 62%)}.home-lotto:after{content:"";position:absolute;right:12%;bottom:-4rem;width:12rem;height:8rem;border:1px solid color-mix(in srgb,#c49a45 15%,transparent);border-radius:50%;pointer-events:none}.home-lotto h2{margin-bottom:.45rem;font-size:clamp(1.4rem,2.5vw,1.9rem)}.home-lotto p{max-width:35rem;margin-bottom:0;color:var(--home-subtle);font-size:.88rem;line-height:1.6}.home-lotto__data{display:grid;grid-template-columns:auto auto;gap:.45rem 1rem}.home-lotto__data>div:not(.home-lotto__balls){display:grid;gap:.1rem}.home-lotto__data small{color:var(--home-subtle);font-size:.66rem}.home-lotto__data strong{font-size:1rem}.home-lotto__balls{grid-column:1 / -1;display:flex;gap:.3rem}.home-lotto__balls i{display:grid;width:1.75rem;height:1.75rem;place-items:center;border:1px solid color-mix(in srgb,#bd8c34 35%,var(--color-border));border-radius:50%;background:color-mix(in srgb,#e0b759 9%,var(--home-panel));color:var(--home-subtle);font-size:.65rem;font-style:normal}.home-lotto>a{z-index:1;flex:0 0 auto;padding:.78rem 1.05rem;border:1px solid #8c6b2d;border-radius:999px;color:#76551c;font-weight:850}html[data-theme=light]{color-scheme:light;--color-background: #f8f6f2;--color-surface: #fffdfa;--color-text: #292733;--color-text-muted: #6f6a76;--color-border: #e4dfdc;--color-accent: #554d70;--color-accent-contrast: #fff}html[data-theme=dark]{color-scheme:dark;--color-background: #181820;--color-surface: #23232d;--color-text: #f4f0f6;--color-text-muted: #b6afbc;--color-border: #3b3947;--color-accent: #d9cfed;--color-accent-contrast: #26222e}html[data-theme=dark] .home-page{--home-shadow: 0 20px 55px rgb(4 4 10 / .25)}html[data-theme=dark] .home-hero{background:radial-gradient(circle at 88% 18%,rgb(133 108 180 / .18) 0 13%,transparent 14%),radial-gradient(circle at 72% 88%,rgb(83 148 119 / .14) 0 16%,transparent 17%),linear-gradient(125deg,#302b30,#25242d 52%,#2d2939)}html[data-theme=dark] .home-page[data-audience=MEMBER] .home-hero{background:radial-gradient(circle at 12% 17%,rgb(108 83 141 / .62),transparent 43%),radial-gradient(circle at 91% 70%,rgb(54 115 100 / .54),transparent 49%),radial-gradient(circle at 58% 8%,rgb(118 91 75 / .28),transparent 33%),linear-gradient(128deg,#3d334d,#302e3d 50%,#29443f)}html[data-theme=dark] .home-hero__visual:before{inset:20% 12% 10%;background:radial-gradient(circle,rgb(139 119 178 / .2),rgb(91 145 125 / .1) 50%,transparent 72%);filter:blur(8px)}html[data-theme=dark] .home-hero__visual img{filter:drop-shadow(0 10px 12px rgb(0 0 0 / .24))}html[data-theme=dark] .home-hero__visual[data-character-state=member]{background:transparent}html[data-theme=dark] .home-hero__visual[data-character-state=member] img{filter:brightness(.82) saturate(.88) drop-shadow(0 10px 12px rgb(0 0 0 / .28))}html[data-theme=dark] .home-eyebrow,html[data-theme=dark] .home-lotto__copy>span{color:#e0bd7f}html[data-theme=dark] .home-world-card{background:linear-gradient(155deg,color-mix(in srgb,var(--world-accent) 16%,var(--home-panel)),color-mix(in srgb,var(--world-accent) 5%,var(--home-panel)))}html[data-theme=dark] .home-world-card{border-color:color-mix(in srgb,var(--world-accent) 38%,var(--color-border));box-shadow:0 10px 28px color-mix(in srgb,var(--world-accent) 10%,transparent)}html[data-theme=dark] .home-world-card>span,html[data-theme=dark] .home-world-card>strong{color:color-mix(in srgb,var(--world-accent) 72%,#fff)}html[data-theme=dark] .home-lotto>a{color:#e3c17e}@keyframes home-shimmer{to{background-position-x:-220%}}@media(max-width:64rem){.home-world-grid{grid-template-columns:repeat(3,1fr)}.home-world-card:nth-child(n+4){grid-column:span 1}.home-lotto{grid-template-columns:1fr auto}.home-lotto__data{grid-row:2}.home-lotto>a{grid-column:2;grid-row:1 / span 2}}@media(max-width:47.99rem){.home-page{gap:2.8rem}.home-preview-controls{top:auto;right:.6rem;bottom:calc(var(--mobile-navigation-height) + .6rem)}.home-hero{grid-template-columns:1fr;min-height:auto;border-radius:1.6rem}.home-hero__copy{padding:2.15rem 1.35rem 1rem}.home-hero h1{font-size:clamp(2.15rem,11vw,2.8rem);line-height:1.1}.home-hero__copy>p:not(.home-eyebrow){font-size:.95rem}.home-hero__visual{min-height:12rem;max-height:15rem;margin:.5rem 1.35rem 1.35rem}.home-hero__visual[data-character-state=guest] img{width:140%;transform:translate(-20%)}.home-hero__visual[data-character-state=member] img{width:108%;object-position:center 46%;transform:translate(-4%)}.home-two-column,.home-two-column[data-audience=GUEST]{grid-template-columns:1fr}.home-world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;overflow:visible}.home-world-card{min-height:16rem}.home-world-card:last-child{grid-column:1 / -1;min-height:14.25rem}.home-world-card h3,.home-world-card p,.home-world-card>span,.home-world-card>strong{overflow-wrap:anywhere}.home-world-card p{display:-webkit-box;min-height:3.9rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.home-world-card .home-asset-slot{height:clamp(3.7rem,16vw,4.6rem);min-height:0;flex:0 0 auto}.home-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.home-snapshot{padding:1rem}.home-snapshot p{min-height:0}.home-featured-list>a{grid-template-columns:4.3rem minmax(0,1fr) auto}.home-skeleton{grid-template-columns:1fr 1fr}.home-lotto{grid-template-columns:1fr;align-items:start}.home-lotto__data,.home-lotto>a{grid-column:1;grid-row:auto}.home-lotto>a{width:100%;text-align:center}}@media(max-width:25rem){.home-snapshot-grid{grid-template-columns:1fr}.home-actions>a{width:100%}}@media(max-width:21rem){.home-preview-controls{display:none}}@media(prefers-reduced-motion:reduce){.home-world-card{transition:none}.home-skeleton span{animation:none}}.fishing-proto{--fish-coral: #f36565;display:grid;gap:.8rem;max-width:43rem;margin:0 auto;width:100%}.fishing-proto__tag{font-size:.62rem;font-weight:800;vertical-align:middle;padding:.1rem .45rem;border-radius:999px;color:var(--game-subtle);background:color-mix(in srgb,var(--game-subtle) 18%,transparent)}.fishing-temp{font-style:normal;font-size:.8rem;color:var(--game-subtle);font-weight:600}.fishing-scene{position:relative;isolation:isolate;width:100%;height:clamp(340px,54vw,430px);border:1px solid rgb(91 151 174 / .25);padding:0;border-radius:1.55rem;overflow:hidden;cursor:pointer;box-shadow:0 18px 42px #2b698429,inset 0 1px #ffffffb3;-webkit-tap-highlight-color:transparent}.fishing-scene:disabled{cursor:default}.fishing-scene--bite{animation:fishing-scene-shake .16s linear infinite}.fishing-scene--fail-timeout,.fishing-scene--fail-escape{box-shadow:inset 0 0 0 3px #d1495b80,inset 0 10px 30px #00000024}.fishing-scene--fail-early{box-shadow:inset 0 0 0 3px #5a96d280,inset 0 10px 30px #00000024}.fishing-sky{position:absolute;z-index:-3;inset:0 0 46%;background:linear-gradient(180deg,#eaf9fc,#bde7f1)}.fishing-sea{position:absolute;z-index:-2;inset:54% 0 0;background:linear-gradient(180deg,#81cfda,#50a9c0,#28789d);overflow:hidden}.fishing-sea:after{content:"";position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(174deg,transparent 0 23px,rgb(255 255 255 / .45) 24px 26px,transparent 27px 48px)}html[data-theme=dark] .fishing-sky{background:linear-gradient(180deg,#2a3a54,#203047)}html[data-theme=dark] .fishing-sea{background:linear-gradient(180deg,#235274,#163b53 55%,#0e2739)}.fishing-sun{position:absolute;top:12%;left:12%;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#ffe08a,#ffc94d);box-shadow:0 0 18px #ffc94d99}.fishing-cloud{position:absolute;height:14px;border-radius:999px;background:#ffffffd9;box-shadow:-12px -5px 0 3px #ffffff94,12px -8px 0 5px #ffffff94}.fishing-cloud--a{top:16%;right:18%;width:62px}.fishing-cloud--b{top:30%;right:34%;width:40px;opacity:.8}html[data-theme=dark] .fishing-sun{background:radial-gradient(circle,#cdd6ff,#8ea0d6);box-shadow:0 0 16px #a0b4f080}html[data-theme=dark] .fishing-cloud{background:#c8d2e659}.fishing-island{position:absolute;bottom:-2px;border-radius:70% 85% 0 0;background:#6ba17f}.fishing-island:before,.fishing-island:after{content:"";position:absolute;bottom:40%;border-radius:60% 60% 42% 42%;background:inherit}.fishing-island--far{left:7%;width:23%;height:12%;opacity:.65}.fishing-island--far:before{left:20%;width:28%;height:120%}.fishing-island--far:after{right:16%;width:35%;height:82%}.fishing-island--near{right:-4%;width:27%;height:17%;background:#4f896e}.fishing-island--near:before{left:18%;width:35%;height:100%}.fishing-island--near:after{right:12%;width:28%;height:75%}.fishing-wave{position:absolute;left:-20%;width:140%;height:10px;border-radius:50%;background:#ffffff38}.fishing-wave--a{top:4%;animation:fishing-wave 4.5s ease-in-out infinite}.fishing-wave--b{top:22%;opacity:.6;animation:fishing-wave 6s ease-in-out infinite reverse}.fishing-wave--c{top:58%;left:16%;width:42%;opacity:.35;animation:fishing-wave 5.2s ease-in-out -2s infinite}.fishing-fish-shadow{position:absolute;left:18%;bottom:20%;width:45px;height:11px;border-radius:50%;background:#1549652e;animation:fishing-shadow-swim 8s ease-in-out infinite}.fishing-phase{position:absolute;z-index:6;top:.9rem;left:.9rem;display:flex;align-items:center;gap:.42rem;padding:.42rem .7rem;border:1px solid rgb(255 255 255 / .7);border-radius:999px;color:#28556b;background:#ffffffb3;box-shadow:0 6px 16px #275e741f;font-size:.72rem;font-weight:850;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fishing-phase i{width:.45rem;height:.45rem;border-radius:50%;background:#5ca47e;box-shadow:0 0 0 4px #5ca47e24}.fishing-scene--bite .fishing-phase i{background:var(--fish-coral);box-shadow:0 0 0 4px #f365652e}html[data-theme=dark] .fishing-phase{color:#edfafd;background:#1b3546ad;border-color:#fff3}.fishing-pier{position:absolute;z-index:3;right:-4%;bottom:-3%;width:31%;height:31%;border-radius:12px 0 0;background:linear-gradient(115deg,#dca269,#a96840);box-shadow:0 -6px #ffe0b159;transform:skewY(-4deg)}.fishing-pier:after{content:"";position:absolute;left:8%;right:0;top:34%;height:2px;background:#643b2447;box-shadow:0 34px #643b2440}.fishing-pier i{position:absolute;bottom:-6px;width:10px;height:58%;border-radius:4px;background:#835139}.fishing-pier i:first-child{left:18%}.fishing-pier i:last-child{right:15%}.fishing-rod-set{position:absolute;z-index:4;top:17%;left:50%;width:48%;height:24%;transform-origin:94% 10%}.fishing-rod{position:absolute;display:block;height:6px;border-radius:999px;transform-origin:right center;box-shadow:0 1px 2px #00000038}.fishing-rod--butt{right:2%;top:8%;width:34%;background:linear-gradient(90deg,#bd7946,#704333);transform:rotate(10deg)}.fishing-rod--mid{right:96%;top:0;width:102%;background:linear-gradient(90deg,#426479,#bd7946);transform:rotate(0)}.fishing-rod--tip{right:96%;top:1px;width:105%;height:4px;background:linear-gradient(90deg,#294c61,#426479);transform:rotate(0)}.fishing-rod--tip:after{content:"";position:absolute;left:5%;top:-3px;width:6px;height:9px;border:1px solid #294c61;border-radius:50%}.fishing-reel{position:absolute;right:8%;top:5%;width:24px;height:24px;border:5px solid #d6a75b;border-radius:50%;background:#fff0b3;box-shadow:0 2px 4px #0000002e}.fishing-scene--reeling .fishing-rod-set{animation:fishing-rod-pull .45s ease-in-out infinite alternate}.fishing-scene--idle .fishing-rod-set{transform:rotate(-3deg)}.fishing-scene--casting .fishing-rod-set{animation:fishing-cast-handle 1s cubic-bezier(.3,.02,.22,1) both}.fishing-scene--casting .fishing-rod--mid{animation:fishing-cast-mid 1s cubic-bezier(.3,.02,.22,1) both}.fishing-scene--casting .fishing-rod--tip{animation:fishing-cast-tip 1s cubic-bezier(.3,.02,.22,1) both}.fishing-scene--casting .fishing-reel{animation:fishing-reel-spin .48s linear .3s}.fishing-scene--waiting .fishing-rod-set{animation:fishing-rod-recoil 1.15s cubic-bezier(.2,.72,.3,1) both}.fishing-rig{position:absolute;z-index:3;left:50%;top:7%;display:flex;flex-direction:column;align-items:center;transform-origin:top center}.fishing-line{width:2px;height:clamp(140px,36vw,195px);background:#1e28378c;transform-origin:top center}.fishing-bobber{position:relative;width:17px;height:22px;border-radius:55% 55% 48% 48%;margin-top:-1px;background:linear-gradient(180deg,#f46861 0 48%,#fff8ed 49% 78%,#28526a 79%);box-shadow:0 2px 4px #0000004d}.fishing-bobber i{position:absolute;left:7px;top:-8px;width:3px;height:9px;border-radius:3px;background:#28526a}.fishing-rig--idle{transform:translate(-4px,10px)}.fishing-rig--idle .fishing-line{height:68px;transform:rotate(4deg)}.fishing-rig--idle .fishing-bobber{transform:translate(5px)}.fishing-rig--missed,.fishing-rig--caught{opacity:0}.fishing-rig--waiting .fishing-bobber{animation:fishing-bob 2.4s ease-in-out infinite}.fishing-rig--waiting .fishing-line{transform-origin:top center;animation:fishing-line-sway 3.6s ease-in-out infinite}.fishing-rig--casting{animation:fishing-cast-rig 1s cubic-bezier(.22,.64,.3,1) both}.fishing-rig--casting .fishing-line{height:68px;animation:fishing-cast-line 1s cubic-bezier(.22,.64,.3,1) both}.fishing-rig--casting .fishing-bobber{animation:fishing-cast-bobber 1s cubic-bezier(.22,.64,.3,1) both}.fishing-rig--bite .fishing-bobber{animation:fishing-dip .16s linear infinite}.fishing-rig--bite .fishing-line{animation:fishing-line-sink .16s linear infinite}.fishing-ripple{position:absolute;left:50%;top:55%;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid rgb(255 255 255 / .7);border-radius:50%;pointer-events:none}.fishing-ripple--waiting{animation:fishing-ripple 3.2s ease-out infinite;opacity:.5}.fishing-ripple--waiting:after{content:"";position:absolute;inset:-2px;border:2px solid rgb(255 255 255 / .5);border-radius:50%;animation:fishing-ripple 3.2s ease-out 1.4s infinite}.fishing-ripple--bite{animation:fishing-ripple .7s ease-out infinite}.fishing-ripple--bite2{animation:fishing-ripple .7s ease-out .35s infinite}.fishing-bite-badge{position:absolute;left:50%;top:14%;transform:translate(-50%);padding:.4rem 1.1rem;border-radius:999px;font-weight:900;font-size:1.5rem;color:#fff;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(135deg,#ff5a4d,#e0362b);border:2px solid #fff;box-shadow:0 4px 14px #e0362b8c;animation:fishing-badge .5s ease-in-out infinite;pointer-events:none}.fishing-bite-badge small{display:block;margin-bottom:.1rem;font-size:.55rem;line-height:1;letter-spacing:.12em;opacity:.82}.fishing-splash{position:absolute;left:50%;top:52%;width:38px;height:28px;margin-left:-19px;border-left:5px solid rgb(245 255 255 / .85);border-right:5px solid rgb(245 255 255 / .85);border-radius:50%;animation:fishing-splash .4s ease-out infinite;pointer-events:none}.fishing-cast-splash{position:absolute;z-index:3;left:50%;top:53%;width:44px;height:16px;margin-left:-22px;border:3px solid rgb(244 255 255 / .8);border-radius:50%;opacity:0;animation:fishing-cast-landing 1s ease-out both;pointer-events:none}.fishing-cast-splash:before,.fishing-cast-splash:after{content:"";position:absolute;left:50%;bottom:4px;width:5px;height:18px;border-radius:50%;background:#f4ffffd9;transform-origin:bottom}.fishing-cast-splash:before{transform:rotate(-35deg)}.fishing-cast-splash:after{transform:rotate(35deg)}.fishing-reeling-badge{position:absolute;z-index:5;left:50%;top:22%;transform:translate(-50%) rotate(-3deg);padding:.42rem .86rem;border:2px solid #fff;border-radius:.9rem;color:#31566b;background:#fff2b5;box-shadow:0 7px 16px #22556933;font-weight:900}.fishing-scene--bite:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 4px #ff5a4d8c;animation:fishing-edge .5s ease-in-out infinite}.fishing-fail-cue{position:absolute;z-index:5;inset:0;display:grid;place-items:center;pointer-events:none;font-weight:900}.fishing-fail-cue b{font-size:4rem;line-height:.8;font-weight:500}.fishing-fail-cue span{padding:.28rem .7rem;border-radius:999px;background:#ffffffc7}.fishing-fail-cue--early{color:#3477a4;transform:translateY(-4%)}.fishing-fail-cue--early b{transform:rotate(-25deg);animation:fishing-early-hook .45s ease-out both}.fishing-fail-cue--timeout{display:flex;justify-content:center;gap:6px;color:#a64755;transform:translateY(10%)}.fishing-fail-cue--timeout b{color:#315f76;font-size:2rem;transform:scaleX(1.5);animation:fishing-escape .9s ease-out both}.fishing-fail-cue--timeout i{width:16px;height:3px;border-radius:3px;background:#efffffbf;animation:fishing-trail .7s ease-out both}.fishing-fail-cue--timeout i:nth-of-type(2){width:10px;animation-delay:.08s}.fishing-fail-cue--timeout i:nth-of-type(3){width:6px;animation-delay:.16s}.fishing-fail-cue--timeout span{position:absolute;top:28%}.fishing-catch{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.fishing-fish{font-size:clamp(4rem,14vw,6rem);display:inline-block;filter:drop-shadow(0 8px 10px rgb(0 0 0 / .32))}.fishing-fish--flop{transform-origin:50% 88%;animation:fishing-fish-rise .5s cubic-bezier(.22,.8,.3,1.2) both,fishing-flop .42s ease-in-out .5s 4}.fishing-catch-splash{position:absolute;width:90px;height:90px;border:4px solid rgb(255 255 255 / .55);border-radius:50%;animation:fishing-ripple .7s ease-out 2}.fishing-catch-label{position:absolute;bottom:12%;padding:.42rem .78rem;border:1px solid rgb(255 255 255 / .85);border-radius:999px;color:#285267;background:#fffc;box-shadow:0 6px 15px #1d516629;font-size:.78rem;font-weight:900}.fishing-message{text-align:center;color:var(--game-ink);font-weight:700;min-height:1.4em}.fishing-message--timeout,.fishing-message--escape{color:#d1495b}.fishing-message--early{color:#3f79b5}.fishing-actions{display:grid;gap:.5rem;justify-items:center}.fishing-proto .game-btn--primary{background:linear-gradient(135deg,#3c9c79,#27775f);box-shadow:0 8px 18px #27775f33}.fishing-cast,.fishing-hook{min-width:14rem;font-size:1.05rem;padding:.9rem 1.2rem;border-radius:999px}.fishing-hook{background:linear-gradient(135deg,#fb796d,#dc4c55)!important}.fishing-hook{animation:fishing-badge .4s ease-in-out infinite}.fishing-hint{color:var(--game-subtle);font-size:.84rem;text-align:center}.fishing-result .game-result__label{font-size:1.15rem}@keyframes fishing-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes fishing-cast-in{0%{transform:translate(-90px,-70px) scale(.4);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes fishing-cast-handle{0%{transform:rotate(-3deg)}18%{transform:rotate(7deg)}24%{transform:rotate(8deg)}50%{transform:rotate(-15deg)}66%{transform:rotate(-9deg)}to{transform:rotate(0)}}@keyframes fishing-cast-mid{0%,15%{transform:rotate(0)}25%{transform:rotate(-3deg)}42%{transform:rotate(5deg)}57%{transform:rotate(-2deg)}76%,to{transform:rotate(0)}}@keyframes fishing-cast-tip{0%,19%{transform:rotate(0)}30%{transform:rotate(-5deg)}46%{transform:rotate(8deg)}61%{transform:rotate(-3deg)}82%,to{transform:rotate(0)}}@keyframes fishing-reel-spin{0%{transform:rotate(0)}to{transform:rotate(540deg)}}@keyframes fishing-cast-rig{0%{transform:translateY(10px) rotate(4deg)}18%,24%{transform:translate(76px,-30px) rotate(-12deg)}34%{transform:translate(5px,4px) rotate(7deg)}52%{transform:translate(-11px,81px) rotate(0)}72%{transform:translate(-4px,28px) rotate(0)}88%{transform:translate(0) rotate(0)}93%{transform:translateY(2px) rotate(0)}to{transform:translate(0) rotate(0)}}@keyframes fishing-cast-line{0%,27%{transform:scaleY(1) rotate(4deg)}34%{transform:scaleY(.96) rotate(-11deg)}52%{transform:scaleY(1.3) rotate(129deg)}72%{transform:scaleY(1.78) rotate(18deg)}88%{transform:scaleY(2.53) rotate(0)}93%{transform:scaleY(2.7) rotate(0)}to{transform:scaleY(2.59) rotate(0)}}@keyframes fishing-cast-bobber{0%,27%{transform:translate(5px) rotate(0)}34%{transform:translate(12px,-4px) rotate(10deg)}52%{transform:translate(-69px,-124px) rotate(-28deg)}72%{transform:translate(-37px,47px) rotate(18deg)}88%{transform:translateY(104px) rotate(0)}93%{transform:translateY(116px) scaleY(.88)}to{transform:translateY(108px) scaleY(1)}}@keyframes fishing-cast-landing{0%,82%{transform:scale(.3);opacity:0}88%{transform:scale(.65);opacity:.95}to{transform:scale(1.45);opacity:0}}@keyframes fishing-dip{0%,to{transform:translate(-1px,12px)}50%{transform:translate(1px,18px)}}@keyframes fishing-line-sink{0%,to{transform:scaleY(1.16)}50%{transform:scaleY(1.26)}}@keyframes fishing-edge{0%,to{opacity:.5}50%{opacity:1}}@keyframes fishing-scene-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes fishing-wave{0%,to{transform:translate(0)}50%{transform:translate(14px)}}@keyframes fishing-ripple{0%{transform:scale(.35);opacity:.85}to{transform:scale(1.5);opacity:0}}@keyframes fishing-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fishing-shadow-swim{0%,to{transform:translate(-30px) rotate(-7deg);opacity:.08}50%{transform:translate(110px) rotate(4deg);opacity:.24}}@keyframes fishing-rod-pull{0%{transform:rotate(0)}to{transform:rotate(-6deg)}}@keyframes fishing-splash{0%{transform:translateY(8px) scale(.6);opacity:0}55%{opacity:1}to{transform:translateY(-12px) scale(1);opacity:0}}@keyframes fishing-early-hook{0%{transform:translateY(42px) rotate(-25deg);opacity:0}to{transform:translateY(0) rotate(8deg);opacity:1}}@keyframes fishing-escape{0%{transform:translate(0) scaleX(1.5);opacity:1}to{transform:translate(-80px) scaleX(1.5);opacity:0}}@keyframes fishing-trail{0%{transform:translate(0);opacity:.8}to{transform:translate(35px);opacity:0}}@keyframes fishing-flop{0%{transform:rotate(-16deg) translateY(0)}25%{transform:rotate(13deg) translateY(-12px)}50%{transform:rotate(-11deg) translateY(0)}75%{transform:rotate(9deg) translateY(-7px)}to{transform:rotate(0) translateY(0)}}@keyframes fishing-fish-rise{0%{transform:translateY(40px) scale(1.3,.6);opacity:0}35%{transform:translateY(-18px) scale(.82,1.28);opacity:1}60%{transform:translateY(6px) scale(1.12,.9);opacity:1}80%{transform:translateY(-4px) scale(.96,1.05)}to{transform:translateY(0) scale(1)}}@keyframes fishing-rod-recoil{0%{transform:rotate(-9deg)}22%{transform:rotate(5deg)}45%{transform:rotate(-3deg)}68%{transform:rotate(1.5deg)}to{transform:rotate(0)}}@keyframes fishing-line-sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes fishing-snap-up{0%{transform:translateY(0) scaleY(1);opacity:1}to{transform:translateY(-40px) scaleY(.5) rotate(-14deg);opacity:0}}@keyframes fishing-snap-down{0%{transform:translateY(0) scaleY(1);opacity:1}to{transform:translateY(34px) scaleY(.5) rotate(10deg);opacity:0}}@keyframes fishing-broke-x{0%{transform:scale(.2) rotate(-30deg);opacity:0}55%{transform:scale(1.25) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fishing-dart-pop{0%{transform:scale(.6);opacity:0}30%{transform:scale(1.1);opacity:1}80%{opacity:1}to{transform:scale(1);opacity:0}}@media(max-width:520px){.fishing-scene{height:min(112vw,405px);border-radius:1.3rem}.fishing-phase{top:.7rem;left:.7rem}.fishing-pier{width:38%;height:29%}.fishing-rod-set{top:19%;left:46%;width:55%}.fishing-rig{left:46%;top:10%}.fishing-line{height:clamp(146px,43vw,182px)}.fishing-ripple,.fishing-splash{left:46%}}@media(prefers-reduced-motion:reduce){.fishing-scene--bite,.fishing-scene--bite:after,.fishing-wave,.fishing-fish-shadow,.fishing-scene--reeling .fishing-rod-set,.fishing-scene--casting .fishing-rod-set,.fishing-scene--casting .fishing-rod--mid,.fishing-scene--casting .fishing-rod--tip,.fishing-scene--casting .fishing-reel,.fishing-rig--casting,.fishing-rig--casting .fishing-line,.fishing-rig--waiting .fishing-bobber,.fishing-rig--casting .fishing-bobber,.fishing-cast-splash,.fishing-rig--bite .fishing-bobber,.fishing-rig--bite .fishing-line,.fishing-ripple,.fishing-ripple--waiting:after,.fishing-bite-badge,.fishing-splash,.fishing-fail-cue b,.fishing-fail-cue i,.fishing-fish--flop,.fishing-catch-splash,.fishing-hook,.fishing-scene--waiting .fishing-rod-set,.fishing-rig--waiting .fishing-line,.fishing-snap,.fishing-fail-cue--broke b{animation:none}}.fishing-subtabs{display:flex;gap:.4rem}.fishing-subtabs button{flex:1 1 auto;padding:.55rem .6rem;border:1px solid var(--color-border);border-radius:.7rem;background:var(--game-soft);color:var(--game-subtle);font-weight:800;font-size:.9rem;cursor:pointer}.fishing-subtabs button.is-active{background:color-mix(in srgb,var(--fish-coral) 16%,var(--game-panel));border-color:color-mix(in srgb,var(--fish-coral) 45%,var(--color-border));color:var(--game-ink)}.fishing-badges{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.fishing-badge{padding:.28rem .7rem;border-radius:999px;font-size:.82rem;font-weight:800}.fishing-badge--new{color:#7a4dd0;background:color-mix(in srgb,#7a4dd0 15%,transparent)}.fishing-badge--record{color:#c8871a;background:color-mix(in srgb,#f5c451 24%,transparent)}.fishing-dex{display:grid;gap:1rem}.fishing-dex__grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.fishing-dex__item{display:grid;gap:.15rem;justify-items:center;text-align:center;padding:.8rem .5rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--game-panel)}.fishing-dex__item.is-locked{background:var(--game-soft);opacity:.8}.fishing-dex__item.rarity-희귀{border-color:color-mix(in srgb,#3f8ce0 45%,var(--color-border))}.fishing-dex__item.rarity-전설{border-color:color-mix(in srgb,#f5a623 55%,var(--color-border));box-shadow:0 4px 14px #f5a62329}.fishing-dex__item.is-locked.rarity-희귀,.fishing-dex__item.is-locked.rarity-전설{border-color:var(--color-border);box-shadow:none}.fishing-dex__art{font-size:2.1rem;filter:grayscale(0)}.fishing-dex__item.is-locked .fishing-dex__art{opacity:.5}.fishing-dex__name{font-size:.92rem;color:var(--game-ink)}.fishing-dex__rarity{font-size:.72rem;color:var(--game-subtle);font-weight:700}.fishing-dex__best{font-size:.74rem;color:var(--fish-coral);font-weight:700}.fishing-dex__best--dim{color:var(--game-subtle);font-weight:500}.fishing-scene--fighting .fishing-rod-set{animation:fishing-rod-pull .5s ease-in-out infinite alternate}.fishing-rig--fighting{transform:translate(-4px,24px)}.fishing-rig--fighting .fishing-bobber{animation:fishing-dip .18s linear infinite}.fishing-fight{display:grid;gap:.7rem;padding:.2rem .1rem}.fishing-fight__meters{display:grid;gap:.5rem}.fishing-fight__row{display:flex;align-items:center;gap:.55rem}.fishing-fight__label{width:2.6rem;font-size:.8rem;font-weight:800;color:var(--game-subtle);flex:0 0 auto}.fishing-fight__bar{position:relative;flex:1 1 auto;height:15px;border-radius:999px;background:color-mix(in srgb,var(--game-subtle) 20%,transparent);overflow:hidden}.fishing-fight__bar>span{display:block;height:100%;border-radius:999px}.fishing-fight__tick{position:absolute;top:0;bottom:0;width:2px;z-index:2;pointer-events:none}.fishing-fight__tick--warn{left:60%;background:#ffffff8c}.fishing-fight__tick--danger{left:82%;background:#fffc;box-shadow:0 0 4px #d1495bb3}.fishing-fight__bar--progress>span{background:linear-gradient(90deg,#3f9c6d,#5fc48a)}.fishing-fight[data-zone=safe] .fishing-fight__bar--tension>span{background:#4caf7a}.fishing-fight[data-zone=warn] .fishing-fight__bar--tension>span{background:#e2b53c}.fishing-fight[data-zone=danger] .fishing-fight__bar--tension>span{background:#d1495b;box-shadow:0 0 10px #d1495bcc}.fishing-fight[data-zone=danger]{animation:fishing-scene-shake .16s linear infinite}.fishing-fight[data-zone=danger] .fishing-fight__row:first-child .fishing-fight__label{color:#d1495b}.fishing-fight__dart{justify-self:center;margin-top:-.2rem;padding:.18rem .7rem;border-radius:999px;font-size:.82rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff5a4d,#d1495b);box-shadow:0 4px 12px #d1495b80;opacity:0}.fishing-fight[data-dart="1"] .fishing-fight__dart{animation:fishing-dart-pop .28s ease-out}.fishing-fight[data-dart="1"] .fishing-fight__bar--tension>span{filter:brightness(1.5)}.fishing-fight__idle-warn{justify-self:center;margin-top:-.2rem;padding:.18rem .7rem;border-radius:999px;font-size:.82rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#f3a13a,#dd7a2b);box-shadow:0 4px 12px #dd7a2b80;display:none}.fishing-fight[data-idle="1"] .fishing-fight__idle-warn{display:block;animation:fishing-badge .5s ease-in-out infinite}.fishing-fight[data-idle="1"] .fishing-fight__reel{animation:fishing-badge .5s ease-in-out infinite;box-shadow:0 0 0 3px #f3a13a66,0 6px 16px #dd7a2b59}.fishing-fight__reel{position:relative;width:100%;touch-action:none;user-select:none;-webkit-user-select:none;padding:1rem;font-size:1.05rem;transition:transform .08s ease,filter .08s ease}.fishing-fight__reel-on{display:none}.fishing-fight__reel-icon{display:inline-block;margin-right:.3rem}.fishing-fight[data-hold="1"] .fishing-fight__reel{transform:scale(.97);filter:brightness(1.08) saturate(1.15);box-shadow:0 0 0 3px #5fc48a59,0 6px 16px #27775f4d}.fishing-fight[data-hold="1"] .fishing-fight__reel-on{display:inline}.fishing-fight[data-hold="1"] .fishing-fight__reel-off{display:none}.fishing-fight[data-hold="1"] .fishing-fight__reel-icon{animation:fishing-reel-spin .5s linear infinite}.fishing-scene--fail-broke{box-shadow:inset 0 0 0 3px #d1495b99,inset 0 10px 30px #0000002e}.fishing-fail-cue--broke{display:grid;place-items:center;color:#b23347}.fishing-fail-cue--broke b{font-size:3.4rem;line-height:.8;font-weight:500;color:#c8384c;animation:fishing-broke-x .4s ease-out both}.fishing-fail-cue--broke span:last-child{margin-top:.4rem;padding:.28rem .7rem;border-radius:999px;background:#ffffffd1;font-weight:900}.fishing-snap{position:absolute;left:50%;top:42%;width:3px;height:46px;margin-left:-1.5px;background:#3c4a5ccc;border-radius:3px;transform-origin:center}.fishing-snap--up{animation:fishing-snap-up .5s ease-out both}.fishing-snap--down{top:50%;animation:fishing-snap-down .5s ease-out both}@media(prefers-reduced-motion:reduce){.fishing-scene--fighting .fishing-rod-set,.fishing-rig--fighting .fishing-bobber,.fishing-fight[data-zone=danger],.fishing-fight[data-dart="1"] .fishing-fight__dart,.fishing-fight[data-hold="1"] .fishing-fight__reel-icon,.fishing-fight[data-idle="1"] .fishing-fight__idle-warn,.fishing-fight[data-idle="1"] .fishing-fight__reel{animation:none}}.games-page{--game-ink: var(--color-text);--game-subtle: var(--color-text-muted);--game-panel: var(--color-surface);--game-soft: color-mix(in srgb, var(--color-surface) 78%, var(--color-background));--game-shadow: 0 14px 40px rgb(40 40 60 / .08);--word-accent: #3f9c6d;--chosung-accent: #7b61c9;--c-green: #4caf50;--c-yellow: #e2b53c;--c-gray: #9aa0ab;display:grid;gap:clamp(1.6rem,3.5vw,2.4rem);min-width:0;max-width:100%;padding-bottom:var(--space-8)}.games-page h1,.games-page h2,.games-page p{margin:0;min-width:0;overflow-wrap:anywhere}.games-page button{font:inherit;cursor:pointer}.games-page button:focus-visible{outline:3px solid color-mix(in srgb,var(--chosung-accent) 60%,transparent);outline-offset:3px}.games-dev{position:fixed;top:5.5rem;right:.75rem;z-index:20;padding:.3rem .5rem;border:1px dashed #7d8490;border-radius:.4rem;background:color-mix(in srgb,var(--color-surface) 92%,transparent);font:700 .65rem ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--game-subtle);opacity:.82}.games-eyebrow{font-size:.82rem;font-weight:800;letter-spacing:.14em;color:var(--word-accent)}.games-header h1{font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.25;margin-top:.3rem}.games-tabs{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--color-border);padding-bottom:0}.games-tabs::-webkit-scrollbar{display:none}.games-tabs__btn{flex:0 0 auto;padding:.7rem 1rem;border:none;background:none;color:var(--game-subtle);font-weight:700;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}.games-tabs__btn.is-active{color:var(--game-ink);border-bottom-color:var(--word-accent)}.games-hub{display:grid;gap:clamp(1.6rem,4vw,2.6rem)}.games-section-title{font-size:1.15rem}.games-section-sub{color:var(--game-subtle);font-size:.9rem;margin-top:.2rem}.games-progression{display:grid;gap:1.5rem}.games-progression-grid{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:.7rem}.games-progress-card{display:flex;min-height:3rem;align-items:center;justify-content:space-between;gap:.8rem;width:100%;padding:.9rem 1rem;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--game-panel);color:var(--game-ink);box-shadow:var(--game-shadow);transition:transform .15s ease,box-shadow .15s ease}.games-progress-card:hover{transform:translateY(-2px)}.games-progress-card>span{display:grid;gap:.2rem}.games-progress-card small,.games-progress-card__meta{color:var(--game-subtle);font-size:.82rem}.games-progress-card__cta{color:var(--word-accent);font-size:.86rem;font-weight:800;white-space:nowrap}.games-progress-card--continue{border-color:color-mix(in srgb,var(--word-accent) 38%,var(--color-border));background:linear-gradient(150deg,color-mix(in srgb,var(--word-accent) 9%,var(--game-panel)),var(--game-panel))}.games-progress-card--stats{align-items:stretch;flex-direction:column}.games-progress-card__heading{display:flex!important;align-items:center;justify-content:space-between;gap:.7rem}.games-progress-card__heading>span{color:var(--game-subtle);font-size:.82rem;text-align:right}.games-progress-card__streaks{display:grid!important;grid-template-columns:1fr 1fr;gap:.5rem!important}.games-progress-card__streaks>span{padding:.55rem;border-radius:.55rem;background:var(--game-soft);color:var(--game-subtle);font-size:.8rem;text-align:center}.games-progress-card__streaks strong{display:block;margin-top:.1rem;color:var(--game-ink);font-size:1rem}.games-progression__storage{color:var(--game-subtle);font-size:.78rem;text-align:right}.games-progression-empty{display:grid;justify-items:start;gap:.55rem;padding:1.2rem;border:1px dashed var(--color-border);border-radius:var(--radius-medium);background:var(--game-soft)}.games-progression-empty h2{font-size:1.05rem}.games-progression-empty p,.games-progression-empty small{color:var(--game-subtle)}.games-progression-empty p{font-size:.88rem}.games-progression-empty small{font-size:.76rem}.games-progression-empty button{min-height:3rem;margin-top:.25rem;padding:.7rem 1rem;border:1px solid transparent;border-radius:.6rem;background:var(--word-accent);color:#fff;font-weight:800}@media(min-width:620px){.games-progression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.games-today-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:.9rem}@media(min-width:620px){.games-today-grid{grid-template-columns:1fr 1fr}}.game-hero{display:grid;gap:.35rem;text-align:left;padding:1.3rem;border-radius:var(--radius-medium);border:1px solid var(--color-border);background:var(--game-panel);box-shadow:var(--game-shadow);transition:transform .15s ease,box-shadow .15s ease}.game-hero:hover{transform:translateY(-2px)}.game-hero__badge{font-size:1.9rem}.game-hero strong{font-size:1.2rem;color:var(--game-ink)}.game-hero__desc{color:var(--game-subtle);font-size:.9rem}.game-hero__cta{margin-top:.3rem;font-weight:800}.game-hero--word{border-color:color-mix(in srgb,var(--word-accent) 45%,var(--color-border));background:linear-gradient(150deg,color-mix(in srgb,var(--word-accent) 12%,var(--game-panel)),var(--game-panel))}.game-hero--word .game-hero__cta{color:var(--word-accent)}.game-hero--chosung{border-color:color-mix(in srgb,var(--chosung-accent) 45%,var(--color-border));background:linear-gradient(150deg,color-mix(in srgb,var(--chosung-accent) 12%,var(--game-panel)),var(--game-panel))}.game-hero--chosung .game-hero__cta{color:var(--chosung-accent)}.games-mini-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:.9rem}.game-mini-card{position:relative;display:grid;gap:.3rem;padding:1.1rem;border-radius:var(--radius-medium);border:1px solid var(--color-border);background:var(--game-soft)}.game-mini-card__emoji{font-size:1.7rem}.game-mini-card strong{color:var(--game-ink)}.game-mini-card__desc{color:var(--game-subtle);font-size:.82rem}.game-mini-card__soon{position:absolute;top:.7rem;right:.7rem;padding:.12rem .5rem;border-radius:999px;font-size:.68rem;font-weight:800;color:var(--game-subtle);background:color-mix(in srgb,var(--game-subtle) 18%,transparent)}.game-mini-card--ready{text-align:left;cursor:pointer;font:inherit;transition:transform .15s ease,box-shadow .15s ease}.game-mini-card--ready:hover{transform:translateY(-2px);box-shadow:var(--game-shadow)}.game-mini-card__cta{margin-top:.2rem;font-size:.82rem;font-weight:800;color:var(--word-accent)}@media(prefers-reduced-motion:reduce){.games-progress-card{transition:none}.games-progress-card:hover{transform:none}}.game-play{display:grid;gap:1rem;max-width:30rem;margin:0 auto;width:100%}.game-play__top{display:grid;grid-template-columns:2.5rem 1fr 2.5rem;align-items:center}.game-play__top h2{text-align:center;font-size:1.15rem}.game-play__back{border:1px solid var(--color-border);border-radius:.6rem;background:var(--game-panel);width:2.4rem;height:2.4rem;font-size:1.2rem;color:var(--game-ink)}.game-play__meta{display:flex;justify-content:space-between;color:var(--game-subtle);font-size:.9rem}.game-play__meta strong{color:var(--game-ink)}.game-play__prompt{text-align:center;color:var(--game-ink);font-weight:700}.game-play__hint{color:var(--game-subtle);font-weight:500;font-size:.85rem}.game-play__notice{text-align:center;color:#d1495b;font-weight:700;font-size:.9rem}.word-board{display:grid;gap:.4rem;justify-content:center}.word-row{display:grid;gap:.4rem}.word-cell{width:2.7rem;height:2.7rem;display:grid;place-items:center;border:2px solid var(--color-border);border-radius:.5rem;font-size:1.25rem;font-weight:800;color:var(--game-ink);background:var(--game-panel)}@media(max-width:380px){.word-cell{width:2.3rem;height:2.3rem;font-size:1.05rem}}.word-cell.is-filled{border-color:color-mix(in srgb,var(--word-accent) 60%,var(--color-border))}.word-cell.is-green{background:var(--c-green);border-color:var(--c-green);color:#fff}.word-cell.is-yellow{background:var(--c-yellow);border-color:var(--c-yellow);color:#fff}.word-cell.is-gray{background:var(--c-gray);border-color:var(--c-gray);color:#fff}.word-row.shake{animation:game-shake .35s}@keyframes game-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.word-row.shake{animation:none}}.word-keyboard{display:grid;gap:.4rem;margin-top:.3rem}.word-keyboard__row{display:flex;gap:.3rem;justify-content:center}.word-key{flex:1 1 auto;max-width:2.5rem;min-width:0;height:3rem;border:none;border-radius:.5rem;background:var(--game-soft);color:var(--game-ink);font-weight:700;font-size:1rem}.word-key.is-green{background:var(--c-green);color:#fff}.word-key.is-yellow{background:var(--c-yellow);color:#fff}.word-key.is-gray{background:color-mix(in srgb,var(--c-gray) 55%,var(--game-soft));color:#fff}.word-key--fn,.word-key--submit{max-width:none;flex:1.4 1 auto;font-size:.9rem}.word-key--submit{background:var(--word-accent);color:#fff}.game-result{display:grid;gap:.9rem;padding:1.3rem;margin-top:.4rem;border-radius:var(--radius-medium);border:1px solid var(--color-border);background:var(--game-panel);box-shadow:var(--game-shadow);text-align:center}.game-result__grade{display:flex;flex-direction:column;align-items:center;gap:.2rem}.game-result__label{font-size:1.3rem;font-weight:800;color:var(--game-ink)}.game-result__tag{font-size:.8rem;font-weight:800;padding:.15rem .7rem;border-radius:999px;color:#fff;background:var(--game-subtle)}.grade-대길 .game-result__tag{background:linear-gradient(135deg,#f5a623,#f57b23)}.grade-길 .game-result__tag{background:#3f8ce0}.grade-평 .game-result__tag{background:#6a9f6a}.grade-흉 .game-result__tag{background:#b06a6a}.game-result__answer{color:var(--game-ink)}.game-result__answer strong{color:var(--word-accent)}.game-result__stats{display:grid;gap:.35rem;text-align:left;max-width:18rem;margin:0 auto;width:100%}.game-result__stats>div{display:flex;justify-content:space-between;font-size:.92rem}.game-result__stats dt{color:var(--game-subtle)}.game-result__stats dd{margin:0;font-weight:700;color:var(--game-ink)}.game-result__stats .win{color:var(--word-accent)}.game-result__stats .loss{color:var(--game-subtle)}.game-result__done{color:var(--game-subtle);font-size:.9rem}.game-result__actions{display:grid;gap:.6rem}.game-result__row{display:flex;gap:.5rem;justify-content:center}.game-btn{padding:.7rem 1.1rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--game-soft);color:var(--game-ink);font-weight:700}.game-btn--primary{background:var(--word-accent);color:#fff;border-color:transparent}.chosung-play .game-play__prompt{margin-bottom:.2rem}.chosung-category{display:inline-block;margin:0 auto;padding:.25rem .8rem;border-radius:999px;font-size:.85rem;font-weight:700;color:var(--chosung-accent);background:color-mix(in srgb,var(--chosung-accent) 14%,transparent)}.chosung-hint{display:flex;justify-content:center;gap:.5rem;margin:.3rem auto;padding:1.1rem 1.4rem;border-radius:var(--radius-medium);background:color-mix(in srgb,var(--chosung-accent) 12%,var(--game-panel));border:1px solid color-mix(in srgb,var(--chosung-accent) 35%,var(--color-border));font-size:2rem;font-weight:800;letter-spacing:.3rem;color:var(--chosung-accent)}.chosung-cells{display:flex;gap:.4rem;justify-content:center}.chosung-cell{width:2.7rem;height:2.7rem;display:grid;place-items:center;border:2px solid var(--color-border);border-radius:.5rem;font-size:1.3rem;font-weight:800;color:var(--game-ink);background:var(--game-panel)}.chosung-cell.is-filled{border-color:color-mix(in srgb,var(--chosung-accent) 60%,var(--color-border))}.chosung-input-row{display:flex;gap:.5rem;max-width:22rem;margin:.3rem auto 0;width:100%}.chosung-input{flex:1 1 auto;min-width:0;padding:.8rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--game-panel);color:var(--game-ink);font-size:1.1rem;text-align:center}.chosung-submit{padding:.8rem 1.2rem;border:none;border-radius:.6rem;background:var(--chosung-accent);color:#fff;font-weight:800}.chosung-tries{display:flex;flex-direction:column;gap:.35rem;max-width:22rem;margin:0 auto;width:100%}.chosung-try{padding:.55rem .8rem;border-radius:.5rem;background:color-mix(in srgb,#d1495b 12%,var(--game-soft));color:var(--game-ink);text-align:center;font-weight:600}.chosung-play .game-result__answer strong{color:var(--chosung-accent)}.chosung-play .game-btn--primary{background:var(--chosung-accent)}.chosung-play .games-eyebrow{color:var(--chosung-accent)}html[data-theme=light]{color-scheme:light;--color-background: #f8f6f2;--color-surface: #fffdfa;--color-text: #292733;--color-text-muted: #6f6a76;--color-border: #e4dfdc}html[data-theme=dark]{color-scheme:dark;--color-background: #181820;--color-surface: #23232d;--color-text: #f4f0f6;--color-text-muted: #b6afbc;--color-border: #3b3947}html[data-theme=dark] .games-page{--game-shadow: 0 16px 44px rgb(4 4 10 / .28)}.body-shell{display:grid;gap:var(--space-6)}.body-shell button,.body-shell select{font:inherit}.body-shell__header,.body-card__heading,.body-progress__weight{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.body-shell__header h1,.body-card h2{margin:0}.body-shell__header h1{font-size:clamp(1.75rem,4vw,2.5rem)}.body-shell__header p,.body-card p{color:var(--color-text-muted)}.body-shell__eyebrow,.body-card__label{margin:0 0 var(--space-1);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.body-badge{flex:none;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-background);color:var(--color-text-muted);font-size:.8rem;font-weight:700}.body-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--color-border)}.body-tabs__button{flex:1 0 auto;padding:var(--space-3) var(--space-4);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer}.body-tabs__button--active{border-bottom-color:var(--color-accent);color:var(--color-text);font-weight:700}.body-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.body-card{min-width:0;padding:var(--space-6);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:0 .8rem 2.4rem color-mix(in srgb,var(--color-text) 5%,transparent)}.body-journey{grid-column:1 / -1;min-width:0;overflow:hidden;padding:clamp(var(--space-5),4vw,var(--space-8));border:1px solid color-mix(in srgb,var(--color-accent) 20%,var(--color-border));border-radius:calc(var(--radius-large) * 1.2);background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--color-surface) 94%,var(--color-accent)),var(--color-surface));box-shadow:0 1.2rem 3rem color-mix(in srgb,var(--color-accent) 10%,transparent)}.body-journey__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5)}.body-journey__heading h2{margin:0;font-size:clamp(1.45rem,3vw,2.15rem)}.body-journey__heading p:last-child{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.body-journey__compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}.body-journey__compare.is-single{grid-template-columns:minmax(0,1fr);max-width:34rem;margin-inline:auto}.body-journey__person{position:relative;display:grid;grid-template-columns:minmax(8rem,.65fr) minmax(12rem,1.35fr);align-items:center;min-width:0;overflow:hidden;padding:var(--space-3) var(--space-4);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-background) 76%,transparent)}.body-journey__person.is-target{background:color-mix(in srgb,var(--color-accent) 9%,var(--color-background))}.body-journey__person>div:first-child{z-index:2;display:grid;align-content:center;gap:.25rem}.body-journey__person small,.body-journey__person span{color:var(--color-text-muted)}.body-journey__person strong{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.05}.body-journey__person .body-avatar-renderer{min-height:20rem;margin:0;border:0;background:transparent}.body-journey__person .body-avatar-renderer__stage{min-height:20rem}.body-journey__progress{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.body-journey__progress>div:first-child{display:flex;justify-content:space-between;gap:var(--space-3);font-size:.875rem}.body-journey__steady{margin:var(--space-5) 0 0;padding:var(--space-3);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-background) 76%,transparent);text-align:center}.body-journey__milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.body-journey__milestones p{display:grid;gap:.2rem;margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-background) 72%,transparent);color:var(--color-text)!important}.body-journey__milestones small{color:var(--color-text-muted)}.body-today,.body-week{min-height:100%}.body-card__heading>div>p:last-child{margin:var(--space-1) 0 0;font-size:.85rem}.body-today__list{display:grid;gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none}.body-today__list li{display:grid;grid-template-columns:2.35rem minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:3.8rem;padding:var(--space-2);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-background) 74%,transparent)}.body-today__list li>span{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));color:var(--color-accent);font-weight:900}.body-today__list li>div{display:grid;gap:.1rem}.body-today__list small{color:var(--color-text-muted)}.body-today__list button,.body-metrics__empty button,.body-text-action{min-height:2.5rem;padding:var(--space-2) var(--space-3);border:0;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));color:var(--color-text);cursor:pointer;font-weight:700}.body-week__empty{display:flex;align-items:center;gap:var(--space-4);min-height:13rem;margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-large);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 8%,var(--color-background)),var(--color-background))}.body-week__empty>span{display:grid;flex:none;width:3rem;height:3rem;place-items:center;border-radius:999px;background:var(--color-surface);color:var(--color-accent);font-size:1.4rem}.body-week__empty p{margin:var(--space-2) 0 0}.body-week__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}.body-week__summary div{display:grid;gap:.3rem;min-height:9rem;align-content:center;padding:var(--space-4);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-accent) 7%,var(--color-background))}.body-week__summary small{color:var(--color-text-muted)}.body-week__summary strong{font-size:clamp(1.4rem,3vw,2rem)}.body-metrics{grid-column:1 / -1}.body-metrics .body-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--space-5)}.body-metrics .body-stat-grid div{border:0;background:color-mix(in srgb,var(--color-accent) 7%,var(--color-background))}.body-metrics .body-stat-grid dd{font-size:1.35rem}.body-metrics__empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4);align-items:center;margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-accent) 7%,var(--color-background))}.body-metrics__empty>span{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:999px;background:var(--color-surface);color:var(--color-accent);font-size:1.35rem}.body-metrics__empty p{margin:var(--space-1) 0 0}.body-text-action{flex:none}.body-coach{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-5);align-items:center;padding-block:var(--space-5);background:linear-gradient(120deg,color-mix(in srgb,var(--color-accent) 8%,var(--color-surface)),var(--color-surface))}.body-coach__mark{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:1.15rem;background:var(--color-accent);color:var(--color-accent-contrast);font-size:1.25rem;font-weight:900}.body-coach h2{font-size:1.1rem}.body-coach p:last-child{margin:var(--space-2) 0 0}.body-coach button{min-height:2.75rem;cursor:pointer;white-space:nowrap}.body-avatar{grid-row:span 2}.body-avatar__placeholder{display:grid;min-height:22rem;margin:var(--space-4) 0;place-content:center;gap:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-medium);background:var(--color-background);color:var(--color-text-muted);text-align:center}.body-avatar__placeholder span{font-weight:800;letter-spacing:.12em}.body-choice{padding:0;border:0}.body-choice legend,.body-field{color:var(--color-text-muted);font-size:.875rem;font-weight:700}.body-choice__options,.body-quick__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.body-chip,.body-quick button,.body-empty-state button,.body-coach button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-background);color:var(--color-text)}.body-chip{cursor:pointer}.body-chip--selected{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.body-field{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.body-field select,.body-field input,.body-field textarea{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-background);color:var(--color-text)}.body-field textarea{resize:vertical}.body-progress__weight{align-items:baseline;margin:var(--space-6) 0 var(--space-3)}.body-progress__weight strong{font-size:1.75rem}.body-progress__track{height:.75rem;overflow:hidden;border-radius:999px;background:var(--color-background)}.body-progress__track span{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}.body-muted{font-size:.875rem}.body-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.body-stat-grid div{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium)}.body-stat-grid dt{color:var(--color-text-muted);font-size:.8rem}.body-stat-grid dd{margin:var(--space-1) 0 0;font-weight:800}.body-empty-state{margin-top:var(--space-4);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-medium)}.body-empty-state p{margin:var(--space-1) 0 var(--space-3)}.body-quick,.body-coach{grid-column:1 / -1}.body-shell button:disabled{cursor:not-allowed;opacity:.65}.body-tab-placeholder{min-height:18rem}.body-button{padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-medium);background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;font-weight:700}.body-button--secondary{border-color:var(--color-border);background:var(--color-background);color:var(--color-text)}.body-error{color:#b42318!important;font-size:.875rem}.body-notice,.body-asset-key{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-background);color:var(--color-text-muted);font-size:.875rem}.body-onboarding{width:min(100%,68rem);margin:0 auto}.body-onboarding button,.body-onboarding input,.body-onboarding select{font:inherit}.body-onboarding__intro{max-width:44rem;margin-bottom:var(--space-6)}.body-onboarding__intro h1{margin:0 0 var(--space-2)}.body-onboarding__intro p:last-child{margin-bottom:0;color:var(--color-text-muted)}.body-onboarding__layout{display:grid;grid-template-columns:minmax(20rem,.9fr) minmax(24rem,1.1fr);grid-template-areas:"fields preview" "actions preview";column-gap:var(--space-6);row-gap:0;align-items:stretch}.body-onboarding__form{grid-area:fields;display:grid;gap:var(--space-5);min-width:0;padding:var(--space-5) var(--space-5) var(--space-4);border-radius:var(--radius-large) var(--radius-large) 0 0;background:color-mix(in srgb,var(--color-surface) 96%,var(--color-accent));box-shadow:0 .8rem 2.4rem color-mix(in srgb,var(--color-text) 4%,transparent)}.body-setup-group{display:grid;gap:var(--space-3);padding:var(--space-1) 0}.body-setup-group+.body-setup-group{padding-top:var(--space-5);background:linear-gradient(90deg,color-mix(in srgb,var(--color-border) 60%,transparent),transparent) top / 100% 1px no-repeat}.body-setup-group--goal{padding-bottom:var(--space-2)}.body-setup-group__heading h2{margin:0;font-size:1.02rem;line-height:1.35}.body-setup-group__heading p{margin:.3rem 0 0;color:var(--color-text-muted);font-size:.8rem;line-height:1.45}.body-setup-goals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;padding:.3rem;border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-border) 30%,transparent)}.body-setup-goals button{min-width:0;min-height:2.8rem;padding:.55rem .3rem;border:0;border-radius:calc(var(--radius-medium) - .2rem);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;font-weight:750;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.body-setup-goals button.is-selected{background:color-mix(in srgb,var(--color-accent) 13%,var(--color-surface));color:var(--color-text);box-shadow:0 .25rem .75rem color-mix(in srgb,var(--color-text) 7%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 45%,transparent)}.body-setup-group .body-form-grid{align-items:start;gap:var(--space-3)}.body-setup-group .body-field{align-content:start;gap:.45rem;margin-top:0;font-size:.8rem;line-height:1.35}.body-setup-group .body-field>span{color:var(--color-text-muted);font-weight:500}.body-setup-group .body-field input,.body-setup-group .body-field select{height:3rem;min-height:3rem;padding-inline:var(--space-3);border-color:color-mix(in srgb,var(--color-border) 78%,transparent);background:color-mix(in srgb,var(--color-background) 78%,var(--color-surface))}.body-setup-group .body-field input:focus,.body-setup-group .body-field select:focus{border-color:color-mix(in srgb,var(--color-accent) 62%,var(--color-border));outline:.18rem solid color-mix(in srgb,var(--color-accent) 12%,transparent)}.body-setup-note{padding:var(--space-4);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-accent) 7%,var(--color-background))}.body-setup-note p{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.82rem}.body-onboarding__submit{width:100%;min-height:3.2rem}.body-onboarding__hint{margin:0;text-align:center}.body-onboarding__preview{grid-area:preview;align-self:stretch;min-width:0;overflow:hidden;padding:var(--space-5);border:1px solid color-mix(in srgb,var(--color-accent) 16%,var(--color-border));border-radius:calc(var(--radius-large) * 1.15);background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--color-surface) 97%,var(--color-accent)),var(--color-surface));box-shadow:0 1.2rem 3rem color-mix(in srgb,var(--color-accent) 7%,transparent)}.body-preview-hero__heading{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.body-preview-hero__heading h2{margin:0;font-size:1.35rem}.body-preview-hero__heading>span{padding:.3rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));color:var(--color-accent);font-size:.72rem;font-weight:800}.body-preview-empty{display:grid;min-height:26rem;place-content:center;justify-items:center;padding:var(--space-6);border-radius:var(--radius-large);background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 62%);text-align:center}.body-preview-empty>div{position:relative;width:7.5rem;height:7.8rem;margin-bottom:var(--space-5);opacity:.72}.body-preview-empty>div span{position:absolute;bottom:0;width:4rem;height:6rem;border-radius:48% 48% 34% 34%;background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 22%,var(--color-surface)),color-mix(in srgb,var(--color-accent) 10%,var(--color-border)));box-shadow:0 .8rem 1.8rem color-mix(in srgb,var(--color-accent) 9%,transparent)}.body-preview-empty>div span:before{position:absolute;top:-1.3rem;left:50%;width:2.4rem;height:2.4rem;border-radius:999px;background:inherit;content:"";transform:translate(-50%)}.body-preview-empty>div span:first-child{left:.15rem;transform:scale(.88);transform-origin:bottom}.body-preview-empty>div span:last-child{right:.15rem}.body-preview-empty p{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.88rem}.body-preview-grid{position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-4)}.body-onboarding__preview .body-preview-grid{margin-top:var(--space-4)}.body-preview-grid.is-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.body-preview-grid.is-comparison:after{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:2rem;height:2rem;place-items:center;border-radius:999px;background:var(--color-surface);box-shadow:0 .25rem .8rem color-mix(in srgb,var(--color-text) 9%,transparent);color:var(--color-accent);content:"→";font-size:.85rem;transform:translate(-50%,-50%)}.body-preview-card{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:hidden;border:0;border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-background) 54%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border) 42%,transparent)}.body-preview-card.is-target{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-background))}.body-preview-card>div:first-child{display:grid;min-height:5.5rem;align-content:center;gap:.1rem;padding:var(--space-3) var(--space-4)}.body-preview-card>div:first-child strong{font-size:1.45rem;line-height:1.15}.body-preview-card>div:first-child span{color:var(--color-text-muted);font-size:.78rem}.body-preview-card small{color:var(--color-text-muted)}.body-preview-card .body-avatar-renderer{min-height:21rem;margin:0;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 78%,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 58%)}.body-preview-card .body-avatar-renderer__stage{min-height:22rem}.body-preview-card .body-avatar-renderer__image{object-position:center bottom}.body-preview-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-accent) 7%,var(--color-background));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 12%,transparent);font-size:.8rem}.body-preview-journey span{display:grid;gap:.2rem;color:var(--color-text-muted)}.body-preview-journey strong{color:var(--color-text);font-size:.98rem}.body-preview-journey span:nth-child(n+3){padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.body-preview-caption{display:flex;gap:.4rem;margin:var(--space-3) 0 0;color:var(--color-text-muted)!important;font-size:.7rem;line-height:1.45}.body-frame-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-3);align-items:center;margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-background))}.body-frame-summary div{display:grid;gap:.2rem}.body-frame-summary small,.body-next-frame span{color:var(--color-text-muted);font-size:.78rem}.body-frame-summary div:last-child{text-align:right}.body-next-frame{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin:var(--space-3) 0 0!important}.body-onboarding__header,.body-form-actions,.body-inline-actions{display:flex;align-items:center;gap:var(--space-3)}.body-onboarding__header{justify-content:space-between;margin-bottom:var(--space-6)}.body-onboarding__header h1{margin:0}.body-onboarding__steps{display:flex;gap:var(--space-1)}.body-onboarding__steps span{width:1.75rem;height:.35rem;border-radius:999px;background:var(--color-border)}.body-onboarding__steps span.is-active{background:var(--color-accent)}.body-onboarding__actions{grid-area:actions;display:grid;gap:var(--space-2);align-items:stretch;align-content:end;padding:var(--space-2) var(--space-5) var(--space-5);border-radius:0 0 var(--radius-large) var(--radius-large);background:color-mix(in srgb,var(--color-surface) 96%,var(--color-accent));box-shadow:0 .8rem 2.4rem color-mix(in srgb,var(--color-text) 4%,transparent)}.body-onboarding__submit{box-shadow:0 .55rem 1.2rem color-mix(in srgb,var(--color-accent) 18%,transparent)}.body-choice__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.body-select-card{display:grid;min-height:5rem;padding:var(--space-4);place-content:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-background);color:var(--color-text);cursor:pointer;text-align:center}.body-select-card.is-selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.body-select-card small{color:var(--color-text-muted)}.body-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.body-field--wide{grid-column:1 / -1}.body-avatar-renderer{position:relative;display:grid;min-height:22rem;margin:var(--space-4) 0;overflow:clip;grid-template-rows:minmax(0,1fr) auto;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 5%,var(--color-background)),var(--color-background))}.body-avatar-renderer__stage{position:relative;display:grid;min-height:17rem;place-items:center;overflow:hidden}.body-avatar-renderer__image{position:absolute;inset:0;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain;object-position:center}.body-avatar-renderer__image--current{animation:body-avatar-fade-in .28s ease both}.body-avatar-renderer__image--previous{animation:body-avatar-fade-out .28s ease both}.body-avatar-renderer__placeholder{display:grid;place-content:center;gap:var(--space-2);color:var(--color-text-muted);text-align:center}.body-avatar-renderer__placeholder span{font-weight:800;letter-spacing:.08em}.body-avatar-renderer__placeholder--static{position:static}.body-avatar-renderer__status{z-index:2;display:grid;gap:.35rem;padding:.8rem 1rem;border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.body-avatar-renderer__status>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:1rem}.body-avatar-renderer__status span,.body-avatar-renderer__status small{color:var(--color-text-muted);font-size:.75rem}.body-avatar-renderer__progress{height:.42rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-border) 72%,transparent)}.body-avatar-renderer__progress i{display:block;height:100%;border-radius:inherit;background:var(--color-accent);transition:width .24s ease}.body-avatar-gallery{grid-column:1 / -1}.body-avatar-gallery>summary{cursor:pointer;font-weight:800}.body-avatar-gallery>section{margin-top:var(--space-6)}.body-avatar-gallery__grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.65rem}.body-avatar-gallery figure{min-width:0;margin:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-background)}.body-avatar-gallery figure img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:contain;object-position:center}.body-avatar-gallery figcaption{display:grid;gap:.2rem;padding:.55rem;border-top:1px solid var(--color-border)}.body-avatar-gallery figcaption small{overflow:hidden;color:var(--color-text-muted);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.body-dev-tools{margin-top:var(--space-8);padding:var(--space-3);border:1px dashed color-mix(in srgb,var(--color-text-muted) 45%,transparent);border-radius:var(--radius-large);opacity:.72}.body-dev-tools>p{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em}.body-dev-tools .body-avatar-gallery{box-shadow:none}@keyframes body-avatar-fade-in{0%{opacity:0}to{opacity:1}}@keyframes body-avatar-fade-out{0%{opacity:1}to{opacity:0}}@media(max-width:64rem){.body-avatar-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.body-metric-card small{display:block;margin-top:var(--space-1);color:var(--color-text-muted)}.body-summary-value{margin:var(--space-4) 0;color:var(--color-text)!important;font-size:1.5rem;font-weight:800}.body-checklist,.body-plan-history,.body-record-day ul{display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.body-checklist li,.body-plan-history li,.body-record-day li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium)}.body-checklist b{color:var(--color-text-muted);font-size:.8rem}.body-records-layout,.body-plans-layout,.body-coach-layout{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(22rem,1.2fr);gap:var(--space-4);align-items:start}.body-history{display:grid;width:min(100%,68rem);gap:var(--space-5);margin:0 auto}.body-history>.body-card{border-color:color-mix(in srgb,var(--color-border) 58%,transparent)}.body-history-hero{padding:var(--space-5);border:1px solid color-mix(in srgb,var(--color-accent) 16%,var(--color-border));border-radius:calc(var(--radius-large) * 1.15);background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--color-accent) 11%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--color-surface) 97%,var(--color-accent)),var(--color-surface));box-shadow:0 .8rem 2.2rem color-mix(in srgb,var(--color-accent) 6%,transparent)}.body-history-hero__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.body-history-hero__heading h2{margin:0;font-size:clamp(1.35rem,3vw,1.75rem)}.body-history-hero__heading p:last-child{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.body-history-hero__heading .body-button{min-height:3rem}.body-history-hero__metrics{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 0}.body-history-hero__metrics div{flex:0 1 10rem;min-width:8.5rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-background) 66%,transparent)}.body-history-hero__metrics dt{color:var(--color-text-muted);font-size:.78rem}.body-history-hero__metrics dd{margin:.25rem 0 0;font-size:clamp(1.15rem,3vw,1.5rem);font-weight:850}.body-history-hero__goal{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:.8rem}.body-history-hero__goal span{margin:0 .3rem;opacity:.55}.body-history-hero__statuses{display:flex;flex-wrap:wrap;gap:.45rem var(--space-3);align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);background:linear-gradient(90deg,color-mix(in srgb,var(--color-border) 52%,transparent),transparent) top / 100% 1px no-repeat;color:var(--color-text-muted);font-size:.73rem}.body-history-hero__statuses>strong{color:var(--color-text);font-size:.75rem}.body-history-hero__statuses b{color:var(--color-text-muted);font-weight:600}.body-history-hero__empty{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-background) 62%,transparent)}.body-history-hero__empty p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.body-measurement-panel{animation:body-panel-enter .18s ease both}.body-panel-close{display:grid;width:2.6rem;height:2.6rem;place-items:center;border:0;border-radius:999px;background:color-mix(in srgb,var(--color-border) 45%,transparent);color:var(--color-text);cursor:pointer;font-size:1.4rem}.body-measurement-form{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-3)}.body-measurement-form .body-field{margin-top:0}.body-measurement-form .body-field>span{color:var(--color-text-muted);font-weight:500}.body-measurement-panel .body-form-actions{justify-content:flex-end;margin-top:var(--space-4)}.body-history-trend{overflow:hidden;background:color-mix(in srgb,var(--color-surface) 98%,var(--color-accent))}.body-history-trend .body-card__heading{align-items:center}.body-period-tabs{display:flex;gap:.2rem;padding:.25rem;border-radius:999px;background:color-mix(in srgb,var(--color-border) 38%,transparent)}.body-period-tabs button{min-height:2rem;padding:.3rem .7rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:.75rem;font-weight:750}.body-period-tabs button.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:0 .2rem .7rem color-mix(in srgb,var(--color-text) 8%,transparent)}.body-weight-chart{position:relative;margin-top:var(--space-6);padding-left:3.3rem}.body-weight-chart svg{display:block;width:100%;height:15rem;overflow:visible;border-radius:var(--radius-large);background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 7%,var(--color-background)),var(--color-background))}.body-weight-chart line{stroke:color-mix(in srgb,var(--color-border) 80%,transparent);stroke-width:.35}.body-weight-chart polyline{fill:none;stroke:var(--color-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.body-weight-chart__labels{position:absolute;inset:0 auto 1.5rem 0;display:flex;flex-direction:column;justify-content:space-between;color:var(--color-text-muted);font-size:.68rem}.body-weight-chart__dates{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);color:var(--color-text-muted);font-size:.7rem}.body-history-trend__empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-background))}.body-history-trend__empty>span{display:grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:999px;background:var(--color-surface);color:var(--color-accent);font-size:1.1rem}.body-history-trend__empty p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.body-history-trend__empty button{min-height:2.6rem;padding:var(--space-2) var(--space-3);border:0;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));color:var(--color-text);cursor:pointer;font-weight:750}.body-history-trend__empty.is-first{grid-template-columns:auto minmax(0,1fr)}.body-history-journey{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-background));color:var(--color-text-muted);font-size:.78rem}.body-history-journey strong{color:var(--color-text)}.body-history-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:var(--space-4) 0 0}.body-history-stats div{padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-border) 28%,transparent)}.body-history-stats dt{color:var(--color-text-muted);font-size:.76rem}.body-history-stats dd{margin:.25rem 0 0;font-size:1.15rem;font-weight:800}.body-history-week{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-3) var(--space-5);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border) 42%,transparent)}.body-history-week>div{margin-right:auto}.body-history-week p{margin-bottom:.15rem}.body-history-week>span{color:var(--color-text-muted);font-size:.8rem}.body-history-list>div:first-child>h2{margin:0}.body-history-list{background:color-mix(in srgb,var(--color-surface) 98%,var(--color-accent))}.body-history-list>div:first-child>p:last-child{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.8rem}.body-history-list__empty{margin-top:var(--space-5);padding:var(--space-6);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-background));text-align:center}.body-history-list__empty p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.body-record-day{position:relative;margin-top:var(--space-4)}.body-record-day>header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}.body-record-day>header span{color:var(--color-text-muted);font-size:.75rem}.body-record-day ul{position:relative;gap:0;margin-top:var(--space-2)}.body-record-day ul:before{position:absolute;top:1.65rem;bottom:1.65rem;left:.43rem;width:1px;background:color-mix(in srgb,var(--color-border) 75%,transparent);content:""}.body-record-day li{position:relative;display:grid;grid-template-columns:1rem minmax(0,1fr) auto;align-items:start;padding:.65rem 0;border:0;border-radius:0}.body-record-timeline-dot{z-index:1;width:.9rem;height:.9rem;margin-top:.35rem;border:.2rem solid var(--color-surface);border-radius:999px;background:color-mix(in srgb,var(--color-accent) 60%,var(--color-border))}.body-record-content{display:grid;gap:.25rem;padding-left:var(--space-3)}.body-record-content>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.body-record-content>div:first-child>strong{font-size:1.12rem}.body-record-content>small{color:var(--color-text-muted)}.body-record-content p{margin:.2rem 0 0;font-size:.82rem}.body-record-change{color:var(--color-text-muted);font-weight:750}.body-record-menu{position:relative}.body-record-menu summary{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:999px;color:var(--color-text-muted);cursor:pointer;list-style:none}.body-record-menu summary::-webkit-details-marker{display:none}.body-record-menu[open] summary{background:color-mix(in srgb,var(--color-border) 45%,transparent)}.body-record-menu>div{position:absolute;z-index:5;top:2.6rem;right:0;display:grid;min-width:6.5rem;padding:.3rem;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:0 .6rem 1.6rem color-mix(in srgb,var(--color-text) 12%,transparent)}.body-record-menu button{padding:.55rem .8rem;border:0;border-radius:.5rem;background:transparent;color:var(--color-text);cursor:pointer;text-align:left}.body-record-menu button:hover{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-background))}@keyframes body-panel-enter{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}.body-records-hub{display:grid;gap:var(--space-4);width:min(100%,72rem);margin-inline:auto}.body-records-hub__nav{display:inline-flex;justify-self:start;gap:.25rem;padding:.3rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 7%,var(--color-surface))}.body-records-hub__nav button{min-height:2.6rem;padding:.55rem 1.15rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);font:inherit;font-weight:750;cursor:pointer}.body-records-hub__nav button.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:0 .25rem .8rem color-mix(in srgb,var(--color-text) 8%,transparent)}.body-daily-log{display:grid;gap:var(--space-4)}.body-daily-log__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-inline:var(--space-2)}.body-daily-log__header h2,.body-daily-log__header p{margin:0}.body-daily-log__header>div:first-child>p:last-child{margin-top:.3rem;color:var(--color-text-muted)}.body-date-nav{display:inline-grid;grid-template-columns:2.7rem auto 2.7rem;align-items:center;overflow:hidden;border-radius:999px;background:var(--color-surface)}.body-date-nav button{min-height:2.7rem;border:0;background:transparent;color:var(--color-text-muted);font-size:1.35rem}.body-date-nav strong{padding-inline:.45rem;font-size:.86rem}.body-daily-summary{display:grid;grid-template-columns:minmax(12rem,.65fr) minmax(18rem,1.35fr);gap:var(--space-3) var(--space-5);padding:var(--space-5);border-radius:calc(var(--radius-large) + .25rem);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 10%,var(--color-surface)),var(--color-surface) 64%);box-shadow:0 .75rem 2rem color-mix(in srgb,var(--color-text) 5%,transparent)}.body-daily-summary__intro{display:grid;align-content:center;gap:.35rem}.body-daily-summary__intro>span{color:var(--color-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.04em}.body-daily-summary__intro>strong{font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.04em}.body-daily-summary__intro button{justify-self:start;margin-top:.35rem;padding:0;border:0;background:transparent;color:var(--color-accent);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.body-daily-summary__empty{align-self:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--color-background) 66%,transparent)}.body-daily-summary__empty strong{font-size:.92rem}.body-daily-summary__empty p{margin:.3rem 0 0;color:var(--color-text-muted);font-size:.82rem;line-height:1.55}.body-daily-summary__status{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-border) 58%,transparent);color:var(--color-text-muted);font-size:.78rem}.body-daily-summary__status span{display:inline-flex;gap:.35rem}.body-daily-summary__status b{color:var(--color-text)}.body-daily-category{overflow:hidden;border-radius:calc(var(--radius-large) + .25rem);background:var(--color-surface);box-shadow:0 .75rem 2rem color-mix(in srgb,var(--color-text) 5%,transparent)}.body-daily-category__heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3)}.body-daily-category__heading h2{margin:0}.body-daily-category__tabs{display:flex;gap:.35rem;overflow-x:auto;padding:0 var(--space-5) var(--space-3);scrollbar-width:none}.body-daily-category__tabs::-webkit-scrollbar{display:none}.body-daily-category__tabs button{min-width:5.25rem;min-height:2.65rem;padding:.55rem 1rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--color-background) 80%,var(--color-accent));color:var(--color-text-muted);font:inherit;font-weight:760;cursor:pointer}.body-daily-category__tabs button.is-active{background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface));color:var(--color-accent)}.body-daily-category__content{display:grid;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5);background:color-mix(in srgb,var(--color-background) 58%,var(--color-surface))}.body-meal-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.body-meal-slot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:4.5rem;padding:.8rem 1rem;border-radius:var(--radius-medium);background:var(--color-surface)}.body-meal-slot>div{display:grid;gap:.2rem;min-width:0}.body-meal-slot span{color:var(--color-text-muted);font-size:.76rem}.body-button.body-button--quiet{min-height:2.5rem;padding:.55rem .8rem;background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));color:var(--color-accent);box-shadow:none;font-size:.8rem;text-decoration:none}.body-daily-actions,.body-preset-row{display:flex;flex-wrap:wrap;gap:.45rem}.body-daily-actions span,.body-preset-row span{padding:.48rem .72rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 7%,var(--color-surface));color:var(--color-text);font-size:.76rem;font-weight:700}.body-daily-actions span.is-muted{background:transparent;color:var(--color-text-muted);font-weight:600}.body-quick-log{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4);border-radius:var(--radius-medium);background:var(--color-surface)}.body-quick-log>div{display:grid;gap:.25rem}.body-quick-log span{color:var(--color-text-muted);font-size:.76rem;font-weight:750}.body-quick-log p{margin:0;color:var(--color-text-muted);font-size:.8rem}.body-quick-log .body-button{flex:0 0 auto;text-decoration:none}.body-daily-log__notice{margin:0;color:var(--color-text-muted);font-size:.76rem;line-height:1.55}.body-meal-overview{display:grid;gap:var(--space-5);width:min(100%,68rem);margin-inline:auto;padding:clamp(var(--space-5),4vw,var(--space-6));border-radius:calc(var(--radius-large) + .25rem);background:linear-gradient(145deg,color-mix(in srgb,var(--color-accent) 7%,var(--color-surface)),var(--color-surface));box-shadow:0 .75rem 2rem color-mix(in srgb,var(--color-text) 5%,transparent)}.body-meal-overview header h2,.body-meal-overview header p{margin:0}.body-meal-overview header>p:last-child{max-width:42rem;margin-top:.45rem;color:var(--color-text-muted)}.body-meal-overview__empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-background) 64%,transparent)}.body-meal-overview__mark{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));color:var(--color-accent);font-size:1.35rem}.body-meal-overview__empty p{margin:.35rem 0 0;color:var(--color-text-muted);line-height:1.6}.body-meal-overview__scope{display:flex;flex-wrap:wrap;gap:.55rem}.body-meal-overview__scope span{padding:.55rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 7%,var(--color-background));color:var(--color-text-muted);font-size:.78rem;font-weight:700}.body-record-day{margin-top:var(--space-4)}.body-record-day h3{margin:0;font-size:1rem}.body-record-day li>div:first-child,.body-plan-history li>div{display:grid;gap:var(--space-1)}.body-record-day small,.body-plan-history small{color:var(--color-text-muted)}.body-inline-actions button,.body-suggestions button{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-background);color:var(--color-text);cursor:pointer}.body-plan-details,.body-context-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:var(--space-4) 0}.body-plan-details div,.body-context-list div{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium)}.body-plan-details dt,.body-context-list dt{color:var(--color-text-muted);font-size:.8rem}.body-plan-details dd,.body-context-list dd{margin:var(--space-1) 0 0;font-weight:700}.body-chat__messages{display:grid;min-height:14rem;gap:var(--space-3);margin:var(--space-4) 0}.body-chat__message{max-width:85%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-background)}.body-chat__message--user{justify-self:end}.body-chat__message p{margin-bottom:0}.body-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.body-chat__composer{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.body-chat__composer textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-background);color:var(--color-text);resize:vertical}@media(max-width:47.99rem){.body-shell__header{align-items:flex-start}.body-dashboard{grid-template-columns:1fr;gap:var(--space-4)}.body-journey{padding:var(--space-4)}.body-journey__heading{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.body-journey__compare,.body-journey__milestones{grid-template-columns:1fr}.body-journey__person{grid-template-columns:minmax(6.5rem,.7fr) minmax(10rem,1.3fr);min-height:18rem;padding:var(--space-2) var(--space-3)}.body-journey__person .body-avatar-renderer,.body-journey__person .body-avatar-renderer__stage{min-height:18rem}.body-journey__person strong{font-size:1.65rem}.body-metrics .body-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.body-metrics__empty,.body-coach{grid-template-columns:auto minmax(0,1fr)}.body-metrics__empty button,.body-coach button{grid-column:1 / -1;width:100%;min-height:3rem}.body-today__list button{min-height:2.75rem}.body-history{gap:var(--space-4)}.body-records-hub__nav{width:100%}.body-records-hub__nav button{flex:1}.body-daily-log__header{align-items:flex-start}.body-daily-summary{grid-template-columns:1fr;padding:var(--space-4)}.body-daily-summary__status{grid-column:auto}.body-meal-slots{grid-template-columns:1fr}.body-daily-category__heading{align-items:flex-start}.body-quick-log{align-items:flex-start;flex-direction:column}.body-quick-log .body-button{width:100%;min-height:3rem}.body-meal-overview__empty{grid-template-columns:auto minmax(0,1fr)}.body-meal-overview__empty .body-button{grid-column:1 / -1;width:100%}.body-history-hero{padding:var(--space-4)}.body-history-hero__heading{flex-direction:column}.body-history-hero__heading .body-button{width:100%;min-height:3.1rem}.body-history-hero__metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-4)}.body-history-hero__metrics div{padding:var(--space-3)}.body-history-trend .body-card__heading{flex-direction:column}.body-period-tabs{width:100%}.body-period-tabs button{flex:1}.body-weight-chart{padding-left:2.8rem}.body-weight-chart svg{height:12rem}.body-history-trend__empty{grid-template-columns:auto minmax(0,1fr);padding:var(--space-4)}.body-history-trend__empty button{grid-column:1 / -1;width:100%;min-height:2.9rem}.body-history-trend__empty.is-first{grid-template-columns:auto minmax(0,1fr)}.body-history-stats{grid-template-columns:1fr}.body-history-week{align-items:flex-start;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.body-history-week>div{margin-right:0}.body-measurement-panel .body-form-actions{align-items:stretch;flex-direction:column}.body-measurement-panel .body-form-actions button{width:100%}.body-records-layout,.body-plans-layout,.body-coach-layout,.body-form-grid,.body-choice__grid{grid-template-columns:1fr}.body-field--wide{grid-column:auto}.body-avatar,.body-quick,.body-coach{grid-column:auto;grid-row:auto}.body-avatar__placeholder,.body-avatar-renderer{min-height:17rem}.body-avatar-renderer__stage{min-height:13rem}.body-avatar-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.body-onboarding__header{align-items:flex-start;flex-direction:column}.body-onboarding{width:min(100%,35rem)}.body-onboarding__intro{margin-bottom:var(--space-4)}.body-onboarding__layout{grid-template-columns:1fr;grid-template-areas:"fields" "preview" "actions";gap:var(--space-4)}.body-onboarding__form{padding:var(--space-4);gap:var(--space-4);border-radius:var(--radius-large)}.body-setup-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.body-onboarding__preview{position:static;padding:var(--space-4)}.body-preview-grid.is-comparison{grid-template-columns:1fr}.body-preview-grid.is-comparison:after{content:"↓"}.body-preview-card .body-avatar-renderer,.body-preview-card .body-avatar-renderer__stage{min-height:18rem}.body-frame-summary{grid-template-columns:1fr}.body-frame-summary>span{transform:rotate(90deg);justify-self:center}.body-frame-summary div:last-child{text-align:left}.body-next-frame{align-items:flex-start;flex-direction:column}.body-onboarding__actions{display:grid;padding:0;border-radius:0;background:transparent;box-shadow:none}.body-card{padding:var(--space-4)}}@media(max-width:26.875rem){.body-shell{gap:var(--space-4)}.body-tabs__button{padding-inline:var(--space-3)}.body-journey__person{grid-template-columns:minmax(6rem,.72fr) minmax(9rem,1.28fr)}.body-today__list li{grid-template-columns:2.35rem minmax(0,1fr)}.body-today__list button{grid-column:1 / -1;width:100%}.body-week__empty{align-items:flex-start;flex-direction:column}.body-week__summary{grid-template-columns:1fr}.body-onboarding__intro h1{font-size:1.65rem}.body-onboarding__form,.body-onboarding__preview{padding:var(--space-3)}.body-preview-journey{align-items:flex-start;flex-direction:column}.body-history-hero__metrics{grid-template-columns:1fr}.body-period-tabs button{padding-inline:.35rem;font-size:.7rem}.body-daily-log__header{flex-direction:column}.body-date-nav{width:100%;grid-template-columns:2.7rem 1fr 2.7rem;text-align:center}.body-daily-category__heading{flex-direction:column;padding:var(--space-4) var(--space-4) var(--space-3)}.body-daily-category__heading .body-button{width:100%}.body-daily-category__tabs{padding-inline:var(--space-4)}.body-daily-category__content{padding:var(--space-3) var(--space-4) var(--space-4)}.body-meal-slot{min-height:4rem}.body-meal-overview{padding:var(--space-4)}.body-meal-overview__empty{grid-template-columns:1fr;padding:var(--space-4)}.body-meal-overview__empty .body-button{grid-column:auto}.body-record-day li{grid-template-columns:.9rem minmax(0,1fr) auto}.body-record-content{padding-left:var(--space-2)}.body-record-content>small{line-height:1.5}}@media(prefers-reduced-motion:reduce){.body-avatar-renderer__image--current,.body-avatar-renderer__image--previous{animation-duration:1ms}.body-avatar-renderer__progress i{transition:none}}:root{color-scheme:light dark;--color-background: #f6f7f9;--color-surface: #ffffff;--color-text: #1f2937;--color-text-muted: #667085;--color-border: #d9dee7;--color-accent: #525866;--color-accent-contrast: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-medium: .75rem;--content-width: 70rem;--mobile-navigation-height: 4rem}@media(prefers-color-scheme:dark){:root{--color-background: #15171b;--color-surface: #202329;--color-text: #f3f4f6;--color-text-muted: #a8afb9;--color-border: #383d46;--color-accent: #d5d9e0;--color-accent-contrast: #202329}}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-background);color:var(--color-text)}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:4.75rem;padding:0 max(var(--space-6),calc((100% - var(--content-width)) / 2));border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.app-brand__asset-slot{position:relative;display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.75rem;background:linear-gradient(145deg,#68558f,#426f67);color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.05em;box-shadow:0 6px 14px #4d507b33}.app-brand__asset-slot>span{grid-area:1 / 1}.app-brand__asset-slot>small{position:absolute;right:50%;bottom:-.45rem;padding:.05rem .25rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.42rem;line-height:1;transform:translate(50%)}.app-brand>span:last-child{display:grid;gap:.05rem}.app-brand strong{font-size:1rem;letter-spacing:.08em}.app-brand small{color:var(--color-text-muted);font-size:.68rem}.app-header__profile-slot{display:grid;justify-items:end;gap:.12rem;padding:.45rem .65rem;border:1px dashed var(--color-border);border-radius:.7rem;color:var(--color-text-muted)}.app-header__profile-slot span{font-size:.62rem;font-weight:850;letter-spacing:.08em}.app-header__profile-slot small{font-size:.5rem}.app-content{width:min(100% - 2rem,var(--content-width));min-width:0;max-width:100%;margin:0 auto;padding:var(--space-8) 0}.page-placeholder{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface)}.page-placeholder h1{margin:0 0 var(--space-2);font-size:1.75rem}.page-placeholder p{margin:0;color:var(--color-text-muted)}.navigation{background:var(--color-surface)}.navigation__items{display:flex;width:min(100% - 2rem,var(--content-width));justify-content:center;gap:.35rem;margin:0 auto;padding:.5rem 0}.navigation__link{position:relative;padding:.65rem 1.05rem;border-radius:999px;color:var(--color-text-muted);text-decoration:none}.navigation__link--active{background:color-mix(in srgb,#7168aa 11%,var(--color-surface));color:var(--color-text);font-weight:700}.navigation--desktop{border-bottom:1px solid var(--color-border)}.navigation--mobile{display:none}@media(max-width:47.99rem){.navigation--desktop{display:none}.navigation--mobile{position:fixed;right:0;bottom:0;left:0;display:block;min-height:var(--mobile-navigation-height);overflow-x:hidden;border-top:1px solid var(--color-border);box-shadow:0 -8px 24px #11182714}.navigation--mobile .navigation__items{width:100%;min-width:100%;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;gap:0;padding:.35rem}.navigation--mobile .navigation__link{min-width:0;padding:var(--space-3) var(--space-2);text-align:center;font-size:.875rem}.app-header{min-height:4.25rem;padding:0 1rem}.app-brand small{display:none}.app-brand__asset-slot>small{display:block}.app-header__profile-slot small{display:none}.app-content{padding-bottom:calc(var(--mobile-navigation-height) + var(--space-8))}}