:root{--color-bg: #f0e7d6;--color-text: #241a12;--color-ink: #241a12;--color-ink2: #4a3a2a;--paper: #f7efe0;--card: #ffffff;--card-foreground: #2d2d2d;--popover: #ffffff;--popover-foreground: #2d2d2d;--primary: #2d2d2d;--primary-foreground: #ffffff;--secondary: #f8f4ee;--secondary-foreground: #2d2d2d;--muted: #8a7864;--muted-foreground: #7a7a7a;--white: #ffffff;--accent: #b85a3c;--accentDeep: #8a3a22;--rule: #cfc0a4;--accent-interesting: #a08438;--accent-no: #3b82f6;--accent-foreground: #2d2d2d;--destructive: #dc2626;--destructive-foreground: #ffffff;--color-coral: #ff6b6b;--color-blue: #5b9cff;--color-purple: #a78bfa;--color-yellow: #fbbf24;--color-green: #4ade80;--color-pink: #ff8ba7;--color-orange: #fb923c;--border: #e8e4dc;--font-serif: "Newsreader", serif;--font-display: "Instrument Serif", serif;--font-sans: "Inter Tight", sans-serif;--font-body: "JetBrains Mono", monospace;--font-mono: "JetBrains Mono", monospace;--leading-body: 1.6;--leading-heading: 1.25;--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{margin:0;font-family:var(--font-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:var(--leading-heading);margin:0}h2{font-size:3rem;margin-bottom:1.5rem}p{margin:0}.display{font-size:8rem;font-family:var(--font-display);line-height:.88;letter-spacing:-.04rem}@media screen and (max-width:1200px){h2{font-size:2.25rem}.display{font-size:4.25rem}}.container{max-width:82.5rem;margin:0 auto;padding:0 1rem}.site-footer{padding:2.25rem 0;background-color:var(--paper);border-top:.0625rem solid var(--rule);margin-top:4rem}.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem}.footer__bottom{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--rule)}.footer__site-title{font-size:1.75rem;font-family:var(--font-display)}.footer__site-tagline{font-size:.5625rem;font-family:var(--font-mono);color:var(--accent);text-transform:uppercase}.footer__top-left p{font-size:.875rem;color:var(--muted);font-style:italic;font-family:var(--font-serif)}.footer__column ul{list-style:none;padding:0;margin:0}.footer__column li{list-style:none;font-size:.875rem}.footer__column li:not(:last-child){margin-bottom:.225rem}.footer__column li a{text-decoration:underline;text-decoration-thickness:.0313rem;text-underline-offset:3;text-decoration-color:var(--rule);font-style:italic;color:var(--color-ink2)}.footer__column-label{font-size:.875rem;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:.75rem;display:block}.footer__bottom p{font-family:var(--font-mono);font-size:.875rem;color:var(--muted)}.footer__bottom p a{color:var(--muted);text-decoration:underline;text-decoration-thickness:.0313rem;text-underline-offset:3;text-decoration-color:var(--rule)}@media screen and (max-width:400px){.footer__top{display:flex;flex-direction:column}}.site-header .container{padding-bottom:.5rem}.site-header__nav{display:flex;justify-content:space-between;gap:1rem;border-bottom:.0625rem solid var(--rule);align-items:center;padding:2rem 0}.site-name a{color:var(--color-text);font-style:italic;text-decoration:none;font-family:var(--font-display);font-weight:400;font-size:2rem;letter-spacing:-.0006rem}.site-name__version{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.18rem;color:var(--accent);text-transform:uppercase}.site-header__nav-list{list-style:none;display:flex;gap:1rem;padding:0;margin:0}.site-header__nav-list a{text-decoration:none;color:var(--color-text);border-bottom:.0625rem solid transparent;transition:color .3s ease,border-color .3s ease;font-size:1.125rem;font-style:italic;font-family:var(--font-serif)}.site-header__nav-list li:not(:last-child):after{content:"·";position:relative;margin-left:.5rem;padding-left:.5rem;display:inline-block;color:var(--muted)}.site-header__nav-list a:hover,.site-header__nav-list a.active{color:var(--accent);border-color:var(--accent)}@media screen and (max-width:540px){.site-name a,.site-header__nav-list a{font-size:1rem}.site-header__nav-list li:not(:last-child):after{margin-left:.25rem;padding-left:.25rem}.site-header__nav-list{gap:.5rem}.site-name__version{display:none}}.overline{color:var(--muted-foreground);font-size:1rem;font-family:var(--font-sans)}.now-listening__album-container{margin-top:3.75rem;display:grid;gap:4rem;align-items:center;padding-bottom:9rem}.now-listening__album-meta{grid-column:1 / span 5}.now-listening__album-cover{grid-column:6 / span 5}.now-listening__label{font-size:.9375rem;font-family:var(--font-mono);letter-spacing:.2em;font-weight:500;text-transform:uppercase;color:var(--accent);margin-bottom:1.75rem;display:block}.now-listening__label:before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--accent);position:relative;top:-.0938rem}.album__ranks h3{display:flex;align-items:center;gap:.25rem}.now-listening__album{font-size:9rem;font-family:var(--font-display);line-height:1.1;letter-spacing:-.04rem;color:var(--color-ink)}.now-listening__album em{color:var(--accent)}.now-listening__artist{font-size:2.375rem;color:var(--color-ink2);font-family:var(--font-display);margin-bottom:2.25rem;font-style:italic;font-weight:400}.now-listening__artist span{color:var(--muted)}.now-listening__meta-stats{display:flex;gap:2rem}.now-listening__meta-stats-label{font-size:.875rem;color:var(--muted);font-family:var(--font-sans);margin-bottom:.25rem}.now-listening__released{font-size:1rem;color:var(--color-ink2)}.now-listening__spotify-link{margin-top:3rem;display:inline-block;border:1px solid var(--color-green);background-color:var(--color-green);color:#fff;border-radius:2.5rem;padding:.25rem .85rem;text-decoration:none;font-size:.875rem;transition:color .3s ease,background-color .3s ease;font-weight:700}.now-listening__spotify-link:hover{background-color:transparent;color:var(--color-green)}@media screen and (max-width:768px){.now-listening__album{font-size:4.75rem}.now-listening__artist{font-size:1.5rem}}.section-heading--grid{display:grid;gap:1.5rem;align-items:flex-end}.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);font-size:.875rem;color:var(--accent);text-transform:uppercase;margin-bottom:.75rem;display:block}.section-heading--grid .display{grid-column:1 / span 5}.display em{color:var(--accent)}.section-heading--grid p{grid-column:6 / span 5}@media screen and (max-width:1200px){.section-heading--grid{display:flex;flex-direction:column}}.listening-log__group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.625rem;position:relative}.listening-log__group-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--rule)}.listening-log__group:first-of-type{padding-top:2rem}.listening-log__group:not(:last-child){margin-bottom:3rem}.listening-log__month{text-transform:uppercase;font-size:2.75rem;font-family:var(--font-display);font-weight:400;font-style:italic;border-bottom:.0625rem solid var(--border);color:var(--color-ink);margin-bottom:0}.listening-log__month-count{font-family:var(--font-mono);font-size:.875rem;color:var(--muted);text-transform:uppercase}.listening-log__list{list-style:none;padding:0;display:grid;margin:0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.25rem}.listening-log__item{border:1px solid transparent;position:relative}.listening-log__item:not(:last-child){padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.listening-log__item-wrapper{display:flex;column-gap:1rem;padding-top:1.125rem}.listening-log__meta{display:flex;align-items:center;gap:.9rem}.listening-log__item-wrapper:not(:last-child){padding-bottom:1.125rem;margin-bottom:.75rem}.listening-log__item a{text-decoration:none}.listening-log__item a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.listening-log__item-content{display:flex;justify-content:space-between;flex-grow:1}.listening-log__title{font-size:1.375rem;line-height:1.1;font-weight:500;font-family:var(--font-serif);color:var(--color-ink);display:block;transition:color .3s ease}.listening-log__title:hover,.listening-log__title:focus{color:var(--accent)}.listening-log__artist{font-size:.875rem;color:var(--muted);font-style:italic;font-family:var(--font-serif)}.listening-log__letter{width:3.5rem;height:3.5rem;border-radius:50%;justify-content:center;display:flex;align-items:center;font-size:1.25rem;border:2px solid var(--album-accent, var(--color-border-muted));color:var(--album-accent, var(--color-text))}.listening-log__ratings{font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;column-gap:.5rem;color:var(--rating-color, var(--color-text-muted))}.listening-log__ranking{color:var(--muted);font-size:.875rem}.listening-log__list--favorites{margin-top:1.5rem}.listening-log__list--favorites .listening-log__item{padding-left:0;padding-right:0}.listening-log__list--favorites .listening-log__item:not(:last-child){margin-bottom:1.5rem}.listening-log__list--favorites .listening-log__title{font-size:2.625rem}.listening-log__list--favorites .listening-log__artist{font-size:1.1875rem}.album-details__grid{margin-top:4rem;display:grid;gap:7rem;grid-template-columns:repeat(2,1fr)}.album-details__album{font-size:6.5rem;font-family:var(--font-display);line-height:1;letter-spacing:-.05em}.album-details__album em{color:var(--accent)}.album-details__artist{font-size:2.25rem;color:var(--color-ink2);font-family:var(--font-display);margin-bottom:.375rem;font-style:italic}.album-details__meta{display:flex;gap:2rem;align-items:center;border-top:.0625rem solid var(--rule);padding-top:1.5rem;margin-top:.5rem;flex-flow:wrap}.album-details__label{font-family:var(--font-mono);font-size:.875rem;color:var(--muted);text-transform:uppercase;margin-bottom:.25rem;display:block}.album-details__released{color:var(--muted-foreground);font-size:1rem;font-family:var(--font-sans)}.album__rank{font-size:.875rem;color:var(--color-ink2)}.album__rank:not(:last-child){&:after{content:"·";color:var(--muted)}}.overline-heading{color:var(--muted-foreground);font-size:1rem;font-family:var(--font-sans);text-transform:uppercase;margin-top:3rem;margin-bottom:.5rem}.album-details__ratings{color:var(--rating-color, var(--color-text-muted));display:inline-flex;gap:.25rem;font-size:.875rem}.album-details__ratings+hr{margin-top:2rem;margin-bottom:2rem;color:var(--color-text-muted)}.album-details__listened-at{font-family:var(--font-sans);color:var(--color-ink2);font-size:.875rem}.album-details__heading{color:var(--muted-foreground);font-size:1rem;font-family:var(--font-sans);font-weight:400;text-transform:uppercase;margin-top:2rem;margin-bottom:.5rem}.album-details__tracks-label{font-family:var(--font-mono);font-size:.875rem;color:var(--muted);text-transform:uppercase;margin-bottom:.875rem;font-weight:400}.album-details__standout-tracks{padding-left:0;margin:0;list-style:none;counter-reset:my-counter}.album-details__standout-tracks li{counter-increment:my-counter;font-size:1.1875rem;font-family:var(--font-serif);padding:.75rem 0;border-bottom:.0625rem solid var(--rule)}.album-details__standout-tracks li:before{content:counter(my-counter,decimal-leading-zero) " ";margin-right:.625rem;color:var(--muted);font-size:.875rem;font-family:var(--font-mono)}.album-details__standout-tracks li:first-child{padding-top:0}@media screen and (max-width:860px){.album-details__grid{display:block}}@media screen and (max-width:1200px){.album-details__grid{gap:2rem}}