:root{color-scheme:dark;--bg: #160b18;--bg-deep: #0f0712;--card: rgba(43, 24, 48, .74);--card-strong: rgba(64, 31, 69, .9);--line: rgba(255, 205, 226, .18);--text: #fff5fb;--muted: #d8b8ca;--pink: #ff7eb6;--pink-soft: #ffc0d9;--plum: #9b5cff;--violet: #d7b6ff;--danger: #ff6f91;--success: #9ff0c8;--shadow: 0 28px 80px rgba(7, 3, 9, .42);font-family:Nunito,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 12%,rgba(255,126,182,.22),transparent 30rem),radial-gradient(circle at 86% 8%,rgba(155,92,255,.18),transparent 28rem),linear-gradient(135deg,var(--bg-deep),var(--bg) 52%,#241329)}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:18px;padding:.9rem 1rem;color:var(--text);background:#ffffff12;outline:none;transition:border-color .18s ease,box-shadow .18s ease}select option{color:#fff5fb;background:#2b1830}input:focus,textarea:focus,select:focus{border-color:#ff7eb6cc;box-shadow:0 0 0 4px #ff7eb61f}textarea{resize:vertical}img{max-width:100%;border-radius:20px;border:1px solid var(--line)}.app-shell{position:relative;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;z-index:0;width:22rem;height:22rem;border-radius:999px;filter:blur(18px);opacity:.44;pointer-events:none;animation:floaty 9s ease-in-out infinite}.ambient-one{top:-7rem;left:-8rem;background:#ff7eb661}.ambient-two{right:-9rem;bottom:4rem;background:#9b5cff57;animation-delay:-3s}.glass-card{position:relative;z-index:1;border:1px solid var(--line);border-radius:30px;padding:1.25rem;background:linear-gradient(145deg,#ffffff1a,#ffffff08),var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.center-page,.login-page,.private-layout,.split-page,.miss-page,.page-grid{position:relative;z-index:1}.center-page{display:grid;min-height:100vh;place-items:center;padding:1.5rem}.splash-card{display:grid;min-width:min(22rem,90vw);place-items:center;gap:1rem;text-align:center}.pulse-orb{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--plum));animation:pulse 1.4s ease-in-out infinite}.login-page{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;min-height:100vh;align-items:center;padding:1.2rem}.hero-copy{max-width:42rem;padding:1rem}.hero-copy h1,.topbar h1,.dashboard-hero h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.6rem,11vw,6rem);line-height:.9;letter-spacing:-.05em}.hero-copy p,.dashboard-hero p{max-width:38rem;color:var(--muted);font-size:1.05rem;line-height:1.7}.login-card,.form-card{display:grid;gap:1rem}.login-card h2,.form-card h2,.history-card h2,.bucket-section h2,.mood-history h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:2rem}label{display:grid;gap:.45rem;color:var(--pink-soft);font-weight:700}.field-group{display:grid;gap:.55rem}.field-label{color:var(--pink-soft);font-weight:900}.choice-grid{display:flex;flex-wrap:wrap;gap:.55rem;border:1px solid rgba(255,205,226,.14);border-radius:22px;padding:.55rem;background:radial-gradient(circle at 18% 0%,rgba(255,126,182,.16),transparent 38%),#ffffff0e}.choice-grid button{border:1px solid rgba(255,205,226,.18);border-radius:999px;padding:.62rem .85rem;color:var(--muted);font-size:.86rem;font-weight:950;text-transform:capitalize;background:#ffffff12;box-shadow:inset 0 1px #ffffff14;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}.choice-grid button:hover{transform:translateY(-2px);color:var(--text);border-color:#ffc0d97a;background:#ffffff1c}.choice-grid button.selected{color:#fff;border-color:#ffc0d9ad;background:linear-gradient(135deg,#ff7eb6e0,#9b5cffc7),#ffffff1f;box-shadow:0 12px 26px #ff7eb638,inset 0 1px #ffffff38}.emoji-grid button{min-width:3rem;padding:.62rem .72rem;font-size:1.35rem;line-height:1;text-transform:none}.image-picker{display:grid;gap:.65rem}.image-drop{position:relative;display:grid;min-height:8.5rem;place-items:center;gap:.35rem;border:1px dashed rgba(255,192,217,.44);border-radius:24px;padding:1rem;color:var(--text);text-align:center;background:radial-gradient(circle at 30% 12%,rgba(255,126,182,.2),transparent 36%),linear-gradient(145deg,#ffffff17,#ffffff0a);transition:transform .18s ease,border-color .18s ease,background .18s ease}.image-drop:hover{transform:translateY(-2px);border-color:#ffc0d9cc;background:radial-gradient(circle at 30% 12%,rgba(255,126,182,.3),transparent 36%),linear-gradient(145deg,#ffffff21,#ffffff0f)}.image-drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.image-drop-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--plum));box-shadow:0 16px 32px #ff7eb633}.image-drop small{color:var(--muted)}.image-preview{display:grid;gap:.65rem;border:1px solid rgba(255,205,226,.14);border-radius:24px;padding:.65rem;background:#ffffff0e}.image-preview img{width:100%;max-height:17rem;object-fit:cover}.eyebrow{margin:0 0 .5rem;color:var(--pink-soft);font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--muted)}.error-text{margin:0;color:#ffd3dc;font-weight:800}.primary-button,.secondary-button,.ghost-button,.danger-button,.link-button{border:0;border-radius:999px;color:var(--text);font-weight:900;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.primary-button,.secondary-button{padding:.95rem 1.25rem;background:linear-gradient(135deg,var(--pink),var(--plum));box-shadow:0 18px 40px #ff7eb640}.secondary-button{background:linear-gradient(135deg,#ff7eb6d6,#d7b6ffd6)}.ghost-button,.danger-button,.link-button{padding:.75rem 1rem;background:#ffffff14;border:1px solid var(--line)}.danger-button{color:#ffd7df;background:#ff6f9124}.link-button{color:var(--pink-soft)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.link-button:hover{transform:translateY(-2px)}.primary-button:disabled,.miss-button:disabled{cursor:not-allowed;opacity:.62}.private-layout{width:min(1180px,100%);margin:0 auto;padding:1rem}.topbar{display:flex;gap:1rem;align-items:center;justify-content:space-between}.topbar h1{font-size:clamp(2rem,7vw,4rem)}.tab-nav{position:sticky;top:0;z-index:5;display:flex;gap:.6rem;padding:.9rem 0;overflow-x:auto}.tab-nav button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:.75rem 1rem;color:var(--muted);background:#ffffff0f}.tab-nav button.active{color:var(--text);background:linear-gradient(135deg,#ff7eb68c,#9b5cff66)}.page-grid{display:grid;grid-template-columns:1fr;gap:1rem}.wide-card{grid-column:1 / -1}.section-title-row{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.section-title-row h3,.metric-card p,.metric-card strong{margin:0}.metric-card{display:grid;min-height:9rem;align-content:space-between}.metric-card p{color:var(--muted);font-weight:800}.metric-card strong{font-family:Cormorant Garamond,Georgia,serif;font-size:4rem;line-height:.9}.progress-ring{display:grid;width:8rem;height:8rem;margin:1rem auto;place-items:center;border-radius:50%;background:radial-gradient(circle at center,var(--card-strong) 55%,transparent 56%),conic-gradient(var(--pink),var(--plum),var(--violet))}.progress-ring span{font-size:1.45rem;font-weight:1000}.locked-preview{display:grid;gap:.65rem;place-items:start}.envelope{display:grid;width:3.8rem;height:3rem;place-items:center;border-radius:16px;color:var(--bg);background:linear-gradient(135deg,var(--pink-soft),var(--violet));box-shadow:inset 0 -10px 24px #ffffff42}.mood-pair{display:grid;gap:.8rem}.mini-mood{display:flex;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:24px;padding:1rem;background:#ffffff0f}.mini-mood.tall{align-items:flex-start}.mini-mood span{font-size:2.2rem}.mini-mood p,.mini-mood small{display:block;margin:.2rem 0 0;color:var(--muted)}.split-page{display:grid;grid-template-columns:1fr;gap:1rem}.content-stack{display:grid;gap:1rem;align-content:start}.letter-card,.bucket-card,.mood-card{display:grid;gap:1rem}.letter-card.locked{background:linear-gradient(145deg,#ffc0d91f,#9b5cff14),var(--card)}.letter-message{margin:0;padding:1rem;border-left:3px solid var(--pink);color:#fff8fb;line-height:1.8;white-space:pre-wrap;background:#ffffff0d;border-radius:0 18px 18px 0}.pill{display:inline-flex;width:fit-content;margin:0 0 .45rem;border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem;color:var(--pink-soft);font-size:.75rem;font-weight:900;background:#ffffff14}.empty-card{color:var(--muted)}.progress-card{display:grid;gap:1rem}.progress-bar{height:.75rem;overflow:hidden;border-radius:999px;background:#ffffff14}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--plum))}.bucket-section{display:grid;gap:1rem}.completion-form{display:grid;gap:.7rem}.completion-form .image-picker{grid-column:1 / -1}.completion-note{display:grid;gap:.6rem;border:1px solid rgba(159,240,200,.2);border-radius:22px;padding:1rem;background:#9ff0c814}.miss-page{display:grid;gap:1rem}.miss-button-card{display:grid;min-height:22rem;place-items:center;overflow:hidden;text-align:center}.miss-button{display:grid;width:min(19rem,78vw);height:min(19rem,78vw);place-items:center;border:0;border-radius:50%;color:#fff;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.1rem,12vw,4.8rem);line-height:.9;background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.55),transparent 22%),linear-gradient(145deg,#ff6aa9,#8f54ff 72%);box-shadow:0 28px 80px #ff7eb652,inset 0 -18px 36px #490c4a42;animation:breathe 2.6s ease-in-out infinite}.miss-button span{font-family:Georgia,serif;font-size:2rem}.floating-heart{position:absolute;bottom:6rem;color:var(--pink-soft);font-size:2rem;animation:heart-rise 1.6s ease-out forwards;pointer-events:none}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.history-card{display:grid;gap:.8rem}.history-line{display:grid;grid-template-columns:auto 1fr;gap:.55rem .8rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:.75rem}.history-line p{margin:0}.history-line small{grid-column:2;color:var(--muted)}.mood-heading{display:flex;gap:.8rem;align-items:center}.mood-heading span{font-size:2.5rem}.mood-heading h3{margin:0}.song-line{color:var(--violet);font-weight:800}.reaction-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.reaction-row button{border:1px solid var(--line);border-radius:999px;padding:.5rem .7rem;background:#ffffff14}.fun-zone{display:grid;grid-template-columns:1fr;gap:1rem}.fun-hero{overflow:hidden}.fun-hero h2,.fun-card h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,9vw,3.6rem);line-height:.95;letter-spacing:-.04em}.fun-hero p:last-child{max-width:42rem;color:var(--muted);line-height:1.7}.fun-card{display:grid;gap:1rem;align-content:start}.fortune-reveal{display:grid;min-height:13rem;place-items:center;gap:.65rem;border:1px solid rgba(255,205,226,.18);border-radius:28px;padding:1.2rem;text-align:center;background:radial-gradient(circle at 30% 12%,rgba(255,192,217,.28),transparent 34%),radial-gradient(circle at 80% 80%,rgba(155,92,255,.2),transparent 32%),#ffffff0f;transition:transform .26s ease,border-color .26s ease}.fortune-reveal.revealed{border-color:#ffc0d980;animation:fortune-pop .62s ease both}.fortune-reveal strong{max-width:28rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.65rem,7vw,2.6rem);line-height:1.05}.fortune-reveal small{color:var(--muted)}.fortune-icon{display:grid;width:3.6rem;height:3.6rem;place-items:center;border-radius:1.2rem;color:#fff;font-size:1.7rem;background:linear-gradient(135deg,var(--pink),var(--plum));box-shadow:0 16px 38px #ff7eb63d}.prompt-card{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;border:1px solid rgba(255,205,226,.16);border-radius:24px;padding:1rem;background:linear-gradient(135deg,#ff7eb61f,#9b5cff1a),#ffffff0d}.prompt-card span{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:1rem;background:#ffffff14}.prompt-card h3{margin:0;line-height:1.25}.game-choice-row{display:grid;gap:.75rem}.game-choice{display:grid;gap:.4rem;border:1px solid rgba(255,205,226,.18);border-radius:24px;padding:1rem;color:var(--text);text-align:left;background:radial-gradient(circle at 12% 0%,rgba(255,126,182,.18),transparent 36%),#fff1;transition:transform .18s ease,border-color .18s ease,background .18s ease}.game-choice:hover:not(:disabled){transform:translateY(-2px);border-color:#ffc0d98c}.game-choice small{color:var(--pink-soft);font-weight:1000;letter-spacing:.14em}.game-choice strong{font-size:1.1rem}.game-choice.selected{border-color:#ffc0d9b8;background:linear-gradient(135deg,#ff7eb685,#9b5cff66),#ffffff14}.game-choice:disabled{cursor:not-allowed;opacity:.72}.answer-reveal{display:grid;gap:.6rem}.answer-reveal article,.history-chip{border:1px solid rgba(255,205,226,.14);border-radius:20px;padding:.8rem;background:#ffffff0e}.answer-reveal article{display:flex;gap:.8rem;align-items:center;justify-content:space-between}.answer-reveal span,.history-chip span{color:var(--pink-soft);font-size:.78rem;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.result-badge{display:grid;gap:.25rem;border:1px solid rgba(255,205,226,.18);border-radius:22px;padding:1rem;background:#ffffff0f}.result-badge.matched{border-color:#9ff0c859;background:radial-gradient(circle at 16% 0%,rgba(159,240,200,.18),transparent 34%),#ffffff0f}.result-badge span{color:var(--muted)}.mini-history{display:grid;gap:.6rem}.mini-history h3{margin:.35rem 0 0}.history-chip p{margin:.25rem 0 0;color:var(--muted);line-height:1.45}.wheel-card{overflow:hidden}.wheel-wrap{position:relative;display:grid;min-height:15rem;place-items:center}.wheel-pointer{position:absolute;top:.15rem;z-index:2;color:var(--pink-soft);font-size:2.5rem;text-shadow:0 8px 22px rgba(0,0,0,.35)}.love-wheel{display:grid;width:min(14rem,70vw);height:min(14rem,70vw);place-items:center;border:10px solid rgba(255,245,251,.1);border-radius:50%;color:#fff;background:conic-gradient(from -20deg,#ff7eb6,#9b5cff,#d7b6ff,#ff9bc7,#8f54ff,#ff7eb6);box-shadow:0 24px 60px #ff7eb633,inset 0 0 0 1px #ffffff2e;transition:transform .7s cubic-bezier(.16,.85,.2,1)}.love-wheel span{grid-area:1 / 1;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 12px rgba(0,0,0,.35)}.love-wheel span:nth-child(1){transform:rotate(0) translateY(-5rem)}.love-wheel span:nth-child(2){transform:rotate(60deg) translateY(-5rem) rotate(-60deg)}.love-wheel span:nth-child(3){transform:rotate(120deg) translateY(-5rem) rotate(-120deg)}.love-wheel span:nth-child(4){transform:rotate(180deg) translateY(-5rem) rotate(-180deg)}.love-wheel span:nth-child(5){transform:rotate(240deg) translateY(-5rem) rotate(-240deg)}.love-wheel span:nth-child(6){transform:rotate(300deg) translateY(-5rem) rotate(-300deg)}.love-wheel.spinning{filter:saturate(1.25)}.tic-card{grid-column:1 / -1}.tic-meta{display:flex;flex-wrap:wrap;gap:.55rem}.tic-meta span{border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;color:var(--pink-soft);background:#ffffff12;font-weight:900}.tic-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:min(24rem,100%);margin:0 auto}.tic-cell{display:grid;aspect-ratio:1;place-items:center;border:1px solid rgba(255,205,226,.18);border-radius:24px;color:var(--text);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.5rem,14vw,4.5rem);font-weight:900;background:radial-gradient(circle at 20% 10%,rgba(255,126,182,.18),transparent 34%),#ffffff0f;transition:transform .18s ease,border-color .18s ease,background .18s ease}.tic-cell:hover:not(:disabled){transform:translateY(-2px) scale(1.01);border-color:#ffc0d98c}.tic-cell.filled{cursor:not-allowed;border-color:#ffc0d96b}.tic-cell.x{color:var(--pink-soft)}.tic-cell.o{color:var(--violet)}.tic-cell:disabled{opacity:.78}@keyframes floaty{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(1rem,1.6rem,0) scale(1.05)}}@keyframes pulse{0%,to{transform:scale(.95);opacity:.78}50%{transform:scale(1.08);opacity:1}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes heart-rise{0%{opacity:0;transform:translateY(0) scale(.8) rotate(-8deg)}18%{opacity:1}to{opacity:0;transform:translateY(-9rem) scale(1.35) rotate(10deg)}}@keyframes fortune-pop{0%{opacity:.66;transform:translateY(.6rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:760px){.login-page{grid-template-columns:1.15fr minmax(22rem,.85fr);padding:3rem}.private-layout{padding:1.5rem}.page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-hero{grid-column:span 2}.split-page{grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr);align-items:start}.form-card{position:sticky;top:5.8rem}.mood-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.completion-form{grid-template-columns:minmax(0,1fr) auto}.fun-zone{grid-template-columns:repeat(2,minmax(0,1fr))}.fun-hero{grid-column:1 / -1}.game-choice-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.topbar{align-items:flex-start;flex-direction:column}.stats-row{grid-template-columns:1fr}.section-title-row{align-items:flex-start;flex-direction:column}.glass-card{border-radius:24px}}