*,*:before,*:after{box-sizing:border-box}:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left)}body{margin:0;min-width:320px;min-height:100dvh}#root{width:100%}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-weight:600;line-height:1.2}p{margin:0 0 1em}button{font:inherit}input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}.safe-area-padding{padding-top:var(--safe-area-inset-top);padding-right:var(--safe-area-inset-right);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left)}@font-face{font-family:Great Vibes;src:url(/fonts/great-vibes-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--pa-paper: #ece2d4;--pa-print: #fffdf8;--pa-ink: #40332a;--pa-ink-soft: #5a473c;--pa-accent: #8a4a42;--pa-tape: rgba(214, 196, 140, .6);--pa-danger: #a03d33;--pa-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--pa-script: "Snell Roundhand", "Great Vibes", cursive;--pa-deck-dur: .8s}.pa-page{min-height:100dvh;background:var(--pa-paper);background-image:radial-gradient(rgba(140,110,80,.09) 1px,transparent 1px);background-size:5px 5px;color:var(--pa-ink);font-family:var(--pa-sans);padding:20px 16px 40px;box-sizing:border-box}.pa-center{display:flex;align-items:center;justify-content:center}.pa-print{background:var(--pa-print);box-shadow:0 6px 18px #50372838}.pa-script{font-family:var(--pa-script);color:var(--pa-accent);font-weight:400}.pa-login{padding:26px 24px 28px;width:min(340px,100%);border-radius:2px}.pa-login h1{font-family:var(--pa-script);color:var(--pa-accent);font-size:2rem;text-align:center;margin:0 0 18px}.pa-field{display:block;margin-bottom:14px}.pa-field span{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;opacity:.55;margin-bottom:4px}.pa-field input{width:100%;box-sizing:border-box;font-family:var(--pa-sans);font-size:1rem;padding:9px 10px;border:1px solid #ddcfc0;border-radius:6px;background:#fff;color:var(--pa-ink)}.pa-button{width:100%;font-family:var(--pa-sans);font-size:.88rem;cursor:pointer;background:var(--pa-accent);color:var(--pa-print);border:0;border-radius:20px;padding:10px 18px;min-height:44px}.pa-button:disabled{opacity:.6;cursor:default}.pa-button--quiet{background:transparent;color:var(--pa-accent);border:1px solid #b98d7e}.pa-button--danger{background:transparent;color:var(--pa-danger)}.pa-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}@media(min-width:480px){.pa-actions{flex-direction:row}.pa-actions>.pa-button{flex:1 1 0}}.pa-error{color:var(--pa-danger);font-size:.8rem;margin:0 0 12px}.pa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 16px;max-width:900px;margin:0 auto}.pa-polaroid{position:relative;background:var(--pa-print);padding:8px 8px 30px;box-shadow:0 6px 16px #50372842;display:block;text-decoration:none;color:inherit}.pa-polaroid img{display:block;width:100%;object-fit:cover;filter:saturate(.92) sepia(.1)}.pa-polaroid figcaption{position:absolute;inset:auto 0 7px;text-align:center;font-family:var(--pa-script);font-size:1rem;color:var(--pa-ink-soft)}.pa-polaroid:nth-child(odd){transform:rotate(-2deg)}.pa-polaroid:nth-child(2n){transform:rotate(1.6deg)}.pa-tape{position:absolute;top:-8px;left:50%;width:44px;height:15px;transform:translate(-50%) rotate(-3deg);background:var(--pa-tape)}.pa-empty{text-align:center;max-width:420px;margin:12vh auto 0}.pa-empty p{font-family:var(--pa-script);color:var(--pa-accent);font-size:1.6rem}@media(prefers-reduced-motion:reduce){.pa-polaroid,.pa-polaroid:nth-child(odd),.pa-polaroid:nth-child(2n){transform:none}}.pa-offline{position:sticky;top:0;left:0;right:0;z-index:50;background:var(--pa-danger);color:#fff;text-align:center;font-family:var(--pa-sans);font-size:.74rem;padding:7px 12px}.pa-home-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 14px;max-width:900px;margin:0 auto 22px}.pa-home-title{font-size:1.8rem;margin:0}.pa-quiet-link{background:none;border:0;cursor:pointer;font-family:var(--pa-sans);font-size:.72rem;color:var(--pa-accent);text-decoration:none;margin-left:14px}.pa-muted{text-align:center;opacity:.6;font-size:.82rem}.pa-meta{display:block;text-align:center;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-top:2px}.pa-cover,.pa-cover-blank{width:100%;aspect-ratio:4 / 3;height:auto;object-fit:cover}.pa-cover-blank{background:repeating-linear-gradient(45deg,#f3ece2,#f3ece2 6px,#eee3d6 6px 12px)}.pa-new{display:block;width:auto;margin:28px auto 0}.pa-new-form{margin:24px auto 0}.pa-deck{position:relative;width:min(100%,380px);margin:0 auto;touch-action:pan-y;cursor:pointer}.pa-deck{padding:8px 8px 32px}.pa-deck:before{content:"";display:block;padding-top:100%}.pa-deck-empty{margin-top:40px}.pa-deck-card{position:absolute;inset:0;margin:0;background:var(--pa-print);padding:8px 8px 32px;box-shadow:0 8px 20px #5037284d;transition:transform var(--pa-deck-dur) cubic-bezier(.22,.72,.28,1),opacity var(--pa-deck-dur) ease}.pa-deck-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;filter:saturate(.92) sepia(.1)}.pa-deck-card figcaption{position:absolute;inset:auto 0 8px;text-align:center;font-family:var(--pa-script);font-size:1.05rem;color:var(--pa-ink-soft)}.pa-deck-card--0{transform:rotate(-2deg);z-index:3}.pa-deck-card--1{transform:rotate(1.6deg) translateY(8px) scale(.97);z-index:2}.pa-deck-card--2{transform:rotate(3deg) translateY(15px) scale(.94);z-index:1}.pa-deck-card--out{transform:translate(-128%,-24%) rotate(-19deg) scale(1.02);opacity:0;z-index:5}@media(prefers-reduced-motion:reduce){.pa-deck-card,.pa-deck-card--0,.pa-deck-card--1,.pa-deck-card--2,.pa-deck-card--out{transform:none;transition:opacity .45s ease}.pa-deck-card--1,.pa-deck-card--2,.pa-deck-card--out{opacity:0}}.pa-player{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffdf8cc;border-radius:20px;padding:8px 14px;max-width:420px;margin:18px auto 0;font-size:.72rem;color:var(--pa-ink-soft)}.pa-player-name{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-eq{display:inline-flex;gap:2px;align-items:flex-end;height:11px}.pa-eq b{width:3px;height:3px;background:var(--pa-accent);border-radius:1px}.pa-eq--on b{animation:pa-eq-bounce .9s ease-in-out infinite alternate}.pa-eq--on b:nth-child(2){animation-delay:.3s}.pa-eq--on b:nth-child(3){animation-delay:.6s}@keyframes pa-eq-bounce{0%{height:3px}to{height:11px}}@media(prefers-reduced-motion:reduce){.pa-eq--on b{animation:none;height:7px}}.pa-album-head{text-align:center;margin-bottom:16px}.pa-album-title{font-size:2rem;margin:0;line-height:1.1}.pa-note{max-width:420px;margin:0 auto 18px;padding:16px 18px 18px;transform:rotate(-.5deg);border-radius:2px}.pa-note-from{font-family:var(--pa-script);color:var(--pa-accent);font-size:1.1rem;margin:0 0 6px}.pa-note-body{font-size:.84rem;line-height:1.65;margin:0;white-space:pre-wrap}@media(prefers-reduced-motion:reduce){.pa-note{transform:none}}.pa-editor{max-width:420px;margin:0 auto}.pa-editor .pa-field textarea{width:100%;box-sizing:border-box;font-family:var(--pa-sans);font-size:.92rem;line-height:1.6;padding:9px 10px;border:1px solid #ddcfc0;border-radius:6px;background:#fff;color:var(--pa-ink);resize:vertical}.pa-saved{color:var(--pa-accent);font-size:.78rem;margin:0 0 10px}.pa-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:9px;margin:14px 0}.pa-thumb{position:relative;background:var(--pa-print);padding:4px;box-shadow:0 2px 8px #50372833}.pa-thumb img,.pa-thumb .pa-cover-blank{width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;display:block;filter:saturate(.92) sepia(.1)}.pa-thumb-x{position:absolute;top:-8px;right:-8px;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer}.pa-thumb-x span{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:var(--pa-accent);color:var(--pa-print);font-size:.7rem;line-height:1}.pa-thumb-x.is-armed span{background:var(--pa-danger)}.pa-thumb-star{position:absolute;bottom:5px;left:5px;border:0;background:transparent;cursor:pointer;font-size:.58rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85);padding:0}.pa-thumb-star.is-cover{color:#ffd98a}.pa-drop{display:block;text-align:center;border:1.5px dashed #b98d7e;border-radius:8px;padding:16px;color:var(--pa-accent);font-size:.78rem;cursor:pointer;margin-bottom:12px}.pa-drop input{display:none}.pa-song-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--pa-print);border-radius:6px;padding:9px 11px;font-size:.76rem;margin-bottom:14px}.pa-song-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-song-row>label{flex:0 0 auto}.pa-song-add{cursor:pointer}.pa-song-add input{display:none}.pa-delete{margin-top:22px}.pa-confirm{margin-top:22px;padding:16px 18px;border-radius:4px}.pa-lightbox{position:fixed;inset:0;z-index:100;background:#18120ef2;display:flex;align-items:center;justify-content:center;padding:44px 16px calc(56px + var(--safe-area-inset-bottom));box-sizing:border-box}.pa-lightbox-img{max-width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:0 10px 40px #0000008c}.pa-lightbox-loading,.pa-lightbox-count{color:#fffdf8bf;font-family:var(--pa-sans);font-size:.72rem;margin:0}.pa-lightbox-count{position:absolute;bottom:16px;left:0;right:0;text-align:center}.pa-lightbox-caption{position:absolute;bottom:34px;left:0;right:0;text-align:center;font-family:var(--pa-script);font-size:1.15rem;color:#fffdf8e6;margin:0}.pa-lightbox-close{position:absolute;top:calc(6px + var(--safe-area-inset-top));right:calc(8px + var(--safe-area-inset-right));width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer;color:#fffdf8d9;font-size:1.6rem;line-height:1}.pa-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;padding:0;background:none;border:0;cursor:pointer;color:#fffdf8b3;font-size:2.2rem;line-height:1}.pa-lightbox-prev{left:calc(2px + var(--safe-area-inset-left))}.pa-lightbox-next{right:calc(2px + var(--safe-area-inset-right))}