:root{--color-abyss: #000000;--color-surface: #2e3440;--color-text: #c8c8d3;--color-text-dim: rgba(200, 200, 211, .6);--color-accent: #c8a96d;--color-scarlet: #3a1e26;--color-lavender: #4a3b56;--font-display: "Uncial Antiqua", serif;--font-body: "New Rocker", serif;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-abyss);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-accent);text-decoration:inherit}a:hover{color:var(--color-text)}body{margin:0;display:flex;place-items:center;min-width:320px;background-color:transparent}body .grain{position:fixed;top:0;left:0;height:100%;width:100%;pointer-events:none;z-index:300;transform:translateZ(0);@-webkit-keyframes noise{to{transform:translate3d(-7rem,0,0)}}@keyframes noise{0%{transform:translate3d(0,9rem,0)}10%{transform:translate3d(-1rem,-4rem,0)}20%{transform:translate3d(-8rem,2rem,0)}30%{transform:translate3d(9rem,-9rem,0)}40%{transform:translate3d(-2rem,7rem,0)}50%{transform:translate3d(-9rem,-4rem,0)}60%{transform:translate3d(2rem,6rem,0)}70%{transform:translate3d(7rem,-8rem,0)}80%{transform:translate3d(-9rem,1rem,0)}90%{transform:translate3d(6rem,-5rem,0)}to{transform:translate3d(-7rem,0,0)}}}body .grain:before{content:"";top:-10rem;left:-10rem;width:calc(100% + 20rem);height:calc(100% + 20rem);z-index:9999;position:fixed;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.1;pointer-events:none;-webkit-animation:noise 1s steps(2) infinite;animation:noise 1s steps(2) infinite}body:before{content:"";background-size:auto;background-color:transparent}h1{font-size:4em;line-height:1.1}h2{font-size:2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:var(--font-display);color:var(--color-accent);background-color:var(--color-surface);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-accent)}button:focus,button:focus-visible{outline:4px auto var(--color-accent)}#root{max-width:1280px;min-width:50%;margin:0 auto;padding:2rem;text-align:center}.page-header{font-family:var(--font-display);color:var(--color-text)}.sub-header{font-family:var(--font-display);color:var(--color-accent)}.cracks{position:fixed;top:0;left:0;height:100%;width:100%;pointer-events:none;z-index:0;transform:translateZ(0);background-image:url(/cracked-background.png);background-size:cover;opacity:.1}.body-text{font-family:var(--font-body);color:var(--color-text);text-align:left;padding:0 2rem;margin:0;text-indent:2em}.frame-media-placeholder{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem;background:#0006;border:1px dashed var(--color-text-dim);color:var(--color-text-dim);font-family:var(--font-body);font-size:.9rem;text-align:center}.back-link{display:inline-block;font-family:var(--font-body);color:var(--color-accent);text-decoration:none;margin:1rem 0 0 2rem}.back-link:hover{color:var(--color-text);text-decoration:underline}.inspo-list{font-family:var(--font-body);color:var(--color-text-dim);text-align:left;padding:0 2rem 2rem;margin:0;list-style-position:inside}.inspo-list li{margin-bottom:.5rem}.playlist-link{display:inline-block;font-family:var(--font-body);color:var(--color-accent);text-decoration:none;padding:0 2rem}.playlist-link:hover{color:var(--color-text);text-decoration:underline}