:root{--bg:#fff;--fg:#3b1e12;--muted:#7a5140;--accent:#b8431b;--line:#f1e3d6;--s1:#5c2a12;--s2:#b8431b;--s3:#e97a2b;--s4:#f3b238;--s5:#f8d98c;--chip:#f3b238;--chip-fg:#3b1e12;--today-bg:#b8431b;--today-fg:#fff;--stripe:12px;--band:calc(var(--stripe) * 5);--bend:9rem;--display:"Caprasimo", "Cooper Black", "Cooper Std", Georgia, serif;--text:"Libre Franklin", "Franklin Gothic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#2a170e;--fg:#fbebd3;--muted:#d1ae8f;--accent:#f4b53f;--line:#43291b;--s1:#9a4520;--s2:#d0582a;--s3:#ee8a36;--s4:#f4b53f;--s5:#f9dc96;--chip:#f4b53f;--chip-fg:#2a170e;--today-bg:#f9dc96;--today-fg:#2a170e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:400 1.0625rem/1.6 var(--text);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1.5px}a:hover{color:var(--fg)}:focus-visible{outline:3px solid var(--s3);outline-offset:3px;border-radius:4px}img{max-width:100%}h1,h2{font-family:var(--display);letter-spacing:-.01em;font-weight:400}.wrap{max-width:46rem;margin-inline:auto;padding-inline:1rem}.site-header{justify-content:space-between;align-items:baseline;padding-block:1.5rem 1.25rem;display:flex}.site-name{font-family:var(--display);color:var(--fg);font-size:1.35rem;text-decoration:none}.site-header nav a{color:var(--fg);border-bottom:3px solid var(--s4);font-weight:600;text-decoration:none}.site-footer{color:var(--muted);padding-block:4rem 2.5rem;font-size:.8rem}.supergraphic{isolation:isolate;--reach:max(1rem, calc(50% - 23rem - var(--band) - 1.75rem));position:relative}.supergraphic .band{z-index:-1;top:0;bottom:0;left:calc(-1 * var(--band) - 2px);right:var(--reach);border:var(--stripe) solid var(--s1);border-radius:0 var(--bend) var(--bend) 0;box-shadow:inset 0 0 0 var(--stripe) var(--s2), inset 0 0 0 calc(var(--stripe) * 2) var(--s3), inset 0 0 0 calc(var(--stripe) * 3) var(--s4), inset 0 0 0 calc(var(--stripe) * 4) var(--s5);pointer-events:none;position:absolute}.hero{padding-block:calc(var(--band) + 2.25rem)}@media (width<=58rem){.hero{padding-right:calc(var(--reach) + var(--band) + 1.25rem)}}.when{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 1.75rem;font-weight:600;display:flex}.today{background:var(--today-bg);color:var(--today-fg);border-radius:999px;padding:.1rem .7rem;font-size:.85rem}.song{grid-template-columns:minmax(0,16rem) minmax(0,1fr);align-items:end;gap:2rem;display:grid}.cover{aspect-ratio:1;background:var(--line);object-fit:cover;border-radius:1.25rem;width:100%;height:auto;display:block}.song h1{text-wrap:balance;margin:0;font-size:clamp(2.4rem,5.5vw,3.75rem);line-height:.98}.artist{margin:.75rem 0 .15rem;font-size:1.3rem;font-weight:700}.facts{color:var(--muted);margin:0}.platforms{flex-wrap:wrap;gap:.6rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.platform{background:var(--chip);color:var(--chip-fg);border:2px solid var(--chip);border-radius:999px;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.platform:hover{color:var(--fg);background:0 0}.platform--search{border:2px dashed var(--muted);color:var(--muted);background:0 0;font-weight:500}.why{margin-top:4rem}.why h2,.credits h2,.about h2{font-family:var(--text);color:var(--accent);margin:0 0 .75rem;font-size:1rem;font-weight:700}.why .headline{font-family:var(--display);text-wrap:balance;margin:0 0 2rem;font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.05}.why .body{max-width:36rem;font-size:1.2rem;line-height:1.7}.why .body p{margin:0 0 1.1em}.credits,.about{max-width:40rem;margin-top:3.5rem}.credits dl{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem 1.5rem;margin:0;display:grid}.credits dt{color:var(--muted);font-size:.85rem}.credits dd{margin:0;font-weight:600}.about p{margin:0 0 1rem}.refs{flex-wrap:wrap;gap:.5rem 1.25rem;font-weight:600;display:flex}.day-nav,.month-nav{border-top:var(--stripe) solid var(--s4);justify-content:space-between;gap:1rem;margin-top:4.5rem;padding-top:1.5rem;display:flex}.day-nav a,.month-nav a{font-family:var(--display);color:var(--fg);flex-direction:column;font-size:1.2rem;line-height:1.2;text-decoration:none;display:flex}.day-nav a[rel=next],.day-nav .to-history,.month-nav a[rel=next]{text-align:right;margin-left:auto}.dir{font-family:var(--text);color:var(--accent);font-size:.85rem;font-weight:600}.day-nav a:hover,.month-nav a:hover{color:var(--accent)}.history h1,.plain h1{margin:0;font-size:clamp(2.6rem,7vw,4.25rem);line-height:1}.history .lede,.plain p{max-width:32rem;margin:1rem 0 0;font-size:1.15rem}.calendar{border-collapse:separate;border-spacing:.4rem;table-layout:fixed;width:100%;margin-top:3rem;font-size:.85rem}.calendar th{color:var(--muted);font-weight:600}.calendar td{vertical-align:top;background:color-mix(in srgb, var(--line) 55%, transparent);border-radius:.75rem;height:5.5rem;padding:.35rem}.calendar td:empty{background:0 0}.calendar td.has-song{background:var(--s5);color:#3b1e12}.calendar td a{color:inherit;text-decoration:none;display:block}.calendar img{aspect-ratio:1;object-fit:cover;border-radius:.5rem;width:100%;height:auto;margin-top:.25rem;display:block}.calendar .is-today{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--s2)}.day-num{color:inherit;opacity:.8;font-weight:700}.month-list{gap:.25rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.month-list a{border-bottom:2px solid var(--line);color:var(--fg);flex-wrap:wrap;gap:0 1rem;padding-block:.6rem;text-decoration:none;display:flex}.month-list time{min-width:15rem;color:var(--muted)}.month-list .t{font-family:var(--display)}@media (width<=36rem){:root{--stripe:6px;--bend:4.5rem}.song{grid-template-columns:minmax(0,1fr);gap:1.5rem}.song .cover{max-width:15rem}.calendar{border-spacing:.2rem}.calendar td{border-radius:.5rem;height:3.75rem;padding:.2rem}.calendar img{border-radius:.3rem}.month-list time{width:100%;min-width:0}.day-nav a,.month-nav a{font-size:1.05rem}}.month-nav:not(:has(a)){display:none}