:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,sans-serif}html,body{background-color:#f6f6f6;height:100%;margin:0;overflow:hidden}#root{background-color:#f6f6f6;height:100%}.app-root{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#f6f6f6;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.app-top-bar{top:max(.4rem, env(safe-area-inset-top,0px));z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:.65rem;display:flex;position:absolute;left:1rem;right:1rem}.app-top-bar>*{pointer-events:auto}.app-top-bar__end{align-items:center;gap:.5rem;display:flex}.app-archive-btn{appearance:none;font:inherit;letter-spacing:.02em;color:#141414;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:8px;padding:.4rem .6rem;font-size:1.125rem;font-weight:600;line-height:1}.app-archive-btn:focus-visible{outline-offset:2px;outline:2px solid #1976d28c}a.app-archive-btn{color:inherit;text-decoration:none;display:inline-block}.app-archive-btn[aria-current=page]{cursor:default;opacity:.65;pointer-events:none}.app-github-link{color:#141414;min-width:2.25rem;min-height:2.25rem;box-shadow:none;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.app-github-icon{display:block}.app-github-link:focus-visible{outline-offset:3px;outline:2px solid #1976d28c}.app-brand{letter-spacing:.02em;color:#141414;-webkit-user-select:none;user-select:none;margin:0;font-size:1.125rem;font-weight:600}.app-brand--button{appearance:none;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:8px;padding:.35rem .5rem;line-height:1}.app-brand--button:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #1976d28c}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:0;padding:1.5rem 1rem 2rem;display:flex}.stage--preview{padding:0}.stage--preview .preview-stage{overflow:hidden}.preview-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.bubble-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble-field__anchors{pointer-events:none;position:absolute;inset:0}.history-bubble-anchor{z-index:1;cursor:pointer;pointer-events:auto;background:0 0;border:none;padding:0;line-height:0;position:absolute;transform:translate(-50%,-50%)}.history-bubble-anchor:focus-visible{outline:none}.history-bubble-anchor:hover,.history-bubble-anchor:focus-visible{z-index:1000}@keyframes bubble-drift{0%,to{transform:translate(0,0)}33%{transform:translate3d(var(--bubble-d1x,0), var(--bubble-d1y,0), 0)}66%{transform:translate3d(var(--bubble-d2x,0), var(--bubble-d2y,0), 0)}}.history-bubble{background:#fff;border:3px solid #ffffffe6;border-radius:50%;margin:0;padding:0;transition:border-color .2s;animation-name:bubble-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.history-bubble-anchor:hover .history-bubble,.history-bubble-anchor:focus-visible .history-bubble{border-color:#1976d2}.history-bubble__svg{pointer-events:none;width:100%;height:100%;transition:transform .22s;display:block}.history-bubble-anchor:hover .history-bubble__svg,.history-bubble-anchor:focus-visible .history-bubble__svg{transform:scale(1.07)}.preview-stage__foreground{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.preview-stage__foreground .stage__column{pointer-events:auto}.stage__column{flex-direction:column;align-items:center;gap:1.35rem;max-width:100%;display:flex}.stage__column--result{gap:2.25rem}.stage__result-actions{flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;display:flex}.result-actions__row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.result-actions__row--wrap{flex-wrap:wrap}.result-controls{flex-wrap:nowrap;align-items:center;gap:.65rem;display:inline-flex}.result-m{align-items:center;gap:.25rem;height:100%;display:inline-flex}.result-m__slider{accent-color:#141414;width:180px}.result-m__value{font-variant-numeric:tabular-nums;color:#141414;white-space:nowrap;text-align:right;width:11ch;font-size:.85rem}.result-m__slider:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid #1976d28c}.result-m__slider{appearance:none;background:0 0;height:22px}.result-m__slider::-webkit-slider-runnable-track{background:#141414;border-radius:999px;height:6px}.result-m__slider::-webkit-slider-thumb{appearance:none;background:#141414;border:2px solid #141414;border-radius:999px;width:16px;height:16px;margin-top:-5px}.result-m__slider::-moz-range-track{background:#141414;border-radius:999px;height:6px}.result-m__slider::-moz-range-thumb{background:#141414;border:2px solid #141414;border-radius:999px;width:16px;height:16px}.circle-viewport{aspect-ratio:1;background:#1a1a1a;border-radius:50%;flex-shrink:0;width:min(80vmin,480px);max-width:100%;height:auto;position:relative;overflow:hidden}.circle-viewport__freeze{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.circle-viewport__video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.circle-viewport--result{background:#f6f6f6;border-radius:12px}.circle-viewport__result-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__tagline{letter-spacing:.01em;color:#3a3a3a;text-align:center;max-width:22rem;margin:0;padding:0 .75rem;font-size:1.05rem;font-weight:500;line-height:1.45}@media (width>=48rem){.stage__tagline{white-space:nowrap;max-width:none}}.stage__tip{letter-spacing:.01em;color:#3a3a3a;text-align:center;background:0 0;border:none;border-radius:0;max-width:22rem;margin:0;padding:0 .75rem;font-size:1.05rem;font-weight:500;line-height:1.45}.stage__error{color:#c62828;text-align:center;max-width:min(420px,100%);margin:0;font-size:.875rem}a.app-brand.app-brand--button{color:inherit;text-decoration:none;display:inline-block}.btn{font:inherit;cursor:pointer;color:#141414;background:#fff;border:1px solid #ccc;border-radius:8px;padding:.5rem 1.1rem}a.btn{text-align:center;box-sizing:border-box;text-decoration:none;display:inline-block}.btn:hover{background:#f3f3f3}.btn--icon{aspect-ratio:1;border-radius:999px;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.btn--icon svg{display:block}.btn--icon-dark{color:#fff;background:#141414;border-color:#141414}.btn--icon-dark:hover:not(:disabled){background:#2a2a2a;border-color:#2a2a2a}.btn--icon-dark:disabled{color:#fff;background:#141414;border-color:#141414}.btn--primary{color:#fff;background:#1976d2;border-color:#1976d2}.btn--primary:hover{background:#1565c0}.btn--dark{color:#fff;background:#141414;border-color:#141414}.btn--dark:hover:not(:disabled){background:#2a2a2a;border-color:#2a2a2a}.btn--dark:disabled,.btn--dark.btn--busy:disabled{color:#fff;background:#141414;border-color:#141414}.btn--dark:disabled:hover,.btn--dark.btn--busy:disabled:hover{background:#141414}.btn:disabled,.btn--busy:disabled{cursor:not-allowed;opacity:.55}.btn--primary:disabled,.btn--primary.btn--busy:disabled{color:#fff;background:#90a4ae;border-color:#78909c}.btn--primary:disabled:hover,.btn--primary.btn--busy:disabled:hover{background:#90a4ae}.offscreen-canvas{pointer-events:none;opacity:0;width:0;height:0;position:absolute;overflow:hidden}.app-root--archive-full{width:100%}.archive-page{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:none;min-height:0;padding-top:calc(max(.4rem, env(safe-area-inset-top,0px)) + .2rem);padding-right:max(1rem, env(safe-area-inset-right,0px));padding-bottom:2rem;padding-left:max(1rem, env(safe-area-inset-left,0px));flex:1;margin:0;position:relative;overflow:auto}.archive-page__head{flex-flow:row;align-items:center;gap:.65rem;min-width:0;min-height:2.25rem;margin-bottom:1rem;display:flex}.archive-page__brand{flex-shrink:0}.archive-page__back{flex-shrink:0;margin-left:auto}.archive-page__title-line{letter-spacing:.02em;color:#141414;white-space:nowrap;flex-flow:row;flex:1;align-items:baseline;gap:0;min-width:0;margin:0;font-size:1rem;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.archive-page__event{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.archive-page__tail{white-space:nowrap;color:#555;flex-shrink:0;align-items:baseline;font-size:.92em;font-weight:500;display:inline-flex}.archive-page__meta{font-weight:inherit;color:inherit}.archive-page__count{font-weight:inherit;color:inherit;font-size:inherit}.archive-page__empty-wrap{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:min(50vh,320px);padding:2rem 1rem;display:flex}.archive-page__empty{text-align:center;color:#555;margin:0;padding:0;font-size:.95rem}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;width:100%;padding:0;display:grid}.archive-grid__cell{aspect-ratio:1;cursor:pointer;background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;justify-content:center;align-items:center;padding:.5rem;display:flex}a.archive-grid__cell{color:inherit;text-decoration:none}.archive-grid__cell:hover{background:#f3f3f3;border-color:#ccc}.archive-grid__cell:focus-visible{outline-offset:2px;outline:2px solid #1976d28c}.archive-grid__thumb-svg{width:100%;height:100%;display:block}