💕 A Special Surprise

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_197":198,"_199":200},"routes/_app.x.$handle.$name",{"_102":101,"_38":50,"_111":92,"_33":58,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":31,"_125":126,"_127":64,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":31},"version",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","2c8f2695-ea0f-4673-aceb-1f27a9ead612","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":26,"_40":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":34,"_39":26,"_40":41},"deleted",false,"deletedHere","path","styles.css","latestPath","fileId","7a26e29e-8754-11f1-9990-1607ee4eb77e","name","fileType","content","/* ═══════════════════════════════════════════\n Romantic Dark / Rose-Gold Theme\n ═══════════════════════════════════════════ */\n\n:root {\n --bg: #0a0608;\n --bg-soft: #160d12;\n --rose: #b76e79;\n --rose-light: #e8b4b8;\n --rose-glow: #f5c8d0;\n --gold: #d4a574;\n --gold-soft: #e8c9a0;\n --text: #f5e6e6;\n --text-dim: #a08888;\n --error: #ff6b8a;\n --card-border: rgba(183, 110, 121, 0.25);\n --card-bg: rgba(22, 13, 18, 0.55);\n}\n\n/* ── Reset ── */\n*, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml, body {\n height: 100%;\n overflow: hidden;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n background: var(--bg);\n color: var(--text);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n position: relative;\n}\n\n/* ── Animated background gradient ── */\nbody::before {\n content: '';\n position: fixed;\n inset: 0;\n background:\n radial-gradient(ellipse at 20% 30%, rgba(183, 110, 121, 0.08), transparent 50%),\n radial-gradient(ellipse at 80% 70%, rgba(212, 165, 116, 0.06), transparent 50%),\n radial-gradient(ellipse at 50% 50%, rgba(22, 13, 18, 0.4), transparent 70%);\n z-index: 0;\n animation: bgPulse 8s ease-in-out infinite alternate;\n}\n\n@keyframes bgPulse {\n from { opacity: 0.7; }\n to { opacity: 1; }\n}\n\n/* ═══ Floating Hearts ═══ */\n#hearts-container {\n position: fixed;\n inset: 0;\n overflow: hidden;\n z-index: 1;\n pointer-events: none;\n}\n\n.heart-particle {\n position: absolute;\n bottom: -40px;\n color: var(--rose);\n font-size: 18px;\n opacity: 0;\n user-select: none;\n animation: floatUp linear forwards;\n text-shadow: 0 0 8px rgba(183, 110, 121, 0.3);\n}\n\n@keyframes floatUp {\n 0% {\n transform: translateY(0) translateX(0) rotate(0deg) scale(1);\n opacity: 0;\n }\n 10% { opacity: var(--peak-opacity, 0.6); }\n 90% { opacity: var(--peak-opacity, 0.6); }\n 100% {\n transform: translateY(-105vh) translateX(var(--drift, 30px)) rotate(360deg) scale(0.6);\n opacity: 0;\n }\n}\n\n/* ═══ Card ═══ */\n.card {\n position: relative;\n z-index: 10;\n width: 380px;\n max-width: 90vw;\n border-radius: 24px;\n border: 1px solid var(--card-border);\n background: var(--card-bg);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.5),\n 0 0 40px rgba(183, 110, 121, 0.08),\n inset 0 1px 0 rgba(245, 200, 208, 0.05);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n/* glow ring behind the card */\n.card-glow {\n position: absolute;\n inset: -2px;\n border-radius: 26px;\n background: linear-gradient(135deg, var(--rose), var(--gold), var(--rose));\n opacity: 0.12;\n filter: blur(20px);\n z-index: -1;\n animation: glowPulse 4s ease-in-out infinite alternate;\n}\n\n@keyframes glowPulse {\n from { opacity: 0.08; }\n to { opacity: 0.18; }\n}\n\n.card-inner {\n padding: 40px 32px 32px;\n}\n\n.card-icon {\n font-size: 48px;\n text-align: center;\n margin-bottom: 12px;\n animation: iconBounce 2s ease-in-out infinite;\n}\n\n@keyframes iconBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-6px); }\n}\n\n.card-title {\n text-align: center;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--rose-glow);\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n background: linear-gradient(135deg, var(--rose-light), var(--gold-soft));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.card-hint {\n text-align: center;\n font-size: 0.9rem;\n color: var(--text-dim);\n margin-bottom: 28px;\n line-height: 1.5;\n}\n\n/* ── Form ── */\n#password-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.input-wrap {\n position: relative;\n}\n\n.password-input {\n width: 100%;\n padding: 14px 18px;\n font-size: 1rem;\n color: var(--text);\n background: rgba(10, 6, 8, 0.6);\n border: 1.5px solid var(--card-border);\n border-radius: 14px;\n outline: none;\n transition: border-color 0.3s, box-shadow 0.3s;\n font-family: inherit;\n}\n\n.password-input::placeholder {\n color: var(--text-dim);\n opacity: 0.6;\n}\n\n.password-input:focus {\n border-color: var(--rose);\n box-shadow: 0 0 0 3px rgba(183, 110, 121, 0.12);\n}\n\n.submit-btn {\n padding: 14px 24px;\n font-size: 1.05rem;\n font-weight: 600;\n color: #1a0d10;\n background: linear-gradient(135deg, var(--rose-light), var(--gold));\n border: none;\n border-radius: 14px;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.3s, opacity 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n font-family: inherit;\n letter-spacing: 0.5px;\n}\n\n.submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(183, 110, 121, 0.3);\n}\n\n.submit-btn:active {\n transform: translateY(0);\n}\n\n.submit-btn:disabled {\n opacity: 0.6;\n cursor: wait;\n}\n\n.btn-heart {\n font-size: 1.1rem;\n}\n\n/* ── Error message ── */\n.error-msg {\n text-align: center;\n font-size: 0.85rem;\n color: var(--error);\n min-height: 1.2em;\n margin-top: 16px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.error-msg.show {\n opacity: 1;\n}\n\n/* ── Shake animation ── */\n@keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 10%, 30%, 50%, 70%, 90% { transform: translateX(-8px); }\n 20%, 40%, 60%, 80% { transform: translateX(8px); }\n}\n\n.shake {\n animation: shake 0.5s ease-in-out;\n}\n\n/* ═══ Surprise Section ═══ */\n.surprise {\n position: fixed;\n inset: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 1.2s ease;\n}\n\n.surprise.visible {\n opacity: 1;\n pointer-events: auto;\n}\n\n.surprise-glow {\n position: fixed;\n inset: 0;\n background: radial-gradient(circle at center, rgba(183, 110, 121, 0.12), transparent 60%);\n animation: bgPulse 4s ease-in-out infinite alternate;\n}\n\n.surprise-content {\n position: relative;\n z-index: 1;\n text-align: center;\n padding: 40px;\n max-width: 520px;\n}\n\n.surprise-emoji {\n font-size: 72px;\n margin-bottom: 16px;\n animation: iconBounce 2s ease-in-out infinite;\n}\n\n.surprise-title {\n font-size: 2.4rem;\n font-weight: 800;\n background: linear-gradient(135deg, var(--rose-glow), var(--gold), var(--rose-light));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.surprise-message {\n font-size: 1.15rem;\n color: var(--text);\n line-height: 1.8;\n margin-bottom: 16px;\n white-space: pre-line;\n}\n\n.surprise-signature {\n font-size: 0.95rem;\n color: var(--text-dim);\n font-style: italic;\n margin-bottom: 24px;\n}\n\n.surprise-hearts {\n font-size: 1.8rem;\n letter-spacing: 12px;\n animation: heartBeat 1.5s ease-in-out infinite;\n}\n\n@keyframes heartBeat {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.15); }\n}\n\n/* ═══ Visibility / fade transitions ═══ */\n.card.visible {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n}\n\n.card.hidden-fade {\n opacity: 0;\n transform: scale(0.92);\n pointer-events: none;\n}\n\n/* ── Responsive ── */\n@media (max-width: 420px) {\n .card-inner { padding: 32px 20px 24px; }\n .card-title { font-size: 1.35rem; }\n .surprise-title { font-size: 1.8rem; }\n .surprise-message { font-size: 1rem; }\n .surprise-emoji { font-size: 56px; }\n}\n","/* ═══════════════════════════════════════════\n Romantic Dark / Rose-Gold Theme\n ═══════════════════════════════════════════ */\n\n:root {\n --bg: #0a0608;\n --bg-soft: #160d12;\n --rose: #b76e79;\n --rose-light: #e8b4b8;\n --rose-glow: #f5c8d0;\n --gold: #d4a574;\n --gold-soft: #e8c9a0;\n --text: #f5e6e6;\n --text-dim: #a08888;\n --error: #ff6b8a;\n --card-border: rgba(183, 110, 121, 0.25);\n --card-bg: rgba(22, 13, 18, 0.55);\n}\n\n/* ── Reset ── */\n*, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml, body {\n height: 100%;\n overflow: hidden;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n background: var(--bg);\n color: var(--text);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n position: relative;\n}\n\n/* ── Animated background gradient ── */\nbody::before {\n content: '';\n position: fixed;\n inset: 0;\n background:\n radial-gradient(ellipse at 20% 30%, rgba(183, 110, 121, 0.08), transparent 50%),\n radial-gradient(ellipse at 80% 70%, rgba(212, 165, 116, 0.06), transparent 50%),\n radial-gradient(ellipse at 50% 50%, rgba(22, 13, 18, 0.4), transparent 70%);\n z-index: 0;\n animation: bgPulse 8s ease-in-out infinite alternate;\n}\n\n@keyframes bgPulse {\n from { opacity: 0.7; }\n to { opacity: 1; }\n}\n\n/* ═══ Floating Hearts ═══ */\n#hearts-container {\n position: fixed;\n inset: 0;\n overflow: hidden;\n z-index: 1;\n pointer-events: none;\n}\n\n.heart-particle {\n position: absolute;\n bottom: -40px;\n color: var(--rose);\n font-size: 18px;\n opacity: 0;\n user-select: none;\n animation: floatUp linear forwards;\n text-shadow: 0 0 8px rgba(183, 110, 121, 0.3);\n}\n\n@keyframes floatUp {\n 0% {\n transform: translateY(0) translateX(0) rotate(0deg) scale(1);\n opacity: 0;\n }\n 10% { opacity: var(--peak-opacity, 0.6); }\n 90% { opacity: var(--peak-opacity, 0.6); }\n 100% {\n transform: translateY(-105vh) translateX(var(--drift, 30px)) rotate(360deg) scale(0.6);\n opacity: 0;\n }\n}\n\n/* ═══ Card ═══ */\n.card {\n position: relative;\n z-index: 10;\n width: 380px;\n max-width: 90vw;\n border-radius: 24px;\n border: 1px solid var(--card-border);\n background: var(--card-bg);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.5),\n 0 0 40px rgba(183, 110, 121, 0.08),\n inset 0 1px 0 rgba(245, 200, 208, 0.05);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n/* glow ring behind the card */\n.card-glow {\n position: absolute;\n inset: -2px;\n border-radius: 26px;\n background: linear-gradient(135deg, var(--rose), var(--gold), var(--rose));\n opacity: 0.12;\n filter: blur(20px);\n z-index: -1;\n animation: glowPulse 4s ease-in-out infinite alternate;\n}\n\n@keyframes glowPulse {\n from { opacity: 0.08; }\n to { opacity: 0.18; }\n}\n\n.card-inner {\n padding: 40px 32px 32px;\n}\n\n.card-icon {\n font-size: 48px;\n text-align: center;\n margin-bottom: 12px;\n animation: iconBounce 2s ease-in-out infinite;\n}\n\n@keyframes iconBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-6px); }\n}\n\n.card-title {\n text-align: center;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--rose-glow);\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n background: linear-gradient(135deg, var(--rose-light), var(--gold-soft));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.card-hint {\n text-align: center;\n font-size: 0.9rem;\n color: var(--text-dim);\n margin-bottom: 28px;\n line-height: 1.5;\n}\n\n/* ── Form ── */\n#password-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.input-wrap {\n position: relative;\n}\n\n.password-input {\n width: 100%;\n padding: 14px 18px;\n font-size: 1rem;\n color: var(--text);\n background: rgba(10, 6, 8, 0.6);\n border: 1.5px solid var(--card-border);\n border-radius: 14px;\n outline: none;\n transition: border-color 0.3s, box-shadow 0.3s;\n font-family: inherit;\n}\n\n.password-input::placeholder {\n color: var(--text-dim);\n opacity: 0.6;\n}\n\n.password-input:focus {\n border-color: var(--rose);\n box-shadow: 0 0 0 3px rgba(183, 110, 121, 0.12);\n}\n\n.submit-btn {\n padding: 14px 24px;\n font-size: 1.05rem;\n font-weight: 600;\n color: #1a0d10;\n background: linear-gradient(135deg, var(--rose-light), var(--gold));\n border: none;\n border-radius: 14px;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.3s, opacity 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n font-family: inherit;\n letter-spacing: 0.5px;\n}\n\n.submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(183, 110, 121, 0.3);\n}\n\n.submit-btn:active {\n transform: translateY(0);\n}\n\n.submit-btn:disabled {\n opacity: 0.6;\n cursor: wait;\n}\n\n.btn-heart {\n font-size: 1.1rem;\n}\n\n/* ── Error message ── */\n.error-msg {\n text-align: center;\n font-size: 0.85rem;\n color: var(--error);\n min-height: 1.2em;\n margin-top: 16px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.error-msg.show {\n opacity: 1;\n}\n\n/* ── Error message pop-in ── */\n.error-msg.pop {\n animation: errorPop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n@keyframes errorPop {\n 0% { transform: scale(0.7) translateY(4px); opacity: 0; }\n 60% { transform: scale(1.08) translateY(-2px); opacity: 1; }\n 100% { transform: scale(1) translateY(0); opacity: 1; }\n}\n\n/* ── Card icon wrong flash ── */\n.card-icon.wrong {\n animation: iconShake 0.5s ease-in-out;\n}\n\n@keyframes iconShake {\n 0%, 100% { transform: scale(1) rotate(0); }\n 20% { transform: scale(1.3) rotate(-12deg); }\n 40% { transform: scale(1.15) rotate(12deg); }\n 60% { transform: scale(1.25) rotate(-8deg); }\n 80% { transform: scale(1.1) rotate(8deg); }\n}\n\n/* ── Red flash glow on the card ── */\n.card.flash {\n border-color: var(--error);\n box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.5),\n 0 0 60px rgba(255, 107, 138, 0.3),\n inset 0 1px 0 rgba(245, 200, 208, 0.05);\n}\n\n/* ── Enhanced shake (translate + rotate + scale) ── */\n@keyframes shake {\n 0% { transform: translateX(0) rotate(0); }\n 10% { transform: translateX(-10px) rotate(-1.5deg); }\n 20% { transform: translateX(10px) rotate(1.5deg); }\n 30% { transform: translateX(-8px) rotate(-1deg); }\n 40% { transform: translateX(8px) rotate(1deg); }\n 50% { transform: translateX(-6px) rotate(-0.5deg) scale(1.01); }\n 60% { transform: translateX(6px) rotate(0.5deg); }\n 70% { transform: translateX(-4px) rotate(0); }\n 80% { transform: translateX(4px) rotate(0); }\n 90% { transform: translateX(-2px) rotate(0); }\n 100% { transform: translateX(0) rotate(0); }\n}\n\n.shake {\n animation: shake 0.55s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n\n/* ═══ Surprise Section ═══ */\n.surprise {\n position: fixed;\n inset: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 1.2s ease;\n}\n\n.surprise.visible {\n opacity: 1;\n pointer-events: auto;\n}\n\n.surprise-glow {\n position: fixed;\n inset: 0;\n background: radial-gradient(circle at center, rgba(183, 110, 121, 0.12), transparent 60%);\n animation: bgPulse 4s ease-in-out infinite alternate;\n}\n\n.surprise-content {\n position: relative;\n z-index: 1;\n text-align: center;\n padding: 40px;\n max-width: 520px;\n}\n\n.surprise-emoji {\n font-size: 72px;\n margin-bottom: 16px;\n animation: iconBounce 2s ease-in-out infinite;\n}\n\n.surprise-title {\n font-size: 2.4rem;\n font-weight: 800;\n background: linear-gradient(135deg, var(--rose-glow), var(--gold), var(--rose-light));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.surprise-message {\n font-size: 1.15rem;\n color: var(--text);\n line-height: 1.8;\n margin-bottom: 16px;\n white-space: pre-line;\n}\n\n.surprise-signature {\n font-size: 0.95rem;\n color: var(--text-dim);\n font-style: italic;\n margin-bottom: 24px;\n}\n\n.surprise-hearts {\n font-size: 1.8rem;\n letter-spacing: 12px;\n animation: heartBeat 1.5s ease-in-out infinite;\n}\n\n@keyframes heartBeat {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.15); }\n}\n\n/* ═══ Visibility / fade transitions ═══ */\n.card.visible {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n}\n\n.card.hidden-fade {\n opacity: 0;\n transform: scale(0.92);\n pointer-events: none;\n}\n\n/* ── Responsive ── */\n@media (max-width: 420px) {\n .card-inner { padding: 32px 20px 24px; }\n .card-title { font-size: 1.35rem; }\n .surprise-title { font-size: 1.8rem; }\n .surprise-message { font-size: 1rem; }\n .surprise-emoji { font-size: 56px; }\n}\n","createdAt",["D",1784893416944],"branchVersion","branchId","867cbce0-2056-4d18-a9fd-cdd84505abea","id","c3bad5cd-4e8d-4706-bb77-02ab1201ebb0","Birth-day",["D",1784893115398],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","044a2eec-d398-4ddc-9c67-e1903c2df3eb","pinnedFileId","3494725a-8754-11f1-9b84-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f93ea-c911-730a-9200-77d80354d647","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_110":106},"org",{"_102":101,"_103":104,"_105":106,"_19":60,"_107":108,"_109":31},"branch",{"_13":91,"_38":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"isOwned",9,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Aasikha","handle","displayName","PUBG ESPORT REELS","avatar","https://lh3.googleusercontent.com/a/ACg8ocKzpiK8yFXHEGWjIRUbb6tnv7Cecreb83VgScPP0NJk-hm-AQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_48":49,"_38":50,"_43":193,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":194,"_86":195,"_88":196,"_90":31},"tree",[176,177,178,179],"files",[176,177,178,179],"counts",{"_166":68,"_167":140,"_168":68,"_169":170,"_171":172},"contents",[132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":158,"_38":159,"_36":160,"_137":-5,"_46":47,"_45":161,"_138":31,"_43":162,"_13":140,"_39":163,"_40":164,"_30":31,"_141":-5,"_33":165},{"_48":151,"_38":152,"_36":153,"_137":-5,"_46":47,"_45":154,"_138":64,"_43":155,"_13":68,"_39":26,"_40":156,"_30":31,"_141":-5,"_33":157},{"_48":143,"_38":144,"_36":62,"_137":-5,"_46":47,"_45":145,"_138":64,"_43":146,"_13":147,"_39":148,"_40":149,"_30":31,"_141":-5,"_33":150},{"_48":136,"_38":34,"_36":37,"_137":-5,"_46":47,"_45":14,"_138":64,"_43":139,"_13":140,"_39":26,"_40":42,"_30":31,"_141":-5,"_33":142},"a1506ce1-5514-4c21-ba78-fb46f4eb66f5","parentId","latest",["D",1784893416944],1,"label",[34],"a47bf386-8c5a-4bc4-b7d9-bceee58e5968","main.ts",6,["D",1784893242061],2,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default staticHTTPServer();\n",[144],"05adf588-a93e-45c5-ab74-408c82afd089","index.html","7a37813a-8754-11f1-bfc9-1607ee4eb77e",5,["D",1784893232076],"\n\n\n \n \n 💕 A Special Surprise\n \n \n\n\n \n

\n\n \n \n\n \n

🎂

💕 🎉 💕

\n\n \n\n\n",[152],"26cbf171-820f-4969-9233-d1a8ca4533f3","app.js","7a2dac3c-8754-11f1-90aa-1607ee4eb77e",7,["D",1784893402201],"script","// ═══════════════════════════════════════════\n// CONFIG — change everything here 💕\n// ═══════════════════════════════════════════\nconst CONFIG = {\n password: \"love2026\",\n hint: \"It's a four-letter word that means everything… plus a year 💫\",\n title: \"Happy Birthday, Beautiful! 🎂\",\n message:\n \"Every day with you feels like a celebration,\\n\" +\n \"but today the whole world should celebrate you.\\n\" +\n \"You make my heart skip, my days brighter,\\n\" +\n \"and my life infinitely sweeter. 🌹\",\n signature: \"— Forever yours 💕\",\n};\n\n// ═══════════════════════════════════════════\n// Playful error messages — escalate with tries\n// ═══════════════════════════════════════════\nconst ERROR_TIERS = [\n // ── Tier 0: 1st–2nd wrong attempt (gentle teasing) ──\n [\n \"Nope! That's not it 😜\",\n \"Wrong! Try again, love 🥰\",\n \"Hmm, that's not the magic word 💭\",\n \"Not quite! Think rose-colored thoughts 🌹\",\n \"Oops! Close… but no 💗\",\n ],\n // ── Tier 1: 3rd–5th wrong attempt (sassy) ──\n [\n \"Almost! …just kidding, not even close 😏\",\n \"Access denied! But you're still cute 💁\",\n \"Wrong password! Did you forget already? 💔\",\n \"No no no! That's not it 🙈\",\n \"Are you even trying? 💀\",\n \"My heart is locked, darling 🔒💕\",\n \"Wrong! But I admire your confidence 😂\",\n ],\n // ── Tier 2: 6th+ wrong attempt (dramatic desperation) ──\n [\n \"Okay NOW you're just guessing 😩\",\n \"I'm starting to think you don't know it 🥲\",\n \"Please… my patience is thinner than rose petals 🥀\",\n \"Wrong AGAIN?! The audacity 😤💕\",\n \"Even Cupid's aim is better than yours 🏹💫\",\n \"Last warning, love… or I'll cry 😭\",\n \"You're breaking my heart one typo at a time 💔💔\",\n \"I can do this all day. Can you? 😎💕\",\n \"Spoiler: the password is NOT this 😜\",\n ],\n];\n\nlet failedAttempts = 0;\nlet lastMsgIndex = -1;\n\nfunction pickMessage() {\n const tier =\n failedAttempts >= 6\n ? ERROR_TIERS[2]\n : failedAttempts >= 3\n ? ERROR_TIERS[1]\n : ERROR_TIERS[0];\n\n // avoid repeating the same message twice in a row\n let idx;\n do {\n idx = Math.floor(Math.random() * tier.length);\n } while (idx === lastMsgIndex && tier.length > 1);\n lastMsgIndex = idx;\n return tier[idx];\n}\n\n// ═══════════════════════════════════════════\n// Floating Hearts Background\n// ═══════════════════════════════════════════\nconst HEART_SYMBOLS = [\"💕\", \"♥\", \"💖\", \"💗\", \"❤\", \"🩷\"];\nconst heartsContainer = document.getElementById(\"hearts-container\");\n\nfunction spawnHeart() {\n const heart = document.createElement(\"span\");\n heart.className = \"heart-particle\";\n heart.textContent = HEART_SYMBOLS[Math.floor(Math.random() * HEART_SYMBOLS.length)];\n\n const size = 12 + Math.random() * 22; // 12px – 34px\n const duration = 7 + Math.random() * 10; // 7s – 17s\n const drift = (Math.random() - 0.5) * 120; // -60px to +60px\n const peakOpacity = 0.25 + Math.random() * 0.45;// 0.25 – 0.7\n const startX = Math.random() * 100; // 0% – 100%\n\n heart.style.left = startX + \"vw\";\n heart.style.fontSize = size + \"px\";\n heart.style.animationDuration = duration + \"s\";\n heart.style.setProperty(\"--drift\", drift + \"px\");\n heart.style.setProperty(\"--peak-opacity\", peakOpacity);\n\n // random rose-gold tint\n const tints = [\"#b76e79\", \"#e8b4b8\", \"#d4a574\", \"#f5c8d0\"];\n heart.style.color = tints[Math.floor(Math.random() * tints.length)];\n\n heartsContainer.appendChild(heart);\n setTimeout(() => heart.remove(), duration * 1000);\n}\n\n// spawn hearts continuously\nconst HEART_INTERVAL = 350; // ms between spawns\nsetInterval(spawnHeart, HEART_INTERVAL);\n// pre-fill a few so the page isn't empty on load\nfor (let i = 0; i < 8; i++) {\n setTimeout(spawnHeart, i * 200);\n}\n\n// ═══════════════════════════════════════════\n// Password Logic\n// ═══════════════════════════════════════════\nconst form = document.getElementById(\"password-form\");\nconst input = document.getElementById(\"password-input\");\nconst errorMsg = document.getElementById(\"error-msg\");\nconst loginCard = document.getElementById(\"login-card\");\nconst surprise = document.getElementById(\"surprise\");\n\n// Populate customizable text\ndocument.getElementById(\"hint-text\").textContent = CONFIG.hint;\ndocument.getElementById(\"surprise-title\").textContent = CONFIG.title;\ndocument.getElementById(\"surprise-text\").textContent = CONFIG.message;\ndocument.getElementById(\"surprise-signature\").textContent = CONFIG.signature;\n\nlet errorTimer = null;\n\nfunction showError() {\n const msg = ERROR_MESSAGES[Math.floor(Math.random() * ERROR_MESSAGES.length)];\n errorMsg.textContent = msg;\n errorMsg.classList.add(\"show\");\n\n // shake the card\n loginCard.classList.remove(\"shake\");\n void loginCard.offsetWidth; // force reflow to restart animation\n loginCard.classList.add(\"shake\");\n\n // clear the timer so the message stays visible\n if (errorTimer) clearTimeout(errorTimer);\n errorTimer = setTimeout(() => {\n errorMsg.classList.remove(\"show\");\n }, 3000);\n}\n\nfunction onSuccess() {\n // fade out login card\n loginCard.classList.remove(\"visible\");\n loginCard.classList.add(\"hidden-fade\");\n\n // after the fade, hide it completely and show surprise\n setTimeout(() => {\n loginCard.style.display = \"none\";\n surprise.classList.add(\"visible\");\n }, 600);\n}\n\nform.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n const value = input.value.trim();\n\n if (value === \"\") return;\n\n if (value === CONFIG.password) {\n onSuccess();\n } else {\n // clear input on wrong password\n input.value = \"\";\n input.focus();\n showError();\n }\n});\n\n// auto-focus the input on load\ninput.focus();\n",[159],"pulls","branches","forks","envVars",{"_173":68,"_175":68},"connections",{"_173":68,"_174":68},"count","unfilledCount","emptyCount",{"_48":158,"_38":159,"_36":160,"_137":-5,"_46":47,"_45":161,"_138":31,"_43":190,"_13":140,"_39":163,"_40":164,"_30":31,"_141":-5,"_181":191,"_33":192},{"_48":151,"_38":152,"_36":153,"_137":-5,"_46":47,"_45":154,"_138":64,"_43":187,"_13":68,"_39":26,"_40":156,"_30":31,"_141":-5,"_181":188,"_33":189},{"_48":143,"_38":144,"_36":62,"_137":-5,"_46":47,"_45":145,"_138":64,"_43":184,"_13":147,"_39":148,"_40":149,"_30":31,"_141":-5,"_181":185,"_33":186},{"_48":136,"_38":34,"_36":37,"_137":-5,"_46":47,"_45":14,"_138":64,"_43":180,"_13":140,"_39":26,"_40":42,"_30":31,"_141":-5,"_181":182,"_33":183},["D",1784893416944],"children",[],[34],["D",1784893242061],[],[144],["D",1784893232076],[],[152],["D",1784893402201],[],[159],["D",1784893115398],{"_102":101,"_110":106},{"_102":101,"_103":104,"_105":106,"_19":60,"_107":108,"_109":31},{"_13":91,"_38":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"ctx",{"_84":-5,"_129":230,"_231":232,"_233":234,"_235":31,"_236":31,"_237":31,"_238":64,"_239":-5,"_240":-7,"_241":-7,"_242":68,"_243":31,"_244":31,"_245":-5,"_246":31,"_247":31,"_248":31,"_249":-5},"ENV",{"_201":202,"_203":204,"_205":92,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

A Little Secret

Diff · v8