:root{--plum-950:#17151b;--plum-900:#211f2a;--plum-800:#2b2836;--plum-700:#332f40;--plum-600:#383345;--plum-500:#423e52;--plum-400:#4a4556;--plum-300:#645f74;--plum-200:#7a7488;--plum-100:#9b96ab;--plum-50:#c7c1d6;--cream-100:#f2ede6;--cream-200:#e9e2d3;--cream-300:#c9bfa8;--pink:#ff5d99;--cyan:#4dd6e8;--purple:#b48cf0;--color-bg:var(--plum-900);--color-text:var(--cream-100);--color-text2:var(--cream-300);--muted:var(--plum-300);--muted-foreground:var(--plum-100);--border:var(--plum-500);--color-border-muted:var(--plum-400);--color-text-muted:var(--plum-200);--color-inactive-text:#9b9dab;--accent:var(--pink);--color-purple:var(--purple);--accent-interesting:#e8c860;--accent-no:var(--plum-200);--font-sans:"Space Grotesk", sans-serif;--font-mono:"Space Mono", monospace;--font-serif:"Source Serif 4", serif;--text-display-xl:3rem;--text-display-lg:1.5rem;--text-title:1.1875rem;--text-body-lg:1.375rem;--text-body:1rem;--text-label:.8125rem;--text-meta:.8125rem;--text-eyebrow:.625rem;--text-eyebrow-lg:.75rem;--text-caption:.6875rem;--leading-display-xl:1.15;--leading-display-lg:1;--leading-title:1.3;--leading-body-lg:1.3;--leading-body:1.4;--leading-label:1.3;--leading-meta:1.4;--leading-eyebrow:1.3;--leading-caption:1.4;--font-size:16px}*,:before,:after{box-sizing:border-box}html{background-color:var(--color-bg);color:var(--color-text);scroll-behavior:smooth;font-size:var(--font-size)}body{font-family:var(--font-sans);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:var(--font-size);margin:0}h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:var(--leading-heading);margin:0}h2{margin-bottom:1.5rem;font-size:3rem}p{margin:0}.display{font-size:8rem;font-family:var(--font-sans);letter-spacing:-.04rem;line-height:.88}@media screen and (width<=1200px){h2{font-size:2.25rem}.display{font-size:4.25rem}}.container{max-width:87.5rem;margin:0 auto;padding:0 1.25rem}.site-footer{border-top:.0625rem solid var(--border);margin-top:4rem;padding:2.25rem 0}.footer__top{grid-template-columns:1.4fr 1fr 1fr;gap:1rem;display:grid}.footer__bottom{border-top:1px solid var(--border);margin-top:2rem;padding-top:2rem}.footer__bottom>a{color:var(--plum-300);font-family:var(--font-mono);font-size:.75rem;text-decoration:underline;transition:color .3s}.footer__bottom>a:hover{color:var(--cream-100)}.footer__site-title{font-size:1.75rem;font-family:var(--font-sans);letter-spacing:-.125rem;font-weight:800}.footer__site-title-highlight{color:var(--pink)}.footer__top-left p{color:var(--muted);font-size:.875rem;font-style:italic;font-family:var(--font-serif)}.footer__column ul{margin:0;padding:0;list-style:none}.footer__column li{font-size:.875rem;list-style:none}.footer__column li:not(:last-child){margin-bottom:.225rem}.footer__column li a{color:var(--plum-100);text-decoration:none;transition:color .3s}.footer__column li a:hover{color:var(--cream-100)}.footer__column-label{color:var(--plum-300);font-size:.875rem;font-family:var(--font-mono);text-transform:uppercase;margin-bottom:.75rem;display:block}.footer__bottom p{font-family:var(--font-mono);color:var(--plum-300);font-size:.75rem}.footer__bottom p a{color:var(--plum-300);text-underline-offset:3;text-decoration:underline .0313rem;text-decoration-color:var(--border)}@media screen and (width<=400px){.footer__top{flex-direction:column;display:flex}}.cassette-icon{border:2px solid var(--accent);border-radius:.5rem;flex-shrink:0;width:4rem;height:2.5rem;position:relative;box-shadow:0 0 .75rem #ff5d9947}.cassette-icon__window{border:1px solid var(--accent);border-radius:3px;height:16px;position:absolute;top:6px;left:9px;right:9px}.cassette-icon__reels{border:1px solid var(--accent);border-radius:5px;justify-content:space-between;align-items:center;height:12px;padding:0 4px;display:flex;position:absolute;bottom:0;left:14px;right:14px}.cassette-icon__reel{border-radius:50%;width:6px;height:6px}@media screen and (width<=768px){.cassette-player__svg{max-width:15.625rem;height:auto}}.site-header{border-bottom:1px solid var(--border)}.site-header__nav{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.site-name__text{flex-direction:column;display:flex}.site-name{align-items:center;gap:1rem;text-decoration:none;display:flex}.site-name__title{color:var(--color-text);font-family:var(--font-sans);letter-spacing:-.125rem;text-transform:uppercase;font-size:1.5rem;font-weight:800;text-decoration:none}.site-name__title-highlight{color:var(--accent)}.site-name__tagline{font-family:var(--font-mono);letter-spacing:0;color:var(--plum-100);text-transform:uppercase;font-size:.625rem}.site-header__nav-list{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.site-header__nav-list a{color:var(--color-inactive-text);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.0625rem;border-bottom:2px solid #0000;align-items:center;gap:.375rem;padding-bottom:1rem;text-decoration:none;transition:color .3s,border-color .3s;display:flex}.site-header__nav-list a:hover{color:var(--accent);border-color:var(--accent)}.site-header__nav-list a.active{color:var(--accent);border-color:var(--accent);font-weight:700}@media screen and (width<=840px){.site-header__nav{padding:1rem 0}.site-name a,.site-header__nav-list a{font-size:1rem}.site-name__title{font-size:1.25rem}.site-header__nav-list li:not(:last-child):after{margin-left:.25rem;padding-left:.25rem}.site-header__nav-list{gap:1rem}.site-header__nav-list a{padding-bottom:.5rem}.site-header__nav-title,.site-name__tagline{display:none}}.overline{color:var(--muted-foreground);font-size:1rem;font-family:var(--font-sans)}.button{background:var(--pink);color:var(--plum-900);cursor:pointer;border:none;border-radius:24px;padding:13px 28px;font-size:.9375rem;font-weight:700;text-decoration:none;transition:background .3s,color .3s}.button:hover,.button:focus{background:var(--purple)}@media screen and (width<=468px){.button{padding:.625rem 1.25rem;font-size:.8125rem}}.now-listening__log-btn-container{justify-content:flex-end;margin-bottom:2rem;display:flex}.now-listening__album-container{border:1px solid var(--border);text-align:center;border-radius:1rem;margin-top:3.5rem;margin-bottom:3.5rem;padding:3.5rem 4.5rem 4.5rem}.now-listening__album-meta{text-align:center;margin-top:1.75rem}.album__ranks{justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.album__rank{font-size:.875rem;font-family:var(--font-mono);border:1px solid var(--border);border-radius:.375rem;padding:.625rem 1.25rem}.album__rank:first-child{color:var(--pink);border-color:var(--pink)}.album__rank:last-child{color:var(--cyan);border-color:var(--cyan)}.now-listening__label{font-size:.9375rem;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1.75rem;font-weight:500;display:block}.now-listening__label:before{content:"";background-color:var(--accent);border-radius:50%;width:.5rem;height:.5rem;display:inline-block;position:relative;top:-.0938rem}.album__ranks h3{align-items:center;gap:.25rem;display:flex}.now-listening__album{font-size:3rem;font-weight:700;font-family:var(--font-serif);letter-spacing:-.04rem;color:var(--color-text);margin-top:.625rem;line-height:1.1}.now-listening__album span{color:var(--accent)}.now-listening__artist{color:var(--plum-50);font-size:1.375rem;font-family:var(--font-mono);margin-top:.625rem;margin-bottom:2.25rem}.now-listening__artist span{color:var(--muted)}.now-listening__meta-stats{margin-top:1.75rem}.now-listening__top-stats{justify-content:center;display:flex}.now-listening__meta-stats-label{color:var(--muted);font-size:.875rem;font-family:var(--font-sans);margin-bottom:.25rem}.now-listening__top-stats p{color:var(--pink);font-size:1rem}.now-listening__top-stats p:first-child:after{content:"·";color:var(--pink);margin:0 .5rem}@media screen and (width<=768px){.now-listening__album-container{padding:1.5rem 2rem 2rem}.now-listening__album{font-size:4.75rem}.now-listening__artist{font-size:1.5rem}}.section-heading--grid{align-items:flex-end;gap:1.5rem;display:grid}.section-heading{margin-top:3.75rem;margin-bottom:3.75rem}.section-heading:not(.section-heading--grid){max-width:56.25rem}.section-heading__label{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;margin-bottom:.75rem;font-size:.875rem;display:block}.section-heading--grid .display{grid-column:1/span 5}.display span{color:var(--accent)}.section-heading--grid p{grid-column:6/span 5}@media screen and (width<=1200px){.section-heading--grid{flex-direction:column;display:flex}}.listening-log__group:first-of-type{padding-top:2rem}.listening-log__group:not(:last-child){margin-bottom:3rem}.album-detail__back{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:2.5rem;font-size:.75rem;text-decoration:none;transition:color .2s;display:inline-block}.album-detail__back:hover{color:var(--color-text)}.album-detail__hero{grid-template-columns:340px 1fr;align-items:start;gap:5rem;margin-top:3rem;display:grid}.album-detail__cassette{border:2px solid var(--tape-color);border-radius:12px;flex-shrink:0;width:340px;height:200px;position:relative}.album-detail__cassette-window{border:1.5px solid var(--tape-color);border-radius:6px;height:84px;position:absolute;top:14px;left:20px;right:20px}.album-detail__cassette-reels{border:1.5px solid var(--tape-color);border-radius:10px;justify-content:space-between;align-items:center;height:52px;padding:0 14px;display:flex;position:absolute;bottom:14px;left:52px;right:52px}.album-detail__cassette-reel{border:1.5px solid var(--tape-color);border-radius:50%;width:22px;height:22px}.album-detail__genre-year{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tape-color);margin-bottom:.625rem;font-size:.8125rem}.album-detail__title{font-family:var(--font-serif);color:var(--color-text);margin-bottom:.375rem;font-size:4.5rem;font-weight:700;line-height:1.05}.album-detail__artist{font-family:var(--font-mono);color:var(--plum-100);margin-bottom:1.5rem;font-size:1.125rem}.album-detail__ranks{gap:1rem;margin-bottom:1.25rem;display:flex}.album-detail__rank{font-size:.8125rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:.375rem;padding:.5rem 1rem}.album-detail__rank--rs{color:var(--pink);border-color:var(--pink)}.album-detail__rank--apple{color:var(--cyan);border-color:var(--cyan)}.album-detail__rating-row{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.album-detail__rating-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--tape-color);background:#ffffff0f;border-radius:.375rem;padding:.375rem .875rem;font-size:.75rem}.album-detail__heard{font-family:var(--font-mono);color:var(--plum-100);font-size:.875rem}.album-detail__notes{font-family:var(--font-serif);color:var(--cream-100);border:none;margin:0;padding:0;font-size:1.25rem;font-style:italic;line-height:1.5}.album-detail__tracks-section{background:#ffffff08;border-radius:.75rem;margin-top:3rem;padding:2rem}.album-detail__tracks-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:1.25rem;font-size:.75rem}.album-detail__tracks-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.album-detail__track-card{border:1px solid var(--border);background:#ffffff08;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.125rem;display:flex}.album-detail__track-card--favorite{border-color:var(--tape-color)}.album-detail__track-name{font-family:var(--font-serif);color:var(--color-text);font-size:1rem}.album-detail__track-note{font-family:var(--font-serif);color:var(--tape-color);white-space:nowrap;font-size:.9375rem;font-style:italic}@media screen and (width<=900px){.album-detail__hero{grid-template-columns:1fr}.album-detail__cassette{width:100%;max-width:340px}}@media screen and (width<=600px){.album-detail__title{font-size:3rem}.album-detail__tracks-grid{grid-template-columns:1fr}}@media screen and (width<=468px){.album__ranks{gap:.75rem}.album__rank{padding:.625rem .75rem;font-size:.8125rem}}.now-playing__empty{text-align:center;padding-top:6.25rem}.now-playing__empty-label{color:var(--muted-foreground);margin-bottom:1.5rem;font-size:1.25rem}.login{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:4rem 1.25rem;display:flex}.login__form{flex-direction:column;gap:1rem;width:100%;max-width:24rem;display:flex}.login__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);font-size:.75rem}.login__input{background:var(--plum-800);border:1px solid var(--border);color:var(--color-text);font-family:var(--font-mono);border-radius:.5rem;width:100%;padding:.875rem 1rem;font-size:.9375rem;transition:border-color .2s}.login__input::placeholder{color:var(--plum-300)}.login__input:focus{border-color:var(--pink);outline:none}.login__button{background:var(--pink);color:#fff;cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:.5rem;margin-top:.25rem;padding:.875rem 1.5rem;font-size:.8125rem;font-weight:700;transition:opacity .2s}.login__button:hover{opacity:.85}.login__input--error{border-color:var(--pink)}.login__error{font-family:var(--font-mono);color:var(--pink);margin-top:-.25rem;font-size:.75rem}.login__sent{font-family:var(--font-mono);color:var(--plum-100);text-align:center;max-width:20rem;font-size:.9375rem;line-height:1.6}.now-playing__empty-cassette{border-radius:14px;width:300px;height:172px;margin:1rem auto;position:relative}