/* Native dimensions (750 rpx canvas), scaled to the browser's actual width. */
.mini-home{--mh-u:calc(min(100vw,480px)/750);min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(138 * var(--mh-u) + env(safe-area-inset-bottom,0px));color:#23212c;background:radial-gradient(ellipse at 15% 45%,#fff9e950,transparent 58%),#fbf7f1}
.mini-home button,.mh-entry button{border:0;cursor:pointer;font:inherit;-webkit-appearance:none;appearance:none}
.mini-home button:focus-visible,.mh-entry :focus-visible{outline:3px solid #a786c8;outline-offset:3px}
.mini-home button:active{transform:translateY(2px);opacity:.92}
.mini-home [hidden],.mh-entry [hidden]{display:none!important}
.mh-brand{position:relative;width:100%;aspect-ratio:750/422;overflow:hidden}
.mh-brand>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.mh-backdrop,.mh-duck{opacity:0;pointer-events:none}.mh-brand-ready .mh-backdrop,.mh-brand-ready .mh-duck{opacity:1}.mh-brand-ready .mh-hero{visibility:hidden}
.mh-duck{transform-origin:74% 78%;animation:mh-duck-groove 6s ease-in-out infinite}
@keyframes mh-duck-groove{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-.7deg)}50%{transform:translateY(-1px) rotate(.4deg)}75%{transform:translateY(-2px) rotate(.7deg)}}
.mh-motion-off .mh-duck{animation:none}
.mh-content{padding:0 calc(28 * var(--mh-u))}.mh-categories{display:flex;justify-content:space-between;gap:calc(10 * var(--mh-u));margin:0 0 calc(38 * var(--mh-u))}
.mh-category{flex:1;min-width:0;width:0;display:flex;flex-direction:column;align-items:center;padding:0;background:transparent;text-align:center;line-height:1.5;border-radius:10px;color:inherit}
.mh-category-art{height:calc(148 * var(--mh-u));width:calc(148 * var(--mh-u));position:relative;overflow:hidden;border-radius:calc(32 * var(--mh-u));pointer-events:none}
.mh-atlas{position:absolute;width:341.333333%;height:227.555556%;max-width:none;pointer-events:none}
.mh-category-label{display:block;font-weight:750;font-size:calc(25 * var(--mh-u));white-space:nowrap;line-height:calc(40 * var(--mh-u))}
.mh-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:calc(28 * var(--mh-u)) calc(4 * var(--mh-u)) calc(18 * var(--mh-u))}
.mh-section-head h2{display:flex;align-items:center;font-size:calc(35 * var(--mh-u));font-weight:800;letter-spacing:calc(1 * var(--mh-u));line-height:calc(50 * var(--mh-u))}
.mh-section-head h2::before{content:"";width:calc(10 * var(--mh-u));height:calc(34 * var(--mh-u));background:linear-gradient(180deg,#9870c4,#af8bd4);border-radius:7px;margin-right:calc(16 * var(--mh-u))}
.mini-home .mh-refresh{display:flex;align-items:center;gap:calc(12 * var(--mh-u));min-height:calc(64 * var(--mh-u));margin:calc(-7 * var(--mh-u)) 0;padding:calc(10 * var(--mh-u)) calc(4 * var(--mh-u));color:#827d87;font-size:calc(24 * var(--mh-u));background:transparent}
.mh-refresh-icon{width:calc(23 * var(--mh-u));height:calc(23 * var(--mh-u));border:1.5px solid #827d87;border-right-color:transparent;border-radius:50%;position:relative;transform:rotate(25deg)}
.mh-refresh-icon::after{content:"";position:absolute;right:-2px;top:-2px;border-left:4px solid #827d87;border-top:3px solid transparent;border-bottom:3px solid transparent;transform:rotate(45deg)}
.mini-home .mh-feature{position:relative;display:block;text-align:left;width:100%;min-height:calc(284 * var(--mh-u));padding:calc(27 * var(--mh-u)) calc(30 * var(--mh-u));background:#fff7e9;border:1px solid #e8dcc7;border-radius:calc(26 * var(--mh-u));box-shadow:0 4px 12px #7257350c;line-height:1.5;overflow:hidden;color:inherit}
.mh-feature-copy{position:relative;z-index:2;max-width:calc(395 * var(--mh-u));display:block;pointer-events:none}
.mh-tag{display:block;font-size:calc(20 * var(--mh-u));letter-spacing:calc(2 * var(--mh-u));font-weight:650;color:#9c8270;margin-bottom:calc(7 * var(--mh-u))}
.mh-feature-title{display:block;font-size:calc(37 * var(--mh-u));font-weight:850;line-height:1.35;letter-spacing:calc(.5 * var(--mh-u))}
.mh-feature-description{display:block;max-width:calc(340 * var(--mh-u));font-size:calc(24 * var(--mh-u));color:#79747e;line-height:1.55;margin-top:calc(9 * var(--mh-u))}
.mh-feature-action{display:inline-flex;align-items:center;justify-content:center;gap:calc(17 * var(--mh-u));min-width:calc(187 * var(--mh-u));height:calc(58 * var(--mh-u));padding:0 calc(25 * var(--mh-u));color:#fff;font-size:calc(24 * var(--mh-u));font-weight:650;background:#a27767;border-radius:40px;margin-top:calc(18 * var(--mh-u));box-shadow:inset 0 1px 1px #ffffff45}
.mh-feature-action>span{font-size:calc(32 * var(--mh-u));line-height:1}
.mh-feature-art{position:absolute;right:calc(10 * var(--mh-u));top:calc(14 * var(--mh-u));bottom:calc(6 * var(--mh-u));width:calc(247 * var(--mh-u));pointer-events:none}
.mh-orbit{position:absolute;left:0;right:0;bottom:calc(22 * var(--mh-u));height:calc(207 * var(--mh-u));border-radius:50%;background:#edd9c266}
.mh-feature-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mini-home .mh-feature.mh-mood{background:linear-gradient(120deg,#fbf8ed,#eff0dd);border-color:#dce0cc}.mh-mood .mh-tag{color:#8b9878}.mh-mood .mh-orbit{background:#d9e3c275}.mh-mood .mh-feature-action{background:#7d906a}
.mini-home .mh-feature.mh-life{background:linear-gradient(120deg,#f9f6ee,#eae7f1);border-color:#ded9e7}.mh-life .mh-tag{color:#9888a7}.mh-life .mh-orbit{background:#d4cce575}.mh-life .mh-feature-action{background:#88759b}
.mh-recent-head{margin-top:calc(28 * var(--mh-u));margin-bottom:calc(14 * var(--mh-u))}
.mh-recent-list{border:1px solid #e9e3d9;border-radius:calc(23 * var(--mh-u));overflow:hidden;background:#fffdf680;padding:0 calc(18 * var(--mh-u))}
.mh-recent{display:flex;width:100%;align-items:center;text-align:left;padding:calc(12 * var(--mh-u)) 0;min-height:calc(108 * var(--mh-u));background:transparent;line-height:1.5;font-weight:400;color:inherit}
.mini-home .mh-recent+.mh-recent{border-top:1px solid #e9e3d9}
.mh-recent-art{width:calc(100 * var(--mh-u));height:calc(100 * var(--mh-u));position:relative;overflow:hidden;flex:none;margin-right:calc(17 * var(--mh-u));border-radius:calc(22 * var(--mh-u));background:#ede4d9}.mh-recent-art.mh-mood{background:#ebefdb}.mh-recent-art.mh-life{background:#e9e4f0}.mh-recent-art.mh-friend{background:#f3e3d1}
.mh-recent-art img{width:100%;height:100%;padding:calc(3 * var(--mh-u));object-fit:contain}.mh-recent-copy{flex:1;min-width:0}
.mh-recent-title{display:block;font-size:calc(27 * var(--mh-u));font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-recent-description{display:block;color:#89848a;font-size:calc(22 * var(--mh-u));line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:calc(3 * var(--mh-u))}
.mh-date{flex:none;font-size:calc(22 * var(--mh-u));color:#89848a;margin-left:calc(13 * var(--mh-u))}.mh-chevron{width:calc(13 * var(--mh-u));height:calc(13 * var(--mh-u));border-top:1px solid #89848a;border-right:1px solid #89848a;transform:rotate(45deg);margin:0 calc(8 * var(--mh-u)) 0 calc(15 * var(--mh-u));flex:none}
.mh-app-note{text-align:center;font-size:calc(22 * var(--mh-u));color:#a098a4;margin-top:calc(25 * var(--mh-u))}.mh-empty{padding:24px 16px;font-size:14px;color:#89848a;background:#fffaf3;border-radius:12px}
.mh-navigation{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:480px;bottom:0;z-index:200;display:flex;align-items:center;background:#fffdf8;border:1px solid #fff;border-bottom:0;border-radius:calc(30 * var(--mh-u)) calc(30 * var(--mh-u)) 0 0;padding:calc(10 * var(--mh-u)) calc(24 * var(--mh-u)) calc(7 * var(--mh-u) + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 12px #74533508}
.mh-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:0;min-width:0;height:calc(90 * var(--mh-u));gap:calc(3 * var(--mh-u));padding:0;font-size:calc(23 * var(--mh-u))!important;line-height:calc(30 * var(--mh-u));color:#817d86;background:transparent;font-weight:400}.mh-nav-item.mh-active{color:#8963b9;font-weight:700}
.mh-nav-symbol{display:flex;align-items:center;justify-content:center;width:calc(74 * var(--mh-u));height:calc(36 * var(--mh-u))}
.mh-home-icon{position:relative;background:linear-gradient(135deg,#b38fd4,#8e68b8);width:calc(27 * var(--mh-u));height:calc(25 * var(--mh-u));border-radius:2px;margin-top:calc(8 * var(--mh-u))}
.mh-home-icon::before{content:"";position:absolute;background:#a47fcd;left:calc(3 * var(--mh-u));top:calc(-8 * var(--mh-u));width:calc(22 * var(--mh-u));height:calc(22 * var(--mh-u));border-radius:2px;transform:rotate(45deg);z-index:-1}
.mh-home-icon::after{content:"";position:absolute;left:calc(10 * var(--mh-u));bottom:0;width:calc(8 * var(--mh-u));height:calc(13 * var(--mh-u));border-radius:2px 2px 0 0;background:#fffdf8}
.mh-record-icon{width:calc(27 * var(--mh-u));height:calc(32 * var(--mh-u));border:calc(3 * var(--mh-u)) solid currentColor;border-radius:3px;padding:calc(7 * var(--mh-u)) calc(4 * var(--mh-u))}.mh-record-icon i{display:block;height:calc(2 * var(--mh-u));margin-bottom:calc(5 * var(--mh-u));background:currentColor;border-radius:1px}
.mh-nav-marker{display:block;width:calc(32 * var(--mh-u));height:calc(5 * var(--mh-u));border-radius:4px;background:#8963b9;opacity:0}.mh-active .mh-nav-marker{opacity:1}
.mh-entry{width:calc(100% - 32px);max-width:360px;max-height:calc(100dvh - 32px);overflow:auto;position:fixed;margin:auto;padding:28px 24px 22px;border:1px solid #e9dfeb;border-radius:24px;background:#fffdf8;color:#302b36;text-align:center;box-shadow:0 20px 80px #37224533}
.mh-entry::backdrop{background:#28203065;backdrop-filter:blur(5px)}.mh-entry .mh-close{position:absolute;top:9px;right:10px;width:36px;height:36px;border-radius:50%;font-size:26px;color:#9a8fa3;background:transparent;line-height:1}
.mh-entry-brand{font-size:11px;letter-spacing:1px;color:#9986aa;margin-bottom:13px}.mh-entry h2{font-size:23px;font-weight:800;line-height:1.4}.mh-entry-subtitle{font-size:13px;color:#958997;margin-top:5px;margin-bottom:20px}
.mh-entry .mh-copy-name{background:transparent;color:#887599;font-size:13px;padding:10px 16px;margin-top:10px;border:1px solid #e3dbe8;border-radius:24px}
.mh-open-app{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border-radius:24px;text-decoration:none;color:white;background:#9073ac;font-weight:700;font-size:15px}
.mh-code-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;width:220px;max-width:100%;margin:12px auto;background:#fff;border:1px solid #eee7ef;border-radius:16px;padding:12px}.mh-code{display:block;width:100%;height:auto;-webkit-touch-callout:default}.mh-code-status,.mh-loading{font-size:13px;color:#96899b;padding:35px 8px}
.mh-entry-hint{font-size:12px;line-height:1.7;color:#8d8293;margin-top:12px}.mh-entry-version{font-size:11px;color:#a28b68;margin-top:8px}.mh-entry-unavailable{padding:22px 10px;background:#f3edf5;border-radius:16px}.mh-entry-unavailable>span{font-size:36px;color:#bda4ce;display:block;margin-bottom:8px}.mh-entry-unavailable>p{font-size:14px;line-height:1.7;color:#8c779b}
@media(prefers-reduced-motion:reduce){.mh-duck{animation:none}.mini-home button{transition:none}}