:root{--paper: #f3f2ee;--paper-panel: #eceae3;--paper-sunk: #e6e3da;--ink: #201f26;--ink-soft: #45424b;--muted: #6e6a63;--line: #d8d4ca;--line-strong: #b7b2a6;--era-renaissance: #5e7e63;--era-baroque: #b07c2b;--era-classical: #4e6e8e;--era-romantic: #a23b4e;--era-modern: #6a4e7a;--font-display: "Fraunces", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-body: "Spectral", "Hiragino Mincho ProN", "Yu Mincho", serif;--maxw: 1180px;--radius: 3px;--name-w: 168px;--row-h: 34px;--row-gap: 5px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.68;font-feature-settings:"onum" 1,"pnum" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:460;line-height:1.12;letter-spacing:-.01em;margin:0}.eyebrow{font-family:var(--font-body);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(18px,5vw,44px)}:focus-visible{outline:2px solid var(--era-classical);outline-offset:2px;border-radius:2px}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(120%) blur(4px);position:sticky;top:0;z-index:40}.site-header__inner{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-block:14px}.brand{font-family:var(--font-display);font-size:1.18rem;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:baseline;gap:.5ch}.brand__mark{color:var(--era-baroque)}.site-header nav a{font-size:.86rem;color:var(--muted);text-decoration:none}.site-header nav a:hover{color:var(--ink)}.site-footer{border-top:1px solid var(--line);margin-top:5rem;padding-block:2.4rem;color:var(--muted);font-size:.84rem}.site-footer__inner{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline;justify-content:space-between}.site-footer__brand{margin:0}.site-footer__links{display:flex;flex-wrap:wrap;gap:1.2rem}.site-footer__links a{color:var(--muted);text-decoration:none}.site-footer__links a:hover{color:var(--ink);text-decoration:underline}.hero{padding-block:clamp(2.6rem,6vw,4.6rem) 1.6rem}.hero h1{font-size:clamp(2.5rem,6.5vw,4.6rem);max-width:16ch}.hero h1 em{font-style:italic;color:var(--era-romantic)}.hero p{margin-top:1.1rem;max-width:52ch;color:var(--ink-soft);font-size:1.05rem}.legend{display:flex;flex-wrap:wrap;gap:8px 10px;margin-block:1.8rem 1rem;padding:0;border:0}.legend__hint{flex-basis:100%;font-size:.78rem;color:var(--muted);margin-bottom:2px}.legend button{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border:1px solid var(--line-strong);border-radius:100px;background:transparent;color:var(--ink-soft);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease}.legend button .swatch{width:11px;height:11px;border-radius:3px;background:var(--swatch, var(--muted));flex:none}.legend button .era-span{color:var(--muted);font-size:.74rem}.legend button[aria-pressed=false]{opacity:.42}.legend button:hover{background:var(--paper-panel)}.timeline{margin-top:.5rem}.tl-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px;background:linear-gradient(to right,var(--paper) 30%,transparent),linear-gradient(to left,var(--paper) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.08),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.08),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.tl-inner{min-width:calc(var(--name-w) + 760px)}.tl-scale{display:grid;grid-template-columns:var(--name-w) 1fr;position:sticky;top:0;z-index:3}.tl-scale__corner{background:var(--paper)}.tl-scale__track{position:relative;height:30px;background:var(--paper);border-bottom:1px solid var(--line-strong)}.tl-tick{position:absolute;top:0;transform:translate(-50%);font-size:.74rem;color:var(--muted);letter-spacing:.04em;white-space:nowrap;padding-top:7px}.tl-tick:before{content:"";position:absolute;bottom:-1px;left:50%;width:1px;height:5px;background:var(--line-strong)}.tl-rows{position:relative}.tl-row{display:grid;grid-template-columns:var(--name-w) 1fr;align-items:center;height:var(--row-h);margin-top:var(--row-gap);text-decoration:none;color:inherit}.tl-name{position:sticky;left:0;z-index:2;background:var(--paper);padding-right:12px;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-soft);border-right:1px solid var(--line);height:100%;display:flex;align-items:center}.tl-track{position:relative;height:100%;background-image:repeating-linear-gradient(to right,var(--line) 0,var(--line) 1px,transparent 1px,transparent var(--minor-gap, 11.11%));background-position:var(--minor-offset, 0) 0}.tl-row:hover .tl-track,.tl-row:focus-visible .tl-track{background-color:color-mix(in srgb,var(--paper-panel) 60%,transparent)}.tl-bar{position:absolute;top:50%;transform:translateY(-50%);height:18px;border-radius:var(--radius);background:var(--bar-color);display:flex;align-items:center;min-width:3px;box-shadow:inset 0 -1px #00000024;transition:height .14s ease,box-shadow .14s ease,filter .14s ease}.tl-row:hover .tl-bar,.tl-row:focus-visible .tl-bar{height:22px;filter:saturate(1.15) brightness(1.03);box-shadow:0 2px 8px #0000002e}.tl-bar[data-open=true]{border-top-right-radius:0;border-bottom-right-radius:0;-webkit-mask-image:linear-gradient(to right,#000 78%,transparent);mask-image:linear-gradient(to right,#000 78%,transparent)}.tl-bar__label{font-size:.72rem;line-height:1;color:#fff;padding:0 7px;white-space:nowrap;font-variant-numeric:tabular-nums;mix-blend-mode:normal}.tl-bar[data-narrow=true] .tl-bar__label{color:var(--ink-soft);position:absolute;left:calc(100% + 6px);padding:0}.detail{padding-top:2.2rem}.backlink{display:inline-flex;align-items:center;gap:.4ch;font-size:.85rem;color:var(--muted);text-decoration:none;margin-bottom:1.6rem}.backlink:hover{color:var(--ink)}.detail__head{display:grid;gap:.7rem;padding-bottom:1.6rem;border-bottom:1px solid var(--line)}.detail__name{font-size:clamp(2.1rem,5vw,3.4rem)}.detail__full{color:var(--muted);font-style:italic;font-size:1.05rem}.detail__meta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;font-size:.92rem;color:var(--ink-soft);margin-top:.3rem}.detail__meta dt{color:var(--muted);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.detail__meta>div{display:flex;align-items:baseline;gap:.5ch}.detail__meta dd{margin:0;font-variant-numeric:tabular-nums}.era-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:100px;font-size:.8rem;color:#fff;background:var(--bar-color)}.mini-tl{margin:2rem 0 0}.mini-tl__track{position:relative;height:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(to right,var(--line) 0,var(--line) 1px,transparent 1px,transparent var(--minor-gap, 11.11%))}.mini-tl__bar{position:absolute;top:50%;transform:translateY(-50%);height:16px;border-radius:var(--radius);background:var(--bar-color)}.mini-tl__scale{position:relative;height:18px;margin-top:2px}.mini-tl__tick{position:absolute;transform:translate(-50%);font-size:.7rem;color:var(--muted)}.detail__body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(1.6rem,5vw,3.4rem);margin-top:2.6rem;align-items:start}.prose{font-size:1.06rem}.prose h2{font-size:1.5rem;margin:1.8rem 0 .6rem}.prose p{margin:0 0 1rem}.prose p:first-child{margin-top:0}.prose p:first-of-type:first-letter{font-family:var(--font-display);font-size:3.1em;line-height:.82;float:left;padding:.08em .12em 0 0;color:var(--era-baroque)}.works{background:var(--paper-panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.4rem;position:sticky;top:76px}.works h2{font-size:1.15rem;margin-bottom:.9rem}.works ol{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.works li{display:grid;grid-template-columns:3.4em 1fr;gap:.4rem .7rem;align-items:baseline;padding-bottom:.85rem;border-bottom:1px solid var(--line)}.works li:last-child{border-bottom:0;padding-bottom:0}.works__year{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.86rem}.works__title{font-weight:500}.works__genre{display:inline-block;margin-top:2px;font-size:.74rem;color:var(--muted)}.works__note{grid-column:2;font-size:.85rem;color:var(--ink-soft)}.links{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.5rem}.links a{font-size:.85rem;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:1px}.links a:hover{color:var(--ink);border-color:var(--ink)}.imslp{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}.imslp__link{display:inline-block;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--paper);background:var(--bar-color, var(--ink));text-decoration:none;padding:.45rem .9rem;border-radius:var(--radius)}.imslp__link:hover{filter:brightness(.92)}.imslp__note{margin:.6rem 0 0;font-size:.8rem;color:var(--muted)}.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line);font-size:.9rem}.pager a{text-decoration:none;color:var(--ink-soft);max-width:45%}.pager a span{display:block;font-size:.72rem;color:var(--muted)}.pager a:hover{color:var(--ink)}.pager a.is-next{text-align:right;margin-left:auto}@media(max-width:720px){:root{--name-w: 118px}body{font-size:16px}.detail__body{grid-template-columns:1fr}.works{position:static}.tl-name{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.mermaid-fig{margin:1.5rem 0 .5rem}.mermaid-scroll{overflow-x:auto;border:1px solid var(--rule, #d9d7cf);border-radius:10px;background:linear-gradient(#f7f6f2,#f7f6f2) padding-box,repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#e7e5dd 27px,#e7e5dd 28px);padding:1.25rem 1rem;-webkit-overflow-scrolling:touch}pre.mermaid{margin:0;background:none;border:0;padding:0;text-align:center;min-height:2rem}pre.mermaid:not([data-processed]){color:transparent;user-select:none}.mermaid-cap{margin-top:.55rem;font-size:.82rem;color:var(--muted, #6b6a63);text-align:center}pre.mermaid .nodeLabel{font-weight:500}pre.mermaid .edgeLabel{background:#f3f2ee!important;color:#201f26!important;font-size:.78rem}.rel-legend{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;align-items:center;margin-bottom:.4rem;font-size:.86rem}.rel-legend__item{display:inline-flex;align-items:center;gap:.4rem}.rel-legend__hint{color:var(--muted, #6b6a63);font-size:.78rem}.rel-arrow{width:26px;height:0;border-top:2px solid #8a8780;position:relative;display:inline-block}.rel-arrow.is-dir:after{content:"";position:absolute;right:-1px;top:-4px;border:4px solid transparent;border-left-color:#8a8780;border-right:0}.rel-arrow.is-undir{border-top-style:solid}.rel-note{margin-top:.75rem;font-size:.82rem;color:var(--muted, #6b6a63)}.rel-section{margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--rule, #d9d7cf)}.rel-section h2{margin:0 0 .25rem}.rel-section__more{margin-top:.4rem;font-size:.86rem}.rel-gantt__title{font-family:var(--font-display);font-size:1.15rem;margin:1.8rem 0 .2rem}.rel-gantt__lead{margin:0 0 .7rem;font-size:.9rem;color:var(--ink-soft);max-width:60ch}.home-timeline{margin-top:clamp(2.4rem,6vw,3.8rem)}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1rem;margin-bottom:.8rem}.section-head__title{font-family:var(--font-display);font-size:1.4rem;margin:0}.see-all{font-size:.9rem;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:1px;white-space:nowrap}.see-all:hover{color:var(--ink);border-color:var(--ink)}.personal{margin-top:1.6rem}.personal[hidden]{display:none}.personal__title{font-family:var(--font-display);font-size:1.15rem;margin:0 0 .6rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-block;padding:.3rem .75rem;border-radius:999px;background:var(--paper-panel);border:1px solid var(--line);border-left:3px solid var(--c, var(--line-strong));font-size:.9rem;text-decoration:none;color:var(--ink)}.chip:hover{background:var(--paper-sunk)}.chip[data-era=renaissance]{--c: var(--era-renaissance)}.chip[data-era=baroque]{--c: var(--era-baroque)}.chip[data-era=classical]{--c: var(--era-classical)}.chip[data-era=romantic]{--c: var(--era-romantic)}.chip[data-era=modern]{--c: var(--era-modern)}.fav-btn{margin-top:1.1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper-panel);color:var(--ink-soft);font:inherit;font-size:.85rem;cursor:pointer}.fav-btn:hover{border-color:var(--ink);color:var(--ink)}.fav-btn__star:before{content:"☆";font-size:1.05em}.fav-btn[aria-pressed=true]{color:var(--ink);border-color:var(--era-baroque);background:var(--paper)}.fav-btn[aria-pressed=true] .fav-btn__star:before{content:"★";color:var(--era-baroque)}