/* Native dimensions (750 rpx canvas), scaled to the browser's actual width. */
.mini-home{--mh-accent:#f5ce68;--mh-border:#e8e3d5;--mh-card:#fffefb;--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:#353329;background:#fffaf2}
.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 #607856;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:calc(100% - 56 * var(--mh-u));aspect-ratio:750/422;margin:calc(12 * var(--mh-u)) auto calc(18 * var(--mh-u));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}
/* Keep the complete wordmark-and-duck scene in its original colours. */
.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:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16 * var(--mh-u));margin:0 0 calc(32 * var(--mh-u))}
.mini-home .mh-category{min-width:0;width:100%;height:calc(136 * var(--mh-u));display:flex;align-items:center;justify-content:flex-start;gap:calc(18 * var(--mh-u));padding:calc(16 * var(--mh-u));background:var(--mh-card);border:1px solid var(--mh-border);border-radius:calc(22 * var(--mh-u));text-align:left;line-height:1.5;color:inherit}
.mh-category-art{height:calc(104 * var(--mh-u));width:calc(104 * var(--mh-u));flex:none;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:600;font-size:calc(28 * 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(32 * var(--mh-u));font-weight:650;letter-spacing:0;line-height:calc(50 * var(--mh-u))}
.mh-section-head h2::before{content:"";width:calc(8 * var(--mh-u));height:calc(24 * var(--mh-u));background:#9daa87;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:#87806f;font-size:calc(24 * var(--mh-u));font-weight:400;background:transparent}
.mh-refresh-icon{width:calc(23 * var(--mh-u));height:calc(23 * var(--mh-u));border:1.5px solid #87806f;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 #87806f;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(332 * var(--mh-u));padding:calc(32 * var(--mh-u));background:var(--mh-card);border:1px solid var(--mh-border);border-radius:calc(26 * var(--mh-u));box-shadow:0 3px 10px #9c803b08;line-height:1.5;overflow:hidden;color:inherit}
.mh-feature-copy{position:absolute;left:calc(28 * var(--mh-u));right:calc(288 * var(--mh-u));top:calc(28 * var(--mh-u));z-index:2;display:block;pointer-events:none}
.mh-tag{display:block;font-size:calc(22 * var(--mh-u));letter-spacing:calc(1 * var(--mh-u));font-weight:500;color:#758065;margin-bottom:calc(10 * var(--mh-u))}
.mh-feature-title{display:block;font-size:calc(40 * var(--mh-u));font-weight:700;line-height:1.35;letter-spacing:0}
.mh-feature-description{display:block;max-width:calc(350 * var(--mh-u));font-size:calc(28 * var(--mh-u));font-weight:400;color:#716b5d;line-height:1.5;margin-top:calc(10 * var(--mh-u))}
.mh-feature-action{position:absolute;left:calc(28 * var(--mh-u));bottom:calc(28 * var(--mh-u));z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:calc(17 * var(--mh-u));min-width:calc(216 * var(--mh-u));height:calc(64 * var(--mh-u));padding:0 calc(25 * var(--mh-u));color:#49381c;font-size:calc(26 * var(--mh-u));font-weight:600;background:var(--mh-accent);border-radius:40px;margin-top:0;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(24 * var(--mh-u));bottom:calc(24 * var(--mh-u));width:calc(248 * var(--mh-u));height:calc(248 * var(--mh-u));pointer-events:none}
.mh-orbit{position:absolute;left:0;right:0;bottom:calc(22 * var(--mh-u));height:calc(204 * var(--mh-u));border-radius:50%;background:#f8eccb80}
.mh-feature-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mini-home .mh-feature.mh-mood{background:var(--mh-card);border-color:var(--mh-border)}.mh-mood .mh-tag{color:#758065}.mh-mood .mh-orbit{background:#f6e8c980}.mh-mood .mh-feature-action{background:var(--mh-accent)}
.mini-home .mh-feature.mh-life{background:var(--mh-card);border-color:var(--mh-border)}.mh-life .mh-tag{color:#758065}.mh-life .mh-orbit{background:#ecf0df}.mh-life .mh-feature-action{background:var(--mh-accent)}
.mh-life .mh-feature-description{max-width:calc(280 * var(--mh-u))}.mh-mood .mh-feature-description{max-width:calc(308 * var(--mh-u))}
.mini-home .mh-privacy-link{display:block;margin:calc(22 * var(--mh-u)) auto;padding:calc(10 * var(--mh-u)) calc(20 * var(--mh-u));font-size:calc(21 * var(--mh-u));line-height:1.7;color:#9a8778;background:transparent;width:auto}.mh-empty{padding:24px 16px;font-size:14px;color:#8a8372;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(24 * var(--mh-u))!important;line-height:calc(30 * var(--mh-u));color:#8a8372;background:transparent;font-weight:400}.mh-nav-item.mh-active{color:#607856;font-weight:600}
.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,#91a67c,#607856);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:#7e946b;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:#607856;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 #e8e3d5;border-radius:24px;background:#fffdf8;color:#353329;text-align:center;box-shadow:0 20px 80px #44392124}
.mh-entry::backdrop{background:#332d2065;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:#a39a86;background:transparent;line-height:1}
.mh-entry-brand{font-size:11px;letter-spacing:1px;color:#758065;margin-bottom:13px}.mh-entry h2{font-size:23px;font-weight:800;line-height:1.4}.mh-entry-subtitle{font-size:13px;color:#8a8372;margin-top:5px;margin-bottom:20px}
.mh-entry .mh-copy-name{background:transparent;color:#607856;font-size:13px;padding:10px 16px;margin-top:10px;border:1px solid #e8e3d5;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:#607856;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 #e8e3d5;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:#8a8372;padding:35px 8px}
.mh-entry-hint{font-size:12px;line-height:1.7;color:#8a8372;margin-top:12px}.mh-entry-version{font-size:11px;color:#a28b68;margin-top:8px}.mh-entry-unavailable{padding:22px 10px;background:#f8efda;border-radius:16px}.mh-entry-unavailable>span{font-size:36px;color:#d8b451;display:block;margin-bottom:8px}.mh-entry-unavailable>p{font-size:14px;line-height:1.7;color:#8a8372}
@media(prefers-reduced-motion:reduce){.mh-duck{animation:none}.mini-home button{transition:none}}
/* Match the native bottom navigation. */
.mh-new-icon{position:relative;width:calc(29 * var(--mh-u));height:calc(29 * var(--mh-u));border:calc(2.5 * var(--mh-u)) solid currentColor;border-radius:calc(7 * var(--mh-u))}
.mh-new-icon i{position:absolute;left:calc(8 * var(--mh-u));top:calc(8 * var(--mh-u));width:calc(9 * var(--mh-u));height:calc(9 * var(--mh-u));background:currentColor;transform:rotate(45deg);border-radius:1px}
.mh-new-icon::after{content:"";position:absolute;right:calc(-4 * var(--mh-u));top:calc(-5 * var(--mh-u));width:calc(8 * var(--mh-u));height:calc(8 * var(--mh-u));border-radius:50%;background:#cfab45;box-shadow:0 0 0 calc(3 * var(--mh-u)) #fffdf8}
.mh-license{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:20px 10px 0;font-size:12px;line-height:1.6;color:#8a8372}
.mh-license a{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none;white-space:nowrap}
.mh-license img{width:14px;height:auto;flex:none}
.mh-license a:hover{text-decoration:underline}
.mh-license a:focus-visible{outline:2px solid #607856;outline-offset:4px;border-radius:2px}

.mh-personality-art{display:flex;flex-wrap:wrap;width:100%;height:100%;align-content:center}.mh-personality-art>span{position:relative;display:block;width:50%;height:0;padding-bottom:50%;overflow:hidden}.mh-feature-art .mh-personality-art img{position:absolute;max-width:none;object-fit:fill}

/* Web browsing pages keep entry into the native app an explicit choice. */
.mh-browse-screen{min-height:calc(100dvh - 240 * var(--mh-u))}
.mh-browse-toolbar{display:flex;align-items:center;justify-content:space-between;padding:calc(22 * var(--mh-u)) calc(28 * var(--mh-u));border-bottom:1px solid var(--mh-border);color:#758065;font-size:calc(24 * var(--mh-u))}
.mini-home .mh-browse-toolbar button{min-height:44px;padding:0 10px 0 0;background:transparent;color:#607856;font-size:calc(27 * var(--mh-u));font-weight:600}
.mh-browse-content{padding:calc(32 * var(--mh-u)) calc(28 * var(--mh-u)) 0}
.mh-browse-kicker{font-size:calc(22 * var(--mh-u));color:#758065;letter-spacing:1px;margin-bottom:calc(12 * var(--mh-u))}
.mh-browse-content h1{font-size:calc(46 * var(--mh-u));line-height:1.35;font-weight:750;margin:0 0 calc(18 * var(--mh-u));overflow-wrap:anywhere}
.mh-browse-description,.mh-browse-note{font-size:calc(26 * var(--mh-u));line-height:1.8;color:#716b5d}
.mh-browse-count{font-size:calc(22 * var(--mh-u));color:#8a8372;margin:calc(20 * var(--mh-u)) 0}
.mh-test-list{display:grid;gap:calc(22 * var(--mh-u))}
.mh-test-card,.mh-info-card{min-width:0;padding:calc(28 * var(--mh-u));border:1px solid var(--mh-border);border-radius:calc(26 * var(--mh-u));background:var(--mh-card);box-shadow:0 3px 10px #9c803b08}
.mh-test-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--mh-u))}
.mh-test-heading>div:first-child{flex:1;min-width:0}
.mh-test-heading h2,.mh-info-card h2{font-size:calc(34 * var(--mh-u));line-height:1.45;font-weight:700;margin:0;overflow-wrap:anywhere}
.mh-test-art{position:relative;flex:none;width:calc(142 * var(--mh-u));height:calc(142 * var(--mh-u));border-radius:50%;background:#f8eccb80}
.mh-test-art>img{width:100%;height:100%;object-fit:contain}.mh-test-art .mh-personality-art img{position:absolute;max-width:none}
.mh-test-subtitle,.mh-info-card p{font-size:calc(27 * var(--mh-u));line-height:1.8;color:#716b5d;margin:calc(16 * var(--mh-u)) 0 0}
.mh-test-detail{font-size:calc(23 * var(--mh-u));line-height:1.8;color:#8a8372;margin:calc(12 * var(--mh-u)) 0 0}
.mini-home .mh-test-start{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin-top:calc(24 * var(--mh-u));padding:12px 16px;color:#49381c;background:var(--mh-accent);border-radius:28px;font-weight:650;font-size:calc(26 * var(--mh-u));line-height:1.5}
.mh-test-start>span{font-size:20px}
.mh-test-options{margin-top:calc(22 * var(--mh-u));padding:calc(20 * var(--mh-u));background:#f7f5eb;border-radius:calc(18 * var(--mh-u))}
.mh-test-options p{margin:0 0 12px;font-size:calc(24 * var(--mh-u));line-height:1.7}.mh-test-options strong,.mh-test-options span{display:block}.mh-test-options span{color:#716b5d}.mh-test-options .mh-report-note{font-size:calc(22 * var(--mh-u));color:#8a8372;margin-bottom:0}
.mini-home .mh-browse-more{display:block;width:100%;min-height:44px;padding:12px 8px;margin-top:12px;color:#607856;background:transparent;font-size:calc(25 * var(--mh-u));line-height:1.7}
.mh-browse-note{font-size:calc(22 * var(--mh-u));text-align:center;margin:calc(28 * var(--mh-u)) 0 0}

/* The browser uses the current mini-program's paper cards and collection rhythm. */
.mh-feature.mh-cat-mbti .mh-feature-art{width:calc(210 * var(--mh-u));height:calc(280 * var(--mh-u));right:calc(28 * var(--mh-u))}.mh-feature.mh-cat-mbti .mh-orbit{display:none}.mh-feature.mh-cat-mbti .mh-feature-art img{border:1px solid #e5ddce;border-radius:calc(12 * var(--mh-u));background:#ede4d5}
.mh-feature-copy{position:relative;left:auto;right:auto;top:auto;width:calc(100% - 256 * var(--mh-u));padding-bottom:calc(88 * var(--mh-u))}.mini-home .mh-feature{min-height:calc(332 * var(--mh-u));padding:calc(28 * var(--mh-u))}
.mh-browse-content{padding:calc(38 * var(--mh-u)) calc(30 * var(--mh-u)) 0;color:#465840}.mh-browse-kicker{color:#897d75;font-size:calc(23 * var(--mh-u));letter-spacing:0;line-height:1.6;margin:0}.mh-browse-content h1{display:flex;align-items:center;gap:calc(18 * var(--mh-u));font-size:calc(50 * var(--mh-u));font-weight:700;line-height:1.3;margin:calc(18 * var(--mh-u)) 0 calc(12 * var(--mh-u))}.mh-browse-description{font-size:calc(26 * var(--mh-u));color:#85796f;line-height:1.7;margin-bottom:calc(32 * var(--mh-u))}.mh-title-spark{display:block;width:calc(34 * var(--mh-u));height:calc(34 * var(--mh-u));background:#878b7b;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);flex:none}
.mini-home.mh-catalog{background:#f3f3ed}.mh-catalog .mh-browse-content{padding-top:0}.mh-catalog .mh-browse-toolbar{border:0}.mh-catalog .mh-browse-kicker{display:none}.mh-catalog .mh-browse-content h1{font-size:calc(52 * var(--mh-u));font-weight:800;color:#30352f}
.mh-test-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(16 * var(--mh-u));padding:calc(28 * var(--mh-u));border-radius:calc(22 * var(--mh-u));background:#fffefa;border-color:#e9e3d8;line-height:1.7;text-align:left;color:#30352f;box-shadow:none}.mh-card-copy{flex:1;min-width:0}.mh-card-copy h2{font-size:calc(32 * var(--mh-u));font-weight:750;line-height:1.5;margin:calc(14 * var(--mh-u)) 0 calc(9 * var(--mh-u));overflow-wrap:anywhere}.mh-test-card .mh-tag{display:inline-block;font-size:calc(20 * var(--mh-u));letter-spacing:0;color:#607856;border-radius:calc(22 * var(--mh-u));padding:calc(3 * var(--mh-u)) calc(14 * var(--mh-u));background:#edf0e6;line-height:1.6;margin:0}.mh-test-subtitle{font-size:calc(24 * var(--mh-u));line-height:1.7;color:#607856;margin:0}.mh-test-detail{font-size:calc(21 * var(--mh-u));color:#878b7b;margin:calc(14 * var(--mh-u)) 0 0;line-height:1.7}.mh-test-art{width:calc(190 * var(--mh-u));height:calc(234 * var(--mh-u));margin:0;background:transparent;border-radius:0}.mh-test-art>img{width:100%;height:100%;object-fit:contain}.mini-home .mh-card-copy .mh-test-start{display:inline-flex;width:auto;min-height:0;font-size:calc(24 * var(--mh-u));line-height:1.5;color:#607856;padding:calc(10 * var(--mh-u)) calc(20 * var(--mh-u));background:#eff2e9;border-radius:calc(14 * var(--mh-u));margin-top:calc(20 * var(--mh-u));font-weight:650}.mh-test-options{flex-basis:100%;margin:0}.mh-test-card.mh-cat-mbti .mh-test-art img{border:1px solid #e2d9c8;border-radius:calc(10 * var(--mh-u));background:#ede4d5}
.mh-release-date{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:calc(34 * var(--mh-u)) calc(4 * var(--mh-u)) calc(18 * var(--mh-u));font-size:calc(26 * var(--mh-u));color:#607856;font-weight:600}.mh-release-date small{font-size:calc(22 * var(--mh-u));font-weight:400;color:#93877f;margin-left:calc(14 * var(--mh-u))}.mh-release-latest{font-size:calc(22 * var(--mh-u));font-weight:500;background:#f3f3ed;padding:calc(8 * var(--mh-u)) calc(16 * var(--mh-u));border-radius:20px;white-space:nowrap}.mh-test-list{gap:calc(20 * var(--mh-u))}.mh-release-row{min-height:calc(286 * var(--mh-u));padding:calc(26 * var(--mh-u));gap:calc(24 * var(--mh-u));border-radius:calc(26 * var(--mh-u));box-shadow:0 3px 9px #59402c05}.mh-release-row .mh-test-art{width:calc(168 * var(--mh-u));height:calc(216 * var(--mh-u))}.mh-release-row .mh-tag{display:block;background:transparent;padding:0;font-size:calc(20 * var(--mh-u));line-height:1.5}.mh-release-row h2{font-size:calc(33 * var(--mh-u));margin:calc(12 * var(--mh-u)) 0 calc(10 * var(--mh-u));line-height:1.45;color:#465840}.mh-release-row .mh-test-subtitle{color:#81746b;line-height:1.6}.mini-home .mh-release-row .mh-test-start{font-size:calc(22 * var(--mh-u));padding:calc(8 * var(--mh-u)) calc(18 * var(--mh-u));border-radius:calc(12 * var(--mh-u))}.mh-browse-note{font-size:calc(24 * var(--mh-u));color:#95877e;padding:calc(30 * var(--mh-u)) calc(12 * var(--mh-u));margin:0}
.mh-record-tabs{display:flex;gap:calc(6 * var(--mh-u));padding:calc(8 * var(--mh-u));background:#f3f3ed;border-radius:calc(20 * var(--mh-u));margin-bottom:calc(28 * var(--mh-u))}.mh-record-tabs button{flex:1;width:0;padding:calc(20 * var(--mh-u)) 0;border-radius:calc(14 * var(--mh-u));font-size:calc(26 * var(--mh-u));font-weight:500;color:#607856;background:transparent;line-height:1.5}.mh-record-tabs [aria-selected=true]{background:#fffefa;color:#465840;font-weight:650;box-shadow:0 2px 5px #4658400b}.mh-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 calc(4 * var(--mh-u)) calc(24 * var(--mh-u));font-size:calc(23 * var(--mh-u));color:#91817c;line-height:1.6}.mh-collection-heading button{display:flex;align-items:center;gap:8px;color:#465840;background:transparent;font-size:calc(24 * var(--mh-u));padding:calc(10 * var(--mh-u)) 0}.mh-plus{position:relative;display:block;width:10px;height:10px}.mh-plus::before,.mh-plus::after{content:'';position:absolute;background:currentColor;left:0;top:4px;width:10px;height:1px}.mh-plus::after{transform:rotate(90deg)}.mh-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20 * var(--mh-u))}.mh-saved-record{display:flex;flex-direction:column;min-width:0;text-decoration:none;text-align:left;padding:calc(20 * var(--mh-u));background:#fffefa;border:1px solid #e9e3d8!important;border-radius:calc(24 * var(--mh-u));box-shadow:0 2px 7px #59402c04;overflow:hidden}.mh-result-art{display:flex;align-items:center;justify-content:center;height:calc(204 * var(--mh-u));margin-bottom:calc(18 * var(--mh-u));background:#f6f4ec;border-radius:calc(14 * var(--mh-u));overflow:hidden}.mh-result-art img{display:block;width:100%;height:100%;max-width:calc(204 * var(--mh-u));object-fit:contain}.mh-record-top{display:flex;flex-direction:column;gap:calc(4 * var(--mh-u));font-size:calc(20 * var(--mh-u));line-height:1.4;color:#958a7c}.mh-record-top>span:first-child{height:calc(56 * var(--mh-u));line-height:calc(28 * var(--mh-u));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mh-record-top time{line-height:calc(28 * var(--mh-u));height:calc(28 * var(--mh-u));white-space:nowrap}.mh-saved-record h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:calc(82 * var(--mh-u));font-size:calc(28 * var(--mh-u));line-height:calc(41 * var(--mh-u));font-weight:600;color:#383e35;margin-top:calc(14 * var(--mh-u));overflow:hidden}.mh-record-action{align-self:flex-start;margin-top:calc(18 * var(--mh-u));padding:calc(8 * var(--mh-u)) calc(16 * var(--mh-u));background:#eff2e9;color:#637354;font-weight:600;border-radius:calc(12 * var(--mh-u));font-size:calc(22 * var(--mh-u));line-height:1.5}.mh-music-grid .mh-saved-record{min-height:calc(264 * var(--mh-u));padding:calc(24 * var(--mh-u))}.mh-music-grid .mh-record-top{flex-direction:row;justify-content:space-between}.mh-music-grid .mh-record-top>span:first-child{height:auto}.mh-music-grid .mh-record-action{margin-top:auto}.mh-record-empty{padding:calc(56 * var(--mh-u)) calc(32 * var(--mh-u));border:1px solid #e9e1d9;background:#fffefa;border-radius:calc(26 * var(--mh-u));text-align:center;color:#8c7f78;font-size:calc(25 * var(--mh-u));line-height:1.8}.mh-record-empty strong{display:block;color:#465840;font-size:calc(32 * var(--mh-u));font-weight:600;margin-bottom:calc(16 * var(--mh-u))}.mh-record-empty button{display:inline-block;width:auto;padding:calc(20 * var(--mh-u)) calc(32 * var(--mh-u));margin-top:calc(30 * var(--mh-u));border-radius:calc(16 * var(--mh-u));font-size:calc(25 * var(--mh-u));background:#f3f3ed;color:#465840}.mh-history-footnote{font-size:calc(23 * var(--mh-u));line-height:1.8;color:#978981;margin:calc(30 * var(--mh-u)) calc(6 * var(--mh-u)) calc(12 * var(--mh-u))}.mh-record-warning{font-size:14px;color:#9e6d61;padding:12px 0}
.mh-feedback{padding:calc(28 * var(--mh-u));border:1px solid #f3f3ed;border-radius:calc(22 * var(--mh-u));background:white;color:#30352f}.mh-feedback>label{display:block;font-size:calc(26 * var(--mh-u));font-weight:650;margin-bottom:calc(18 * var(--mh-u))}.mh-feedback-topics{display:flex;gap:calc(12 * var(--mh-u));margin-bottom:calc(34 * var(--mh-u))}.mh-feedback-topics label{flex:1;position:relative;text-align:center}.mh-feedback-topics input{position:absolute;opacity:0}.mh-feedback-topics span{display:block;padding:calc(16 * var(--mh-u)) calc(8 * var(--mh-u));background:#f3f3ed;color:#607856;font-size:calc(23 * var(--mh-u));line-height:1.5;border-radius:calc(14 * var(--mh-u))}.mh-feedback-topics input:checked+span{background:#607856;color:white}.mh-feedback-topics input:focus-visible+span{outline:2px solid #607856;outline-offset:2px}.mh-feedback textarea{width:100%;height:calc(310 * var(--mh-u));padding:calc(22 * var(--mh-u));font:inherit;font-size:calc(27 * var(--mh-u));line-height:1.8;border:1px solid #e2e6d9;background:#f3f3ed;border-radius:calc(16 * var(--mh-u));resize:vertical;color:#30352f}.mh-feedback-count{display:block;text-align:right;font-size:calc(21 * var(--mh-u));color:#878b7b;margin-top:calc(12 * var(--mh-u))}.mh-feedback p{font-size:calc(22 * var(--mh-u));color:#607856;line-height:1.8;margin:calc(28 * var(--mh-u)) 0}.mini-home .mh-feedback-submit{width:100%;padding:calc(26 * var(--mh-u));background:#607856;color:white;border-radius:calc(16 * var(--mh-u));font-size:calc(26 * var(--mh-u));font-weight:650;line-height:1.5}.mh-feedback-submit:disabled{opacity:.6;cursor:wait}
.mh-updates .mh-title-spark{background:#cfab45}.mh-entry .mh-close{display:flex;align-items:center;justify-content:center}.mh-close-mark{position:relative;display:block;width:16px;height:16px}.mh-close-mark::before,.mh-close-mark::after{content:'';position:absolute;top:7px;left:0;width:16px;height:1.5px;border-radius:2px;background:currentColor;transform:rotate(45deg)}.mh-close-mark::after{transform:rotate(-45deg)}
.mini-home .mh-home-entry{display:flex;align-items:center;justify-content:center;gap:calc(18 * var(--mh-u));width:100%;margin:calc(24 * var(--mh-u)) 0 0;padding:calc(18 * var(--mh-u)) calc(24 * var(--mh-u));background:#f3f3ed;border:1px solid #e4e8db;border-radius:calc(20 * var(--mh-u));text-align:left;color:#607856;line-height:1.5}.mh-home-entry strong{display:block;font-size:calc(25 * var(--mh-u));font-weight:600}.mh-home-entry small{display:block;margin-top:calc(3 * var(--mh-u));font-size:calc(20 * var(--mh-u));color:#8b917e}.mh-entry-symbol{position:relative;display:block;flex:none;width:calc(40 * var(--mh-u));height:calc(40 * var(--mh-u))}.mh-entry-symbol i{position:absolute;width:calc(16 * var(--mh-u));height:calc(16 * var(--mh-u));border:calc(3 * var(--mh-u)) solid currentColor;border-radius:calc(3 * var(--mh-u))}.mh-entry-symbol i:nth-child(2){right:0}.mh-entry-symbol i:nth-child(3){bottom:0}.mh-entry-symbol::after{content:'';position:absolute;right:0;bottom:0;width:calc(15 * var(--mh-u));height:calc(15 * var(--mh-u));background:linear-gradient(currentColor,currentColor) 0 0/40% 40%,linear-gradient(currentColor,currentColor) 100% 100%/40% 70%,linear-gradient(currentColor,currentColor) 0 100%/40% 30%;background-repeat:no-repeat}

/* The card and its visible action share the same delegated native entry. */
.mh-test-card{cursor:pointer}