.vinyl-wrap{--f200:#F5F9FC;--f100:#FAFCFD;--wrap-w:min(960px, 100vw - 48px);position:relative;width:var(--wrap-w);margin-left:calc(50% - var(--wrap-w)/2);box-sizing:border-box;padding:28px 24px;background:var(--f200);border-radius:24px;overflow:hidden}.vp-stars i{position:absolute;width:26px;height:26px;background:#fff;opacity:.9;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.vp-stars i:nth-child(1){left:11%;top:26%;width:34px;height:34px}.vp-stars i:nth-child(2){left:24%;top:50%;width:22px;height:22px}.vp-stars i:nth-child(3){left:9%;top:78%;width:24px;height:24px}.vp-stars i:nth-child(4){right:15%;top:22%;width:36px;height:36px}.vp-stars i:nth-child(5){right:19%;top:66%;width:20px;height:20px}.vp-stars i:nth-child(6){right:6%;top:84%;width:26px;height:26px}.vp-stars i:nth-child(7){left:35%;top:88%;width:14px;height:14px}.vp-stars i:nth-child(8){right:34%;top:12%;width:14px;height:14px}.vinyl-player{--f100:#FAFCFD;--f200:#F5F9FC;--f300:#EAF3F9;--f400:#E0EEF6;--f500:#D5E8F3;--f600:#CBE2F0;--f700:#A2B5C0;--f800:#7A8890;--f900:#3A4148;--f1000:#292D30;--vp-w:380px;position:relative;width:var(--vp-w);max-width:100%;margin:0 auto;padding:24px 24px 32px;background:transparent;border-radius:24px;font-family:Grandstander,Quicksand,sans-serif;color:var(--f900);-webkit-user-select:none;user-select:none;box-sizing:border-box}.vp-stage{position:relative;height:calc(var(--vp-w) * 1)}.vp-cover{position:absolute;left:-2%;top:2%;width:66%;aspect-ratio:1/1;object-fit:cover;transform:rotate(-4deg);border-radius:2px;background:var(--f300);box-shadow:0 8px 24px #3a41481f}.vp-cover.is-missing{visibility:hidden}.vp-record{position:absolute;left:26%;top:32%;width:70%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle,#d5e8f3e0 55%,#cbe2f0eb);box-shadow:0 12px 30px #3a414829,inset 0 0 0 1px #ffffffb3;animation:vp-spin 4s linear infinite;animation-play-state:paused}.vinyl-player.is-playing .vp-record{animation-play-state:running}.vp-grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3px,rgba(255,255,255,.4) 3px 4px);-webkit-mask:radial-gradient(circle,transparent 34%,#000 36%);mask:radial-gradient(circle,transparent 34%,#000 36%)}.vp-label{position:absolute;left:50%;top:50%;width:52%;aspect-ratio:1/1;border-radius:50%;transform:translate(-50%,-50%);background:var(--f400);box-shadow:0 0 0 1px #fffc}.vp-arc{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.vp-arc-title{fill:var(--f800);font-size:19px;letter-spacing:.2em;font-weight:600}.vp-hole{position:absolute;left:50%;top:50%;width:20%;aspect-ratio:1/1;border-radius:50%;transform:translate(-50%,-50%);background:var(--f100);box-shadow:inset 0 0 0 1px var(--f700)}.vp-hole:after{content:"";position:absolute;left:50%;top:50%;width:32%;aspect-ratio:1/1;border-radius:50%;background:var(--f800);transform:translate(-50%,-50%)}.vp-label-artist{position:absolute;left:0;right:0;bottom:16%;text-align:center;font-size:10px;letter-spacing:.14em;font-weight:600;color:var(--f800)}.vp-arm{position:absolute;right:8%;top:-4%;width:60px;height:70%;transform-origin:30px 30px;transform:rotate(-16deg);transition:transform .8s cubic-bezier(.4,0,.2,1)}.vinyl-player.is-playing .vp-arm{transform:rotate(0)}.vp-arm-pivot{position:absolute;left:0;top:0;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,var(--f700) 0 26%,var(--f100) 28% 60%,var(--f400) 62%);box-shadow:0 4px 12px #3a414826}.vp-arm-rod{position:absolute;left:26px;top:56px;width:8px;height:calc(100% - 70px);background:linear-gradient(90deg,var(--f700),var(--f100) 50%,var(--f700));border-radius:4px}.vp-arm-head{position:absolute;left:22px;bottom:0;width:16px;height:34px;border-radius:6px 6px 8px 8px;background:linear-gradient(90deg,var(--f800),var(--f300) 50%,var(--f800))}.vp-question{margin:0 0 12px;text-align:center;font-size:16px;font-weight:600;color:var(--f900)}.vp-question:before,.vp-question:after{content:'"'}.vp-question--again{margin-top:32px}.vp-affirmation{margin:0;text-align:center;font-size:16px;line-height:1.6;color:var(--f900)}.vp-controls{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;background:var(--f900);border-radius:999px}.vp-btn{width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:transparent;display:grid;place-items:center;flex:none}.vp-btn:focus-visible{outline:2px solid var(--f500);outline-offset:2px}.vp-btn svg{width:20px;height:20px;fill:var(--f100)}.vp-ico-pause{display:none}.vinyl-player.is-playing .vp-ico-pause{display:block}.vinyl-player.is-playing .vp-ico-play{display:none}.vp-time{font-size:12px;color:var(--f300);white-space:nowrap}.vp-progress{flex:1;height:4px;background:var(--f800);border-radius:2px;overflow:hidden;cursor:pointer}.vp-progress-fill{height:100%;width:0;background:var(--f200)}@keyframes vp-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vp-record{animation:none}.vp-arm{transition:none}}@media(max-width:640px){.vinyl-wrap{width:100%;margin-left:0;padding:0;background:transparent;border-radius:0}.vinyl-wrap .vinyl-player{background:var(--f200)}.vp-stars{display:none}}.vinyl-wrap[data-bg=none],.vinyl-wrap[data-bg=none] .vinyl-player{background:transparent!important}.vinyl-wrap[data-bg=none] .vp-stars{display:none}.study-app{--f100:#FAFCFD;--f200:#F5F9FC;--f300:#EAF3F9;--f400:#E0EEF6;--f500:#D5E8F3;--f600:#CBE2F0;--f700:#A2B5C0;--f800:#7A8890;--f900:#3A4148;--f1000:#292D30;background:var(--f200);padding:40px 20px 56px;font-family:Grandstander,Nunito,sans-serif;color:var(--f900);box-sizing:border-box}.study-app[data-bg=none]{background:transparent}.study-app *{box-sizing:border-box}.tabs{display:flex;flex-wrap:nowrap;gap:2px;width:fit-content;max-width:100%;margin:0 auto 28px;background:var(--f100);border-radius:999px;padding:6px;box-shadow:0 2px 10px #3a41480f;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{font-family:Grandstander,Quicksand,sans-serif;font-weight:600;font-size:14px;padding:10px 18px;border-radius:999px;border:0;background:transparent;color:var(--f800);cursor:pointer;transition:.15s;white-space:nowrap;flex:none}.tab-btn:hover{color:var(--f900)}.tab-btn.is-active{background:var(--f400);color:var(--f900)}.tab-btn:focus-visible{outline:2px solid var(--f700);outline-offset:2px}@media(max-width:520px){.tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:360px;overflow:visible;border-radius:20px;gap:4px;padding:6px}.tab-btn{text-align:center;padding:10px 12px}}.panel[hidden]{display:none}.timer-card{--vp-w:380px;position:relative;width:var(--vp-w);max-width:100%;margin:0 auto;padding:80px 24px 8px;font-family:Grandstander,Grandstander,sans-serif;color:var(--f900);-webkit-user-select:none;user-select:none}.timer-card .vp-stage{position:relative;height:calc(var(--vp-w) * 1)}.timer-card .vp-record{position:absolute;left:26%;top:32%;width:70%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle,#d5e8f3e0 55%,#cbe2f0eb);box-shadow:0 12px 30px #3a414829,inset 0 0 0 1px #ffffffb3;animation:vp-spin 4s linear infinite;animation-play-state:paused}.timer-card.is-running .vp-record{animation-play-state:running}.timer-card .vp-arm{position:absolute;right:8%;top:-4%;width:60px;height:70%;transform-origin:30px 30px;transform:rotate(-16deg);transition:transform .8s cubic-bezier(.4,0,.2,1)}.timer-card.is-running .vp-arm{transform:rotate(0)}.timer-audio{position:absolute;left:-20%;top:-6%;width:82%;height:118px;transform:rotate(-6deg);border-radius:12px;overflow:hidden;box-shadow:0 10px 22px #3a414829;background:var(--f900)}.timer-audio iframe{width:100%;height:100%;border:0;display:block}.timer-audio.is-empty{display:flex;align-items:center;justify-content:center;text-align:center;gap:4px;flex-direction:column;background:var(--f300);border:1.5px dashed var(--f700);color:var(--f700);font-size:11px;line-height:1.4;padding:8px}.timer-audio.is-empty svg{width:20px;height:20px;fill:var(--f700)}.timer-doodle{position:absolute;left:-8%;bottom:-4%;width:34%;height:auto;filter:drop-shadow(0 4px 8px rgba(58,65,72,.14));pointer-events:none;transform-origin:50% 85%}.timer-doodle--short{width:28%}.timer-doodle--pomodoro{animation:doodle-riffle 2.6s ease-in-out infinite}@keyframes doodle-riffle{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-3deg) translateY(-2px)}50%{transform:rotate(0) translateY(-4px)}75%{transform:rotate(3deg) translateY(-2px)}}.timer-doodle--short{animation:doodle-rise 3.2s ease-in-out infinite}@keyframes doodle-rise{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-1.5deg)}}.timer-doodle--long{animation:doodle-drift 4.4s ease-in-out infinite}@keyframes doodle-drift{0%,to{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-9px) rotate(2deg);opacity:.88}}@media(prefers-reduced-motion:reduce){.timer-doodle--pomodoro,.timer-doodle--short,.timer-doodle--long{animation:none}}.timer-display{font-size:52px;font-weight:700;text-align:center;margin:14px 0 2px;letter-spacing:.01em;color:var(--f900);cursor:pointer;font-variant-numeric:tabular-nums}.timer-display:hover{color:var(--f800)}.timer-display input{font:inherit;font-size:44px;width:4.4ch;text-align:center;border:0;border-bottom:3px solid var(--f700);background:transparent;color:inherit;outline:none}.timer-note{text-align:center;margin:6px 0 22px;font-family:Quicksand,Grandstander,sans-serif}.timer-credit{font-size:11px;color:var(--f700);text-align:center;margin:6px 0 0}.timer-credit:empty{display:none}.timer-credit a{color:inherit;text-decoration:underline}.timer-credit a:hover{color:var(--f900)}.timer-note-title{font-weight:700;font-size:15px;margin:0 0 8px;color:var(--f900)}.timer-note-message{font-size:14px;line-height:1.65;color:var(--f800);margin:0;white-space:pre-line}.timer-controls{display:flex;align-items:center;justify-content:center;gap:14px}.timer-start{font-family:Grandstander,Grandstander,sans-serif;font-weight:700;font-size:16px;padding:13px 46px;border-radius:999px;border:0;background:var(--f400);color:var(--f900);cursor:pointer;transition:.15s}.timer-start:hover{background:var(--f500)}.timer-reset{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--f700);background:transparent;color:var(--f800);cursor:pointer;display:grid;place-items:center}.timer-reset:hover{background:var(--f100)}.timer-reset svg{width:18px;height:18px;fill:var(--f800)}@media(max-width:480px){.timer-card{padding-top:74px}.timer-display{font-size:44px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bluckyaday-study.css.map */