/* Focused interaction and cosmetic refinements layered over the established theme. */
html[data-theme=dark] .landing-visual .landing-sticker::before,
html[data-theme=dark] .home-screen .thought-orbit::after{background:linear-gradient(135deg,#2f8b8d 0%,#227679 46%,#3c1f4b 100%)!important}
html[data-theme=dark] .landing-monster-star,
html[data-theme=dark] .home-screen .scribble{background:none!important;color:#f4e8d7!important;-webkit-text-fill-color:#f4e8d7!important}
html[data-theme=light] .micro-footer{color:#520120;opacity:1}

.insight-notices span,.insight-metric>span{background:linear-gradient(135deg,#29c4d4,#a88af5);background-clip:text;color:transparent!important;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.refresh-insights{margin-top:1rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;padding:.62rem 1rem;font:600 .86rem/1 Manrope,sans-serif;cursor:pointer}
.refresh-insights:disabled{opacity:.55}
.monster-thoughts{display:grid;gap:.65rem;margin-top:.75rem}
.monster-thoughts p{margin:0;color:var(--ink);font-style:italic;line-height:1.55}

.summary-list .summary-group{display:block;margin:.75rem 0 .2rem;color:var(--ink);font:700 .72rem/1.2 'Courier Prime',monospace;letter-spacing:.1em;text-transform:uppercase}
.summary-list .summary-group::before{display:none}
.memory-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:.8rem 0 1rem}
.memory-actions button,.memory-editor button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:40px;border:1px solid currentColor;border-radius:999px;background:transparent;color:var(--wine);padding:.58rem .9rem;font:600 .82rem/1 Manrope,sans-serif;cursor:pointer}
html[data-theme=dark] .memory-actions button,html[data-theme=dark] .memory-editor button{color:#f4e8d7;border-color:#29c4d4;background:var(--logo-button-glass)}
.translate-memory-control{display:flex;flex:1 1 100%;align-items:flex-end;gap:.55rem}
.translate-memory-control label{display:grid;flex:1;gap:.3rem;color:var(--ink);font:700 .68rem/1.2 'Courier Prime',monospace;letter-spacing:.08em;text-transform:uppercase}
.translate-memory-control select{min-height:40px;width:100%;border:1px solid color-mix(in srgb,var(--wine) 55%,transparent);border-radius:999px;background:var(--paper);color:var(--ink);padding:.5rem 2.1rem .5rem .8rem;font:600 .82rem/1 Manrope,sans-serif}
html[data-theme=dark] .translate-memory-control select{border-color:#29c4d4;background:#24212a;color:#f4e8d7}
.memory-actions button:disabled,.translate-memory-control select:disabled{opacity:.58;cursor:not-allowed}
.memory-actions button.is-loading{cursor:wait}
.memory-actions button.is-loading .memory-action-mark{display:inline-block;width:.78rem;height:.78rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:memory-action-spin .75s linear infinite}
@keyframes memory-action-spin{to{transform:rotate(360deg)}}
.memory-editor{display:grid;gap:.8rem;margin:0 0 1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--wine) 35%,transparent);border-radius:18px;background:color-mix(in srgb,var(--paper) 90%,transparent)}
.memory-editor[hidden]{display:none}
.memory-editor p{margin:0;color:var(--muted);font-size:.86rem}
.memory-editor label{display:grid;gap:.35rem;color:var(--ink);font:700 .74rem/1.3 'Courier Prime',monospace;letter-spacing:.08em;text-transform:uppercase}
.memory-editor textarea{width:100%;resize:vertical;border:1px solid color-mix(in srgb,var(--ink) 28%,transparent);border-radius:12px;background:var(--paper);color:var(--ink);padding:.75rem;font:500 .95rem/1.5 Manrope,sans-serif}

.monster-preference{margin:1rem 0;padding:1rem;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:18px}
.account-email:empty{display:none}
.monster-preference label{display:grid;gap:.45rem;color:var(--ink);font:700 .78rem/1.3 'Courier Prime',monospace;letter-spacing:.06em;text-transform:uppercase}
.monster-preference select{width:100%;border:1px solid color-mix(in srgb,var(--ink) 28%,transparent);border-radius:999px;background:var(--paper);color:var(--ink);padding:.72rem .9rem;font:600 .9rem/1 Manrope,sans-serif;text-transform:none;letter-spacing:0}
.monster-preference small{display:block;margin-top:.55rem;color:var(--muted);line-height:1.45}

.record-lock-indicator{position:absolute;left:50%;bottom:14%;z-index:8;display:flex;align-items:center;gap:.45rem;transform:translateX(-50%);border:1px solid color-mix(in srgb,currentColor 65%,transparent);border-radius:999px;background:color-mix(in srgb,var(--paper) 84%,transparent);color:var(--ink);padding:.55rem .8rem;font:600 .78rem/1 Manrope,sans-serif;pointer-events:none;backdrop-filter:blur(8px)}
.record-lock-indicator[hidden]{display:none}
.record-lock-indicator span{font-size:1.1rem;animation:lock-nudge 1.1s ease-in-out infinite}
.record-lock-indicator.locked span{animation:none}
@keyframes lock-nudge{50%{transform:translateY(-4px)}}
.send-recording,.discard-recording{align-items:center;box-sizing:border-box;display:inline-flex;font:700 14px/1 Manrope,sans-serif;gap:.45rem;height:44px;justify-content:center;min-width:0;padding:0 14px;white-space:nowrap}
.send-recording[hidden],.discard-recording[hidden]{display:none!important}
.send-recording span,.discard-recording span,.discard-recording b{font:inherit}
.discard-recording{border:1px solid currentColor;border-radius:999px;background:transparent;color:var(--wine);cursor:pointer}
html[data-theme=dark] .discard-recording{color:#f4e8d7;border-color:#29c4d4}
html[data-theme=light].pocket-mode .monster.recording-hold .belly-tap{background:var(--maroon-button-glass);border-color:#6e1236;color:#fff5e7}
html[data-theme=dark].pocket-mode .monster.recording-hold .belly-tap{background:var(--logo-button-glass);border-color:#29c4d4;color:#f4e8d7}
.app-shell:not(.belly-open) .capture-dock:has(.discard-recording:not([hidden])){grid-template-columns:54px minmax(0,1fr) 112px 112px}
.app-shell:not(.belly-open) .capture-dock:has(.discard-recording:not([hidden])) .upload-button{display:none}
.app-shell:not(.belly-open) .capture-dock:has(.discard-recording:not([hidden])) .send-recording,
.app-shell:not(.belly-open) .capture-dock:has(.discard-recording:not([hidden])) .discard-recording{width:100%}
html.pocket-mode .app-shell:not(.belly-open) .capture-dock:has(.discard-recording:not([hidden])){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-content:center;gap:.65rem;width:min(340px,calc(100vw - 32px))}
html.pocket-mode .app-shell:not(.belly-open) .capture-dock:has(.discard-recording:not([hidden])) .send-recording,
html.pocket-mode .app-shell:not(.belly-open) .capture-dock:has(.discard-recording:not([hidden])) .discard-recording{box-sizing:border-box;font:700 14px/1 Manrope,sans-serif;justify-content:center;min-width:0;width:100%}
.feed-action-icon{background:currentColor;display:inline-block;flex:0 0 auto;height:18px;mask:url('/brand/feed-meal.png') center/170% no-repeat;-webkit-mask:url('/brand/feed-meal.png') center/170% no-repeat;width:18px}
@media(max-width:620px){
  html:not(.pocket-mode) .app-shell:not(.belly-open) .capture-dock:has(.discard-recording:not([hidden])){grid-template-areas:'record copy' 'feed discard';grid-template-columns:50px minmax(0,1fr)}
  html:not(.pocket-mode) .capture-dock:has(.discard-recording:not([hidden])) .record-button{grid-area:record}
  html:not(.pocket-mode) .capture-dock:has(.discard-recording:not([hidden])) .capture-copy{grid-area:copy}
  html:not(.pocket-mode) .capture-dock:has(.discard-recording:not([hidden])) .send-recording{grid-area:feed}
  html:not(.pocket-mode) .capture-dock:has(.discard-recording:not([hidden])) .discard-recording{grid-area:discard}
}
.record-button,#monsterButton,#monsterButton *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
#monsterButton{touch-action:none}
#monsterButton img{pointer-events:none}
.audio-drop-zone{align-items:center;backdrop-filter:blur(9px);background:rgba(244,240,231,.72);border:2px dashed #741039;border-radius:30px 30px 30px 9px;display:grid;inset:92px 28px 86px;justify-items:center;opacity:0;pointer-events:none;position:fixed;transform:scale(.985);transition:opacity .16s ease,transform .16s ease;visibility:hidden;z-index:24}
.app-shell.audio-dragging .audio-drop-zone{opacity:1;transform:scale(1);visibility:visible}
.audio-drop-card{align-items:center;background:var(--paper);border:1.5px solid #741039;border-radius:28px 28px 28px 8px;box-shadow:12px 14px 0 rgba(37,36,33,.14);color:var(--wine);display:flex;flex-direction:column;max-width:460px;padding:34px 38px;text-align:center;width:calc(100% - 36px)}
.audio-drop-card svg{fill:none;height:54px;margin-bottom:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:54px}
.audio-drop-card strong{font:700 clamp(18px,2.4vw,26px)/1.2 Manrope,sans-serif}
.audio-drop-card span{color:var(--muted);font:600 13px/1.4 Manrope,sans-serif;margin-top:8px}
html[data-theme=dark] .audio-drop-zone{background:rgba(18,18,25,.76);border-color:#29c4d4}
html[data-theme=dark] .audio-drop-card{background:#211f29;border-color:#29c4d4;color:#f4f0e7;box-shadow:12px 14px 0 rgba(0,0,0,.28)}
html[data-theme=dark] .audio-drop-card span{color:rgba(244,240,231,.72)}
html.pocket-mode .audio-drop-zone{display:none}

@media(max-width:640px){
  .memory-actions{display:grid;grid-template-columns:1fr 1fr}
  .translate-memory-control{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto}
  .record-lock-indicator{bottom:10%;white-space:nowrap}
}