.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100%;padding:3rem 1rem;display:flex}.error-icon{width:64px;height:64px;margin-bottom:.5rem}.fab{z-index:1000;flex-direction:column;align-items:flex-end;display:inline-flex;position:relative}.fab__trigger{color:#0f0f0f;cursor:pointer;background:#e5e5e5;border:none;border-radius:50%;justify-content:center;align-items:center;width:47px;height:47px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014}.fab__trigger:hover{background-color:#d1d1d1}.fab__trigger:focus-visible{outline-offset:2px;outline:3px solid #0000001f}.fab__trigger-icon{font-size:20px;transition:all .2s}.fab--open .fab__trigger-icon{transform:rotate(135deg)}.fab__menu{pointer-events:none;flex-direction:column;align-items:flex-end;gap:.75rem;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:calc(100% + .5rem);right:0}.fab__item{opacity:0;transition:all .2s;transform:translateY(12px)scale(.85)}.fab--open .fab__menu{pointer-events:auto}.fab--open .fab__item{opacity:1;transform:translateY(0)scale(1)}.fab--open .fab__item:first-child{transition-delay:0s}.fab--open .fab__item:nth-child(2){transition-delay:50ms}.fab--open .fab__item:nth-child(3){transition-delay:.1s}.fab__action{color:#0f0f0f;white-space:nowrap;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000014}.fab__action:hover{background-color:#f0f0f0;transform:translateY(-1px)}.fab__action:focus-visible{outline-offset:2px;outline:3px solid #ff00003d}.fab__action svg{font-size:20px}@media (prefers-reduced-motion:reduce){.fab__trigger-icon,.fab__item{transition:none}.fab__item{transform:none}}footer{flex:none;width:100%}footer>.inner-column{flex-direction:column;gap:.75rem;width:100%;padding:1rem;display:flex}.footer__row{justify-content:space-between;gap:.75rem;display:flex}.footer__row .button{flex:1 1 0}.footer__row--play{align-items:center}@media screen and (width<=768px){footer>.inner-column{padding:.5rem 0 calc(1rem + env(safe-area-inset-bottom,0px));gap:.75rem}footer>.inner-column>.button,.footer__row .button{margin:0}.footer__row{flex-wrap:nowrap;align-items:center;gap:.75rem}.footer__row--play .button{flex:80%;min-width:0}.footer__row--play .fab{flex:0 0 20%;align-self:center}.footer__row:not(.footer__row--play) .button{flex:50%;min-width:0}.footer__row--home{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;display:grid}}@media screen and (width<=380px){.footer__row--play .button{flex:75%}.footer__row--play .fab{flex:0 0 25%}.footer__row .button{font-size:.9rem}}@media screen and (width<=768px){.footer__row--release{grid-template-columns:minmax(0,1fr) minmax(0,140px) minmax(0,1fr);gap:0;width:100%;padding-inline:0;display:grid}.footer__row--release .button--home{grid-column:1;justify-self:center;min-height:44px;padding:0}.footer__row--release .button--play,.footer__row--release .button--stop{grid-area:1/2;justify-self:center;width:100%;min-height:44px}.footer__row--release .button-play__artwork{width:140px}.footer__row--release .fab{grid-area:1/3;justify-self:center}.footer__row--release .fab__trigger{width:44px;height:44px}.footer__row--release .fab__trigger-icon{font-size:22px}}@media screen and (width>=769px){footer>.inner-column{flex-direction:row;justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}#button-home,#button-name,#button-play,#button-stop,#button-loading,#button-listen,#button-info,#button-share{flex:1 1 0;display:flex}#button-home,#button-listen{justify-self:unset}}.loader{z-index:1100;visibility:visible;opacity:.8;background:#d9d9d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}.loader--hidden{opacity:0;visibility:hidden}.loader__vinyl{filter:drop-shadow(0 0 1rem #0000001f);width:15em;height:15em;animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.request-log{background:#f2f2f2;border-top:1px solid #d9d9d9;position:relative}.request-log__close{z-index:2;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:.25rem;right:1rem}.request-log__close:hover{color:#0f0f0f;background:#e5e5e5}.request-log__textarea{padding:.5rem .75rem;color:#fff;resize:none;-webkit-overflow-scrolling:touch;background-color:#000;border:none;width:100%;min-height:80px;max-height:200px;padding-right:32px;font-family:Menlo,Consolas,Monaco,monospace;font-size:.7rem;line-height:1.5;display:block;overflow-y:auto}.request-log__textarea:focus{outline:none}.request-log__bar{color:#6f6f6f;border-top:1px solid #d9d9d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;padding:.25rem .75rem;font-size:.7rem;display:flex}.request-log__build,.request-log__stats{font-family:Menlo,Consolas,Monaco,monospace}.request-log__actions{gap:1rem;display:flex}.request-log__btn{color:#6f6f6f;cursor:pointer;background:#f2f2f2;border:1px solid #d9d9d9;border-radius:3px;padding:2px 1rem;font-size:.7rem}.request-log__btn:hover{color:#0f0f0f;background:#e5e5e5}@media screen and (width<=768px){.request-log__bar{flex-direction:column;align-items:flex-start;gap:.25rem}}.takeover{z-index:9999;background-color:#e1d7ce;background-image:linear-gradient(#00000080,#00000080),url(/assets/skivback_bg-BkpWv_r8.jpeg);background-position:top;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;min-height:100vh;display:flex;position:fixed;bottom:0;left:0;right:0}.takeover__container{text-align:center;opacity:.4;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;max-width:600px;margin-top:3rem;padding:3rem 1rem;display:flex}.takeover__title{color:#fff;font-family:Jost,Futura,Helvetica Neue,Arial,sans-serif;font-size:2rem;font-weight:700;line-height:1.2}.takeover__message{color:#fff;font-family:Jost,Futura,Helvetica Neue,Arial,sans-serif;font-size:1.15rem;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font:inherit}html{height:100%}html,body{color:#000;background-color:#303923;width:100%;margin:0;padding:0;font-family:DynaPuff,"Monospace",Helvetica Neue,Arial,sans-serif;font-size:16px}@font-face{font-family:DynaPuff;src:url(/fonts/DynaPuff/DynaPuff-VariableFont_wdth,wght.ttf)format("truetype");font-weight:100 900;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:Jost;src:url(/fonts/Jost/Jost%5Bwght%5D.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}body{--app-chrome:14.5rem;flex-direction:column;min-height:100dvh;margin:0;display:flex}body #root{flex-direction:column;flex:auto;width:100%;max-width:100vw;min-height:100dvh;display:flex}body #root header{flex:none;padding:0 .25rem}body #root main{flex-direction:column;flex:auto;min-height:0;padding:1rem;display:flex;position:relative}body #root main.main--release{padding:0}body #root main.main--release>.inner-column{max-width:none}body #root main>.inner-column{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}body #root footer{flex:none;padding:1rem}body #root main.main--release+footer>.inner-column,body #root main.main--release+footer .footer__row{justify-content:center;align-items:center}body #root main.main--release+footer #button-home,body #root main.main--release+footer #button-play,body #root main.main--release+footer #button-stop,body #root main.main--release+footer #button-loading{flex:none;width:auto;min-width:0}@media screen and (width>=769px){body #root main.main--release+footer #button-home,body #root main.main--release+footer #button-play,body #root main.main--release+footer #button-stop,body #root main.main--release+footer #button-loading{min-width:120px}}body #root main.main--release+footer .footer__row .button,body #root main.main--release+footer .footer__row--play .fab{flex:none;width:auto}body h2{color:#0f0f0f;letter-spacing:-.02em;font-family:DynaPuff,"Monospace",Helvetica Neue,Arial,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.3}body p{color:#0f0f0f;margin:0;font-family:DynaPuff,"Monospace",Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.6}body h3{color:#0f0f0f;letter-spacing:-.01em;border-bottom:1px solid #d9d9d9;padding-bottom:.5rem;font-family:DynaPuff,"Monospace",Helvetica Neue,Arial,sans-serif;font-size:1.15rem;font-weight:600;line-height:1.4}body ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}body ul li{color:#0f0f0f;padding-left:1.5rem;font-family:DynaPuff,"Monospace",Helvetica Neue,Arial,sans-serif;font-size:.95rem;line-height:1.5;position:relative}body .section-text{flex:auto;justify-content:center;width:100%;min-height:0;display:flex;overflow-y:auto}body .section-text__container{flex-direction:column;gap:1.5rem;width:min(100%,720px);display:flex}body .section-text__features{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}body .section-text__features ul{list-style:none}body .section-text__features ul li{padding-left:1.5rem;position:relative}body .section-text__features ul li:before{content:"";background-color:red;border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}body .section-text__actions{justify-content:flex-start;width:100%;padding-top:.5rem;display:flex}body .section-text__actions .button{width:100%}#root:has(.home-page){background-image:linear-gradient(#00000059,#00000059),url(/home-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.inner-column{flex:1;width:100%;min-width:0;max-width:100%;margin:0 auto}@media screen and (width<=768px){body{--app-chrome:13.5rem}body #root main{padding-bottom:.5rem}body #root footer{padding-top:0}body #root main.main--release+footer{padding-inline:0}}@media screen and (height<=700px){body{--app-chrome:11.5rem}body #root header,body #root main{padding-top:.5rem;padding-bottom:.5rem}body #root footer{padding-bottom:.5rem}}@media screen and (width>=769px){body{--app-chrome:11rem}.inner-column{max-width:90%}}@media screen and (width>=1024px){.inner-column{max-width:960px}}@media screen and (width>=1280px){.inner-column{max-width:1200px}}.profile-container{text-align:center;border:1px solid #ccc;border-radius:8px;padding:20px}.profile-container p{padding:1rem 0}.profile-container img{object-fit:cover;border-radius:50%;width:96px;height:96px}.profile-container button{width:100%;padding:1rem}.profile{background-color:#fff}