:root{--text:#6b6375;--text-h:#08060d;--bg:#e3dac9;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Bodoni Moda", "Didot", serif;--heading:"Bodoni Moda", "Didot", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}.card-page{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:var(--bg);background-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");background-size:300px 300px;margin:0}::view-transition-old(root){animation-duration:.45s}::view-transition-new(root){animation-duration:.45s}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:32px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.card-name-wrapper{align-self:center;margin-top:.5em;font-size:72px}@media (width<=1024px){.card-name-wrapper{font-size:clamp(28px,9vw,44px)}}.card-name{letter-spacing:.2em;text-transform:uppercase;text-align:center;white-space:nowrap;color:var(--text-h);margin:0;font-weight:500;line-height:1.2}.time-range-buttons button{font-family:var(--sans)}.top-artists{border-collapse:collapse;margin:0 auto}.top-artists td{vertical-align:middle;border:1px solid var(--border);padding:8px 16px}.top-artists .artist-rank{text-align:center}.top-artists .artist-image img{display:block}.top-artists .artist-name{text-align:left}.top-artists .artist-name a{font-size:28px}.top-artists .artist-name a,.now-playing a{color:var(--text-h);text-decoration:none}:is(.top-artists .artist-name a,.now-playing a):hover{text-decoration:underline}.now-playing p{color:var(--text-h);font-size:24px}.peek-wrapper{display:inline-block;position:relative}.peek-wrapper img{display:block}.snoopy-ledge{pointer-events:none;z-index:2;width:100%;height:auto;position:absolute;bottom:100%;left:50%;overflow:visible;transform:translate(-50%,12.57%)}.now-playing .peek-wrapper{margin-top:20px}.peek-wrapper:hover .snoopy-ledge{pointer-events:auto}.snoopy-ledge__head,.snoopy-ledge__paw,.snoopy-ledge__line,.snoopy-ledge__eye{transform-box:fill-box}.snoopy-ledge__head{transition:transform .2s ease-in;transform:translateY(100%)}.peek-wrapper:hover .snoopy-ledge__head{transition:transform .5s cubic-bezier(.34,1.4,.64,1) .15s;transform:translateY(0)}.snoopy-ledge__paw{transform-origin:50% 0;opacity:0;transition:transform .2s ease-in .12s,opacity .2s ease-in .12s;transform:translateY(-40%)}.peek-wrapper:hover .snoopy-ledge__paw{opacity:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1) 80ms,opacity .15s ease-out 80ms;transform:translateY(0)}.snoopy-ledge__line{transform-origin:50%;transition:transform .2s ease-in .25s;transform:scaleX(0)}.peek-wrapper:hover .snoopy-ledge__line{transition:transform .25s ease-out;transform:scaleX(1)}.snoopy-ledge__eye{transform-origin:50%}.peek-wrapper:hover .snoopy-ledge__eye{animation:3.5s ease-in-out .9s infinite snoopy-blink}@keyframes snoopy-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.15)}}@media (prefers-reduced-motion:reduce){.snoopy-ledge *,.peek-wrapper:hover .snoopy-ledge *{transition:none;animation:none}}.home{background:#1b1311;position:fixed;inset:0;overflow:hidden;container-type:size}.home-photo{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s ease-out,transform .8s cubic-bezier(.6,0,.35,1),filter .8s ease-in;position:absolute;inset:0}.home.photo-ready .home-photo{opacity:1}.home:not(.photo-ready) .thought{display:none}.home.is-entering .home-photo{filter:brightness(.6)blur(3px);transform:scale(1.08)}.thought{--photo-ratio:1.3404;--cover-w:max(100cqw, 100cqh * var(--photo-ratio));--cover-h:max(100cqh, 100cqw / var(--photo-ratio));--head-x:.655;--head-y:.3;--anchor-x:calc(50cqw + (var(--head-x) - .5) * var(--cover-w));--anchor-y:calc(50cqh + (var(--head-y) - .5) * var(--cover-h));--cloud-w:clamp(190px, 24cqw, 340px);--cloud-h:calc(var(--cloud-w) * 230 / 320);--cloud-x:clamp(16px, var(--anchor-x) + var(--cloud-w) * .4, 100cqw - var(--cloud-w) - 16px);--cloud-y:clamp(16px, var(--anchor-y) - var(--cloud-h) * 1.4, 100cqh - var(--cloud-h) - 16px);--cloud-cx:calc(var(--cloud-x) + var(--cloud-w) / 2);--cloud-cy:calc(var(--cloud-y) + var(--cloud-h) / 2);pointer-events:none;position:absolute;inset:0}@container (orientation:portrait){.thought{--cloud-w:clamp(200px, 48cqw, 360px);--head-x:.6;--head-y:.29;--cloud-x:clamp(16px, var(--anchor-x) - var(--cloud-w) * .5, 100cqw - var(--cloud-w) - 16px);--cloud-y:clamp(16px, var(--anchor-y) - var(--cloud-h) * 1.9, 100cqh - var(--cloud-h) - 16px)}}.thought-dot{left:calc(var(--anchor-x) + (var(--cloud-cx) - var(--anchor-x)) * var(--t) - var(--size) / 2);top:calc(var(--anchor-y) + (var(--cloud-cy) - var(--anchor-y)) * var(--t) - var(--size) / 2);width:var(--size);height:var(--size);box-sizing:border-box;animation:thought-pop .4s cubic-bezier(.34, 1.56, .64, 1) var(--delay) both;background:#fffdf7;border:3px solid #2b2420;border-radius:50%;transition:opacity .2s;position:absolute}.thought-dot--1{--t:0;--size:14px;--delay:.6s}.thought-dot--2{--t:.18;--size:22px;--delay:.8s}.thought-dot--3{--t:.38;--size:34px;--delay:1s}.thought-cloud{left:var(--cloud-x);top:var(--cloud-y);width:var(--cloud-w);height:var(--cloud-h);pointer-events:auto;border-radius:45%;transition:transform .8s cubic-bezier(.6,0,.35,1);display:block;position:absolute}.thought-cloud__pop{height:100%;transition:scale .25s ease-out;animation:.5s cubic-bezier(.34,1.56,.64,1) 1.2s backwards thought-pop;display:block}.thought-cloud__svg{filter:drop-shadow(0 6px 14px #00000059);width:100%;height:100%;animation:4s ease-in-out 1.7s infinite thought-bob;display:block;overflow:visible}.thought-cloud__text{font-family:var(--sans);fill:#2b2420;font-size:46px;font-style:italic;transition:opacity .25s ease-in}.thought-cloud:hover .thought-cloud__pop,.thought-cloud:focus-visible .thought-cloud__pop{scale:1.06}.thought-cloud:focus-visible{outline-offset:8px;outline:3px dashed #fffdf7}.home.is-entering .thought-dot{opacity:0}.home.is-entering .thought-cloud{transform:translate(var(--zoom-x), var(--zoom-y)) scale(var(--zoom-scale))}.home.is-entering .thought-cloud__svg{filter:none;animation-play-state:paused}.home.is-entering .thought-cloud__text{opacity:0}@keyframes thought-pop{0%{scale:0}}@keyframes thought-bob{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.thought-dot,.thought-cloud__pop,.thought-cloud__svg{animation:none}}.studio{--flicker:1;background:#0f0f0f;position:fixed;inset:0;overflow:hidden}.studio.is-setting-off{cursor:progress}.studio-shot{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.studio-still{animation:.35s ease-out studio-cut}@keyframes studio-cut{0%{opacity:0}}.studio-walk{opacity:0}.studio-walk.is-walking{opacity:1}.studio-back{font-family:var(--sans);color:#1c1c1c;background:#fbfbf8;border:3px solid #1c1c1c;border-radius:999px;padding:6px 16px;font-size:16px;line-height:1.2;text-decoration:none;transition:translate .1s,box-shadow .1s;position:fixed;top:16px;left:16px;box-shadow:0 3px #1c1c1c}.studio-back:hover{translate:0 -2px;box-shadow:0 5px #1c1c1c}.studio-back:active{translate:0 3px;box-shadow:0 0 #1c1c1c}.studio-hint{box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);font-family:var(--sans);color:#1c1c1c;background:#fbfbf8;border:3px solid #1c1c1c;border-radius:999px;align-items:center;gap:8px;margin:0 auto;padding:4px 4px 4px 16px;font-size:16px;line-height:1.2;animation:.4s ease-out .6s both studio-hint-in;display:flex;position:fixed;top:16px;left:0;right:0;box-shadow:0 3px #1c1c1c}@media (width<=520px){.studio-hint{top:68px}}.studio-hint-close{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .15s;display:grid}.studio-hint-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:10px;height:10px}.studio-hint-close:hover{background-color:#1c1c1c1a}.studio-hint-close:focus-visible{outline-offset:1px;outline:2px solid #1c1c1c}@keyframes studio-hint-in{0%{opacity:0;translate:0 -12px}}@keyframes studio-hint-fade{0%{opacity:0}}.studio-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.studio-hotspot{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:16px;padding:0;transition:background-color .25s;position:absolute}.studio-hotspot:hover{background-color:#ffffff14}.studio-hotspot:focus-visible{outline-offset:4px;outline:2px solid #ffffffb3}.board-plane{transform-origin:0 0;width:2000px;height:1000px;position:absolute;top:0;left:0}.board-area{flex-direction:column;align-items:center;display:flex;position:absolute}.board-area.is-compact .board-range{font-size:52px;line-height:1}.board-area.is-compact .board-artists{gap:22px 40px;margin-top:30px}.board-area.is-compact .board-caption{margin-top:16px;font-size:42px;line-height:1}.board-sheet:after,.album-sleeve:before{content:"";mix-blend-mode:soft-light;opacity:calc(var(--warm,0) * var(--flicker));pointer-events:none;background:linear-gradient(250deg,#ffc874,#ffba648c);position:absolute;inset:0}.board-sheet:is(:hover,:focus-visible):after,.album-sleeve:is(:hover,:focus-visible):before{opacity:calc(var(--warm,0) * var(--flicker) * .35)}.board-range,.board-caption,.board-message{filter:sepia(calc(var(--warm,0) * var(--flicker) * .9))}.chalk{color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.92 0 0 0 0 0.92 0 0 0 0 0.9 2.6 0 0 0 -0.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E");-webkit-background-clip:text;background-clip:text;font-family:Kalam,Ink Free,Segoe Print,cursive;font-weight:400}.board-ranges{flex-wrap:wrap;justify-content:center;gap:10px 90px;display:flex}.board-range{cursor:pointer;opacity:.6;pointer-events:auto;background-color:#0000;border:0;padding:6px 22px;font-size:60px;line-height:1.1;transition:opacity .2s;position:relative}.board-range:hover,.board-range[aria-pressed=true]{opacity:1}.board-range:focus-visible{outline-offset:6px;outline:4px dashed #e6e6e199}.chalk-ring{fill:none;stroke:#e8e8e2cc;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:1.1;stroke-dashoffset:1.1px;width:calc(100% + 52px);height:calc(100% + 30px);transition:stroke-dashoffset .5s ease-out;position:absolute;top:-16px;left:-26px;overflow:visible}[aria-pressed=true]>.chalk-ring{stroke-dashoffset:0}.board-artists{flex-wrap:wrap;place-content:center;gap:34px 40px;margin:auto 0;padding:0;list-style:none;transition:opacity .3s;display:flex}.board-artists.is-loading{opacity:.35}.board-artist{width:var(--column);flex-direction:column;align-items:center;display:flex}.board-sheet{box-sizing:border-box;width:210px;height:297px;rotate:var(--tilt);isolation:isolate;pointer-events:auto;background:linear-gradient(170deg,#d8d5ce,#c4c1ba);padding:10px;transition:translate .2s,scale .2s;display:block;position:relative;box-shadow:0 10px 14px #00000080,0 1px 2px #0006}.board-sheet img{object-fit:cover;width:100%;height:100%;filter:grayscale(calc((1 - var(--warm,0)) * (1 - var(--warm,0)))) contrast(1.06) brightness(.88);transition:filter .3s;display:block}.board-sheet:hover,.board-sheet:focus-visible{outline:none;translate:0 -10px;scale:1.06}:is(.board-sheet:hover,.board-sheet:focus-visible) img{filter:saturate(1.4)contrast(1.08)brightness(1.06)}.board-magnet{background:radial-gradient(circle at 36% 30%,#b5b5b5 0 7%,#3a3a3a 34%,#141414 72%);border-radius:50%;width:36px;height:36px;margin-left:-18px;position:absolute;top:-14px;left:50%;box-shadow:0 5px 6px #0000008c}.board-caption{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:26px 0 0;font-size:50px;line-height:1.05;display:-webkit-box;overflow:hidden}.board-rank{font-size:1.2em;font-weight:700}.board-message{margin:auto 0;font-size:64px}.album-plane,.album-shadow{transform-origin:0 0;position:absolute;top:0;left:0}.album-plane{width:314px;height:314px}.album-shadow{filter:blur(10px);background:linear-gradient(#00000080,#00000052 40%,#0000);width:394px;height:196px;animation:.6s ease-out both album-in}.album-sleeve{isolation:isolate;pointer-events:auto;background:#1a1a1a;border-radius:3px;width:100%;height:100%;animation:.6s ease-out both album-in;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000059}.album-sleeve img{object-fit:cover;width:100%;height:100%;filter:grayscale(calc((1 - var(--warm,0)) * (1 - var(--warm,0)))) contrast(1.06) brightness(.82);transition:filter .3s;display:block}.album-sleeve:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#0000 30%,#00000047);position:absolute;inset:0}.album-sleeve:hover img,.album-sleeve:focus-visible img{filter:saturate(1.4)contrast(1.08)brightness(1.06)}.album-sleeve:focus-visible{outline-offset:6px;outline:6px solid #ffffffb3}@keyframes album-in{0%{opacity:0}}.notes{width:0;height:0;position:absolute}.note{bottom:0;left:calc(var(--cm) * -4);width:calc(var(--cm) * 8);transform-origin:50% 100%;opacity:0;animation:3.2s cubic-bezier(.3,.2,.6,1) infinite note-rise;position:absolute}.note svg{fill:#f3f1ea;stroke:#121212;stroke-width:4px;stroke-linejoin:round;paint-order:stroke;width:100%;animation:.9s ease-in-out infinite alternate note-sway;display:block;overflow:visible}.note:first-child{--x:-9;--turn:-20deg}.note:nth-child(2){--x:8;--turn:16deg;width:calc(var(--cm) * 9.5);animation-delay:-.55s}.note:nth-child(3){--x:3;--turn:-8deg;animation-delay:-1.1s}.note:nth-child(3) svg{animation-delay:-.45s}.note:nth-child(4){--x:-5;--turn:22deg;width:calc(var(--cm) * 9);animation-delay:-1.65s}.note:nth-child(5){--x:11;--turn:-14deg;animation-delay:-2.2s}.note:nth-child(5) svg{animation-delay:-.3s}.note:nth-child(6){--x:-12;--turn:10deg;width:calc(var(--cm) * 7);animation-delay:-2.75s}@keyframes note-rise{0%{transform:translate(0, calc(var(--cm) * -2)) scale(.3);opacity:0}15%,65%{opacity:1}to{transform:translate(calc(var(--x) * var(--cm)), calc(var(--cm) * -42)) scale(1) rotate(var(--turn));opacity:0}}@keyframes note-sway{0%{translate:calc(var(--cm) * -1.2) 0;rotate:-10deg}to{translate:calc(var(--cm) * 1.2) 0;rotate:10deg}}.holo-beam{mix-blend-mode:screen;position:absolute;top:0;left:0}.holo{color:#e6faff;pointer-events:auto;position:absolute;translate:-50% -100%}.holo.is-clickable{cursor:pointer}.holo-float{box-sizing:border-box;padding:calc(var(--w) * .055) calc(var(--w) * .075);box-shadow:0 0 calc(var(--w) * .07) #8cdcff59, inset 0 0 calc(var(--w) * .06) #8cdcff40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#96dcff52,#6ebef033);border:1px solid #bef0ff99;border-radius:6px;animation:3.4s ease-in-out infinite holo-bob,6s step-end infinite holo-flicker;position:relative;overflow:hidden}.holo-float:before{content:"";pointer-events:none;background:repeating-linear-gradient(#c8f5ff1f 0 1px,#0000 1px 4px);animation:3s linear infinite holo-scan;position:absolute;inset:0}.holo-label{font-family:Michroma,ui-sans-serif,system-ui,sans-serif;font-size:clamp(8px, calc(var(--w) * .036), 12px);letter-spacing:.14em;text-transform:uppercase;opacity:.8;align-items:center;gap:.7em;margin:0;line-height:1.2;display:flex}.holo-bars{align-items:flex-end;gap:2px;height:1.1em;display:inline-flex}.holo-bars i{transform-origin:bottom;background:currentColor;width:2px;height:100%;animation:.8s ease-in-out infinite alternate holo-eq}.holo-bars i:nth-child(2){animation-delay:-.3s}.holo-bars i:nth-child(3){animation-delay:-.55s}.holo-bars i:nth-child(4){animation-delay:-.15s}.holo-title,.holo-artist{white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif;line-height:1.25;overflow:hidden}.holo-title{font-size:clamp(14px, calc(var(--w) * .082), 26px);text-shadow:0 0 10px #8cdcffd9;margin-top:.4em;font-weight:600}.holo-artist{font-size:clamp(11px, calc(var(--w) * .058), 18px);opacity:.85}.holo-track{color:inherit;text-decoration:none}.holo-track:hover{text-decoration:underline}@keyframes holo-bob{50%{translate:0 calc(var(--w) * -.02)}}@keyframes holo-flicker{0%,to{opacity:1}41%{opacity:.82}42%{opacity:1}77%{opacity:.9}78%{opacity:1}}@keyframes holo-scan{to{background-position:0 8px}}@keyframes holo-eq{0%{scale:1 .25}to{scale:1}}.laptop-screen{color:#f2f2f2;transform-origin:0 0;pointer-events:auto;background:#111;width:1192px;height:745px;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.lock-screen{background:#111;place-items:center;animation:.5s ease-in .4s both lock-away;display:grid;position:absolute;inset:0}.lock-screen svg{aspect-ratio:1;fill:#f4f4f4;width:36%}@keyframes lock-away{to{opacity:0;visibility:hidden;scale:1.06}}.home-screen{animation:.6s ease-out .45s both home-wake;position:absolute;inset:0}.lock-screen:after,.home-screen:after{content:"";pointer-events:none;background:linear-gradient(100deg,#ffc47857,#ffbe6e24 40%,#ffbe6e0a 75%);position:absolute;inset:0}@keyframes home-wake{0%{opacity:0;scale:1.03}}.home-wallpaper{object-fit:cover;filter:brightness(.42)saturate(.7);-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.home-bar{box-sizing:border-box;padding:0 calc(12px / var(--px));height:calc(28px / var(--px));font-size:calc(13px / var(--px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414b3;justify-content:space-between;align-items:center;gap:1em;font-weight:600;line-height:1;display:flex;position:absolute;top:0;left:0;right:0}.home-bar-name,.home-clock{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-clock{font-variant-numeric:tabular-nums;white-space:pre;font-weight:500}.home-icons{top:calc(28px / var(--px) + 22px / var(--px));left:calc(22px / var(--px));gap:calc(16px / var(--px));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:absolute}.home-icon{align-items:center;gap:calc(6px / var(--px));width:calc(84px / var(--px));padding:calc(6px / var(--px)) 0;color:inherit;border-radius:calc(8px / var(--px));flex-direction:column;text-decoration:none;transition:background-color .15s;display:flex}.home-icon:hover,.home-icon:focus-visible{background:#ffffff24;outline:none}.home-icon:focus-visible .home-tile{box-shadow:0 0 0 calc(3px / var(--px)) #fff}.home-icon:active .home-tile{scale:.94}.home-tile{width:calc(56px / var(--px));height:calc(56px / var(--px));box-shadow:inset 0 1px 0 #ffffff2e, 0 calc(4px / var(--px)) calc(10px / var(--px)) #00000080;background:linear-gradient(160deg,#3a3a3a,#161616);border-radius:22%;place-items:center;transition:scale .1s;display:grid}.home-tile svg{fill:#f4f4f4;width:68%;height:68%}.home-label{max-width:100%;font-size:calc(12px / var(--px));text-align:center;text-shadow:0 1px 3px #000000e6;text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.2;overflow:hidden}@media (prefers-reduced-motion:reduce){.lock-screen{display:none}.home-screen{animation:none}.note{opacity:.9;transform:translate(calc(var(--x) * var(--cm) * .5), calc(var(--cm) * -16)) rotate(var(--turn));animation:none}.note:nth-child(n+3){display:none}.note svg{animation:none}.studio-hint{animation-name:studio-hint-fade}.holo-float,.holo-float:before,.holo-bars i,.album-sleeve,.album-shadow{animation:none}}.easel-canvas{transform-origin:0 0;pointer-events:auto;width:700px;height:900px;position:absolute;top:0;left:0}.easel-press{text-decoration:none;animation:.6s ease-out .35s both easel-show;display:block;position:absolute;inset:22px}@keyframes easel-show{0%{opacity:0;scale:1.02}}.easel-face-grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px;display:grid;position:absolute;inset:0;overflow:hidden}.easel-face-item{background:#cfc6b4;display:block;overflow:hidden}.easel-face-item img{object-fit:cover;width:100%;height:100%;display:block}.easel-press-label{padding:calc(26px / var(--px)) calc(16px / var(--px)) calc(12px / var(--px));font-family:var(--sans);font-size:calc(15px / var(--px));color:#2a2620;text-align:center;background:linear-gradient(#eee8da00,#eee8dad1 45%,#eee8daf2);font-style:italic;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.easel-press:hover .easel-press-label,.easel-press:focus-visible .easel-press-label{color:#0f0e0c;background:linear-gradient(#f0e7d200,#f0e7d2e6 40%,#f2e8d0)}.easel-press:after{content:"";background:#fff0d200;transition:background-color .3s;position:absolute;inset:-22px}.easel-press:hover:after,.easel-press:focus-visible:after{background:#fff0d229}.easel-canvas.is-open .easel-press{visibility:hidden}.art-wall{z-index:5;overscroll-behavior:contain;color:#211e19;visibility:hidden;pointer-events:none;opacity:0;transform:scale(var(--grow-scale));transform-origin:var(--grow-x) var(--grow-y);background-color:#eee7d7;background-image:repeating-linear-gradient(90deg,#78684e0d 0 1px,#0000 1px 3px),repeating-linear-gradient(#78684e0d 0 1px,#0000 1px 3px),radial-gradient(120% 90% at 30% 0,#fffaeee6,#e2d7c2e6);transition:transform .55s cubic-bezier(.22,.85,.28,1),opacity .32s ease-out,visibility .55s;position:fixed;inset:0;overflow-y:auto}.art-wall.is-shown{visibility:visible;pointer-events:auto;opacity:1;transform:none}.art-wall:before{content:"";z-index:3;pointer-events:none;border:7px solid #926c3e8c;position:fixed;inset:0;box-shadow:inset 0 0 26px #60482829}.art-bar{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#eee7d7f7,#eee7d7d1 70%,#eee7d700);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 22px 14px;display:flex;position:sticky;top:0}.art-title{font-family:var(--heading);margin:0;font-size:clamp(26px,5vw,40px);font-style:italic;font-weight:400;line-height:1}.art-bar-buttons{align-items:center;gap:10px;display:flex}.art-button{font-family:var(--sans);color:#1c1c1c;cursor:pointer;background:#fbfbf8;border:3px solid #1c1c1c;border-radius:999px;padding:6px 16px;font-size:16px;line-height:1.2;text-decoration:none;transition:translate .15s,box-shadow .15s;box-shadow:0 3px #1c1c1c}.art-button:hover{translate:0 -2px;box-shadow:0 5px #1c1c1c}.art-button:active{translate:0 2px;box-shadow:0 1px #1c1c1c}.art-button:disabled{cursor:default;opacity:.45;translate:none;box-shadow:0 3px #1c1c1c}.art-close{padding:6px 13px}.art-unlock{width:30px;height:30px;font-family:var(--sans);color:#1c1c1c;cursor:pointer;opacity:.22;background:0 0;border:0;border-radius:999px;padding:0;font-size:20px;line-height:1;transition:opacity .2s,background-color .2s}.art-unlock:hover,.art-unlock:focus-visible{opacity:1;background:#1c1c1c14}.art-grid{columns:250px 5;column-gap:20px;margin:0;padding:0 22px 60px;list-style:none}.art-pin{break-inside:avoid;margin:0 0 20px}.art-pin a{color:inherit;background:#d8cfbb;text-decoration:none;transition:translate .2s,box-shadow .2s;display:block;position:relative;box-shadow:0 2px 10px #3c301c2e}.art-pin a:hover,.art-pin a:focus-visible{translate:0 -4px;box-shadow:0 10px 22px #3c301c42}.art-pin img{width:100%;height:auto;display:block}.art-caption{background:#faf6eceb;padding:9px 12px 11px;font-size:14px;line-height:1.3;display:block}.art-caption strong{font-weight:500;display:block}.art-caption em{opacity:.68}.art-empty{font-family:var(--heading);text-align:center;margin:12vh auto;font-size:clamp(22px,4vw,30px);font-style:italic}.art-empty span{font-family:var(--sans);opacity:.6;margin-top:10px;font-size:15px;font-style:normal;display:block}.art-add{background:#fcf9f2cc;border:2px dashed #78623e80;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 22px 22px;padding:16px;display:flex}.art-field{min-width:0;font-family:var(--sans);color:inherit;background:#fffdf7;border:2px solid #1c1c1c8c;border-radius:6px;flex:130px;padding:8px 12px;font-size:16px}.art-field-short{flex:0 110px}.art-file{cursor:pointer;flex:100%}.art-file input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.art-file span{font-family:var(--sans);text-align:center;background:#fffdf7;border:2px solid #1c1c1c8c;border-radius:6px;padding:10px 12px;font-size:16px;display:block}.art-file input:focus-visible+span{outline-offset:2px;outline:2px solid #1c1c1c}.art-problem{font-family:var(--sans);color:#8a2b16;flex:100%;margin:0;font-size:15px}@media (width<=520px){.art-grid{columns:150px 2;column-gap:14px;padding-inline:14px}.art-bar{padding-inline:14px}.art-add{margin-inline:14px}}@media (prefers-reduced-motion:reduce){.easel-press{animation:none}.art-wall{transition:opacity .2s;transform:none}.art-pin a:hover,.art-pin a:focus-visible{translate:none}}