@font-face{font-family:Unbounded;src:url(/fonts/Unbounded.woff2) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--night: #04030c;--deep: #12093a;--cold: #4a0f86;--warm: #a3157c;--red: #e2323a;--hot: #ff7a14;--peak: #ffc21f;--skin: #f6efff;--skin-2: rgba(246, 239, 255, .72);--skin-3: rgba(246, 239, 255, .5);--ink: #1c0610;--panel: rgba(12, 8, 34, .62);--pad: clamp(20px, 4.4vw, 64px);--show: "Unbounded", system-ui, sans-serif;--read: "Hanken Grotesk", system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;background:var(--night)}html{-webkit-text-size-adjust:100%}body{color:var(--skin);font:400 17px/1.5 var(--read);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);font:inherit}:focus-visible{outline:2px solid var(--peak);outline-offset:3px;border-radius:99px}.gl{position:fixed;inset:0;width:100vw;height:100lvh;display:block;z-index:0;touch-action:none}.still{display:none;position:fixed;z-index:0;left:50%;top:45%;width:min(86vw,900px);height:auto;transform:translate(-50%,-50%)}.no-gl .gl{display:none}.no-gl .still{display:block}.no-gl body{background:radial-gradient(120% 60% at 50% 0%,#0d0828 0%,var(--night) 70%)}.dark{position:fixed;inset:0;z-index:8;background:var(--night);opacity:0;pointer-events:none;transition:opacity .42s ease-in}.leaving .dark{opacity:1}.tag{position:fixed;z-index:3;left:0;right:0;top:0;display:flex;justify-content:center;align-items:center;gap:11px;pointer-events:none;opacity:0;font:500 11.5px/1 var(--show);letter-spacing:.26em;color:var(--skin-2);will-change:transform,opacity}.tag span{margin-right:-.26em}.tag i{flex:none;width:4px;height:4px;border-radius:50%;background:var(--hot);box-shadow:0 0 9px #ff7a14d9}.door{padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.go{position:fixed;z-index:4;left:0;right:0;bottom:var(--foot, calc(env(safe-area-inset-bottom, 0px) + clamp(14px, 3vh, 40px)) );transition:bottom .26s var(--ease);display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;padding:0 max(var(--pad),env(safe-area-inset-left,0px)) 0 max(var(--pad),env(safe-area-inset-right,0px));opacity:0}.is-set .go{animation:up 1s var(--ease) .55s forwards}@keyframes up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stage{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:end;width:100%}.stage>*{grid-area:1 / 1;min-width:0;transition:opacity .38s ease,transform .5s var(--ease),filter .38s ease,visibility 0s linear .5s;opacity:0;visibility:hidden;transform:translateY(14px) scale(.97);filter:blur(10px)}[data-state=rest][data-who=new] .rest.new,[data-state=rest][data-who=known] .rest.known,[data-state=mail] .mail,[data-state=busy][data-form=mail] .mail,[data-state=ask] .code,[data-state=busy][data-form=ask] .code,[data-state=pin] .pin,[data-state=busy][data-form=pin] .pin,[data-state=born] .born,[data-state=busy][data-form=born] .born,[data-state=sent] .listed,[data-state=young] .young,[data-state=in] .went{opacity:1;visibility:visible;transform:none;filter:none;transition-delay:0s}.rest,.ask{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;width:100%}.lead,.ask label{font:500 14px/1.15 var(--read);color:var(--skin-2);text-align:center}.lead{font:400 13px/1.25 var(--show);letter-spacing:.01em}.cta{display:inline-flex;align-items:center;justify-content:center;height:64px;width:min(100%,356px);padding:0 26px;border-radius:99px;color:var(--ink);font:600 16px/1 var(--show);letter-spacing:-.025em;white-space:nowrap;touch-action:manipulation;background:#ff7a14 linear-gradient(100deg,#e2323a,#ff7a14 52%,#ffb21f);box-shadow:0 0 34px #ff7a1466,0 0 96px #e2323a38;animation:warm 2.6s ease-in-out infinite;transition:transform .25s var(--ease)}.cta:hover{transform:scale(1.03)}.cta:active{transform:scale(.97)}@keyframes warm{0%,to{box-shadow:0 0 30px #ff7a1457,0 0 90px #e2323a2e}50%{box-shadow:0 0 44px #ff7a1485,0 0 120px #e2323a4d}}.enter{display:inline-flex;align-items:center;gap:12px;height:64px;padding:0 36px 0 14px;border-radius:99px;font:500 17px/1 var(--show);letter-spacing:-.02em;touch-action:manipulation;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .25s var(--ease),box-shadow .25s}.enter i{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#fff6c8,#ffc21f 22%,#ff7a14 46%,#a3157c 74%,#4a0f8600);box-shadow:0 0 26px #ff7a14bf;animation:ember 1.55s ease-in-out infinite}.enter:hover{transform:scale(1.04);box-shadow:0 0 60px #e2323a59}.enter:active{transform:scale(.97)}@keyframes ember{0%,to{transform:scale(.82);filter:blur(1.5px)}50%{transform:scale(1.06);filter:blur(0)}}.field{position:relative;display:flex;align-items:center;gap:6px;height:64px;width:min(100%,356px);padding:0 8px 0 26px;border-radius:99px;background:var(--panel);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);transition:box-shadow .3s;cursor:text}.field:focus-within{box-shadow:0 0 54px #ff7a144d,0 0 110px #e2323a2e}.field input{flex:1;min-width:0;width:100%;height:100%;padding:0;background:none;border:0;border-radius:0;outline:0;color:var(--skin);caret-color:var(--hot);-webkit-appearance:none;appearance:none;font:500 19px/1 var(--show);letter-spacing:.09em;text-transform:uppercase;-webkit-user-select:text;user-select:text;touch-action:manipulation}.pin .field input{font:500 22px/1 var(--show);letter-spacing:.14em}.born .field input{font:500 19px/1 var(--show);letter-spacing:.06em}.mail .field input{font:500 18px/1.2 var(--read);letter-spacing:0;text-transform:none}.field input::placeholder{color:var(--skin-3);opacity:.7}.field input::selection{background:#ff7a1480;color:#fff}.field input:-webkit-autofill,.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--skin);caret-color:var(--hot);-webkit-box-shadow:0 0 0 100px rgba(12,8,34,0) inset;transition:background-color 99999s ease-out 99999s}.field .also{position:absolute;left:-200vw;top:0;flex:none;width:1px;height:1px;opacity:0;pointer-events:none}.send{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--ink);touch-action:manipulation;background:linear-gradient(100deg,#e2323a,#ff7a14 55%,#ffb21f);box-shadow:0 0 28px #ff7a146b;transition:transform .25s var(--ease),opacity .25s,box-shadow .25s}.send:hover{transform:scale(1.06);box-shadow:0 0 36px #ff7a149e}.send:active{transform:scale(.94)}.send[disabled]{opacity:.4;box-shadow:none;cursor:default;transform:none}[data-state=busy] .send svg{animation:turn .7s linear infinite}[data-state=busy] .send{opacity:.75}.field.no{animation:no .42s var(--ease)}@keyframes no{0%,to{transform:none}20%{transform:translate(-9px)}45%{transform:translate(8px)}70%{transform:translate(-5px)}88%{transform:translate(3px)}}@keyframes turn{to{transform:rotate(360deg)}}.in{align-self:end;max-width:100%;font:500 clamp(22px,3.2vw,34px)/1.1 var(--show);letter-spacing:-.035em;text-transform:lowercase;text-align:center;text-wrap:balance;padding-bottom:12px;background:linear-gradient(90deg,#ff7a14,#ffc21f 55%,#fff17a);-webkit-background-clip:text;background-clip:text;color:transparent}.say{min-height:42px;max-width:min(100%,356px);font:500 14.5px/1.45 var(--read);color:var(--skin-2);text-align:center;text-wrap:balance;overflow-wrap:anywhere}.say.no{color:#ffb4a6}.alts{display:flex;justify-content:center;gap:6px;min-height:44px;margin-top:-8px}.alt{min-width:44px;height:44px;padding:0 14px;border-radius:99px;font:500 14.5px/1 var(--read);color:var(--skin-2);touch-action:manipulation;text-decoration:underline;text-decoration-color:#f6efff52;text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s,opacity .3s,visibility 0s}.alt:hover{color:var(--skin)}.alt.again,.alt.login,.alt.resend,.alt.other{display:none}[data-state=young] .alt.other{display:block}[data-state=young] [data-alt]{display:none}[data-state=sent] .alt.again,[data-state=pin] .alt.again,[data-state=pin] .alt.resend,[data-state=rest] .alt.login{display:block}[data-state=pin] [data-alt],[data-state=busy] .alts,[data-state=in] .alts,[data-state=rest][data-who=known] .alts,[data-state=mail][data-mode=bind] .alts,[data-state=born] .alts,[data-state=busy][data-form=born] .alts{display:none}[data-state=born] .fine.agree,[data-state=busy][data-form=born] .fine.agree{margin-top:0}@media(max-width:360px){.born .field input{font-size:16px;letter-spacing:.02em}}.fine{min-height:18px;margin-top:-6px;font-size:12.5px;line-height:18px;color:var(--skin-3);text-align:center;opacity:0;visibility:hidden;transition:opacity .3s}.fine a{color:var(--skin-2);text-decoration:underline;text-decoration-color:#f6efff52;text-underline-offset:3px;padding:14px 6px;margin:-14px -6px}[data-state=mail] .fine:not(.agree),[data-state=busy][data-form=mail] .fine:not(.agree),[data-state=born] .fine.agree,[data-state=busy][data-form=born] .fine.agree{opacity:1;visibility:visible}.fine.agree,[data-state=born] .fine:not(.agree),[data-form=born][data-state=busy] .fine:not(.agree){display:none}[data-state=born] .fine.agree,[data-form=born][data-state=busy] .fine.agree{display:block}[data-state=in] .say{opacity:0}.nojs{position:fixed;z-index:9;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 64px);padding:0 var(--pad);text-align:center;color:var(--skin-2)}.nojs a{color:var(--skin);text-underline-offset:3px}.foot{position:fixed;z-index:4;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);height:44px;display:flex;justify-content:center;padding:0 max(8px,env(safe-area-inset-left,0px)) 0 max(8px,env(safe-area-inset-right,0px));opacity:0;transition:opacity .3s ease,visibility 0s}.is-set .foot{opacity:1}.is-set .foot a{animation:up 1s var(--ease) 1.2s both}.foot a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;font:500 12.5px/1 var(--read);letter-spacing:.01em;color:var(--skin-3);text-decoration:none;white-space:nowrap;touch-action:manipulation;cursor:pointer;transition:color .2s}.foot a:hover,.foot a:focus-visible{color:var(--skin)}.no-feet .foot,.is-set.no-feet .foot,.door[data-state=in]~.foot{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.tight .go{gap:4px}.tight .rest,.tight .ask{gap:8px}.tight .cta,.tight .enter,.tight .field{height:56px}.tight .say{min-height:21px}.fine.agree a{padding:20px 10px 8px;margin:-20px -10px -8px}.tight .fine.agree{margin-bottom:4px}.tight .fine:not(.agree){display:none}.tight .alts{margin-top:-6px}@media(prefers-reduced-motion:reduce){.is-set .go,.is-set .foot a{animation-duration:.01s;animation-delay:0s}.enter i,.cta,.field.no{animation:none!important}.stage>*{transition-duration:.01s;filter:none;transform:none}}html.doc,.doc body{height:auto;overflow:auto}.doc body{cursor:auto;-webkit-user-select:text;user-select:text}.page{max-width:620px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 28px) var(--pad) calc(env(safe-area-inset-bottom,0px) + 56px)}.page .mark{display:inline-block;margin:0 0 34px -4px}.page .mark img{display:block;width:132px;height:auto}.page h1{font:500 26px/1.15 var(--show);letter-spacing:-.03em;margin-bottom:18px}.page h2{font:500 15px/1.3 var(--show);letter-spacing:-.01em;margin:30px 0 10px}.page p,.page li{color:var(--skin-2);font-size:16px;line-height:1.6}.page p+p,.page ul+p{margin-top:12px}.page ul{padding-left:20px;display:grid;gap:6px}.page a{color:var(--skin);text-underline-offset:3px}.page p a{display:inline-block;padding:12px 4px;margin:-12px -4px}.page .back{display:inline-flex;align-items:center;height:48px;margin-top:30px;padding:0 24px;border-radius:99px;background:var(--panel);color:var(--skin);text-decoration:none;font:500 14.5px/1 var(--read)}.page .small{margin-top:26px;font-size:13px;color:var(--skin-3)}.page .intro{font-size:18.5px;line-height:1.5;color:var(--skin)}.page .intro+p{margin-top:14px}.page li b,.page p b{color:var(--skin);font-weight:600}.page .cta{margin-top:26px;text-decoration:none;color:var(--ink);width:min(100%,356px)}.page .cta+h2{margin-top:40px}.page .q h2{margin-top:28px}.page .q+.cta{margin-top:38px}.page .cta+.back{display:flex;width:fit-content;margin-top:12px}.page .links{display:flex;flex-wrap:wrap;margin:26px 0 0 -10px}.page .links a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;font-size:14px;color:var(--skin-2);text-decoration:none}.page .links a:hover,.page .links a[aria-current]{color:var(--skin)}.page .links+.small{margin-top:8px}.artist h1{font:500 clamp(28px,6vw,44px)/1.05 var(--show);letter-spacing:-.035em;margin-bottom:10px;overflow-wrap:anywhere}.artist .sub{margin-bottom:26px}.artist[data-state=wait] .cta,.artist[data-state=wait] #foot{visibility:hidden}.artist[data-state=none] .tracks{display:none}.tracks{list-style:none;padding:0!important;display:grid;gap:8px}.track{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 18px 10px 10px;border-radius:22px;background:var(--panel)}.track .art{position:relative;width:56px;height:56px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--cold),var(--warm))}.track .art[data-ink="1"]{background:linear-gradient(135deg,var(--warm),var(--red))}.track .art[data-ink="2"]{background:linear-gradient(135deg,var(--red),var(--hot))}.track .art[data-ink="3"]{background:linear-gradient(135deg,var(--deep),var(--cold))}.track .art[data-ink="4"]{background:linear-gradient(135deg,var(--hot),var(--peak))}.track .art[data-ink="5"]{background:linear-gradient(135deg,var(--deep),var(--warm))}.track .art i{font:600 22px/1 var(--show);font-style:normal;color:var(--skin);opacity:.9}.track .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.track .words{min-width:0;display:grid;gap:3px}.track .words b{font:500 15px/1.2 var(--show);letter-spacing:-.02em;color:var(--skin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track .words span{font-size:14px;line-height:1.3;color:var(--skin-2);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track .cost{font:500 15px/1 var(--read);font-variant-numeric:tabular-nums;color:var(--skin);white-space:nowrap}.track .cost.free{color:var(--skin-2)}.artist .cta{margin-top:30px;text-decoration:none;color:var(--ink);width:min(100%,356px)}.artist #line{margin-top:14px}
