@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/1d3bc6cf8ffd57a1-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/86fbc9d8e118e1a5-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/643504413c165422-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/a65324f02aa278dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1d3bc6cf8ffd57a1-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/86fbc9d8e118e1a5-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/643504413c165422-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a65324f02aa278dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/1d3bc6cf8ffd57a1-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/86fbc9d8e118e1a5-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/643504413c165422-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Baloo_2_ad8880;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/a65324f02aa278dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Baloo_2_Fallback_ad8880;src:local("Arial");ascent-override:112.55%;descent-override:54.71%;line-gap-override:0.00%;size-adjust:95.78%}.__className_ad8880{font-family:__Baloo_2_ad8880,__Baloo_2_Fallback_ad8880;font-style:normal}.__variable_ad8880{--font-display:"__Baloo_2_ad8880","__Baloo_2_Fallback_ad8880"}@font-face{font-family:__Poppins_cc80f9;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_cc80f9;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_cc80f9;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_cc80f9;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_cc80f9;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_cc80f9;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_cc80f9;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_cc80f9;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_cc80f9;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_Fallback_cc80f9;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_cc80f9{font-family:__Poppins_cc80f9,__Poppins_Fallback_cc80f9;font-style:normal}.__variable_cc80f9{--font-body:"__Poppins_cc80f9","__Poppins_Fallback_cc80f9"}@font-face{font-family:__Caveat_0cfab1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e44cdba7d0878bc5-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Caveat_0cfab1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/07fccecd6728972a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Caveat_0cfab1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/486fce9f36bc8f45-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Caveat_0cfab1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/46bdd75a3ff56824-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Caveat_0cfab1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e44cdba7d0878bc5-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Caveat_0cfab1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/07fccecd6728972a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Caveat_0cfab1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/486fce9f36bc8f45-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Caveat_0cfab1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/46bdd75a3ff56824-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Caveat_Fallback_0cfab1;src:local("Arial");ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.00%;size-adjust:76.94%}.__className_0cfab1{font-family:__Caveat_0cfab1,__Caveat_Fallback_0cfab1;font-style:normal}.__variable_0cfab1{--font-hand:"__Caveat_0cfab1","__Caveat_Fallback_0cfab1"}:root{color-scheme:light;--pink:#ff3ea5;--hot-orange:#ff6a3d;--purple:#7c3aed;--yellow:#ffd23f;--blue:#3ec1ff;--ink:#1a1523;--paper:#fffaf3;--tan:#f0dcae;--case-gray:#6e6e78}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 8% 12%,rgba(255,210,63,.55),transparent 40%),radial-gradient(circle at 92% 8%,rgba(62,193,255,.5),transparent 42%),radial-gradient(circle at 85% 90%,rgba(255,62,165,.55),transparent 45%),radial-gradient(circle at 10% 90%,rgba(124,58,237,.5),transparent 45%),linear-gradient(160deg,#ff9ad5,#ff6a3d 35%,#7c3aed)}h1,h2{font-family:var(--font-display),sans-serif;letter-spacing:-.02em}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.confetti .c{position:absolute;font-size:2.5rem;opacity:.3;animation:float 9s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.15))}.c1{top:8%;left:6%;animation-delay:0s}.c2{top:18%;right:10%;animation-delay:1.2s;font-size:1.8rem}.c3{bottom:14%;left:12%;animation-delay:2.4s}.c4{bottom:22%;right:8%;animation-delay:.6s}.c4,.c5{font-size:2rem}.c5{top:45%;left:2%;animation-delay:3s}.c6{top:60%;right:4%;animation-delay:1.8s}.c7{top:2%;left:32%;animation-delay:2.1s;font-size:1.6rem;opacity:.22}.c8{top:12%;left:48%;animation-delay:4s;font-size:2.2rem}.c9{top:28%;right:28%;animation-delay:.9s;font-size:1.7rem;opacity:.25}.c10{top:36%;left:20%;animation-delay:3.6s;font-size:1.9rem}.c11{top:52%;right:40%;animation-delay:1.5s;font-size:1.6rem;opacity:.22}.c12{top:68%;left:38%;animation-delay:2.7s;font-size:2.1rem}.c13{bottom:4%;left:26%;animation-delay:.3s;font-size:1.8rem}.c14{bottom:8%;right:30%;animation-delay:3.3s;font-size:2rem;opacity:.25}.c15{bottom:36%;left:4%;animation-delay:1.8s;font-size:1.7rem}.c16{bottom:44%;right:6%;animation-delay:4.4s;font-size:1.9rem;opacity:.25}.c17{top:78%;right:16%;animation-delay:.9s;font-size:1.6rem}.c18{top:6%;right:44%;animation-delay:3.9s;font-size:1.7rem;opacity:.22}@keyframes float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-22px) rotate(8deg)}}.container{max-width:640px;margin:0 auto;padding:3.5rem 1.5rem 5rem;position:relative;z-index:1}.container--centered{display:flex;flex-direction:column;min-height:100vh}.home-hero{flex:1 1;display:flex;flex-direction:column;justify-content:center}.home-hero h1{line-height:1.15}@media (max-width:480px){.home-hero h1{line-height:.75}.home-hero{justify-content:flex-start;padding-top:1.5rem}}.example-stack{position:relative;width:clamp(190px,55vw,250px);height:clamp(150px,42vw,190px);margin:0 auto 1.75rem}.example-photo{position:absolute;top:50%;width:64%;height:auto}.example-photo--one{left:0;width:60.8%;transform:translateY(-50%) rotate(-7deg);z-index:1}.example-photo--two{right:0;transform:translateY(-50%) rotate(5deg);z-index:2}.badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:.3rem .9rem;font-weight:600;font-size:.8rem;transform:rotate(-4deg);box-shadow:3px 3px 0 var(--ink);margin-bottom:1rem}.badge--big{padding:.55rem 1.3rem;font-size:1.15rem;font-weight:700;box-shadow:4px 4px 0 var(--ink)}h1{font-size:3rem;font-weight:800;margin:0 0 .5rem;text-shadow:3px 3px 0 var(--yellow)}h1,h2{color:var(--ink)}h2{font-size:1.3rem;font-weight:700;margin:2.5rem 0 .75rem}p{color:#3a3245;line-height:1.55;font-weight:500}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}.mix-count{margin-top:.9rem;font-size:.85rem;font-weight:600;color:var(--ink)}@media (max-width:480px){.mix-count{position:fixed;right:1rem;bottom:1rem;margin-top:0;z-index:2}}.button,button{display:inline-flex;align-items:center;justify-content:center;background:var(--pink);color:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:.8rem 1.6rem;font-family:var(--font-display),sans-serif;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}.button:hover,button:hover:not(:disabled){transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 6px 0 var(--ink)}.button:active,button:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.mini-btn{display:flex;width:-moz-fit-content;width:fit-content;flex-shrink:1;white-space:nowrap;padding:.4rem clamp(.55rem,3.2vw + .2rem,1.25rem);font-size:clamp(.65rem,1.6vw + .4rem,.8rem);border-width:3px;box-shadow:3px 3px 0 var(--ink)}.mini-btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink)}.mini-btn:active:not(:disabled){box-shadow:2px 2px 0 var(--ink)}.post-open-actions{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(.35rem,2vw,.75rem);margin-top:.75rem;max-width:100%;overflow-x:auto;padding:6px}.page-logo{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 1rem}.page-logo img{display:block;max-width:220px;height:auto}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:4px 4px 0 var(--ink);transform:none}.link{color:var(--ink);font-weight:600;font-size:.9rem;-webkit-text-decoration:underline wavy var(--purple);text-decoration:underline wavy var(--purple);text-underline-offset:3px}.error{color:#b3001b;background:#ffd6d6;border:2px solid #b3001b;border-radius:12px;padding:.75rem 1rem;margin-top:1rem;font-weight:600}.success{color:var(--ink);background:#d3ffe0;border:2px solid #1a8f3c;border-radius:12px;padding:.9rem 1.1rem;margin-top:1.5rem;font-weight:600}.success a{color:#1a8f3c;text-decoration:underline}.search-form{display:flex;gap:.75rem;margin-top:1.5rem}.search-input-wrap{position:relative;flex:1 1;min-width:0}.spotify-link-input{font-size:16px}input,textarea{background:var(--paper);border:3px solid var(--ink);border-radius:14px;color:var(--ink);padding:.7rem .9rem;font-size:.95rem;font-family:var(--font-body),sans-serif;font-weight:500;width:100%}input:focus,textarea:focus{outline:none;box-shadow:3px 3px 0 var(--blue)}textarea{resize:vertical;margin-top:.75rem}.cover-picker{display:flex;flex-wrap:nowrap;gap:.75rem;margin:1rem 0 1rem -6px;overflow-x:auto;padding:6px}.cover-option{width:calc((100% - 3 * .75rem) / 3.5);aspect-ratio:1/1;padding:0;border:3px solid var(--ink);border-radius:10px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);overflow:hidden;flex-shrink:0}@media (max-width:480px){.cover-option{width:calc((100% - 2 * .75rem) / 2.5)}}.cover-option img{width:100%;height:100%;object-fit:cover;display:block}.cover-option--none{font-size:.7rem;font-weight:700;color:#6b6275}.cover-option.selected{border-color:var(--pink);box-shadow:3px 3px 0 var(--pink)}.cover-option--disc{border-radius:50%;position:relative;background:transparent;box-shadow:inset 0 0 0 2px #c8c8d0,3px 3px 0 var(--ink)}.cover-option-disc-mask{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;mask-image:radial-gradient(circle closest-side,transparent 0,transparent 20%,#000 21%,#000 100%);-webkit-mask-image:radial-gradient(circle closest-side,transparent 0,transparent 20%,#000 21%,#000 100%)}.cover-option--disc img{border-radius:50%}.cover-option-ring{content:"";position:absolute;inset:40%;border-radius:50%;border:1px solid #c8c8d0;box-shadow:inset 0 0 0 1px var(--ink);pointer-events:none}.cover-option--upload{text-align:center;padding:.5rem;font-family:var(--font-body),sans-serif;font-size:.68rem;font-weight:700;line-height:1.15;color:var(--ink)}.cover-option--upload,.photo-crop-backdrop{display:flex;align-items:center;justify-content:center}.photo-crop-backdrop{position:fixed;inset:0;background:rgba(15,10,20,.75);padding:1.5rem;z-index:50}.photo-crop-panel{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:360px;background:var(--paper);border:4px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--ink);padding:1.75rem}.photo-crop-panel h2{margin:0;font-size:1.3rem}.photo-crop-panel>p{margin:0;text-align:center;font-size:.85rem}.photo-crop-viewport{position:relative;width:min(275px,65vw);aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:4px solid var(--ink);box-shadow:inset 0 0 0 2px #c8c8d0;background:var(--case-gray);touch-action:none;cursor:-webkit-grab;cursor:grab}.photo-crop-viewport:active{cursor:-webkit-grabbing;cursor:grabbing}.photo-crop-img{top:50%;left:50%;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.photo-crop-hole,.photo-crop-img{position:absolute;pointer-events:none}.photo-crop-hole{inset:40%;border-radius:50%;border:1.5px solid #c8c8d0;background:var(--case-gray);box-shadow:inset 0 0 0 1.5px var(--ink)}.photo-crop-zoom{width:100%}.photo-crop-actions{display:flex;gap:.75rem;justify-content:center;width:100%;margin-top:.25rem}.photo-crop-cancel{background:var(--paper);color:var(--ink)}.create-section{display:flex;flex-direction:column;gap:.75rem;margin-top:2.5rem;background:rgba(255,250,243,.6);border:3px dashed var(--ink);border-radius:18px;padding:1.25rem}.create-section button{align-self:flex-start;background:var(--yellow);color:var(--ink)}.input-with-counter{position:relative}.input-with-counter input{padding-right:3.4rem}.input-with-counter textarea{padding-bottom:1.5rem}.char-counter{position:absolute;font-size:.7rem;color:#adadad;pointer-events:none}.char-counter--input{right:.85rem;top:50%;transform:translateY(-50%)}.char-counter--textarea{right:.85rem;bottom:.5rem}.case-stage{display:flex;justify-content:center;margin-top:2rem}@media (max-width:480px){.case-stage{transform:scale(.9);transform-origin:center top;margin-bottom:-1.9rem}}.case{position:relative;cursor:pointer;transition:transform .4s ease,border-color .75s ease,box-shadow .75s ease,background-color .75s ease;display:flex;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);overflow:hidden;background-color:var(--paper);animation:jiggle 2.5s ease-in-out infinite}.case:hover{transform:translateY(-4px) rotate(-1deg)}.case--open{transform:scale(.85) rotate(3deg);pointer-events:none;animation:none}@keyframes jiggle{0%{transform:rotate(0deg)}2%{transform:rotate(-3deg)}4%{transform:rotate(3deg)}6%{transform:rotate(-2deg)}8%{transform:rotate(2deg)}10%,to{transform:rotate(0deg)}}.tap-hint{text-align:center;margin-top:1rem;font-family:var(--font-display),sans-serif;font-size:1.4rem;font-weight:800;color:var(--ink)}.case--cd{width:min(390px,85vw);aspect-ratio:390/334;border-radius:4px;border:none;box-shadow:none;background-color:transparent}.case--tape{width:340px;height:212px;border-radius:4px}.case-back{position:absolute;inset:0;background-image:url(/case/back.png);background-repeat:no-repeat;background-size:213.33% 187.13%;background-position:49.1% 50.52%;transition:opacity .25s ease;pointer-events:none}.case-window{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.case-cover{width:100%;height:100%;object-fit:cover}.case-cover,.case-glass{position:absolute;inset:0}.case-glass{background:rgba(255,250,243,.22)}.cd-lid-wrap{transition:opacity .25s ease}.cd-lid,.cd-lid-wrap{position:absolute;inset:0}.cd-lid{background-image:url(/case/front.png);background-repeat:no-repeat;background-size:213.33% 187.13%;background-position:49.1% 50.52%;transform-origin:10.4% center;transition:transform 1.2s ease}.cd-lid,.lid-glare{pointer-events:none}.lid-glare{position:absolute;left:15.58%;top:9.49%;width:71.79%;height:83.83%;border-radius:50%;background-image:linear-gradient(115deg,transparent 15%,hsla(0,0%,100%,.525) 22%,transparent 30%),linear-gradient(115deg,transparent 50%,hsla(0,0%,100%,.3) 56%,transparent 63%);transition:opacity .2s ease}.case--cd.case--open .lid-glare{opacity:0}.lid-tape-stack{position:absolute;top:50%;left:4%;right:4%;transform:translateY(-50%) rotate(-3deg);display:flex;flex-direction:column;align-items:center;gap:.2rem}.lid-title{padding:.45rem .7rem;background:var(--tan);-webkit-clip-path:polygon(6% 0,1% 10%,5% 22%,0 36%,4% 50%,0 64%,5% 78%,1% 90%,6% 100%,94% 100%,99% 90%,95% 78%,100% 64%,96% 50%,100% 36%,95% 22%,99% 10%,94% 0);clip-path:polygon(6% 0,1% 10%,5% 22%,0 36%,4% 50%,0 64%,5% 78%,1% 90%,6% 100%,94% 100%,99% 90%,95% 78%,100% 64%,96% 50%,100% 36%,95% 22%,99% 10%,94% 0);text-align:center;font-family:var(--font-hand),cursive;font-weight:700;font-size:1.3rem;color:var(--ink);white-space:nowrap}.disc-shell-wrap{position:absolute;left:15.58%;top:9.49%;width:71.79%;height:83.83%;transition:transform .25s ease}.disc-shell{position:relative;width:100%;height:100%}.disc{position:absolute;inset:0;border-radius:50%;border:4px solid var(--ink);box-shadow:inset 0 0 0 2px #c8c8d0;overflow:hidden;background:conic-gradient(from 0deg,var(--pink),var(--yellow),var(--blue),var(--purple),var(--pink));mask-image:radial-gradient(circle closest-side,transparent 0,transparent 20%,#000 21%,#000 100%);-webkit-mask-image:radial-gradient(circle closest-side,transparent 0,transparent 20%,#000 21%,#000 100%)}.disc-cover{top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover}.disc-cover,.disc-hole-ring{position:absolute;border-radius:50%}.disc-hole-ring{inset:40%;border:1.5px solid #c8c8d0;box-shadow:inset 0 0 0 1.5px var(--ink);pointer-events:none}.case--cd.case--open{transform:none;overflow:visible}.case--cd.case--open .cd-lid{transform:scaleX(-1)}.case--cd.case--exit .case-back,.case--cd.case--exit .cd-lid-wrap{opacity:0}.case--cd.case--exit{border-color:transparent;box-shadow:6px 6px 0 rgba(26,21,35,0);background-color:transparent}.case--cd.case--exit .disc-shell-wrap{transform:translate(-2.06%,-1.68%)}.case--cd.case--open .disc-shell{animation:spin 30s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reveal{animation:revealIn .5s ease both}.scroll-runway{height:10vh}.spotify-btn{background:#1db954;padding:.4rem .9rem}@keyframes revealIn{0%{opacity:0;margin-top:calc(1.5rem + 16px)}to{opacity:1;margin-top:1.5rem}}.note-card{max-width:420px;margin:0 auto;background:var(--tan);border:4px solid var(--ink);border-radius:18px;box-shadow:8px 8px 0 var(--ink);padding:1.75rem 1.5rem;transform:rotate(-1.5deg)}.note-text{font-family:var(--font-hand),cursive;font-size:1.7rem;line-height:1.4;color:var(--ink);white-space:pre-wrap;margin:0}.emoji-shower{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}.emoji-shower-piece{position:absolute;top:-10%;font-size:2.2rem;animation-name:emojiShowerFall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes emojiShowerFall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(115vh) rotate(50deg);opacity:.9}}