:root{--bg:#050816;--bg-soft:#0f172ae6;--bg-card:#0f172af2;--border-subtle:#94a3b859;--text:#e5e7eb;--text-muted:#9ca3af;--accent-rose:#fb7185;--accent-rose-soft:#fb71851f;--accent-midnight:#38bdf8;--accent-midnight-soft:#38bdf81f;--accent-sunset:#f97316;--accent-sunset-soft:#f973161f;--radius-lg:24px;--radius-md:14px;--shadow-soft:0 24px 60px #0f172ae6, 0 0 0 1px #94a3b82e;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 0 0,#fb718540,#0000 55%),radial-gradient(circle at 100% 0,#38bdf82e,#0000 60%),radial-gradient(circle at bottom,#f9731633,#0000 55%),#020617;margin:0}#app{max-width:1040px;margin:0 auto;padding:32px 20px 40px}@media (width>=768px){#app{padding-top:56px}}h1,h2,h3{margin:0;font-weight:600}h1{letter-spacing:-.04em;font-size:clamp(2.15rem,3vw,2.8rem)}h2{font-size:1.35rem}p{margin:0}.app{flex-direction:column;gap:24px;display:flex}.app-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.header-main{align-items:center;gap:14px;display:flex}.header-avatars{width:52px;height:40px;position:relative}.avatar{object-fit:cover;border:2px solid #0f172af2;border-radius:999px;width:36px;height:36px;position:absolute;box-shadow:0 10px 30px #0f172ae6}.avatar--left{top:4px;left:0}.avatar--right{bottom:4px;right:0}.subtitle{color:var(--text-muted);margin-top:6px;font-size:.95rem}.app-nav{gap:8px;display:flex}button{color:var(--text);cursor:pointer;background:#0f172ae6;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.9rem;transition:background .2s,border-color .2s,transform .1s,box-shadow .15s;display:inline-flex}button:hover{background:#0f172a;border-color:#94a3b88c;transform:translateY(-1px);box-shadow:0 14px 40px #0f172ae6}button:active{box-shadow:none;transform:translateY(0)}button:focus-visible{outline-offset:2px;outline:2px solid #fb7185cc}.primary-button{background:linear-gradient(135deg, var(--accent-rose), #f97316);color:#fff;border-color:#0000;padding-inline:18px;box-shadow:0 18px 40px #f87171b3,0 0 0 1px #fb718566}.primary-button:hover{filter:brightness(1.05)}.primary-button--ghost{box-shadow:none;color:var(--accent-rose);background:0 0;border-color:#fb718599}.danger-button{color:#fecaca;background:#1e40af66;border-color:#f8717199}.danger-button:hover{background:#b91c1ce6}.app--theme-rose .card--primary{border-color:#fb718566;box-shadow:0 22px 70px #f8717166,0 0 0 1px #f8717159}.app--theme-midnight .card--primary{border-color:#38bdf873;box-shadow:0 22px 70px #38bdf84d,0 0 0 1px #38bdf859}.app--theme-sunset .card--primary{border-color:#f9731673;box-shadow:0 22px 70px #f9731666,0 0 0 1px #f9731659}.card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#0f172afa,#0f172af5);padding:22px 20px 20px}@media (width>=768px){.card{padding:24px 24px 22px}}.card--centered{max-width:640px;margin-inline:auto}.card--primary,.card--celebrate{position:relative;overflow:hidden}.layout-grid{grid-template-columns:minmax(0,1.5fr);gap:18px;display:grid}@media (width>=900px){.layout-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr)}}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);font-size:.7rem}.muted{color:var(--text-muted);font-size:.9rem}.big-message{font-size:1.2rem;line-height:1.6}.counter-root{flex-direction:column;gap:10px;display:flex}.counter-main{font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:600}.counter-main span{font-variant-numeric:tabular-nums}.counter-sub{color:var(--text-muted);margin-top:4px;font-size:.95rem}.milestone-root{flex-direction:column;gap:16px;display:flex}.milestone-next{border-radius:var(--radius-md);background:radial-gradient(circle at 0 0,#f871712e,#0000 60%),#0f172af2;border:1px solid #f8717166;padding:14px}.next-title{margin-top:4px;font-size:1.1rem;font-weight:500}.milestone-columns{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (width>=768px){.milestone-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.milestone-list{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.milestone-list li button{background:#0f172ae6;justify-content:space-between;width:100%}.milestone-list li span:first-of-type{font-size:.95rem}.prompt-card{border-bottom:1px solid #94a3b840;flex-direction:column;gap:12px;margin-bottom:4px;padding-bottom:16px;display:flex}.prompt-card .eyebrow{margin-bottom:0}.prompt-text{color:var(--text);margin:0;font-size:1.05rem;line-height:1.5}.prompt-answers{flex-direction:column;gap:12px;margin-top:4px;display:flex}.prompt-answer-field{flex-direction:column;gap:6px;display:flex}.prompt-answer-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.prompt-textarea{border-radius:var(--radius-md);width:100%;color:var(--text);font:inherit;resize:vertical;background:#0f172af5;border:1px solid #94a3b880;min-height:56px;padding:8px 12px;font-size:.95rem}.prompt-textarea::placeholder{color:var(--text-muted)}.prompt-textarea:focus{border-color:#fb718599;outline:none;box-shadow:0 0 0 2px #fb718533}.secret-message-divider{border-top:1px dashed #94a3b866;margin:16px 0 12px}.secret-message{flex-direction:column;gap:8px;margin-top:4px;display:flex}.secret-form-author,.secret-form-author .eyebrow{margin-bottom:4px}.secret-form{flex-direction:column;gap:6px;margin-top:4px;display:flex}.secret-form input[type=text],.secret-form textarea{color:var(--text);font:inherit;resize:vertical;background:#0f172af5;border:1px solid #94a3b880;border-radius:14px;padding:7px 10px}.secret-form textarea{min-height:60px}.secret-locked-card{border-radius:var(--radius-md);background:#0f172afa;border:1px solid #fb718566;flex-direction:column;align-items:flex-start;gap:4px;margin-top:12px;padding:12px 14px;display:flex}.secret-locked-icon{font-size:1.2rem}.secret-locked-title{font-size:.95rem;font-weight:600}.secret-locked-date{font-size:.85rem}.sealed-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.sealed-list-ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sealed-item{border-radius:var(--radius-md);background:#0f172af2;border:1px solid #94a3b859;align-items:center;gap:10px;padding:8px 10px;display:flex}.sealed-icon{flex-shrink:0;font-size:1rem}.sealed-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sealed-for{font-size:.9rem;font-weight:500}.sealed-date{font-size:.8rem}.locked-hint{border-radius:var(--radius-md);background:#0f172af2;border:1px dashed #fb718580;align-items:flex-start;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.locked-hint-icon{flex-shrink:0;font-size:1.1rem}.locked-hint .muted{margin:0}.form{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (width>=640px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-row--avatars{gap:14px}.avatar-field{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.9rem;display:flex}.avatar-field-label{display:block}.avatar-field-row{align-items:flex-start;gap:12px;display:flex}.avatar-field-preview{background:#0f172ae6;border:2px solid #94a3b866;border-radius:999px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.avatar-field-preview img{object-fit:cover;width:100%;height:100%}.avatar-field-inputs{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.avatar-field-url{width:100%;color:var(--text);font:inherit;background:#0f172af5;border:1px solid #94a3b880;border-radius:999px;padding:8px 12px;font-size:.9rem}.avatar-field-upload{color:var(--accent-rose);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:inline-flex;position:relative}.avatar-field-upload:hover{text-decoration:underline}.avatar-field-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input[type=text],input[type=date],input[type=url]{color:var(--text);font:inherit;background:#0f172af5;border:1px solid #94a3b880;border-radius:999px;padding:8px 12px}input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #fb7185e6}.form-fieldset{border-radius:var(--radius-md);border:1px dashed #94a3b880;padding:10px 10px 12px}.form-fieldset legend{color:var(--text-muted);padding:0 6px;font-size:.8rem}.pill-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.pill{background:#0f172ae6;border-radius:999px;padding-inline:10px;font-size:.8rem}.pill--active{background:linear-gradient(135deg,#fb718533,#38bdf82e);border-color:#f87171cc}.button-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.file-input{position:relative;overflow:hidden}.file-input input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.divider{border:none;border-top:1px solid #94a3b866;margin:18px 0 14px}.settings-section{flex-direction:column;gap:8px;display:flex}.settings-section .eyebrow{margin-bottom:0}.settings-section .muted{margin:0}.settings-section .button-row{margin-top:4px}.share-section{flex-direction:column;gap:8px;display:flex}.share-section .eyebrow{margin-bottom:0}.share-section .muted{margin:0}.error{color:#fecaca;margin-top:2px;font-size:.85rem}.memory-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.memory-item{background:#0f172af2;border:1px solid #94a3b866;border-radius:16px;padding:10px 12px}.memory-from{margin:0 0 4px;font-size:.85rem}.memory-photo{border-radius:14px;max-width:100%;margin-top:8px;display:block}.confetti{pointer-events:none;opacity:.9;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 20%,#f871714d,#0000 60%),radial-gradient(circle at 80% 10%,#38bdf859,#0000 65%),radial-gradient(circle at 30% 80%,#f9731659,#0000 60%);position:absolute;inset:-60px}