.form-card{background:#5eb4b4d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;max-width:700px;width:100%;box-shadow:0 8px 32px #00000026;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-content{display:flex;flex-direction:column;gap:1.25rem}.form-group{width:100%}.form-input{width:100%;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fff;box-shadow:0 2px 4px #0000000d;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;box-shadow:0 4px 8px #0000001a}.form-input::placeholder{color:#999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem}.recipient-input{font-size:1.1rem}.message-input{font-size:1.2rem;resize:none;height:180px;line-height:1.6}.music-selector{position:relative;display:flex;align-items:center;background:#fff;border-radius:12px;padding:0 1rem;box-shadow:0 2px 4px #0000000d}.spotify-icon{color:#1db954;font-size:1.5rem;margin-right:.75rem}.music-select{flex:1;border:none;padding:1rem .5rem;font-size:1rem;font-family:Caveat,cursive;background:transparent;cursor:pointer;appearance:none;color:#374151}.music-select:focus{outline:none}.dropdown-icon{color:#9ca3af;font-size:.875rem;pointer-events:none}.error-message{background:#fee;color:#c33;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.theme-selector{display:flex;justify-content:center;gap:1rem;padding:1rem 0}.theme-button{background:#ffffff80;border:3px solid transparent;border-radius:15px;padding:.5rem;cursor:pointer;transition:all .3s ease;width:100px;height:100px}.theme-button:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.theme-button.selected{border-color:#3986d0;background:#ffffffe6;box-shadow:0 4px 12px #00000040}.theme-preview{width:100%;height:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.theme1-preview .sticky-note{width:100%;height:100%;background:linear-gradient(135deg,#fef3c7,#f59e0b);border-radius:8px;box-shadow:0 2px 4px #0003;position:relative}.theme1-preview .pin{position:absolute;top:8px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#374151;border-radius:50%;box-shadow:0 1px 3px #0000004d}.theme2-preview .lined-paper{width:100%;height:100%;background:#fdfbf7;background-image:repeating-linear-gradient(transparent,transparent 19px,#e5e7eb 19px,#e5e7eb 20px);border-radius:8px;box-shadow:0 2px 4px #0003;position:relative}.theme2-preview .plaid-tape{position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(-2deg);width:60%;height:12px;background:repeating-linear-gradient(45deg,#dc2626,#dc2626 8px,#fff 8px 16px);opacity:.7}.theme3-preview .pastel-note{width:100%;height:100%;background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-radius:8px;box-shadow:0 2px 4px #0003;position:relative}.theme3-preview .heart-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px}.theme3-preview .heart-decoration:before{content:"♥";font-size:24px;color:#ec4899;opacity:.6}.button-group{display:flex;gap:1rem;margin-top:1rem}.action-button{flex:1;border:none;border-radius:50px;padding:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.submit-button{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.submit-button:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.submit-button:disabled{opacity:.7;cursor:not-allowed;background:#93c5fd}.preview-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5)}.preview-button:hover{background:#ffffff4d;border-color:#fff;transform:translateY(-2px)}.success-card{text-align:center;margin:0 auto;width:90%;max-width:500px}.success-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.success-icon{font-size:4rem;color:#10b981;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-title{font-size:2rem;color:#1f2937;margin:0;font-family:Playfair Display,serif}.success-text{color:#6b7280;font-size:1.1rem;margin:0}.link-container{display:flex;gap:.5rem;width:100%;max-width:500px}.link-input{flex:1;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:#4b5563;background:#f9fafb}.copy-button{background:#3b82f6;color:#fff;border:none;border-radius:10px;padding:0 1.5rem;cursor:pointer;transition:all .2s}.copy-button:hover{background:#2563eb;transform:scale(1.05)}.new-letter-button{background:transparent;border:2px solid #3b82f6;color:#3b82f6;border-radius:50px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.new-letter-button:hover{background:#3b82f6;color:#fff}.history-page{min-height:100vh;max-height:100vh;background:linear-gradient(135deg,#3986d0,#4c9aae,#659883);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.25rem;overflow:hidden}.history-title{font-family:Caveat,cursive;font-size:2.75rem;color:#fff;font-style:italic;margin:0;font-weight:400}.history-description{font-family:Caveat,cursive;font-size:1.15rem;color:#fff;text-align:center;max-width:700px;margin:0;line-height:1.4}.history-box{background:#68b4aa80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px dotted rgba(255,255,255,.8);border-radius:16px;padding:1.5rem;width:90%;max-width:700px;max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 8px 32px #00000026}.history-link-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.link-text{flex:1;color:#1f2937;font-size:.95rem;font-family:Poppins,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-decoration:underline;cursor:pointer;transition:color .2s ease}.link-text:hover{color:#111827;text-decoration:underline}.copy-icon-btn{background:none;border:none;color:#a8c77f;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:all .2s ease;flex-shrink:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.copy-icon-btn:hover{color:#8fb365;transform:scale(1.1)}.copy-icon-btn:active{transform:scale(.95)}.create-new-btn{background:#4c9aff;color:#fff;border:none;border-radius:50px;padding:.75rem 2.5rem;font-size:1.1rem;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #4c9aff66;margin-top:.5rem}.create-new-btn:hover{background:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.create-new-btn:active{transform:translateY(0)}@media(max-width:768px){.form-card{padding:1.75rem 1.25rem;max-width:100%}.form-content{gap:1rem}.theme-selector{gap:.5rem}.theme-button{width:80px;height:80px}.button-group{gap:.75rem}.action-button{padding:.875rem;font-size:1rem}.link-container{flex-direction:row;gap:.5rem}.link-input{font-size:.85rem;padding:.75rem .875rem}.copy-button{padding:.75rem 1rem;font-size:1rem;min-width:50px;width:auto}.success-card{width:90%;max-width:420px}}@media(max-width:480px){.form-card{padding:1.5rem 1rem;border-radius:16px}.form-content{gap:.875rem}.form-input{padding:.875rem 1.25rem;font-size:.95rem}.message-input{height:160px;font-size:1.1rem}.theme-selector{gap:.4rem;padding:.75rem 0}.theme-button{width:70px;height:70px;border-radius:12px}.action-button{padding:.875rem;font-size:.95rem}.success-title{font-size:1.75rem}.success-text{font-size:1rem}.link-input{font-size:.85rem;padding:.75rem .875rem}.new-letter-button{padding:.75rem 1.5rem;font-size:.95rem}}@media(max-width:360px){.button-group{flex-direction:column;gap:.75rem}.action-button{width:100%}}@media(max-width:768px){.history-page{padding:2rem 1.5rem;gap:1.5rem}.history-logo{max-width:300px}.history-title{font-size:2.75rem}.history-description{font-size:1.15rem}.history-box{padding:2rem 1.5rem}.link-text{font-size:.9rem}.create-new-btn{padding:.875rem 2.5rem;font-size:1.1rem}}@media(max-width:480px){.history-page{padding:1.5rem 1rem}.history-logo{max-width:250px}.history-title{font-size:2.25rem}.history-description{font-size:1rem;margin-bottom:1rem}.history-box{padding:1.5rem 1.25rem}.link-text{font-size:.85rem}.copy-icon-btn{font-size:1.25rem;min-width:40px;min-height:40px}.create-new-btn{padding:.75rem 2rem;font-size:1rem}}.overlay.svelte-1biaiiw{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#3986d0,#4c9aae,#659883);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1000;overflow:hidden;padding:2rem 1rem}.logo-container.svelte-1biaiiw{margin-bottom:3rem;margin-top:1rem}.logo.svelte-1biaiiw{max-width:300px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.content-container.svelte-1biaiiw{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center}.title.svelte-1biaiiw{font-family:Carter One,cursive;font-size:3rem;color:#fff;margin:0 0 1rem;font-weight:400;text-align:left;align-self:flex-start;text-shadow:0 2px 8px rgba(0,0,0,.15)}.description.svelte-1biaiiw{font-family:Caveat,cursive;font-size:1.3rem;color:#fff;margin:0 0 1.5rem;text-align:left;align-self:flex-start;max-width:850px;line-height:1.6;font-style:italic;padding:0}.history-box.svelte-1biaiiw{position:relative;background:#8bd5cad9;border-radius:12px;border:3px dashed rgba(255,255,255,.6);width:100%;max-width:100%;height:280px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 24px #00000026;overflow:hidden}.corner.svelte-1biaiiw{position:absolute;color:#ffffffe6;font-size:32px;font-weight:300;line-height:1;pointer-events:none;z-index:2}.corner.svelte-1biaiiw:before{content:"+"}.corner-tl.svelte-1biaiiw{top:-16px;left:-16px}.corner-tr.svelte-1biaiiw{top:-16px;right:-16px}.corner-bl.svelte-1biaiiw{bottom:-16px;left:-16px}.corner-br.svelte-1biaiiw{bottom:-16px;right:-16px}.links-container.svelte-1biaiiw{width:100%;height:100%;padding:2rem 1.75rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem}.links-container.svelte-1biaiiw::-webkit-scrollbar{width:8px}.links-container.svelte-1biaiiw::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.links-container.svelte-1biaiiw::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.links-container.svelte-1biaiiw::-webkit-scrollbar-thumb:hover{background:#ffffff80}.link-item.svelte-1biaiiw{display:flex;align-items:center;justify-content:center;gap:.15rem;background:transparent;padding:.5rem 1rem;border-radius:8px;transition:background .2s ease}.link-item.svelte-1biaiiw:hover{background:transparent}.link-text.svelte-1biaiiw{color:#2c3e50;font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;cursor:pointer;max-width:600px}.link-text.svelte-1biaiiw:hover{color:#1a252f;text-decoration:underline}.copy-btn.svelte-1biaiiw{background:#1f2937;border:none;border-radius:6px;cursor:pointer;padding:0;width:36px;height:36px;color:#fff;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.copy-btn.svelte-1biaiiw:hover{background:#374151;transform:translateY(-1px)}.copy-btn.svelte-1biaiiw:active{transform:translateY(0)}.copy-btn.svelte-1biaiiw svg:where(.svelte-1biaiiw){width:20px;height:20px}.no-history.svelte-1biaiiw{text-align:center;color:#1f293799;font-size:1.1rem;font-style:italic}.create-btn.svelte-1biaiiw{margin-top:1.5rem;padding:.85rem 2.5rem;background:#4a9eff;color:#fff;border:none;border-radius:50px;font-size:1.2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4a9eff66}.create-btn.svelte-1biaiiw:hover{background:#3b8ee6;transform:translateY(-2px);box-shadow:0 6px 16px #4a9eff80}.create-btn.svelte-1biaiiw:active{transform:translateY(0)}@media(max-width:768px){.logo.svelte-1biaiiw{max-width:200px}.title.svelte-1biaiiw{font-size:2.5rem}.description.svelte-1biaiiw{font-size:1.2rem;margin-bottom:2rem}.history-box.svelte-1biaiiw{height:300px}.corner.svelte-1biaiiw{font-size:28px}.corner-tl.svelte-1biaiiw,.corner-tr.svelte-1biaiiw{top:-14px}.corner-bl.svelte-1biaiiw,.corner-br.svelte-1biaiiw{bottom:-14px}.corner-tl.svelte-1biaiiw,.corner-bl.svelte-1biaiiw{left:-14px}.corner-tr.svelte-1biaiiw,.corner-br.svelte-1biaiiw{right:-14px}.links-container.svelte-1biaiiw{padding:2rem 1.5rem}.link-text.svelte-1biaiiw{font-size:1rem}.copy-btn.svelte-1biaiiw svg:where(.svelte-1biaiiw){width:24px;height:24px}.create-btn.svelte-1biaiiw{padding:.9rem 2.5rem;font-size:1.2rem}}@media(max-width:480px){.overlay.svelte-1biaiiw{padding:1.5rem .75rem;justify-content:center}.logo-container.svelte-1biaiiw{margin-bottom:2rem}.logo.svelte-1biaiiw{max-width:350px}.title.svelte-1biaiiw{font-size:2rem;margin-bottom:.75rem}.description.svelte-1biaiiw{font-size:1rem;margin-bottom:1.5rem}.history-box.svelte-1biaiiw{height:280px;border-width:2px}.corner.svelte-1biaiiw{font-size:24px}.corner-tl.svelte-1biaiiw,.corner-tr.svelte-1biaiiw{top:-12px}.corner-bl.svelte-1biaiiw,.corner-br.svelte-1biaiiw{bottom:-12px}.corner-tl.svelte-1biaiiw,.corner-bl.svelte-1biaiiw{left:-12px}.corner-tr.svelte-1biaiiw,.corner-br.svelte-1biaiiw{right:-12px}.links-container.svelte-1biaiiw{padding:1.75rem 1.25rem}.link-text.svelte-1biaiiw{font-size:.9rem}.copy-btn.svelte-1biaiiw{width:28px;height:28px;border-radius:4px}.copy-btn.svelte-1biaiiw svg:where(.svelte-1biaiiw){width:16px;height:16px}.create-btn.svelte-1biaiiw{padding:.8rem 2rem;font-size:1.1rem;margin-top:2rem}}.preview-backdrop.svelte-1ntph5j{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center}.preview-overlay.svelte-1ntph5j{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preview-content.svelte-1ntph5j{display:flex;align-items:center;justify-content:center}.letter-content.svelte-1ntph5j{width:100vw;height:100vh}.envelope-preview.svelte-1ntph5j{position:relative;cursor:pointer;transition:transform .3s ease}.envelope-preview.svelte-1ntph5j:hover{transform:scale(1.02)}.envelope-img.svelte-1ntph5j{max-width:600px;width:100%;height:auto;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.recipient-text.svelte-1ntph5j{position:absolute;top:25%;left:50%;transform:translate(-50%);font-family:Caveat,cursive;font-size:2rem;color:#374151;text-align:center;pointer-events:none}@media(max-width:768px){.envelope-img.svelte-1ntph5j{max-width:400px}.recipient-text.svelte-1ntph5j{font-size:1.5rem}}@media(max-width:480px){.preview-backdrop.svelte-1ntph5j{padding:1rem}.envelope-img.svelte-1ntph5j{max-width:280px;width:90vw}.recipient-text.svelte-1ntph5j{font-size:1.2rem;top:28%}.letter-content.svelte-1ntph5j{padding:1rem}}.spotify-search-container.svelte-ol1fam{position:relative;width:100%;font-family:Poppins,sans-serif}.input-wrapper.svelte-ol1fam{display:flex;align-items:center;background:#ffffffe6;border-radius:12px;padding:.8rem 1rem;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 6px #0000000d}.input-wrapper.svelte-ol1fam:focus-within{border-color:#1db954;box-shadow:0 0 0 3px #1db95433}.spotify-icon.svelte-ol1fam{color:#1db954;font-size:1.5rem;margin-right:.8rem}.search-input.svelte-ol1fam{flex:1;border:none;background:transparent;font-size:1rem;color:#374151;outline:none}.search-input.svelte-ol1fam::placeholder{color:#9ca3af}.search-icon.svelte-ol1fam{color:#9ca3af}.selected-display.svelte-ol1fam{flex:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.track-info.svelte-ol1fam{font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.5rem}.clear-btn.svelte-ol1fam{background:none;border:none;color:#6b7280;cursor:pointer;padding:.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-btn.svelte-ol1fam:hover{background:#f3f4f6;color:#ef4444}.results-dropdown.svelte-ol1fam{position:absolute;bottom:100%;left:0;width:100%;background:#fff;border-radius:12px;margin-bottom:.5rem;box-shadow:0 10px 25px #0000001a;z-index:50;max-height:300px;overflow-y:auto;overflow-x:hidden}.loading-item.svelte-ol1fam{padding:1rem;text-align:center;color:#6b7280}.result-item.svelte-ol1fam{display:flex;align-items:center;width:100%;padding:.8rem;border:none;background:none;cursor:pointer;text-align:left;transition:background .2s;border-bottom:1px solid #f3f4f6}.result-item.svelte-ol1fam:last-child{border-bottom:none}.result-item.svelte-ol1fam:hover{background:#f0fdf4}.album-art.svelte-ol1fam{width:40px;height:40px;border-radius:4px;margin-right:1rem;object-fit:cover}.track-details.svelte-ol1fam{flex:1;overflow:hidden}.track-name.svelte-ol1fam{font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.artist-name.svelte-ol1fam{font-size:.85rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-page.svelte-jztt4t{height:100vh;width:100vw;max-width:100%;background:linear-gradient(135deg,#3986d0,#4c9aae,#659883);display:flex;flex-direction:column;padding:2rem 1rem;overflow:hidden;box-sizing:border-box}.page-header.svelte-jztt4t{display:flex;justify-content:center;align-items:center;width:100%;margin:0 auto 2rem;text-align:center}.page-logo.svelte-jztt4t{max-width:300px;width:80%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));display:block;margin:0 auto}.create-main.svelte-jztt4t{flex:1;display:grid;grid-template-columns:100px 1fr 100px;gap:1.5rem;max-width:1200px;width:100%;margin:0 auto;align-items:start;box-sizing:border-box}.create-main.submitted.svelte-jztt4t{grid-template-columns:1fr;max-width:800px}.theme-column.svelte-jztt4t{display:flex;flex-direction:column;gap:1rem}.theme-preview-btn.svelte-jztt4t{background:#a4e1e166;border:none;border-radius:20px;padding:.5rem;cursor:pointer;transition:all .3s ease;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.theme-preview-btn.svelte-jztt4t:hover{transform:scale(1.05);background:#fff6}.theme-preview-btn.selected.svelte-jztt4t{border:3px solid white;background:#a4e1e199;box-shadow:0 4px 12px #0003}.theme-image.svelte-jztt4t{width:100%;height:100%;object-fit:contain}.form-column.svelte-jztt4t{display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.create-main.svelte-jztt4t{grid-template-columns:120px 1fr 120px;gap:1rem}.page-logo.svelte-jztt4t{max-width:250px}}@media(max-width:768px){.create-page.svelte-jztt4t{padding:1.5rem 1rem;overflow-y:auto;overflow-x:hidden}.page-header.svelte-jztt4t{margin-bottom:1.5rem}.create-main.svelte-jztt4t{grid-template-columns:1fr;gap:1.5rem}.theme-column.svelte-jztt4t{flex-direction:row;justify-content:center;flex-wrap:wrap}.theme-preview-btn.svelte-jztt4t{max-width:90px;flex-shrink:0}.page-logo.svelte-jztt4t{max-width:200px}}@media(max-width:480px){.create-page.svelte-jztt4t{padding:1rem .75rem;height:auto;min-height:100vh;overflow-y:auto}.page-header.svelte-jztt4t{margin-bottom:1rem}.page-logo.svelte-jztt4t{max-width:160px}.create-main.svelte-jztt4t{gap:1rem}.theme-column.svelte-jztt4t{gap:.75rem}.theme-preview-btn.svelte-jztt4t{max-width:70px;padding:.4rem}.form-column.svelte-jztt4t{width:100%}}