*,*:after,*:before{box-sizing:border-box}:root{font-size:12px;--color-text: #000;--color-bg: #fff;--color-link: #000;--color-link-hover: #000;--page-padding: 1.5rem}body{margin:0;color:var(--color-text);background-color:var(--color-bg);touch-action:none;overscroll-behavior:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(scripting:enabled){.loading:before,.loading:after{content:"";position:fixed;z-index:10000}.loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.loading:after{top:50%;left:50%;width:100px;height:1px;margin:0 0 0 -50px;background:var(--color-link);animation:loaderAnim 1.5s ease-in-out infinite alternate forwards}}@keyframes loaderAnim{0%{transform:scaleX(0);transform-origin:0% 50%}50%{transform:scaleX(1);transform-origin:0% 50%}50.1%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover{text-decoration:underline;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:transparent}a:focus:focus-visible{outline:2px solid red;background:transparent}.frame{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:var(--page-padding);pointer-events:none}.frame__brand{display:inline-flex;align-items:center;gap:6px}.frame__title{margin:0;font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.015em;font-weight:800;color:#101013;background:#101013 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20180%2040'%20preserveAspectRatio='none'%3e%3cpath%20fill='%23fffefa'%20d='M0%200h180v13q-3-2-6%200c-2%201-1%206-3%206s-1-6-4-6q-4-2-8%201c-3%202-5%201-7%200s-3%200-3%203v6c0%204-4%204-4%200v-5q0-4-4-4l-6%201q-3%200-5-2t-6%200c-2%201-1%206-4%206s-1-6-5-6q-4%200-7%202c-3%202-4%200-5-2s-4-2-6%200l-3%202c-2%202-2%205-2%208s-4%204-4%200v-6q0-4-4-4l-8%201q-4%201-6-1t-5%200l-5%202q-3%201-5-1c-2-1-5-1-5%203v3c0%204-4%204-4%200v-5q-1-3-5-2l-7%202q-4%201-7-1c-3-2-6-1-7%201s0%205-3%205-1-5-4-6q-4-2-8%200c-3%201-3%204-3%207v3c0%204-4%204-4%200v-7q0-4-5-4Z'/%3e%3cg%20fill='white'%3e%3ccircle%20cx='16'%20cy='27'%20r='1.3'/%3e%3ccircle%20cx='53'%20cy='25'%20r='1.5'/%3e%3ccircle%20cx='100'%20cy='24'%20r='1.2'/%3e%3ccircle%20cx='155'%20cy='26'%20r='1.5'/%3e%3c/g%3e%3c/svg%3e") top / 100% 67% no-repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.55px #101013;filter:drop-shadow(0 1px 0 #fff)}@media(forced-colors:active){.frame__title{background:none;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;filter:none}}.site-credit{position:fixed;inset-inline:var(--page-padding);bottom:max(var(--page-padding),env(safe-area-inset-bottom));text-align:center;pointer-events:none}#sizer{position:fixed;top:0;left:0;height:100vh;width:100vw;pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden;opacity:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;touch-action:none}.frame{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sound-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;pointer-events:auto}#style-trigger{font:inherit;color:inherit;border:1px solid #0003;border-radius:.5rem;padding:.55rem;background:#fffc;cursor:pointer}.sound-toggle{display:flex;align-items:center;gap:.5rem;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.sound-toggle:hover .sound-toggle__icon,.sound-toggle:focus-visible .sound-toggle__icon{opacity:1}@media screen and (min-width:53em){.sound-toggle{justify-self:end}}.sound-toggle__icon{width:1.25rem;height:1.25rem;opacity:.7;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;transition:opacity .2s}.sound-toggle__icon path:first-child{fill:currentColor;stroke-linejoin:round}.sound-toggle__slash,.sound-toggle.is-muted .sound-toggle__wave{display:none}.sound-toggle.is-muted .sound-toggle__slash{display:block}@media(max-width:48em){.frame{flex-direction:column;align-items:flex-start}.frame__title{font-size:clamp(30px,8vw,36px);line-height:1.15}.sound-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;width:min(100%,340px);font-size:16px}.sound-controls .style-label{grid-column:1 / -1}#style-trigger,.sound-toggle{min-height:44px;padding-inline:10px}.sound-toggle__icon{width:20px;height:20px}.site-credit{font-size:14px;line-height:1.35}}.style-picker{position:relative;min-width:0}#style-trigger{width:100%;min-width:10em;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.6em}#style-trigger:after{content:"";width:.4em;height:.4em;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-.1em) rotate(45deg)}#style-menu{position:absolute;top:calc(100% + 4px);left:0;width:max(100%,154px);max-height:min(240px,43dvh);overflow-y:scroll;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;background:#fff;border:1px solid #bdb9ca;border-radius:8px;box-shadow:0 6px 20px #28203924;padding:3px}#style-menu::-webkit-scrollbar{width:10px}#style-menu::-webkit-scrollbar-track{background:#eeeaf4}#style-menu::-webkit-scrollbar-thumb{background:#9388a7;border-radius:8px}#style-menu button{display:block;width:100%;min-height:36px;text-align:left;padding:6px 10px;color:#211c2c;font:inherit;border:0;border-radius:4px;background:transparent;cursor:pointer}#style-menu button:is(:hover,:focus-visible,[aria-pressed=true]){background:#ede6fa}@media(max-width:48em){#style-trigger{min-width:0}#style-menu button{min-height:44px}}