@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600&family=Caveat:wght@400;500&family=Satisfy&family=Indie+Flower&family=Permanent+Marker&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}html,body,#root{min-height:100%}@media(max-width:768px){html,body,#root{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;overscroll-behavior:none}body{position:relative}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:transparent}button:focus,button:focus-visible,button:active{outline:none;border-color:transparent}*:focus,*:focus-visible{outline:none}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.book-wrapper{display:flex;justify-content:center;align-items:center;height:100%;min-height:100%;flex-direction:column;padding:20px;width:100%;box-sizing:border-box;overflow:hidden;position:relative;z-index:2}.book-container{flex:1;width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;min-height:0;overflow:visible;padding:20px;box-sizing:border-box;position:relative}.controls-container{margin-top:20px;display:flex;gap:10px;z-index:10;flex-shrink:0;width:min(100%,440px)}.mobile-top-tabs{display:none}.control-btn{padding:12px 20px;background-color:#7b5d33;background-image:url(/images/textures/Texturelabs_Paper_361S.jpg),linear-gradient(180deg,#a8824ed9,#785830e6 55%,#5a3e1cf2);background-size:220px 220px,cover;background-blend-mode:multiply,normal;color:#f6ead2;border:none;border-radius:4px;cursor:pointer;position:relative;box-shadow:inset 0 1px #f8e8c066,inset 0 -2px #3c260e80,inset 0 0 0 1px #301e0a73,0 4px #36220c99,0 8px 16px #1f140852;font-family:Special Elite,IM Fell English SC,Courier New,serif;font-size:1.1rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 0 rgba(40,22,8,.55),0 0 6px rgba(40,22,8,.3);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.control-btn:hover{transform:translateY(-1px);filter:brightness(1.05) saturate(1.05);box-shadow:inset 0 1px #f8e8c073,inset 0 -2px #3c260e8c,inset 0 0 0 1px #301e0a80,0 5px #36220ca6,0 10px 20px #1f14085c}.control-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #f8e8c04d,inset 0 -1px #3c260e80,inset 0 0 0 1px #301e0a80,0 2px #36220c8c,0 4px 8px #1f14084d}@media(min-width:769px){.book-wrapper{flex-direction:row;padding:40px}.controls-container{display:none}.desktop-control-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;padding:15px;background-color:#7a5a32;background-image:url(/images/textures/Texturelabs_Paper_234S.jpg),linear-gradient(180deg,#b28e58eb,#7e5c32f2 58%,#563a1cfa);background-size:200px 200px,cover;background-blend-mode:multiply,normal;color:#f5e9cf;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #faebc666,inset 0 -2px #3c260e80,inset 0 0 0 1px #301e0a80,inset 0 0 18px #28160847,0 8px 18px #1b120857,0 2px #2e1c0a8c;font-family:Special Elite,IM Fell English SC,Courier New,serif;font-size:1.55rem;text-shadow:0 1px 0 rgba(40,22,8,.55),0 0 6px rgba(40,22,8,.35);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.desktop-control-btn:hover{transform:translateY(-50%) translateY(-2px);filter:brightness(1.06) saturate(1.05);box-shadow:inset 0 1px #faebc673,inset 0 -2px #3c260e8c,inset 0 0 0 1px #301e0a8c,inset 0 0 18px #2816084d,0 12px 22px #1b120861,0 3px #2e1c0a99}.desktop-control-btn:active{transform:translateY(-50%) translateY(1px)}.btn-prev{left:20px}.btn-next{right:20px}}@media(max-width:768px){.book-wrapper{min-height:100dvh;justify-content:space-between;padding:max(8px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom));gap:8px}.mobile-top-tabs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:5px;width:min(100%,430px);margin-top:1px;margin-bottom:4px;z-index:12}.mobile-top-tab:nth-child(-n+4){grid-column:span 3}.mobile-top-tab:nth-child(n+5){grid-column:span 4}.mobile-top-tab{min-width:0;width:100%;min-height:26px;padding:0 6px;border:none;border-radius:999px;background:#7c5c3024;color:#6a4b27;font-family:Special Elite,IM Fell English SC,Courier New,serif;font-size:clamp(.5rem,1.8vw,.66rem);line-height:1;letter-spacing:.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 1px #7e592924;background-clip:padding-box;display:inline-flex;align-items:center;justify-content:center;text-align:center}.mobile-top-tab.active{background:linear-gradient(180deg,#97723eeb,#684a25f5);color:#f6ead2;box-shadow:inset 0 0 0 1px #d0ae7a47,0 1px #34210f59;text-shadow:0 1px 0 rgba(45,28,11,.55)}.book-container{width:100%;padding:10px 0 4px;overflow:visible}.book-container>div,.book-container .stf__parent,.book-container .stf__wrapper,.book-container .stf__block{max-width:100%;margin:0 auto}.desktop-control-btn{display:none}.controls-container{width:min(100%,420px);margin-top:0;gap:8px;justify-content:flex-start}.control-btn{flex:0 0 auto;min-height:44px;padding:12px 14px;font-size:.95rem}.control-btn-prev{margin-right:auto}.control-btn-next{margin-left:auto}.book{margin:0 auto}}@media(max-width:768px)and (orientation:landscape){.book-wrapper{padding:max(6px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom));gap:8px}.mobile-top-tabs{width:min(100%,520px);gap:4px}.mobile-top-tab:nth-child(-n+4),.mobile-top-tab:nth-child(n+5){grid-column:span 1}.mobile-top-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-top-tab{font-size:clamp(.42rem,1.25vw,.56rem);min-height:22px;padding:0 4px}.book-container{padding:8px 0 0}.controls-container{width:min(100%,360px)}.control-btn{min-height:38px;padding:8px 12px;font-size:.88rem}}.page{background-color:#fdfaf7;color:#785e3a;border:1px solid #c2b5a3;padding:0;box-sizing:border-box;overflow:hidden;box-shadow:0 0 10px #0000001a}.page-cover{background-color:#e3d0b9;color:#785e3a;border:1px solid #c2b5a3;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:700;text-align:center}.page-cover-front{background-image:url(/images/cover.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.page-cover-back{background-image:url(/images/back-cover.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.page-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.page-header{font-size:1.2em;border-bottom:2px solid #c2b5a3;padding-bottom:10px;margin-bottom:20px;margin-top:0}.page-text{flex-grow:1;font-size:1em;line-height:1.6}.page-footer{text-align:center;font-size:.8em;color:#999;margin-top:20px}.book{position:relative;z-index:10}.nav-tabs-container{width:95px;pointer-events:none;z-index:0}.nav-tabs-container.mobile{right:10px;width:75px}.nav-tab{position:absolute;width:100%;height:auto;min-height:52px;padding:16px 14px 16px 8px;border:none;outline:none;border-radius:1px 3px 3px 1px;pointer-events:auto;cursor:pointer;overflow:hidden;isolation:isolate;background-color:#f7ecd2;background-image:var(--tab-texture, none);background-size:cover;background-position:center;background-repeat:no-repeat;filter:sepia(.06) saturate(1.02) brightness(1.1);box-shadow:0 0 0 1px #8c683c47,inset 0 1px #fffae880,inset 12px 0 14px -8px #78562a2e,inset -2px 0 4px #78562a1a,2px 3px 4px #5a401c24,4px 6px 12px #5a401c1a;display:flex;align-items:center;justify-content:flex-end;transition:transform .22s cubic-bezier(.175,.885,.32,1.1),box-shadow .22s ease,filter .22s ease;transform-origin:left center;transform:rotate(var(--tilt, 0deg))}.nav-tab:before,.nav-tab:after{content:"";position:absolute;pointer-events:none}.nav-tab:before{inset:0;background:linear-gradient(90deg,transparent 0%,transparent 40%,color-mix(in srgb,var(--tab-color, #efe3c6) 92%,transparent) 75%,color-mix(in srgb,var(--tab-color, #efe3c6) 84%,rgba(150,110,64,.25)) 100%);mix-blend-mode:multiply;opacity:.45}.nav-tab:after{inset:0;background:radial-gradient(ellipse at 22% 28%,rgba(130,92,44,.1),transparent 40%),radial-gradient(ellipse at 78% 72%,rgba(140,100,50,.09),transparent 44%),radial-gradient(ellipse at 50% 50%,transparent 65%,rgba(120,84,40,.12) 100%);mix-blend-mode:multiply;opacity:.55}.nav-tabs-container.mobile .nav-tab{min-height:42px;padding:11px 11px 11px 6px}.nav-tab:hover{transform:translate(8px) rotate(var(--tilt, 0deg));filter:sepia(.04) saturate(1.04) brightness(1.13);box-shadow:0 0 0 1px #8c683c4d,inset 0 1px #fffae88c,inset 12px 0 14px -8px #78562a2e,inset -2px 0 4px #78562a1a,3px 5px 7px #5a401c2e,6px 9px 16px #5a401c24}.nav-tab.active{transform:translate(14px) rotate(var(--tilt, 0deg));filter:sepia(.08) saturate(1.04) brightness(1.05);box-shadow:0 0 0 1px #78562a5c,inset 0 1px #fffae873,inset 14px 0 18px -8px #6e4e263d,inset -3px 0 6px #6e4e2624,1px 2px 4px #5038182e;z-index:2}.nav-tab.active:before{opacity:.62}.nav-tab:focus,.nav-tab:focus-visible,.nav-tab:active{outline:none;border:none}.tab-label{writing-mode:vertical-rl;text-orientation:mixed;position:relative;z-index:1;color:#5a3a18;font-size:var(--label-size, .95rem);font-family:Special Elite,IM Fell English SC,Courier New,serif;font-weight:400;letter-spacing:var(--label-spacing, .24em);line-height:1.02;text-transform:uppercase;transform:rotate(180deg);opacity:.86;text-shadow:0 1px 0 rgba(248,234,198,.32),0 0 .5px rgba(40,22,8,.55)}.nav-tab.active .tab-label{color:#3e2510;opacity:.94;text-shadow:0 1px 0 rgba(255,248,224,.4)}.nav-tabs-container.mobile .tab-label{font-size:min(var(--label-size, .78rem),.78rem);letter-spacing:min(var(--label-spacing, .18em),.18em)}.postal-scatter-page{width:100%;height:100%;position:relative;background:#faf6f0;overflow:hidden}.postal-thumb{position:absolute;background:#f0e8d8;border:none;padding:0;cursor:pointer;overflow:hidden;border-radius:2px;box-shadow:3px 5px 12px #00000040;transition:box-shadow .2s,z-index 0s;z-index:1}.postal-thumb:hover{box-shadow:6px 10px 22px #00000061;z-index:10}.postal-thumb img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.28);transform-origin:center center;pointer-events:none}.postal-thumb.selected{outline:2.5px solid #785e3a;outline-offset:2px}.postal-check{position:absolute;top:5px;right:5px;background:#785e3a;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.65rem;display:flex;align-items:center;justify-content:center;z-index:2}.postal-mobile-page{width:100%;height:100%;padding:10px 10px 14px;box-sizing:border-box;overflow:hidden}.postal-mobile-scatter{position:relative;width:100%;height:100%}.postal-mobile-thumb{position:absolute;aspect-ratio:3 / 2;background:#f0e8d8;border:none;padding:0;cursor:pointer;overflow:hidden;border-radius:2px;box-shadow:3px 5px 12px #00000040;transform:rotate(var(--postal-rotation, 0deg));transition:box-shadow .2s,transform .2s;touch-action:manipulation}.postal-mobile-thumb:hover{box-shadow:6px 10px 22px #00000052;transform:translateY(-1px) rotate(var(--postal-rotation, 0deg))}.postal-mobile-thumb img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12);transform-origin:center center;pointer-events:none}.postal-mobile-thumb.selected{outline:2px solid #785e3a;outline-offset:1px}.postal-handwritten-note{position:absolute;right:7%;bottom:2.5%;z-index:3;margin:0;max-width:44%;color:#543618d1;font-family:Special Elite,IM Fell English SC,Courier New,serif;font-size:clamp(1.25rem,2vw,1.8rem);line-height:.95;text-align:right;letter-spacing:.02em;transform:rotate(-4deg);text-shadow:0 1px 0 rgba(255,247,231,.4);pointer-events:none}.postal-handwritten-note-mobile{right:5%;bottom:1.8%;max-width:48%;font-size:clamp(1rem,4vw,1.3rem)}.song-page{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:22px 14px 18px;box-sizing:border-box;gap:14px;overflow:hidden;background:transparent}.song-base-bg{position:absolute;inset:0;background:#121212;z-index:0}.song-art-bg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(18px) brightness(.65) saturate(1.6);transition:opacity .8s ease;z-index:1}.song-art-overlay{position:absolute;inset:0;background:linear-gradient(170deg,#00000059,#0000001a,#00000073);transition:opacity .8s ease;z-index:2}.song-hint,.song-topbar,.song-header,.song-controls,.song-search-wrap,.song-actions{position:relative;z-index:3;width:min(100%,420px)}.song-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;gap:8px;min-height:28px;font-family:Helvetica Neue,Arial,sans-serif}.song-topbar-title,.song-topbar-hint{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-topbar-title{color:#ffffffe0;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.song-topbar-hint{color:#ffffff7a;font-size:.7rem;text-align:center}.song-topbar-dismiss,.song-query-clear{border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;line-height:1;-webkit-appearance:none;appearance:none}.song-topbar-dismiss{width:28px;height:28px;padding:0;background:#ffffff24;color:#d0d0d0;font-size:.82rem;opacity:0;pointer-events:none}.song-topbar-dismiss.visible{opacity:1;pointer-events:auto}.song-query-clear{width:24px;height:24px;padding:0;background:#ffffff1f;color:#cfcfcf;font-size:.72rem}.song-hint{font-family:Circular,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.68rem;color:#ffffff61;letter-spacing:.04em;margin:0;text-align:center}@media(min-width:769px){.song-hint{font-size:1rem;letter-spacing:.02em}}.song-header{width:min(100%,420px);display:flex;align-items:center;gap:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease}.song-header.visible{max-height:72px;opacity:1}.song-header-art{width:54px;height:54px;border-radius:4px;object-fit:cover;flex-shrink:0;box-shadow:0 8px 24px #000000b3}.song-header-info{flex:1;min-width:0;overflow:hidden}.song-header-name{margin:0 0 2px;font-size:.78rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Helvetica Neue,Arial,sans-serif}.song-header-artist{margin:0;font-size:.62rem;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-clear-btn{background:#ffffff1a;border:none;color:#b3b3b3;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.65rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;aspect-ratio:1 / 1;transition:background .2s,color .2s}.song-clear-btn:hover{background:#fff3;color:#fff}.song-controls{width:min(100%,420px);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease;display:flex;justify-content:center}.song-controls.visible{max-height:42px;opacity:1}.song-play-btn{display:flex;align-items:center;gap:8px;background:#1db954;border:none;border-radius:24px;color:#000;padding:8px 20px;cursor:pointer;font-size:.7rem;font-weight:700;font-family:Helvetica Neue,Arial,sans-serif;transition:background .2s,transform .15s;box-shadow:0 4px 16px #1db95459}.song-play-btn:hover{background:#1ed760;transform:scale(1.04)}.song-play-icon{font-size:1rem}.song-search-wrap{position:relative;width:min(100%,420px);flex-shrink:0;display:flex;flex-direction:column;min-width:0}.song-search-inner{display:flex;align-items:center;background:#2a2a2a;border:1px solid transparent;border-radius:6px;padding:0 14px;gap:10px;min-width:0;width:100%;box-sizing:border-box;transition:border-color .2s,background .2s}.song-search-inner:focus-within{background:#333;border-color:#fff}.song-search-icon{font-size:.8rem;flex-shrink:0;opacity:.7}.song-input{flex:1;background:transparent;border:none;outline:none;font-size:.75rem;color:#fff;padding:10px 0;font-family:Helvetica Neue,Arial,sans-serif;min-width:0;width:100%}.song-input::placeholder{color:#6a6a6a}.song-results{position:static;list-style:none;margin:8px 0 0;padding:4px 0;background:#282828;border-radius:6px;z-index:50;box-shadow:0 16px 40px #000c;max-height:min(220px,34vh);overflow-y:auto;overscroll-behavior:contain}.song-result-item{display:flex;align-items:center;gap:12px;padding:8px 14px;cursor:pointer;transition:background .12s}.song-result-item:hover{background:#3e3e3e}.song-result-item img{width:38px;height:38px;border-radius:3px;object-fit:cover;flex-shrink:0}.song-result-item div{display:flex;flex-direction:column;min-width:0;overflow:hidden}.song-result-name{font-size:.72rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Helvetica Neue,Arial,sans-serif}.song-result-artist{font-size:.6rem;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-actions{width:min(100%,420px);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease;display:flex;justify-content:center}.song-actions.visible{max-height:48px;opacity:1}.song-add-btn{padding:10px 28px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:24px;font-size:.7rem;font-weight:600;font-family:Helvetica Neue,Arial,sans-serif;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:border-color .2s,color .2s,transform .15s}.song-add-btn:hover:not(:disabled){border-color:#fff;transform:scale(1.03)}.song-add-btn:disabled{opacity:.4;cursor:default}.song-success{font-size:.72rem;color:#1db954;margin:0;font-weight:600;font-family:Helvetica Neue,Arial,sans-serif}.song-mobile-page{position:relative;width:100%;height:100%;overflow:hidden;background:#d8c4a3;overscroll-behavior:none}.song-mobile-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.song-mobile-list{position:absolute;left:7%;right:31%;top:12.5%;height:50%;overflow:hidden;padding-right:4px;z-index:2}.song-mobile-list-item{display:block;width:100%;margin-bottom:.34rem;font-size:.64rem;line-height:1.22;color:#2a1a0a;overflow-wrap:anywhere}.song-mobile-panel{position:absolute;left:0;right:0;bottom:0;height:34%;padding:12px 12px 14px;box-sizing:border-box;background:linear-gradient(180deg,#151515e0,#0a0a0af5);z-index:3;display:flex;flex-direction:column;gap:8px}.song-mobile-hint{margin:0;font-size:.64rem;color:#ffffff73;text-align:center}.song-mobile-selected{display:none;align-items:center;gap:8px}.song-mobile-selected.visible{display:flex}.song-mobile-art{width:34px;height:34px;border-radius:4px;object-fit:cover;flex-shrink:0}.song-mobile-meta{min-width:0;flex:1}.song-mobile-name,.song-mobile-artist{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-mobile-name{font-size:.72rem;font-weight:700;color:#fff}.song-mobile-artist{font-size:.58rem;color:#b3b3b3}.song-mobile-clear{width:24px;height:24px;border-radius:50%;border:none;background:#ffffff1f;color:#b3b3b3;cursor:pointer;flex-shrink:0}.song-mobile-search-wrap{position:relative;touch-action:manipulation}.song-mobile-search-inner{display:flex;align-items:center;gap:8px;background:#2a2a2a;border-radius:6px;padding:0 12px;min-height:46px;touch-action:manipulation}.song-mobile-search-icon{font-size:.76rem;opacity:.75}.song-mobile-input{flex:1;background:transparent;border:none;outline:none;color:#fff;padding:12px 0;min-height:22px;font-size:16px;line-height:1.2;-webkit-appearance:none;appearance:none}.song-mobile-input::placeholder{color:#707070}.song-mobile-results{position:absolute;left:0;right:0;bottom:calc(100% + 6px);list-style:none;margin:0;padding:4px 0;background:#282828;border-radius:6px;box-shadow:0 12px 28px #0000008c;max-height:132px;overflow-y:auto;z-index:20}.song-mobile-result-item{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer}.song-mobile-result-item img{width:30px;height:30px;border-radius:4px;object-fit:cover;flex-shrink:0}.song-mobile-result-item div{min-width:0;display:flex;flex-direction:column}.song-mobile-result-name,.song-mobile-result-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-mobile-result-name{font-size:.66rem;color:#fff}.song-mobile-result-artist{font-size:.56rem;color:#b3b3b3}.song-mobile-actions{display:none;align-items:center;justify-content:center;gap:8px;margin-top:auto}.song-mobile-actions.visible{display:flex}.song-mobile-play,.song-mobile-add{border:none;border-radius:999px;padding:7px 12px;font-size:.62rem;font-weight:700;cursor:pointer}.song-mobile-play{background:#1db954;color:#000}.song-mobile-add{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.34)}.song-mobile-add:disabled{opacity:.45;cursor:default}.song-mobile-success{margin:0;font-size:.66rem;color:#1db954;font-weight:700}.song-mobile-portal{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:max(12px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) clamp(72px,18vh,136px) max(8px,env(safe-area-inset-left));z-index:2147483000;pointer-events:none;box-sizing:border-box;height:var(--song-mobile-viewport-height, 100dvh)}.song-mobile-portal.search-active{justify-content:flex-start;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.song-mobile-portal .song-mobile-panel-card{position:relative;background:linear-gradient(180deg,#1c1c1cf7,#0c0c0cfc);border-radius:14px;padding:12px 12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 32px #0000008c,0 2px 6px #0006;pointer-events:auto;-webkit-tap-highlight-color:transparent;box-sizing:border-box;width:min(100%,460px);max-height:min(280px,calc(var(--song-mobile-viewport-height, 100dvh) - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom))));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.song-mobile-portal .song-mobile-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;gap:8px;min-height:28px}.song-mobile-portal .song-mobile-topbar-title,.song-mobile-portal .song-mobile-topbar-hint{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-mobile-portal .song-mobile-topbar-title{font-size:.78rem;font-weight:700;color:#ffffffe0;letter-spacing:.03em;text-transform:uppercase}.song-mobile-portal .song-mobile-topbar-hint{font-size:.72rem;color:#ffffff8c;text-align:center}.song-mobile-portal .song-mobile-dismiss{width:28px;height:28px;padding:0;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff24;color:#d0d0d0;font-size:.82rem;line-height:1;opacity:0;pointer-events:none;transition:opacity .18s ease,background .18s ease}.song-mobile-portal .song-mobile-dismiss.visible{opacity:1;pointer-events:auto}.song-mobile-portal .song-mobile-dismiss:active{background:#ffffff38}.song-mobile-portal.search-active .song-mobile-panel-card{max-height:calc(var(--song-mobile-viewport-height, 100dvh) - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))}.song-mobile-portal .song-mobile-search-wrap{position:relative;touch-action:manipulation;display:flex;flex-direction:column;min-width:0}.song-mobile-portal .song-mobile-search-inner{display:flex;align-items:center;gap:8px;background:#2a2a2a;border-radius:8px;padding:0 12px;min-height:46px;min-width:0;width:100%;box-sizing:border-box}.song-mobile-portal .song-mobile-query-clear{width:24px;height:24px;padding:0;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff24;color:#d0d0d0;font-size:.8rem;line-height:1;flex-shrink:0}.song-mobile-portal .song-mobile-query-clear:active{background:#ffffff38}.song-mobile-portal .song-mobile-input{flex:1;background:transparent;border:none;outline:none;color:#fff;padding:12px 0;min-height:22px;font-size:16px;line-height:1.2;-webkit-appearance:none;appearance:none;min-width:0;width:100%}.song-mobile-portal .song-mobile-input::placeholder{color:#707070}.song-mobile-portal .song-mobile-results{position:static;list-style:none;margin:6px 0 0;padding:4px;background:#1f1f1f;border-radius:10px;min-height:0;max-height:min(220px,34vh);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px}.song-mobile-portal .song-mobile-search-status{margin:6px 0 0;padding:10px 12px;border-radius:10px;background:#1f1f1f;color:#ffffffb8;font-size:.78rem;line-height:1.25;text-align:center}.song-mobile-portal.search-active .song-mobile-results{max-height:clamp(120px,calc(var(--song-mobile-viewport-height, 100dvh) - 220px),320px)}.song-mobile-portal .song-mobile-result-item{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;border-radius:6px;background:#2a2a2a}.song-mobile-portal .song-mobile-result-item:active{background:#353535}.song-mobile-portal .song-mobile-result-item img{width:30px;height:30px;border-radius:4px;object-fit:cover;flex-shrink:0}.song-mobile-portal .song-mobile-result-art-placeholder,.song-mobile-portal .song-mobile-art-placeholder{display:inline-flex;align-items:center;justify-content:center;background:#353535;color:#ffffffa6;font-weight:700;flex-shrink:0}.song-mobile-portal .song-mobile-result-art-placeholder{width:30px;height:30px;border-radius:4px;font-size:.92rem}.song-mobile-portal .song-mobile-result-item div{min-width:0;display:flex;flex-direction:column}.song-mobile-portal .song-mobile-result-name,.song-mobile-portal .song-mobile-result-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-mobile-portal .song-mobile-result-name{font-size:.78rem;color:#fff}.song-mobile-portal .song-mobile-result-artist{font-size:.66rem;color:#b3b3b3}.song-mobile-portal .song-mobile-hint{margin:0;font-size:.78rem;color:#ffffff8c;text-align:center}.song-mobile-portal .song-mobile-selected{display:flex;align-items:center;gap:10px;min-width:0;width:100%}.song-mobile-portal .song-mobile-art{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}.song-mobile-portal .song-mobile-art-placeholder{font-size:1.1rem}.song-mobile-portal .song-mobile-meta{min-width:0;flex:1}.song-mobile-portal .song-mobile-name,.song-mobile-portal .song-mobile-artist{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-mobile-portal .song-mobile-name{font-size:.86rem;font-weight:700;color:#fff}.song-mobile-portal .song-mobile-artist{font-size:.7rem;color:#b3b3b3}.song-mobile-portal .song-mobile-clear{width:28px;height:28px;padding:0;border-radius:50%;border:none;background:#ffffff24;color:#d0d0d0;cursor:pointer;flex-shrink:0;font-size:.82rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;box-sizing:border-box}.song-mobile-portal .song-mobile-actions{display:flex;gap:8px;align-items:center;min-width:0;width:100%}.song-mobile-portal .song-mobile-play,.song-mobile-portal .song-mobile-add{flex:1;min-height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-size:.8rem;letter-spacing:.02em;cursor:pointer;-webkit-appearance:none;appearance:none}.song-mobile-portal .song-mobile-add{background:linear-gradient(180deg,#1ed760,#1aaf4e);border-color:#0000002e;color:#0a1d12;font-weight:700}.song-mobile-portal .song-mobile-add:disabled{opacity:.5;cursor:default}.song-mobile-portal .song-mobile-success{flex:1;text-align:center;margin:0;font-size:.86rem;color:#1ed760;font-weight:700}.postal-backdrop{position:fixed;inset:0;background:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.postal-modal{position:relative;width:100%;max-width:680px;pointer-events:all}.postal-close{position:absolute;top:-36px;right:0;background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;line-height:1;padding:4px 8px}.postal-card{position:relative;width:100%}.postal-card.sending{animation:postal-fly-away 1s ease-in .48s forwards}.postal-bg{width:100%;height:auto;display:block;border-radius:4px;-webkit-user-select:none;user-select:none}.postal-input{position:absolute;background:transparent;border:none;outline:none;resize:none;margin:0;padding:0;box-sizing:border-box;-webkit-appearance:none;appearance:none;font-family:Caveat,cursive;color:#2a1a0a;line-height:1.5}.postal-input::placeholder{color:#50321459;font-family:Caveat,cursive}.postal-message{top:9%;left:3%;width:43%;height:78%;font-size:clamp(.9rem,2vw,1.2rem)}.postal-name{top:34.8%;left:54.5%;width:38.5%;height:7%;font-size:clamp(.85rem,1.8vw,1.1rem);line-height:normal;vertical-align:middle}.postal-send-button{position:absolute;bottom:10%;right:4%;padding:.6rem 1.35rem;border:1px solid rgba(98,70,39,.6);background:linear-gradient(180deg,#8d5b31,#6f431f);color:#f8edd3;font-family:Georgia,Times New Roman,serif;font-size:clamp(.8rem,1.6vw,.98rem);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px #ffefc959,0 3px 8px #2e1c0c47;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.postal-send-button:hover{transform:translateY(-1px)}.postal-send-button.hidden{opacity:0;pointer-events:none}.postal-ink-stamp{position:absolute;bottom:8%;right:7%;width:min(34%,180px);opacity:0;transform:rotate(-7deg) scale(1.18);filter:drop-shadow(0 2px 3px rgba(31,28,67,.12));pointer-events:none}.postal-ink-stamp.visible{animation:postal-stamp-in .34s ease-out forwards}@keyframes postal-stamp-in{0%{opacity:0;transform:rotate(-9deg) scale(1.28)}70%{opacity:1;transform:rotate(-7deg) scale(.96)}to{opacity:1;transform:rotate(-7deg) scale(1)}}@keyframes postal-fly-away{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}to{opacity:0;transform:translateY(-120vh) scale(.92) rotate(-4deg)}}@media(max-width:768px){.postal-name{top:33.4%;left:54.5%;width:37.5%;height:9.5%;font-size:clamp(.95rem,4vw,1.2rem);line-height:normal}.postal-send-button{bottom:6%;right:6.5%;padding:.5rem 1rem}.postal-ink-stamp{width:32%;right:8%}}.App{width:100%;min-height:100dvh;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}@media(max-width:768px){.App{height:auto;align-items:stretch}}