body[data-community]{--monty-box: 48px;--monty-inset: 12px;--monty-peek: 40px; padding-bottom: calc(var(--monty-box) + var(--monty-inset) + 8px + env(safe-area-inset-bottom,0px))}@media (max-width: 600px){body[data-community]{--monty-box: 44px;--monty-inset: 4px;--monty-peek: 30px}}.community-launcher{position: fixed;z-index: 8;right: max(var(--monty-inset,12px),env(safe-area-inset-right,0px));bottom: max(var(--monty-inset,12px),env(safe-area-inset-bottom,0px));font-family: var(--font);color: var(--c-ink); transition: transform 280ms cubic-bezier(.23,1,.32,1),opacity 280ms cubic-bezier(.23,1,.32,1)} .community-launcher[data-away]:not([open]){transform: translateX(calc(100% + var(--monty-inset,12px) + 8px));pointer-events: none;transition-duration: 160ms;transition-timing-function: cubic-bezier(.4,0,1,1)} .community-launcher[data-peek]:not([data-away],[open]){transform: translateX(var(--monty-peek,40px))} .community-launcher:is([data-away],[data-peek]):has(> .community-trigger:focus-visible){transform: none;opacity: 1;pointer-events: auto} .community-launcher[open]{z-index: 35}.community-launcher[hidden],.community-editing .community-launcher{display: none} body:has(:is(input,textarea,select,[contenteditable="true"]):focus:not(.community-launcher *)) .community-launcher{display: none}.community-trigger{position: relative;display: flex;align-items: center;justify-content: center;width: var(--monty-box,48px);height: var(--monty-box,48px);padding: 0;border-radius: 12px;cursor: pointer;list-style: none;-webkit-tap-highlight-color: transparent;touch-action: manipulation}.community-trigger::-webkit-details-marker{display: none}.community-trigger::marker{content: ""}.community-mascot-wrap{position: relative;display: block;width: calc(var(--monty-box,48px) - 4px);height: calc(var(--monty-box,48px) - 4px);transform-origin: 50% 82%;transition: transform 160ms cubic-bezier(.23,1,.32,1); filter: drop-shadow(0 1px 1px color-mix(in srgb,var(--c-ink) 22%,transparent))}.community-mascot{display: block;width: 100%;height: 100%;image-rendering: pixelated}.community-launcher[data-welcome] .community-mascot-wrap{animation: community-hello 680ms cubic-bezier(.23,1,.32,1) 1} .community-launcher[data-season] .community-mascot-wrap::after{content: "";position: absolute;inset: 0;background: no-repeat 0 0 / 100% 100%;image-rendering: pixelated;pointer-events: none}.community-launcher[data-season="halloween"] .community-mascot-wrap::after{background-image: url(/assets/monty-hat-halloween.svg)}.community-launcher[data-season="winter"] .community-mascot-wrap::after{background-image: url(/assets/monty-hat-winter.svg)}.monty-heart{position: absolute;top: 6%;left: 30%;width: 14px;height: 12px;background: url(/assets/monty-heart.svg) no-repeat 0 0 / 100% 100%;image-rendering: pixelated;pointer-events: none;animation: monty-heart-rise 900ms cubic-bezier(.23,1,.32,1) both}.monty-heart[data-spot="1"]{left: 52%;top: 2%;animation-delay: 90ms}.monty-heart[data-spot="2"]{left: 14%;top: 14%;animation-delay: 180ms}.monty-heart[data-spot="3"]{left: 42%;top: -4%;animation-delay: 270ms}@keyframes monty-heart-rise{0%{opacity: 0;transform: translateY(4px) scale(.6)}20%{opacity: 1;transform: translateY(0) scale(1)}100%{opacity: 0;transform: translateY(-30px) scale(1)}}@keyframes monty-heart-fade{0%,100%{opacity: 0}20%,70%{opacity: 1}} .community-caption{position: absolute;top: 50%;right: calc(100% + 2px);padding: 3px 9px;border: 1px solid var(--c-line);border-radius: var(--r-sm);background: var(--c-surface);box-shadow: var(--sh-1);color: var(--c-ink);font-size: var(--fs-xs);font-weight: 600;line-height: 1.35;text-align: center;white-space: nowrap;opacity: 0;transform: translateY(-50%);transition: opacity 120ms ease-out;pointer-events: none}@media (hover: hover) and (pointer: fine){.community-trigger:hover .community-caption{opacity: 1}}.community-trigger:focus-visible .community-caption{opacity: 1}.community-launcher[open] .community-caption{opacity: 0}.community-panel{position: absolute;right: 0;bottom: calc(100% + 12px);width: min(360px,calc(100vw - 36px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height: calc(100vh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height: min(640px,calc(100dvh - 120px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overflow-y: auto;overscroll-behavior: contain;padding: 24px; border: 1px solid var(--c-primary);border-radius: var(--r-lg);background: var(--c-primary);color: var(--c-on-primary);box-shadow: var(--sh-3);text-align: left}.community-panel p{margin: 0}.community-panel .community-kicker{max-width: calc(100% - 20px);margin: 0 12px 10px 0;color: var(--c-primary-soft);font-size: 12px;line-height: 1.5}.community-panel h2{margin: 0 0 10px;color: var(--c-on-primary);font-family: var(--font);font-size: 25px;font-weight: 700;line-height: 1.15;letter-spacing: -.5px}.community-panel .community-description{margin-bottom: 16px;font-size: 14px;line-height: 1.55;color: var(--c-primary-soft)} .community-help[hidden],.community-panel .community-help [hidden]{display: none}.community-panel .community-help-label{display: block;margin-bottom: 6px;color: var(--c-on-primary);font-size: 13px;font-weight: 600}.community-help-search{box-sizing: border-box;width: 100%;min-height: 44px;padding: 10px 12px;border: 1px solid color-mix(in srgb,var(--c-on-primary) 45%,transparent);border-radius: var(--r-sm);background: color-mix(in srgb,var(--c-on-primary) 8%,transparent);color: var(--c-on-primary);font: inherit;font-size: 15px}.community-help-search{appearance: none;-webkit-appearance: none}.community-help-search::-webkit-search-decoration,.community-help-search::-webkit-search-results-button,.community-help-search::-webkit-calendar-picker-indicator{display: none}.community-help-search::placeholder{color: color-mix(in srgb,var(--c-on-primary) 62%,transparent)}.community-help-search:focus-visible{outline: 3px solid var(--c-accent);outline-offset: 2px}.community-panel .community-help-heading{margin: 14px 0 6px;color: var(--c-primary-soft);font-size: 12px;letter-spacing: .02em}.community-panel .community-help-egg{position: relative;margin: 12px 0 4px;padding: 10px 12px;border: 1px solid color-mix(in srgb,var(--c-on-primary) 45%,transparent);border-radius: var(--r-sm);background: color-mix(in srgb,var(--c-on-primary) 10%,transparent);color: var(--c-on-primary);font-size: 14px;line-height: 1.5}.community-help-questions{margin: 0;padding: 0;list-style: none}.community-help-item{appearance: none;display: flex;flex-direction: column;gap: 2px;width: 100%;min-height: 44px;padding: 9px 10px;border: 0;border-top: 1px solid color-mix(in srgb,var(--c-on-primary) 14%,transparent);background: transparent;color: var(--c-on-primary);font: inherit;font-size: 14px;line-height: 1.4;text-align: left;cursor: pointer}.community-help-item small{color: var(--c-primary-soft);font-size: var(--fs-xs)}.community-help-item:hover{background: color-mix(in srgb,var(--c-on-primary) 8%,transparent)}.community-panel .community-help-empty{margin-top: 10px;color: var(--c-primary-soft);font-size: 13px;line-height: 1.5}.community-help-more,.community-help-back,.community-help-reveal{appearance: none;min-height: 44px;padding: 6px 0;border: 0;background: transparent;color: var(--c-on-primary);font: inherit;font-size: 13px;text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.community-help-answer{margin-top: 2px}.community-panel .community-help-source{margin: 2px 0 0;color: var(--c-primary-soft);font-size: 12px}.community-panel .community-help-question{margin: 4px 0 8px;font-size: 16px;font-weight: 700;line-height: 1.35}.community-help-question:focus{outline: none}.community-help-body{max-height: 40vh;overflow-y: auto;font-size: 14px;line-height: 1.6}.community-help-body p{margin: 0 0 10px}.community-help-body{overflow-x: auto}.community-help-body table{width: 100%;margin: 0 0 10px;border-collapse: collapse;font-size: 12px}.community-help-body :is(th,td){padding: 4px 6px 4px 0;border-bottom: 1px solid color-mix(in srgb,var(--c-on-primary) 18%,transparent);text-align: left;vertical-align: top}.community-help-body :is(ul,ol){margin: 0 0 10px;padding-left: 18px} .community-panel code{background: color-mix(in srgb,var(--c-on-primary) 14%,transparent);color: inherit}.community-help-reveal,.community-help-open{display: inline-flex;align-items: center;min-height: 44px;margin-right: 16px;font-size: 14px;font-weight: 600} .community-panel .community-guides{display: inline-flex;align-items: center;min-height: 44px;margin-top: 12px;font-size: 14px;font-weight: 600}.community-guide{margin-top: 16px;border-top: 1px solid color-mix(in srgb,var(--c-on-primary) 22%,transparent)}.community-guides + .community-guide{margin-top: 4px}.community-guide > summary{display: flex;align-items: center;min-height: 44px;font-size: 14px;font-weight: 600;cursor: pointer}.community-guide ul{margin: 0 0 4px;padding-left: 18px;font-size: 14px;line-height: 1.5}.community-guide li{margin: 0}.community-guide a{display: inline-flex;align-items: center;min-height: 36px}.community-guide a[aria-current="page"]{color: var(--c-primary-soft);text-decoration: none;cursor: default}.community-panel .community-feedback-title{margin: 14px 0 4px;padding-top: 12px;border-top: 1px solid color-mix(in srgb,var(--c-on-primary) 22%,transparent);font-size: 14px;font-weight: 700}.community-panel .community-feedback-description{margin-bottom: 12px;font-size: 13px;line-height: 1.5;color: var(--c-primary-soft)}.community-panel :is(input,summary):focus-visible{outline: 3px solid var(--c-accent);outline-offset: 3px}.community-panel a{color: var(--c-on-primary);text-underline-offset: 3px}.community-panel a:hover{color: var(--c-primary-soft)}.community-panel .community-discord{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 48px;padding: 12px 14px;border: 1px solid var(--c-surface);border-radius: var(--r-md);background: var(--c-surface);color: var(--c-ink);font-size: 15px;font-weight: 600;text-decoration: none;transition: transform 120ms cubic-bezier(.23,1,.32,1)}.community-panel .community-discord:hover{background: var(--c-primary-soft);color: var(--c-ink)}.community-discord span{font-size: 20px;line-height: 1}.community-panel .community-note{margin-top: 9px;color: var(--c-primary-soft);font-size: 12px;line-height: 1.5}.community-email{display: flex;flex-wrap: wrap;align-items: center;column-gap: 6px;margin-top: 17px;padding-top: 11px;border-top: 1px solid color-mix(in srgb,var(--c-on-primary) 22%,transparent);font-size: 14px}.community-email a,.community-contact{display: inline-flex;align-items: center;min-height: 44px}.community-contact{font-size: 13px}.community-close,.community-dismiss{appearance: none;border: 0;color: var(--c-on-primary);font-family: inherit;cursor: pointer;touch-action: manipulation}.community-close{position: absolute;top: 4px;right: 4px;width: 44px;height: 44px;padding: 0;border-radius: var(--r-sm);background: transparent;font-size: 26px;line-height: 1}.community-dismiss{display: block;min-height: 44px;margin-top: 6px;padding: 6px 0;background: transparent;font-size: 12px;text-decoration: underline;text-underline-offset: 3px}.community-close[hidden],.community-dismiss[hidden]{display: none}.community-close:hover{background: color-mix(in srgb,var(--c-on-primary) 10%,transparent)}.community-dismiss:hover{color: var(--c-primary-soft)} .community-trigger:focus-visible{outline: 3px solid var(--c-focus);outline-offset: 1px}.community-panel :is(a,button):focus-visible{outline: 3px solid var(--c-accent);outline-offset: 3px}.community-trigger:focus-visible .community-mascot-wrap{animation: none;transition: none;transform: none}.community-panel :is(a,button):focus-visible{transition: none}@media (hover: hover) and (pointer: fine){.community-trigger:hover .community-mascot-wrap{transform: translateY(-2px) rotate(-6deg)}}.community-trigger:active .community-mascot-wrap{transform: scale(.96)}.community-discord:active{transform: scale(.98)}@keyframes community-hello{0%,100%{transform: none}35%{transform: translateY(-3px) rotate(-8deg)}65%{transform: rotate(4deg)}} @media (max-width: 600px){.community-caption{display: none}.monty-heart{width: 10px;height: 9px}.community-panel{right: 8px;width: min(360px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));padding: 20px}}@media (prefers-reduced-motion: reduce){.community-launcher[data-welcome] .community-mascot-wrap,.community-mascot-wrap,.community-discord{animation: none;transition: none}.community-trigger:is(:hover,:active) .community-mascot-wrap,.community-discord:active{transform: none}.monty-heart{animation-name: monty-heart-fade} .community-launcher{transition: opacity 160ms linear}.community-launcher[data-away]:not([open]){transform: none;opacity: 0}} .monty-guides{position: fixed;z-index: 8;right: max(var(--monty-inset,12px),env(safe-area-inset-right,0px));bottom: calc(max(var(--monty-inset,12px),env(safe-area-inset-bottom,0px)) + var(--monty-box,48px) + 6px);display: flex;align-items: flex-end;max-width: calc(100vw - 24px);pointer-events: none;font-family: var(--font);transition: transform 280ms cubic-bezier(.23,1,.32,1),opacity 280ms cubic-bezier(.23,1,.32,1)}.monty-guides[hidden]{display: none} .monty-guides[data-state="measure"]{visibility: hidden}.monty-guides-bubble{position: relative;display: inline-flex;align-items: center;gap: 6px;max-width: 240px;min-height: 44px;margin-right: 10px;padding: 8px 12px;border: 2px solid var(--c-primary);border-radius: var(--r-md);background: var(--c-surface);box-shadow: var(--sh-2);color: var(--c-ink);font-size: var(--fs-sm);font-weight: 600;line-height: 1.3;text-decoration: none;pointer-events: auto;-webkit-tap-highlight-color: transparent;touch-action: manipulation}.monty-guides-bubble > span{color: var(--c-primary);font-size: var(--fs-md);line-height: 1} .monty-guides-bubble::before,.monty-guides-bubble::after{content: "";position: absolute;left: 100%;clip-path: polygon(0 0,100% 50%,0 100%)}.monty-guides-bubble::before{bottom: 8px;width: 10px;height: 14px;background: var(--c-primary)} .monty-guides-bubble::after{bottom: 10px;width: 8px;height: 10px;margin-left: -2px;background: var(--c-surface)}.monty-guides-bubble:hover{background: var(--c-primary-soft);color: var(--c-ink)}.monty-guides-bubble:hover::after{background: var(--c-primary-soft)}.monty-guides-bubble:focus-visible{outline: 3px solid var(--c-focus);outline-offset: 2px}.monty-guides-book{flex: none;width: 34px;height: 22px;margin-right: calc((var(--monty-box,48px) - 34px) / 2);margin-bottom: 2px;background: url(/assets/monty-book.svg) no-repeat 0 0 / 100% 100%;image-rendering: pixelated;filter: drop-shadow(0 1px 1px color-mix(in srgb,var(--c-ink) 22%,transparent));transform-origin: 50% 100%} .monty-guides[data-motion][data-state="in"] .monty-guides-book{animation: monty-book-open 720ms cubic-bezier(.23,1,.32,1) both}.monty-guides[data-motion][data-state="in"] .monty-guides-bubble{animation: monty-bubble-in 320ms cubic-bezier(.23,1,.32,1) 420ms both}.monty-guides[data-motion][data-state="out"] .monty-guides-book{animation: monty-book-close 200ms cubic-bezier(.4,0,1,1) both}.monty-guides[data-motion][data-state="out"] .monty-guides-bubble{animation: monty-bubble-out 200ms cubic-bezier(.4,0,1,1) both}.monty-guides[data-state="out"] .monty-guides-bubble{pointer-events: none}@keyframes monty-book-open{0%{opacity: 0;transform: translateY(12px) scale(.2,.5)}30%{opacity: 1;transform: translateY(-4px) scale(.26,1.06)}52%{opacity: 1;transform: translateY(-2px) scale(.26,1)}80%{opacity: 1;transform: translateY(0) scale(1.08,.97)}100%{opacity: 1;transform: none}}@keyframes monty-bubble-in{from{opacity: 0;transform: translateX(12px)}to{opacity: 1;transform: none}}@keyframes monty-book-close{to{opacity: 0;transform: translateY(6px) scale(.6)}}@keyframes monty-bubble-out{to{opacity: 0;transform: translateX(8px)}} .community-launcher[data-away]:not([open]) ~ .monty-guides{transform: translateX(calc(100% + var(--monty-inset,12px) + 8px));opacity: 0;transition-duration: 160ms;transition-timing-function: cubic-bezier(.4,0,1,1)}.community-launcher[data-peek]:not([data-away],[open]) ~ .monty-guides{opacity: 0}.community-launcher:is([data-away],[data-peek]):not([open]) ~ .monty-guides .monty-guides-bubble{pointer-events: none}.community-launcher[hidden] ~ .monty-guides,.community-editing .monty-guides{display: none}body:has(:is(input,textarea,select,[contenteditable="true"]):focus:not(.community-launcher *)) .monty-guides{display: none} .community-launcher[data-guides-dot] > .community-trigger::after{content: "";position: absolute;top: 2px;left: 2px;width: 10px;height: 10px;border: 1px solid var(--c-accent-strong);border-radius: var(--r-pill);background: var(--c-accent);box-shadow: 0 0 0 2px var(--c-surface);pointer-events: none}.community-launcher[data-guides-dot="pop"] > .community-trigger::after{animation: monty-dot-in 320ms cubic-bezier(.23,1,.32,1) both}.community-launcher[open] > .community-trigger::after{content: none}@keyframes monty-dot-in{0%{transform: scale(0)}60%{transform: scale(1.3)}100%{transform: none}} @media (prefers-reduced-motion: reduce){.monty-guides{transition: opacity 160ms linear}.community-launcher[data-away]:not([open]) ~ .monty-guides{transform: none}.monty-guides[data-motion][data-state] :is(.monty-guides-book,.monty-guides-bubble){animation: none}.community-launcher[data-guides-dot] > .community-trigger::after{animation: none}}@media print{.community-launcher,.monty-guides{display: none}body[data-community]{padding-bottom: 0}}