@font-face{font-family:Montserrat;src:url(./Montserrat-Regular-BdMzRefO.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background:#0a0a0a;color:#e8e2d8;font-family:Arial,sans-serif}.app{width:100%;min-height:100vh;display:flex;justify-content:center}.animuk{width:100%;max-width:720px;min-height:100vh;padding:24px}.home-screen{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.home-header{width:min(100%,560px);display:flex;flex-direction:column;align-items:center;padding-top:24px}.header-row{position:relative;width:100%;height:44px;display:flex;align-items:center;justify-content:center}.menu-button{position:absolute;left:0;top:50%;transform:translateY(-50%)}.account-control{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:130px;font-family:Montserrat,Arial,sans-serif;font-size:12px;line-height:1}.account-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8e2d8e0}.logout-link{color:#e8e2d885;text-decoration:none;transition:color .18s ease}.logout-link:hover,.logout-link:focus-visible{color:#1db954}.icon-button{width:44px;height:44px;padding:0;border:0;background:transparent;color:#e8e2d8;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.icon-button svg{width:24px;height:24px;display:block}.brand-name{font-family:Montserrat,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.8em;padding-left:.8em}.brand-line{width:90px;height:1px;margin-top:10px;background:#e8e2d859}.player{width:100%;margin-top:2px;display:flex;flex-direction:column;align-items:center}.record-area{position:relative;container-type:inline-size;width:min(100%,560px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.record{position:absolute;overflow:hidden;z-index:2;width:83.5%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55));animation:vinyl-spin 24s linear infinite;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.led-ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.led{--count: 96;position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%) rotate(calc(var(--i) * 360deg / var(--count))) translateY(-42cqw)}.vinyl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.record-label{position:absolute;left:50%;top:50%;width:32%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#1b1b1b,#181818 70%,#121212);box-shadow:inset 0 0 8px #ffffff08,inset 0 -3px 8px #00000073,0 0 0 2px #ffffff0a}.record-label:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:1px solid rgb(34 132 131);box-shadow:0 0 2px #228483e6,0 0 6px #22848373;pointer-events:none}.record-bars{position:absolute;left:50%;top:55%;width:16px;height:16px;transform:translate(-50%);background:linear-gradient(#228483 0,#228483 0) left bottom / 2px 10px no-repeat,linear-gradient(#228483 0,#228483 0) center bottom / 2px 16px no-repeat,linear-gradient(#228483 0,#228483 0) right bottom / 2px 10px no-repeat;filter:drop-shadow(0 0 3px rgba(34,132,131,.45));pointer-events:none;z-index:2}.record-spindle{position:absolute;left:50%;top:50%;width:2.6%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9b9b9,#9b9b9b 20%,#747474 55%,#505050 82%,#383838);box-shadow:0 0 0 1px #00000059,inset 1px 1px 1px #ffffff59,inset -2px -2px 2px #00000073}.record.is-paused{animation-play-state:paused}.central-controls{margin-top:7px;width:min(100%,560px);display:flex;justify-content:center}.central-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:230px;height:46px;padding:0 26px;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.04em;color:#e8e2d8;text-decoration:none;cursor:pointer;border-radius:23px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(to bottom,#232323,#181818 48%,#121212);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000008c,0 6px 14px #00000073;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.central-button:hover{border-color:#ffffff29;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000008c,0 8px 18px #0000008c;transform:translateY(-1px)}.central-button:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #00000073,inset 0 -1px #ffffff0d,0 2px 5px #00000059}.spotify-icon{width:18px;height:18px;flex-shrink:0;color:#e8e2d8}@keyframes vinyl-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.insights-cover{position:absolute;left:50%;top:50%;width:94%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:4;display:none;align-items:center;justify-content:center;padding:10%;border:1px solid rgba(232,226,216,.12);background:linear-gradient(135deg,#1c1c1c8c,#0c0c0c66);box-shadow:0 12px 30px #00000059,inset 0 0 0 1px #ffffff05;pointer-events:none}.insights-info{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ebd2bb}.insights-year{max-width:100%;font-family:Montserrat,Arial,sans-serif;font-size:clamp(24px,18vw,110px);font-weight:400;line-height:1;letter-spacing:.12em;overflow-wrap:anywhere}.insights-artist{max-width:100%;margin-top:14px;font-family:Montserrat,Arial,sans-serif;font-size:clamp(16px,10vw,48px);font-weight:400;line-height:1.15;overflow-wrap:anywhere}.insights-title{max-width:100%;margin-top:10px;font-family:Montserrat,Arial,sans-serif;font-size:clamp(13px,5vw,26px);font-weight:400;line-height:1.2;overflow-wrap:anywhere}.insights-scroll{width:100%;margin-top:22px;overflow:hidden;white-space:nowrap;font-family:Montserrat,Arial,sans-serif;font-size:20px;line-height:1.2;color:#ebd2bb;opacity:.85}.insights-scroll span{display:inline-block;padding-left:100%;animation:insights-scroll 10s linear infinite}@keyframes insights-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.spotify-attribution{display:none!important;margin-top:50px;width:230px;height:34px;display:flex;align-items:center;padding:0 8px;border:1px solid rgba(232,226,216,.1);border-radius:17px;background:#ffffff06;gap:8px;color:inherit;text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.central-button[hidden]{display:none}.rating-controls{position:relative;width:min(100%,360px);display:flex;justify-content:center}.rating-controls[hidden]{display:none}.rating-controls:before{content:"HOW WELL DID YOU KNOW IT?";position:absolute;z-index:1;top:7px;left:0;right:0;color:#e8e2d8b8;font-family:Montserrat,Arial,sans-serif;font-size:8px;font-weight:400;letter-spacing:.15em;line-height:1;text-align:center;pointer-events:none}.rating-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;direction:rtl;width:min(100%,360px);height:46px;margin:0;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:23px;background:linear-gradient(to bottom,#232323,#181818 48%,#121212);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000008c,0 6px 14px #00000073;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease}.rating-slider:focus-visible{border-color:#ffffff47;outline:2px solid rgba(232,226,216,.7);outline-offset:3px}.rating-slider:hover{border-color:#ffffff29;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000008c,0 8px 18px #0000008c}.rating-slider:active{box-shadow:inset 0 2px 3px #00000073,inset 0 -1px #ffffff0d,0 2px 5px #00000059}.rating-slider::-webkit-slider-runnable-track{height:4px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:linear-gradient(to right,#d94242,#e3b238 48%,#32b86a);box-shadow:0 0 7px #d65b483d,inset 0 1px 1px #ffffff59}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:46px;margin-top:-21px;border:0;border-radius:2px;background:transparent;box-shadow:none}.rating-slider::-moz-range-track{height:4px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:linear-gradient(to right,#d94242,#e3b238 48%,#32b86a);box-shadow:0 0 7px #d65b483d}.rating-slider::-moz-range-thumb{width:30px;height:46px;border:0;border-radius:2px;background:transparent;box-shadow:none}.rating-slider:disabled{cursor:wait;opacity:.55}.spotify-attribution[hidden]{display:none}.spotify-attribution:hover,.spotify-attribution:focus-visible{border-color:#1db954a6;background:#1db95414}.spotify-attribution:focus-visible{outline:2px solid #1db954;outline-offset:3px}.spotify-attribution-icon{width:21px;height:21px;flex:0 0 21px}.spotify-metadata-window{width:25ch;max-width:25ch;overflow:hidden;white-space:nowrap;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1;color:#e8e2d8;opacity:.85}.spotify-metadata-track{display:inline-flex;width:max-content;animation:spotify-metadata-scroll 14s linear infinite}.spotify-metadata-track span{flex:0 0 auto;padding-right:24px}@keyframes spotify-metadata-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}