@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@300;400;500&family=DM+Serif+Display:ital@0;1&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg: #05080f;--surface: #080d18;--surface-lit: #0c1422;--card: #080d18;--border: #0e1e30;--border-lit: #1b3250;--text: #e2e8f0;--muted: #64748b;--brand: #60a5fa;--blue: #60a5fa;--purple: #a78bfa;--green: #34d399;--amber: #f59e0b;--red: #ef4444;--cyan: #22d3ee;--mono: "IBM Plex Mono", monospace;--display: "Bebas Neue", sans-serif;--serif: "DM Serif Display", serif}html,body{margin:0;min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(96,165,250,.14),transparent 24%),radial-gradient(circle at 100% 8%,rgba(167,139,250,.12),transparent 24%),radial-gradient(circle at 55% 100%,rgba(34,211,238,.08),transparent 24%),var(--bg);color:var(--text);font-family:var(--mono);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.18;pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}.home-page{position:relative;min-height:100vh;display:flex;flex-direction:column;width:min(940px,calc(100vw - 72px));margin:0 auto}.page-shell{position:relative;z-index:2}.diagram-field{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.diagram-sprite{position:absolute;top:0;left:0;opacity:.28;will-change:transform}.diagram-svg{width:100%;height:100%}.diagram-line{fill:none;stroke:color-mix(in srgb,var(--diagram-accent) 76%,var(--diagram-secondary));stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.diagram-faint{stroke:color-mix(in srgb,var(--diagram-secondary) 34%,transparent);stroke-width:3}.diagram-node-outline{fill:#080d1833;stroke:color-mix(in srgb,var(--diagram-accent) 70%,white 10%);stroke-width:3}.diagram-node-solid{fill:color-mix(in srgb,var(--diagram-secondary) 20%,rgba(8,13,24,.4));stroke:color-mix(in srgb,var(--diagram-secondary) 80%,white 6%);stroke-width:3}.diagram-dot{fill:color-mix(in srgb,var(--diagram-accent) 72%,white 12%)}.diagram-dot-small{fill:color-mix(in srgb,var(--diagram-secondary) 72%,white 10%)}.sound-toggle{position:fixed;top:1.1rem;right:max(1.1rem,calc((100vw - 940px)/2));width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border-lit));background:color-mix(in srgb,var(--brand) 10%,var(--surface-lit));color:var(--brand);border-radius:999px;box-shadow:0 0 0 1px #0c14228c;cursor:pointer;z-index:40;transition:transform .2s ease,border-color .2s ease,background .2s ease}.sound-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 50%,var(--border-lit));background:color-mix(in srgb,var(--brand) 18%,var(--surface-lit))}.sound-toggle span{font-size:.65rem;line-height:1}.masthead{padding:2.4rem 0 1.35rem;display:flex;align-items:baseline;gap:1.5rem;border-bottom:1px solid var(--border-lit)}.masthead-rss{margin-left:auto;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.site-name{font-family:var(--display);font-size:2.8rem;letter-spacing:.02em;line-height:1}.site-name span{color:var(--brand)}.site-tagline{padding-left:1.5rem;border-left:1px solid var(--border);color:var(--muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.hero-text{max-width:760px;padding:2.75rem 0 2rem}.hero-eyebrow,.track-index{margin:0 0 .8rem;color:var(--brand);font-size:.62rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.hero-text h1{margin:0;font-family:var(--serif);font-size:3.15rem;font-weight:400;line-height:1.1}.hero-text h1 em{color:var(--brand);font-style:italic}.hero-sub{margin:1rem 0 0;max-width:34ch;color:color-mix(in srgb,var(--text) 82%,var(--muted));font-size:.78rem;line-height:1.8}.hero-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:720px;margin-top:1.5rem}.hero-link{display:grid;gap:5px;padding:.95rem 1rem;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.hero-link--quiet{border-color:var(--border-lit);background:var(--surface)}.hero-link span{color:var(--muted);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.hero-link strong{overflow:hidden;color:var(--text);font-size:.72rem;font-weight:500;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.catalog-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem 2rem;align-items:end;padding:1.15rem 0;border-top:1px solid var(--border-lit);border-bottom:1px solid var(--border-lit)}.catalog-search-copy{display:grid;gap:.2rem}.catalog-search-kicker{margin:0;color:var(--brand);font-size:.56rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.catalog-search-copy label{font-family:var(--serif);font-size:1.35rem;line-height:1.15}.catalog-search-count{margin:0;color:var(--muted);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.catalog-search-control{grid-column:1 / -1;min-width:0;display:flex;align-items:stretch;border:1px solid var(--border-lit);background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 7%,transparent),transparent 46%),var(--surface);box-shadow:inset 0 0 0 1px #0c1422a6;transition:border-color .2s ease,box-shadow .2s ease}.catalog-search-control:focus-within{border-color:color-mix(in srgb,var(--brand) 66%,var(--border-lit));box-shadow:inset 0 0 0 1px #0c1422a6,0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.catalog-search-control input{min-width:0;flex:1;height:48px;padding:0 1rem;appearance:none;border:0;outline:0;background:transparent;color:var(--text);font:400 .74rem/1 var(--mono)}.catalog-search-control input::placeholder{color:color-mix(in srgb,var(--muted) 82%,transparent)}.catalog-search-control input::-webkit-search-cancel-button{display:none}.catalog-search-shortcut{align-self:center;min-width:28px;height:28px;display:grid;place-items:center;margin-right:.6rem;border:1px solid color-mix(in srgb,var(--muted) 50%,var(--border-lit));background:color-mix(in srgb,var(--brand) 5%,var(--surface-lit));box-shadow:inset 0 -2px color-mix(in srgb,var(--border-lit) 75%,black);color:var(--muted);font:500 .68rem/1 var(--mono)}.catalog-search-control button,.catalog-empty button{min-height:44px;border:0;background:transparent;color:var(--brand);font:500 .6rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.catalog-search-control button{padding:0 1rem;border-left:1px solid var(--border-lit)}.catalog-search-control button:hover,.catalog-empty button:hover{color:color-mix(in srgb,var(--brand) 76%,white)}.catalog-search-control button:focus-visible,.catalog-empty button:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}.catalog{display:grid;gap:4.5rem;padding:1.5rem 0 5rem}.catalog-empty{display:grid;justify-items:start;gap:.7rem;padding:2rem 0;border-bottom:1px solid var(--border-lit)}.catalog-empty p{margin:0;color:color-mix(in srgb,var(--text) 70%,var(--muted));font-size:.74rem;line-height:1.7}.catalog-empty strong{color:var(--text);font-weight:500}.catalog-empty button{padding:0}.track-section{scroll-margin-top:2rem}.track-heading{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.3fr) auto;gap:2rem;align-items:end;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-lit)}.track-heading h2{margin:0;font-family:var(--serif);font-size:1.9rem;font-weight:400;line-height:1.05}.track-heading p:not(.track-index){margin:0;color:color-mix(in srgb,var(--text) 65%,var(--muted));font-size:.68rem;line-height:1.65}.track-heading>span{color:var(--muted);font-size:.6rem;white-space:nowrap}.grid-section{flex:1;padding:0 0 3rem}.grid-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:var(--muted);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.grid-label:after{content:"";flex:1;height:1px;background:var(--border-lit)}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 50%),linear-gradient(135deg,color-mix(in srgb,var(--secondary) 5%,transparent),transparent 60%),var(--card);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:inset 0 0 0 1px #0c1422b3;transition:background .2s ease,border-color .2s ease,transform .2s ease}.card--starred{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.card--starred .card-diagram{height:100%;min-height:190px;border-right:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));border-bottom:0}.card-kicker,.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.55rem;letter-spacing:.09em;text-transform:uppercase}.card-done{color:var(--green)}.card-meta{margin-top:auto;padding-top:.45rem;border-top:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));letter-spacing:.04em;text-transform:none}.card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 58%),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--secondary) 18%,transparent) 0%,transparent 52%);transition:opacity .25s ease}.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border-lit))}.card:hover:before{opacity:1}.card-diagram{position:relative;z-index:1;height:120px;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))}.card-diagram svg{width:100%;height:100%;max-height:100px}.card-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem 1.2rem}.card-title,.card-desc{position:relative;z-index:1}.home-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:3rem;padding:1.4rem 0;border-top:1px solid var(--border-lit);border-bottom:1px solid var(--border-lit)}.home-footer div{display:grid;gap:5px}.home-footer strong{font-family:var(--serif);font-size:1.3rem;font-weight:400}.home-footer span,.home-footer a{color:var(--muted);font-size:.65rem;line-height:1.5}.home-footer a{color:var(--brand);white-space:nowrap}.card-title{margin:0;font-size:.92rem;font-weight:500;line-height:1.45;letter-spacing:.01em}.card:hover .card-title{color:var(--accent)}.card-desc{margin:0;color:color-mix(in srgb,var(--secondary) 40%,var(--muted));font-size:.68rem;font-weight:300;line-height:1.6;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:960px){.cards-grid{grid-template-columns:repeat(2,1fr)}.card-diagram{height:100px}.track-heading{grid-template-columns:1fr auto;gap:.75rem 1.5rem}.track-heading>p{grid-column:1 / -1;grid-row:2}}@media(max-width:720px){.home-page{width:min(100vw - 24px,940px)}.diagram-sprite{opacity:.18}.sound-toggle{top:.8rem;right:.8rem;width:1.35rem;height:1.35rem}.masthead,.hero-text,.grid-section{padding-left:0;padding-right:0}.masthead{flex-direction:column;gap:.75rem;align-items:flex-start}.masthead-rss{margin-left:0}.site-tagline{padding-left:0;border-left:0}.hero-text{padding-top:2rem;padding-bottom:1.5rem}.hero-text h1{font-size:2.35rem}.catalog-search{grid-template-columns:1fr;gap:.65rem}.catalog-search-count,.catalog-search-control{grid-column:1}.catalog-search-control input{height:46px}.catalog-search-shortcut{display:none}.cards-grid{grid-template-columns:1fr}.card--starred{grid-column:auto;display:flex}.card--starred .card-diagram{min-height:90px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))}.hero-links{grid-template-columns:1fr}.track-heading{grid-template-columns:1fr auto}.home-footer{align-items:flex-start;flex-direction:column}.card-diagram{height:90px}.card-copy{padding:.9rem 1.05rem 1.05rem}.card-title{font-size:.94rem}}@media(prefers-reduced-motion:reduce){.card,.card:before,.catalog-search-control,.sound-toggle{transition:none}}