@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Source+Sans+3:wght@400;550;650&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper:#e8e2d6;--paper-deep:#ddd5c6;--ink:#1c1915;--ink-muted:#5c554c;--accent:#1f4d46;--accent-soft:#2a6b61;--line:#1c191524;--card:#fffcf5b8;--shadow:0 18px 40px #28201414;--radius:2px;--font-display:"Fraunces", "Source Han Serif SC", "Songti SC", serif;--font-body:"Source Sans 3", "PingFang SC", "Noto Sans SC", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--max:68rem}*,:before,:after{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%, #1f4d4614, transparent 55%), radial-gradient(900px 400px at 90% 0%, #7850280f, transparent 50%), linear-gradient(180deg, #efe9dc 0%, var(--paper) 40%, #e3dccf 100%);background-attachment:fixed;margin:0;font-size:1.05rem;line-height:1.65}body:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--accent-soft)}img{max-width:100%}code,pre{font-family:var(--font-mono);font-size:.9em}pre{border:1px solid var(--line);background:#1c19150f;padding:1rem 1.1rem;overflow-x:auto}:not(pre)>code{background:#1f4d4614;border-radius:3px;padding:.1em .35em}.site-shell{z-index:1;width:min(100% - 2rem, var(--max));margin:0 auto;padding:1.25rem 0 4rem;position:relative}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;padding:.75rem 0 1.25rem;animation:.7s both rise;display:flex}.brand{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:1.35rem;font-weight:650;text-decoration:none}.brand:hover{color:var(--accent)}.nav{flex-wrap:wrap;gap:.85rem 1.25rem;font-size:.95rem;display:flex}.nav a{color:var(--ink-muted);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.hero{padding:1.5rem 0 2rem;animation:.8s 50ms both rise}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .65rem;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:650;line-height:1.12}.hero p{max-width:36rem;color:var(--ink-muted);margin:0;font-size:1.12rem}.track-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.track-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;gap:.35rem;padding:1.15rem 1.25rem;text-decoration:none;transition:transform .2s,border-color .2s;animation:.7s both rise;display:grid}.track-card:hover{color:inherit;border-color:#1f4d4659;transform:translateY(-2px)}.track-card .meta{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.track-card h2{font-family:var(--font-display);margin:0;font-size:1.45rem;font-weight:650}.track-card p{color:var(--ink-muted);margin:0}.layout-doc{gap:1.75rem;display:grid}@media (width>=880px){.layout-doc{grid-template-columns:13rem minmax(0,1fr);align-items:start}}.side-nav{border-top:1px solid var(--line);padding:.85rem 0;font-size:.92rem;position:sticky;top:1rem}.side-nav h2{font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0 0 .65rem;font-weight:500}.side-nav ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.side-nav a{color:var(--ink-muted);text-decoration:none}.side-nav a:hover,.side-nav a[aria-current=page]{color:var(--accent)}.prose{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem);animation:.65s both rise}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);letter-spacing:-.02em;font-weight:650;line-height:1.25}.prose h1{font-size:2rem}.prose h2{border-bottom:1px solid var(--line);margin-top:1.8rem;padding-bottom:.3rem;font-size:1.4rem}.prose table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.45rem .6rem}.prose th{background:#1f4d460f}.prose li:has(>input[type=checkbox]){list-style:none}.prose input[type=checkbox]{margin-right:.45rem}.progress-grid{gap:1rem;display:grid}.progress-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:1.15rem 1.25rem;animation:.65s both rise}.progress-card h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.35rem}.progress-card .score{font-family:var(--font-mono);color:var(--accent);font-size:.9rem}.bar{background:#1c191514;border-radius:999px;height:.45rem;margin:.75rem 0 1rem;overflow:hidden}.bar>span{background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:100%;display:block}.note{color:var(--ink-muted);margin:0 0 1.5rem;font-size:.95rem}.search-wrap{margin:0 0 1.5rem}#search{border:1px solid var(--line);border-radius:var(--radius);width:min(100%,28rem);font:inherit;color:var(--ink);background:#fffcf5e6;padding:.65rem .85rem}#search:focus{outline-offset:1px;outline:2px solid #1f4d4659}#search-results{margin-top:.75rem}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}