/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.container{width:100%}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color:#8f4c70;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:17px;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:linear-gradient(#fff,#fff3fa);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}#root,.appRoot{max-width:1080px;margin:0 auto}.appRoot{flex-direction:column;gap:10px;padding:16px;display:flex}.topBar{background:#fff;border:1px solid #ffd6e8;border-radius:18px;justify-content:space-between;padding:14px 16px}.navLeft,.topBar{align-items:center;display:flex}.navLeft{gap:12px}.menuBtn{color:#b3457f;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.brand{color:#b3457f;margin:0;font-size:1.35rem;font-weight:700}.creditBadge{color:#a2366f;background:#ffe8f3;border:1px solid #ffc7de;border-radius:999px;padding:7px 14px;font-size:1rem;font-weight:700}.menuOverlay{z-index:100;background:#0006;animation:fadeIn .2s ease-out;display:flex;position:fixed;inset:0}.sideMenu{background:#fff;flex-direction:column;width:280px;max-width:80vw;height:100%;padding:20px;animation:slideRight .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:4px 0 24px #b3457f26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.menuHeader{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.closeBtn{color:#b3457f;cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.menuLinks{flex-direction:column;gap:12px;display:flex}.menuLinks button{color:#8f4c70;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:12px 16px;font-size:1.15rem;font-weight:600;transition:background .2s}.menuLinks button:hover{background:#fff6fb}.menuLinks button.active{color:#a2366f;background:#ffe8f3}.languageToggle{border-top:1px solid #ffd6e8;margin-top:auto;padding-top:24px}.languageToggle .langLabel{color:#a56a87;margin-bottom:8px;font-size:.9rem;font-weight:600}.languageToggle .langRow{gap:8px;display:flex}.languageToggle button{color:#8f4c70;cursor:pointer;background:#fff;border:1px solid #ffd6e8;border-radius:8px;flex:1;padding:8px 12px;font-size:.95rem;font-weight:600;transition:all .2s}.languageToggle button.active{color:#a2366f;background:#ffe8f3;border-color:#ffc7de}main{text-align:left}.panel{background:#fff;border:1px solid #ffdbe9;border-radius:18px;padding:24px}.heroGallery{flex-direction:column;align-items:center;gap:24px;margin-bottom:36px;display:flex}.hiddenFileInput{display:none}.uploadArea{text-align:center;cursor:pointer;background:#fff6fb;border:2px dashed #ffc7de;border-radius:16px;width:100%;padding:32px 20px;transition:all .2s;display:block}.uploadArea:hover{background:#ffe8f3;border-color:#b3457f}.uploadContent{color:#a2366f;flex-direction:column;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;display:flex}.uploadContent svg{color:#ffcae1}.iconStack{width:100%;max-width:320px;height:200px;margin:0 auto;position:relative}.iconStack .webIcon{background:#fff;border:2px solid #ffd8ea;border-radius:12px;flex-direction:column;width:140px;height:160px;display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 24px #b3457f1f}.webIcon .mockHeader{background:#fff6fb;border-bottom:1px solid #ffd8ea;gap:4px;padding:8px;display:flex}.webIcon .mockHeader span{background:#ffcae1;border-radius:50%;width:8px;height:8px}.webIcon .mockBody{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.webIcon .mockImg{font-size:2.5rem}.webIcon .mockText{background:#ffe8f3;border-radius:4px;width:60%;height:8px}.iconStack .pic1{z-index:1;top:20px;left:0;transform:rotate(-10deg)}.iconStack .pic2{z-index:3;width:155px;height:180px;top:0;left:50%;transform:translate(-50%)rotate(2deg)}.iconStack .pic3{z-index:2;top:10px;right:0;transform:rotate(8deg)}.heroPanel{text-align:center;padding:40px 20px}.center{text-align:center;justify-content:center}h1,h2,h3{color:#a33f73;margin-top:0}h1{margin-bottom:10px;font-size:2.15rem}h2{margin-bottom:8px;font-size:1.6rem}h3{margin-bottom:6px;font-size:1.15rem}.lead{color:#9b5e7c;margin-bottom:14px;font-size:1.12rem}.grid{gap:10px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:600px){.grid.three{grid-template-columns:1fr}}.card{background:#fff9fd;border:1px solid #ffe0ed;border-radius:12px;padding:14px;font-size:1.02rem}.ctaRow{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.socialAuth{flex-direction:column;gap:24px;margin:32px 0;display:flex}.socialBtn{color:#8f4c70;background:#fff;border:1px solid #ffd6e8;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:1.15rem;font-weight:600;transition:background .2s;display:flex}.socialBtn:hover{background:#fff6fb}.divider{text-align:center;color:#a56a87;align-items:center;margin:16px 0;font-size:.95rem;display:flex}.divider:after,.divider:before{content:"";border-bottom:1px solid #ffd6e8;flex:1}.divider span{padding:0 12px}.formCard{gap:12px;display:grid}.formCard.long{gap:16px}fieldset,label{border:0;gap:8px;margin:0;padding:0;display:grid}input,select,textarea{box-sizing:border-box;color:#6b3e57;width:100%;font:inherit;background:#fff;border:1px solid #ffd4e8;border-radius:10px;padding:10px;font-size:1rem}textarea{resize:vertical}button{color:#7e2a56;cursor:pointer;background:#ffcae1;border:none;border-radius:10px;padding:10px 12px;font-size:1rem;font-weight:600}button.large{border-radius:14px;padding:14px 20px;font-size:1.15rem}button:disabled{opacity:.6;cursor:not-allowed}button.small{padding:6px 10px}.chipGroup,.switchRow{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#91506f;background:#fff;border:1px solid #ffd8ea;border-radius:999px;padding:6px 10px;font-size:.98rem}.chip.active{color:#a03d72;background:#ffe8f3;border-color:#ffbfdc}.promptBox{background:#fff8fc;border:1px dashed #ffc9e1;border-radius:12px;padding:12px}.promptBox pre{white-space:pre-wrap;color:#7d4863;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem}.stickySummary{background:#fff4fa;border:1px solid #ffd3e7;border-radius:12px;gap:12px;padding:16px;font-size:1rem;display:grid;position:sticky;bottom:8px}.costRow{justify-content:space-between;align-items:center;display:flex}.costRow strong{color:#a33f73;font-size:1.25rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat strong{color:#98396b;font-size:1.55rem}.historyList{gap:10px;display:grid}.historyItem a{color:#ac4a7b;word-break:break-all}small{color:#a56a87;font-size:.92rem}@media (max-width:760px){.appRoot{padding:12px}.topBar{flex-direction:column;align-items:flex-start;gap:8px}.grid.two,.stats{grid-template-columns:1fr}}.badge.discount{color:#fff;z-index:10;background:#ff4d4f;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #ff4d4f4d}.card.highlight{border:2px solid #b3457f;transform:scale(1.02)}p.price{color:#b3457f;margin:10px 0;font-size:1.5rem;font-weight:700}.modalOverlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;animation:fadeIn .2s ease-out;display:flex;position:fixed;inset:0}.modalContent{text-align:center;background:#fff;border:1px solid #ffe0ed;border-radius:20px;width:90%;max-width:400px;padding:24px;animation:slideUp .3s ease-out;box-shadow:0 10px 25px #ff69b433}.modalHeader{margin-bottom:16px}.modalIcon{margin-bottom:8px;font-size:40px;display:block}.modalContent h3{color:#d63384;margin:0;font-size:1.4rem}.modalContent p{color:#666;margin:16px 0 24px;line-height:1.5}.modalActions button{min-width:120px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.optionsGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:8px;display:grid}.optionsGrid button{color:#8f4c70;background:#fff;border:1px solid #ffd6e8;border-radius:10px;padding:8px;font-size:.9rem;transition:all .2s}.optionsGrid button.active{color:#a2366f;background:#ffe8f3;border-color:#b3457f;font-weight:700}.formFooter{border-top:1px solid #ffd6e8;margin-top:24px;padding-top:20px}.costInfo{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.costLabel{color:#8f4c70;font-size:1.1rem}.costLabel strong{color:#b3457f;font-size:1.4rem}.balanceLabel{color:#a56a87;background:#fff6fb;border:1px solid #ffd6e8;border-radius:20px;padding:4px 10px;font-size:.9rem}button.primary{color:#fff;background:#b3457f}button.primary:hover{background:#a2366f}button.ghost{color:#b3457f;background:0 0;border:1px solid #ffd6e8}button.fullWidth{width:100%}.loading{color:#b3457f;justify-content:center;align-items:center;height:100vh;font-weight:700;display:flex}.relative{position:relative}.badge{color:#fff;background:#ff4d4f;border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 10px #ff4d4f4d}.card.highlight{background:#fff0f7;border:2px solid #ffc7de}.price{color:#b3457f;margin:12px 0;font-size:1.5rem;font-weight:800}.historyItem{flex-direction:column;justify-content:space-between;display:flex}.imagePreviewContainer{background:#fff9fb;border:2px solid #f8c8dc;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex}.imagePreview{object-fit:contain;border-radius:8px;max-width:100%;max-height:200px;box-shadow:0 2px 8px #a33f731a}.imagePreviewInfo{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.imagePreviewName{color:#a56a87;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.removeImageBtn{color:#e57373;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e57373;border-radius:6px;padding:4px 12px;font-size:.8rem;transition:all .2s}.removeImageBtn:hover{color:#fff;background:#e57373}.successModal{border-top:4px solid #4caf50}.shareLinkBox{align-items:stretch;gap:8px;margin:16px 0;display:flex}.shareLinkInput{color:#555;background:#fdf6f9;border:1px solid #e0c8d8;border-radius:8px;outline:none;flex:1;min-width:0;padding:10px 14px;font-size:.8rem}.shareLinkInput:focus{border-color:#d4829c}.copyBtn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d4829c,#a33f73);border:none;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.copyBtn:hover{transform:scale(1.02);box-shadow:0 2px 8px #a33f734d}.modalActions{justify-content:center;gap:12px;display:flex}.costBadge{color:#fff;vertical-align:middle;background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:10px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.fieldDesc{color:#999;margin:0 0 12px;padding:0;font-size:.85rem}.loadingOverlay{z-index:9999}.loadingModal{text-align:center;max-width:320px;padding:40px 30px}.loadingAnimation{flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;display:flex}.heartBeat{animation:heartPulse 1.2s ease-in-out infinite}.heartPath{filter:drop-shadow(0 4px 12px #ff6b9d80)}@keyframes heartPulse{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.loadingDots{gap:8px;display:flex}.loadingDots span{background:linear-gradient(135deg,#ff6b9d,#c084fc);border-radius:50%;width:10px;height:10px;animation:dotBounce 1.4s ease-in-out infinite}.loadingDots span:nth-child(2){animation-delay:.2s}.loadingDots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.loadingTitle{color:#333;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff6b9d,#c084fc);-webkit-background-clip:text;margin-bottom:8px;font-size:1.2rem}.loadingSubtitle{color:#888;font-size:.9rem}.colorThemeGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;display:grid}@media (max-width:480px){.colorThemeGrid{grid-template-columns:repeat(2,1fr)}}.colorThemeBtn{cursor:pointer;background:#fff;border:2px solid #ffd6e8;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transition:all .2s;display:flex}.colorThemeBtn:hover{background:#fff6fb;border-color:#b3457f}.colorThemeBtn.active{background:#ffe8f3;border-color:#b3457f;box-shadow:0 2px 12px #b3457f26}.colorSwatches{align-items:center;gap:4px;display:flex}.colorSwatch{border:2px solid #fffc;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 4px #00000026}.customColorIcon{font-size:1.5rem;line-height:1}.colorThemeName{color:#8f4c70;text-align:center;font-size:.8rem;font-weight:600}.colorThemeBtn.active .colorThemeName{color:#a2366f}.customColorPickers{background:#fff9fd;border:1px solid #ffe0ed;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;padding:16px;display:grid}@media (max-width:480px){.customColorPickers{grid-template-columns:1fr}}.colorPickerField{flex-direction:column;align-items:center;gap:6px;display:flex}.colorPickerField label{color:#a56a87;font-size:.8rem;font-weight:600}.colorPickerField input[type=color]{cursor:pointer;background:0 0;border:2px solid #ffd6e8;border-radius:10px;width:48px;height:48px;padding:2px}.colorPickerField input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.colorPickerField input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.colorHex{color:#999;font-family:monospace;font-size:.7rem}.gradientCheckbox{cursor:pointer;background:#fff9fd;border:1px solid #ffe0ed;border-radius:10px;flex-direction:row;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;transition:all .2s;display:flex}.gradientCheckbox:hover{background:#ffe8f3}.gradientCheckbox input[type=checkbox]{accent-color:#b3457f;cursor:pointer;width:18px;height:18px}.gradientCheckbox span{color:#8f4c70;font-size:.95rem;font-weight:600}.subFieldset{background:#fff9fd;border-radius:12px;gap:14px;border:1px solid #ffe0ed!important;padding:16px!important}.subField,.subFieldset{flex-direction:column;display:flex}.subField{gap:6px}.subField label{color:#a56a87;font-size:.85rem;font-weight:600}.subField input,.subField textarea{background:#fff;border:1px solid #ffd4e8;border-radius:8px;padding:10px 12px;font-size:.95rem}.subField input:focus,.subField textarea:focus{border-color:#b3457f;outline:none;box-shadow:0 0 0 3px #b3457f1a}fieldset legend{color:#a33f73;margin-bottom:4px;font-size:1.05rem;font-weight:700}.welcomeOverlay{z-index:9999}.welcomeModal{text-align:center;max-width:400px;animation:welcomeBounce .5s ease-out}@keyframes welcomeBounce{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.welcomeIcon{margin-bottom:12px;font-size:3.5rem;animation:welcomeShake .6s ease-in-out .5s}@keyframes welcomeShake{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.welcomeTitle{color:#a33f73;margin:0 0 16px;font-size:1.4rem}.welcomeCreditsBox{background:linear-gradient(135deg,#fff0f5,#ffe0ec);border:2px solid #ffb6d5;border-radius:16px;flex-direction:column;align-items:center;gap:4px;max-width:200px;margin:0 auto 16px;padding:16px 24px;display:flex}.welcomeCreditsNum{color:#e91e63;font-size:2.5rem;font-weight:800;line-height:1}.welcomeCreditsLabel{color:#a56a87;font-size:.9rem;font-weight:500}.welcomeDesc{color:#a56a87;margin-bottom:20px;font-size:.95rem;line-height:1.6}.confirmModal{max-width:480px}.confirmSummary{background:#fffbfd;border:1px solid #f0d0e0;border-radius:12px;margin-bottom:20px;padding:12px 16px}.confirmRow{border-bottom:1px solid #fce4ec;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.confirmRow:last-child{border-bottom:none}.confirmRow.highlight{background:#fff0f5;border-bottom:none;border-radius:0 0 12px 12px;margin:4px -16px -12px;padding:12px 16px}.confirmLabel{color:#a56a87;white-space:nowrap;min-width:80px;font-size:.85rem}.confirmValue{color:#8f4c70;text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:.9rem;display:flex}.confirmColorSwatches{gap:3px;display:inline-flex}.miniSwatch{border:1px solid #0000001a;border-radius:50%;width:14px;height:14px;display:inline-block}.blessingPreview{word-break:break-word;max-width:200px;font-style:italic}.historyList{flex-direction:column;gap:12px;margin-top:16px;display:flex}.historyCard{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.historyCardTop{flex:1;min-width:0}.historyLabelRow{align-items:center;gap:8px;margin-bottom:4px;display:flex}.historyLabel{color:#a33f73;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.historyColorSwatches{flex-shrink:0;gap:3px;display:flex}.historyMeta{align-items:center;gap:12px;margin-bottom:4px;display:flex}.historyFestival{color:#fff;background:#e091b5;border-radius:8px;padding:2px 8px;font-size:.8rem;font-weight:500}.historyDate{color:#b88a9e;font-size:.8rem}.historyBlessing{color:#a56a87;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;line-height:1.4;overflow:hidden}.historyViewBtn{white-space:nowrap;flex-shrink:0}@media (max-width:480px){.historyCard{flex-direction:column;align-items:flex-start}.historyViewBtn{align-self:flex-end}.historyLabel{max-width:160px}}.historyActions{flex-shrink:0;align-items:center;gap:8px;display:flex}.editBtn{color:#8b4513;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ffecd2,#fcb69f);border:none;border-radius:20px;padding:6px 14px;font-size:.8rem;transition:all .2s}.editBtn:hover{transform:scale(1.05);box-shadow:0 2px 8px #fcb69f80}.editModal{max-width:500px}.editTextarea{resize:vertical;background:#fffbfd;border:2px solid #f0d0e0;border-radius:12px;width:100%;min-height:100px;margin-bottom:16px;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.editTextarea:focus{border-color:#ff6b9d;outline:none}.editPreviewModal{width:95vw;max-width:900px}.editPreviewCompare{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.previewPane{flex-direction:column;gap:8px;display:flex}.previewPane h4{text-align:center;color:#a56a87;background:#fff5f8;border-radius:8px;margin:0;padding:6px 0;font-size:.9rem}.previewFrame{background:#fff;border:2px solid #f0d0e0;border-radius:12px;height:400px;overflow:hidden}.previewFrame iframe{border:none;width:100%;height:100%}@media (max-width:600px){.editPreviewCompare{grid-template-columns:1fr}.previewFrame{height:300px}.editPreviewModal{max-width:95vw}.historyActions{flex-direction:column;align-items:stretch;gap:6px;width:100%}.historyCard{flex-direction:column;align-items:flex-start}}.heroTitle{color:#b3457f;letter-spacing:-.5px;margin:0;font-size:2.5rem;font-weight:800}.heroSub{color:#a56a87;margin:8px 0 24px;font-size:1.1rem}.badge.trial{background:linear-gradient(135deg,#36d1dc,#5b86e5);box-shadow:0 2px 8px #5b86e54d}.badge.popular,.badge.trial{color:#fff;z-index:10;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:-10px;right:-10px}.badge.popular{background:linear-gradient(135deg,#ff6b9d,#c44569);animation:pulse 2s infinite;box-shadow:0 2px 8px #c445694d}.emptyState{color:#a56a87;padding:40px 20px;font-size:1rem}.recipientPresets{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.recipientPresets button{color:#666;cursor:pointer;background:#fff;border:1px solid #f0d0e0;border-radius:20px;padding:6px 12px;font-size:.85rem;transition:all .2s}.recipientPresets button:hover{background:#fff0f5;border-color:#ff6b9d}.recipientPresets button.active{color:#fff;background:#ff6b9d;border-color:#ff6b9d}.customRecipientInput{background:#fffbfd;border:1px solid #f0d0e0;border-radius:10px;width:100%;padding:10px 14px;font-size:.95rem}.historyHintBar{color:#d63384;text-align:center;background:#fff0f5;border:1px dashed #ff6b9d;border-radius:12px;margin-bottom:24px;padding:12px 16px;font-size:.9rem}.introSection{text-align:center;opacity:0;justify-content:center;align-items:center;min-height:80vh;padding:60px 20px;transition:all .8s ease-out;display:flex;transform:translateY(50px)}.introSection.active{opacity:1;transform:translateY(0)}.introSection h2{color:#ff6b9d;margin-bottom:20px;font-size:2.5rem;font-weight:800}.introSection p{color:#666;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.introSection.last{background:linear-gradient(#fff,#fff0f5);min-height:60vh}@media (max-width:768px){.introSection h2{font-size:1.8rem}.introSection p{font-size:1rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}