:root{--ink:#3a2415;--ink-soft:#6a4a34;--paper:#f6ead4;--paper-deep:#ead7b4;--cream:#fff8ec;--tomato:#e07a5f;--sun:#f2cc8f;--leaf:#81b29a;--sky:#7eb8c9;--berry:#c97b84;--line:#3a241524;--shadow:0 18px 40px #482a1229;--display:"Fraunces", "Noto Sans SC", serif;--body:"Nunito", "Noto Sans SC", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background-color:#e9d5a8;background-image:radial-gradient(80% 50% at 8% -10%,#e07a5f47,#0000 55%),radial-gradient(60% 40% at 100% 0,#7eb8c947,#0000 50%),radial-gradient(50% 40% at 70% 100%,#81b29a38,#0000 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");margin:0}a{color:inherit;text-decoration:none}button,a{font-family:inherit}.home{max-width:1180px;margin:0 auto;padding:40px 24px 80px}.home-hero{background:var(--cream);border:3px solid var(--ink);border-radius:28px 40px 24px 36px;margin-bottom:36px;padding:28px 32px 30px;position:relative;box-shadow:10px 10px #3a24151f}.home-kicker{background:var(--sun);color:var(--ink);letter-spacing:.12em;border-radius:999px;margin:0 0 10px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-block}.home-hero h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.05}.home-hero h1 span{color:var(--tomato)}.home-lead{max-width:42em;color:var(--ink-soft);margin:0;font-size:17px;line-height:1.55}.song-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;display:grid}.song-card{background:var(--cream);border:3px solid var(--ink);transform:rotate(var(--tilt,0deg));border-radius:22px;flex-direction:column;transition:transform .2s,box-shadow .2s;animation:.45s backwards pop-in;display:flex;overflow:hidden;box-shadow:6px 8px #3a24151a}@keyframes pop-in{0%{opacity:0;transform:translateY(14px) rotate(var(--tilt,0deg))}to{opacity:1;transform:rotate(var(--tilt,0deg))}}.song-card:nth-child(3n){--tilt:-.6deg}.song-card:nth-child(3n+1){--tilt:.7deg}.song-card:hover{transform:rotate(0)translateY(-6px);box-shadow:8px 14px #3a241524}.song-card-cover{aspect-ratio:4/3;background:var(--paper-deep);width:100%;display:block}.song-card-cover svg{width:100%;height:100%;display:block}.song-card-body{border-top:3px solid var(--ink);padding:12px 14px 16px}.song-card-body h2{font-family:var(--display);margin:0;font-size:18px;font-weight:700;line-height:1.2}.song-card-body p{color:var(--ink-soft);margin:4px 0 0;font-size:13px;font-weight:700}.sheet-stage{min-height:100svh;padding:24px 16px 48px}.sheet-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:210mm;margin:0 auto 18px;display:flex}.toolbar-btn{border:3px solid var(--ink);background:var(--cream);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:800;display:inline-flex}.toolbar-btn:hover{background:var(--sun)}.toolbar-btn.print{background:var(--tomato);color:#fff8ec}.toolbar-hint{color:var(--ink-soft);margin:0;font-size:13px;font-weight:700}.a4{background:var(--cream);width:210mm;height:auto;min-height:297mm;box-shadow:var(--shadow);-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1px solid #3a24151f;flex-direction:column;margin:0 auto;padding:10mm 9mm 8mm;display:flex;overflow:visible}.sheet-header{border-bottom:2px solid var(--ink);flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:6mm;display:flex}.sheet-titles h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700;line-height:1.15}.sheet-titles p{color:var(--ink-soft);margin:4px 0 0;font-size:14px;font-weight:800}.sheet-meta{letter-spacing:.04em;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;font-size:11px;font-weight:800;display:flex}.sheet-meta span{border:1.5px solid var(--ink);background:var(--sun);border-radius:999px;padding:2px 8px}.sheet-body{flex:auto;grid-template-columns:4fr 1fr;align-items:start;gap:5mm;min-height:0;padding-top:5mm;display:grid}.score-col{flex-direction:column;gap:4mm;min-width:0;display:flex;overflow:visible}.jp-score{width:100%;color:var(--ink)}.jp-meta{align-items:baseline;gap:10px;margin:0 0 3mm;font-size:12px;font-weight:800;display:flex}.jp-meta span{color:var(--ink-soft)}.jp-verse{margin:0 0 3.5mm}.jp-verse:last-child{margin-bottom:0}.jp-verse-label{font-family:var(--display);margin:0 0 1.5mm;font-size:12px;font-weight:700}.jp-wrap{flex-wrap:wrap;align-items:flex-end;gap:5mm 2px;display:flex}.jp-measure{flex:none;align-items:flex-end;display:flex}.jp-cell{flex-direction:column;align-items:center;min-width:1.15em;padding:0 1px;display:flex}.jp-chord{height:13px;color:var(--tomato);font-size:9px;font-weight:800;line-height:13px}.jp-oct{height:8px;color:var(--ink);letter-spacing:-.08em;font-size:11px;font-weight:800;line-height:8px}.jp-deg{height:18px;font-family:var(--display);font-size:15px;font-weight:700;line-height:16px;position:relative}.jp-deg.u1{border-bottom:1.5px solid var(--ink)}.jp-deg.u2{border-bottom:3.5px double var(--ink)}.jp-rhythm-dot{font-size:11px;position:absolute;top:1px;right:-.35em}.jp-dash,.jp-bar{font-family:var(--body);font-weight:700}.jp-bar-cell{min-width:.55em;padding:0}.jp-lyric{height:16px;color:var(--ink-soft);white-space:nowrap;margin-top:2px;font-size:9px;font-weight:800;line-height:16px}.vocab-col{border:2px solid var(--ink);background:#fff3dc;border-radius:10px;flex-direction:column;align-self:start;min-width:0;padding:3mm 3mm 2mm;display:flex}.vocab-col h2{border-bottom:1.5px dashed var(--ink);font-family:var(--display);letter-spacing:.08em;margin:0 0 3mm;padding-bottom:2mm;font-size:13px;font-weight:700}.vocab-list{flex-direction:column;gap:2.4mm;margin:0;padding:0;list-style:none;display:flex}.vocab-item{border-bottom:1px dotted #3a241540;padding-bottom:2mm}.vocab-item:last-child{border-bottom:0;padding-bottom:0}.vocab-word{font-family:var(--display);font-size:13px;font-weight:700;line-height:1.2;display:block}.vocab-ipa{color:var(--tomato);letter-spacing:.01em;margin-top:1px;font-size:10px;font-weight:700;display:block}.vocab-zh{color:var(--ink-soft);margin-top:1px;font-size:11px;font-weight:800;display:block}.sheet-missing{text-align:center;background:var(--cream);border:3px solid var(--ink);border-radius:24px;max-width:520px;margin:12vh auto;padding:32px}@media (width<=900px){.sheet-stage{padding:16px 0 32px}.a4{border-radius:0;width:min(210mm,100%);height:auto;min-height:297mm}.sheet-toolbar{padding:0 12px}}@media print{@page{size:A4 portrait;margin:0}html,body,#root{min-height:0;background:#fff!important}.no-print{display:none!important}.sheet-stage{min-height:0;padding:0}.a4{width:210mm;height:auto;min-height:297mm;box-shadow:none;border:0;border-radius:0;margin:0;overflow:visible}}