:root{color:#292620;font-synthesis:none;background:#f4f0e7;font-family:Noto Serif JP,Yu Mincho,Hiragino Mincho ProN,serif;line-height:1.75}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}.site-header,main,footer{width:min(1180px,100% - 32px);margin-inline:auto}.site-header{border-bottom:1px solid #bcb4a5;justify-content:space-between;gap:40px;padding:56px 0 34px;display:flex}.eyebrow{color:#7a302a;letter-spacing:.18em;text-transform:uppercase;margin:0;font:700 .72rem/1.2 system-ui,sans-serif}h1{letter-spacing:.04em;margin:4px 0 0;font-size:clamp(2rem,5vw,4rem);font-weight:500}.introduction{color:#625d54;align-self:end;max-width:34rem;margin:0}main{padding:28px 0 64px}.controls{background:#e7e0d3;border:1px solid #cec4b4;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:24px;padding:20px;display:grid}label{color:#514b42;letter-spacing:.04em;gap:6px;font:600 .75rem/1.4 system-ui,sans-serif;display:grid}input,select{color:#292620;background:#fffdf8;border:1px solid #9f9585;border-radius:0;min-height:44px;padding:8px 12px}input:focus-visible,select:focus-visible,button:focus-visible{outline-offset:2px;outline:3px solid #b96055}.filters{gap:12px;display:flex}.filters select{min-width:140px}.status{color:#625d54;margin:22px 0 12px;font-size:.92rem}.status.error{color:#9d2018;font-weight:700}.content-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:start;gap:28px;display:grid}.waka-list{background:#c9c0b1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;display:grid}.waka-card{text-align:left;width:100%;min-height:154px;color:inherit;background:#fffdf8;border:0;align-content:space-between;gap:20px;padding:22px;display:grid}.waka-card:hover,.waka-card[aria-current=true]{background:#eee5d7}.waka-text{letter-spacing:.055em;overflow-wrap:anywhere;font-size:1.12rem;line-height:2;display:block}.waka-meta{color:#6b645a;font-size:.78rem}.detail{color:#f8f2e7;background:#292620;max-height:calc(100vh - 40px);padding:28px;position:sticky;top:20px;overflow:auto}.detail h2{margin:8px 0 20px;font-weight:500}.detail h3{border-bottom:1px solid #777064;margin-top:32px;padding-bottom:6px}.detail-waka{font-size:1.28rem}.close-button{color:inherit;background:0 0;border:1px solid #a9a094;padding:6px 12px}.facts{gap:8px;margin:28px 0 0;display:grid}.fact{border-top:1px solid #4c4942;grid-template-columns:5em 1fr;gap:12px;padding-top:8px;display:grid}.fact dt{color:#bdb4a6;font-size:.78rem}.fact dd{margin:0}.notes article,.variant{border-left:2px solid #a75b50;margin-top:16px;padding-left:14px}.note-label{color:#d2a096;margin:0;font-size:.75rem}.notes article p:last-child{margin:4px 0 0}.variant h4{margin-bottom:8px}.variant .detail-waka{margin-top:0}.reading{color:#c7beb1}footer{color:#6b645a;border-top:1px solid #bcb4a5;justify-content:space-between;gap:24px;padding:24px 0 42px;font-size:.75rem;display:flex}.build-meta{font-family:ui-monospace,monospace}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=880px){.site-header{display:grid}.controls{grid-template-columns:1fr}.filters{grid-template-columns:repeat(3,1fr);display:grid}.filters select{width:100%;min-width:0}.content-grid{grid-template-columns:1fr}.detail{max-height:none;position:static}}@media (width<=600px){.site-header,main,footer{width:min(100% - 20px,1180px)}.site-header{padding-top:34px}.filters,.waka-list{grid-template-columns:1fr}.waka-card{min-height:130px}footer{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}