html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;overscroll-behavior:none}html.has-custom-cursor,html.has-custom-cursor *{cursor:none}.cursor-blob-wrap{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:difference}.cursor-blob-group{position:absolute;top:-70px;left:-70px;width:140px;height:140px;filter:blur(12px) contrast(18);will-change:transform}.cursor-blob{position:absolute;top:70px;left:70px;border-radius:50%;background:#fff}.gui{position:relative;width:22em;font-size:clamp(9px,.75vw,11px);background:rgba(18,18,24,.55);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:none;border-radius:1.2em;padding:1.4em 1.6em 1.2em;font-family:IBM Plex Mono,monospace;color:#ffffffd9;-webkit-user-select:none;user-select:none}.gui .color-list{height:calc(6 * 2.3em)}.panel-stack{position:fixed;bottom:1.25em;left:1.25em;display:flex;flex-direction:column;gap:.7em;font-size:clamp(9px,.75vw,11px);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease}.panel-stack-hidden{transform:translate(calc(-100% - 2em));opacity:0;pointer-events:none}.export-popover{position:absolute;left:calc(100% + .7em);bottom:0;width:13em;padding:1.2em 1.4em;display:flex;flex-direction:column;background:rgba(18,18,24,.55);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:none;border-radius:1.2em;color:#ffffffd9;-webkit-user-select:none;user-select:none;z-index:10}.export-label{text-transform:uppercase;letter-spacing:.07em;color:#ffffff73;margin-bottom:1.5em;text-align:center}.export-rows{display:flex;flex-direction:column;gap:.6em}.export-popover .export-rows{gap:.4em}.export-popover .actions{gap:.4em;margin-top:0}.btn-on{background:rgba(255,255,255,.12);color:#fffffff2}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:disabled:hover{background:rgba(255,255,255,.05);color:#ffffff73}.hint{margin-top:1.2em;text-align:center;letter-spacing:.07em;text-transform:uppercase;color:#ffffff4d}.hint-link{background:none;border:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;padding:0;transition:color .12s}.hint-link:hover{color:#ffffffb3}.gui-show{position:fixed;bottom:1.25em;left:1.25em;background:none;border:none;font-family:IBM Plex Mono,monospace;font-size:clamp(9px,.75vw,11px);color:#ffffff40;cursor:pointer;padding:.4em .6em;transition:color .12s;letter-spacing:.05em}.gui-show:hover{color:#ffffffb3}.gui-show-desk{bottom:25.5em;transform:translateY(50%);padding:1em .8em}.gui-show-dots{display:block;width:3px;height:3px;border-radius:50%;background:currentColor;box-shadow:0 -9px 0 currentColor,0 9px 0 currentColor}.credit-row{position:fixed;right:1.25em;bottom:1.25em;font-size:clamp(9px,.75vw,11px);display:flex;align-items:stretch;gap:.5em;z-index:20;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease}.credit-row-hidden{transform:translate(calc(100% + 2.5em));opacity:0;pointer-events:none}.credit-row-mobile{right:auto;left:.75em;bottom:auto;top:calc(.75em + env(safe-area-inset-top,0px));font-size:13px}.credit-row-mobile.credit-row-hidden{transform:translateY(calc(-100% - 2.5em))}.credit{display:inline-flex;align-items:center;gap:.6em;padding:.7em 1.2em;background:rgba(18,18,24,.55);backdrop-filter:blur(24px) saturate(160%) brightness(.6);-webkit-backdrop-filter:blur(24px) saturate(160%) brightness(.6);border:none;border-radius:.7em;font-family:IBM Plex Mono,monospace;font-size:clamp(9px,.75vw,11px);letter-spacing:.07em;color:#ffffffe6;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .12s}.credit:hover{color:#fffffff2}.credit-made{text-transform:uppercase;color:#ffffff73}.credit-name{text-transform:uppercase}.credit-face{width:1.9em;height:1.9em;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;font-size:.78em;letter-spacing:.03em;color:#ffffffb3}.credit-hidden{transform:translate(calc(100% + 2.5em));opacity:0;pointer-events:none}.credit-mobile{box-sizing:border-box;min-height:44px;padding:0 1.1em;border:none;border-radius:10px;font-size:13px}.credit-mobile .credit-made,.credit-mobile .credit-name{font-size:.78em;letter-spacing:.05em;text-transform:uppercase}.like{display:inline-flex;align-items:center;gap:.45em;padding:0 1.1em;background:rgba(18,18,24,.55);backdrop-filter:blur(24px) saturate(160%) brightness(.6);-webkit-backdrop-filter:blur(24px) saturate(160%) brightness(.6);border:none;border-radius:.7em;font-family:IBM Plex Mono,monospace;font-size:clamp(9px,.75vw,11px);letter-spacing:.07em;color:#ffffff73;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .12s}.like:hover{color:#ffffffb3}.like:focus{outline:none}.like:focus-visible{outline:1px solid rgba(255,255,255,.4)}.like-heart{width:1.25em;height:1.25em;transition:transform .12s}.like:active .like-heart{transform:scale(.85)}.like-on{color:#fffffff2}.like-mobile{box-sizing:border-box;min-height:44px;padding:0 1em;border:none;border-radius:10px;font-size:13px}.like-mobile .like-count{font-size:.78em;letter-spacing:.05em}.like-mobile .like-heart{width:1em;height:1em}.mode-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.4em;margin-bottom:2em}.mode-btn{grid-column:span 2;min-height:2.6em;background:rgba(255,255,255,.03);border:none;border-radius:.7em;color:#ffffff73;font-family:IBM Plex Mono,monospace;font-size:1em;letter-spacing:.07em;text-transform:uppercase;padding:0;cursor:pointer;transition:color .12s,background .12s;text-align:center}.mode-btn:nth-child(4),.mode-btn:nth-child(5){grid-column:span 3}.mode-btn:hover:not(.mode-btn-active){color:#ffffffb3;background:rgba(255,255,255,.06)}.mode-btn-active{color:#fffffff2;background:rgba(255,255,255,.08)}.param{margin-bottom:1em}.param-header{display:flex;justify-content:space-between;align-items:center;min-height:1.7em;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.6em}.param-label{color:#ffffff73}.param-value{color:#ffffffeb;font-weight:400}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:1px;border-radius:1px;outline:none;cursor:pointer;touch-action:none;background:linear-gradient(to right,rgba(255,255,255,.65) var(--fill, 0%),rgba(255,255,255,.12) var(--fill, 0%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:.75em;height:.75em;border-radius:50%;background:#fff;cursor:pointer}input[type=range]::-moz-range-thumb{width:.75em;height:.75em;border-radius:50%;background:#fff;border:none;cursor:pointer}.colors-label{margin-top:2em;margin-bottom:.9em;text-transform:uppercase;letter-spacing:.07em;color:#ffffff73}.color-row{display:flex;align-items:center;min-height:1.7em;gap:.8em;margin-bottom:.6em}.color-swatch{width:1.4em;height:1.4em;border-radius:.3em;flex-shrink:0;border:none;padding:0;cursor:pointer;box-shadow:0 1px 3px #0006;transition:box-shadow .12s}.color-swatch-active{box-shadow:0 0 0 2px #ffffffa6}.edit-value{cursor:text;transition:color .12s}.edit-value:hover{color:#fffffff2}.edit-input{background:rgba(255,255,255,.1);border:none;border-radius:.25em;color:#fffffff2;font-family:IBM Plex Mono,monospace;font-size:1em;letter-spacing:inherit;padding:.05em .35em;outline:none;box-shadow:0 0 0 1px #ffffff4d;width:3.6em;text-align:right}.hex-edit-wrap{display:inline-flex;align-items:center;gap:.15em;flex:1}.hex-hash{color:#fff6}.edit-input.hex-input{width:5.5em;text-align:left;text-transform:uppercase}.color-popover{position:absolute;left:calc(100% + .7em);bottom:0;width:22.5em;padding:.9em;display:flex;flex-direction:column;background:rgba(18,18,24,.55);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:none;border-radius:1.2em;z-index:10}.color-popover .react-colorful{width:100%;height:auto;display:block}.color-popover .react-colorful__saturation{width:100%;aspect-ratio:1 / 1;flex-grow:0;border-bottom:none;border-radius:.5em;margin-bottom:.6em}.color-popover .react-colorful__hue{height:1.1em;border-radius:.55em}.color-popover .react-colorful__pointer{width:1.1em;height:1.1em}.color-hex{flex:1;color:#ffffffe6;letter-spacing:.04em}.color-bg-tag{text-transform:uppercase;letter-spacing:.07em;color:#ffffff4d}.color-remove{background:none;border:none;color:#ffffff4d;font-family:inherit;font-size:1em;padding:0;line-height:1;cursor:pointer}.color-remove:hover{color:#ffffffb3}.add-color{display:block;width:100%;background:none;border:none;padding:.5em 0 .2em;text-align:left;font-family:IBM Plex Mono,monospace;font-size:1em;letter-spacing:.07em;text-transform:uppercase;color:#ffffff73;cursor:pointer;margin-top:.2em}.add-color:hover{color:#fffc}.actions{display:flex;gap:.6em;margin-top:2em}.btn{flex:1;background:rgba(255,255,255,.05);border:none;color:#ffffff73;font-family:IBM Plex Mono,monospace;font-size:1em;letter-spacing:.07em;text-transform:uppercase;padding:.6em 0;border-radius:.7em;cursor:pointer;transition:background .12s,color .12s}.btn:hover{background:rgba(255,255,255,.09);color:#ffffffe6}.btn-copied{background:rgba(255,255,255,.12);color:#fffffff2}.btn-rec{background:rgba(255,70,70,.15);color:#ff6b6b}.bitrate-row .btn-mini{padding:.32em 0;color:#ffffff73}.bitrate-row .btn-mini.btn-on{color:#fffffff2;background:rgba(255,255,255,.12)}.mtb-root button,.mtb-show{-webkit-tap-highlight-color:transparent}.mtb-root button:focus,.mtb-show:focus{outline:none}.mtb-root button:focus-visible,.mtb-show:focus-visible{outline:1px solid rgba(255,255,255,.4)}.mtb-root{position:fixed;left:.75em;right:.75em;bottom:calc(.75em + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;--mtb-gap: 5px;font-family:IBM Plex Mono,monospace;font-size:13px;z-index:20;touch-action:manipulation;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease}.mtb-hidden{transform:translateY(calc(100% + 2em));opacity:0;pointer-events:none}.mtb-hint{text-align:center;margin-bottom:.7em;font-size:.72em;letter-spacing:.14em;text-transform:uppercase;color:#fff6;text-shadow:0 1px 12px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.35);pointer-events:none;user-select:none;-webkit-user-select:none}.mtb-hint-link{pointer-events:auto}.mtb-bar{display:flex;gap:.45em}.mtb-tab{position:relative;z-index:0;box-sizing:border-box;flex:1;min-height:44px;margin-top:var(--mtb-gap);background:rgba(18,18,24,.55);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:none;border-radius:10px;padding:0;font-family:inherit;font-size:.78em;letter-spacing:.05em;text-transform:uppercase;color:#ffffff73;cursor:pointer;transition:color .12s,background .12s}.mtb-tab-active{color:#fffffff2;margin-top:0;min-height:calc(44px + var(--mtb-gap));border-radius:0 0 10px 10px;padding:var(--mtb-gap) 0 0}.mtb-plate{position:absolute;inset:calc(var(--mtb-gap) + 4px) 4px 4px;z-index:-1;border-radius:6px;background:rgba(255,255,255,.08);pointer-events:none}.mtb-tab-active:before,.mtb-tab-active:after{content:"";position:absolute;top:0;width:10px;height:10px;pointer-events:none}.mtb-tab-active:before{left:-10px;background:radial-gradient(circle at 0 100%,rgba(18,18,24,0) 9.5px,rgba(18,18,24,.55) 10px)}.mtb-tab-active:after{right:-10px;background:radial-gradient(circle at 100% 100%,rgba(18,18,24,0) 9.5px,rgba(18,18,24,.55) 10px)}.mtb-tab-active:first-child:before{content:none}.mtb-tab-active:last-child:after{content:none}.mtb-tab-rec{color:#ff6b6b}.mtb-sheet{background:rgba(18,18,24,.55);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:none;border-radius:1em;padding:1em 1.2em;color:#ffffffd9;user-select:none;-webkit-user-select:none;max-height:46vh;max-height:46dvh;overflow-y:auto;overscroll-behavior:contain}.mtb-open-mode .mtb-sheet{border-bottom-left-radius:0}.mtb-open-mode .mtb-sheet,.mtb-open-export .mtb-sheet{padding:4px}.mtb-open-export .mtb-sheet .actions{gap:4px;margin-top:4px}.mtb-open-export .mtb-sheet .actions:first-child{margin-top:0}.mtb-open-export .mtb-sheet .export-rows{gap:4px}.mtb-open-export .mtb-sheet .export-rows .actions{margin-top:0}.mtb-open-export .mtb-share-row{margin-bottom:4px}.mtb-open-export .mtb-sheet .btn{min-height:52px;border-radius:9px}.mtb-open-export .mtb-sheet .bitrate-row .btn-mini{min-height:52px}.mtb-glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:rgba(18,18,24,.55);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}.mtb-uni .mtb-sheet,.mtb-uni .mtb-tab{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mtb-uni .mtb-tab-active:before,.mtb-uni .mtb-tab-active:after{content:none}.mtb-modes{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.mtb-mode{grid-column:span 2;min-height:72px;text-align:center;padding:0;background:rgba(255,255,255,.03);border:none;border-radius:9px;font-family:inherit;font-size:1em;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;cursor:pointer;transition:color .12s,background .12s}.mtb-mode:nth-child(4),.mtb-mode:nth-child(5){grid-column:span 3}.mtb-mode-active{color:#fffffff2;background:rgba(255,255,255,.08)}.mtb-sheet input[type=range]{height:44px;background:linear-gradient(to right,rgba(255,255,255,.65) var(--fill, 0%),rgba(255,255,255,.12) var(--fill, 0%)) no-repeat center / 100% 1px}.mtb-sheet input[type=range]::-webkit-slider-thumb{width:1.5em;height:1.5em}.mtb-sheet input[type=range]::-moz-range-thumb{width:1.5em;height:1.5em}.mtb-sheet .param{margin-bottom:.2em}.mtb-sheet .param:last-child{margin-bottom:0}.mtb-sheet .param-header{margin-bottom:0}.mtb-sheet .colors-label{margin-top:.2em}.mtb-sheet .color-row{min-height:44px;gap:1em;margin-bottom:0}.mtb-sheet .color-swatch{width:2em;height:2em;border-radius:.45em}.mtb-sheet .color-remove{padding:.9em;margin:-.9em}.mtb-sheet .add-color{min-height:44px;padding:0}.mtb-sheet .actions{margin-top:.8em}.mtb-sheet .actions:first-child{margin-top:0}.mtb-sheet .btn{min-height:44px}.mtb-sheet .bitrate-row .btn-mini{min-height:36px}.mtb-sheet .export-rows .actions{margin-top:0}.mtb-share-row{margin-bottom:.6em}.color-popover-inline{position:static;width:auto;margin:.4em 0 .8em;padding:.8em;background:rgba(255,255,255,.04);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-radius:.8em}.color-popover-inline .react-colorful__saturation{aspect-ratio:auto;height:9.5em}.color-popover-inline .react-colorful__hue{height:1.6em;border-radius:.8em}.color-popover-inline .react-colorful__pointer{width:1.6em;height:1.6em}.mtb-show{left:50%;right:auto;transform:translate(-50%);bottom:calc(.6em + env(safe-area-inset-bottom,0px));font-size:15px;padding:.8em 1.6em;letter-spacing:.2em;color:#fff6}.story-veil{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity 1.4s ease;z-index:15}.story-veil-on{opacity:1}.story-text{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80vw,34em);text-align:center;font-family:IBM Plex Mono,monospace;color:#ffffffeb;opacity:0;pointer-events:none;transition:opacity 1.6s ease;z-index:16;text-shadow:0 0 24px rgba(0,0,0,.35)}.story-text-on{opacity:1}.story-substance{font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:#ffffff80;margin-bottom:1.2em}.story-line{font-size:clamp(15px,2.2vw,21px);line-height:1.8}.story-chip{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:rgba(18,18,24,.55);backdrop-filter:blur(24px) saturate(160%) brightness(.6);-webkit-backdrop-filter:blur(24px) saturate(160%) brightness(.6);border:none;border-radius:.7em;font-family:IBM Plex Mono,monospace;font-size:clamp(9px,.75vw,11px);letter-spacing:.07em;text-transform:uppercase;color:#ffffffa6;cursor:pointer;padding:.8em 1.4em;transition:background .12s,color .12s}.story-chip:hover{background:rgba(255,255,255,.12);color:#fffffff2}.story-chip:disabled{opacity:.3;cursor:not-allowed}.story-chip:disabled:hover{background:rgba(18,18,24,.55);color:#ffffffa6}.story-chip:focus{outline:none}.story-chip:focus-visible{outline:1px solid rgba(255,255,255,.4)}.story-corner-editor,.story-corner-pair{position:fixed;bottom:1.25em;z-index:17;font-size:clamp(9px,.75vw,11px)}.story-corner-editor{left:1.25em}.story-corner-pair{left:50%;transform:translate(-50%);display:flex;gap:.6em}.story-corner-pair .story-chip{min-width:3.2em;text-align:center;padding:.8em 1em}.story-corner-editor-mobile,.story-corner-pair-mobile{bottom:calc(.75em + env(safe-area-inset-bottom,0px));font-size:10.14px}.story-corner-editor-mobile{left:.75em;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}.story-corner-pair-mobile{left:auto;right:.75em;transform:none}.story-corner-pair-mobile .story-chip{font-size:10.14px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.story-corner-pair .story-chip-arrow{min-width:0;width:2.9em;height:2.9em;padding:0;display:inline-flex;align-items:center;justify-content:center}.story-corner-pair-mobile .story-chip-arrow{width:44px;height:44px}.story-end{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:16;font-family:IBM Plex Mono,monospace;animation:story-fade-in 1.6s ease both}@keyframes story-fade-in{0%{opacity:0}to{opacity:1}}.story-end-title{font-size:clamp(22px,4vw,34px);letter-spacing:.5em;margin-left:.5em;color:#fffffff2}.story-end-sub{margin-top:1em;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:#ffffff73}.intro-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:1;pointer-events:none;transition:opacity 1.8s ease;z-index:14}.intro-scrim-off{opacity:0}.intro-mark{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-family:IBM Plex Mono,monospace;opacity:0;pointer-events:none;transition:opacity 1.6s ease;z-index:16}.intro-mark-on{opacity:1}.intro-labels{opacity:0;transition:opacity 1.2s ease}.intro-labels-on{opacity:1}