.appearance-open{color:#b7c8bf;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:30px;height:30px;padding:0;display:grid}.appearance-open:hover{color:#fff;background:#ffffff12}.appearance-dialog{color:#eaf1ed;background:#171d1c;border:1px solid #ffffff25;border-radius:8px;width:min(420px,100vw - 28px);max-height:calc(100dvh - 28px);margin:auto;padding:20px;font:13px/1.5 Inter,system-ui,sans-serif;overflow:auto;box-shadow:0 20px 70px #0008}.appearance-dialog::backdrop{background:#0008}.appearance-dialog header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.appearance-dialog h2{align-items:center;gap:10px;margin:0;font-size:17px;display:flex}.appearance-dialog button{min-height:34px;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff24;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.appearance-dialog header button{background:0 0;border:0;width:32px;padding:0}.appearance-dialog>label{grid-template-columns:1fr minmax(120px,1fr);align-items:center;gap:10px;margin-top:16px;display:grid}.appearance-dialog select{color:#edf5ed;width:100%;min-width:0;min-height:36px;font:inherit;background:#222d28;border:1px solid #ffffff28;border-radius:4px;padding:6px 10px}.appearance-dialog .appearance-range{grid-template-columns:1fr auto}.appearance-range input{accent-color:#bde6cb;grid-column:1/-1;width:100%}.appearance-range output{font-variant-numeric:tabular-nums;color:#a4b8ac}.appearance-dialog .appearance-motion{justify-content:space-between;display:flex}.appearance-motion input{accent-color:#bde6cb;width:18px;height:18px}.appearance-dialog footer{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.appearance-dialog footer button:last-child{color:#15251a;background:#bde6cb;border-color:#bde6cb}:is(.appearance-open:focus-visible,.appearance-dialog :focus-visible){outline-offset:3px;outline:2px solid #bde6cb}.appearance-preview{isolation:isolate;background:#161c1a;border:1px solid #ffffff20;border-radius:5px;height:138px;position:relative;overflow:hidden}.appearance-preview .toon-weather{z-index:0!important;visibility:visible!important;opacity:1!important;position:absolute!important}.appearance-preview .toon-weather *{animation-play-state:paused!important}.appearance-preview .toon-cloud{width:150px}.appearance-preview .toon-moon,.appearance-preview .toon-sun{width:50px;height:50px;top:15%;right:18%}.appearance-dialog footer{flex-direction:row;align-items:center}.personal-background{z-index:-1;pointer-events:none;contain:strict;background:#111715;position:fixed;inset:0;overflow:hidden}.personal-background .toon-weather{z-index:0!important;visibility:visible!important;opacity:1!important}.personal-background[data-scene=minimal] .toon-weather,.appearance-preview[data-scene=minimal] .toon-weather{background:#17211f}.personal-background[data-scene=minimal] .toon-weather>:not(.toon-rain):not(.toon-snow):not(.toon-stars),.appearance-preview[data-scene=minimal] .toon-weather>:not(.toon-rain):not(.toon-snow):not(.toon-stars){display:none}.personal-background .toon-rain,.personal-background .toon-snow{opacity:var(--appearance-strength,.6)!important}.personal-background[data-effect=stars] .toon-stars,.appearance-preview[data-effect=stars] .toon-stars{opacity:var(--appearance-strength,.6)!important;display:block!important}.personal-background[data-effect=none] .toon-rain,.personal-background[data-effect=none] .toon-snow{display:none}.personal-background[data-effect=rain] .toon-rain,.appearance-preview[data-effect=rain] .toon-rain,.personal-background[data-effect=snow] .toon-snow,.appearance-preview[data-effect=snow] .toon-snow{display:block}html[data-personal-background=on] body>.toon-weather,html[data-personal-background=on] .site-shell-content>.toon-weather{display:none}html[data-personal-background=on] .site-shell{background:0 0}html[data-personal-background=on] .site-shell-content>main.niche-page{background:#101715ba}html[data-personal-background=on] .site-shell-content>main.school-page,html[data-personal-background=on] .site-shell-content>main.personal-music{background:#101715e6}.personal-background.is-paused *,.personal-background.is-paused :before,.personal-background.is-paused :after{animation-play-state:paused!important}body:has(.game-stage) .personal-background *{animation-play-state:paused!important}body:has(.game-stage) .personal-background :before{animation-play-state:paused!important}body:has(.game-stage) .personal-background :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.personal-background *,.personal-background :before,.personal-background :after{transition:none!important;animation:none!important}}