@import"https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Pirata+One&family=Cormorant+Garamond:ital,wght@0,500;1,500;1,600&display=swap";:root{--void-black: #04060b;--void-deep: #08101f;--void-indigo: #0d1630;--void-mid: #141e3a;--indigo-accent: #1f2e58;--indigo-glow: #2a3f80;--spectral-bright: #c4d8ff;--spectral-mid: #7299e8;--spectral-teal: #4adece;--spectral-dim: #2a5a70;--parch-base: #f2e8cc;--parch-warm: #ede0b2;--parch-shadow: #c8b48a;--parch-dark: #8a6c3a;--parch-ink: #2a1e08;--parch-border: #b89450;--parch-border-hi: #e8c878;--caption-color: #ddeeff;--caption-glow: rgba(100, 180, 255, .45);--font-blackletter: "UnifrakturMaguntia", "Pirata One", "Palatino Linotype", serif;--font-caption: "Cormorant Garamond", "Palatino Linotype", Georgia, serif;--t-fast: .2s;--t-mid: .45s;--t-slow: .7s;--ease-out: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--void-black);color:var(--spectral-bright);font-family:var(--font-caption);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}:fullscreen,html.kiosk-fullscreen{cursor:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}#app canvas{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;touch-action:none}.mm-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:clamp(6vh,8vmin,10vh)}.mm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:all;cursor:pointer;background:radial-gradient(ellipse 80% 70% at 50% 50%,#0e1632d1,#050812f0);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vmin,36px);text-align:center;padding:clamp(24px,6vmin,64px);opacity:1;transition:opacity var(--t-slow) var(--ease-out)}.mm-overlay:before{content:"";position:absolute;inset:clamp(32px,8vmin,80px);border-radius:50% 50% 46% 46%/42% 42% 56% 56%;border:1px solid rgba(100,160,255,.12);box-shadow:inset 0 0 60px #5082ff14,0 0 80px #3c64dc1a;pointer-events:none}.mm-overlay-text{font-family:var(--font-caption);font-style:italic;font-size:clamp(1.2rem,3.2vmin,2rem);font-weight:500;letter-spacing:.06em;color:var(--spectral-bright);text-shadow:0 0 18px rgba(100,180,255,.55),0 2px 20px rgba(0,0,0,.8);animation:overlayBreath 4s ease-in-out infinite}@keyframes overlayBreath{0%,to{opacity:.65}50%{opacity:1}}.mm-overlay-rune{font-size:clamp(1.6rem,5vmin,3rem);opacity:.5;color:var(--spectral-teal);filter:drop-shadow(0 0 8px rgba(74,222,206,.6));animation:overlayRunePulse 4s ease-in-out .6s infinite}.mm-overlay.js-anim .mm-overlay-rune{animation:none}@keyframes overlayRunePulse{0%,to{opacity:.35;transform:scale(.97)}50%{opacity:.7;transform:scale(1.05)}}.mm-overlay.is-dismissed{opacity:0;pointer-events:none}.mm-caption{display:none!important;position:relative;width:min(88vw,720px);min-height:2.8em;text-align:center;padding:.4em 1.2em;opacity:0;transform:translateY(10px);transition:opacity var(--t-mid) var(--ease-out),transform var(--t-mid) var(--ease-out)}.mm-caption.is-visible{opacity:1;transform:translateY(0)}.mm-caption p,.mm-caption span{font-family:var(--font-caption);font-style:italic;font-weight:500;font-size:clamp(1.25rem,3vmin,2.1rem);line-height:1.4;letter-spacing:.015em;color:var(--caption-color);text-shadow:0 0 12px var(--caption-glow),0 0 32px rgba(60,120,220,.28),0 2px 16px rgba(0,0,0,.85)}.mm-caption.is-error p,.mm-caption.is-error span{color:#f0c87a;text-shadow:0 0 14px rgba(220,170,60,.45),0 2px 16px rgba(0,0,0,.85)}.mm-card{position:relative;width:min(72vw,560px);padding:clamp(20px,4vmin,40px) clamp(28px,5vmin,52px);text-align:center;background:radial-gradient(ellipse 70% 60% at 28% 38%,rgba(255,248,210,.55) 0%,transparent 65%),radial-gradient(ellipse 55% 45% at 75% 72%,rgba(190,155,90,.3) 0%,transparent 60%),linear-gradient(168deg,var(--parch-base) 0%,var(--parch-warm) 40%,#e4d5a8 70%,var(--parch-shadow) 100%);border:2px solid var(--parch-border);border-radius:3px;box-shadow:0 0 40px #283c8c59,0 8px 48px #000000a6,inset 0 0 0 1px var(--parch-border-hi),inset 0 0 0 4px #8b6c3a38,inset 0 0 28px #5032082e,inset 0 0 8px #0000001a;opacity:0;transform:translateY(14px) scale(.97);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}.mm-card:before,.mm-card:after{content:"";position:absolute;width:clamp(18px,4vmin,32px);height:clamp(18px,4vmin,32px);border-color:var(--parch-border);border-style:solid;opacity:.7}.mm-card:before{top:6px;left:6px;border-width:2px 0 0 2px}.mm-card:after{bottom:6px;right:6px;border-width:0 2px 2px 0}.mm-card-text{font-family:var(--font-blackletter);font-size:clamp(1.5rem,4vmin,2.6rem);line-height:1.25;letter-spacing:.04em;color:var(--parch-ink);text-shadow:0 1px 2px rgba(139,108,58,.35),0 0 1px rgba(0,0,0,.25);font-weight:400}:root{--sketch-stroke: #b07d2a;--sketch-fill: #2a1e08;--sketch-glow: rgba(176, 125, 42, .35)}.mm-card-text svg.mm-sketch-svg{display:block;width:100%;height:auto;max-height:clamp(3.5rem,10vmin,7rem);overflow:visible;margin:0 auto;filter:drop-shadow(0 0 3px var(--sketch-glow)) drop-shadow(0 1px 2px rgba(0,0,0,.22))}.mm-card-text svg.mm-sketch-svg path{vector-effect:non-scaling-stroke;transition:none}@media (prefers-reduced-motion: reduce){.mm-card-text svg.mm-sketch-svg path{transition:none!important}}:is(html,#app)[data-state=idle] .mm-card{opacity:1;transform:translateY(0) scale(1)}:is(html,#app)[data-state=listening] .mm-card{opacity:0;transform:translateY(6px) scale(.98)}:is(html,#app)[data-state=thinking] .mm-card{opacity:0;transform:translateY(6px) scale(.98)}:is(html,#app)[data-state=speaking] .mm-card{opacity:0;transform:translateY(6px) scale(.98)}:is(html,#app)[data-state=listening] .mm-caption p,:is(html,#app)[data-state=listening] .mm-caption span{color:#b8e8ff;text-shadow:0 0 14px rgba(80,200,255,.55),0 2px 16px rgba(0,0,0,.85)}:is(html,#app)[data-state=thinking] .mm-caption p,:is(html,#app)[data-state=thinking] .mm-caption span{color:#c8c0f8;text-shadow:0 0 14px rgba(140,110,255,.5),0 2px 16px rgba(0,0,0,.85)}@keyframes cardGlow{0%,to{box-shadow:0 0 40px #283c8c59,0 8px 48px #000000a6,inset 0 0 0 1px var(--parch-border-hi),inset 0 0 0 4px #8b6c3a38,inset 0 0 28px #5032082e,inset 0 0 8px #0000001a}50%{box-shadow:0 0 60px #3c5ab473,0 10px 56px #000000b3,inset 0 0 0 1px var(--parch-border-hi),inset 0 0 0 4px #b491504d,inset 0 0 36px #50320838,inset 0 0 10px #0000001f}}:is(html,#app)[data-state=idle] .mm-card{animation:cardGlow 6s ease-in-out infinite}@media (min-aspect-ratio: 16/9){.mm-caption{width:min(70vw,800px)}.mm-card{width:min(50vw,560px)}}@media (max-aspect-ratio: 3/4){.mm-card{width:min(88vw,480px);padding:clamp(16px,3.5vmin,32px) clamp(20px,4vmin,40px)}.mm-caption{width:min(94vw,540px)}}@media (max-width: 480px){:root{--font-blackletter: "UnifrakturMaguntia", "Pirata One", serif}.mm-card-text{font-size:clamp(1.2rem,5.5vw,1.8rem)}.mm-overlay-text{font-size:clamp(1rem,4.5vw,1.5rem)}}@media (min-width: 1920px){.mm-caption{width:min(60vw,1000px)}.mm-card{width:min(38vw,640px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important}.mm-overlay{transition:none}.mm-overlay.is-dismissed{display:none}.mm-caption{opacity:1;transform:none;transition:none}.mm-card{transition:none}:is(html,#app)[data-state=idle] .mm-card{opacity:1;transform:none;animation:none}:is(html,#app)[data-state=listening] .mm-card,:is(html,#app)[data-state=thinking] .mm-card,:is(html,#app)[data-state=speaking] .mm-card{display:none}.mm-overlay-text,.mm-overlay-rune{animation:none;opacity:1}}