@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAASIABAAAAAACQQAAAQuAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoBmA/U1RBVF4AdBEICoRkhAALIAABNgIkAzoEIAWFAAeBFAwHG2oHKJ6DceNW4lJEFHn9tEOE37LNsvkjHr7f739rn3u+OSrSxLQytE91Dw2PYtNVq3Qaw/vJ7fUBMdOj/u2ImB98cT5WUx9F13ZKt06mU7tG1sAYcM26yCRX4f/0904bmwq8hwkUUMTRX61pa9C3xlpAGYw1vOu8C2SBZZFlld7DAW82RJWmwYMI1AJCKBNCIASqdZGFmtPSNQRhMpR0EKjWTwm6z6sJ+4jqhxjovTinVdRpZaQjaQzAYjI8NgAKDJCokgunCn9oUQE8VZd/F//+v6P4F1U9gLr58yNI/dJX9BAshEoJbTDogz7ocKoUsPvES8UK/aQIUQgpGgECBVLkOEV6iASTYgNAPKdNXayhDPL7IJuAZnEYSZ0eOLc9i5Rv5/+lEi3sW/kfnCf/+fTe0sxS7CKLx5erRJkKOixEqQaoqrvx5HN4iz4VhX0gS6DjFIWUzn/fIXJRVFY1NFRVNVeFt+SYmrK6vCU6eJsnKnJj5HTESMTQZOTI3Y/tzr3rUcOsiRy/ciP50s3Mycgxmhz9GMXhjzVH30ut796NHP0UUa31/Zoa6vCH6iPvdIM0IRANaT60FablmZlZd+UKNFy9NrvnFGxb5NC2CRxR0/rIyF/WNn+35sv9r+tHVhkseuWGKkCPPh96+GXt8Lc/Sh24ujfjf+tNw1lZWreiPuHb/PSpyjdv2rf/++ZE5TSKjFdZxYsBvr1sEHl5STuHZqYR7jGYGvGBBdjcaB5bODY1GAxMjsd0wDMIzXAXODRd74DxNMtO4YuYHclgLQRzp9KlUmxptCwv9bYgvWGD2xBW7r9413fdJu+mxzvzAUYeeONQvZP4kgfqZle4jhH/MWh+UbxgtJdrLdXLymNL53PRU0D3Q6FcXTfGqGcul6vrqhgLGAVSv+IVIfZOHpu+mlLqSlnj903j8mazXDsba/wbxhS/4Oubh1c5/uXDgt4j5KtnGEy5BIJHo0ur+jD+r2qCkuP1aRVM8EpUoRYSJyqNRA38uwDvHBNo0AejO2Z+ZYLLal1QiFyFh1EDQOgSCSCpjwwKU8yDbIjroEwne0G5Qca49cYp4AlqtQNZfWTQoFb1tRpFYAmRD+HXTkV4uQhG2bg4OKmyoypAsUGtWgQXyFxYrkpODeUxvGqIZA61erXo0sFG1UBGuPgpuon8RNUG2DhovAjZCBuZwtXrU3mQGki9+pm0eVZAXoWxLWTQoYHBPrJR4WunNxIFbCHfkTyPK+sqxjxDmGArZvf79JGJ3GwEqjwc7a7NIrl/7bJ7Nzu4+n1Ow6shEPnUrtVo7cnd5Wi5qCUbBIQbNKCP95FMCSZylEV5VCiiMqqiOmrKZ/I/C0gI1fyuulVcM2E1r4MhtcV/fbCD+HwEvVzH1dGNAzFE0FTbKzyQz3gootrNbN2a4PuG0j0JOgE=)format("woff2"),url(data:font/woff;base64,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)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-greek-400-normal-C190GLew.woff2)format("woff2"),url(/assets/jetbrains-mono-greek-400-normal-B9oWc5Lo.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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)format("woff2"),url(/assets/jetbrains-mono-vietnamese-400-normal-CqNFfHCs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#edf0f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#040507;--surface:#101217;--muted:#969da9;--line:#24272e;--ease-out:cubic-bezier(.23,1,.32,1);--header-height:84px;--toolbar-height:52px;--footer-height:0px;--stage-height:clamp(180px,32dvh,380px);--card-height:calc(var(--stage-height) + 220px);--list-height:calc(100dvh - var(--header-height) - var(--toolbar-height) - var(--footer-height));background:#040507;font-family:system-ui,-apple-system,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:5px;outline:2px solid #b9c9e1}::selection{color:#fff;background:#394353}.app{grid-template-rows:var(--header-height) var(--toolbar-height) minmax(0,1fr) var(--footer-height);isolation:isolate;height:100dvh;display:grid;position:relative}.app:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(at 65% 12%,#7382aa0b,#0000 58%),radial-gradient(at 20% 90%,#5f728d08,#0000 50%);position:fixed;inset:0}.moonlight{pointer-events:none;z-index:-1;opacity:0;will-change:transform;width:860px;height:860px;transition:opacity .2s var(--ease-out);background:radial-gradient(circle,#ccdaee16 0,#adc4e20b 18%,#86a6d305 38%,#0000 66%);position:fixed;top:0;left:0}.moonlight[data-tracking=true]{opacity:1}.app-header{z-index:4;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:24px;margin:0 40px;display:flex}.brand{letter-spacing:-1.3px;white-space:nowrap;align-items:center;gap:14px;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(24px,2.5vw,32px);font-weight:500;display:inline-flex}.brand-moon{color:#dfe7f3;filter:drop-shadow(0 0 10px #b1c4f052);display:flex}.brand-moon svg{width:26px;height:26px}.header-actions{align-items:center;gap:24px;display:flex}.icon-button{color:#9aa1ad;background:0 0;border:0;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button svg{width:18px;height:18px}.github-link{color:#989eaa;font-size:12px}.button{white-space:nowrap;color:#d3d8e1;transition:transform .16s var(--ease-out);background:#ffffff04;border:1px solid #343943;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:10px 15px;font-size:12px;line-height:1.3;display:inline-flex}.button:active{transform:scale(.97)}.button svg{width:16px;height:16px}.add-button,.button.primary{color:#0c111a;background:#dce4ef;border-color:#dce4ef}.button.compact{padding:9px 13px}.collection-toolbar{z-index:4;justify-content:space-between;align-items:center;gap:20px;padding:0 42px;display:flex}.filters{align-items:center;gap:25px;display:flex}.filters button{color:#737a87;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:12px;display:flex}.filters button span{color:#a1aabc;border:1px solid #3a414e;border-radius:4px;padding:3px 4px;font:10px/1 Menlo,Consolas,monospace}.search{color:#666e7c;align-items:center;gap:8px;width:178px;display:flex}.search svg{flex:0 0 14px;width:14px;height:14px}.search input{color:#d2d7e0;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:7px 0;font-size:12px}.search input::placeholder{color:#666e7c}.search button{color:#9ba4b4;background:0 0;border:0;padding:0 3px;font-size:18px}.focus-list{min-height:0;height:var(--list-height);overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#333944 transparent;padding-block:max(0px,calc((var(--list-height) - var(--card-height))/2));outline-offset:-3px;position:relative;overflow:hidden auto}.focus-list::-webkit-scrollbar{width:3px}.focus-list::-webkit-scrollbar-thumb{background:#333944;border-radius:3px}.effect-card{height:var(--card-height);scroll-snap-align:center;scroll-snap-stop:always;width:min(940px,100% - 140px);margin-inline:auto;position:relative}.effect-card+.effect-card{margin-top:12px}.effect-shell{opacity:.2;height:100%;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);flex-direction:column;justify-content:center;display:flex;transform:scale(.96)}.is-focused .effect-shell{opacity:1;transform:scale(1)}.effect-topline{color:#798191;letter-spacing:.025em;justify-content:space-between;align-items:center;height:20px;margin-bottom:12px;font:10px/1.3 Menlo,Consolas,monospace;display:flex}.effect-topline-left{align-items:center;gap:18px;display:flex}.effect-media{position:relative}.preview-panel{background:0 0;border:0;overflow:visible}.svg-canvas,.html-canvas,.bookmark-canvas{height:var(--stage-height);background:radial-gradient(#8c9fc809,#0000 70%);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.svg-canvas iframe{pointer-events:none;background:0 0;border:0;width:92%;height:100%;display:block}.html-canvas iframe{background:0 0;border:0;border-radius:12px;width:100%;height:100%;display:block}.svg-canvas .inline-error,.html-canvas .inline-error{z-index:1;position:absolute;top:0}.html-placeholder{color:#8893a5;letter-spacing:-.5px;justify-content:center;align-items:center;gap:14px;font-size:18px;display:flex}.html-placeholder>span:first-child{font-size:40px}.playback{border-top:1px solid #ffffff0c;justify-content:center;align-items:center;gap:18px;height:64px;margin-top:0;padding:12px 0;display:flex}.slider-label{color:#a5adbb;white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.slider-label output{color:#c8d0dd;min-width:34px;font:10px Menlo,Consolas,monospace}.slider-label input{accent-color:#b8c7dc;cursor:pointer;width:120px;height:3px;margin:0}.palette-label{color:#a5adbb;align-items:center;gap:9px;font-size:11px;display:flex}select{color:#d6dce6;background:#101217;border:1px solid #343943;border-radius:6px;min-width:112px;padding:8px 10px;font-size:11px}.download{margin-left:4px}.html-preview .slider-label input{width:76px}.loop-label{color:#a5adbb;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.loop-label input{accent-color:#c3cee0}.control-count{color:#8a95a7;font:10px Menlo,Consolas,monospace}.preview-hint{color:#747d8b;font-size:11px}.open-demo{margin-left:auto}.playback .button,.playback .slider-label,.playback .loop-label,.playback select{box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#dce5f3;transition:background .16s var(--ease-out),box-shadow .16s var(--ease-out),transform .16s var(--ease-out);background:radial-gradient(at 74% 15%,#8bb8ff12,#0000 65%),radial-gradient(at 32% 100%,#f0aeae08,#0000 65%),#e9f0ff08;border:1px solid #0000;border-radius:999px}.playback .button{text-shadow:none;padding:10px 16px}.playback .slider-label,.playback .loop-label{gap:6px;padding:9px 8px}.playback .slider-label output{min-width:28px}.playback .control-count{color:#b7c7df}.playback .loop-label input{appearance:none;cursor:pointer;background:#080c1459;border:1px solid #0000;border-radius:999px;width:26px;height:16px;margin:0;position:relative}.playback .loop-label input:after{content:"";width:10px;height:10px;transition:transform .16s var(--ease-out);background:#9caec9;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0004}.playback .loop-label input:checked:after{background:#edf5ff;transform:translate(10px)}@media (hover:hover) and (pointer:fine){.playback .button:hover{box-shadow:none;background:radial-gradient(at 74% 15%,#8bb8ff1c,#0000 65%),#e9f0ff10;border-color:#0000}}.effect-caption{text-align:center;min-height:58px;margin-top:14px}.effect-caption h2{letter-spacing:-.4px;color:#e3e8f0;margin:0;font-size:20px;font-weight:500;line-height:1.35}.effect-caption p{color:#838c9b;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:630px;margin:6px auto 0;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.effect-links{color:#7d8798;align-items:center;margin:0;font-size:10px;display:flex}.effect-links button{color:#a7b0bf;background:0 0;border:0;padding:7px 0;font-size:10px}.effect-links button span{color:#596375;margin-left:3px}.focus-reveal{opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);transform:translateY(4px)}.is-focused .focus-reveal{opacity:1;pointer-events:auto;transform:translateY(0)}.focus-target{background:0 0;border:0;border-radius:12px;position:absolute;inset:0}.focus-list[data-keyboard=true] .effect-shell,.focus-list[data-keyboard=true] .focus-reveal{transition-duration:0s}.bookmark-canvas{flex-direction:column;gap:14px}.bookmark-orbit{color:#cdd9ed;border:1px solid #9daed832;border-radius:50%;place-items:center;width:90px;height:90px;display:grid;box-shadow:0 0 45px #b3c4e50a,inset 0 0 24px #99b5e012}.bookmark-orbit>span{font-size:32px;font-weight:200}.bookmark-domain{letter-spacing:.06em;color:#8b98ae;font:10px Menlo,Consolas,monospace}.bookmark-canvas h3{letter-spacing:-1px;color:#cbd5e6;margin:0;font-family:Helvetica Neue,Arial,PingFang SC,sans-serif;font-size:clamp(22px,3.8vw,38px);font-weight:400}.link-preview .playback{gap:20px}.focus-navigation{z-index:4;flex-direction:column;align-items:center;gap:16px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.focus-navigation button{color:#b5bfd0;background:#090c124d;border:1px solid #ffffff16;border-radius:50%;width:34px;height:34px;font-size:16px}.focus-navigation>span{color:#b4bed0;flex-direction:column;align-items:center;gap:8px;font:10px Menlo,Consolas,monospace;display:flex}.focus-navigation i{color:#454e5d;font-size:9px;font-style:normal}.app-footer{color:#626b7a;z-index:4;grid-row:4;justify-content:space-between;align-items:center;padding:0 42px;font-size:10px;display:flex}.repo-status{color:#7b8799;align-items:center;gap:7px;display:flex}.status-dot{background:#b4c3d8;border-radius:50%;width:4px;height:4px;box-shadow:0 0 7px #b4c3d844}.status-dot.pending{background:#bb9968}.scroll-hint{color:#515c6e;align-items:center;gap:12px;display:flex}.current-kind{color:#677489;text-align:right;width:126px;font:10px Menlo,Consolas,monospace}.banner{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#c6d5ee;background:#161d29e8;border:1px solid #414b5d;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;width:min(560px,100% - 40px);padding:12px 16px;font-size:12px;line-height:1.7;display:flex;position:fixed;top:138px;left:50%;transform:translate(-50%)}.banner.error{color:#e5b4aa;background:#261c1bea;border-color:#704b45}.banner button{color:inherit;background:0 0;border:0;font-size:20px}.inline-error{color:#e4aba0;font-size:12px;line-height:1.8}.workspace-empty{text-align:center;color:#838e9f;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.workspace-empty h1{color:#d4dce8;letter-spacing:-.4px;margin:8px 0 0;font-size:24px;font-weight:400}.workspace-empty p{margin:0 0 8px;font-size:12px;line-height:1.8}.empty-moon{color:#bbc8dc;font-size:52px}dialog{color:#e2e7ef;background:#101217;border:1px solid #343c4a;border-radius:12px;width:min(580px,100% - 32px);max-height:calc(100dvh - 48px);padding:0;position:fixed;overflow:auto;box-shadow:0 20px 100px #000b}.add-form{padding:26px}.dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.dialog-heading h2{letter-spacing:-.4px;margin:0;font-size:22px;font-weight:500;line-height:1.5}.dialog-heading small{color:#79889f;font-size:10px}.dialog-heading button{color:#9da8ba;background:0 0;border:0;padding:0 4px;font-size:25px}.kind-choice{background:#05070b;border:1px solid #262d37;border-radius:7px;gap:4px;margin-bottom:22px;padding:4px;display:flex}.kind-choice button{color:#8b96a9;background:0 0;border:0;border-radius:4px;flex:1;padding:9px;font-size:12px}.add-form>label,.form-pair>label{color:#a1adc0;flex-direction:column;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.add-form input:not([type=file]),.add-form textarea{color:#d5deec;resize:vertical;background:#0a0c11;border:1px solid #343c49;border-radius:6px;width:100%;padding:11px 12px;font-size:13px}.add-form input::placeholder,.add-form textarea::placeholder{color:#5f6c80}.add-form input[type=file]{background:#0a0c11;border:1px dashed #374251;border-radius:6px;padding:12px;font-size:11px}.form-pair{gap:16px;display:flex}.form-pair>label{width:50%}.add-form small{color:#758199}.form-bottom{justify-content:flex-end;align-items:center;gap:20px;margin-top:24px;display:flex}.form-bottom span{color:#758199;max-width:210px;font-size:10px;line-height:1.8}.detail-dialog{border:0;width:min(900px,100% - 32px);padding:26px}.tabs{border-bottom:1px solid #303744;gap:24px;margin-bottom:20px;display:flex}.tabs button{color:#8e9aad;background:0 0;border:0;border-bottom:1px solid #0000;padding:12px 0;font-size:12px}.source-panel,.notes-panel{background:0 0}.source-toolbar{color:#919db2;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.source-toolbar select{margin-left:10px}.source-panel pre{color:#b0c1dc;background:#07090e;border:1px solid #252e3c;border-radius:6px;min-height:250px;max-height:55dvh;margin:18px 0 0;padding:18px;font:11px/1.85 Menlo,Consolas,monospace;overflow:auto}.notes-copy{white-space:pre-wrap;color:#aab5c7;margin:0;font-size:13px;line-height:1.9}.added-date{color:#6b7890;margin:22px 0;font-size:11px}.notes-panel .button{margin-right:10px}.tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tags span{color:#93a3bd;border:1px solid #30394a;border-radius:4px;padding:5px 9px;font-size:10px}@media (hover:hover) and (pointer:fine){.button:hover{background:#ffffff0c;border-color:#697386}.button.add-button:hover,.button.primary:hover{background:#f3f6fa}.github-link:hover,.effect-links a:hover,.effect-links button:hover{color:#e1e9f6}.icon-button:hover{color:#e4edfc}.filters button:hover{color:#c4cfdf}.focus-navigation button:hover{background:#202938}}@media (width<=1000px){.app-header{margin:0 28px}.collection-toolbar,.app-footer{padding-inline:30px}.effect-card{width:calc(100% - 124px)}.header-actions{gap:18px}.playback{gap:12px}.slider-label input{width:85px}.html-preview .slider-label input{width:42px}.html-preview .playback{gap:9px}.html-preview .button.compact{padding-inline:9px}.html-preview .open-demo{font-size:10px}.brand{font-size:27px}}@media (width<=700px){:root{--header-height:76px;--toolbar-height:64px;--footer-height:0px;--stage-height:clamp(170px,30dvh,320px);--card-height:calc(var(--stage-height) + 292px)}.app-header{gap:14px;margin:0 20px}.brand{letter-spacing:-1px;gap:9px;font-size:23px}.brand-moon svg{width:20px;height:20px}.header-actions{gap:10px}.github-link{display:none}.sync-button{width:28px}.add-button{gap:0;padding:8px}.add-button>span{display:none}.add-button svg{width:18px;height:18px}.collection-toolbar{gap:16px;padding:0 20px}.filters{gap:16px}.filters button{font-size:11px}.filters button span{font-size:9px}.search{gap:6px;width:110px}.search input{font-size:11px}.effect-card{width:calc(100% - 40px)}.effect-topline{margin-bottom:10px;font-size:9px}.effect-shell{transform:scale(.96)}.playback{grid-template-columns:1fr 1fr;align-content:center;justify-items:stretch;gap:9px 12px;height:114px;padding:12px 0;display:grid}.playback .button{padding:9px 10px;font-size:11px}.slider-label{justify-content:space-between;gap:6px;font-size:10px}.slider-label output{min-width:28px;font-size:9px}.slider-label input{flex:1;width:65px;min-width:30px}.palette-label{justify-content:space-between;gap:8px;font-size:10px}.palette-label select{min-width:105px;padding:8px;font-size:10px}.download{margin-left:0}.html-preview .playback{gap:9px 12px;height:152px}.html-preview .slider-label input{width:55px}.html-preview .loop-label{justify-content:center}.html-preview .open-demo{margin:0;font-size:11px}.effect-caption{min-height:64px;margin-top:12px}.effect-caption h2{font-size:18px}.effect-caption p{margin-top:5px;font-size:11px;line-height:1.6}.effect-links{font-size:9px}.effect-topline-left{gap:12px}.effect-links button{font-size:9px}.effect-links>a{white-space:nowrap;text-overflow:ellipsis;max-width:145px;overflow:hidden}.bookmark-canvas{gap:12px}.bookmark-orbit{width:75px;height:75px}.bookmark-canvas h3{font-size:26px}.link-preview .playback{height:114px;display:flex}.focus-navigation{flex-direction:row;gap:10px;top:auto;bottom:5px;right:16px;transform:none}.focus-navigation button{width:28px;height:28px;font-size:14px}.focus-navigation>span{flex-direction:row;gap:5px;font-size:9px}.focus-navigation i{font-size:9px}.app-footer{padding:0 20px;font-size:9px}.scroll-hint,.current-kind{display:none}.banner{font-size:11px;top:140px}.detail-dialog{padding:20px}.source-toolbar{align-items:flex-start}.source-toolbar select{min-width:90px;font-size:10px}.source-panel pre{max-height:50dvh;padding:12px;font-size:10px}.add-form{padding:20px}.form-bottom span{max-width:140px}.form-bottom{gap:12px}.notes-copy{font-size:12px}.notes-panel .button{margin-bottom:10px}}@media (width<=370px){.brand{font-size:21px}.collection-toolbar{gap:12px;padding-inline:16px}.filters{gap:11px}.search{width:96px}.effect-card{width:calc(100% - 32px)}.playback{column-gap:10px}.effect-links{gap:12px}.form-bottom span{max-width:110px}}@media (height<=650px) and (width>=701px){:root{--header-height:66px;--toolbar-height:42px;--footer-height:0px;--stage-height:clamp(120px,27dvh,170px);--card-height:calc(var(--stage-height) + 204px)}.effect-caption{min-height:50px;margin-top:10px}.effect-topline{margin-bottom:8px}.playback{height:58px}.brand{font-size:26px}.banner{top:110px}}@media (prefers-reduced-motion:reduce){.moonlight{display:none}.effect-shell,.is-focused .effect-shell{transform:none}.effect-shell,.focus-reveal{transition:opacity .1s linear}.focus-reveal{transform:none}.button{transition:none}}.focus-list{padding-block:calc(var(--list-height)/2 - 80px);scroll-snap-type:y proximity}.effect-card{height:auto;padding-block:30px}.effect-shell{height:auto}.effect-topline{margin-bottom:8px}.effect-frame{width:100%}.frame-toolbar{justify-content:flex-start;margin-bottom:12px;display:flex}.frame-toolbar .button{color:#a7b0bf;background:0 0;border:0;padding:4px 0;font-size:11px}.flip-stage{perspective:1600px}.flip-rotor{transform-style:preserve-3d;display:grid;position:relative}.flip-front,.flip-back{backface-visibility:hidden;grid-area:1/1;min-width:0}.flip-front{transform:rotateX(0)}.flip-back{background:#0d1119;border:0;border-radius:12px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotateX(180deg)}.code-toolbar{border-bottom:0;justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.code-toolbar>div{gap:8px;display:flex}.code-toolbar select{min-width:0;max-width:40%}.flip-back pre{color:#bfcee4;font-variant-ligatures:none;white-space:pre;tab-size:2;overscroll-behavior:contain;flex:1;min-height:0;margin:0;padding:20px 24px;font:12px/1.8 JetBrains Mono,monospace;overflow:auto}.code-progress{text-align:right;color:#69778e;padding:8px 18px;font:10px JetBrains Mono,monospace}.typing-caret{color:#e3eeff;animation:.7s step-end infinite code-caret}@keyframes code-caret{50%{opacity:0}}.svg-canvas{aspect-ratio:8/3;height:auto}.svg-canvas iframe{width:100%;height:100%;position:absolute;inset:0}.html-canvas{height:var(--stage-height)}.html-preview .playback:not(:has(button,input)){display:none}.playback{flex-wrap:wrap;height:auto;min-height:64px}.html-preview .playback{height:auto}.effect-frame .open-demo{display:none}@media (width<=700px){.effect-card{padding-block:24px}.code-toolbar{flex-wrap:wrap;padding:10px}.code-toolbar select{max-width:100%}.code-toolbar>div{gap:5px}.code-toolbar .button{padding:7px 9px;font-size:10px}.flip-back pre{padding:12px;font-size:10px}.effect-frame .playback{height:auto;min-height:84px}.frame-toolbar{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){.typing-caret{animation:none}}.focus-list{overflow-anchor:none}.flip-back pre{white-space:pre-wrap;overflow-wrap:anywhere}.flip-rotor[data-turning=true]{animation-duration:.48s;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-fill-mode:both}.flip-rotor[data-turning=true][data-back=true]{animation-name:show-code}.flip-rotor[data-turning=true][data-back=false]{animation-name:show-effect}@keyframes show-code{0%{transform:rotateX(0)}12%{transform:rotateX(-3deg)}72%{transform:rotateX(186deg)}88%{transform:rotateX(178deg)}to{transform:rotateX(180deg)}}@keyframes show-effect{0%{transform:rotateX(180deg)}12%{transform:rotateX(183deg)}72%{transform:rotateX(-6deg)}88%{transform:rotateX(2deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.flip-rotor[data-turning=true]{animation:none}}.asset-note{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:12px}:root{--bg:#070809;--surface:#101315;--muted:#839095;--line:#30393d;--ink:#e1e8e8;--ice:#b2ced9;--pixel:#5c747e;background:var(--bg);color:var(--ink);font-family:JetBrains Mono,PingFang SC,monospace}.app:before{background:radial-gradient(#70838b16 1px,#0000 1px) 0 0/16px 16px;-webkit-mask-image:linear-gradient(#000,#0000 28% 80%,#000);mask-image:linear-gradient(#000,#0000 28% 80%,#000)}.moonlight{display:none}.app-header{border-bottom:1px solid var(--line);position:relative}.app-header:after{content:"";background:var(--ice);width:32px;height:3px;box-shadow:40px 0 var(--pixel),80px 0 #30393d;position:absolute;bottom:-1px;left:0}.brand{letter-spacing:-1px;gap:16px;font-family:JetBrains Mono,monospace;font-size:clamp(20px,2.3vw,29px);font-weight:400}.brand-moon{filter:none;background:linear-gradient(var(--ice),var(--ice)) 0 0/8px 8px no-repeat,linear-gradient(var(--pixel),var(--pixel)) 16px 0/8px 8px no-repeat,linear-gradient(var(--ice),var(--ice)) 8px 8px/8px 8px no-repeat,linear-gradient(var(--pixel),var(--pixel)) 0 16px/8px 8px no-repeat,linear-gradient(var(--ice),var(--ice)) 16px 16px/8px 8px no-repeat;width:24px;height:24px}.brand-moon svg{display:none}.brand-logo{filter:invert();width:clamp(180px,25vw,300px);height:auto;image-rendering:pixelated;display:block}.icon-button,.button,select,.filters button span,.focus-navigation button,.tags span,.kind-choice,.kind-choice button,.add-form input,.add-form textarea,.banner,dialog{border-radius:0}.button{border-color:var(--line);color:var(--ink);background:#121719;padding:10px 14px;box-shadow:2px 2px #020303}.button.add-button,.button.primary{background:var(--ice);border-color:var(--ice);color:#0b1317;box-shadow:3px 3px #40545e}.button:active{box-shadow:none;transform:translate(2px,2px)}.icon-button{border:1px solid var(--line);background:#101416}.icon-button svg,.button svg,.search svg{stroke-linecap:square;stroke-linejoin:miter}.header-actions{gap:20px}.github-link{letter-spacing:.02em;color:var(--muted);font-size:11px}.collection-toolbar{border-bottom:1px solid #222a2d;gap:24px;margin-inline:40px;padding:0}.filters{gap:22px}.filters button{color:var(--muted);padding:10px 0;position:relative}.filters button.active{color:var(--ice)}.filters button.active:after{content:"";background:var(--ice);height:2px;position:absolute;bottom:0;left:0;right:0}.filters button span{color:var(--ice);background:#1c272c;border:0;padding:4px 5px;font-family:inherit}.search{width:210px;color:var(--muted)}.search input{color:var(--ink);font-size:11px}.effect-topline{color:var(--muted);font-family:inherit}.effect-media:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(var(--pixel),var(--pixel)) left top/12px 2px no-repeat,linear-gradient(var(--pixel),var(--pixel)) left top/2px 12px no-repeat,linear-gradient(var(--pixel),var(--pixel)) right top/12px 2px no-repeat,linear-gradient(var(--pixel),var(--pixel)) right top/2px 12px no-repeat,linear-gradient(var(--pixel),var(--pixel)) left bottom/12px 2px no-repeat,linear-gradient(var(--pixel),var(--pixel)) left bottom/2px 12px no-repeat,linear-gradient(var(--pixel),var(--pixel)) right bottom/12px 2px no-repeat,linear-gradient(var(--pixel),var(--pixel)) right bottom/2px 12px no-repeat;opacity:.6;position:absolute;inset:30px -12px 0}.svg-canvas,.html-canvas,.bookmark-canvas,.html-canvas iframe,.focus-target,.flip-back{border-radius:0}.svg-canvas,.html-canvas,.bookmark-canvas{background:#0b0e10}.playback{border-top:1px solid #293237;gap:8px;padding:14px 0}.playback .button,.playback .slider-label,.playback .loop-label,.playback select{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#bacbd0;background:#111719;border:1px solid #303b40;border-radius:0}.playback .button{padding:9px 12px}.playback .slider-label,.playback .loop-label{padding:9px 10px}.playback .slider-label output,.control-count{color:var(--ice);font-family:JetBrains Mono,monospace}.slider-label input{accent-color:var(--ice)}.playback .loop-label input{background:#080b0d;border-color:#435760;border-radius:0}.playback .loop-label input:after{background:var(--pixel);box-shadow:none;border-radius:0}.playback .loop-label input:checked{background:#273e48}.playback .loop-label input:checked:after{background:var(--ice)}.effect-caption{margin-top:20px}.effect-caption h2{letter-spacing:0;color:var(--ink);font-family:inherit;font-size:17px;line-height:1.6}.effect-links button,.frame-toolbar .button{color:var(--muted);font-family:inherit}.frame-toolbar .button{box-shadow:none;letter-spacing:.03em;background:0 0;border:0;font-size:10px}.effect-links button{font-size:10px}.asset-note{color:var(--muted)}.focus-navigation{gap:12px}.focus-navigation button{width:32px;height:32px;color:var(--ice);background:#101618;border-color:#39484f;font-family:inherit;font-size:17px;box-shadow:2px 2px #020303}.focus-navigation>span{color:var(--ice);font-family:inherit}.flip-back{background:#0c1114;border:0}.flip-back pre{color:#bdd0d8}.code-progress{color:var(--muted)}.code-toolbar select{background:#141d21;border-color:#35454d}.banner,dialog{-webkit-backdrop-filter:none;backdrop-filter:none;background:#101719;border-color:#3b4d55}dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#030506db}.dialog-heading h2{font-family:inherit;font-size:20px}.dialog-heading small,.notes-copy,.add-form>label,.form-pair>label{color:#a7b9bf}.kind-choice{background:#080c0e;border-color:#303e45}.kind-choice button.active{color:var(--ice);background:#293b44}.add-form input:not([type=file]),.add-form textarea{background:#080e11;border-color:#34454e;border-radius:0}.add-form input[type=file]{background:#080e11;border-radius:0}.tags span{color:var(--ice);background:#162127;border-color:#34454e}.tabs button[aria-selected=true]{color:var(--ice);border-bottom-color:var(--ice)}.bookmark-orbit{box-shadow:none;border-color:var(--pixel);color:var(--ice);border-radius:0}.bookmark-canvas h3{letter-spacing:-1px;font-family:inherit}@media (hover:hover) and (pointer:fine){.button:hover,.playback .button:hover{box-shadow:none;color:#e6f0f3;background:#223039;border-color:#658593}.button.add-button:hover,.button.primary:hover{color:#0b1317;background:#d0e3eb}.focus-navigation button:hover{border-color:var(--ice);background:#283b44}.filters button:hover,.github-link:hover,.effect-links button:hover{color:var(--ice)}}@media (width<=1000px){.collection-toolbar{margin-inline:28px;padding:0}.brand{font-size:24px}}@media (width<=700px){.app-header{gap:12px;margin-inline:20px}.brand{letter-spacing:-.6px;gap:10px;font-size:17px}.brand-moon{background-position:0 0,12px 0,6px 6px,0 12px,12px 12px;background-size:6px 6px;width:18px;height:18px}.brand-logo{width:180px}.header-actions{gap:8px}.collection-toolbar{gap:14px;margin-inline:20px;padding:0}.filters{gap:16px}.search{width:120px}.effect-media:before{background-size:8px 2px,2px 8px,8px 2px,2px 8px,8px 2px,2px 8px,8px 2px,2px 8px;inset:29px -6px 0}.effect-caption h2{font-size:15px}.effect-caption{margin-top:16px}.effect-frame .playback{gap:8px;min-height:0}.playback .button{padding:10px 8px;font-size:10px}.playback .slider-label{padding:9px 8px}}@media (width<=370px){.brand{font-size:15px}.brand-logo{width:150px}.brand-moon{display:none}.collection-toolbar{margin-inline:16px}.filters{gap:12px}.search{width:104px}}.collection-toolbar .search{gap:12px;width:100%;height:100%}.collection-toolbar .search input{flex:1;height:100%;padding-block:12px}.github-link{display:inline-flex}.header-actions{margin-left:auto}.frame-toolbar{justify-content:space-between;align-items:center;gap:16px}.frame-toolbar .effect-links button{padding:4px 0;font-size:10px}.playback{border-top:0}.playback .button,.playback .slider-label,.playback .loop-label,.playback select,.playback .button:hover{box-shadow:none;border:0}.inactive-preview{width:100%;height:var(--stage-height);object-fit:contain;background:#0b0e10;display:block}:root{--bg:#070809;--surface:#101315;--muted:#839095;--line:#30393d;--ink:#e1e8e8;--ice:#b2ced9;--pixel:#5c747e;--text-small:12px;--text-body:16px;--text-title:32px;--ease-out:ease-out}html[data-viewer=blob]{--bg:#fff;--surface:#e1e8e8;--ink:#070809;--muted:#5c747e;--line:#839095;--ice:#5c747e}.showcase:has([data-work=blob]){--bg:#fff;--surface:#e1e8e8;--ink:#070809;--muted:#5c747e;--line:#839095;--ice:#5c747e}.showcase:has([data-work=blob]) .brand-logo{filter:none}.showcase{background:var(--bg);height:100dvh;color:var(--ink);font:var(--text-small)/1.5 "JetBrains Mono","PingFang SC",monospace;--gutter:40px;flex-direction:column;display:flex}.showcase a,.showcase button{transition:color .25s ease-out}.showcase button{font:inherit;color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:0;padding:10px 0}.showcase a:hover,.showcase button:hover,.showcase button[aria-expanded=true]{color:var(--ice)}.showcase :focus-visible{outline:.5px solid var(--ice);outline-offset:5px}.showcase-header{height:92px;margin-inline:var(--gutter);border-bottom:.5px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:24px;display:flex}.showcase-header .brand-logo{filter:invert();width:210px;height:auto;display:block}.showcase-header nav{color:var(--muted);align-items:center;gap:32px;display:flex}.showcase-header nav a{align-items:center;gap:12px;min-height:44px;display:flex}.showcase-header [aria-current=page]{color:var(--ink)}.showcase-header nav span{color:var(--ice)}.showcase-content{scrollbar-width:thin;scrollbar-color:var(--line) transparent;outline:none;flex:1;min-height:0;overflow:auto}.showcase-content:focus-visible{outline:none}.skip-link{left:var(--gutter);z-index:20;background:var(--surface);padding:12px;position:fixed;top:-100px}.skip-link:focus{top:12px}.live-work{flex-direction:column;height:100%;min-height:100%;display:flex}.work-heading{min-height:108px;margin-inline:var(--gutter);flex:none;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.work-name{align-items:baseline;gap:28px;min-width:0;display:flex}.work-number{color:var(--muted);white-space:nowrap}.work-heading h1{font-size:var(--text-title);letter-spacing:-1.2px;margin:0;font-weight:400;line-height:1.2}.work-heading h1 span{font-size:var(--text-small);letter-spacing:0;color:var(--muted)}.work-actions{white-space:nowrap;align-items:center;gap:28px;display:flex}.live-stage{flex:1;justify-content:center;align-items:center;min-height:440px;display:flex;position:relative}.live-stage>iframe{background:0 0;border:0;width:100%;height:100%;min-height:0;display:block}.stage-message,.stage-idle{color:var(--muted)}.stage-idle{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.stage-idle span{font-size:var(--text-body)}.showcase .stage-idle button{color:var(--ink);border-bottom:.5px solid var(--line)}.work-footer{min-height:84px;margin-inline:var(--gutter);flex:none;justify-content:space-between;align-items:center;gap:32px;padding-block:20px;display:flex}.work-attribution,.work-navigation{color:var(--muted);align-items:center;gap:28px;display:flex}.work-attribution a{padding-block:10px}.experiment{color:var(--ice);font-size:var(--text-small)}.work-navigation{color:var(--ink);white-space:nowrap;gap:20px}.work-navigation a{place-items:center;min-width:44px;min-height:44px;display:grid}.work-navigation a:first-child,.work-navigation a:last-child{font-size:var(--text-body)}.catalog-wrap{max-width:1440px;padding:64px var(--gutter) 32px;margin:auto}.catalog-title{justify-content:space-between;align-items:baseline;margin-bottom:48px;display:flex}.catalog-title h1{font-size:var(--text-title);letter-spacing:-1px;margin:0;font-weight:400}.catalog-title a{color:var(--muted)}.catalog-toolbar{border-bottom:.5px solid var(--line);justify-content:space-between;align-items:center;gap:32px;padding-bottom:20px;display:flex}.category-filters{gap:28px;display:flex}.category-filters button[aria-pressed=true]{color:var(--ink)}.catalog-search input{color:var(--ink);font:inherit;background:0 0;border:0;border-radius:0;width:200px;padding:10px 0}.catalog-search input::placeholder{color:var(--muted)}.index-row{border-bottom:.5px solid var(--line);grid-template-columns:68px 1fr 136px 60px 20px;align-items:center;gap:20px;min-height:80px;padding-block:16px;display:grid}.index-name{font-size:var(--text-body);line-height:1.5}.index-number,.index-category{color:var(--muted)}.index-status{color:var(--ice)}.catalog-footer{color:var(--muted);justify-content:space-between;gap:20px;padding-top:32px;display:flex}.catalog-footer>div{align-items:center;gap:24px;display:flex}.catalog-empty{padding:80px var(--gutter);color:var(--muted)}.catalog-empty h1{font-size:var(--text-title)}.catalog-error{color:var(--ice);padding:20px 0}.catalog-error button{margin-left:16px}.showcase .legacy-stage{align-items:center;padding:0}.showcase .effect-frame{width:100%;height:100%;margin:auto;position:relative;--stage-height:100%!important}.showcase .effect-frame :is(.flip-stage,.flip-rotor,.flip-front,.preview-panel){height:100%}.showcase .svg-canvas,.showcase .html-canvas{height:var(--stage-height);aspect-ratio:auto!important}.showcase .svg-canvas iframe{width:92%;inset:0 4%}.showcase .svg-canvas,.showcase .html-canvas,.showcase .flip-back{background:0 0;border:0;border-radius:0}.showcase .html-canvas iframe{border-radius:0}.showcase .frame-toolbar,.showcase .playback{display:none}.showcase [data-controls=true] .frame-toolbar{min-height:44px;inset:12px var(--gutter) auto;z-index:30;pointer-events:none;display:flex;position:absolute}.showcase .frame-toolbar button{pointer-events:auto;background:var(--surface);border:.5px solid var(--line);padding:10px 12px}.showcase [data-controls=true] .playback{border:.5px solid var(--line);background:var(--surface);height:auto;inset:auto var(--gutter) 12px;z-index:25;flex-wrap:wrap;gap:12px;padding:12px;display:flex;position:absolute}.showcase .html-preview .playback:not(:has(button,input)){display:none}.showcase .asset-note{bottom:76px;left:var(--gutter);background:var(--surface);padding:6px 12px;position:absolute}.showcase .flip-back{padding-top:68px}.showcase .playback .button,.showcase .playback .slider-label,.showcase .playback .loop-label,.showcase .playback select,.showcase .code-toolbar select{border:.5px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:none;font-size:var(--text-small);border-radius:0;transition:none}.showcase .playback .button{padding:10px 12px;transform:none}.showcase .playback output,.showcase .control-count,.showcase .palette-label,.showcase .frame-toolbar button,.showcase .effect-links button,.showcase .asset-note,.showcase .code-progress,.showcase .code-toolbar button,.showcase .flip-back pre{font-size:var(--text-small);color:var(--muted)}.showcase .flip-rotor[data-turning=true]{animation-duration:.25s;animation-timing-function:ease-out}.showcase .flip-rotor,.showcase .focus-reveal{transition:none}.showcase .code-toolbar{flex-wrap:wrap;gap:16px}.showcase .code-toolbar select{max-width:100%}.showcase .open-demo{display:none}.showcase dialog{border:.5px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:none;border-radius:0}.showcase dialog h2{font-size:var(--text-body)}.showcase dialog :is(small,p,button,pre,.notes-copy){font-size:var(--text-small)}@media (width<=700px){.showcase{--gutter:20px}.showcase-header{gap:20px;height:76px}.showcase-header .brand-logo{width:156px}.showcase-header nav{gap:20px}.showcase-header nav a:last-child{display:none}.work-heading{align-items:flex-end;gap:12px;min-height:112px;padding:20px 0}.work-name{display:block}.work-number{margin-bottom:10px;display:block}.work-heading h1{font-size:var(--text-body);letter-spacing:0;line-height:1.5}.work-actions{gap:20px}.work-actions button{padding-block:2px}.live-stage{min-height:360px}.work-footer{flex-direction:column;justify-content:center;align-items:stretch;gap:16px;min-height:132px;padding:20px 0;display:flex}.work-attribution{flex-wrap:wrap;justify-content:space-between;gap:16px}.work-attribution a{padding:0}.work-attribution a:first-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.work-navigation{justify-content:space-between;gap:16px}.catalog-wrap{padding-top:36px}.catalog-title{margin-bottom:32px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:16px}.category-filters{justify-content:space-between;gap:12px}.catalog-search input{width:100%}.index-row{grid-template-columns:28px 1fr 28px 16px;gap:12px;min-height:78px}.index-category{display:none}.showcase .legacy-stage{padding:0}.showcase .playback{justify-content:flex-start}.showcase .frame-toolbar{gap:16px}}@media (prefers-reduced-motion:reduce){.showcase *{transition:none!important;animation:none!important}}