: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}@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)}}@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}}@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}}