@import"https://fonts.googleapis.com/css2?family=Handlee&display=swap";@font-face{font-family:Indie_flower;src:url(/assets/IndieFlower-Regular-CLUCS5OM.woff2) format("woff2"),url(/assets/IndieFlower-Regular-Bn5NPIAf.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:AppleGaramond;src:url(/assets/AppleGaramond-Light-qKNHZ8ng.woff2) format("woff2"),url(/assets/AppleGaramond-Light-DI5-smL1.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Kapakana;src:url(/assets/Kapakana-BDZNSdiB.woff2) format("woff2"),url(/assets/Kapakana-yknv7oLO.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Instrument;src:url(/assets/Instrument-Cm60NTQl.woff2) format("woff2"),url(/assets/Instrument-DxxwGoFM.woff) format("woff");font-weight:400;font-style:normal}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fcf4df;min-height:100vh}body{background:#fcf4df;margin:0;font-family:Helvetica Neue,Arial,sans-serif;height:100%}h1{color:#000}h1{margin-top:20px;font-family:Instrument,Arial,sans-serif;font-size:50px;color:#98c8a9;margin-bottom:-30px;-webkit-text-stroke:.2px black}h2{font-family:Kapakana,Arial,sans-serif;font-size:60px;color:#be9999;margin:0 0 -20px;-webkit-text-stroke:.1px black}h3{font-family:Instrument,Arial,sans-serif;font-size:20px;color:#be9999;margin:10px;letter-spacing:1.5px;font-weight:400}p{font-family:Indie_flower,Arial,sans-serif;margin:0;color:#926262;font-weight:400}.app{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:24px 16px 40px;box-sizing:border-box}.app-header{margin:0;font-size:28px;display:flex;flex-direction:column;align-items:center;text-align:center}.app-header p{margin:4px 0 16px;color:#000}.controls,.preview{margin-top:16px}.controls{margin-top:16px;display:flex;flex-direction:column;align-items:center;text-align:center}.controls h2,.preview h2{font-size:18px;margin-bottom:8px}.preview{margin-top:24px;display:flex;flex-direction:column;align-items:center;text-align:center}.buttons{display:flex;gap:8px;justify-content:center}button{border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:18px;font-size:10px;background:#f9bedd;color:#000;padding:10px;cursor:pointer;font-size:14px}button.active{background:#ef8dc1}.preview{margin-top:24px}.story{width:260px;height:460px;padding:20px 24px 40px;background-image:url(/assets/story-paper-DlUvI-L2.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0;box-shadow:none;display:flex;flex-direction:column;align-items:center}.story-header{text-align:center;font-size:13px;font-weight:200;color:#000}.story-grid{display:grid;grid-template-columns:repeat(3,80px);column-gap:16px}.story-grid .box{width:60px;display:flex;flex-direction:column;align-items:center;background:transparent;border:none;box-shadow:none}.story-grid .box:nth-child(1){transform:rotate(-5deg)}.story-grid .box:nth-child(2){transform:rotate(2deg)}.story-grid .box:nth-child(3){transform:rotate(-4deg)}.story-grid .box:nth-child(4){transform:rotate(4deg)}.story-grid .box:nth-child(5){transform:rotate(-2deg)}.story-grid .box:nth-child(6){transform:rotate(2deg)}.stamp{position:relative;width:80px;height:80px}.stamp-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.stamp-cover-wrapper{position:absolute;top:10%;right:10%;bottom:10%;left:10%;overflow:hidden}.stamp-cover{width:100%;height:100%;object-fit:cover}.stamp-cover.placeholder{background:#fff9}.app-center{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.spotify-btn{margin-top:16px;display:inline-flex;height:44px;align-items:center;gap:2px;padding:10px 20px;border-radius:15px;border:1px solid #000;background:#73df99;color:#000;cursor:pointer;font-size:16px;margin-bottom:20px;animation:cute-wiggle 1s ease-in-out infinite}.spotify-icon{height:35px;display:block}.spotify-btn:hover{filter:brightness(1.05)}.box{border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.cover-wrapper{width:110px;aspect-ratio:1 / 1;position:relative;overflow:hidden;border-radius:10px;margin-bottom:8px}.cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.track-info{margin-top:4px;font-family:Indie_flower,Arial,sans-serif;color:#be9999;max-width:110px;text-align:center;font-size:9px;line-height:1.2;white-space:normal;word-break:break-word}.track-title{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{opacity:.8;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-range{font-size:10px;opacity:.7}.download-buttons{margin-top:16px;display:flex;gap:12px;justify-content:center}.download-buttons button{border-radius:10px;border:none;padding:5px 9px;background:#f9bedf;color:#000;font-size:12px;cursor:pointer}.logo-img{transform:scale(.6)}.story-preview{transform:scale(.8);margin-top:20px;transform-origin:top center;box-shadow:0 10px 30px #0f172a59}.box-loading{display:flex;justify-content:center;align-items:center;gap:8px;grid-column:1 / -1;justify-self:center}.loading-icon{width:80px;height:auto}.title-head{font-family:Indie_flower,Arial,sans-serif;font-size:14px;color:#926262;font-weight:400;margin:2px;letter-spacing:.03em}.summary-title{font-size:14px}.Song-Cover{width:300px;height:auto}.story-summary{width:100%;text-align:center;color:#926262;font-size:15px;align-items:center;line-height:1.6}.box.not-allowed{text-align:center;font-size:14px;line-height:1.5}.mood{margin:5px 10px}.snowflake{position:fixed;top:-10px;width:6px;height:6px;background:#fff;border-radius:50%;-webkit-user-select:none;user-select:none;z-index:1000;animation:fall linear infinite;opacity:.6;filter:blur(.5px);box-shadow:0 0 3px #ffffff80;pointer-events:none}@keyframes fall{0%{top:-10%;opacity:1}to{top:100%;opacity:.8}}.snowflake:nth-child(1){left:10%;animation-duration:8s;animation-delay:-2s;width:5px;height:5px}.snowflake:nth-child(2){left:20%;animation-duration:10s;animation-delay:-4s;width:7px;height:7px}.snowflake:nth-child(3){left:30%;animation-duration:12s;animation-delay:-6s;width:6px;height:6px}.snowflake:nth-child(4){left:40%;animation-duration:9s;animation-delay:-1s;width:6px;height:6px}.snowflake:nth-child(5){left:50%;animation-duration:11s;animation-delay:-5s;width:7px;height:7px}.snowflake:nth-child(6){left:60%;animation-duration:10s;animation-delay:-7s;width:5.5px;height:5.5px}.snowflake:nth-child(7){left:25%;animation-duration:13s;animation-delay:-3s;width:6px;height:6px}.snowflake:nth-child(8){left:80%;animation-duration:9s;animation-delay:-4.5s;width:6.5px;height:6.5px}.snowflake:nth-child(9){left:90%;animation-duration:11s;animation-delay:-8s;width:7px;height:7px}.snowflake:nth-child(10){left:15%;animation-duration:10s;animation-delay:-2.5s;width:5.5px;height:5.5px}.snowflake:nth-child(11){left:25%;animation-duration:12s;animation-delay:-6.5s;width:6.5px;height:6.5px}.snowflake:nth-child(12){left:35%;animation-duration:8s;animation-delay:-5s;width:5px;height:5px}.snowflake:nth-child(13){left:45%;animation-duration:13s;animation-delay:-3.5s;width:7px;height:7px}.snowflake:nth-child(14){left:55%;animation-duration:9s;animation-delay:-4s;width:6px;height:6px}.snowflake:nth-child(15){left:65%;animation-duration:11s;animation-delay:-7.5s;width:6px;height:6px}.snowflake:nth-child(16){left:75%;animation-duration:10s;animation-delay:-2s;width:5.5px;height:5.5px}.snowflake:nth-child(17){left:85%;animation-duration:12s;animation-delay:-5.5s;width:6.5px;height:6.5px}.snowflake:nth-child(18){left:95%;animation-duration:9s;animation-delay:-6s;width:6px;height:6px}.snowflake:nth-child(19){left:5%;animation-duration:11s;animation-delay:-3s;width:6.5px;height:6.5px}.snowflake:nth-child(20){left:48%;animation-duration:13s;animation-delay:-8.5s;width:5.5px;height:5.5px}.Request-access-btn{height:44px;width:210px;align-items:center;gap:2px;padding:10px 20px;border-radius:15px;border:1px solid #000;color:#000;cursor:pointer;font-size:16px;margin-bottom:20px}.Request-access-btn:hover{filter:brightness(1.05)}@font-face{font-family:Indie_flower;src:url(/assets/IndieFlower-Regular-CLUCS5OM.woff2) format("woff2"),url(/assets/IndieFlower-Regular-Bn5NPIAf.woff) format("woff");font-weight:400;font-style:normal}.request-access-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#faefd0;font-family:Indie_flower,Arial,sans-serif;position:relative}.back-arrow{position:absolute;top:32px;left:32px;font-size:26px;color:#444}.request-card{position:relative;width:320px;height:560px;background:#fff;border:1px solid #444;padding:36px 26px;box-sizing:border-box}.corner-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#444}.dot-tl{top:10px;left:10px}.dot-tr{top:10px;right:10px}.dot-bl{bottom:10px;left:10px}.dot-br{bottom:10px;right:10px}.request-title{text-align:center;font-family:Indie_flower,Arial,sans-serif;font-size:22px;margin:0 0 32px;color:#444}.request-form{display:flex;flex-direction:column;gap:24px}.field-label{font-size:17px;color:#444;display:flex;flex-direction:column;gap:8px}.spotify-input{border-radius:10px;border:1px solid #525252;padding:10px 14px;background:#f2f2f2;font-size:13px;outline:none;box-shadow:inset 0 0 0 1px #0000000a}.spotify-input::placeholder{color:#b0b0b0}.dotted-divider{border-bottom:1px dotted #777;margin:8px 0}.helper-text{font-size:15px;line-height:1.4;color:#444;text-align:center}.submit-btn{align-self:center;padding:8px 40px;border-radius:14px;border:1px solid #525252;background:#ffc6dd;font-size:14px;cursor:pointer;animation:cute-wiggle 1s ease-in-out infinite;transition:transform .05s ease,box-shadow .05s ease}.submit-btn:active{transform:translateY(2px);box-shadow:0 0 #c47990}.error-text{color:#d9534f;font-size:13px;margin-top:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;padding:20px 24px;border-radius:16px;max-width:320px;width:66%;box-shadow:0 6px 20px #00000040;text-align:center}.modal-title{font-size:20px;margin-bottom:8px}.modal-text{margin-bottom:16px}.modal-button{border:none;border-radius:999px;padding:8px 24px;font-size:14px;border:1px solid #525252;background:#ffc6dd;cursor:pointer}@keyframes cute-wiggle{0%{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-2deg)}50%{transform:translate(2px) rotate(2deg)}75%{transform:translate(-1px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.modal-button:active{transform:translateY(1px);box-shadow:0 1px #c47990}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f9fafb}body{margin:0}