@import "https://fonts.googleapis.com/css2?family=Karla:wght@400;500;700&family=Playfair+Display:wght@500;600&display=swap";.app-shell{background:rgb(var(--color-canvas));min-height:100vh}.site-header{justify-content:flex-start;align-items:center;gap:9px;width:min(940px,100% - 32px);margin:0 auto;padding:14px 0 10px;display:flex}.brand-lockup{color:rgb(var(--color-ink));flex:none;align-items:center;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;width:auto;height:42px;display:block}.brand-divider{color:rgb(var(--color-source));font-family:Playfair Display,Georgia,serif;font-size:1.2rem;font-weight:500;line-height:1;transform:translateY(-1px)}.header-label{color:rgb(var(--color-ink));letter-spacing:0;font-family:Playfair Display,Georgia,serif;font-size:1.22rem;font-weight:500;line-height:1;transform:translateY(-1px)}.album-page{width:min(940px,100% - 32px);margin:0 auto;padding:10px 0 64px}.album-grid{grid-template-columns:1fr;gap:10px;display:grid}.album-card{border:1px solid rgba(var(--color-line) / .1);background:rgb(var(--color-surface));min-width:0;box-shadow:inset 0 1px 0 #ffffffd1, 0 1px 0 rgba(var(--color-line) / .04);border-radius:8px;transition:border-color .16s,background-color .16s;position:relative;overflow:hidden}.album-card:hover{border-color:rgba(var(--color-line) / .18);background:#fbfaf8}.album-card-button,.writeup-card-layout{width:100%;min-height:136px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:116px minmax(0,1fr);gap:14px;padding:10px;display:grid}.cover-frame{aspect-ratio:1;border:1px solid rgba(var(--color-line) / .08);background:rgb(var(--color-warm));border-radius:6px;width:100%;display:block;overflow:hidden}.cover-frame img{object-fit:cover;width:100%;height:100%}.cover-frame-empty{color:rgb(var(--color-source));place-items:center;display:grid}.album-card-body{align-content:center;gap:4px;min-width:0;padding:8px 44px 8px 0;display:grid}.album-card-artist,.album-card-title,.album-card-meta{letter-spacing:0;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.album-card-artist{color:rgb(var(--color-muted));-webkit-line-clamp:1;font-size:.86rem;font-weight:700;line-height:1.22}.album-card-title{color:rgb(var(--color-ink));-webkit-line-clamp:2;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.45rem,3vw,2.12rem);font-weight:600;line-height:1.03}.album-card-meta{color:rgb(var(--color-source));-webkit-line-clamp:2;margin-top:2px;font-size:.82rem;font-weight:700;line-height:1.22}.spotify-card-link{z-index:2;color:#1db954;background:0 0;border:0;place-items:center;width:24px;height:24px;text-decoration:none;display:inline-grid;position:absolute;top:20px;right:16px}.spotify-card-link:hover,.spotify-card-link:focus-visible{color:#159f46;outline:0}.spotify-logo{fill:currentColor;width:21px;height:21px}.state-panel{border:1px solid rgba(var(--color-line) / .12);background:rgb(var(--color-surface));min-height:96px;color:rgb(var(--color-muted));border-radius:8px;align-items:center;gap:12px;padding:24px;font-weight:700;display:flex}.state-panel svg{flex:none}.state-panel-error{color:#8f1f1d}.writeup-page{gap:10px;display:grid}.back-button{min-height:30px;color:rgb(var(--color-source));background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;font-size:.88rem;font-weight:700;display:inline-flex}.back-button:hover,.back-button:focus-visible{color:rgb(var(--color-ink));outline:0}.writeup-card:hover{border-color:rgba(var(--color-line) / .1);background:rgb(var(--color-surface))}.writeup-card-title{margin:0}.writeup-card-body{align-content:center}.writeup-sheet{border:1px solid rgba(var(--color-line) / .1);background:rgb(var(--color-surface));border-radius:8px}.writeup{max-width:760px;padding:clamp(22px,4vw,38px)}.writeup p{color:rgb(var(--color-ink));white-space:pre-line;margin:0 0 1.08em;font-size:clamp(1.02rem,1.45vw,1.1rem);line-height:1.62}.writeup p:last-child{margin-bottom:0}@media (width<=720px){.site-header,.album-page{width:calc(100% - 24px)}.site-header{padding-top:12px}.brand-mark{height:34px}.brand-divider,.header-label{font-size:1.05rem}.album-page{padding-top:8px}.album-card-button,.writeup-card-layout{grid-template-columns:88px minmax(0,1fr);gap:12px;min-height:108px;padding:9px}.album-card-body{gap:3px;padding:4px 36px 4px 0}.album-card-title{font-size:clamp(1.22rem,6vw,1.72rem);line-height:1.02}.album-card-artist{font-size:.8rem}.album-card-meta{font-size:.75rem}.spotify-card-link{width:23px;height:23px;top:16px;right:13px}}@media (width<=420px){.album-card-button,.writeup-card-layout{grid-template-columns:78px minmax(0,1fr);min-height:96px}.album-card-title{font-size:clamp(1.12rem,6vw,1.42rem)}.writeup{padding:20px 18px 24px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:255 255 255;--color-surface:255 255 255;--color-field:249 247 244;--color-warm:244 241 237;--color-ink:26 26 26;--color-muted:107 101 96;--color-source:160 152 144;--color-line:26 26 26;--color-shadow:17 17 17;--color-accent:29 99 83}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:rgb(var(--color-canvas));min-height:100vh;color:rgb(var(--color-ink));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-family:Karla,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}