:root{color-scheme:light;--gallery-rule:#20231f30}
.actions .site-home{display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;padding:0}.site-home svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.actions a,.actions button{min-height:44px;display:inline-flex;align-items:center;font-size:12px}.actions{gap:18px}.music-panel{position:fixed;z-index:11;top:84px;right:var(--edge);width:min(360px,calc(100% - 40px));padding:18px;background:var(--paper);border:1px solid var(--gallery-rule);color:var(--ink);font:12px/1.5 'Segoe UI','Microsoft YaHei',sans-serif}.music-panel[hidden]{display:none}.music-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.music-controls,.music-range{display:flex;align-items:center;gap:12px}.music-controls button,.music-controls label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px;cursor:pointer}.music-controls input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.music-range{margin-top:8px}.music-range input{flex:1;min-width:0;accent-color:var(--ink)}.music-range label{min-width:32px}.music-status{display:block;min-height:18px;color:var(--ink);opacity:.7}.music-controls button:disabled{opacity:.35;cursor:default}.music-panel input:focus-visible,.music-controls label:focus-within{outline:2px solid #375b45;outline-offset:4px}.music-close{margin-left:auto}html{background:var(--paper)}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#111310;--ink:#f3f4ef;--gallery-rule:#f3f4ef45}button:focus-visible,a:focus-visible{outline-color:#a8c9ad}}
@media(max-width:700px){.masthead{top:20px;gap:4px}.masthead h1{font-size:26px}.actions{gap:14px}.music-panel{top:112px}.spread{padding-top:132px}}