:root{--scene-background-color:#212121}body{background-color:#222;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.webgl{width:100%;height:100%;position:absolute;top:0;left:0}.title-container .title a,.title-container .about a{text-shadow:none}.title-container a{color:contrast-color(var(--scene-background-color))}.title-container .about .about-modal a{text-shadow:none}.next-sketch a{text-shadow:none;color:contrast-color(var(--scene-background-color));z-index:101}.record-btn{z-index:100;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e1ed9;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 12px #0006}.record-btn:hover{transform:scale(1.1);box-shadow:0 4px 20px #0009}.record-btn.recording:before{content:"";background:#e53935;border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite pulse-dot;position:absolute}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{color:#eee;background:#2a2a2a;border-radius:12px;min-width:340px;max-width:420px;padding:28px 32px;box-shadow:0 8px 40px #00000080}.modal-title{margin:0 0 20px;font-size:18px;font-weight:600}.modal-row{margin-bottom:14px}.modal-label{color:#aaa;margin-bottom:4px;font-size:13px;display:block}.modal-input{color:#eee;box-sizing:border-box;background:#1e1e1e;border:1px solid #444;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}.modal-slider-group{align-items:center;gap:10px;display:flex}.modal-slider{accent-color:#db5461;flex:1}.modal-slider-value{font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:16px}.modal-unit{color:#888;font-size:13px}.modal-info{color:#888;margin:16px 0;font-size:13px}.modal-actions{gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s}.btn-primary{color:#fff;background:#db5461}.btn-primary:hover{background:#c44552}.btn-secondary{color:#ccc;background:#444}.btn-secondary:hover{background:#555}.hidden{display:none!important}#add-charge-button{z-index:100;pointer-events:all;box-sizing:border-box;color:contrast-color(var(--add-charge-bg,#fee75d));background:var(--add-charge-bg,#fee75d);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:16px;padding:6px 14px;font-family:GeistPixel,sans-serif;font-size:16px;position:fixed;bottom:20vh;left:50%;transform:translate(-50%)}#add-charge-button:active,#add-charge-button.pressed{transform:translate(-50%)scale(.95)}.tp-panel-container{--tp-base-background-color:#fff;--tp-base-foreground-color:#000;--tp-base-accent-color:#fdc43e;--tp-base-shadow-color:#0000001a;--tp-base-font-family:"GeistPixel", sans-serif;--tp-base-font-size:14px;--tp-base-border-radius:16px;--tp-about-text-font-size:16px;--tp-value-text-font-size:14px;--tp-button-background-color:#bbbcc4;--tp-button-background-color-active:#9294a0;--tp-button-background-color-focus:#a0a2ac;--tp-button-background-color-hover:#adafb8;--tp-button-foreground-color:#454754;--tp-container-background-color:#41455833;--tp-container-background-color-active:#41455852;--tp-container-background-color-focus:#41455847;--tp-container-background-color-hover:#4145583d;--tp-container-foreground-color:var(--tp-base-foreground-color);--tp-container-horizontal-padding:12px;--tp-groove-foreground-color:#4145581a;--tp-input-background-color:#4145581a;--tp-input-background-color-active:#41455838;--tp-input-background-color-focus:#4145582e;--tp-input-background-color-hover:#41455824;--tp-input-foreground-color:#454754;--tp-label-foreground-color:var(--tp-base-foreground-color);--tp-monitor-background-color:#4145581a;--tp-monitor-foreground-color:#45475480;z-index:1050}.tp- .tp-panel-container a{color:var(--tp-container-foreground-color)}.tp-panel-container .tp-rotv{background-clip:border-area;font-size:var(--tp-base-font-size)!important}.tp-panel-container--floating .tp-rotv{opacity:0;transform-origin:0 100%;pointer-events:none;transition:transform .125s ease-out,opacity .125s ease-out;transform:scale(.9)}.tp-panel-container--floating.open .tp-rotv{opacity:1;pointer-events:all;transform:scale(1)}.tp-panel-container--floating.closing .tp-rotv{opacity:0;pointer-events:none;transform:scale(.9)}.tp-panel-container .tp-fldv_b{pointer-events:none;color:#ccc;background:#000;height:auto;padding:2px 6px;font-size:12px;border-top-left-radius:14px!important;border-top-right-radius:14px!important}.tp-panel-container .tp-rotv_b,.tp-panel-container .tp-fldv_m,.tp-panel-container .tp-rotv_b:hover,.tp-panel-container .tp-rotv_b:active,.tp-panel-container .tp-rotv_b:focus{pointer-events:none;background-color:var(--tp-container-background-color)!important;cursor:default!important;display:none!important}.tp-panel-container .tp-rotv_m{display:none!important}.tp-panel-container .tp-rotv_c{border:3px solid var(--tp-container-foreground-color);border-radius:calc(var(--tp-base-border-radius) + 3px);background:#000;padding-top:0;width:min(250px,100vw - 64px)!important}.tp-panel-container .tp-fldv_i{display:none}.tp-panel-container .tp-fldv_t{padding-left:10px!important}.tp-panel-container .tp-fldv_c{background:#fff;padding:0 0 8px!important}.tp-panel-container .tp-tabv{background:#000;flex-direction:column!important;margin-left:0!important;display:flex!important}.tp-panel-container .tp-tabv_t:before{height:1px!important}.tp-panel-container .tp-tabv_t{font-size:var(--tp-base-font-size);border-radius:var(--tp-base-border-radius) var(--tp-base-border-radius) 0 0!important}.tp-panel-container .tp-tabv_i{display:none}.tp-panel-container .tp-tabv_c{background:#fff;border-radius:0!important;padding:14px 0!important}.tp-panel-container .tp-tbiv{margin-left:0!important}.tp-panel-container .tp-tbiv-sel{background-color:var(--tp-base-background-color)}.tp-panel-container .tp-tbiv_b{background:#fff;cursor:pointer!important;padding:4px 6px!important}.tp-panel-container .tp-tbiv_b:before{background:var(--tp-button-background-color)!important;height:1px!important;inset:auto 0 0!important}.tp-panel-container .tp-tbiv-sel .tp-tbiv_b:before{background:var(--tp-container-foreground-color)!important;height:2px!important;inset:auto 0 0!important}.tp-panel-container .tp-tbiv_t:hover{opacity:1}.tp-panel-container .tp-tbpv_c{max-height:calc(100vh - 220px);overflow:auto;padding:0!important}.tp-panel-container .tp-lblv{flex-direction:column;align-items:flex-start}.tp-panel-container .tp-lblv_v{width:100%}.tp-panel-container .tp-lblv_l{padding-left:0!important;padding-right:0!important}.tp-panel-container .tp-sldtxtv_s{flex:3.25!important}.tp-panel-container .tp-induv_t{font-size:var(--tp-about-text-font-size)}.tp-panel-container .tp-radv_t,.tp-panel-container .tp-txtv_i{font-size:var(--tp-value-text-font-size)}.tp-panel-container .tp-btnv{margin-top:4px}.tp-panel-container .tp-btnv_b{opacity:.8;background:0 0}.tp-panel-container .tp-btnv_b:hover{opacity:1;color:#fe4141}@media screen and (orientation:landscape){.tp-panel-container{left:calc(50vw - 50vh + 32px)}}@media screen and (width<=640px){.tp-panel-container{left:21px}}#panel-container{--tp-base-background-color:#fff;--tp-base-foreground-color:#000;--tp-base-accent-color:#f8f4e3;--tp-base-shadow-color:#0000001a;--tp-base-font-family:"GeistPixel", sans-serif;--tp-base-font-size:14px;--tp-base-border-radius:16px;--tp-about-text-font-size:16px;--tp-value-text-font-size:14px;--tp-button-background-color:#bbbcc4;--tp-button-background-color-active:#9294a0;--tp-button-background-color-focus:#a0a2ac;--tp-button-background-color-hover:#adafb8;--tp-button-foreground-color:#454754;--tp-container-background-color:#41455833;--tp-container-background-color-active:#41455852;--tp-container-background-color-focus:#41455847;--tp-container-background-color-hover:#4145583d;--tp-container-foreground-color:var(--tp-base-foreground-color);--tp-groove-foreground-color:#4145581a;--tp-input-background-color:#4145581a;--tp-input-background-color-active:#41455838;--tp-input-background-color-focus:#4145582e;--tp-input-background-color-hover:#41455824;--tp-input-foreground-color:#454754;--tp-label-foreground-color:var(--tp-base-foreground-color);--tp-monitor-background-color:#4145581a;--tp-monitor-foreground-color:#45475480;--tp-blade-value-width:200px;z-index:1000;pointer-events:none;position:absolute;bottom:16px;left:32px}#panel-container a{color:var(--tp-container-foreground-color)}#panel-toggle{box-sizing:border-box;border-radius:var(--tp-base-border-radius);font-family:var(--tp-base-font-family);font-size:var(--tp-about-text-font-size);color:contrast-color(var(--tp-base-accent-color));background:var(--tp-base-accent-color);cursor:pointer;pointer-events:all;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;padding:6px 14px;position:absolute;bottom:0;left:0}#panel-toggle:active,#panel-toggle.pressed{transform:scale(.95)}#panel-container .tp-dfwv{width:fit-content!important}#panel-container .tp-rotv{border:4px solid var(--tp-base-accent-color);opacity:0;transform-origin:0 100%;pointer-events:none;transition:transform .125s ease-out,opacity .125s ease-out;position:relative;bottom:44px;transform:scale(.9);font-size:var(--tp-base-font-size)!important}#panel-container.active .tp-rotv{opacity:1;pointer-events:all;transform:scale(1)}#panel-container .tp-rotv_b,#panel-container .tp-rotv_b:hover,#panel-container .tp-rotv_b:active,#panel-container .tp-rotv_b:focus{background-color:var(--tp-container-background-color)!important;cursor:default!important;display:none!important}#panel-container .tp-rotv_m{display:none!important}#panel-container .tp-rotv_c{border:2px solid var(--tp-container-foreground-color);border-radius:12px;padding-top:0;width:min(400px,100vw - 64px)!important}#panel-container .tp-fldv_i{display:none}#panel-container .tp-fldv_t{padding-left:10px!important}#panel-container .tp-fldv_c{padding:14px 6px!important}#panel-container .tp-tabv{flex-direction:column-reverse!important;display:flex!important}#panel-container .tp-tabv_t:before{height:1px!important;top:0!important}#panel-container .tp-tabv_t{font-size:var(--tp-base-font-size);border-radius:0 0 var(--tp-base-border-radius) var(--tp-base-border-radius)!important}#panel-container .tp-tabv_i{display:none}#panel-container .tp-tabv_c{padding:14px 6px!important}#panel-container .tp-tbiv{margin-left:0!important}#panel-container .tp-tbiv-sel{background-color:var(--tp-base-background-color)}#panel-container .tp-tbiv_b{cursor:pointer!important;padding:4px 6px!important}#panel-container .tp-tbiv_b:before{background:var(--tp-button-background-color)!important;height:1px!important;inset:0!important}#panel-container .tp-tbiv-sel .tp-tbiv_b:before{background:var(--tp-container-foreground-color)!important;height:2px!important;inset:0!important}#panel-container .tp-tbpv_c{max-height:calc(100vh - 220px);overflow:auto;padding:4px 0!important}#panel-container .tp-lblv{padding-top:4px!important;padding-bottom:4px!important}#panel-container .tp-lblv_l{padding-right:8px!important}#panel-container .tp-sldtxtv_s{flex:2.75!important}#panel-container .tp-induv_t{font-size:var(--tp-about-text-font-size)}#panel-container .tp-radv_t,#panel-container .tp-txtv_i{font-size:var(--tp-value-text-font-size)}@media screen and (orientation:landscape){#panel-container{left:calc(50vw - 50vh + 32px)}}@media screen and (width<=640px){#panel-container{left:21px}}
/*$vite$:1*/