:root{--accent: #3d7df2;--serif: "Iowan Old Style", "Palatino Nova", Palatino, Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;font-family:var(--sans)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden;background:#0b0b0f}.app{position:fixed;inset:0}.stage{display:block;position:absolute;inset:0}.hidden-stage{visibility:hidden}.press-stage{cursor:grab}.press-stage:active{cursor:grabbing}.singularity-stage{cursor:crosshair}.panel{position:absolute;top:18px;right:18px;bottom:18px;width:292px;padding:18px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:none;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:color-mix(in oklab,var(--pal-bg, #101115) 22%,rgba(16,17,21,.78));backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);box-shadow:0 24px 70px #0000006b;color:var(--text);--text: #f4f6ff;--text-dim: rgba(244, 246, 255, .55);--hairline: rgba(255, 255, 255, .14);--wash: rgba(255, 255, 255, .05);transition:background .4s ease,color .4s ease,border-color .4s ease}.panel::-webkit-scrollbar{display:none}.panel>*{flex-shrink:0}.panel[data-tone=light]{background:color-mix(in oklab,var(--pal-bg, #faf7f2) 34%,rgba(251,250,246,.86));border-color:#1e1a141a;box-shadow:0 24px 70px #1e1a142e;--text: #26221c;--text-dim: rgba(38, 34, 28, .56);--hairline: rgba(38, 34, 28, .16);--wash: rgba(38, 34, 28, .05)}.panel.is-min{display:none}.panel-min{position:absolute;top:16px;right:15px;z-index:3;border:0;background:none;padding:2px;cursor:pointer;color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:color .15s ease}.panel-min .material-symbols-outlined{font-size:18px;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20}.panel-min:hover{color:var(--text)}.panel-restore{position:absolute;top:20px;right:20px;z-index:5;width:46px;height:46px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#101115a8;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 10px 30px #0006;display:flex;align-items:center;justify-content:center;transition:transform .18s cubic-bezier(.2,.8,.3,1.2)}.panel-restore:hover{transform:scale(1.08)}.panel-restore .brand-dot{width:18px;height:18px;flex:0 0 18px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-right:30px}.brand-dot{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#3d7df2}.brand-logo{height:26px;color:var(--text)}.brand-logo svg{display:block;height:26px;width:auto}.brand-sub{font:italic 400 11.5px/1.35 var(--serif);color:var(--text-dim)}.postcards{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 8px;scrollbar-width:none;scroll-snap-type:x proximity;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-x;--fade: 28px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%)}.postcards.at-start{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - var(--fade)),transparent 100%)}.postcards.at-end{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 100%)}.postcards.at-start.at-end{-webkit-mask-image:none;mask-image:none}.postcards:active{cursor:grabbing}.postcards::-webkit-scrollbar{display:none}.postcard{scroll-snap-align:start}.postcard{flex:0 0 66px;margin:0;cursor:pointer}.postcard:nth-child(odd){transform:rotate(-1.2deg)}.postcard:nth-child(2n){transform:rotate(1.1deg)}.postcard:hover{transform:rotate(0) translateY(-2px)}.postcard{transition:transform .18s cubic-bezier(.2,.8,.3,1.2)}.postcard canvas{display:block;width:66px;height:88px;border-radius:4px;border:1px solid var(--hairline)}.postcard.on canvas{outline:2px solid var(--pal-core, var(--accent));outline-offset:1px}.postcard figcaption{font:italic 400 10.5px/1.3 var(--serif);color:var(--text-dim);margin-top:4px;white-space:nowrap}.postcard.on figcaption{color:var(--text)}.group{display:flex;flex-direction:column;border-radius:11px;overflow:hidden;background:color-mix(in oklab,var(--wash) 50%,transparent)}.group-body{display:flex;flex-direction:column;gap:13px;padding:0 12px 13px}.group-label{display:flex;align-items:center;gap:8px;width:100%;padding:11px 12px;font:italic 500 13px/1 var(--serif);color:var(--text);letter-spacing:.02em;background:none;border:0;cursor:pointer;text-align:left;transition:background .15s ease}.group.open .group-label{padding-bottom:8px}.group-label:focus-visible{outline:none}.group.closed .group-label:hover,.group.closed .group-label:focus-visible{background:color-mix(in oklab,var(--wash) 40%,var(--hairline))}.group-label .gname{flex:0 0 auto}.group-label .spacer{flex:1}.group-label .gsum{flex:0 0 auto;font:italic 400 11.5px var(--serif);color:var(--text-dim);white-space:nowrap}.group-label .chev{display:flex;align-items:center;color:var(--text-dim)}.group-label .chev .material-symbols-outlined{font-size:18px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.group.closed .group-label:hover .chev{color:var(--text)}.drawer-toggle{align-self:flex-start;font:italic 500 12px var(--serif);padding:2px 0;cursor:pointer;border:none;background:none;color:var(--text-dim)}.drawer-toggle:hover{color:var(--text)}.drawer{display:flex;flex-direction:column;gap:13px}.slider{display:flex;flex-direction:column;gap:5px}.slider-top{display:flex;justify-content:space-between;align-items:baseline}.slider-name{font:italic 500 13px var(--serif);color:var(--text);cursor:pointer}.val{font-family:var(--sans);font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .15s ease}.slider:hover .val,.slider:focus-within .val{opacity:1}.track{position:relative;display:block}.notch{position:absolute;top:50%;width:1.5px;height:9px;transform:translate(-50%,-50%);background:var(--text-dim);opacity:.65;pointer-events:none;border-radius:1px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:3px;background:var(--hairline);outline:none;cursor:pointer;display:block;position:relative;z-index:1;margin:6px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--pal-core, var(--accent));border:2.5px solid color-mix(in oklab,var(--pal-bg, #101115) 30%,#14151a);transition:transform .1s ease}.panel[data-tone=light] input[type=range]::-webkit-slider-thumb{border-color:color-mix(in oklab,var(--pal-bg, #faf7f2) 55%,#ffffff)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.25)}.ends{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);opacity:.85}.subrow{display:flex;flex-direction:column;gap:6px}.subcap{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);opacity:.8}.chips{display:flex;flex-wrap:wrap;gap:6px}.group .subrow+.subrow{margin-top:4px}.chip{flex:0 0 auto;font-size:11.5px;padding:6px 10px;border-radius:9px;cursor:pointer;border:1px solid var(--hairline);background:var(--wash);color:var(--text-dim);transition:all .15s ease}.chip:hover{color:var(--text)}.chip.on{background:var(--pal-core, var(--accent));border-color:var(--pal-core, var(--accent));color:#fff}.seg2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.seg{font-size:12px;padding:7px 6px;border-radius:9px;cursor:pointer;border:1px solid var(--hairline);background:var(--wash);color:var(--text-dim);transition:all .15s ease}.seg:hover{color:var(--text)}.seg.on{background:var(--pal-core, var(--accent));border-color:var(--pal-core, var(--accent));color:#fff}.formshapes{display:flex;flex-wrap:wrap;gap:7px}.formglyph{padding:0;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid var(--hairline);background:none;line-height:0;opacity:.6;transition:opacity .15s ease}.formglyph canvas{width:37px;height:37px;display:block}.formglyph:hover{opacity:1}.formglyph.on{opacity:1;outline:2px solid var(--pal-core, var(--accent));outline-offset:1px}.swatches{display:flex;flex-wrap:wrap;gap:7px}.sw{position:relative;width:30px;height:30px;border-radius:8px;cursor:pointer;border:1px solid var(--hairline);opacity:.85;transition:all .15s ease;padding:0}.sw i{position:absolute;border-radius:50%;pointer-events:none}.sw i:first-child{width:7px;height:7px;right:6px;top:6px}.sw i:last-child{width:11px;height:11px;left:6px;bottom:6px}.sw:hover{opacity:1}.sw.on{opacity:1;transform:scale(1.1);outline:2px solid var(--pal-core, var(--accent));outline-offset:1px}.row{display:flex;gap:8px}.fate{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font:italic 500 12px var(--serif);padding:8px 6px;border-radius:10px;border:1px solid var(--hairline);background:var(--wash);color:var(--text);cursor:pointer;white-space:nowrap;min-width:0}.fate .seed{overflow:hidden;text-overflow:ellipsis;max-width:64px}.fate:hover{background:color-mix(in oklab,var(--wash) 50%,var(--hairline))}.fate.ghost{color:var(--text-dim)}.fate.ghost:hover{color:var(--text)}.seed{font-family:var(--sans);font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.toggle{display:flex;align-items:center;gap:7px;font:italic 500 12.5px var(--serif);color:var(--text-dim);cursor:pointer}.toggle:hover{color:var(--text)}.export{display:flex;gap:8px}.export select{flex:1;font-size:12px;padding:7px 8px;border-radius:10px;border:1px solid var(--hairline);background:var(--wash);color:var(--text)}.export-btn{font-size:12.5px;font-weight:560;padding:7px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--pal-core, var(--accent));background:var(--pal-core, var(--accent));color:#fff}.export-btn:hover{filter:brightness(1.08)}.legend{margin:0;font:italic 400 10.5px/1.4 var(--serif);color:var(--text-dim);opacity:.85}.lab-door{align-self:flex-start;font:italic 500 12px var(--serif);border:none;background:none;color:var(--text-dim);cursor:pointer;padding:2px 0}.lab-door:hover{color:var(--text)}.lab-controls{display:flex;flex-direction:column;gap:14px}.world-note{margin:0;font:italic 400 12px/1.5 var(--serif);color:var(--text-dim)}.behaviours{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.behaviour,.recall{border:1px solid var(--hairline);border-radius:9px;padding:7px 5px;background:var(--wash);color:var(--text-dim);cursor:pointer;font-size:11px}.behaviour.on{border-color:#3d7df2b3;background:#3d7df22e;color:var(--text)}.recall{width:100%;color:var(--text)}.recall:hover{background:color-mix(in oklab,var(--wash) 50%,var(--hairline))}.toast{position:absolute;left:24px;bottom:22px;font:italic 500 14px var(--serif);color:#f4f6ffd9;text-shadow:0 1px 10px rgba(0,0,0,.35);animation:toast-fade 1.9s ease forwards;pointer-events:none}@keyframes toast-fade{0%{opacity:0;transform:translateY(4px)}12%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0}}