.particle-life{margin-top:72px;scroll-margin-top:100px;color:#26374b;--pl-accent:#a8e8d7}.dark .particle-life{color:#e8eff7}.pl-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.pl-heading h2{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:750;line-height:1.2;letter-spacing:-.055em}.pl-heading h2>span{color:#91aaa1}.pl-heading>div>p:last-child{margin:12px 0 0;color:#617287;font-size:.86rem;line-height:1.9}.dark .pl-heading>div>p:last-child{color:#adbed2}.pl-heading-mark{display:flex;gap:4px;padding:0 0 5px 10px}.pl-heading-mark i{display:block;width:6px;height:6px;border-radius:50%;background:var(--pl-color);box-shadow:0 0 10px color-mix(in srgb,var(--pl-color),transparent 75%)}.pl-panel{overflow:hidden;border:1px solid #35404c;border-radius:16px;background:#101a26;color:#dbe7ee;color-scheme:dark;box-shadow:0 20px 50px -35px #06132680}.pl-panel button,.pl-panel input,.pl-panel select{font-family:inherit}.pl-panel button,.pl-panel select,.pl-panel summary{cursor:pointer}.pl-panel button:disabled,.pl-panel select:disabled{opacity:.45;cursor:wait}.pl-panel :is(button,input,select,summary):focus-visible,.pl-stage:focus-visible{outline:2px solid #a8e8d7;outline-offset:3px}.pl-panel [hidden],.pl-status:empty{display:none!important}.pl-controls{min-width:0;border:0;margin:0;padding:0}.pl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 21px;border-bottom:1px solid #ffffff10}.pl-world-label{display:flex;align-items:center;gap:10px;min-width:0;color:#93acb9;font:.6rem/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.04em}.pl-live{width:5px;height:5px;border-radius:50%;background:#a8e8d7;box-shadow:0 0 9px #a8e8d75a}.particle-life[data-paused=true] .pl-live{background:#748593;box-shadow:none}.pl-world-label>b{font-weight:400;color:#d0dedf}.pl-world-label>span:last-child{padding-left:10px;border-left:1px solid #ffffff20;font-size:.54rem}.pl-toolbar-actions{display:flex;gap:7px}.pl-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:35px;border:1px solid #ffffff21;border-radius:5px;padding:7px 10px;color:#afc2ce;background:#ffffff04;font-size:.62rem;white-space:nowrap}.pl-toolbar button:hover{background:#ffffff0c;border-color:#ffffff3c}.pl-stage{position:relative;height:clamp(400px,50vw,550px);overflow:hidden;background:#080e19;outline:none;touch-action:none;cursor:crosshair}.pl-canvas{display:block;width:100%;height:100%;touch-action:none}.pl-scene-caption{position:absolute;z-index:1;left:22px;top:20px;display:flex;flex-direction:column;gap:7px;pointer-events:none}.pl-scene-caption>span{color:#a9bec4;font:.5rem/1.5 ui-monospace,monospace;letter-spacing:.15em}.pl-scene-caption>small{color:#698492;font-size:.59rem}.pl-loading{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:12px;color:#8da8b8;font-size:.75rem;pointer-events:none;background:radial-gradient(ellipse at 35% 45%,#7c509325,transparent 40%),radial-gradient(ellipse at 60% 65%,#4dbaa51c,transparent 40%)}.pl-loading>span{font-size:1.5rem;color:#9ec4c2}.pl-loading button{pointer-events:auto;min-height:42px;padding:9px 16px;border:1px solid #a8e8d74d;border-radius:5px;color:#c7e7df;background:#19302f}.pl-scene-footer{position:absolute;left:22px;right:22px;bottom:17px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;pointer-events:none}.pl-palette{display:flex;align-items:center;gap:7px}.pl-palette i{width:5px;height:5px;border-radius:50%;background:var(--pl-color)}.pl-scene-footer p{margin:0;color:#768e9b;font:.52rem/1.7 ui-monospace,monospace;text-align:right}.pl-scene-footer b{font-weight:400;color:#b1c7ce}.pl-cursor{position:absolute;z-index:2;width:88px;height:88px;border:1px solid #a8e8d74f;border-radius:50%;box-shadow:0 0 28px #a8e8d70d,inset 0 0 25px #a8e8d70d;pointer-events:none;transform:translate(-50%,-50%)}.pl-cursor::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:#b9e6d8;font:1rem/1 ui-monospace,monospace}.pl-cursor[data-mode=repel]{border-color:#ff8a9b66}.pl-cursor[data-mode=repel]::after{content:"−";color:#ff8a9b}.pl-cursor[data-mode=swirl]::after{content:"↻"}.pl-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:17px 21px;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;background:#121f2c}.pl-main-actions{display:flex;gap:8px;flex-wrap:wrap}.pl-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;background:#1b2b39;color:#c2d2da;border:1px solid #ffffff20;border-radius:6px;font-size:.7rem}.pl-actions button:hover{border-color:#afcece60;background:#223747}.pl-actions .pl-new-world{background:#a8e8d7;color:#142d29;border-color:#baf8e7;font-weight:600}.pl-actions .pl-new-world:hover{background:#c5f8e9}.pl-auto{display:inline-flex;align-items:center;gap:7px;font-size:.63rem;color:#9cb2bf;white-space:nowrap;cursor:pointer}.pl-panel input[type=checkbox]{accent-color:#a8e8d7;width:14px;height:14px;cursor:pointer}.pl-settings{display:grid;grid-template-columns:1.1fr .8fr .7fr 1fr 1.25fr;gap:20px;padding:23px 21px}.pl-setting{display:flex;flex-direction:column;gap:10px;min-width:0}.pl-setting>span,.pl-setting>label{display:flex;justify-content:space-between;align-items:baseline;gap:5px;color:#93aab8;font-size:.65rem}.pl-setting output{color:#c5dcda;font:.59rem/1.5 ui-monospace,monospace;white-space:nowrap}.pl-setting select{width:100%;min-height:36px;padding:6px 7px;background:#0b1622;border:1px solid #ffffff20;border-radius:5px;color:#c3d5df;font-size:.7rem}.pl-setting input[type=range]{width:100%;height:36px;margin:0;padding:0;accent-color:#a8e8d7;cursor:pointer}.pl-interaction-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:0 21px 20px}.pl-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pl-tools>span{color:#788f9e;font-size:.62rem;margin-right:5px}.pl-tools button{min-height:34px;padding:6px 9px;color:#8fa8b7;border:1px solid transparent;border-radius:4px;font-size:.62rem}.pl-tools button[aria-pressed=true]{border-color:#a8e8d738;background:#a8e8d70a;color:#bce7dc}.pl-tools button:hover{color:#c4e7de;background:#ffffff07}.pl-rules{border-top:1px solid #ffffff12}.pl-rules summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;color:#b1c6d1;font-size:.71rem;list-style:none}.pl-rules summary::-webkit-details-marker{display:none}.pl-rules summary>span::after{content:"+";margin-left:11px;color:#83aca8;font:.85rem/1 ui-monospace,monospace}.pl-rules[open] summary>span::after{content:"−"}.pl-rules summary>small{color:#708c9e;font-size:.6rem}.pl-rules-body{display:grid;grid-template-columns:minmax(250px,.9fr)1fr;gap:35px;padding:5px 24px 25px;align-items:center}.pl-matrix{width:100%;max-width:360px;border-collapse:separate;border-spacing:4px;margin:0;table-layout:fixed}.pl-matrix th{height:20px;text-align:center;vertical-align:middle;padding:0;line-height:1;font-weight:400}.pl-matrix th:first-child{width:22px;color:#698390;font:.63rem/1 ui-monospace,monospace}.pl-matrix th i{display:inline-block;width:7px;height:7px;background:var(--pl-color);border-radius:50%}.pl-matrix td{padding:0;height:30px;line-height:1}.pl-matrix button{width:100%;height:100%;min-height:29px;color:#c1d9d7;border:1px solid transparent;border-radius:4px;font:.55rem/1 ui-monospace,monospace;text-align:center}.pl-matrix button[data-selected=true]{border-color:#d6eee5;outline:1px solid #d6eee52b}.pl-matrix button:hover{border-color:#a9cdc580}.pl-rule-editor>p:first-child{margin:0 0 15px;color:#c3d8de;font-size:.8rem}.pl-rule-editor>p{margin:15px 0 0;color:#7e99aa;font-size:.67rem;line-height:1.9}.pl-rule-editor label{display:flex;justify-content:space-between;gap:12px;color:#abc5ce;font-size:.72rem}.pl-rule-editor output{color:#ccf2e4;font:.8rem/1.5 ui-monospace,monospace}.pl-rule-editor input{width:100%;margin:15px 0 8px;accent-color:#a8e8d7}.pl-rule-scale{display:flex;justify-content:space-between;color:#798f9f;font-size:.57rem}.pl-share-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 21px;border-top:1px solid #ffffff12;background:#111e2a}.pl-share-bar strong{color:#c4d9dd;font-size:.74rem;font-weight:500}.pl-share-bar p{margin:6px 0 0;color:#7e98a9;font-size:.62rem;line-height:1.8;max-width:570px}.pl-share-bar>button{flex-shrink:0;min-height:42px;padding:10px 14px;border:1px solid #a8e8d745;border-radius:6px;background:#a8e8d70b;color:#b7e5d9;font-size:.67rem}.pl-share-bar>button:hover{background:#a8e8d71c}.pl-share-bar>button>span{margin-right:7px;color:#ec91a1;font-size:.6rem}.pl-record-badge{position:absolute;z-index:2;top:20px;right:21px;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #f793a43b;border-radius:4px;background:#1b1723da;color:#f2bbc5;font:.58rem/1.5 ui-monospace,monospace}.pl-record-badge i{width:5px;height:5px;background:#ff7996;border-radius:50%}.pl-record-badge span{margin-left:5px}.pl-record-output{display:grid;grid-template-columns:minmax(0,230px)1fr;align-items:center;gap:25px;padding:0 21px 24px}.pl-record-output video{width:100%;max-height:220px;background:#080e19;border:1px solid #ffffff21;border-radius:6px}.pl-record-output p{margin:0 0 12px;color:#b8cdd4;font-size:.67rem;line-height:1.8}.pl-video-actions{display:flex;flex-wrap:wrap;gap:8px}.pl-video-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;color:#bdded6;border:1px solid #a8e8d73b;border-radius:5px;background:#a8e8d708;font-size:.65rem;text-decoration:none;cursor:pointer}.pl-video-actions :is(a,button):hover{background:#a8e8d71a}.pl-record-output small{display:block;margin-top:12px;color:#7b95a5;font-size:.59rem;line-height:1.8}.pl-credit{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:12px;color:#6b8092;font-size:.63rem;line-height:1.8}.dark .pl-credit{color:#8da2b5}.pl-credit p{margin:0}.pl-credit a{text-decoration:underline;text-underline-offset:3px}.pl-credit a:hover{color:#8dbdab}.pl-panel:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;border:none;border-radius:0}.pl-panel:fullscreen .pl-stage{flex:1;min-height:140px;height:auto}.pl-panel:fullscreen .pl-settings{padding-block:12px}.pl-panel:fullscreen .pl-rules{max-height:40vh;overflow:auto}@media(max-width:900px){.pl-settings{grid-template-columns:1.2fr .8fr .7fr 1fr;gap:18px}.pl-setting:last-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px}.pl-setting:last-child>label{min-width:130px}.pl-setting:last-child input{height:20px}.pl-actions{gap:12px}}@media(max-width:560px){.particle-life{margin-top:48px}.pl-heading{margin-bottom:20px;align-items:flex-start}.pl-heading h2{font-size:1.8rem}.pl-heading .section-kicker{font-size:.55rem;letter-spacing:.1em}.pl-heading>div>p:last-child{font-size:.75rem}.pl-heading-mark{gap:3px;padding-top:6px}.pl-heading-mark i{width:4px;height:4px}.pl-panel{border-radius:11px}.pl-toolbar{padding:11px 13px;gap:10px}.pl-world-label{font-size:.51rem;gap:6px}.pl-world-label>span:last-child{padding-left:7px;font-size:.46rem}.pl-toolbar-actions{gap:5px}.pl-toolbar button{font-size:.56rem;padding:7px;min-height:35px}.pl-stage{height:380px}.pl-scene-caption{top:17px;left:16px}.pl-scene-caption>span{font-size:.43rem}.pl-scene-caption>small{font-size:.51rem}.pl-scene-footer{left:16px;right:16px;bottom:14px}.pl-scene-footer p{font-size:.46rem}.pl-palette{gap:5px}.pl-palette i{width:4px;height:4px}.pl-actions{padding:15px 13px;gap:13px}.pl-main-actions{gap:6px;width:100%}.pl-actions button{flex:1;padding:8px;gap:5px;font-size:.63rem;min-height:42px}.pl-auto{font-size:.6rem}.pl-settings{grid-template-columns:1fr 1fr;gap:17px;padding:20px 15px}.pl-setting{gap:8px}.pl-setting>span,.pl-setting>label{font-size:.62rem}.pl-setting select{min-height:39px}.pl-setting:last-child{grid-column:1/-1}.pl-setting:last-child>label{min-width:125px}.pl-interaction-bar{padding:0 15px 17px;gap:12px}.pl-tools{gap:2px}.pl-tools button{padding:7px;font-size:.58rem;min-height:36px}.pl-tools>span{font-size:.58rem;margin-right:1px}.pl-rules summary{padding:16px 15px;font-size:.65rem}.pl-rules summary>small{font-size:.52rem}.pl-rules-body{grid-template-columns:1fr;gap:24px;padding:2px 14px 23px}.pl-matrix{max-width:none;border-spacing:3px}.pl-matrix th:first-child{width:16px}.pl-matrix td{height:28px}.pl-matrix button{min-height:27px;font-size:.51rem}.pl-rule-editor>p:first-child{font-size:.73rem}.pl-rule-editor>p{font-size:.62rem}.pl-credit{font-size:.57rem}.pl-panel:fullscreen .pl-settings{display:none}.pl-panel:fullscreen .pl-stage{min-height:120px}.pl-panel:fullscreen .pl-actions{padding-block:10px}.pl-share-bar{flex-direction:column;align-items:stretch;gap:13px;padding:17px 15px}.pl-share-bar strong{font-size:.7rem}.pl-share-bar p{font-size:.6rem}.pl-share-bar>button{font-size:.65rem}.pl-record-badge{top:16px;right:15px;font-size:.5rem}.pl-record-output{grid-template-columns:1fr;gap:17px;padding:0 15px 20px}.pl-record-output video{max-height:240px}.pl-video-actions :is(a,button){flex:1;font-size:.6rem;padding-inline:9px}.pl-panel:fullscreen .pl-share-bar{display:none}}@media(prefers-reduced-motion:reduce){.pl-live{box-shadow:none}}