:root{color-scheme:dark;--ink: #f3eee5;--muted: #ded5c8;--paper: #100f0d;--panel: rgba(24, 22, 19, .9);--accent: #d2b47d;--accent-strong: #f1d59b;--line: rgba(255, 245, 224, .2);--backdrop: none}body[data-theme=home]{--accent: #d2b47d;--accent-strong: #f1d59b;--line: rgba(255, 245, 224, .2);--backdrop: none}body[data-theme=music]{--accent: #d2a163;--accent-strong: #ffd89b;--line: rgba(255, 224, 184, .24);--backdrop: url(https://images.pexels.com/photos/17201550/pexels-photo-17201550.jpeg?auto=compress&cs=tinysrgb&w=1800)}body[data-theme=stem]{--accent: #8eaa67;--accent-strong: #c7df97;--line: rgba(199, 223, 151, .24);--backdrop: url(https://images.pexels.com/photos/2182863/pexels-photo-2182863.jpeg?auto=compress&cs=tinysrgb&w=1800)}body[data-theme=media],body[data-theme=portfolio]{--accent: #b9b0a1;--accent-strong: #efe3d3;--line: rgba(239, 227, 211, .22);--backdrop: url(https://images.pexels.com/photos/5179401/pexels-photo-5179401.jpeg?auto=compress&cs=tinysrgb&w=1800)}body[data-theme=community]{--accent: #c0b96d;--accent-strong: #eee68d;--line: rgba(238, 230, 141, .24);--backdrop: url(https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&w=1800)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}a{color:inherit}button{font:inherit}.backdrop{position:fixed;inset:0;z-index:-2;background-color:#100f0d;background-image:var(--backdrop);background-position:center;background-size:cover;filter:brightness(.48) saturate(.82);opacity:.92;transition:background-image .18s ease,filter .18s ease,opacity .18s ease}.chalk-underlay{position:fixed;inset:76px 4vw 4vw;z-index:-1;pointer-events:none}.chalk-underlay p{position:absolute;margin:0;color:#fffcee3d;font-family:Bradley Hand,Marker Felt,Segoe Print,cursive;font-size:clamp(1rem,2.8vw,2.1rem);line-height:1.1}.chalk-underlay p:nth-child(1){top:4%;left:3%}.chalk-underlay p:nth-child(2){top:16%;right:8%}.chalk-underlay p:nth-child(3){top:36%;left:9%}.chalk-underlay p:nth-child(4){top:55%;right:5%}.chalk-underlay p:nth-child(5){top:72%;left:6%}.chalk-underlay p:nth-child(6){top:84%;right:18%}.chalk-underlay p:nth-child(7){top:7%;right:34%}.chalk-underlay p:nth-child(8){top:45%;right:28%}.chalk-underlay p:nth-child(9){top:67%;right:44%}.chalk-underlay p:nth-child(10){top:26%;left:36%}.chalk-underlay p:nth-child(11){top:88%;left:38%}.chalk-underlay p:nth-child(12){top:24%;left:5%}.site-header{position:sticky;top:0;z-index:2;display:flex;min-height:56px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 32px;background:#100f0deb;transition:background .18s ease,border-color .18s ease}.brand{color:var(--ink);font-size:.95rem;font-weight:700;text-decoration:none}.nav{display:flex;align-items:center;gap:20px}.nav a,.section-header a,.project>a,.link-list a{color:var(--muted);font-size:.92rem;text-decoration:none;transition:color .14s ease}.nav a:hover,.section-header a:hover,.project>a:hover,.link-list a:hover,.nav a.active{color:var(--accent-strong)}.page{width:min(1040px,calc(100% - 64px));margin:0 auto;padding:56px 0 72px}h1,h2,h3,p,dl,dd,ul{margin-top:0}h1{margin-bottom:14px;font-size:2.5rem;line-height:1.08;letter-spacing:0}h2{margin-bottom:0;font-size:1.05rem;line-height:1.35}h3{margin-bottom:6px;font-size:1rem;line-height:1.35}p{color:var(--muted);line-height:1.65}.intro{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;padding-bottom:44px}.intro p{max-width:620px;margin-bottom:0;font-size:1.04rem}.profile-panel,.project-list,.chord-fact,.topic-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);transition:background .18s ease,border-color .18s ease}.profile-panel{padding:18px}.profile-panel dl{margin-bottom:0}.profile-panel div{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.profile-panel div:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.profile-panel dt{margin-bottom:4px;color:var(--ink);font-size:.92rem;font-weight:700}.profile-panel dd{margin-left:0;color:var(--muted);font-size:.94rem;line-height:1.5}.section{border-top:1px solid var(--line);padding:30px 0;transition:border-color .18s ease}.split{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px}.section-body p{max-width:680px;margin-bottom:14px}.section-body p:last-child{margin-bottom:0}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:16px}.section-header p{margin-bottom:0;color:var(--muted);font-size:.92rem}.topic-grid,.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fact-card{border:1px solid var(--line);border-radius:8px;padding:16px;background:#181613d1}.fact-card p{margin-bottom:0;font-size:.94rem}.topic-card{min-height:190px;padding:18px;color:var(--ink);text-decoration:none;transition:border-color .14s ease,background .14s ease,color .14s ease}.topic-card:hover,.topic-card:focus-visible{border-color:var(--accent)}.topic-icon{display:grid;width:32px;height:32px;align-items:center;justify-items:center;margin-bottom:24px;border:1px solid var(--line);border-radius:8px;color:var(--accent-strong);font-weight:700}.topic-card p{margin-bottom:0}.chord-board{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.chord-neck{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel);transition:background .18s ease,border-color .18s ease}.fret-lines{position:absolute;inset:10px;display:grid;grid-template-columns:repeat(6,1fr);pointer-events:none}.fret-lines div{border-left:1px solid var(--line)}.fret-lines div:last-child{border-right:1px solid var(--line)}.chord-button{position:relative;min-height:70px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--panel);cursor:pointer;font-size:1.15rem;font-weight:700;transition:border-color .14s ease,background .14s ease,color .14s ease}.chord-button:hover,.chord-button:focus-visible{border-color:var(--accent);color:var(--accent-strong)}.chord-button.active{border-color:var(--accent-strong);color:#100f0d;background:var(--accent-strong)}.chord-fact{min-height:148px;padding:20px}.chord-fact p{margin-bottom:0}.project-list{display:grid}.project{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;min-height:92px;border-bottom:1px solid var(--line);padding:18px 20px}.project:last-child{border-bottom:0}.project p{margin-bottom:0;font-size:.94rem;line-height:1.55}.plain-list,.tag-list{margin-bottom:0;padding-left:0;list-style:none}.plain-list{display:grid;gap:10px;max-width:720px}.plain-list li{color:var(--muted);line-height:1.55}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list li{border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--ink);background:var(--panel);font-size:.92rem;transition:background .18s ease,border-color .18s ease}.link-list{display:flex;flex-wrap:wrap;gap:16px}.photo-grid-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-photo{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.feature-photo img{display:block;width:100%;max-height:520px;object-fit:cover}.feature-photo.portrait img{max-height:720px;object-fit:contain}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portfolio-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;margin:0;background:var(--panel)}.portfolio-card img{width:100%;height:280px;object-fit:cover}.portfolio-card.tall{grid-row:span 2}.portfolio-card.tall img{height:640px}.portfolio-card.wide{grid-column:span 2}@media(max-width:860px){.site-header{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 20px}.nav{width:100%;gap:16px;overflow-x:auto}.page{width:min(100% - 32px,1040px);padding:40px 0 56px}.intro,.split,.chord-board{grid-template-columns:1fr;gap:20px}h1{font-size:2rem}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.project{grid-template-columns:1fr;gap:10px}.topic-grid,.fact-grid,.photo-grid-section,.portfolio-grid{grid-template-columns:1fr}.portfolio-card.tall,.portfolio-card.wide{grid-column:auto;grid-row:auto}.portfolio-card img,.portfolio-card.tall img{height:auto}}