*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#15171b;--bg-soft:#202328;--text:#f5f0e4;--muted:#aaa69e;--line:rgba(255,255,255,.15);--panel:rgba(255,255,255,.055);--panel-strong:rgba(255,255,255,.09);--focus:#91d7ff;--paper:#e9ddc8;--paper-ink:#1d1d1b;--tape:rgba(226,210,162,.72);--scribble:#e7dd6c;--rust:#bb765d;--blue:#729bb2;--max:1180px;--radius:24px;--shadow:0 24px 55px rgba(0,0,0,.24),0 4px 12px rgba(0,0,0,.18)}
html[data-theme="light"]{color-scheme:light;--bg:#ebe5da;--bg-soft:#e0d7c9;--text:#1b1b19;--muted:#68645d;--line:rgba(20,24,27,.16);--panel:rgba(255,255,255,.42);--panel-strong:rgba(255,255,255,.68);--focus:#075f86;--paper:#fff8e9;--paper-ink:#1b1b19;--tape:rgba(196,174,112,.58);--scribble:#786800;--rust:#8f4e3b;--blue:#416c82;--shadow:0 20px 45px rgba(63,55,43,.13),0 3px 10px rgba(63,55,43,.09)}
html[data-theme="dark"]{color-scheme:dark;--bg:#08090b;--bg-soft:#111317;--text:#f5f3ed;--muted:#9c9ca0;--line:rgba(255,255,255,.12);--panel:rgba(255,255,255,.035);--panel-strong:rgba(255,255,255,.06);--focus:#91d7ff;--paper:#d6cab6;--paper-ink:#171715;--tape:rgba(224,204,145,.68);--scribble:#d7cf66;--rust:#ad6650;--blue:#668da2;--shadow:0 26px 58px rgba(0,0,0,.46),0 4px 14px rgba(0,0,0,.34)}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 14% -10%,rgba(120,139,146,.15),transparent 34rem),radial-gradient(circle at 92% 20%,rgba(106,80,124,.11),transparent 32rem),repeating-linear-gradient(7deg,transparent 0 11px,rgba(255,255,255,.008) 11px 12px),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.19;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.12) 0 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(0,0,0,.15) 0 1px,transparent 1px);background-size:13px 17px,19px 23px}
a{color:inherit}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;padding:.75rem 1rem;border-radius:999px;background:var(--text);color:var(--bg);transform:translateY(-180%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}
.topbar,main,footer{width:min(var(--max),calc(100% - 3rem));margin:0 auto}.topbar{position:relative;z-index:5;padding:1.35rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.identity{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none}.identity-mark{width:52px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--panel-strong);font-size:.78rem;font-weight:900;letter-spacing:-.04em;transform:rotate(-1.5deg)}.identity-copy{display:grid;gap:.04rem}.identity-copy strong{font-size:.92rem;letter-spacing:-.02em}.identity-copy span{font-size:.74rem;color:var(--muted)}
.theme-switch{display:flex;gap:.18rem;padding:.22rem;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.theme-switch button{appearance:none;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font:750 .72rem/1 Inter,ui-sans-serif,sans-serif;padding:.6rem .72rem}.theme-switch button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.hero{position:relative;max-width:1000px;padding:clamp(4rem,8vw,7rem) 0 clamp(2.5rem,5vw,4rem)}.eyebrow,.collection-era{margin:0 0 .9rem;color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1{position:relative;z-index:1;margin:0;max-width:980px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(3rem,7.5vw,6.8rem);font-weight:500;letter-spacing:-.055em;line-height:.93}.lede{max-width:730px;margin:1.6rem 0 0;color:var(--muted);font-size:clamp(1rem,1.8vw,1.28rem);line-height:1.58}.hero-note{max-width:700px;margin:1.2rem 0 0;padding-left:1rem;border-left:2px solid var(--line);font-size:.95rem;line-height:1.6}.scribble-note,.hand-label,.udio-stamp{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;text-transform:none;letter-spacing:0}.scribble-note{display:inline-block;margin-left:.75rem;color:var(--scribble);font-size:1rem;font-weight:500;transform:rotate(-3deg)}.scribble-ring{position:relative;display:inline-block}.scribble-ring:after{content:"";position:absolute;inset:-.12em -.15em -.05em;border:2px solid var(--scribble);border-radius:49% 56% 44% 58%;transform:rotate(-3deg);opacity:.8;pointer-events:none}.hero-doodles{position:absolute;inset:2.3rem 0 auto auto;width:230px;height:150px;color:var(--muted);pointer-events:none;opacity:.48;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive}.hero-doodles span{position:absolute}.hero-doodles span:nth-child(1){right:6px;top:14px;font-size:3.4rem;transform:rotate(12deg)}.hero-doodles span:nth-child(2){right:80px;top:85px;font-size:2.5rem;transform:rotate(18deg)}.hero-doodles span:nth-child(3){right:100px;top:16px;border:2px solid currentColor;padding:.3rem .45rem;font-size:.8rem;transform:rotate(-8deg)}.hero-doodles span:nth-child(4){right:6px;top:105px;font-size:.65rem;letter-spacing:.25em;transform:rotate(4deg)}
.archive-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:2rem}.archive-nav a,.button-link{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:.78rem;font-weight:800;text-decoration:none;padding:.67rem .92rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.archive-nav a:nth-child(odd){transform:rotate(-.6deg)}.archive-nav a:nth-child(even){transform:rotate(.5deg)}.archive-nav a:hover,.button-link:hover{transform:translateY(-2px) rotate(0);background:var(--panel-strong)}
.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;margin:0 0 clamp(3rem,6vw,5rem);border:1px solid var(--line);border-radius:18px;background:var(--line);transform:rotate(-.15deg)}.principles div{display:grid;gap:.4rem;min-height:125px;padding:1.15rem;background:var(--bg-soft)}.principles strong{font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.principles span{color:var(--muted);font-size:.85rem;line-height:1.5}
.archive-rail{position:relative;display:grid;gap:clamp(2.5rem,5vw,4.5rem)}.archive-rail:before{content:"";position:absolute;left:31px;top:32px;bottom:32px;width:1px;background:linear-gradient(transparent,var(--line) 5%,var(--line) 95%,transparent)}.collection{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:clamp(1.2rem,3vw,2rem)}.marker{position:relative;z-index:2;width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--bg);box-shadow:0 0 0 10px var(--bg);font:900 .67rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.marker:after{content:"";position:absolute;inset:-5px;border:1px solid var(--line);border-radius:47% 53% 51% 48%;transform:rotate(17deg)}.marker span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--panel-strong)}.collection-body{position:relative;min-width:0;padding:clamp(1.4rem,3vw,2.3rem);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--panel-strong),var(--panel));box-shadow:var(--shadow)}.collection-body:after{content:"";position:absolute;right:24px;top:-7px;width:72px;height:17px;background:var(--tape);opacity:.38;transform:rotate(2deg);clip-path:polygon(3% 12%,97% 0,100% 89%,0 100%)}.collection h2{margin:0;max-width:800px;font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.05em}.collection-intro{max-width:800px;margin:1.1rem 0 0;color:var(--muted);font-size:1rem;line-height:1.65}
.track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.track{position:relative;display:flex;flex-direction:column;min-width:0;padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:var(--bg-soft);overflow:hidden;transition:transform .18s ease,border-color .18s ease}.track-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.track-number{display:block;margin-bottom:.4rem;color:var(--muted);font:700 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.track h3,.rights-card h3,.permission-card h3{margin:0;font-size:1.22rem;letter-spacing:-.03em}.track p{margin:.8rem 0 1rem;color:var(--muted);font-size:.88rem;line-height:1.55}.track-facts{font-size:.75rem!important;font-weight:750;letter-spacing:.01em}.track-collab{margin-top:-.4rem!important}.track-cover{display:block;width:calc(100% + 2.4rem);aspect-ratio:1;object-fit:cover;margin:-1.2rem -1.2rem 1.15rem;border-bottom:1px solid var(--line);background:var(--panel)}.state,.rights-state{display:inline-flex;flex:0 0 auto;padding:.35rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.61rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.state{color:var(--text);background:var(--panel-strong)}audio{width:100%;margin:.2rem 0 .9rem;accent-color:var(--text)}.source-link,.rights-card a,footer a{margin-top:auto;font-size:.76rem;font-weight:800;text-decoration-thickness:1px;text-underline-offset:4px}
.allihoopa-track{overflow:visible;background:var(--paper);color:var(--paper-ink);border-color:rgba(0,0,0,.18);box-shadow:3px 5px 0 rgba(0,0,0,.12)}.allihoopa-track:before{content:"";position:absolute;z-index:2;top:-10px;left:50%;width:82px;height:22px;background:var(--tape);transform:translateX(-50%) rotate(-2deg);clip-path:polygon(2% 4%,98% 0,100% 92%,3% 100%)}.allihoopa-track:nth-child(4n+1){transform:rotate(-.6deg)}.allihoopa-track:nth-child(4n+2){transform:rotate(.45deg)}.allihoopa-track:nth-child(4n+3){transform:rotate(-.25deg)}.allihoopa-track:nth-child(4n){transform:rotate(.7deg)}.allihoopa-track:hover{transform:translateY(-3px) rotate(0);z-index:3}.allihoopa-track .track-number,.allihoopa-track p,.allihoopa-track .source-link{color:rgba(29,29,27,.68)}.allihoopa-track .state{background:rgba(29,29,27,.08);color:var(--paper-ink);border-color:rgba(29,29,27,.2)}.allihoopa-track audio{filter:sepia(.12) contrast(.96)}.allihoopa-track:nth-child(6n+1) .track-cover{filter:saturate(.62) contrast(1.22) sepia(.13)}.allihoopa-track:nth-child(6n+2) .track-cover{filter:saturate(1.35) contrast(1.12) hue-rotate(-7deg)}.allihoopa-track:nth-child(6n+3) .track-cover{filter:grayscale(.25) contrast(1.38) brightness(.92)}.allihoopa-track:nth-child(6n+4) .track-cover{filter:saturate(.8) sepia(.28) contrast(1.18)}.allihoopa-track:nth-child(6n+5) .track-cover{filter:contrast(1.28) brightness(.95) hue-rotate(7deg)}.allihoopa-track:nth-child(6n) .track-cover{filter:saturate(.5) contrast(1.34)}
.archive-object{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;margin-top:2rem;padding:1.2rem;border:1px dashed var(--line);border-radius:14px;background:var(--bg-soft)}.archive-object>div:first-child{display:grid;gap:.28rem}.archive-object>div:first-child>span{color:var(--muted);font-size:.64rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.archive-object small{max-width:680px;color:var(--muted);font-size:.78rem;line-height:1.5}.archive-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.collection>.collection-body>.button-link{margin-top:1.8rem}
.collection-udio .collection-body{overflow:hidden}.udio-shell{position:relative;margin-top:2rem;padding:10px;background:var(--paper);box-shadow:5px 7px 0 rgba(0,0,0,.15);transform:rotate(.35deg)}.udio-shell:before,.udio-shell:after{content:"";position:absolute;width:75px;height:20px;background:var(--tape);z-index:2}.udio-shell:before{left:25px;top:-10px;transform:rotate(-5deg)}.udio-shell:after{right:35px;bottom:-8px;transform:rotate(4deg)}.udio-frame{display:block;width:100%;height:520px;border:0;background:#111}.udio-stamp{position:absolute;right:18px;top:-29px;color:var(--scribble);font-size:1rem;transform:rotate(3deg)}.embed-note{margin:.9rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}
.production-note{position:relative;margin:2rem 0 0;padding:1rem 1.15rem 1rem 3.2rem;background:var(--paper);color:var(--paper-ink);box-shadow:3px 4px 0 rgba(0,0,0,.13);transform:rotate(-.35deg)}.production-note p{margin:.35rem 0 0;color:rgba(29,29,27,.72);line-height:1.55}.scribble-arrow{position:absolute;left:.7rem;top:.35rem;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:2rem;transform:rotate(-9deg)}.macloed-list{margin-top:1.5rem}.licensed-track{border-radius:8px;background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-style:dashed}.licensed-track:nth-child(odd){transform:rotate(-.2deg)}.licensed-track:nth-child(even){transform:rotate(.2deg)}.licensed-track:after{content:"CC";position:absolute;right:1rem;bottom:.8rem;font:900 2.4rem/1 Georgia,serif;color:var(--line);transform:rotate(-12deg);pointer-events:none}.licence-strip{display:grid;gap:.45rem;margin-top:1.3rem;padding:1rem 1.15rem;border:1px dashed var(--line);font-size:.77rem;line-height:1.55;color:var(--muted)}.licence-strip strong{color:var(--text);font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.licence-strip a{font-weight:800}.permission-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.2rem}.permission-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:1.3rem;border:1px solid var(--line);background:var(--bg-soft);box-shadow:var(--shadow)}.permission-card:nth-child(1){transform:rotate(-.45deg)}.permission-card:nth-child(2){transform:rotate(.5deg)}.permission-card:before{content:"";position:absolute;top:-8px;left:30%;width:74px;height:18px;background:var(--tape);opacity:.62;transform:rotate(2deg)}.permission-card p:not(.hand-label){color:var(--muted);font-size:.87rem;line-height:1.6}.hand-label{position:absolute;right:1rem;top:.6rem;margin:0;color:var(--scribble);font-size:1rem;transform:rotate(4deg)}.permission-outro .hand-label{right:auto;left:1rem;top:auto;bottom:-1.6rem;transform:rotate(-3deg)}
.archive-note{margin:clamp(3rem,6vw,5rem) 0 0 96px;padding:1.35rem 1.5rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);transform:rotate(.2deg)}.archive-note p{margin:0;max-width:840px;color:var(--muted);line-height:1.65}.archive-note strong{color:var(--text)}
footer{display:flex;justify-content:space-between;gap:1rem;padding:2.2rem 0 3rem;color:var(--muted);font-size:.78rem}footer p{margin:0}
.theme-switch button:focus-visible,.identity:focus-visible,.archive-nav a:focus-visible,.button-link:focus-visible,.source-link:focus-visible,.permission-card a:focus-visible,footer a:focus-visible,audio:focus-visible,iframe:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(max-width:880px){.principles{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-object{align-items:flex-start;flex-direction:column}.archive-actions{justify-content:flex-start}.udio-frame{height:460px}}
@media(max-width:700px){.topbar,main,footer{width:min(var(--max),calc(100% - 2rem))}.topbar{align-items:flex-start}.identity-copy span{max-width:150px}.theme-switch button{padding:.55rem .6rem}.hero-doodles{display:none}.scribble-note{display:block;margin:.55rem 0 0}.principles{grid-template-columns:1fr}.principles div{min-height:0}.track-list,.permission-shelf{grid-template-columns:1fr}.archive-rail:before{left:21px}.collection{grid-template-columns:44px minmax(0,1fr);gap:.9rem}.marker{width:44px;height:44px;box-shadow:0 0 0 7px var(--bg);font-size:.55rem}.marker span{width:34px;height:34px}.collection-body{padding:1.2rem;border-radius:18px}.track-heading{display:grid;gap:.65rem}.state{justify-self:start}.track-cover{width:calc(100% + 2.4rem)}.allihoopa-track:nth-child(n){transform:rotate(0)}.udio-frame{height:420px}.archive-note{margin-left:0}footer{display:grid}}
@media(max-width:390px){.theme-switch{display:grid;border-radius:14px}.udio-frame{height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.archive-nav a,.button-link,.track{transition:none}.track:hover{transform:none}}