*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}canvas{position:fixed;top:0;left:0;width:100%;height:100%}body{background-color:#000}@font-face{font-family:Editorial Old;src:url(/font/PPEditorialOld-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:PP Museum;src:url(/font/PPMuseum-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:PP Museum Ultrabold;src:url(/font/PPMuseum-Ultrabold.woff2) format("woff2");font-display:swap}@font-face{font-family:SN Pro;src:url(/font/SNPro-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Work Sans;src:url(/font/WorkSans-Variable.ttf) format("truetype-variations");font-weight:100 900;font-display:swap}:root{--text-font: "Editorial Old", serif;--text-weight: 400;--text-color: #ffffff;--title-size: 96px;--title-leading: 1;--paragraph-size: 36px}body{font-family:var(--text-font);font-weight:var(--text-weight);color:var(--text-color);background-color:#000;display:flex;justify-content:center;align-items:center}main{max-width:92vw}h1{font-size:var(--title-size);font-weight:var(--text-weight);line-height:var(--title-leading);display:flex;flex-direction:column;align-items:center}.smooth-web div{display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:.25em 0;margin:-.25em 0}.smooth-web span{display:inline-block;opacity:0;transform:translateY(100px)}.p-container{display:flex;justify-content:center;align-items:center;overflow:hidden;padding:8px 0}.p-container p{font-size:var(--paragraph-size);line-height:1.2;text-align:center;opacity:0;transform:translateY(100px)}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.config{position:fixed;top:16px;right:16px;z-index:10;width:258px;font-family:system-ui,sans-serif;font-size:12px;line-height:1.4;color:#12123a}.config button,.config input,.config textarea{font:inherit;color:inherit}.config-toggle{width:100%;padding:6px 10px;text-align:left;cursor:pointer;border:1px solid rgba(18,18,58,.15);border-radius:4px;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.config-body{max-height:calc(100vh - 64px);overflow-y:auto;margin-top:6px;padding:12px;border:1px solid rgba(18,18,58,.15);border-radius:4px;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.config-section+.config-section{margin-top:14px;padding-top:12px;border-top:1px solid rgba(18,18,58,.12)}.config.is-hidden{display:none}.config-section h2{margin-bottom:8px;font-size:12px;font-weight:600}.config-count{font-weight:400;opacity:.55}.config-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.config-mode{padding:5px 4px;cursor:pointer;border:1px solid rgba(18,18,58,.2);border-radius:3px;background:none}.config-mode.is-active{color:#fff;border-color:#4a4ac8;background:#4a4ac8}.config-colors{display:flex;flex-direction:column;gap:8px;margin-top:10px;list-style:none}.config-color{display:flex;flex-direction:column;gap:4px}.config-color-head{display:flex;align-items:center;gap:4px}.config-color input[type=color]{width:24px;height:24px;padding:0;cursor:pointer;border:1px solid rgba(18,18,58,.2);border-radius:3px;background:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.config-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.config-color input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.config-hex{flex:1;min-width:0;padding:4px 6px;border:1px solid rgba(18,18,58,.2);border-radius:3px;background:#fff9}.config-grip{flex:none;width:16px;height:24px;cursor:grab;border:none;background:none;opacity:.45;touch-action:none}.config-grip:hover,.config-grip:focus-visible{opacity:1}.config-color.is-dragging{cursor:grabbing;opacity:.6}.config-icon{flex:none;width:22px;height:24px;cursor:pointer;border:1px solid rgba(18,18,58,.2);border-radius:3px;background:none}.config-icon:disabled{cursor:default;opacity:.3}.config-color-value{display:block;width:100%;margin:0;accent-color:#4a4ac8}.config-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.config-row button{flex:1;padding:4px 6px;cursor:pointer;border:1px solid rgba(18,18,58,.2);border-radius:3px;background:none}.config-row button:disabled{cursor:default;opacity:.35}.config-toggle-row{display:flex;align-items:center;gap:6px;cursor:pointer}.config-field{display:block}.config-field+.config-field{margin-top:10px}.config-field span{display:block;margin-bottom:4px}.config-field textarea,.config-field select{display:block;width:100%;padding:5px 6px;resize:vertical;border:1px solid rgba(18,18,58,.2);border-radius:3px;background:#fff9}.config-slider{display:block;margin-top:8px}.config-slider[hidden]{display:none}.config-slider span{display:flex;justify-content:space-between;margin-bottom:2px}.config-slider output{opacity:.55;font-variant-numeric:tabular-nums}.config-slider input[type=range]{display:block;width:100%;margin:0;accent-color:#4a4ac8}.config-note{margin-top:8px;font-size:11px;line-height:1.4;opacity:.55;font-variant-numeric:tabular-nums}.config-export,.config-replay,.config-reset{width:100%;margin-top:10px;padding:5px 8px;cursor:pointer;border:1px solid rgba(18,18,58,.2);border-radius:3px;background:none}.config-reset{margin-top:0}.config-export:disabled{cursor:default;opacity:.5}.config-hint{margin-top:12px;padding-top:10px;font-size:11px;line-height:1.4;opacity:.55;border-top:1px solid rgba(18,18,58,.12)}.config-hint kbd{padding:1px 4px;font:inherit;border:1px solid rgba(18,18,58,.25);border-radius:3px}.config-tabs{display:none}@media (max-width: 767px){.config{top:auto;right:0;bottom:0;left:0;width:auto;font-size:14px}.config-toggle{padding:12px 16px;text-align:center;border-width:1px 0 0;border-radius:12px 12px 0 0}.config-body{max-height:62vh;margin-top:0;padding:0 14px calc(14px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:12px 12px 0 0}.config-section{display:none}.config-section.is-active{display:block}.config-section+.config-section{margin-top:0;padding-top:0;border-top:none}.config-tabs{display:flex;position:sticky;top:0;z-index:1;gap:4px;margin:0 -14px 12px;padding:10px 14px;overflow-x:auto;scrollbar-width:none;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.config-tabs::-webkit-scrollbar{display:none}.config-tab{flex:none;padding:7px 12px;cursor:pointer;white-space:nowrap;border:1px solid rgba(18,18,58,.2);border-radius:999px;background:none}.config-tab.is-active{color:#fff;border-color:#4a4ac8;background:#4a4ac8}.config-modes{grid-template-columns:repeat(2,1fr)}.config-mode,.config-row button,.config-export,.config-replay,.config-reset{padding:10px 8px}.config-field textarea,.config-field select{padding:9px 8px}.config-slider input[type=range],.config-color-value{height:28px}.config-color input[type=color]{width:32px;height:32px}.config-hex{padding:8px}.config-icon,.config-grip{height:32px}.config-grip{width:22px}.config-hint{display:none}}.handles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.handles-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.handles-line line{stroke:#ffffffb3;stroke-width:1;stroke-dasharray:3 4;mix-blend-mode:difference}.handle{position:absolute;width:20px;height:20px;padding:0;cursor:grab;pointer-events:auto;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.9);border-radius:50%;background:var(--handle-color, transparent);box-shadow:0 0 0 1px #00000059,0 2px 8px #00000040;touch-action:none}.handle:hover,.handle:focus-visible{outline:none;transform:translate(-50%,-50%) scale(1.15)}.handle.is-dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15)}.handle-origin:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid rgba(255,255,255,.9);border-radius:50%}.handle-endpoint{width:14px;height:14px;border-radius:3px}