.pager-wrap{--canvas:#fafaf7;--ink:#1c1c1e;--mute:#5f5f64;--line:#0000000f;--soft:#f1f1ed;--sage:#5f9a6e;--sage-ink:#3a7550;--sleep:#8576d6;--sleep-ink:#5f50b8;--bad-fill:#e2603f;--good:#2f7a46;--bad:#b83e0b;--card-shadow:0 1px 2px #0000000a, 0 8px 24px -8px #0000001a;--peek:calc(272px + env(safe-area-inset-bottom));--ease:cubic-bezier(.32, .72, 0, 1);background:var(--canvas);color:var(--ink);flex-direction:column;display:flex;position:fixed;inset:0}.pager-top{padding:calc(8px + env(safe-area-inset-top)) 16px 6px 20px;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:64px;display:flex}.pager-date{flex-direction:column;min-width:0;line-height:1.3;display:flex}.pager-sub{color:var(--mute);font-size:13px;font-weight:600}.pager-date strong{letter-spacing:0;white-space:nowrap;font-size:26px;font-weight:800;line-height:1.3}.pager-actions{align-items:center;gap:8px;display:flex}.pager-top .icon-btn{color:var(--ink);width:42px;height:42px;box-shadow:var(--card-shadow);background:#fff;border-radius:50%}.pager-arrow:disabled{opacity:.3}@media (pointer:coarse){.pager-arrow{display:none}}.day-mono{color:var(--mute);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.pager-dots{z-index:2;pointer-events:none;left:0;right:0;bottom:calc(var(--peek) + 6px);justify-content:center;gap:6px;display:flex;position:absolute}.pager-dots i{width:6px;height:6px;transition:width .4s var(--ease), background .4s;background:#0000003d;border-radius:3px}.pager-dots i.is-on{background:var(--ink);width:20px}.pager{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow:auto hidden}.pager::-webkit-scrollbar{display:none}.day-page{scroll-snap-align:start;scroll-snap-stop:always;flex:none;width:100%;height:100%;position:relative}.day-scroll{height:100%;position:relative;overflow:hidden}.pager-wrap:after{content:"";height:calc(110px + env(safe-area-inset-bottom));z-index:4;pointer-events:none;background:linear-gradient(to top, var(--canvas) 35%, transparent);position:absolute;bottom:0;left:0;right:0}.day-stage{inset:4px 0 calc(var(--peek) + 24px);transform-origin:top;transition:transform .56s var(--ease), opacity .56s var(--ease);padding:0 16px;position:absolute}.day-stage.is-back{opacity:.4;transform:scale(.92)}.day-card{width:100%;height:100%;box-shadow:var(--card-shadow);background:#fff;border-radius:28px;display:block;position:relative;overflow:hidden}.day-card-photo{background:var(--soft);-webkit-touch-callout:none;border:0;padding:0;position:absolute;inset:0}.day-card-photo img{object-fit:cover;width:100%;height:100%;animation:.35s both fade-in;display:block}.day-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000004d 40%,#000000b8);height:62%;position:absolute;inset:auto 0 0}.day-card.is-plain:after{display:none}.day-blank{background:var(--soft);width:100%;height:100%;display:block}.day-pill{z-index:2;color:var(--ink);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:650;display:inline-flex;position:absolute;top:14px;left:14px}.day-pill i{background:var(--sage);border-radius:50%;width:6px;height:6px}.day-pill-more{left:auto;right:14px}.day-card-info{z-index:2;color:#fff;pointer-events:none;padding:20px;position:absolute;bottom:0;left:0;right:0}.day-card.is-plain .day-card-info{color:var(--ink);flex-direction:column;justify-content:flex-end;display:flex;top:0}.day-title{letter-spacing:0;text-wrap:balance;margin:0;font-size:30px;font-weight:800;line-height:1.32}.day-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.day-chip{color:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000047;border-radius:999px;padding:5px 11px;font-size:13px}.day-chip b{color:#fff;font-weight:750}.day-card.is-plain .day-chip{color:var(--sage-ink);background:#5f9a6e1f}.day-card.is-plain .day-chip b{color:var(--ink)}.day-card-empty{max-height:240px;box-shadow:none;color:var(--ink);background:0 0;border:1.5px dashed #5f9a6e66;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;margin:auto 0;font-size:17px;display:flex}.day-card-empty:after{display:none}.day-card-plus{width:64px;height:64px;color:var(--sage-ink);background:#5f9a6e24;border-radius:50%;place-items:center;display:grid}.day-sheet{z-index:3;background:var(--canvas);height:100%;box-shadow:0 -1px 0 var(--line), 0 -12px 40px -12px #0000001f;transition:transform .56s var(--ease);will-change:transform;border-radius:32px 32px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.day-sheet-head{touch-action:pan-x;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;flex:none;padding:0 16px 8px}.day-sheet-head:active{cursor:grabbing}.day-handle{padding:10px 0 12px;display:block}.day-handle span{background:#00000026;border-radius:2px;width:36px;height:4px;margin:0 auto;display:block}.day-night{box-shadow:var(--card-shadow), 0 0 0 1px #00000008;background:#fff;border-radius:24px;padding:14px 18px 16px}.day-night-top{justify-content:space-between;align-items:center;display:flex}.day-night-label{color:var(--sleep-ink);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.day-moon{background:#8576d624;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.day-night-main{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:10px;display:flex}.day-big{font-family:var(--num);letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:46px;font-weight:800;line-height:1.02}.day-big small{letter-spacing:0;margin-left:2px;font-size:.4em;font-weight:700}.day-night-delta{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;padding-bottom:4px;display:flex}.day-delta{font-family:var(--num);font-variant-numeric:tabular-nums;font-size:14px;font-weight:750}.day-delta-pill{border-radius:999px;padding:3px 10px}.day-delta.is-good{color:var(--good);background:#5f9a6e24}.day-delta.is-bad{color:var(--bad);background:#e2603f1f}.day-delta.is-even{color:var(--mute);background:var(--soft)}.day-cmp-avg{color:var(--mute);font-size:13px}.day-stats{gap:8px;margin:12px 0 0;display:flex}.day-stats div{background:var(--soft);border-radius:14px;flex:1;padding:8px 12px}.day-stats dt{color:var(--mute);font-size:13px}.day-stats dd{font-variant-numeric:tabular-nums;margin:1px 0 0;font-size:16px;font-weight:750}.day-night-add{background:var(--soft);width:100%;color:var(--ink);border:0;border-radius:16px;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 16px;font-size:16px;font-weight:650;display:flex}.day-details{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:4px 16px calc(130px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;transition:opacity .5s var(--ease);flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.day-details::-webkit-scrollbar{display:none}.day-sheet.is-open .day-details{opacity:1;pointer-events:auto}.day-block,.day-truth-card{box-shadow:var(--card-shadow), 0 0 0 1px #00000008;background:#fff;border-radius:24px;flex:none;padding:20px}.day-block-clue{box-shadow:none;background:0 0;padding:0}.day-block-clue .clue-card{box-shadow:var(--card-shadow);background:#fff}.pager-wrap .day-label{z-index:auto;pointer-events:auto;color:var(--mute);align-items:center;gap:8px;margin:0;padding:0;font-size:14px;font-weight:700;display:flex;position:static}.day-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.day-dot.tone-worse{background:var(--bad-fill)}.day-dot.tone-better{background:var(--sage)}.day-dot.tone-same{background:#8e8e93}.day-truth-card.tone-worse{box-shadow:none;background:#e2603f17}.day-truth-card.tone-better{box-shadow:none;background:#5f9a6e21}.day-truth-card.tone-worse .day-label{color:var(--bad)}.day-truth-card.tone-better .day-label{color:var(--good)}.day-truth{letter-spacing:0;margin:12px 0 8px;font-size:22px;font-weight:750;line-height:1.4}.day-truth-detail{color:#1c1c1eb3;margin:0;font-size:16px;line-height:1.6}.day-ask{min-height:42px;color:var(--ink);transition:transform .35s var(--ease);background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:8px 18px;font-size:14.5px;font-weight:700;display:inline-flex;box-shadow:0 0 0 1px #0000001a}.day-ask:active{transition-duration:80ms;transform:scale(.95)}.day-cmp{padding:14px 0 10px}.day-cmp+.day-cmp{border-top:1px solid var(--line)}.day-cmp:first-of-type{padding-top:12px}.day-cmp-top{justify-content:space-between;align-items:center;display:flex}.day-cmp-label{color:var(--mute);font-size:14px;font-weight:600}.day-cmp-mid{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.day-cmp-value{font-family:var(--num);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.day-cmp-line{height:14px;margin-top:10px;position:relative}.day-cmp-line:before{content:"";background:#00000017;border-radius:3px;height:6px;position:absolute;top:4px;left:0;right:0}.day-cmp-tick{background:#00000047;border-radius:1px;width:2px;height:12px;position:absolute;top:1px;left:50%;transform:translate(-1px)}.day-cmp-bar{opacity:.6;height:6px;top:4px;left:min(50%, var(--x));width:calc(max(50%, var(--x)) - min(50%, var(--x)));border-radius:3px;position:absolute}.day-cmp-dot{left:var(--x);border-radius:50%;width:12px;height:12px;position:absolute;top:1px;transform:translate(-6px);box-shadow:0 0 0 3px #fff}.is-good.day-cmp-bar,.is-good.day-cmp-dot{background:var(--sage)}.is-bad.day-cmp-bar,.is-bad.day-cmp-dot{background:var(--bad-fill)}.is-even.day-cmp-bar,.is-even.day-cmp-dot{background:#8e8e93}.day-stages{border-radius:8px;gap:3px;height:16px;margin-top:14px;display:flex;overflow:hidden}.day-stage{flex-basis:0;min-width:4px;display:block}.st-deep{background:#5f50b8}.st-rem{background:#8576d6}.st-light{background:#b6acec}.st-awake{background:var(--bad-fill)}.day-stage-legend{color:var(--mute);flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:13.5px;display:flex}.day-stage-legend i{border-radius:3px;width:9px;height:9px;margin-right:6px;display:inline-block}.day-tiles{grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 0;display:grid}.day-tiles div{background:#5f9a6e17;border-radius:16px;flex-direction:column-reverse;gap:4px;padding:12px 14px;display:flex}.day-tiles dd{font-family:var(--num);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:19px;font-weight:800;line-height:1}.day-tiles dd small{color:var(--mute);margin-left:1px;font-size:13px;font-weight:600}.day-tiles dt{color:var(--sage-ink);font-size:13px;font-weight:600}.day-strip{scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;margin:14px -20px 0;padding:0 20px 2px;display:flex;overflow-x:auto}.day-strip::-webkit-scrollbar{display:none}.day-strip-item{background:var(--soft);scroll-snap-align:start;color:#fff;text-align:left;border:0;border-radius:20px;flex:none;width:128px;height:164px;padding:0;position:relative;overflow:hidden}.day-strip-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.day-strip-item:after{content:"";background:linear-gradient(#0000,#000000b3);position:absolute;inset:40% 0 0}.day-strip-text{z-index:1;opacity:.95;flex-direction:column;font-size:13px;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.day-strip-text b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.album-back{align-items:center;gap:4px;margin-right:-6px;display:flex}.day-card.is-plain{background:linear-gradient(160deg,#5f9a6e29,#fff 70%)}.day-plain{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0 0 38%}.day-plain b{font-family:var(--num);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:800}.day-plain span{color:var(--sage-ink);font-size:16px;font-weight:650}.day-pill-more{min-height:36px;padding:8px 14px}.day-pill-more:before{content:"";position:absolute;inset:-6px}.day-night-headline{color:var(--ink);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:8px 0 0;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.day-details>.day-stats{flex:none;margin:0}@media (height<=700px){.pager-top{min-height:52px}.pager-date strong{font-size:22px}}.editor .chat-body{padding-bottom:24px}.ed-section{color:var(--muted);margin:22px 0 8px;font-size:13px;font-weight:700}.ed-scales{flex-wrap:wrap;gap:8px;display:flex}.ed-scale{background:var(--soft,#f5f5f7);min-width:56px;min-height:44px;color:var(--text);font-family:var(--num);transition:transform .35s var(--spring);border:0;border-radius:14px;flex:1;font-size:16px;font-weight:800}.ed-scale:active{transition-duration:80ms;transform:scale(.92)}.ed-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ed-field{color:var(--muted);flex-direction:column;gap:5px;min-width:0;font-size:13.5px;font-weight:600;display:flex}.ed-wide{grid-column:1/-1}.ed-input{background:var(--soft,#f5f5f7);border-radius:14px;align-items:center;gap:6px;padding:0 14px;transition:box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #0000}.ed-input:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.ed-input input{min-width:0;font-size:17px;font-weight:700;font-family:var(--num);color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:12px 0}.ed-input input::placeholder{color:#8e8e93;font-family:inherit;font-size:14px;font-weight:500}.ed-input em{color:var(--muted);font-size:13px;font-style:normal}.ed-link{color:#0a66d6;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:13.5px;font-weight:600}.ed-items{flex-direction:column;gap:8px;display:flex}.ed-item{grid-template-columns:1.4fr 1fr 64px 36px;align-items:center;gap:6px;display:grid}.ed-item input{background:var(--soft,#f5f5f7);min-width:0;color:var(--text);border:0;border-radius:12px;outline:none;padding:11px 10px;font-size:15px}.ed-item input:focus{box-shadow:inset 0 0 0 2px var(--accent)}.ed-item-kcal{font-family:var(--num);font-weight:700}.ed-item-del{width:36px;height:36px;color:var(--muted)}.ed-add{min-height:44px;color:var(--text);background:0 0;border:1.5px dashed #d1d1d6;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.chip-ok{color:#17692f;background:#e3f6e8}.ob{color:#111114;background:#fff;flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.ob-top{padding:calc(8px + env(safe-area-inset-top)) 14px 4px;align-items:center;gap:10px;display:flex}.ob-back{background:#f2f2f5;width:40px;height:40px}.ob-back:disabled{visibility:hidden}.ob-progress{background:#ececf0;border-radius:3px;flex:1;height:5px;overflow:hidden}.ob-progress span{height:100%;transition:width .5s var(--ease);background:#111114;border-radius:3px;display:block}.ob-step{animation:ob-in-next .42s var(--ease) both;flex:1;padding:18px 22px 130px}.ob-dir-back{animation-name:ob-in-back}@keyframes ob-in-next{0%{opacity:0;transform:translate(36px)}}@keyframes ob-in-back{0%{opacity:0;transform:translate(-36px)}}.ob-title{letter-spacing:-.02em;margin:6px 0;font-size:30px;font-weight:800;line-height:1.25}.ob-center{text-align:center}.ob-sub{color:#5c5c66;margin:0 0 6px;font-size:16px}.ob-body{margin-top:22px}.ob-note{text-align:center;color:#5c5c66;margin:14px 0 0;font-weight:600}.ob-fine{color:#6b6b75;text-align:center;margin:16px 6px 0;font-size:12.5px}.ob-choices{flex-direction:column;gap:10px;display:flex}.ob-choice{text-align:left;color:#111114;width:100%;min-height:62px;transition:transform .35s var(--spring), background-color .2s ease, color .2s ease;animation:fade-up .4s var(--ease) both;background:#f5f5f7;border:0;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;font-size:17px;font-weight:600;display:flex}.ob-choice:active{transition-duration:80ms;transform:scale(.97)}.ob-choice.is-on{color:#fff;background:#111114}.ob-emoji{text-align:center;flex:none;width:30px;font-size:24px}.ob-choice-label{flex:1}.ob-check{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid;box-shadow:inset 0 0 0 2px #c7c7cc}.ob-choice.is-on .ob-check{color:#111114;box-shadow:none;background:#fff}.ob-text{color:#111114;resize:none;background:#f5f5f7;border:0;border-radius:16px;outline:none;width:100%;margin-top:12px;padding:14px 16px;font-size:16px}.ob-text:focus{box-shadow:0 0 0 2px #111114}.ob-bottom{padding:14px 22px calc(16px + env(safe-area-inset-bottom));z-index:3;background:linear-gradient(#fff0,#fff 30%);position:fixed;bottom:0;left:0;right:0}.ob-cta{color:#fff;width:100%;max-width:560px;min-height:58px;transition:transform .35s var(--spring), opacity .2s ease;background:#111114;border:0;border-radius:999px;margin:0 auto;font-size:18px;font-weight:700;display:block}.ob-cta:active{transition-duration:80ms;transform:scale(.97)}.ob-cta:disabled{opacity:.25}.ob-hello{min-height:calc(100dvh - 160px);padding-top:calc(30px + env(safe-area-inset-top));flex-direction:column;justify-content:center;display:flex}.ob-hello-icon{width:92px;height:92px;animation:pop-in .7s var(--spring) both;border-radius:24px;box-shadow:0 14px 36px #00000024}.ob-hello-title{letter-spacing:-.03em;animation:fade-up .6s var(--ease) both .1s;margin:26px 0 12px;font-size:40px;font-weight:800;line-height:1.2}.ob-hello-sub{color:#5c5c66;animation:fade-up .6s var(--ease) both .2s;margin:0 0 22px;font-size:17px}.ob-hello-points{flex-direction:column;gap:10px;display:flex}.ob-hello-points span{animation:fade-up .5s var(--ease) both;background:#f5f5f7;border-radius:16px;padding:13px 16px;font-size:16px;font-weight:600}.ob-hello-points span:first-child{animation-delay:.3s}.ob-hello-points span:nth-child(2){animation-delay:.38s}.ob-hello-points span:nth-child(3){animation-delay:.46s}.wheels{perspective:900px;justify-content:center;gap:4px;display:flex;position:relative}.wheels-band{pointer-events:none;background:#f2f2f5;border-radius:12px;position:absolute;left:0;right:0}.wheel{scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;height:100%;transform-style:preserve-3d;touch-action:pan-y;outline:none;position:relative;overflow-y:scroll;-webkit-mask-image:linear-gradient(#0000,#000 32% 68%,#0000);mask-image:linear-gradient(#0000,#000 32% 68%,#0000)}.wheel::-webkit-scrollbar{display:none}.wheel-row{scroll-snap-align:center;color:#3c3c43;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none;backface-visibility:hidden;cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-size:21px;display:flex}.wheel-left .wheel-row{justify-content:flex-start}.wheel-right .wheel-row{justify-content:flex-end}.wheel-row.is-selected{color:#111114;font-weight:650}.wheel:focus-visible{border-radius:12px;box-shadow:inset 0 0 0 2px #111114}.ob-times{flex-direction:column;gap:18px;display:flex}.ob-times-label{margin-bottom:4px;font-size:16px;font-weight:700}.ob-span{margin-top:0}.ob-prep{min-height:calc(100dvh - 40px);padding-top:env(safe-area-inset-top);flex-direction:column;justify-content:center;align-items:center;display:flex}.ob-prep .ring-track{stroke:#ececf0}.ob-prep .ring-fill{animation:none}.ob-prep-pct{font-family:var(--num);font-size:38px;font-weight:800}.ob-prep .ob-title{margin-top:26px}.ob-prep-list{flex-direction:column;gap:12px;width:100%;max-width:340px;margin:16px 0 0;padding:0;list-style:none;display:flex}.ob-prep-list li{color:#8e8e93;align-items:center;gap:10px;font-size:16px;transition:color .3s;display:flex}.ob-prep-list li.is-done{color:#111114;font-weight:600}.ob-prep-dot{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid;box-shadow:inset 0 0 0 2px #d1d1d6}.is-done .ob-prep-dot{color:#fff;box-shadow:none;animation:pop-in .35s var(--spring) both;background:#111114}.ob-plan{flex-direction:column;gap:10px;display:flex}.ob-plan-card{animation:fade-up .45s var(--ease) both;background:#f5f5f7;border-radius:22px;flex:1;min-width:0;padding:16px 18px}.ob-plan-row{gap:10px;display:flex}.ob-plan-label{color:#5c5c66;font-size:14px;font-weight:600}.ob-plan-big{font-family:var(--num);letter-spacing:-.02em;font-size:42px;font-weight:800;line-height:1.2}.ob-plan-big small{color:#5c5c66;font-size:16px;font-weight:700}.ob-plan-mid{font-family:var(--num);font-size:30px;font-weight:800;line-height:1.25}.ob-plan-line{color:#3c3c43;margin-top:2px;font-size:14.5px}.ob-promises{flex-direction:column;gap:9px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ob-promises li{align-items:flex-start;gap:8px;font-size:15.5px;font-weight:600;display:flex}.ob-promises li svg{color:#1a7f45;flex:none;margin-top:4px}.ob-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.ob-timeline:before{content:"";background:linear-gradient(#111114,#d1d1d6);border-radius:2px;width:3px;position:absolute;top:30px;bottom:30px;left:21px}.ob-timeline li{animation:fade-up .45s var(--ease) both;align-items:flex-start;gap:14px;padding:10px 0;display:flex;position:relative}.ob-timeline li:nth-child(2){animation-delay:80ms}.ob-timeline li:nth-child(3){animation-delay:.16s}.ob-tl-icon{background:#111114;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.ob-timeline li div{flex-direction:column;padding-top:2px;display:flex}.ob-timeline strong{font-size:17px}.ob-timeline li div span{color:#5c5c66;font-size:15px}.ob-plans{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.ob-plan-opt{text-align:left;color:#111114;transition:box-shadow .2s ease, transform .35s var(--spring);background:#f5f5f7;border:0;border-radius:20px;flex-direction:column;align-items:flex-start;gap:2px;padding:18px 16px 16px;display:flex;position:relative}.ob-plan-opt:active{transition-duration:80ms;transform:scale(.97)}.ob-plan-opt.is-on{background:#fff;box-shadow:inset 0 0 0 2.5px #111114,0 8px 24px #00000014}.ob-plan-opt-name{color:#5c5c66;font-size:15px;font-weight:700}.ob-plan-opt-price{font-family:var(--num);font-size:26px;font-weight:800}.ob-plan-opt-per{color:#5c5c66;font-size:13px}.ob-save{color:#fff;background:#111114;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:-11px;right:12px}.ob-assure{justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-weight:600;display:flex}.ob-assure svg{color:#1a7f45}.ob-launch{color:#8a3d00;background:#fff1e0;border-radius:999px;margin-bottom:14px;padding:7px 14px;font-size:14.5px;font-weight:700;display:inline-block}.ob-was{color:#8e8e93;font-size:14px;text-decoration:line-through}.ld{--ink:#1d1d1f;--mute:#6e6e73;--soft:#f5f5f7;--blue:#0071e3;--good:#1a7f45;--ease:cubic-bezier(.32, .72, 0, 1);color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Noto Sans Thai,system-ui,sans-serif;overflow-x:clip}.ld h1,.ld h2{letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.08}.ld h1{font-size:clamp(46px,11vw,104px)}.ld h2{font-size:clamp(38px,8vw,72px)}.ld-kicker{color:var(--mute);margin:0 0 14px;font-size:17px;font-weight:650}.ld-text{color:var(--mute);max-width:30em;margin:18px 0 0;font-size:clamp(17px,2.4vw,21px);line-height:1.55}.ld-nav{z-index:10;height:52px;padding:0 max(16px, env(safe-area-inset-left));padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffb8;border-bottom:.5px solid #00000014;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ld-brand{color:var(--ink);align-items:center;gap:8px;font-size:17px;font-weight:750;text-decoration:none;display:flex}.ld-brand img{border-radius:6px;width:24px;height:24px}.ld-btn{background:var(--blue);color:#fff;transition:transform .35s var(--ease), background .2s;border-radius:999px;justify-content:center;align-items:center;margin-top:28px;padding:14px 30px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.ld-btn:hover{background:#0077ed}.ld-btn:active{transition-duration:80ms;transform:scale(.95)}.ld-btn-sm{margin:0;padding:7px 16px;font-size:14px}.ld-hero>*,.ld-scene .ld-copy,.ld-scene .ld-stage,.ld-end>*{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(36px)}.ld-hero.is-in>*,.ld-scene.is-in .ld-copy,.ld-scene.is-in .ld-stage,.ld-end>*{opacity:1;transform:none}.ld-hero.is-in>:nth-child(2){transition-delay:80ms}.ld-hero.is-in>:nth-child(3){transition-delay:.16s}.ld-hero.is-in>:nth-child(4){transition-delay:.22s}.ld-hero.is-in>:nth-child(5){transition-delay:.34s}.ld-scene.is-in .ld-stage{transition-delay:.14s}.ld-hero{text-align:center;flex-direction:column;align-items:center;padding:72px 20px 0;display:flex;overflow:hidden}.ld-hero .ld-text{margin-left:auto;margin-right:auto}.ld-phone-hero{margin-top:56px;margin-bottom:-150px}.ld-scene{flex-direction:column;justify-content:center;gap:44px;max-width:1100px;min-height:100dvh;margin:0 auto;padding:96px 24px;display:flex}.ld-scene:nth-of-type(odd){background:0 0}.ld-stage{justify-content:center;display:flex}@media (width>=900px){.ld-scene{flex-direction:row;align-items:center;gap:80px}.ld-scene.is-flip{flex-direction:row-reverse}.ld-copy,.ld-stage{flex:1}}.ld-phone{aspect-ratio:9/18.6;background:#1d1d1f;border-radius:42px;flex:none;width:min(264px,70vw);padding:9px;position:relative;box-shadow:0 40px 80px -20px #00000047,inset 0 0 0 1.5px #d2d2d7}.ld-notch{z-index:3;background:#000;border-radius:99px;width:70px;height:20px;margin-left:-35px;position:absolute;top:15px;left:50%}.ld-screen{background:#fff;border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden}.film{flex-direction:column;padding:52px 18px 18px;display:flex;position:absolute;inset:0}.film *{animation-play-state:paused!important}.is-in .film *{animation-play-state:running!important}.fm-photo{height:46%;animation:fm-photo 7s var(--ease) infinite;background:linear-gradient(#c9a27a,#b98b5e);margin:0 -18px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.fm-photo:before{content:"";background:radial-gradient(#fff,#e9e6e1);border-radius:50%;position:absolute;inset:14% 12%}.fm-photo i{border-radius:50%;position:absolute}.fm-photo i:first-child{background:#e2b04a;width:26%;height:22%;top:30%;left:32%}.fm-photo i:nth-child(2){background:#5b8c3a;width:22%;height:18%;top:36%;left:52%}.fm-photo i:nth-child(3){background:#f3e9d2;width:24%;height:18%;top:52%;left:34%}.fm-photo i:nth-child(4){background:#e2b04a;width:14%;height:12%;top:56%;left:54%}.fm-title{letter-spacing:-.02em;animation:fm-up 7s var(--ease) infinite;margin-top:-6px;font-size:26px;font-weight:800}.fm-macros{color:var(--mute);animation:fm-up 7s var(--ease) infinite .12s;gap:12px;margin-top:6px;font-size:12px;display:flex}.fm-macros b{color:var(--ink);margin-right:1px;font-size:16px}.fm-kcal{letter-spacing:-.03em;animation:fm-up 7s var(--ease) infinite .24s;margin-top:14px;font-size:40px;font-weight:800}.fm-kcal small{color:var(--mute);font-size:14px;font-weight:600}.fm-tip{background:var(--soft);animation:fm-tip 7s var(--ease) infinite;border-radius:16px;margin-top:auto;padding:12px 14px;font-size:12.5px;line-height:1.45}@keyframes fm-photo{0%{opacity:0;transform:translateY(-14%)scale(1.15)}10%,90%{opacity:1;transform:none}to{opacity:0}}@keyframes fm-up{0%,6%{opacity:0;transform:translateY(16px)}18%,88%{opacity:1;transform:none}to{opacity:0}}@keyframes fm-tip{0%,30%{opacity:0;transform:translateY(20px)scale(.96)}42%,88%{opacity:1;transform:none}to{opacity:0}}.film-sleep{align-items:flex-start}.fs-label{color:var(--mute);animation:fm-up 8s var(--ease) infinite;font-size:13px;font-weight:700}.fs-big{letter-spacing:-.04em;white-space:nowrap;animation:fm-up 8s var(--ease) infinite 80ms;margin-top:2px;font-size:44px;font-weight:800}.fs-big small{letter-spacing:0;font-size:.4em;font-weight:700}.fs-ring{width:132px;height:132px;animation:fm-up 8s var(--ease) infinite .16s;margin:18px auto 0;position:relative}.fs-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.fs-ring circle{fill:none;stroke-width:9px}.fs-ring .t{stroke:#ececf0}.fs-ring .f{stroke:#3b4fd8;stroke-linecap:round;stroke-dasharray:100;animation:fs-ring 8s var(--ease) infinite}.fs-ring span{letter-spacing:-.02em;place-items:center;font-size:28px;font-weight:800;display:grid;position:absolute;inset:0}.fs-stages{border-radius:6px;gap:3px;width:100%;height:12px;margin-top:22px;display:flex;overflow:hidden}.fs-stages i{height:100%;animation:fs-bar 8s var(--ease) infinite;transform-origin:0;display:block}.fs-stages .d{background:#3b4fd8;flex:26}.fs-stages .r{background:#7aa2ff;flex:22;animation-delay:.12s}.fs-stages .l{background:#c9d4ff;flex:46;animation-delay:.24s}.fs-stages .a{background:#ff9a6b;flex:6;animation-delay:.36s}.fs-delta{text-align:center;color:var(--good);animation:fm-tip 8s var(--ease) infinite;background:#e9f7ee;border-radius:16px;align-self:stretch;margin-top:auto;padding:12px;font-size:13px;font-weight:700}@keyframes fs-ring{0%,8%{stroke-dashoffset:100px}40%,90%{stroke-dashoffset:74px}to{stroke-dashoffset:100px}}@keyframes fs-bar{0%,10%{transform:scaleX(0)}36%,90%{transform:none}to{transform:scaleX(0)}}.film-chat{justify-content:flex-start;gap:12px;padding-top:58px}.fc-q{color:#fff;max-width:82%;animation:fc-q 9s var(--ease) infinite;background:#1d1d1f;border-radius:20px 20px 6px;align-self:flex-end;padding:10px 14px;font-size:13px}.fc-a{background:var(--soft);max-width:88%;animation:fc-a 9s var(--ease) infinite;border-radius:20px 20px 20px 6px;align-self:flex-start;padding:12px 14px;font-size:13px;line-height:1.5;position:relative}.fc-a p{margin:0;animation:9s linear infinite fc-text}.fc-dots{gap:4px;animation:9s linear infinite fc-dots;display:flex;position:absolute;top:14px;left:14px}.fc-dots i{background:#aeaeb2;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite fc-bounce}.fc-dots i:nth-child(2){animation-delay:.15s}.fc-dots i:nth-child(3){animation-delay:.3s}.fc-pill{background:var(--soft);border-radius:999px;align-self:center;align-items:center;gap:8px;margin-top:auto;padding:10px 16px;font-size:12.5px;font-weight:650;display:flex}.fc-pill i{background:var(--ink);border-radius:1px;width:2px;height:14px;animation:1s ease-in-out infinite fc-wave}.fc-pill i:nth-child(2){animation-delay:.12s}.fc-pill i:nth-child(3){animation-delay:.24s}.fc-pill i:nth-child(4){animation-delay:.36s}.fc-pill i:nth-child(5){animation-delay:.48s}@keyframes fc-q{0%,4%{opacity:0;transform:translateY(14px)}12%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes fc-a{0%,14%{opacity:0;transform:translateY(14px)}22%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes fc-dots{0%,40%{opacity:1}42%,to{opacity:0}}@keyframes fc-text{0%,40%{opacity:0}46%,94%{opacity:1}to{opacity:0}}@keyframes fc-bounce{50%{transform:translateY(-4px)}}@keyframes fc-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.ld-end{text-align:center;min-height:80dvh;padding:96px 24px calc(80px + env(safe-area-inset-bottom));background:var(--soft);flex-direction:column;justify-content:center;align-items:center;display:flex}.ld-end-icon{border-radius:22px;width:88px;height:88px;margin-bottom:28px;box-shadow:0 18px 40px -12px #00000040}.ld-fine{color:var(--mute);margin:22px 0 0;font-size:13.5px}@media (prefers-reduced-motion:reduce){.ld *,.ld :before{transition:none!important;animation:none!important}.ld-hero>*,.ld-scene .ld-copy,.ld-scene .ld-stage,.ld-end>*{opacity:1;transform:none}.fs-ring .f{stroke-dashoffset:74px}.fc-dots{display:none}}:root{--bg:#fff;--surface:#f2f2f7;--surface-2:#e9e9ef;--sheet:#fff;--text:#111114;--muted:#5c5c66;--line:#0000001a;--accent:#0a66d6;--accent-text:#fff;--spark-bg:#fff4e5;--spark-text:#7a3d00;--danger:#c4261d;--glass:#ffffff9e;--glass-strong:#fffc;--glass-edge:#ffffffd9;--glass-shade:#0000000f;--shadow:0 10px 34px #0000001f, 0 2px 6px #0000000d;--backdrop:#00000052;--t-energy:#ff7a1a;--t-protein:#ff2d55;--t-carbs:#3478f6;--t-fiber:#2fb350;--t-sleep:#5e5ce6;--t-score:#14b8c4;--t-deep:#8e44ec;--ease:cubic-bezier(.32, .72, 0, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--num:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-mode=dark]{--bg:#000;--surface:#1c1c1f;--surface-2:#2a2a2e;--sheet:#121214;--text:#f2f2f5;--muted:#a1a1aa;--line:#ffffff1f;--accent:#4c9bff;--accent-text:#001a3a;--spark-bg:#3a2408;--spark-text:#ffd9a8;--danger:#ff6b61;--glass:#1e1e2294;--glass-strong:#1e1e22d1;--glass-edge:#ffffff29;--glass-shade:#0000004d;--shadow:0 10px 34px #0000008c, 0 2px 6px #0000004d;--backdrop:#00000080}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Leelawadee UI,system-ui,sans-serif;font-size:16px;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{-webkit-tap-highlight-color:transparent}.muted{color:var(--muted)}.small{font-size:13px}.glass,.dock-pill,.dock-add,.navbar.is-on,.day-label span,.toast,.glass-btn,.hint{-webkit-backdrop-filter:blur(24px)saturate(190%);backdrop-filter:blur(24px)saturate(190%)}.btn,.dock-btn,.dock-add,.icon-btn,.chip-btn,.receipt-row,.seg button{transition:transform .35s var(--spring), background-color .2s ease, opacity .2s ease}.btn:active,.dock-btn:active,.icon-btn:active,.chip-btn:active,.seg button:active{transition-duration:80ms;transform:scale(.95)}.dock-add:active{transition-duration:80ms;transform:scale(.9)}.receipt-row:active{transition-duration:80ms;transform:scale(.98)}.app{min-height:100dvh;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.top{padding:calc(18px + env(safe-area-inset-top)) 16px 2px;justify-content:space-between;align-items:baseline;display:flex}.top h1{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:800;line-height:1.15}.navbar{z-index:4;pointer-events:none;height:calc(46px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);opacity:0;border-bottom:.5px solid #0000;place-items:center;font-size:17px;font-weight:700;transition:opacity .2s,background-color .2s;display:grid;position:fixed;top:0;left:0;right:0}.navbar span{transition:transform .3s var(--ease);transform:translateY(6px)}.navbar.is-on{opacity:1;background:var(--glass-strong);border-bottom-color:var(--line)}.navbar.is-on span{transform:none}.album section{margin-bottom:4px}.day-label{top:calc(52px + env(safe-area-inset-top));z-index:2;pointer-events:none;margin:0;padding:12px 12px 8px;font-size:15px;font-weight:650;position:sticky}.day-label span{background:var(--glass);box-shadow:inset 0 .5px 0 var(--glass-edge), 0 1px 8px var(--glass-shade);border-radius:999px;padding:4px 12px;display:inline-block}.grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(5,1fr)}}@media (width>=1000px){.grid{grid-template-columns:repeat(7,1fr)}}.tile{aspect-ratio:1;background:var(--surface);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .45s var(--ease), filter .2s ease;border:0;padding:0;position:relative;overflow:hidden}.tile.is-pressing{filter:brightness(.92);transform:scale(.93)}.tile img{object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .25s;display:block}.tile img.is-loaded{opacity:1}.tile-blank{width:100%;height:100%;display:block}.tile-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:5px;right:5px}.tile-pending img{opacity:1;filter:saturate(.7)brightness(.85)}.tile-pending:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/250% 100%;animation:1.6s ease-in-out infinite sheen;position:absolute;inset:0}@keyframes sheen{0%{background-position:130% 0}to{background-position:-30% 0}}.tile-reading{z-index:1;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border-radius:50%;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;animation:1.6s ease-in-out infinite breathe;display:grid;position:absolute;top:50%;left:50%}@keyframes breathe{50%{opacity:.75;transform:scale(.86)}}.album section{animation:fade-up .4s var(--ease) both}.empty{text-align:center;padding:12vh 28px 0}.empty-art{width:150px;height:140px;margin:0 auto 26px;position:relative}.empty-card{width:84px;height:104px;box-shadow:var(--shadow);animation:card-in .7s var(--spring) both;border-radius:18px;position:absolute;top:18px;left:35px}.empty-card-1{background:linear-gradient(150deg,#ffd6a5,#ff9f68);animation-delay:50ms;transform:rotate(-14deg)translate(-26px)}.empty-card-2{background:linear-gradient(150deg,#b8c6ff,#7b8cff);animation-delay:.12s;transform:rotate(12deg)translate(26px)}.empty-card-3{color:#fff;background:linear-gradient(160deg,#c9f2d4,#6fd39a);place-items:center;animation-delay:.2s;display:grid}@keyframes card-in{0%{opacity:0;translate:0 24px;scale:.85}}.empty h2{letter-spacing:-.01em;margin:0 0 8px;font-size:24px}.empty p{max-width:360px;margin:0 auto 24px}.hint{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:4;background:var(--spark-bg);color:var(--spark-text);box-shadow:var(--shadow);white-space:nowrap;animation:pop-in .5s var(--spring) both .6s;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.dock{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:5;align-items:center;gap:10px;display:flex;position:fixed;transform:translate(-50%)}.dock-pill{background:var(--glass);box-shadow:inset 0 .5px 0 var(--glass-edge), inset 0 -.5px 0 var(--glass-shade), var(--shadow);border:.5px solid var(--line);border-radius:999px;gap:2px;padding:5px;display:flex}.dock-btn{white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;min-height:48px;padding:11px 18px;font-size:15px;font-weight:650;display:flex}.dock-btn:active{background:var(--line)}.dock-icon{padding:11px 14px}.dock-add{color:#fff;background:linear-gradient(160deg,#3b8cff,#0a5fd0);border:0;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:inset 0 1px #ffffff73,inset 0 -2px 6px #0000002e,0 8px 24px #0a5fd061}.btn{background:var(--surface);min-height:46px;color:var(--text);border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:10px 17px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-text);box-shadow:0 4px 14px #0a66d640}.btn-primary:disabled{opacity:.6}.btn-danger{color:var(--danger)}.btn-ghost{color:var(--muted);background:0 0}.btn-wide{width:100%}.btn-time{gap:8px;position:relative}.btn-time input{background:0 0;border:0;min-width:0;max-width:190px;font-weight:400}.icon-btn{background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-btn-soft{background:var(--surface-2);width:32px;height:32px;color:var(--muted)}.icon-btn.is-on{background:var(--accent);color:var(--accent-text)}.icon-btn:disabled{opacity:.35;cursor:default}.viewer{z-index:10;color:var(--text);position:fixed;inset:0}.viewer-bg{background:var(--bg);transition:background-color .3s;position:absolute;inset:0}.viewer.no-chrome .viewer-bg{background:#000}.viewer-scroll{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.viewer-scroll::-webkit-scrollbar{display:none}.viewer-stage{margin-top:calc(52px + env(safe-area-inset-top));height:calc(100dvh - 262px - env(safe-area-inset-top) - env(safe-area-inset-bottom));touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-height:240px;position:relative;overflow:hidden}.viewer.is-leave .viewer-stage,.viewer.is-enter .viewer-stage{overflow:visible}.viewer-track{will-change:transform;position:absolute;inset:0}.viewer-slide{position:absolute;inset:0}.viewer-img{object-fit:contain;pointer-events:none;clip-path:inset(0);transform-origin:50%;will-change:transform;width:100%;height:100%;display:block}.viewer-top{padding:calc(6px + env(safe-area-inset-top)) 10px 6px;transition:opacity .25s ease, transform .3s var(--ease);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.glass-btn{color:var(--text);background:#fffc;box-shadow:0 2px 10px #0000001f,inset 0 .5px #ffffffe6}.viewer-count{opacity:.85;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.viewer .sheet{transition:opacity .3s ease, transform .45s var(--ease)}.viewer.is-enter .viewer-top,.viewer.is-leave .viewer-top,.viewer.is-dragging .viewer-top,.viewer.no-chrome .viewer-top{opacity:0;pointer-events:none}.viewer.is-enter .sheet{opacity:0;transform:translateY(40px)}.viewer.is-leave .sheet,.viewer.is-dragging .sheet{opacity:0;transform:translateY(60px)}.viewer.no-chrome .sheet{opacity:0;transform:translateY(40px)}.viewer.is-open .sheet{transition-delay:80ms}.sheet{background:var(--sheet);min-height:calc(100dvh - 40px);color:var(--text);padding:4px 18px calc(32px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;position:relative;box-shadow:0 -6px 24px #00000014,0 -1px #0000000d}.sheet-handle{background:0 0;border:0;width:100%;padding:8px 0 12px;display:block}.sheet-handle span{background:var(--surface-2);border-radius:3px;width:38px;height:5px;margin:0 auto;display:block}.sheet-title{letter-spacing:-.01em;margin:0;font-size:23px;line-height:1.3}.sheet-when{color:var(--muted);margin:2px 0 12px;font-size:14px}.spark{background:var(--spark-bg);color:var(--spark-text);border-radius:16px;align-items:flex-start;gap:9px;margin:0 0 16px;padding:13px 15px;font-size:15px;display:flex}.spark svg{flex:none;margin-top:3px}.sheet-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.bigs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bigs-3{grid-template-columns:repeat(3,1fr)}.big{background:var(--surface);border-radius:16px;padding:12px 14px 11px}.big-label{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.big-label i{background:var(--tone,var(--muted));border-radius:50%;flex:none;width:8px;height:8px}.big-value{font-family:var(--num);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.25}.big-unit{color:var(--muted);font-size:14px;font-weight:500}.tone-energy{--tone:var(--t-energy)}.tone-protein{--tone:var(--t-protein)}.tone-carbs{--tone:var(--t-carbs)}.tone-fiber{--tone:var(--t-fiber)}.tone-sleep{--tone:var(--t-sleep)}.tone-score{--tone:var(--t-score)}.tone-deep,.tone-weight{--tone:var(--t-deep)}.tone-fat{--tone:var(--t-energy)}.tone-muscle{--tone:var(--t-protein)}.rows{margin:14px 0 0}.row{border-bottom:.5px solid var(--line);justify-content:space-between;gap:12px;padding:11px 0;font-size:15px;display:flex}.row dt{color:var(--muted)}.row dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.items{margin:14px 0 0;padding:0;font-size:15px;list-style:none}.items li{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chip{background:var(--surface);border:0;border-radius:999px;padding:5px 11px;font-size:13px}.chip-warn{background:var(--spark-bg);color:var(--spark-text)}.chip-btn{border:.5px solid var(--line);background:var(--sheet);padding:9px 14px;font-size:14px}.note{color:var(--muted);margin:12px 0 0;font-size:14px}.sheet-layer{z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:var(--backdrop);animation:.3s both fade-in;position:absolute;inset:0}.sheet-panel{background:var(--sheet);width:100%;max-width:640px;height:min(90dvh,840px);color:var(--text);box-shadow:var(--shadow);animation:sheet-in .5s var(--ease);will-change:transform;border-radius:28px 28px 0 0;flex-direction:column;display:flex;position:relative}@media (width>=700px){.sheet-panel{border-radius:28px;height:min(86dvh,820px);margin-bottom:16px}}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-drag{touch-action:none;cursor:grab;flex:none}.sheet-grabber{background:var(--surface-2);border-radius:3px;width:38px;height:5px;margin:7px auto 0;display:block}.chat-head{border-bottom:.5px solid var(--line);align-items:center;gap:12px;padding:8px 14px 12px 16px;display:flex}.chat-thumb{object-fit:cover;border-radius:12px;flex:none;width:48px;height:48px}.chat-icon{background:var(--spark-bg);width:48px;height:48px;color:var(--spark-text);border-radius:14px;flex:none;place-items:center;display:grid}.chat-head-text{flex:1;min-width:0}.chat-title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.chat-title-lg{font-size:20px;font-weight:750}.chat-body{overscroll-behavior:contain;flex:1;padding:14px 16px;overflow-y:auto}.chat-empty{text-align:center;margin-top:18px}.bubble{overflow-wrap:anywhere;width:fit-content;max-width:86%;animation:bubble-in .35s var(--spring) both;border-radius:20px;margin:6px 0;padding:10px 14px;font-size:15.5px}.bubble-user{background:var(--accent);color:var(--accent-text);transform-origin:100% 100%;border-bottom-right-radius:6px;margin-left:auto}.bubble-ai{background:var(--soft,var(--surface));transform-origin:0 100%;border-bottom-left-radius:6px}.chat-day{text-align:center;color:var(--muted);margin:14px 0 6px;font-size:12.5px;font-weight:600}.chat-focus{background:var(--soft,var(--surface));width:fit-content;max-width:86%;color:var(--muted);border-radius:14px;align-items:center;gap:10px;margin:8px auto;padding:6px 12px 6px 6px;font-size:13.5px;font-weight:600;display:flex}.chat-focus img,.chat-focus-blank{object-fit:cover;background:var(--surface-2);border-radius:10px;flex:none;width:40px;height:40px}.bubble-error{background:var(--spark-bg);color:var(--spark-text)}@keyframes bubble-in{0%{opacity:0;transform:scale(.85)translateY(8px)}}.md-li{padding-left:2px}.typing{gap:4px;padding:6px 2px;display:inline-flex}.typing i{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite bounce}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}}.suggest{flex-wrap:wrap;gap:8px;padding:0 16px 10px;display:flex}.suggest .chip-btn{animation:fade-up .4s var(--ease) both}.suggest .chip-btn:nth-child(2){animation-delay:40ms}.suggest .chip-btn:nth-child(3){animation-delay:80ms}.suggest .chip-btn:nth-child(4){animation-delay:.12s}.chat-input{padding:8px 10px calc(10px + env(safe-area-inset-bottom));border-top:.5px solid var(--line);align-items:flex-end;gap:6px;display:flex}.chat-input textarea{resize:none;border:.5px solid var(--line);background:var(--surface);field-sizing:content;border-radius:22px;outline:none;flex:1;min-height:44px;max-height:140px;padding:10px 16px;transition:border-color .2s,box-shadow .2s}.chat-input textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.send{background:var(--accent);color:var(--accent-text)}.send:disabled{opacity:.3}.settings .chat-body{padding-bottom:40px}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin:26px 0 8px;font-size:13px;font-weight:600}.section-title:first-child{margin-top:4px}.welcome{max-width:440px;padding:calc(56px + env(safe-area-inset-top)) 22px 40px;margin:0 auto;position:relative}.welcome:before{content:"";z-index:-1;filter:blur(20px);pointer-events:none;background:radial-gradient(closest-side,#ffbe8c59,#0000),radial-gradient(closest-side at 70% 60%,#8caaff4d,#0000);width:560px;height:420px;position:fixed;top:-120px;left:50%;transform:translate(-50%)}.app-mark{width:72px;height:72px;box-shadow:0 10px 30px #00000026, 0 0 0 .5px var(--line);animation:pop-in .6s var(--spring) both;border-radius:18px;margin-bottom:18px;display:block}.welcome h1{letter-spacing:-.03em;margin:0 0 8px;font-size:36px;font-weight:800}.welcome .lead{margin:0 0 12px;font-size:19px}.welcome .seg{margin-top:22px}.profile-form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.field input,.field textarea{background:var(--surface);color:var(--text);border:.5px solid #0000;border-radius:14px;outline:none;padding:13px 15px;font-size:17px;transition:border-color .2s,box-shadow .2s,background-color .2s}.field input:focus,.field textarea:focus{background:var(--sheet);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.seg{background:var(--surface);border-radius:13px;gap:2px;padding:3px;display:flex}.seg button{color:var(--text);background:0 0;border:0;border-radius:10px;flex:1;padding:9px 0;font-weight:550}.seg button.is-on{background:var(--sheet);color:var(--text);box-shadow:0 2px 8px #0000001f, 0 0 0 .5px var(--line)}:root[data-mode=dark] .seg button.is-on{background:var(--surface-2)}.error{color:var(--danger);margin:0;font-size:14px}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:30;color:#fff;max-width:calc(100% - 32px);box-shadow:var(--shadow);animation:toast-in .5s var(--spring) both;background:#1c1c1edb;border-radius:999px;align-items:center;gap:14px;padding:12px 18px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,24px)scale(.9)}}.toast button{color:#8cc2ff;white-space:nowrap;background:0 0;border:0;font-weight:700}.receipt-check{color:#17692f;background:#e3f6e8}:root[data-mode=dark] .receipt-check{color:#8fe0a6;background:#10331b}.receipt-check{animation:pop-in .55s var(--spring) both .15s}.receipt-check path{stroke-dasharray:24;stroke-dashoffset:24px;animation:draw .45s var(--ease) forwards .4s;stroke-width:2.4px}@keyframes draw{to{stroke-dashoffset:0}}.receipt-row{text-align:left;border:0;border-bottom:.5px solid var(--line);width:100%;animation:fade-up .45s var(--ease) both;animation-delay:calc(.25s + var(--i,0) * 50ms);background:0 0;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.receipt-row img,.receipt-blank{object-fit:cover;background:var(--surface);border-radius:12px;flex:none;width:64px;height:64px}.receipt-text{flex-direction:column;gap:2px;min-width:0;display:flex}.receipt-title{font-weight:650}.receipt-line{font-size:14px}.receipt-actions{padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:.5px solid var(--line);margin:0}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.hint{animation-name:hint-in}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,16px)scale(.9)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.admin{max-width:1100px;margin:0 auto;padding:24px 16px 60px}.admin-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.admin h1{margin:0 0 12px;font-size:26px}.admin h2{margin:28px 0 10px;font-size:18px}.admin h3{margin:12px 0 4px;font-size:14px}.admin a{color:var(--accent)}.admin-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.admin-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:7px 10px}.admin-table th{color:var(--muted);font-weight:500}.admin-calls{margin:0;padding:0;list-style:none}.admin-call{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:130px 90px 90px 1fr 60px 70px;gap:8px;width:100%;padding:9px 4px;font-size:13px;display:grid}.admin-call:hover{background:var(--surface)}.admin-detail{padding:6px 4px 14px}.admin-detail pre{white-space:pre-wrap;word-break:break-word;background:var(--surface);border-radius:10px;max-height:420px;padding:10px;font-size:12.5px;overflow:auto}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.admin-tile img,.admin-tile .tile-blank{aspect-ratio:1;object-fit:cover;background:var(--surface);border-radius:10px;width:100%;display:block}.admin-tile div{margin-top:4px}.morning{flex-direction:column;gap:12px;padding:6px 16px 0;display:flex}.night-card{color:#fff;animation:fade-up .5s var(--ease) both;background:radial-gradient(120% 90% at 85% 0,#7a4fd6 0%,#0000 55%),radial-gradient(90% 80% at 0 100%,#2e5fd8 0%,#0000 60%),linear-gradient(160deg,#1a1d4a,#2a1f5c 60%,#1b1440);border-radius:28px;padding:4px 4px 14px;position:relative;overflow:hidden;box-shadow:0 14px 40px #2a1f5c59}.night-card:before{content:"";pointer-events:none;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 20% 18%,#fff,#0000),radial-gradient(1px 1px at 62% 12%,#fff,#0000),radial-gradient(1.2px 1.2px at 78% 34%,#fff,#0000),radial-gradient(1px 1px at 38% 40%,#fff,#0000),radial-gradient(1.4px 1.4px at 90% 8%,#fff,#0000);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{to{opacity:.35}}.night-open{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:24px;padding:16px 16px 6px;display:block;position:relative}.night-kicker{opacity:.85;font-size:14px;font-weight:600}.night-big{font-family:var(--num);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:46px;font-weight:800;line-height:1.1}.night-sub{opacity:.92;font-size:16px;font-weight:600}.night-meta{opacity:.8;margin-top:6px;font-size:14px}.stages{margin-top:14px}.stages-bar{border-radius:6px;gap:3px;height:10px;display:flex;overflow:hidden}.stage{flex-basis:0;min-width:4px;display:block}.stage-deep{background:#b9a6ff}.stage-rem{background:#6fd3ff}.stage-light{background:#ffffff59}.stages-legend{opacity:.9;gap:14px;margin-top:7px;font-size:12.5px;display:flex}.stages-legend i{vertical-align:0;border-radius:50%;width:8px;height:8px;margin-right:3px;display:inline-block}.badges{flex-direction:column;gap:6px;margin:4px 12px 0;padding:0;list-style:none;display:flex;position:relative}.badges li{animation:fade-up .45s var(--ease) both;background:#ffffff1f;border-radius:14px;align-items:flex-start;gap:8px;padding:9px 12px;font-size:14.5px;font-weight:600;display:flex;box-shadow:inset 0 .5px #ffffff40}.badges li svg{color:#ffd27a;flex:none;margin-top:3px}.night-spark{opacity:.92;margin:4px 16px 0;font-size:14.5px;position:relative}.night-ask{color:#2a1f5c;min-height:44px;transition:transform .35s var(--spring);background:#fff;border:0;border-radius:999px;align-items:center;gap:7px;margin:12px 12px 0;padding:10px 16px;font-size:14.5px;font-weight:700;display:inline-flex;position:relative}.night-ask:active{transition-duration:80ms;transform:scale(.95)}.night-cta{text-align:left;color:#fff;width:100%;transition:transform .35s var(--spring);animation:fade-up .5s var(--ease) both;background:linear-gradient(150deg,#27306e,#4b2f8f);border:0;border-radius:24px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 12px 32px #2a1f5c4d}.night-cta:active{transition-duration:80ms;transform:scale(.97)}.night-cta-icon{background:#ffffff26;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;display:grid}.night-cta-text{flex-direction:column;flex:1;gap:2px;font-size:14px;display:flex}.night-cta-text strong{font-size:17px}.night-cta-text span{opacity:.85}.clue-card{background:var(--surface);animation:fade-up .5s var(--ease) both 80ms;border-radius:22px;padding:14px 14px 12px}.clue-q{font-size:17px;font-weight:700}.clue-chips{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.clue-chip{background:var(--sheet);color:var(--text);box-shadow:0 0 0 .5px var(--line);transition:transform .35s var(--spring), background-color .2s ease, color .2s ease;border:0;border-radius:999px;padding:8px 13px;font-size:14px}.clue-chip:active{transition-duration:80ms;transform:scale(.92)}.clue-chip.is-on{color:#fff;box-shadow:none;background:#4b2f8f}:root[data-mode=dark] .clue-chip.is-on{color:#160f33;background:#9f86ff}.clue-note{border:.5px solid var(--line);background:var(--sheet);border-radius:14px;outline:none;width:100%;margin-top:10px;padding:10px 14px;font-size:15px}.clue-note:focus{border-color:var(--accent)}.clue-saved{color:#17692f;animation:pop-in .4s var(--spring) both;align-items:center;gap:5px;margin-top:8px;font-size:13.5px;font-weight:600;display:inline-flex}:root[data-mode=dark] .clue-saved{color:#8fe0a6}.longterm{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;margin:0 -16px;padding:2px 16px 4px;display:flex;overflow-x:auto}.longterm::-webkit-scrollbar{display:none}.lt-pill{text-align:left;background:var(--surface);min-width:128px;color:var(--text);scroll-snap-align:start;transition:transform .35s var(--spring);border:0;border-radius:18px;flex-direction:column;flex:none;align-items:flex-start;gap:0;padding:10px 14px;font-size:13px;display:flex;position:relative}.lt-pill:active{transition-duration:80ms;transform:scale(.95)}.lt-pill strong{font-size:16px}.lt-pill .lt-span{color:var(--muted);font-size:12px}.lt-pill>svg{color:var(--t-energy);position:absolute;top:9px;right:10px}.lt-pill.is-great{background:linear-gradient(160deg, color-mix(in srgb, #9f86ff 22%, var(--surface)), var(--surface))}.lt-count{cursor:default}.meds-row{text-align:left;background:var(--surface);width:100%;color:var(--text);transition:transform .35s var(--spring);border:0;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.meds-row:active{transition-duration:80ms;transform:scale(.98)}.meds-icon{color:#b0124a;background:#ffe3ec;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}:root[data-mode=dark] .meds-icon{color:#ff8fb1;background:#3d1422}.meds-text{flex-direction:column;flex:1;min-width:0;display:flex}.meds-row>svg{color:var(--muted)}.album-title{letter-spacing:-.01em;margin:12px 0 -6px;font-size:20px;font-weight:750}.tile-badge-text{border-radius:999px;width:auto;padding:0 8px;font-size:11.5px;font-weight:700}.stage-gap{background:#ffffff1f}:root[data-skin=clean]{--bg:#fff;--surface:#fff;--surface-2:#ececf0;--soft:#f5f5f7;--accent:#111114;--accent-text:#fff}:root[data-skin=clean][data-mode=dark]{--bg:#000;--surface:#1c1c1f;--surface-2:#2c2c30;--accent:#f2f2f5;--accent-text:#111114}[data-skin=clean] .btn-primary{box-shadow:none}[data-skin=clean] .dock-add{background:var(--accent);color:var(--accent-text);box-shadow:0 8px 22px #00000040}[data-skin=clean] .clue-card,[data-skin=clean] .lt-pill,[data-skin=clean] .meds-row{box-shadow:0 4px 18px #0000000f,0 0 0 1px #0000000a}[data-skin=clean] .clue-chip{background:var(--surface-2);box-shadow:none}[data-skin=clean] .clue-chip.is-on{background:var(--accent);color:var(--accent-text)}[data-skin=clean] .lt-pill.is-great{background:var(--surface)}[data-skin=clean] .night-cta{background:var(--surface);color:var(--text);box-shadow:0 2px 12px #0000000f}[data-skin=clean] .night-cta-icon{background:var(--accent);color:var(--accent-text)}[data-skin=clean] .night-cta-text span{color:var(--muted);opacity:1}[data-skin=clean] .tile{background:var(--surface-2)}.clean-card{background:var(--surface);animation:fade-up .5s var(--ease) both;border-radius:28px;padding:6px 6px 14px;box-shadow:0 6px 28px #00000012,0 0 0 1px #0000000a}.clean-open{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:22px;padding:14px 14px 4px;display:block}.clean-hero{justify-content:space-between;align-items:center;gap:12px;display:flex}.clean-hero-text{min-width:0}.clean-kicker{color:var(--muted);font-size:13.5px;font-weight:600}.clean-big small{letter-spacing:0;margin-left:2px;font-size:.42em;font-weight:700}.clean-big{white-space:nowrap;font-family:var(--num);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:44px;font-weight:800;line-height:1.1}.clean-sub{font-size:16px;font-weight:650}.ring{flex:none;position:relative}.ring svg{display:block}.ring-track{stroke:var(--surface-2)}.ring-fill{animation:ring-in 1s var(--ease) both .15s}@keyframes ring-in{0%{stroke-dashoffset:var(--ring-c)}}.ring-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;line-height:1.15;display:flex;position:absolute;inset:0}.ring-center strong{font-family:var(--num);font-size:24px;font-weight:800}.ring-center span{color:var(--muted);font-size:11px}.clean-minis{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.clean-mini{background:var(--soft,var(--surface));border-radius:18px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 6px 10px;display:flex}.ring-center .clean-mini-value{font-family:var(--num);color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.clean-mini-label{color:var(--muted);font-size:12.5px;font-weight:600}.clean-badges{flex-direction:column;gap:6px;margin:6px 12px 0;padding:0;list-style:none;display:flex}.clean-badges li{background:var(--soft,var(--surface));animation:fade-up .45s var(--ease) both;border-radius:16px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:14.5px;font-weight:600;display:flex}.clean-spark{color:var(--muted);margin:6px 16px 0;font-size:14.5px}.clean-ask{background:var(--accent);width:calc(100% - 24px);min-height:50px;color:var(--accent-text);transition:transform .35s var(--spring);border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin:12px 12px 0;font-size:15.5px;font-weight:700;display:flex}.clean-ask:active{transition-duration:80ms;transform:scale(.96)}.hold-btn{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hold-btn.is-listening{background:var(--accent);color:var(--accent-text);transform:scale(1.04)}.hold-panel{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:6;text-align:center;-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);width:min(92vw,420px);animation:hold-in .32s var(--spring) both;background:#ffffffe6;border-radius:26px;padding:18px 20px 14px;position:fixed;transform:translate(-50%);box-shadow:0 18px 50px #0000002e,0 0 0 1px #0000000d}@keyframes hold-in{0%{opacity:0;transform:translate(-50%,16px)scale(.92)}}.hold-wave{justify-content:center;align-items:center;gap:5px;height:34px;display:flex}.hold-wave i{background:var(--accent);transform-origin:50%;border-radius:3px;width:5px;height:100%;animation:.9s ease-in-out infinite hold-wave}@keyframes hold-wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.hold-text{overflow-wrap:anywhere;min-height:1.4em;margin:10px 0 4px;font-size:19px;font-weight:650;line-height:1.4}.hold-hint{color:var(--muted);margin:0;font-size:13px}.hold-panel.is-cancel{background:#ffece6f2}.hold-panel.is-cancel .hold-wave i{background:#d4480b;animation-play-state:paused}.hold-panel.is-cancel .hold-hint{color:#b03a07;font-weight:700}.listen{min-height:34px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .2s ease, transform .35s var(--spring);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin:-2px 0 8px 4px;padding:6px 12px 6px 10px;font-size:13.5px;font-weight:650;display:inline-flex}.listen:active{transition-duration:80ms;transform:scale(.95)}.listen.is-on{background:var(--accent);color:var(--accent-text);box-shadow:none}.listen-note{color:var(--muted);font-size:12px;font-weight:500}.listen.is-on .listen-note{color:inherit;opacity:.75}