:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#0b0620;--bg-mid:#1a0f3d;--accent:#a78bfa;--accent-strong:#c4b5fd;--accent-soft:#a78bfa59;--mine:#60a5fa;--mine-soft:#60a5fa59;--theirs:#f472b6;--theirs-soft:#f472b659;--both:#34d399;--both-soft:#34d39959;--holiday:#f59e0b;--holiday-soft:#f59e0b59;--text-primary:#fffffff2;--text-secondary:#ffffffa6;--text-faint:#fff6;--glass-bg:#ffffff14;--glass-border:#ffffff29;--glass-highlight:#ffffff40;--glass-shadow:#00000059;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;overflow:hidden}html,body{width:100%;max-width:100vw;position:fixed;inset:0}body{color:var(--text-primary);background:radial-gradient(circle at 20% 0%, #a78bfa59, transparent 55%), radial-gradient(circle at 85% 15%, #f472b638, transparent 50%), radial-gradient(circle at 50% 100%, #34d3991f, transparent 45%), linear-gradient(180deg, var(--bg-deep), var(--bg-mid));-webkit-tap-highlight-color:transparent;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px)saturate(160%);box-shadow:0 8px 32px var(--glass-shadow), inset 0 1px 0 var(--glass-highlight)}button{font-family:inherit}a{color:inherit}::-webkit-scrollbar{width:0;height:0}.liquid-nav{left:50%;bottom:calc(16px + var(--safe-bottom));z-index:50;gap:4px;max-width:calc(100vw - 24px);padding:8px;display:flex;position:fixed;transform:translate(-50%)}.liquid-item{border-radius:var(--radius-sm);width:56px;height:52px;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .3s,background .45s cubic-bezier(.34,1.2,.4,1);display:flex;position:relative}.liquid-item .liquid-label{letter-spacing:.2px;opacity:0;white-space:nowrap;font-size:9px;font-weight:600;transition:opacity .3s,transform .4s cubic-bezier(.34,1.2,.4,1);transform:translateY(6px)}.liquid-item .liquid-icon{transition:transform .4s cubic-bezier(.34,1.2,.4,1);display:flex}.liquid-item.active{color:var(--text-primary);background:linear-gradient(135deg, var(--accent-soft), #ffffff0d);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 4px 16px #a78bfa40}.liquid-item.active .liquid-icon{transform:translateY(-8px)scale(1.05)}.liquid-item.active .liquid-label{opacity:1;transform:translateY(2px)}.centered-screen{-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;height:100%;padding:24px;display:flex;overflow-y:auto}.auth-card{text-align:center;width:100%;max-width:360px;padding:36px 28px}.auth-card h1{margin:0 0 12px;font-size:1.6rem}.auth-card p{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.primary-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:linear-gradient(135deg, var(--accent), #7c3aed);color:#fff;cursor:pointer;width:100%;margin-bottom:16px;padding:14px 20px;font-size:1rem;font-weight:600;box-shadow:0 8px 24px #7c3aed66}.primary-btn:disabled{opacity:.6;cursor:default}.error-text{color:#fca5a5;margin-top:16px;font-size:.9rem}.app-shell{max-width:480px;padding:calc(20px + var(--safe-top)) 18px 120px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100%;margin:0 auto;overflow-y:auto}.page-title{margin:4px 0 20px;font-size:1.6rem;font-weight:700}.card{margin-bottom:16px;padding:22px}.counter-card{text-align:center;margin-bottom:16px;padding:28px 20px}.counter-card .counter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.85rem}.counter-card .counter-value{background:linear-gradient(135deg, var(--accent-strong), var(--theirs));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.1rem;font-weight:700}.mood-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mood-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffff0d;align-items:center;gap:10px;padding:14px;font-size:.9rem;font-weight:500;transition:transform .15s,background .15s;display:flex}.mood-btn:active{background:var(--accent-soft);transform:scale(.96)}.mood-emoji{font-size:1.3rem}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:24px 0 10px;font-size:.8rem}.note-input-row{gap:8px;display:flex}.note-input-row input{border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0f;flex:1;padding:12px 14px;font-size:.95rem}.note-input-row input::placeholder{color:var(--text-faint)}.note-input-row button{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:0 18px;font-weight:600}.ping-toast{top:calc(16px + var(--safe-top));z-index:60;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:14px 20px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:100;-webkit-overflow-scrolling:touch;background:#00000080;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-backdrop .glass{width:100%;max-width:360px;margin:auto 0;padding:28px}.modal-backdrop input{border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff0f;margin:16px 0;padding:12px 14px;font-size:1rem}.legend-row{color:var(--text-secondary);align-items:center;gap:10px;padding:4px 0;font-size:.9rem;display:flex}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.dot.mine,.event-row.mine,.shift-pill.mine{background:var(--mine)}.dot.theirs,.event-row.theirs,.shift-pill.theirs{background:var(--theirs)}.dot.both,.event-row.both{background:var(--both)}.dot.holiday,.event-row.holiday{background:var(--holiday)}.event-row{border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.event-row.mine{border-left-color:var(--mine)}.event-row.theirs{border-left-color:var(--theirs)}.event-row.both{border-left-color:var(--both)}.event-row.holiday{border-left-color:var(--holiday)}.event-dates{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.countdown-badge{background:var(--both-soft);color:var(--both);border-radius:999px;margin-top:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.icon-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:6px;font-size:1rem}.shift-row{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.shift-day{width:32px;color:var(--text-secondary);font-size:.85rem;font-weight:600}.shift-pill{color:#04101a;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600}.wizard{width:100%;max-width:400px;margin:auto 0;padding:26px}.wizard input,.wizard select{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%;min-width:0;max-width:100%;color:var(--text-primary);background:#ffffff0f;margin-bottom:12px;padding:12px 14px;font-size:.95rem}.wizard input[type=date],.wizard input[type=time]{appearance:none}.file-picker-label{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:.9rem;display:flex}.file-picker-label span.count{color:var(--text-primary);font-weight:600}.file-picker-btn{background:var(--accent);color:#fff;border:none;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:.82rem;font-weight:600}.file-picker-label input[type=file]{display:none}.field-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;display:block}.wizard-options{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.wizard-option{border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffff0d;padding:14px;font-size:1rem;font-weight:500}.link-btn{text-align:center;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px;font-size:.9rem;display:block}.secondary-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff0f;margin-bottom:16px;padding:12px 20px;font-size:.92rem;font-weight:600}.shift-group{border-bottom:1px solid var(--glass-border);margin-bottom:18px;padding-bottom:14px}.shift-group-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.shift-group-header .day-picker{margin-bottom:0}.day-picker{gap:6px;margin-bottom:10px;display:flex}.day-chip{border:1px solid var(--glass-border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:50%;font-size:.85rem}.day-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.time-row{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;display:flex}.time-row input{margin-bottom:0}.moment-card{padding:16px}.moment-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.moment-actions{flex-shrink:0;gap:4px;display:flex}.moment-photos-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:6px;margin:0 -16px 10px;padding:0 16px;display:flex;overflow-x:auto}.moment-photos-scroll img{object-fit:cover;border-radius:var(--radius-sm);scroll-snap-align:start;flex:none;width:220px;height:220px}.moment-caption{color:var(--text-secondary);margin:0 0 10px;font-size:.92rem;line-height:1.4}.moment-social-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.like-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 8px;font-size:1rem;display:flex}.moment-comments{border-top:1px solid var(--glass-border);flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;display:flex}.moment-comment{color:var(--text-secondary);justify-content:space-between;align-items:flex-start;gap:8px;font-size:.88rem;display:flex}.moment-photos-edit{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:12px;display:grid}.moment-photo-edit-item{position:relative}.moment-photo-edit-item img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%}.moment-photo-edit-item button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:22px;height:22px;font-size:.75rem;position:absolute;top:4px;right:4px}.toggle-row{justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem;display:flex}.switch{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff14;border-radius:999px;width:44px;height:26px;padding:0;position:relative}.switch .switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on .switch-knob{transform:translate(18px)}.month-calendar{touch-action:pan-y;background:linear-gradient(160deg,#7c3aed73,#4c1d9559);padding:18px 14px 14px}.month-header{justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px;display:flex}.month-title{color:var(--accent-strong);letter-spacing:.3px;font-size:1.05rem}.month-nav{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:50%;font-size:1.2rem;line-height:1}.month-weekday-row{grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.month-weekday-row span{text-align:center;color:var(--text-faint);text-transform:uppercase;font-size:.72rem;font-weight:600}.month-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.month-cell{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.88rem;display:flex;position:relative}.month-cell.outside{color:var(--text-faint);opacity:.35;cursor:default}.month-cell.today .month-day-number{box-shadow:inset 0 0 0 1.5px var(--accent-strong);border-radius:50%}.month-cell.selected{background:#ffffff1f}.month-cell.selected .month-day-number{color:#1a0f3d;background:#fff;border-radius:10px;font-weight:700}.month-day-number{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.month-dots{gap:3px;height:5px;display:flex}.month-dot{border-radius:50%;width:5px;height:5px}.month-dot.mine{background:var(--mine)}.month-dot.theirs{background:var(--theirs)}.month-dot.both{background:var(--both)}.month-dot.holiday{background:var(--holiday)}.latest-ping-row{flex-direction:column;gap:2px;padding:4px 0;display:flex}.latest-ping-label{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:700}.latest-ping-text{color:var(--text-primary);font-size:.95rem}.latest-ping-time{color:var(--text-faint);font-size:.75rem}.latest-ping-divider{background:var(--glass-border);height:1px;margin:10px 0}.distance-card{padding:32px 24px}.distance-label{color:var(--text-secondary);margin-bottom:24px;font-size:1rem}.distance-label strong{color:var(--text-primary);font-size:1.15rem}.avatar-distance-row{justify-content:center;align-items:center;gap:4px;display:flex}.avatar-circle{border:1px solid var(--glass-border);background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:2rem;display:flex}.avatar-link{flex:1;align-items:center;gap:4px;max-width:100px;display:flex}.avatar-link-line{border-top:2px dashed var(--glass-border);flex:1;height:0}.avatar-link-heart{flex-shrink:0;font-size:1.1rem}.week-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.week-nav-title{color:var(--accent-strong);text-align:center;flex:1;font-size:.95rem}.week-day-row{margin-bottom:10px}.week-day-toggle{border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.92rem;display:flex}.week-day-toggle.active{background:var(--accent-soft);color:var(--text-primary);border-color:var(--accent)}.switch-mini{font-weight:700}.week-time-row{margin-top:8px;padding-left:4px}.repeat-row{align-items:center;gap:10px;display:flex}.repeat-row input{flex:none;width:70px}.view-switcher{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff0d;gap:4px;margin-bottom:16px;padding:4px;display:flex}.view-switch-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 0;font-size:.85rem;font-weight:600}.view-switch-btn.active{background:var(--accent);color:#fff}.week-strip{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.week-strip-day{border-radius:var(--radius-sm);color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.week-strip-day.today{color:var(--text-primary);background:#ffffff1a}.week-strip-label{text-transform:uppercase;color:var(--text-faint);font-size:.7rem}.week-strip-num{font-size:1.05rem;font-weight:700}.week-strip-dot{background:var(--accent-strong);border-radius:50%;width:5px;height:5px}.week-day-block{border-bottom:1px solid var(--glass-border);margin-bottom:16px;padding-bottom:14px}.week-day-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.92rem;font-weight:600;display:flex}.add-shift-btn{border:1px solid var(--glass-border);color:var(--accent-strong);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.week-day-empty{color:var(--text-faint);margin:0;font-size:.85rem}.week-time-row{margin-bottom:8px}.week-time-row .icon-btn{margin-left:auto}.wish-row{align-items:flex-start;gap:12px;padding:14px;display:flex}.wish-row.done{opacity:.55}.wish-check{border:2px solid var(--accent);color:#fff;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:26px;height:26px;font-size:.85rem;line-height:1}.wish-row.done .wish-check{background:var(--accent)}.wish-content{flex:1}.wish-row.done .wish-content strong{text-decoration:line-through}.wish-description{color:var(--text-secondary);margin:4px 0;font-size:.85rem}.on-this-day-card{border:1px solid var(--accent-soft);background:linear-gradient(160deg,#a78bfa1f,#ffffff0d)}.on-this-day-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.status-card{gap:10px;display:flex}.status-pill{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;cursor:default;background:#ffffff0d;flex:1;align-items:center;gap:10px;padding:10px 12px;display:flex}.status-pill.mine{cursor:pointer}.status-emoji{flex-shrink:0;font-size:1.6rem}.status-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.status-option{border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;background:#ffffff0d;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:.72rem;display:flex}.capsule-ready-card{text-align:center;width:100%;color:var(--text-primary);border:1px solid var(--accent-soft);cursor:pointer;background:linear-gradient(135deg,#a78bfa4d,#f472b633);padding:18px;font-weight:600}.capsule-reveal{text-align:center}.capsule-textarea{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%;min-height:100px;color:var(--text-primary);resize:vertical;background:#ffffff0f;margin-bottom:12px;padding:12px 14px;font-family:inherit;font-size:.95rem}.reminder-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 2px;font-size:.92rem;display:flex}.anniversary-banner{text-align:center;border:1px solid var(--accent-soft);background:linear-gradient(135deg,#f472b64d,#a78bfa40);font-weight:600}.daily-question-card{border:1px solid var(--glass-border)}.hug-counter{text-align:center;color:var(--text-secondary);margin:-6px 0 16px;font-size:.85rem}.jar-section{padding-bottom:16px}.jar-row{align-items:stretch;gap:12px;display:flex}.mood-jar{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:linear-gradient(160deg,#ffffff14,#ffffff05);flex-direction:column;flex:1;align-items:center;padding:20px 8px 10px;display:flex;position:relative}.mood-jar-avatar{background:var(--bg-mid);border:2px solid var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.05rem;display:flex;position:absolute;top:-14px}.mood-jar-svg{width:100%;max-width:110px;height:auto}.mood-jar-label{text-align:center;min-height:30px;color:var(--text-primary);flex-direction:column;justify-content:center;margin-top:6px;font-size:.78rem;line-height:1.3;display:flex}.mood-jar-label strong{display:block}.mood-jar-time{color:var(--text-faint);font-size:.68rem}.mood-jar-empty{color:var(--text-faint);font-size:.75rem}.wallet-card{color:#1a1a2e;background:#fff;border-radius:20px;margin-bottom:16px;overflow:hidden;box-shadow:0 10px 30px #00000059}.wallet-header{background:var(--wallet-color,#475569);color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.wallet-operator{letter-spacing:.3px;font-size:1.05rem;font-weight:800}.wallet-header-right{text-align:right;opacity:.95;flex-direction:column;gap:2px;font-size:.78rem;display:flex}.wallet-body{padding:16px}.wallet-route{align-items:center;gap:10px;margin-bottom:14px;display:flex}.wallet-station{flex:1}.wallet-route-icon{flex-shrink:0;font-size:1.2rem}.wallet-label{text-transform:uppercase;letter-spacing:.4px;color:#64748b;margin-bottom:2px;font-size:.68rem;display:block}.wallet-station strong{color:#0f172a;font-size:.95rem}.wallet-grid{border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;padding-bottom:12px;display:grid}.wallet-grid strong{color:#0f172a;font-size:.92rem}.wallet-boarding{color:var(--wallet-color,#475569);margin:0 0 12px;font-size:.78rem;font-weight:600}.wallet-qr-wrap{justify-content:center;padding:8px 0 4px;display:flex}.wallet-qr{object-fit:contain;width:160px;height:160px}.wallet-actions{justify-content:flex-end;gap:16px;padding:0 16px 14px;display:flex}.wallet-actions .link-btn{color:#64748b;width:auto;padding:0;font-size:.8rem}.surprise-overlay{color:#fff;z-index:9999;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100dvh;min-height:100vh;padding:24px;transition:opacity .55s;display:flex;position:fixed;inset:0;overflow-y:auto}.surprise-overlay.phase-closing{opacity:0}.surprise-preview-exit{top:max(16px, env(safe-area-inset-top,0px));color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;padding:8px 14px;font-size:.8rem;position:absolute;right:16px}.surprise-heart-wrap{cursor:pointer;flex-direction:column;align-items:center;gap:18px;display:flex}.surprise-heart{font-size:88px;line-height:1}.surprise-heart.is-locked{opacity:.55;filter:grayscale(.35);animation:2.2s ease-in-out infinite surpriseBeat}.surprise-heart.is-ready{filter:drop-shadow(0 0 26px #ef4444b3);animation:1.3s ease-in-out infinite surpriseBeat}.surprise-heart.is-bursting{animation:.9s forwards surpriseBurst}@keyframes surpriseBeat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes surpriseBurst{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.55)}to{opacity:0;transform:scale(2.8)}}.surprise-countdown{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#fecaca;font-size:1.6rem}.surprise-hint{color:#fff9;margin:0;font-size:.9rem}.surprise-carousel{aspect-ratio:3/4;background:#111;border-radius:24px;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:0 30px 70px #000000a6}.surprise-photo{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s,transform .9s;position:absolute;inset:0;transform:translate(48px)}.surprise-photo.is-current{opacity:1;transform:translate(0)}.surprise-photo.is-past{opacity:0;transform:translate(-48px)}.surprise-photo.is-future{opacity:0;transform:translate(48px)}.surprise-carousel-dots{justify-content:center;gap:6px;display:flex}.surprise-carousel-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px}.surprise-carousel-dot.is-active{background:#ef4444}.surprise-skip-btn{color:#ffffff8c;background:0 0;border:none;font-size:.85rem}.surprise-letter-scene{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:420px;display:flex;position:relative}.surprise-envelope{font-size:96px;transition:opacity .7s,transform .7s}.surprise-envelope.is-open{opacity:0;pointer-events:none;position:absolute;transform:scale(.6)translateY(-30px)}.surprise-letter-card{opacity:0;color:#2a1a12;background:linear-gradient(160deg,#fff8ec,#fbeee0);border-radius:24px;width:100%;max-height:70vh;padding:30px 24px;transition:opacity .7s,transform .7s;overflow-y:auto;transform:translateY(24px)scale(.96);box-shadow:0 30px 70px #0000008c}.surprise-letter-card.is-visible{opacity:1;transform:translateY(0)scale(1)}.surprise-letter-text{white-space:pre-wrap;text-align:left;margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.65}.surprise-editor-photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.surprise-editor-photo{aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden}.surprise-editor-photo img{object-fit:cover;width:100%;height:100%}.surprise-editor-photo button{color:#fff;background:#0009;border:none;border-radius:50%;width:22px;height:22px;font-size:.75rem;line-height:1;position:absolute;top:4px;right:4px}.surprise-status-pill{border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}.surprise-status-pill.draft{background:var(--theirs-soft);color:var(--theirs)}.surprise-status-pill.published{background:var(--both-soft);color:var(--both)}.surprise-status-pill.opened{color:var(--text-secondary);background:#ffffff1f}.surprise-editor-form input{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff0f;margin-bottom:14px;padding:12px 14px;font-size:.95rem}.surprise-editor-form input[type=datetime-local]{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.surprise-editor-form .primary-btn,.surprise-editor-form .secondary-btn{margin-bottom:12px}