/* Mood (/mood/): builds on the Personality page's dashboard styles (assets/personality.css) */
.md-grid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.4rem .5rem;margin-top:.2rem}
.md-ax{color:#a9b6c8;font-size:.8rem;font-weight:600;letter-spacing:.02em}
.md-ax-y{grid-row:1;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;align-self:center}
.md-ax-x{grid-column:2;text-align:center}
.md-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.md-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:68px;padding:.5rem .3rem;border-radius:14px;border:1px solid rgba(248,250,252,.1);background:rgba(17,26,46,.7);color:var(--frost);font-size:.95rem;font-weight:600;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.md-cell i{width:16px;height:16px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}
.md-cell:hover{border-color:var(--c);transform:translateY(-1px)}
.md-cell.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,rgba(17,26,46,.7))}
.md-who-card{margin-top:12px}
.md-who-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.md-who-row p{margin:0 !important}
.md-saved{margin:.8rem .2rem 0;color:var(--cyan);font-size:.95rem;font-weight:600}
.md-h{margin:1.4rem 0 .6rem;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a9b6c8}
.md-strip{list-style:none;margin:0;padding:.8rem;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;border-radius:16px;background:rgba(12,18,32,.72);border:1px solid rgba(248,250,252,.08)}
.md-strip li{display:flex;flex-direction:column;align-items:center;gap:4px}
.md-strip i{display:block;width:100%;max-width:26px;aspect-ratio:1/1;border-radius:7px;box-shadow:0 0 8px rgba(0,0,0,.2)}
.md-strip i.none{border:1px dashed rgba(248,250,252,.16)}
.md-strip span{font-size:.72rem;color:#a9b6c8}
.md-usual{margin-top:12px}
.md-who{margin-top:1.8rem;padding-top:1.3rem;border-top:1px solid rgba(248,250,252,.08)}
.md-who h3{margin:0 0 .5rem;font:400 1.5rem/1.15 "Instrument Serif",Georgia,serif}
.md-who-top{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin-bottom:.7rem}
.md-who-top p{margin:0;color:#cbd5e1;line-height:1.5}
.md-who-top .pr-sum-big small{font:500 .9rem Inter,sans-serif;color:#a9b6c8}
.md-care{margin:.9rem 0 0;padding:.8rem 1rem;border-radius:14px;background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.3);color:#e2e8f0;line-height:1.55}
.md-past{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.md-past li{display:flex;gap:.5rem;padding:.35rem .75rem;border-radius:999px;background:rgba(17,26,46,.7);border:1px solid rgba(248,250,252,.08);font-size:.9rem;color:#a9b6c8}
.md-past b{color:var(--frost)}
@media(max-width:520px){.md-strip{padding:.6rem .5rem;gap:3px}.md-cell{min-height:62px;font-size:.9rem}}
.md-who-row .btn{white-space:nowrap;flex:0 0 auto}

/* the diary (assets/mood.js): a quiet writing card under today's mood, and the entries in Your insights */
.md-diary{margin-top:12px}
.md-diary textarea{width:100%;box-sizing:border-box;margin:.4rem 0 .6rem;padding:.75rem .85rem;border-radius:12px;border:1px solid rgba(248,250,252,.14);background:rgba(7,11,20,.55);color:var(--frost);font:400 1rem/1.55 Inter,sans-serif;resize:vertical;min-height:6.5rem}
.md-diary textarea:focus{outline:none;border-color:rgba(251,191,119,.6);box-shadow:0 0 0 3px rgba(251,191,119,.12)}
.md-diary-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.md-private{margin:0;flex:1 1 14rem;color:#a9b6c8;font-size:.84rem;line-height:1.45}
.md-dlist{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.md-dday{display:flex;align-items:center;gap:.5rem;margin:0 0 .35rem;color:var(--frost);font-size:.92rem}
.md-dday i{width:10px;height:10px;border-radius:50%;flex:none}.md-dday i.none{border:1.5px solid #64748b}
.md-dday span{color:#a9b6c8;font-size:.85rem}
.md-dent{margin:0 0 .5rem 1.1rem;padding:.6rem .8rem;border-radius:12px;background:rgba(248,250,252,.04);border-left:2px solid rgba(251,191,119,.45)}
.md-dent p{margin:0;color:#e2e8f0;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}
.md-dent small{display:block;margin-top:.35rem;color:#a9b6c8;font-size:.8rem}.md-dent .pr-link{font-size:.8rem}
.md-dmore{margin-top:.6rem}

/* voice typing in the diary (assets/mood.js): a Speak button beside Save, and a plain note on where the audio goes */
.md-diary-go{display:flex;gap:.5rem;align-items:center}
.md-mic{display:inline-flex;align-items:center;gap:.4rem}
.md-mic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.md-mic.on{border-color:rgba(248,113,113,.7);color:#fecaca;background:rgba(248,113,113,.12)}
.md-mic.on svg{animation:md-rec 1.2s ease-in-out infinite}
@keyframes md-rec{50%{opacity:.35}}
.md-mic-note{margin:.6rem 0 0;color:#cbd5e1;font-size:.85rem;line-height:1.5}
@media(prefers-reduced-motion:reduce){.md-mic.on svg{animation:none}}

/* the diary's opt-in AI helpers (assets/mood.js, api/diary.js) */
.md-ai-row{margin:.5rem 0 0}.md-ai-row .pr-link{font-size:.9rem}
.md-sugg p{margin:.5rem 0 0;color:#cbd5e1;font-size:.92rem;line-height:1.5}
.md-sugg-r{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}.md-sugg-r i{width:12px;height:12px;border-radius:50%}
.md-sugg-r span{color:#a9b6c8}.md-sugg-r .btn{padding:.3rem .8rem;font-size:.85rem}
.md-wait small{color:#a9b6c8}
.md-recap{margin:0 0 .9rem;padding:.9rem 1rem;border-radius:16px;background:linear-gradient(160deg,rgba(251,191,119,.1),rgba(12,18,32,.75) 60%);border:1px solid rgba(251,191,119,.3)}
.md-recap-k{margin:0;color:#fbbf77;font:700 .7rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.md-recap h4{margin:.3rem 0 .4rem;color:var(--frost);font:400 1.35rem/1.2 "Instrument Serif",Georgia,serif}
.md-recap p{margin:0 0 .5rem;color:#e2e8f0;line-height:1.55}.md-recap ul{margin:.2rem 0 .6rem;padding-left:1.1rem;color:#cbd5e1;line-height:1.5}
.md-recap-go{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:0 0 .9rem}.md-recap-go small{color:#a9b6c8;font-size:.82rem;line-height:1.4;flex:1 1 14rem}
.md-recap-off{color:#a9b6c8;font-size:.88rem}
.md-recap-st{margin:-.4rem 0 .8rem;color:#cbd5e1;font-size:.9rem}

/* Mood on the standard facet layout (assets/mood.js, 2026-10-21) */
.md-q .md-grid{margin:1rem auto 0;max-width:30rem}
.md-dq .md-diary{max-width:40rem;margin:0 auto}
.md-map{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:.3rem .5rem;max-width:26rem;margin:.3rem 0 1rem}
.md-map .md-ax-y{grid-row:1;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.72rem;color:#8a96a8;text-align:center}
.md-map .md-ax-x{grid-column:2;font-size:.72rem;color:#8a96a8;text-align:center}
.md-mapc{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.md-mapc span{position:relative;display:grid;align-content:center;justify-items:center;gap:.1rem;aspect-ratio:1.5;border-radius:10px;overflow:hidden;border:1px solid rgba(248,250,252,.06)}
.md-mapc span::before{content:"";position:absolute;inset:0;background:var(--c);opacity:var(--a)}
.md-mapc b,.md-mapc small{position:relative}.md-mapc b{font-size:.8rem;color:#0b1220}.md-mapc small{font-size:.7rem;color:#0b1220;opacity:.8}
.md-mapc span.none b,.md-mapc span.none small{color:#64748b}
.md-low{margin:0 0 1rem;padding:.8rem .95rem;border-radius:12px;border:1px solid rgba(251,191,119,.35);background:rgba(251,191,119,.07)}
.md-low p{margin:0 0 .4rem;color:#fde8cc;line-height:1.5;font-size:.94rem}.md-low p:last-child{margin:0}.md-low b{color:#fff}
.md-split{display:flex;height:8px;margin-top:.5rem;border-radius:6px;overflow:hidden;background:rgba(248,250,252,.05)}
.md-split i,.md-key i{display:block;height:100%}.md-split .up,.md-key .up{background:#57d9a0}.md-split .mid,.md-key .mid{background:#a9b6c8}.md-split .dn,.md-key .dn{background:#e08a3c}
.md-key i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.35rem;vertical-align:-1px}
h4.md-h{margin:1rem 0 .4rem;font:600 .7rem/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c4b5fd}