:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#008a4b;--paper:#fafaf7;--paper-light:#fafaf7;--green:#008a4b;--oxblood:#8f3434;background:#fafaf7;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--paper)}button,input,select{font:inherit}#app{isolation:isolate;background:var(--paper);position:relative}#bonsai-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#bonsai-canvas:focus-visible{outline:1px solid var(--oxblood);outline-offset:-6px}.ui-chrome{z-index:5;pointer-events:none;position:absolute;inset:0}button{border:1px solid var(--green);color:var(--green);cursor:pointer;background:#fafaf7f0;border-radius:0;transition:color .16s,background-color .16s,opacity .16s}button:hover,button:focus-visible{background:var(--green);color:var(--paper-light);outline:none}button:disabled{opacity:.34;cursor:wait}.icon-button{pointer-events:auto;place-items:center;width:46px;height:46px;padding:0;display:grid;position:absolute}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:square;stroke-linejoin:miter;width:18px;height:18px}.settings-toggle{top:24px;right:24px}.regenerate{border-color:var(--oxblood);color:var(--oxblood);bottom:24px;right:24px}.regenerate:hover,.regenerate:focus-visible{background:var(--oxblood);color:var(--paper-light)}.regenerate svg{width:20px;height:20px}.visual-panel{z-index:6;border:1px solid var(--green);background:#fafaf7fa;width:min(318px,100vw - 48px);padding:19px 20px 16px;position:absolute;top:84px;right:24px}.visual-panel:before{content:"";border-top:1px solid var(--oxblood);border-bottom:1px solid var(--oxblood);opacity:.72;width:34px;height:9px;position:absolute;top:-5px;left:14px}.visual-panel[hidden]{display:none}.panel-header{color:var(--green);letter-spacing:.26em;border-bottom:1px solid #008a4b52;justify-content:space-between;align-items:center;padding-bottom:13px;font-size:9px;font-weight:650;display:flex}.panel-close{width:26px;height:26px;color:var(--oxblood);background:0 0;border:0;padding:0;font-size:20px;line-height:1}.panel-close:hover,.panel-close:focus-visible{background:var(--oxblood);color:var(--paper-light)}.control-list{gap:16px;padding:18px 0 20px;display:grid}.range-control{gap:8px;display:grid}.range-meta,.select-control{color:var(--green);letter-spacing:.075em;text-transform:uppercase;font-size:10px;font-weight:560}.range-meta{justify-content:space-between;align-items:center;display:flex}.range-meta output{color:var(--oxblood);font-variant-numeric:tabular-nums}.select-control{justify-content:space-between;align-items:center;gap:14px;display:flex}select{min-width:124px;color:var(--oxblood);text-transform:none;cursor:pointer;background-color:#0000;border:1px solid #008a4b75;border-radius:0;padding:7px 8px;font-size:10px}select:hover{border-color:var(--green)}select:focus-visible{outline:1px solid var(--oxblood);outline-offset:3px}select option{color:var(--green);background:var(--paper-light)}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:17px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#008a4b94;height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--oxblood);background:var(--paper-light);border-radius:0;width:12px;height:12px;margin-top:-6px}input[type=range]::-moz-range-track{background:#008a4b94;height:1px}input[type=range]::-moz-range-thumb{border:1px solid var(--oxblood);background:var(--paper-light);border-radius:0;width:12px;height:12px}input[type=range]:focus-visible{outline:1px solid var(--oxblood);outline-offset:4px}.sound-toggle{width:100%;min-height:39px;color:var(--green);letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;padding:9px 13px;font-size:9px;font-weight:650;display:flex}.sound-toggle.playing{border-color:var(--oxblood);color:var(--oxblood)}.sound-toggle.playing:hover,.sound-toggle.playing:focus-visible{background:var(--oxblood);color:var(--paper-light)}.sound-bars{justify-content:space-between;align-items:flex-end;width:14px;height:11px;display:flex}.sound-bars i{opacity:.72;transform-origin:bottom;background:currentColor;width:2px;height:4px;display:block}.sound-bars i:nth-child(2){height:8px}.sound-bars i:nth-child(3){height:6px}.playing .sound-bars i{animation:.75s ease-in-out infinite alternate sound-pulse}.playing .sound-bars i:nth-child(2){animation-delay:-.42s}.playing .sound-bars i:nth-child(3){animation-delay:-.2s}.music-credit{color:#008a4b9e;letter-spacing:.04em;justify-content:center;gap:5px;margin:9px 0 0;font-size:7px;display:flex}.music-credit a{color:inherit;text-decoration:none}.music-credit a:hover,.music-credit a:focus-visible{color:var(--oxblood)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.fallback{z-index:10;text-align:center;background:var(--paper);color:var(--green);place-content:center;font-family:Georgia,serif;position:absolute;inset:0}.fallback:not([hidden]){display:grid}.fallback small{color:var(--oxblood)}.unsupported .ui-chrome,.unsupported .visual-panel,.unsupported canvas{visibility:hidden}.qa .ui-chrome,.qa .visual-panel{display:none}@keyframes sound-pulse{0%{opacity:.48;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}@media (width<=720px){.settings-toggle{top:16px;right:16px}.regenerate{bottom:16px;right:16px}.icon-button{width:44px;height:44px}.visual-panel{width:calc(100vw - 32px);padding:17px 18px 14px;top:70px;right:16px}.control-list{gap:14px;padding-block:16px 18px}}@media (height<=650px){.visual-panel{max-height:calc(100vh - 28px);top:14px;overflow-y:auto}.control-list{gap:12px;padding-block:14px 16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}