/* Miel lives inside the colmena. The approved application icon stays unchanged. */
#memory-app .miel-button{position:relative;display:block;padding:0;margin:0;border:0;background:transparent;color:inherit;isolation:isolate;cursor:pointer;touch-action:manipulation;border-radius:50%;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent}
#memory-app .miel-button:hover{background:transparent;filter:none}
#memory-app .miel-button:focus-visible{outline:2px solid #f1d28e;outline-offset:1px;box-shadow:0 0 0 6px #e5c98714}
#memory-app .miel-gate{position:absolute;left:50%;top:35px;width:236px;height:236px;transform:translateX(-50%);z-index:4}
#memory-app .miel-gate:before{content:"";position:absolute;inset:36px 28px 28px;border-radius:50%;background:radial-gradient(ellipse,#f4ca6a24,transparent 70%);filter:blur(12px);pointer-events:none}
#memory-app .miel-float{display:block;width:100%;height:100%;transform-origin:50% 68%;animation:miel-float 5.8s ease-in-out infinite}
#memory-app .miel-sprite{display:block;width:100%;height:100%;background-image:url("assets/miel/miel-sprite-v114.png");background-repeat:no-repeat;background-size:200% 300%;background-position:0% 0%;filter:drop-shadow(0 12px 12px #092b243b)}
#memory-app .miel-sprite[data-miel-frame="1"]{background-position:100% 0%}
#memory-app .miel-sprite[data-miel-frame="2"]{background-position:0% 50%}
#memory-app .miel-sprite[data-miel-frame="3"]{background-position:100% 50%}
#memory-app .miel-sprite[data-miel-frame="4"]{background-position:0% 100%}
#memory-app .miel-sprite[data-miel-frame="5"]{background-position:100% 100%}
#memory-app .miel-sprite[data-miel-expression="idle"][data-miel-active="true"]{animation:miel-wing-frames 2.4s steps(1,end) infinite}
#memory-app .miel-sprite[data-miel-expression="wave"]{animation:miel-greeting 1.4s ease-in-out}
#memory-app .miel-sprite[data-miel-expression="save"]{animation:miel-heart-hug 2.6s ease-in-out}
#memory-app .miel-touch-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;color:#eddaa9;font:400 .65rem/1.5 system-ui,sans-serif;letter-spacing:.05em;border-bottom:1px dotted #d4b56c6b;padding:3px 5px}
#memory-app .miel-message{font:400 .8rem/1.55 system-ui,sans-serif;pointer-events:none;opacity:0;margin:0;transition:opacity .2s ease;overflow-wrap:anywhere}
#memory-app .miel-message[data-show="true"]{opacity:1}
#memory-app .miel-gate-message{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);z-index:6;max-width:280px;width:max-content;padding:9px 15px;border-radius:18px;border:1px solid #d8bc6a35;background:#173f32f5;color:#f8e8bd;text-align:center;box-shadow:0 5px 20px #071e1b35}
#memory-app .miel-gate-message:empty{display:none}
#memory-app .mc-hive-sculpture.miel-welcoming .mc-word-three{opacity:0}
#memory-app .mc-hive-sculpture.miel-welcoming .mc-art-hex{animation:miel-hive-light 3s ease both}
#memory-app .mc-hive-sculpture.miel-welcoming .mc-hex-two,#memory-app .mc-hive-sculpture.miel-welcoming .mc-hex-five{animation-delay:.15s}
#memory-app .mc-hive-sculpture.miel-welcoming .mc-hex-three,#memory-app .mc-hive-sculpture.miel-welcoming .mc-hex-six{animation-delay:.3s}
#memory-app.colmena-v112 .miel-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
#memory-app .miel-section-head>div:first-child{min-width:0;flex:1}
#memory-app .miel-companion{position:relative;flex:0 0 132px;width:132px;height:144px;align-self:center}
#memory-app .miel-home{width:132px;height:132px}
#memory-app .miel-home:focus-visible{outline-color:#ab8b43}
#memory-app .miel-home .miel-sprite{filter:drop-shadow(0 7px 8px #7e6b4424)}
#memory-app .miel-home-name{position:absolute;bottom:0;left:0;right:0;text-align:center;font:italic 400 .86rem/1.5 Georgia,serif;color:#977b3c}
#memory-app.colmena-v112 .miel-home-message{padding:0 15px;color:#655437;background:#f5ead0;border-radius:10px;font-size:.79rem;max-height:0;overflow:hidden;margin:0;transition:opacity .2s ease,max-height .2s ease,padding .2s ease,margin .2s ease}
#memory-app.colmena-v112 .miel-home-message[data-show="true"]{max-height:115px;padding:12px 15px;margin:-7px 0 23px}
#memory-app .miel-heart-spark{position:absolute;pointer-events:none;font:400 1.2rem/1 Georgia,serif;color:#b99143;opacity:0}
#memory-app .miel-heart-one{left:9px;top:44px;--miel-drift:-13px}
#memory-app .miel-heart-two{right:6px;top:24px;--miel-drift:10px}
#memory-app.miel-memory-added .miel-heart-spark{animation:miel-heart-rise 2.7s ease-out both}
#memory-app.miel-memory-added .miel-heart-two{animation-delay:.35s}
#memory-app.miel-memory-added #memory-grid .md-memory.miel-new-cell:not([hidden]){animation:miel-cell-warmth 3.6s ease-out both}
#memory-app .miel-button[data-miel-active="false"] .miel-float{animation:none;transform:none}
#memory-app[data-miel-document-hidden="true"] .mc-bee,#memory-app[data-miel-document-hidden="true"] .mc-bee i,#memory-app[data-miel-document-hidden="true"] .mc-bee em{animation-play-state:paused!important}
@keyframes miel-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes miel-wing-frames{0%,24%,44%,68%,88%,100%{background-position:0% 0%}25%,43%{background-position:100% 50%}69%,87%{background-position:100% 100%}}
@keyframes miel-greeting{0%,100%{transform:rotate(0)}30%{transform:rotate(-2deg)}65%{transform:rotate(2deg)}}
@keyframes miel-heart-hug{0%,100%{transform:scale(1)}35%{transform:scale(1.035)}65%{transform:scale(1.015)}}
@keyframes miel-hive-light{0%,100%{filter:drop-shadow(0 2px 12px #0001)}35%{filter:brightness(1.7) drop-shadow(0 0 12px #e9c1645c)}}
@keyframes miel-heart-rise{0%{opacity:0;transform:translate(0,6px) scale(.75)}20%{opacity:.8}80%{opacity:.5}100%{opacity:0;transform:translate(var(--miel-drift),-31px) scale(1.1)}}
@keyframes miel-cell-warmth{0%,100%{box-shadow:0 0 0 0 #dcb05c00}30%{box-shadow:0 0 26px 3px #dcb05c29}}
@media(max-width:760px){#memory-app .miel-gate{top:22px}#memory-app .miel-gate-message{bottom:-24px}#memory-app .miel-companion{width:114px;height:126px;flex-basis:114px}#memory-app .miel-home{width:114px;height:114px}#memory-app.colmena-v112 .miel-section-head{gap:12px}}
@media(max-width:480px){#memory-app .miel-gate{top:10px;width:222px;height:222px}#memory-app .miel-gate-message{bottom:-22px;font-size:.77rem}#memory-app .miel-touch-hint{bottom:-1px}#memory-app .miel-companion{width:92px;height:110px;flex-basis:92px}#memory-app .miel-home{width:92px;height:102px}#memory-app .miel-home .miel-float{height:92px}#memory-app .miel-home-name{font-size:.8rem}#memory-app.colmena-v112 .miel-section-head{gap:8px}#memory-app .miel-section-head p{max-width:24ch}#memory-app .miel-heart-one{left:-2px;top:35px}#memory-app .miel-heart-two{right:0;top:22px}}
@media(prefers-reduced-motion:reduce){#memory-app .miel-float,#memory-app .miel-sprite,#memory-app .miel-heart-spark,#memory-app.miel-memory-added #memory-grid .md-memory,#memory-app .mc-hive-sculpture.miel-welcoming .mc-art-hex{animation:none!important;transform:none}#memory-app .miel-message{transition:none!important}}