.bs-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-panel-solid)60%,transparent);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;will-change:transform;max-height:min(160vh,600px);padding-bottom:env(safe-area-inset-bottom,0);border-top-left-radius:16px;border-top-right-radius:16px;overflow:auto;box-shadow:0 -8px 30px #0000001f}.bs-grabber{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;height:24px;padding-top:8px;padding-bottom:12px;display:flex}.bs-grabber-bar{opacity:.4;background:currentColor;border-radius:999px;width:36px;height:4px}.bs-content{touch-action:pan-y;-webkit-user-select:auto;user-select:auto;cursor:auto;padding:12px 16px 16px}
.stage{grid-template:1fr/1fr;height:100dvh;display:grid}.stage>*{grid-area:1/1}.overlay{z-index:1;pointer-events:none;position:relative}.glassHeader{inset-inline:0;pointer-events:auto;padding:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-panel-solid)30%,transparent);border-block-end:1px solid var(--color-panel-contrast);position:sticky;top:0}.glassHeader :is(button,input,a,[role=button]){pointer-events:auto}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border-radius:6px}.dark .glass{background:#00000047}.overlay,.overlayDock,.mapToolbarWrap{pointer-events:none}.mapControlsRow{pointer-events:none;justify-content:flex-end;gap:12px;padding-top:16px;padding-right:24px;display:flex}.mapControlsRow>*{pointer-events:auto}.mapToolbar{width:max-content}.navBar{pointer-events:none;z-index:1;background:0 0;grid-area:1/1;justify-content:space-between;align-self:start;align-items:start;gap:8px;display:flex}.navButton{pointer-events:auto}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --ring-thickness{syntax:"<length>";inherits:false;initial-value:2px}.outlineWrap{display:inline-flex;position:relative}.outlineWrap>.navButton{border-radius:var(--radius-3)}.outlineWrap:before{--ring-thickness:2px;content:"";inset:calc(var(--ring-thickness)*-1);border-radius:calc(var(--radius-3) + var(--ring-thickness));padding:var(--ring-thickness);background:conic-gradient(from var(--ring-angle),var(--indigo-9)0%,var(--cyan-9)25%,var(--purple-9)50%,var(--cyan-9)75%,var(--indigo-9)100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.outlineWrap.isLoading:before{opacity:1;animation:.9s linear infinite ring-spin-fast}.outlineWrap.isPlaying:before{opacity:1;animation:1.4s ease-in-out infinite ring-pulse}@keyframes ring-spin-fast{to{--ring-angle:360deg}}@keyframes ring-pulse{0%,to{--ring-thickness:2px;opacity:.45}50%{--ring-thickness:6px;opacity:1}}@media (prefers-reduced-motion:reduce){.outlineWrap.isLoading:before,.outlineWrap.isPlaying:before{--ring-angle:0deg;--ring-thickness:2px;animation:none}}.callout{inset-inline:0;pointer-events:auto;border-radius:var(--radius-3);padding:var(--space-5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in srgb,var(--color-panel-solid)90%,transparent);border-block-end:1px solid var(--color-panel-contrast);position:sticky;top:0}
.rewardsHeaderRow{justify-content:space-between;min-width:0}.rewards{flex:auto;justify-content:flex-end;gap:6px;min-width:0;margin-left:auto}.rewardsPill{box-sizing:border-box;min-width:62px;height:36px;color:var(--gray-12);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--gray-12)12%,transparent);background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:4px;display:inline-flex}.rewardsPill.rewardsStreakPill{min-width:0;padding:0 12px}.dark .rewardsPill{background:#00000047}.rewardsXpPill{flex:98px;gap:7px;max-width:90px;padding:0 8px}.rewardsXpPill.rewardsXpPillCards{flex:0 0 116px;gap:9px;min-width:116px;max-width:116px;height:44px;padding:0 12px}.rewardsPillPulse{animation:.72s ease-out rewards-pill-pulse}.rewardsProgressTrack{background:color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;flex:54px;width:auto;min-width:0;max-width:96px;height:8px;display:block;position:relative;overflow:hidden}.rewardsXpPillCards .rewardsProgressTrack{flex-basis:68px;height:10px}.rewardsProgressFill{border-radius:inherit;background:color-mix(in srgb,currentColor 48%,transparent);height:100%;transition:width .18s;display:block}.rewardsIcon{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;flex:none;display:block}.rewardsStreakIcon{width:16px;height:16px;scale:3}.rewardsStreakIconMuted{filter:grayscale()contrast(1.15)}.rewardsPresentIcon{width:16px;height:16px}.rewardsXpPillCards .rewardsPresentIcon{width:20px;height:20px}.rewardsValue{min-width:1ch;color:var(--gray-12);text-align:right;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:1}@keyframes rewards-pill-pulse{0%{transform:scale(1);box-shadow:0 0 #0000}32%{box-shadow:0 0 0 9px color-mix(in srgb,var(--accent-8)28%,transparent),0 0 24px color-mix(in srgb,var(--accent-8)48%,transparent),0 10px 34px color-mix(in srgb,var(--accent-8)42%,transparent);transform:scale(1.055)}to{transform:scale(1);box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.rewardsPillPulse{animation:none}}
.canvas{z-index:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;width:100%;height:100%;overflow:hidden}.canvasPlaceholder{background:radial-gradient(circle at top right,color-mix(in srgb,var(--indigo-3)60%,transparent),transparent 38%),radial-gradient(circle at bottom left,color-mix(in srgb,var(--cyan-3)55%,transparent),transparent 42%),linear-gradient(180deg,var(--gray-2),var(--gray-1))}
.fabDock{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;pointer-events:none;width:min(100%,var(--app-content-max-width));max-width:var(--app-content-max-width);box-sizing:border-box;justify-content:center;display:flex;position:fixed;transform:translate(-50%)}.fabDock>*{pointer-events:auto}.fabButton{box-shadow:0 10px 30px #00000040}.topDock{width:min(100%,var(--app-content-max-width));box-sizing:border-box;z-index:30;pointer-events:none;justify-content:center;display:flex;position:fixed;top:60px;left:50%;right:auto;transform:translate(-50%)}.topDock>*{pointer-events:auto}.reviewDock{width:min(100%,var(--app-content-max-width));box-sizing:border-box;z-index:30;pointer-events:none;position:fixed;top:0;left:50%;right:auto;transform:translate(-50%)}.reviewDock>*{pointer-events:auto}.reviewHeader{padding:16px}.congratsCarousel{--review-header-space:80px;width:min(calc(100% - 16px),var(--app-content-max-width));z-index:20;box-sizing:border-box;pointer-events:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-gutter:stable;padding-left:12px;padding-right:12px;position:fixed;inset:0 auto 0 50%;overflow:hidden auto;transform:translate(-50%)}.congratsCarouselRow{min-height:100%;padding-top:calc(var(--review-header-space) + 60px);align-items:stretch;gap:16px;padding-bottom:100px}.congratsWordCard{width:100%;-webkit-backdrop-filter:blur(var(--sheet-glass-blur));background:var(--sheet-glass-background);border:none;overflow:hidden}.congratsWordCardPronounce{flex-shrink:0}