:root{--bg: #f3f3f1;--paper: #fcfcfb;--ink: #1d1d1f;--ink-soft: #5a5b60;--line: #d8d5cf;--accent: #6d5f4b;--accent-soft: #9a8971;--shadow: 0 6px 18px rgba(18, 20, 21, .04)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(184,172,148,.2),transparent 30%),radial-gradient(circle at 85% 90%,rgba(153,170,165,.15),transparent 35%),var(--bg);font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;line-height:1.75}.paper-noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.25;background-image:radial-gradient(rgba(50,40,20,.06) .7px,transparent .7px),radial-gradient(rgba(50,40,20,.04) .7px,transparent .7px);background-position:0 0,20px 20px;background-size:40px 40px}.container{width:min(1100px,calc(100% - 2rem));margin:0 auto}.topbar{position:sticky;top:0;z-index:30;background:#f1f0ed;border-bottom:1px solid #d7d2c8}body[data-page=home] .topbar{display:none}.topbar__inner{display:flex;justify-content:space-between;align-items:center;min-height:68px}.brand{color:var(--ink);text-decoration:none;letter-spacing:.12em;font-weight:600}.nav{display:flex;gap:1rem}.nav a{text-decoration:none;color:var(--ink-soft);padding:.2rem .4rem;border-bottom:1px solid transparent}.nav a[aria-current=page],.nav a:hover{color:var(--ink);border-bottom-color:var(--accent-soft)}.page{padding:2.2rem 0 5rem;position:relative;z-index:1}.hero{margin-bottom:2rem;animation:rise .7s ease}.hero.compact{margin-bottom:1.2rem}.hero__eyebrow{margin:0;color:var(--accent);letter-spacing:.2em;font-size:.78rem}.hero h1{margin:.3rem 0 0;font-size:clamp(1.9rem,2.8vw,2.8rem);font-weight:600}.hero__subtitle{margin:.8rem 0 0;color:var(--ink-soft)}.year-panel{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.year-panel label{color:var(--ink-soft)}.year-select-wrap{position:relative;display:inline-flex}.year-select-wrap:after{content:"⌄";position:absolute;right:.9rem;top:50%;transform:translateY(-50%);color:var(--accent);pointer-events:none}#year-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:6px;background:#fbfaf8;color:var(--ink);min-width:210px;padding:.58rem 2.2rem .58rem 1rem;font-family:inherit;font-size:.96rem;box-shadow:var(--shadow)}.card{background:color-mix(in oklab,var(--paper) 95%,#ebe6dd 5%);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow)}.manifesto{padding:1.6rem;margin-bottom:2rem}.manifesto h2{margin:0 0 .8rem;font-size:1.25rem}.manifesto p{margin:0;display:grid;gap:.7rem;color:#262626}.manifesto p span{display:block;text-indent:2em}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.section-head h2{margin:0 0 .8rem}.section-head p{margin:0;color:var(--ink-soft)}.song-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.song-item{display:grid;grid-template-columns:auto 86px minmax(180px,1.2fr) 2fr;grid-template-areas:"index cover main note";gap:1rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--line);border-radius:4px;background:#fff}.song-index{color:var(--accent-soft);font-variant-numeric:tabular-nums;letter-spacing:.08em;grid-area:index}.song-main h3{margin:0;font-size:1.04rem}.song-main{grid-area:main}.song-artist{margin:.22rem 0 0;color:var(--ink-soft);display:flex;align-items:center;gap:.45rem}.song-note{margin:0;color:#3f4044;grid-area:note;align-self:center}.song-cover{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;background:#faf9f6;overflow:hidden;text-decoration:none;grid-area:cover}.song-cover img{width:100%;height:100%;object-fit:cover;display:block}.song-cover--empty{color:#8e8f93;font-size:.8rem}.song-audio{display:inline-flex;width:1.4rem;height:1.4rem;align-items:center;justify-content:center;border:1px solid #cfc8bb;border-radius:999px;text-decoration:none;color:var(--accent);font-size:.82rem;line-height:1}.song-audio:hover{border-color:var(--accent-soft);color:#4e4334}.footer{color:var(--ink-soft);text-align:center;font-size:.92rem;padding-bottom:2rem}.editor-page{display:grid;gap:1rem}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;padding:1rem}button,.import-label,.preview-link{border:1px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;border-radius:4px;padding:.44rem .8rem;text-decoration:none;cursor:pointer}button:hover,.import-label:hover,.preview-link:hover{border-color:var(--accent-soft)}button.danger{color:#7b2e2e}#import-json{display:none}.editor-years{display:grid;gap:1rem}.editor-site,.year-editor{padding:1rem}.editor-hint{padding:.8rem 1rem}.editor-hint p{margin:0;color:var(--ink-soft)}.year-editor__head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}label{display:grid;gap:.4rem;margin-bottom:.8rem;color:#35363b}input,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:4px;padding:.55rem .7rem;color:var(--ink);font-family:inherit}.song-editor-list{display:grid;gap:.75rem;margin-bottom:.8rem}.song-editor-item{display:grid;gap:.5rem;padding:.8rem;border:1px solid var(--line);border-radius:4px;background:#fff}.song-editor-item__title{color:var(--accent-soft);font-size:.9rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.section-head{flex-direction:column;align-items:flex-start}.song-item{grid-template-columns:68px 1fr;grid-template-areas:"index index" "cover main" "cover note";gap:.45rem .75rem;align-items:start}.song-cover{width:68px;height:68px}.song-main h3{font-size:1rem}.song-artist{margin-top:.12rem}.field-row{grid-template-columns:1fr}.topbar__inner{flex-direction:column;justify-content:center;gap:.4rem;padding:.6rem 0}}@media (max-width: 580px){.container{width:min(1100px,calc(100% - 1.2rem))}.manifesto,.editor-site,.year-editor,.editor-toolbar{padding:.9rem}.hero__eyebrow{letter-spacing:.14em}#year-select{min-width:170px}}