:root{--paper: #f6efe2;--paper-raised: #fdfaf3;--paper-sunk: #efe5d3;--ink: #241d17;--ink-soft: #5b4f44;--ink-faint: #8a7c6d;--rule: #d9cbb4;--brick: #a0402c;--brick-deep: #7d2e1e;--brick-wash: #f3e0d9;--sage: #4a6152;--stage: #1c1712;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Atkinson Hyperlegible", "Verdana", sans-serif;--radius: 14px;--radius-lg: 22px;--tap: 60px;--shadow-soft: 0 1px 0 #fffdf8 inset, 0 2px 6px rgba(60, 44, 28, .08);--shadow-lift: 0 3px 14px rgba(60, 44, 28, .13);--focus: 0 0 0 4px rgba(160, 64, 44, .32)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--paper);background-image:radial-gradient(circle at 12% 8%,rgba(255,255,255,.7),transparent 45%),repeating-linear-gradient(90deg,rgba(146,120,88,.045) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(146,120,88,.045) 0 1px,transparent 1px 4px);color:var(--ink);font-family:var(--font-ui);font-size:19px;line-height:1.55}@media (min-width: 700px){body{font-size:20px}}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brick);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{display:flex;min-height:100vh;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px clamp(16px,4vw,40px);background:#f6efe2f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.wordmark{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,4.5vw,2.1rem);font-weight:600;letter-spacing:-.015em;line-height:1}.wordmark svg{flex:none;width:1.35em;height:1.35em}.nav{display:flex;gap:8px;margin-left:auto;padding:5px;background:var(--paper-sunk);border:1px solid var(--rule);border-radius:999px}.nav button{min-height:50px;padding:8px clamp(14px,3vw,26px);border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font-weight:700;cursor:pointer}.nav button[aria-current=page]{background:var(--paper-raised);color:var(--brick-deep);box-shadow:var(--shadow-soft)}@media (max-width: 620px){.nav{width:100%;margin-left:0}.nav button{flex:1;padding:8px}}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,4vw,40px) 64px}.view{animation:rise .22s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion: reduce){.view{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:12px 26px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);box-shadow:var(--shadow-soft);font-weight:700;text-align:center;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease}.btn:hover{box-shadow:var(--shadow-lift)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn--primary{border-color:var(--brick-deep);background:var(--brick);color:#fff8f1}.btn--primary:hover{background:var(--brick-deep)}.btn--big{min-height:74px;padding:14px 34px;font-size:1.12em}.btn--quiet{background:transparent;box-shadow:none}.btn--danger{border-color:#c3b6a3;color:var(--brick-deep);background:transparent;box-shadow:none}.btn svg{flex:none}.find{margin:0 0 clamp(18px,3vw,28px)}.find__label{display:block;margin-bottom:10px;font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.15rem);font-weight:600;letter-spacing:-.015em}.find__field{position:relative;display:flex;align-items:center}.find__field svg{position:absolute;left:20px;color:var(--ink-faint);pointer-events:none}.find__field input{width:100%;min-height:76px;padding:0 64px;border:2px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-soft);font-size:1.16em}.find__field input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.find__field input::-webkit-search-cancel-button,.find__field input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.find__field input::placeholder{color:var(--ink-faint)}.find__field input:focus{border-color:var(--brick);outline:none;box-shadow:var(--focus)}.find__clear{position:absolute;right:12px;display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;background:var(--paper-sunk);color:var(--ink-soft);cursor:pointer}.find__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:12px}.find__count{margin:0 2px;color:var(--ink-soft);font-size:.92em}.find__print{min-height:52px;padding:10px 18px;font-size:.94em}.songlist{display:grid;gap:12px;margin:0;padding:0;list-style:none}.song{display:flex;align-items:center;gap:clamp(14px,2.5vw,20px);width:100%;min-height:96px;padding:12px clamp(14px,2.5vw,20px);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-soft);text-align:left;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,transform .08s ease}.song:hover{border-color:var(--brick);box-shadow:var(--shadow-lift)}.song:active{transform:translateY(1px)}.song__thumb{display:grid;flex:none;place-items:center;width:72px;height:72px;overflow:hidden;border-radius:12px;background:var(--paper-sunk);color:var(--ink-faint)}.song__thumb img{width:100%;height:100%;object-fit:cover}.song__text{min-width:0;flex:1}.song__title{display:block;font-family:var(--font-display);font-size:clamp(1.28rem,3.4vw,1.6rem);font-weight:600;line-height:1.2;letter-spacing:-.01em}.song__meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:var(--ink-soft);font-size:.86em}.song__go{display:grid;flex:none;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--brick-wash);color:var(--brick-deep)}.song:hover .song__go{background:var(--brick);color:#fff8f1}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);color:var(--ink-soft);font-size:.78em;font-weight:700;letter-spacing:.02em;white-space:nowrap}.tag--mine{border-color:#b9cbbe;background:#eaf1eb;color:var(--sage)}.backbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;margin-bottom:clamp(16px,3vw,24px)}.backbar__print{min-height:52px;padding:10px 18px;font-size:.96em}.player__head{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:14px;row-gap:2px;margin:0 0 clamp(12px,2.2vw,22px)}.player__title{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,6vw,3rem);font-weight:600;line-height:1.1;letter-spacing:-.02em}.player__by{margin:6px 0 0;color:var(--ink-soft)}.player__head .player__by{margin:0}.player__grid{display:grid;gap:clamp(20px,3vw,34px)}@media (min-width: 900px){.player__grid--split{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start}}.stage{overflow:hidden;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--stage);box-shadow:var(--shadow-lift)}.stage:empty{min-height:240px}.stage video{display:block;width:100%;max-height:min(58vh,560px);background:var(--stage)}.stage--audio{display:grid;gap:0;background:var(--paper-raised)}.stage__art{position:relative;aspect-ratio:4 / 3;max-height:min(46vh,380px);background:radial-gradient(circle at 50% 40%,#fdfaf3,var(--paper-sunk) 78%)}.stage__art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.stage__art--empty{display:grid;place-items:center;color:#b3a692;background:radial-gradient(circle at 50% 38%,#fdfaf3,var(--paper-sunk) 72%)}.stage__art--empty svg{width:34%;height:34%;max-width:150px}.stage audio{width:100%;min-height:56px;padding:14px;background:var(--paper-raised)}.audio-shell{padding:14px;border-top:1px solid var(--rule)}.audio-shell audio{display:block;padding:0}.lyrics{padding:clamp(18px,3vw,28px);border:1px solid var(--rule);border-left:5px solid var(--brick-wash);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-soft)}.lyrics__body{margin:0;font-family:var(--font-ui);font-size:1.06em;line-height:1.75;white-space:pre-wrap;overflow-wrap:break-word}.lyrics__body--auto{max-height:min(52vh,460px);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}@media (min-width: 900px){.lyrics__body,.lyrics__body--auto{max-height:62vh;overflow-y:auto}}.autoscroll{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px}.autoscroll__switch{min-height:var(--tap);padding:10px 20px}.autoscroll__state{padding:2px 10px;border-radius:999px;background:#241d1717;font-size:.82em;letter-spacing:.04em;text-transform:uppercase}.autoscroll__switch.btn--primary .autoscroll__state{background:#fff8f138}.autoscroll__speed{display:flex;align-items:center;gap:8px}.autoscroll__step{min-height:52px;padding:8px 16px;font-size:.94em}.autoscroll__gauge{display:flex;align-items:center;gap:4px}.autoscroll__gauge span{width:7px;height:7px;border-radius:50%;background:var(--rule)}.autoscroll__gauge span.is-set{background:var(--brick)}.autoscroll__hint{flex:1 1 100%;margin:0;color:var(--ink-soft);font-size:.88em}.lyrics--empty{color:var(--ink-soft);border-left-color:var(--rule)}.app--play .topbar{gap:8px 20px;padding-top:8px;padding-bottom:8px}.app--play .wordmark{font-size:1.5rem}@media (max-width: 700px){.app--play .wordmark{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}}.app--play .nav{padding:4px}.app--play .nav button{min-height:46px;padding:6px clamp(12px,2.4vw,20px);font-size:.94em}.app--play main{padding-top:clamp(10px,1.6vw,30px)}.app--play .find{margin-bottom:clamp(12px,2vw,24px)}.app--play .find__label{margin-bottom:6px;font-size:clamp(1.3rem,3.6vw,1.85rem)}.app--play .find__field input{min-height:64px}.app--play .find__clear{width:48px;height:48px}.app--play .find__foot{margin-top:8px}.app--play .backbar{margin-bottom:clamp(8px,1.2vw,16px)}.app--play .backbar .btn--big{min-height:54px;padding:8px 20px;font-size:1em}.app--play .player__head{column-gap:12px;margin-bottom:clamp(8px,1.4vw,18px)}.app--play .player__title{font-size:clamp(1.45rem,4.4vw,2.15rem)}.app--play .player__by{font-size:.94em}.app--play .player__grid{gap:clamp(12px,2vw,28px)}.app--play .lyrics{padding:clamp(14px,2.4vw,26px)}@media (min-width: 701px) and (max-width: 899px){.app--play .stage--audio .stage__art{max-height:min(34vh,300px)}.app--play .stage video{max-height:46vh}}@media (max-width: 700px){.app--play .topbar{padding-top:6px;padding-bottom:6px}.app--play .nav{padding:3px}.app--play .nav button{min-height:44px;padding:6px 10px;font-size:.92em;line-height:1.2}.app--play .backbar .btn--big{min-height:50px;padding:6px 16px}.app--play .backbar__print{min-height:50px;padding:6px 12px;font-size:.9em}.app--play .player__grid{gap:10px}.app--play .lyrics{padding:12px}.app--play .stage--audio .stage__art{width:min(44%,140px);max-height:none;margin:8px auto;border-radius:var(--radius);overflow:hidden}.app--play .stage--audio .stage__art--empty svg{width:48%;height:48%}.app--play .audio-shell{padding:8px}.app--play .stage video{max-height:38vh}.app--play .stage:empty{min-height:180px}.app--play .autoscroll{gap:8px;margin-bottom:8px}.app--play .autoscroll__switch{min-height:52px;padding:8px 14px;font-size:.96em}.app--play .autoscroll__step{min-height:48px;padding:8px 12px}.app--play .autoscroll__gauge{gap:3px}.app--play .autoscroll__gauge span{width:5px;height:5px}.app--play .lyrics__body--auto{max-height:48vh;min-height:200px}}.panel{padding:clamp(18px,3.5vw,30px);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-soft)}.section-title{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(1.45rem,4.5vw,2rem);font-weight:600;letter-spacing:-.015em}.section-note{margin:0 0 22px;max-width:60ch;color:var(--ink-soft)}.field{display:block;margin-bottom:18px}.field>span{display:block;margin-bottom:6px;font-weight:700}.field__hint{font-weight:400;color:var(--ink-faint);font-size:.86em}.field input[type=text],.field input[type=number],.field textarea{width:100%;min-height:var(--tap);padding:14px 16px;border:2px solid var(--rule);border-radius:var(--radius);background:var(--paper)}.field input:focus,.field textarea:focus{border-color:var(--brick);outline:none;box-shadow:var(--focus)}.field textarea{min-height:46vh;line-height:1.7;resize:vertical}.fieldrow{display:grid;gap:0 20px}@media (min-width: 760px){.fieldrow{grid-template-columns:1fr 1fr}}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.actions--split{justify-content:space-between}.saved{color:var(--sage);font-weight:700}.addcard{display:grid;gap:18px;padding:clamp(20px,4vw,34px);border:2px dashed var(--rule);border-radius:var(--radius-lg);background:var(--paper-raised)}.addcard--over{border-color:var(--brick);background:var(--brick-wash)}.stack{display:grid;gap:clamp(18px,3vw,28px)}.grouphead{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 12px;font-family:var(--font-display);font-size:1.4rem;font-weight:600}.grouphead small{color:var(--ink-faint);font-family:var(--font-ui);font-size:.62em;font-weight:400}.editrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px clamp(14px,2.5vw,20px);padding:14px clamp(14px,2.5vw,20px);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-soft)}.editrow__text{flex:1 1 220px;min-width:0}.editrow .btn{min-height:54px;padding:10px 20px}.artpick{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.artpick__preview{display:grid;place-items:center;width:116px;height:116px;overflow:hidden;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-sunk);color:var(--ink-faint)}.artpick__preview img{width:100%;height:100%;object-fit:cover}.lyricedit{display:block}.lyricedit__listen{position:sticky;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-lift)}.lyricedit__words{margin-top:16px}.lyricedit__audio{display:flex;flex:1 1 230px;align-items:center;gap:12px}.lyricedit__audio audio{flex:1 1 auto;width:100%;min-width:0;min-height:54px}.lyricedit__art{display:grid;flex:none;place-items:center;width:62px;height:62px;overflow:hidden;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-sunk);color:var(--ink-faint)}.lyricedit__art img{display:block;width:100%;height:100%;object-fit:contain}.lyricedit__video{flex:1 1 220px;overflow:hidden;border-radius:var(--radius);background:var(--stage)}.lyricedit__video video{display:block;width:100%;max-height:min(30vh,220px);background:var(--stage)}.lyricedit__rewind{flex:none;padding:12px 20px}@media (max-width: 559px){.lyricedit__rewind{padding:12px}.lyricedit__rewind-text,.lyricedit__art{display:none}}@media (min-width: 980px){.lyricedit{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;align-items:start}.lyricedit__words{grid-area:1 / 1;margin-top:0}.lyricedit__listen{display:grid;grid-area:1 / 2;gap:12px;padding:14px}.lyricedit__audio{display:grid;gap:12px}.lyricedit__art{width:100%;height:auto;aspect-ratio:4 / 3}.lyricedit__video video{max-height:42vh}.lyricedit__rewind{width:100%}}.notice{display:flex;gap:12px;padding:16px 20px;border:1px solid #d9c39c;border-radius:var(--radius);background:#fbf3e0;color:#6a5427;margin-bottom:22px}.empty{padding:clamp(26px,6vw,52px) clamp(20px,5vw,40px);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper-raised);text-align:center}.empty h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.5rem;font-weight:600}.empty p{margin:0 auto;max-width:42ch;color:var(--ink-soft)}.loading{padding:60px 0;color:var(--ink-soft);text-align:center}.skeleton{display:grid;gap:12px}.skeleton__row{height:96px;border:1px solid var(--rule);border-radius:var(--radius-lg);background:linear-gradient(100deg,var(--paper-raised),var(--paper-sunk),var(--paper-raised));background-size:300% 100%;animation:sweep 1.6s linear infinite}@keyframes sweep{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton__row{animation:none}}.footnote{margin:44px auto 0;max-width:62ch;color:var(--ink-faint);font-size:.84em;text-align:center}.picksection+.picksection{margin-top:clamp(22px,4vw,32px)}.picksection .grouphead{margin-bottom:10px}.picklist{display:grid;gap:10px;margin:0;padding:0;list-style:none}.picksong{display:flex;align-items:center;gap:clamp(12px,2.5vw,18px);min-height:78px;padding:12px clamp(14px,2.5vw,20px);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-soft);cursor:pointer}.picksong:hover{border-color:var(--brick)}.picksong--on{border-color:var(--brick);background:var(--brick-wash)}.picksong input{flex:none;width:30px;height:30px;accent-color:var(--brick)}.picksong__text{min-width:0}.picksong__title{display:block;font-family:var(--font-display);font-size:clamp(1.2rem,3.2vw,1.5rem);font-weight:600;line-height:1.2;letter-spacing:-.01em}.picksong__meta{display:block;margin-top:2px;color:var(--ink-soft);font-size:.86em}.printactions{position:sticky;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:18px;padding:14px 0 10px;background:linear-gradient(to top,var(--paper) 76%,rgba(246,239,226,0))}.printactions__count{margin:0;color:var(--ink-soft);font-size:.9em}.printsheet{display:none}@media print{.app--printing{display:block;min-height:0}.app--printing>*:not(.printsheet){display:none!important}.printsheet{display:block;color:#000;background:#fff;font-family:var(--font-ui)}html,body{background:#fff;color:#000}@page{size:letter;margin:.6in .7in}.printsheet__contents{break-after:page;page-break-after:always}.printsheet__booktitle{margin:0 0 .32in;font-family:var(--font-display);font-size:30pt;font-weight:600;line-height:1.1;letter-spacing:-.02em}.printsheet__list{margin:0;padding:0;list-style:none;font-size:13.5pt;line-height:2}.printsheet__list li{border-bottom:.5pt solid #ccc}.printsong{break-before:page;page-break-before:always}.printsong:first-child{break-before:auto;page-break-before:auto}.printsong__head{break-inside:avoid;break-after:avoid;page-break-inside:avoid;page-break-after:avoid;margin-bottom:14pt}.printsong__title{margin:0;font-family:var(--font-display);font-size:23pt;font-weight:600;line-height:1.15;letter-spacing:-.015em}.printsong__by{margin:3pt 0 0;font-size:11pt;font-style:italic}.printsong__words{margin:0;font-size:12.5pt;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;orphans:2;widows:2}}