:root{--bg-deep: #2b1a3d;--bg-mid: #4a2c5e;--surface: #ffffff;--surface-tint: #faf7ff;--ink: #3a2e45;--ink-soft: #7a6f85;--border: #ece3f7;--primary: #8a5cf6;--primary-ink: #ffffff;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--shadow-soft: 0 20px 45px -20px rgba(43, 26, 61, .35);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Quicksand,system-ui,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(255,190,120,.35),transparent 42%),radial-gradient(circle at 88% 12%,rgba(140,200,255,.3),transparent 45%),radial-gradient(circle at 50% 100%,rgba(255,140,200,.25),transparent 55%),linear-gradient(160deg,var(--bg-deep),var(--bg-mid));background-attachment:fixed}h1,h2,h3{font-family:Fredoka,Quicksand,system-ui,sans-serif;margin:0}p{margin:0;line-height:1.55}button{font-family:inherit;cursor:pointer}a{color:inherit}#root{min-height:100vh}.button{border:none;border-radius:999px;padding:.9rem 1.9rem;font-size:1.05rem;font-weight:600;font-family:Fredoka,Quicksand,system-ui,sans-serif;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.button--primary{background:linear-gradient(135deg,#a06bff,#7c4dff);color:var(--primary-ink);box-shadow:0 14px 30px -12px #7c4dffa6}.button--primary:hover:not(:disabled){transform:translateY(-2px)}.button--primary:disabled{opacity:.6;cursor:default;transform:none}.home{max-width:640px;margin:0 auto;padding:3rem 1.5rem 5rem;display:flex;flex-direction:column;gap:3.5rem}.home__hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.1rem}.home__hero h1{font-size:clamp(2rem,6vw,2.8rem);color:#fff}.home__tagline{color:#ffffffd9;font-size:1.15rem;max-width:32ch}.home__preview-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.home__preview-item{background:#ffffff1f;border-radius:999px;padding:.4rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home__blurb{color:#ffffffbf;max-width:44ch;font-size:.98rem}.home__how{background:var(--surface);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1.25rem}.home__step{display:flex;align-items:flex-start;gap:1rem}.home__step-num{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--surface-tint);border:2px solid var(--border);display:grid;place-items:center;font-weight:700;font-family:Fredoka,sans-serif;color:var(--primary)}.home__step p{color:var(--ink-soft);padding-top:.2rem}.home__cta{background:var(--surface);border-radius:var(--radius-lg);padding:2.25rem 1.75rem;text-align:center;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;gap:.75rem}.home__cta h2{font-size:1.4rem}.home__cta p{color:var(--ink-soft)}.home__cta .button{margin-top:.75rem}.home__error{color:#d1435b;font-weight:600}.home__result{width:100%;margin-top:1rem;display:flex;flex-direction:column;gap:1rem;text-align:left}.home__result-intro{text-align:center;font-weight:600;color:var(--ink)}.copy-link-box{border-radius:var(--radius-md);padding:1.1rem;border:2px solid var(--border)}.copy-link-box--primary{background:linear-gradient(135deg,#f4ecff,#fdf7ff);border-color:#e1d0ff}.copy-link-box--muted{background:var(--surface-tint)}.copy-link-box__label{font-weight:700;font-family:Fredoka,sans-serif;margin-bottom:.25rem}.copy-link-box__hint{font-size:.85rem;color:var(--ink-soft);margin-bottom:.6rem}.copy-link-box__row{display:flex;gap:.5rem}.copy-link-box__row input{flex:1;min-width:0;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);font-family:monospace;font-size:.8rem;background:#fff;color:var(--ink)}.copy-link-box__row button{border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-weight:600;padding:0 1rem;white-space:nowrap}.mood-page{max-width:480px;margin:0 auto;padding:2rem 1.25rem 4rem;min-height:100vh}.mood-page--error,.mood-page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;color:#fff;min-height:100vh;padding:2rem}.mood-page--error h1{color:#fff}.mood-page--error a{color:#d7c1ff;text-decoration:underline}.mood-page__tabs{display:flex;background:#ffffff24;border-radius:999px;padding:.3rem;margin-bottom:1.75rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mood-page__tabs button{flex:1;border:none;background:transparent;color:#fffc;padding:.65rem 0;border-radius:999px;font-weight:600;font-family:Fredoka,sans-serif;letter-spacing:.02em;transition:background .2s ease,color .2s ease}.mood-page__tabs button.is-active{background:#fff;color:var(--primary)}.mood-page__content{display:flex;flex-direction:column;gap:1.5rem}.mood-page__prompt{text-align:center;color:#ffffffd9;font-weight:600;font-size:1.05rem}.mood-page__note{text-align:center;color:#fff9;font-size:.85rem}.mood-page__submit{align-self:center}.mood-page__current{display:flex;flex-direction:column;gap:.5rem;align-items:center}.mood-page__current-label{color:#fff9;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.mood-meter{background:var(--surface);border-radius:var(--radius-lg);padding:2rem 1.5rem 1.75rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem}.mood-meter__preview{margin-bottom:.5rem}.mood-meter__value{font-family:Fredoka,sans-serif;font-size:2.4rem;font-weight:700;color:var(--accent)}.mood-meter__title{font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600}.mood-meter__desc{color:var(--ink-soft);max-width:30ch;margin-top:.35rem;margin-bottom:1.25rem}.mood-meter__slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:999px;background:linear-gradient(90deg,#ffe0e0,#ffe9c9,#fff6c9,#dff5df,#dceeff,#ece3ff);outline:none;margin-bottom:.6rem}.mood-meter__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent, var(--primary));border:4px solid #fff;box-shadow:0 4px 10px #00000040;cursor:pointer}.mood-meter__slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent, var(--primary));border:4px solid #fff;box-shadow:0 4px 10px #00000040;cursor:pointer}.mood-meter__ticks{display:flex;justify-content:space-between;width:100%;padding:0 4px;margin-bottom:.4rem}.mood-meter__tick{width:10px;height:10px;border-radius:50%;border:none;background:var(--border);padding:0}.mood-meter__tick.is-active{background:var(--accent, var(--primary));transform:scale(1.3)}.mood-meter__endlabels{display:flex;justify-content:space-between;width:100%;font-size:.75rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.mood-card{background:var(--surface);border-radius:var(--radius-lg);padding:2rem 1.5rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem}.mood-card--empty{gap:.75rem;color:var(--ink-soft)}.mood-card__placeholder{width:90px;height:90px;border-radius:50%;background:var(--surface-tint);border:3px dashed var(--border);display:grid;place-items:center;font-family:Fredoka,sans-serif;font-size:2rem;color:var(--border)}.mood-card__value{font-family:Fredoka,sans-serif;font-size:2.2rem;font-weight:700;color:var(--accent);margin-top:.4rem}.mood-card__title{font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600}.mood-card__desc{color:var(--ink-soft);max-width:30ch;font-style:italic}.mood-card__updated{margin-top:.6rem;font-size:.78rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.history-panel{display:flex;flex-direction:column;align-items:center;gap:.75rem}.history-panel__toggle{background:#ffffff24;color:#fff;border:none;border-radius:999px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600}.history-panel__list{width:100%;background:var(--surface);border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.5rem}.history-panel__empty{color:var(--ink-soft);text-align:center;padding:.5rem 0}.history-panel__row{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.history-panel__row:last-child{border-bottom:none}.history-panel__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.history-panel__title{flex:1;font-weight:600}.history-panel__value{color:var(--ink-soft)}.history-panel__time{color:var(--ink-soft);font-size:.78rem;white-space:nowrap}.messages-panel{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 260px);min-height:360px}.messages-panel__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:.25rem}.messages-panel__empty{text-align:center;color:#fff9;margin-top:2rem}.message-bubble{max-width:78%;padding:.65rem .9rem;border-radius:var(--radius-md);background:var(--surface);box-shadow:0 8px 18px -12px #0000004d}.message-bubble--mine{align-self:flex-end;background:linear-gradient(135deg,#a06bff,#7c4dff);color:#fff;border-bottom-right-radius:6px}.message-bubble--theirs{align-self:flex-start;border-bottom-left-radius:6px}.message-bubble__sender{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.65;margin-bottom:.15rem}.message-bubble p{word-break:break-word}.message-bubble__time{display:block;font-size:.68rem;opacity:.6;margin-top:.3rem;text-align:right}.messages-panel__composer{display:flex;gap:.6rem;align-items:flex-end;background:var(--surface);border-radius:var(--radius-md);padding:.6rem;box-shadow:var(--shadow-soft)}.messages-panel__composer textarea{flex:1;border:none;resize:none;font-family:inherit;font-size:.95rem;padding:.4rem;outline:none;background:transparent;color:var(--ink)}.messages-panel__composer button{border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-weight:600;padding:.6rem 1.1rem}.messages-panel__composer button:disabled{opacity:.5;cursor:default}.celebration-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;overflow:hidden}.celebration-item{position:absolute;will-change:transform,opacity}@media (max-width: 420px){.mood-meter,.mood-card{padding:1.5rem 1.1rem}}