@font-face{font-family:PersonifiedUX;src:url(/assets/fonts/PersonifiedUXRegular.ttf) format("truetype");font-display:swap}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;min-height:100lvh;min-height:100dvh;min-height:-webkit-fill-available;overflow:hidden;background-color:#12131c}#wallpaper-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0}#persona-overlay-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.persona-split-svg{width:100%;height:100%;display:block}#menu-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:2;pointer-events:none}.persona-menu{position:absolute;transform:translate(-50%,-50%) rotate(var(--menu-rot, 0deg));display:flex;flex-direction:column;align-items:flex-start;gap:.18em;pointer-events:none}.persona-btn{position:relative;display:block;margin-left:var(--btn-x, 0);transform:rotate(var(--btn-rot, 0deg));z-index:1;outline:none;pointer-events:none;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.persona-btn.selected{z-index:0}.persona-btn svg{display:block;overflow:visible;pointer-events:none}.persona-btn-hit{fill:transparent;pointer-events:all;cursor:pointer}.persona-btn-bg{fill:#000}.persona-btn-text{fill:#fff;font-family:PersonifiedUX,sans-serif;font-size:1em;dominant-baseline:central}.persona-btn-red{visibility:hidden}.persona-btn.selected .persona-btn-red{visibility:visible}.persona-btn-red rect,.persona-btn-red .persona-btn-text{fill:#f02}.persona-btn.selected svg>.persona-btn-bg{fill:#f02}.persona-btn.selected svg>.persona-btn-text{fill:#000}body>*:not(#wallpaper-container):not(#persona-overlay-container):not(#menu-container):not(#audio-overlay):not(#ootd-book-container){position:relative;z-index:3}.ootd-book-container{position:absolute;top:50%;left:30.33%;transform:translate(-50%,-50%);height:80vh;max-height:82%;aspect-ratio:1 / 1;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:auto;will-change:transform}.book-bg{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.book-date-badge{position:absolute;top:5%;left:7%;width:40%;height:auto;z-index:3;pointer-events:none;will-change:transform}.ootd-vinyl{--vinyl-size: 33%;--vinyl-x: 39%;--vinyl-y: 47%;--vinyl-label: 36%;position:absolute;top:var(--vinyl-y);left:var(--vinyl-x);width:var(--vinyl-size);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:1;box-shadow:0 .4em 1.2em #00000073;pointer-events:auto;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.ootd-vinyl.dragging{cursor:grabbing}.vinyl-disc{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.06) 0 2%,transparent 7% 38%,rgba(255,255,255,.045) 44%,transparent 49% 71%,rgba(255,255,255,.03) 75%,transparent 79%),radial-gradient(circle,transparent 47%,rgba(255,255,255,.07) 47.5%,transparent 48.5%),repeating-radial-gradient(circle,#0d0d0f 0 1.6px,#1b1b1f 1.6px 3.2px);box-shadow:inset 0 0 0 .25em #08080a;will-change:transform}.vinyl-label{position:absolute;top:50%;left:50%;width:var(--vinyl-label);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff url(/assets/images/spin.jpeg) center / cover no-repeat;box-shadow:0 0 0 .15em #000}.vinyl-label:after{content:"";position:absolute;top:50%;left:50%;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#12131c}.ootd-vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 6%,rgba(255,255,255,.13) 11%,transparent 17% 50%,rgba(255,255,255,.09) 61%,transparent 67%);-webkit-mask:radial-gradient(circle,transparent calc(var(--vinyl-label) / 2),#000 calc(var(--vinyl-label) / 2 + 1%));mask:radial-gradient(circle,transparent calc(var(--vinyl-label) / 2),#000 calc(var(--vinyl-label) / 2 + 1%));pointer-events:none}.ootd-outfit-container{--outfit-scale: 1.3;--outfit-width: 32%;--top-width: 100%;--bottom-width: 125%;--bottom-offset-y: -10%;--shoes-width: 105%;--shoes-offset-y: -15%;position:absolute;top:55%;left:54%;transform:translate(-50%,-50%) scale(var(--outfit-scale, 1));width:var(--outfit-width, 32%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;pointer-events:none}.ootd-piece{display:block;object-fit:contain;pointer-events:none;will-change:transform;margin:0;padding:0;line-height:0}.ootd-top{width:var(--top-width, 105%);aspect-ratio:1000 / 1000;z-index:3}.ootd-bottom{width:var(--bottom-width, 155%);margin-top:var(--bottom-offset-y, -10%);aspect-ratio:1000 / 1000;z-index:2}.ootd-shoes{width:var(--shoes-width, 105%);margin-top:var(--shoes-offset-y, -15%);aspect-ratio:1000 / 500;z-index:1}@media(max-width:768px),(orientation:portrait){.ootd-book-container{display:none!important}}#wallpaper-container svg{width:100vw;height:100vh;display:block}#wallpaper-container #Night,#wallpaper-container #Day{will-change:opacity;transition:opacity .8s cubic-bezier(.4,0,.2,1)}#wallpaper-container.mode-day #Night{opacity:0;pointer-events:none}#wallpaper-container.mode-day #Day,#wallpaper-container.mode-night #Night{opacity:1}#wallpaper-container.mode-night #Day{opacity:0;pointer-events:none}.audio-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;height:100lvh!important;height:100dvh!important;min-height:-webkit-fill-available!important;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-color:#d92323;z-index:999999!important;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-tap-highlight-color:transparent;contain:layout style}.audio-overlay.fade-out{opacity:0;pointer-events:none}.audio-overlay-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3.5rem;padding:2rem;max-width:90vw}@media(max-width:768px){.audio-overlay-content{flex-direction:column;gap:1rem;padding:1rem .75rem;max-width:95vw}.superstar-wrapper{width:clamp(80px,24vw,130px)!important}.audio-overlay-text{font-size:clamp(2.2rem,11vw,4.2rem)!important}.audio-overlay-text .line-2{margin-left:1.4em!important}.audio-overlay-text .line-3{margin-left:.4em!important}}.superstar-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:clamp(140px,22vw,280px);height:auto;aspect-ratio:800 / 759;opacity:0;will-change:transform,opacity,filter;-webkit-transform:translateZ(0);animation:blurIn .5s cubic-bezier(.16,1,.3,1) forwards .1s}.superstar-icon{width:100%;height:100%;display:block;overflow:visible;animation:spin 14s linear infinite;-webkit-transform:translateZ(0)}.audio-overlay-text{display:flex;flex-direction:column;color:#fff;font-family:Helvetica Neue,Inter,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:800;font-size:clamp(2.6rem,6.5vw,6.2rem);line-height:.92;letter-spacing:-.045em;text-transform:lowercase;-webkit-user-select:none;user-select:none}.audio-overlay-text .line{display:block;opacity:0;transform:scale(.92) translateY(16px);filter:blur(24px);will-change:transform,opacity,filter;animation:blurIn .5s cubic-bezier(.16,1,.3,1) forwards}.audio-overlay-text .line-1{animation-delay:.12s}.audio-overlay-text .line-2{animation-delay:.22s;margin-left:2em}.audio-overlay-text .line-3{animation-delay:.32s;margin-left:.6em}.audio-overlay-text .line-4{animation-delay:.42s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blurIn{0%{opacity:0;filter:blur(28px);transform:scale(.92) translateY(20px)}to{opacity:1;filter:blur(0px);transform:scale(1) translateY(0)}}@keyframes simpleFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.no-gpu *,.no-gpu .superstar-wrapper,.no-gpu .audio-overlay-text .line,.perf-lite *,.perf-lite .superstar-wrapper,.perf-lite .audio-overlay-text .line{will-change:auto!important;filter:none!important}.no-gpu .superstar-wrapper,.no-gpu .audio-overlay-text .line,.perf-lite .superstar-wrapper,.perf-lite .audio-overlay-text .line{filter:none!important;animation-name:simpleFadeIn!important}