@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%}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)}.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:10px}.book-container{width:100%;padding:4px 0;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}.book-container{padding: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:center;padding:16px 14px;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-header,.song-controls,.song-search-wrap,.song-actions{position:relative;z-index:3}.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:100%;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;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:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.song-clear-btn:hover{background:#fff3;color:#fff}.song-controls{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:100%;flex-shrink:0}.song-search-inner{display:flex;align-items:center;background:#2a2a2a;border:1px solid transparent;border-radius:6px;padding:0 14px;gap:10px;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}.song-input::placeholder{color:#6a6a6a}.song-results{position:absolute;top:calc(100% + 4px);left:0;right:0;list-style:none;margin:0;padding:4px 0;background:#282828;border-radius:6px;z-index:50;box-shadow:0 16px 40px #000c;max-height:220px;overflow-y:auto}.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;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{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}.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}.song-mobile-search-inner{display:flex;align-items:center;gap:8px;background:#2a2a2a;border-radius:6px;padding:0 10px}.song-mobile-search-icon{font-size:.76rem;opacity:.75}.song-mobile-input{flex:1;background:transparent;border:none;outline:none;color:#fff;padding:9px 0;font-size:.7rem}.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}.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}.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;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)}.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:34.2%;left:54.5%;width:37.5%}.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}}