:root{--bg:#282828;--bg-soft:#32302f;--bg-hard:#1d2021;--border:#3c3836;--fg:#ebdbb2;--fg-muted:#a89984;--fg-bright:#fbf1c7;--accent:#fabd2f;--accent-2:#fe8019;--accent-link:#83a598;--accent-link-hover:#8ec07c;--accent-red:#fb4934;--font:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font:15px/1.65 var(--font);color:var(--fg);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg:#fbf1c7;--bg-soft:#f2e5bc;--bg-hard:#f9f5d7;--border:#d5c4a1;--fg:#3c3836;--fg-muted:#7c6f64;--fg-bright:#282828;--accent:#b57614;--accent-2:#af3a03;--accent-link:#076678;--accent-link-hover:#427b58;--accent-red:#9d0006}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0}h1,h2,h3{color:var(--fg-bright);font-family:var(--font);font-weight:700}a{color:var(--accent-link);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .15s}a:hover{color:var(--accent-link-hover)}a:focus-visible{outline:1px dashed var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--bg-hard)}::view-transition-old(root){mix-blend-mode:normal;animation-duration:.25s;animation-timing-function:ease}::view-transition-new(root){mix-blend-mode:normal;animation-duration:.25s;animation-timing-function:ease}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.shell{flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;padding:48px 24px 32px;display:flex}.header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;margin-bottom:48px;padding-bottom:16px;display:flex}main{padding-bottom:48px}.header-logo{color:var(--fg-bright);font-weight:700;text-decoration:none}.header-logo:before{content:"~/";color:var(--fg-muted);font-weight:400}.header-logo:hover{color:var(--accent)}.header-nav{align-items:baseline;gap:16px;font-size:14px;display:flex}.header-nav a,.header-nav button{color:var(--fg-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.header-nav a:hover,.header-nav button:hover{color:var(--accent)}.header-nav a.is-active{color:var(--fg-bright)}.header-nav a.is-active:before{content:"* ";color:var(--accent)}.theme-toggle{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;transform:translateY(2px)}.prose{flex-direction:column;gap:18px;max-width:60ch;line-height:1.75;display:flex}.prose h1,.page-title{color:var(--fg-bright);font-size:18px;font-weight:700}.prose h1:before,.page-title:before{content:"# ";color:var(--accent)}.subtitle,.page-subtitle{color:var(--fg-muted);font-size:14px}.subtitle{margin-top:-10px}.page-subtitle{margin-bottom:40px}.now-line{color:var(--fg-muted);border-top:1px dashed var(--border);margin-top:12px;padding-top:16px}.now-line .track,.now-line .artist{color:var(--fg)}.now-line.is-live:before{content:"> ";color:var(--accent-2)}.now-line:not(.is-live):before{content:"$ ";color:var(--fg-muted)}.spotify-section{margin-bottom:36px}.spotify-section h2{color:var(--fg-bright);margin-bottom:14px;font-size:14px;font-weight:700}.spotify-section h2:before{content:"## ";color:var(--accent)}.track-list,.artist-list{flex-direction:column;gap:2px;display:flex}.track-item,.artist-row{color:var(--fg);border-left:2px solid #0000;align-items:center;gap:12px;padding:6px 8px;text-decoration:none;display:flex}.track-item:hover,.artist-row:hover{background:var(--bg-soft);border-left-color:var(--accent);color:var(--fg)}.track-number{text-align:right;width:22px;color:var(--fg-muted);flex-shrink:0;font-size:13px}.track-cover,.artist-img{background:var(--bg-soft);border:1px solid var(--border);object-fit:cover;flex-shrink:0;width:32px;height:32px}.artist-img{border-radius:50%}.track-info{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.track-title,.artist-name{color:var(--fg-bright);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.track-dash{color:var(--fg-muted);flex-shrink:0}.track-artist{color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.skeleton{background:var(--bg-soft);border:1px solid var(--border)}.skeleton-line{height:10px}.skeleton-line--sm{width:30%}.skeleton-line--md{width:55%}.skeleton-line--lg{width:75%}.spotify-placeholder{color:var(--fg-muted);border:1px dashed var(--border);padding:16px;font-size:13px}.notes-list{flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.notes-item{border-left:2px solid #0000}.notes-item:hover{border-left-color:var(--accent)}.notes-link{color:var(--fg);grid-template-columns:1fr auto;gap:4px 12px;padding:10px 12px;text-decoration:none;display:grid}.notes-link:hover{background:var(--bg-soft);color:var(--fg)}.notes-title{color:var(--fg-bright);font-weight:700}.notes-date{color:var(--fg-muted);white-space:nowrap;font-size:13px}.notes-desc{color:var(--fg-muted);grid-column:1/-1;font-size:13px}.note-back{margin-bottom:24px;font-size:13px}.note-meta{color:var(--fg-muted);margin-top:6px;font-size:13px}.note-lead{color:var(--fg-muted);margin:24px 0 8px;font-style:italic}.note-body{flex-direction:column;gap:16px;max-width:60ch;margin-top:24px;line-height:1.75;display:flex}.note-body h2{color:var(--fg-bright);margin-top:16px;font-size:14px;font-weight:700}.note-body h2:before{content:"## ";color:var(--accent)}.note-body h3{color:var(--fg-bright);margin-top:12px;font-size:14px;font-weight:700}.note-body h3:before{content:"### ";color:var(--accent)}.note-body ul{flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.note-body li{padding-left:20px;position:relative}.note-body li:before{content:"-";color:var(--accent);position:absolute;left:4px}.note-body code{font-family:var(--font);background:var(--bg-soft);color:var(--fg-bright);padding:1px 6px;font-size:.9em}.note-body pre{background:var(--bg-soft);border:1px solid var(--border);border-left:2px solid var(--accent);padding:12px 14px;font-size:13px;line-height:1.6;overflow-x:auto}.note-body pre code{color:var(--fg);background:0 0;padding:0}.footer{border-top:1px dashed var(--border);color:var(--fg-muted);margin-top:auto;padding-top:16px;font-size:13px}.notfound{flex-direction:column;gap:16px;display:flex}.notfound-eyebrow{color:var(--accent-red);font-size:13px}.notfound-eyebrow:before{content:"! "}.notfound-text{color:var(--fg-muted)}