@font-face{font-family:'Material Symbols Rounded';font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-symbols-rounded.woff2) format('woff2')}:root{color-scheme:light only;--bg-app:#e7f4ff;--surface:#ffffff;--surface-solid:#ffffff;--dark-block:#06111f;--accent:#005BFF;--accent-strong:#0047C7;--text-main:#06111f;--text-muted:rgba(6,17,31,0.72);--text-faint:rgba(6,17,31,0.38);--hairline:rgba(6,17,31,0.16);--font-display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter','Plus Jakarta Sans',sans-serif;--font-body:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter','Plus Jakarta Sans',sans-serif;--ease-snappy:cubic-bezier(0.32,0.72,0,1)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-body);-webkit-tap-highlight-color:transparent}body{background:#e7f4ff;color:var(--text-main);overflow-x:hidden;max-width:100vw;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;font-weight:500;-webkit-font-smoothing:antialiased}.app-container{width:100%;max-width:480px;height:100vh;height:100dvh;background:#e7f4ff;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 18px 60px rgba(0,91,255,.14);border:1px solid rgba(0,91,255,.18)}.top-bar{height:64px;flex:0 0 64px;padding:0 clamp(18px,3vw,42px);display:flex;justify-content:flex-start;gap:12px;align-items:center;background:#fff;border-bottom:2px solid rgba(6,17,31,.16);position:relative;z-index:55;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(6,17,31,.04),0 10px 26px rgba(6,17,31,.08)}.top-bar-title{font-family:var(--font-display);font-size:16px;font-weight:900;color:var(--text-main);letter-spacing:-.01em}.top-bar-back{display:inline-flex;align-items:center;gap:6px;background:0 0;border:none;color:rgba(6,17,31,.62);font-size:13px;font-weight:700;cursor:pointer;padding:8px 12px;border-radius:10px;text-decoration:none}.top-bar-back:hover{background:rgba(6,17,31,.06)}.top-bar-back .material-symbols-rounded{font-size:20px}.material-symbols-rounded{font-family:'Material Symbols Rounded';font-size:24px;display:inline-block;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:'liga'}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:16px 14px 90px;display:flex;flex-direction:column;gap:14px}@media (min-width:900px){body{background:#d7edff}.app-container{max-width:none;width:100%;height:auto;min-height:100dvh;border:0;box-shadow:none}.content-area{max-width:1320px;margin:0 auto;width:100%;padding:32px clamp(18px,3vw,42px) 100px;gap:20px}.mh-card{padding:22px 26px}.mh-search-row{max-width:440px}.mh-genre-filter-row{flex-wrap:wrap;overflow-x:visible;padding:0}.mh-tabs-row{max-width:340px}#mhFeedList{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;align-items:start}#mhFeedList .mh-empty,#mhFeedList .mh-load-more{grid-column:1/-1}#mhFeedList .mh-load-more{max-width:360px;margin:0 auto}.mh-fab{right:clamp(24px,3.5vw,56px)!important}}.mh-search-row{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:16px;background:#fff;border:2px solid #06111f;box-shadow:0 3px 0 rgba(6,17,31,.12)}.mh-search-row .material-symbols-rounded{font-size:20px;color:var(--text-faint)}.mh-search-input{flex:1;border:none;outline:0;background:0 0;font-size:14px;font-weight:600;color:var(--text-main)}.mh-search-input::placeholder{color:rgba(6,17,31,.34)}.mh-search-clear{display:none;border:none;background:0 0;color:var(--text-faint);cursor:pointer;padding:2px}.mh-search-clear.show{display:flex}.mh-tabs-row{display:flex;gap:8px}.mh-tab{flex:1;padding:10px 6px;border-radius:12px;border:2px solid #06111f;background:#fff;color:var(--text-muted);font-size:12.5px;font-weight:800;cursor:pointer;text-align:center;box-shadow:0 3px 0 rgba(6,17,31,.14);transition:transform 80ms,box-shadow 80ms}.mh-tab:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(6,17,31,.14)}.mh-tab.active{background:#005bff;color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 3px 0 #003eaa}.mh-card{border-radius:20px;padding:16px;background:var(--surface-solid);border:2px solid #06111f;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -4px 0 rgba(0,0,0,.06),0 4px 0 rgba(6,17,31,.1),0 10px 22px rgba(6,17,31,.1);display:flex;flex-direction:column;gap:12px}.mh-post-head{display:flex;align-items:center;gap:10px}.mh-avatar{width:38px;height:38px;border-radius:50%;background:#dbeafe;object-fit:cover;flex:0 0 auto;border:1.5px solid rgba(6,17,31,.1)}.mh-post-authorwrap{flex:1;min-width:0}.mh-post-author{font-size:13.5px;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mh-post-time{font-size:11.5px;font-weight:600;color:var(--text-faint)}.mh-diff-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;flex:0 0 auto;border:1.5px solid #06111f;box-shadow:0 2px 0 rgba(6,17,31,.18)}.mh-diff-beginner{background:#00d66b;color:#fff}.mh-diff-medium{background:#f5b301;color:#06111f}.mh-diff-hard{background:#e5484d;color:#fff}.mh-delete-btn{flex:0 0 auto;width:30px;height:30px;border-radius:9px;border:1.5px solid rgba(6,17,31,.14);background:#fff;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 0 rgba(6,17,31,.12);transition:transform 80ms,box-shadow 80ms,color 120ms,border-color 120ms}.mh-delete-btn .material-symbols-rounded{font-size:17px}.mh-delete-btn:hover{color:#c62828;border-color:rgba(198,40,40,.32)}.mh-delete-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 rgba(6,17,31,.12)}.mh-cover{width:100%;border-radius:14px;max-height:280px;object-fit:cover;border:1.5px solid rgba(6,17,31,.1)}.mh-post-title{font-size:16.5px;font-weight:800;color:var(--text-main);line-height:1.3;word-break:break-word}.mh-meta-line{font-size:12px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.3px}.mh-caption{font-size:14px;font-weight:600;color:var(--text-main);line-height:1.45;white-space:pre-wrap;word-break:break-word}.mh-actions-row1{display:flex;align-items:center;gap:18px;padding-top:2px;border-top:1.5px solid rgba(6,17,31,.08)}.mh-social-btn{display:flex;align-items:center;gap:6px;background:0 0;border:none;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer;padding:6px 2px}.mh-preview-btn{color:var(--accent)}.mh-preview-btn .mh-preview-icon{font-size:21px}.mh-preview-btn.is-playing{color:#e8368f}.mh-preview-btn.is-loading{color:var(--text-faint);cursor:progress}.mh-preview-btn.is-playing .mh-preview-icon{animation:mhPreviewPulse 1.4s ease-in-out infinite}@keyframes mhPreviewPulse{0%,100%{opacity:1}50%{opacity:.45}}.mh-preview-label{min-width:52px;text-align:left}.mh-social-btn .material-symbols-rounded{font-size:20px}.mh-social-btn.liked{color:#c62828}.mh-social-btn.liked .material-symbols-rounded{font-variation-settings:'FILL' 1}.mh-actions-row2{display:flex;gap:8px;flex-wrap:wrap}.mh-play-btn{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 12px;border-radius:13px;font-size:13px;font-weight:900;font-family:var(--font-display);cursor:pointer;transition:transform 80ms,box-shadow 80ms}.mh-play-btn:active{transform:translateY(2px)}.mh-play-btn .material-symbols-rounded{font-size:18px}.mh-play-btn.mh-btn-outline{background:#fff;color:var(--text-main);border:1.5px solid rgba(6,17,31,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 0 rgba(6,17,31,.12)}.mh-play-btn.mh-btn-primary{background:#005bff;color:#fff;border:none;box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 3px 0 #003eaa}.mh-free-tag{font-size:10px;font-weight:800;opacity:.72;margin-left:2px}.mh-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;text-align:center;color:var(--text-faint)}.mh-empty .material-symbols-rounded{font-size:40px}.mh-empty-title{font-size:14px;font-weight:800;color:var(--text-muted)}.mh-load-more{padding:13px;border-radius:14px;border:2px solid #06111f;background:#fff;color:var(--text-main);font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 rgba(6,17,31,.14);transition:transform 80ms,box-shadow 80ms}.mh-load-more:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(6,17,31,.14)}.mh-fab{position:fixed;right:20px;bottom:26px;width:58px;height:58px;border-radius:50%;background:#005bff;color:#fff;border:none;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),0 6px 0 #003eaa,0 10px 24px rgba(0,91,255,.32);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:60;transition:transform 80ms}.mh-fab:active{transform:translateY(3px)}.mh-fab .material-symbols-rounded{font-size:28px}.mh-sheet-backdrop{position:fixed;inset:0;background:rgba(6,17,31,.5);z-index:900;display:none}.mh-sheet-backdrop.show{display:block}.mh-sheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;max-height:88vh;background:#fff;border-radius:22px 22px 0 0;border:2px solid #06111f;border-bottom:none;z-index:901;display:none;flex-direction:column;box-shadow:0 -12px 40px rgba(6,17,31,.28)}.mh-sheet.show{display:flex}@media (min-width:900px){.mh-sheet{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);max-width:560px;max-height:80vh;border-radius:24px;border-bottom:2px solid #06111f;box-shadow:0 24px 70px rgba(6,17,31,.32)}}.mh-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1.5px solid rgba(6,17,31,.1)}.mh-sheet-title{font-family:var(--font-display);font-size:16px;font-weight:900}.mh-sheet-close{border:none;background:rgba(6,17,31,.06);border-radius:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted)}.mh-sheet-body{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px}.mh-field-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint)}.mh-upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;border-radius:16px;border:2px dashed rgba(6,17,31,.18);background:rgba(0,91,255,.03);cursor:pointer}.mh-upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.mh-upload-zone .material-symbols-rounded{font-size:30px;color:#005bff}.mh-upload-text{font-size:13px;font-weight:700}.mh-upload-hint{font-size:11px;color:var(--text-faint)}.mh-file-chip{display:none;align-items:center;gap:10px;padding:11px 13px;border-radius:13px;background:rgba(0,91,255,.06);border:1.5px solid rgba(0,91,255,.18)}.mh-file-chip.show{display:flex}.mh-file-name{flex:1;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mh-file-remove{width:26px;height:26px;flex:0 0 auto;border-radius:9px;background:#fff;border:1.5px solid rgba(6,17,31,.14);cursor:pointer;display:flex;align-items:center;justify-content:center}.mh-textarea{width:100%;min-height:80px;padding:12px 14px;border-radius:14px;border:2px solid rgba(6,17,31,.14);background:#fff;font-size:14px;font-weight:600;outline:0;resize:vertical;font-family:var(--font-body)}.mh-textarea:focus{border-color:#005bff}.mh-field-row{display:flex;gap:12px}.mh-field-row>div{flex:1;min-width:0}.mh-text-input{width:100%;padding:11px 13px;border-radius:13px;border:2px solid rgba(6,17,31,.14);background:#fff;font-size:13.5px;font-weight:600;outline:0;font-family:var(--font-body)}.mh-text-input:focus{border-color:#005bff}.mh-select{width:100%;padding:11px 34px 11px 13px;border-radius:13px;border:2px solid rgba(6,17,31,.14);background-color:#fff;font-size:13.5px;font-weight:600;outline:0;font-family:var(--font-body);color:var(--text-main);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2306111f'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px 20px}.mh-select:focus{border-color:#005bff}.mh-pill-row{display:flex;gap:8px}.mh-pill{flex:1;padding:11px 6px;border-radius:12px;border:2px solid rgba(6,17,31,.14);background:#fff;font-size:12.5px;font-weight:800;cursor:pointer;text-align:center;color:var(--text-muted)}.mh-pill.active[data-diff=beginner]{background:#00d66b;border-color:#06111f;color:#fff;box-shadow:0 2px 0 rgba(6,17,31,.18)}.mh-pill.active[data-diff=medium]{background:#f5b301;border-color:#06111f;color:#06111f;box-shadow:0 2px 0 rgba(6,17,31,.18)}.mh-pill.active[data-diff=hard]{background:#e5484d;border-color:#06111f;color:#fff;box-shadow:0 2px 0 rgba(6,17,31,.18)}.mh-genre-grid{display:flex;flex-wrap:wrap;gap:8px}.mh-genre-filter-row{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 3px}.mh-genre-filter-row::-webkit-scrollbar{display:none}.mh-genre-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:12px;border:2px solid transparent;font-size:12.5px;font-weight:800;cursor:pointer;white-space:nowrap;font-family:var(--font-body);box-shadow:0 3px 0 rgba(6,17,31,.1);transition:transform 80ms,box-shadow 80ms}.mh-genre-pill:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(6,17,31,.1)}.mh-genre-pill .material-symbols-rounded{font-size:15px;display:none}.mh-genre-pill.active .material-symbols-rounded{display:inline-block}.mh-genre-pill[data-genre=all]{background:#fff;border-color:rgba(6,17,31,.14);color:var(--text-muted)}.mh-genre-pill[data-genre=all].active{background:#06111f;border-color:#06111f;color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.14),0 4px 0 #000}.mh-genre-pill[data-genre=anime_ost],.mh-genre-pill[data-genre=classical],.mh-genre-pill[data-genre=kpop],.mh-genre-pill[data-genre=rock],.mh-genre-pill[data-genre=wedding]{background:rgba(0,91,255,.1);border-color:rgba(0,91,255,.22);color:#003a9e}.mh-genre-pill[data-genre=anime_ost].active,.mh-genre-pill[data-genre=classical].active,.mh-genre-pill[data-genre=kpop].active,.mh-genre-pill[data-genre=rock].active,.mh-genre-pill[data-genre=wedding].active{background:#005bff;border-color:#06111f;color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),0 4px 0 #003eaa}.mh-genre-pill[data-genre=holiday],.mh-genre-pill[data-genre=jazz],.mh-genre-pill[data-genre=lofi_chill],.mh-genre-pill[data-genre=rnb_soul],.mh-genre-pill[data-genre=video_game]{background:rgba(229,72,77,.12);border-color:rgba(229,72,77,.26);color:#a3181d}.mh-genre-pill[data-genre=holiday].active,.mh-genre-pill[data-genre=jazz].active,.mh-genre-pill[data-genre=lofi_chill].active,.mh-genre-pill[data-genre=rnb_soul].active,.mh-genre-pill[data-genre=video_game].active{background:#e5484d;border-color:#06111f;color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),0 4px 0 #9f1a1e}.mh-genre-pill[data-genre=folk_traditional],.mh-genre-pill[data-genre=gospel_worship],.mh-genre-pill[data-genre=movie_tv],.mh-genre-pill[data-genre=other],.mh-genre-pill[data-genre=pop]{background:rgba(245,179,1,.18);border-color:rgba(245,179,1,.36);color:#7a5600}.mh-genre-pill[data-genre=folk_traditional].active,.mh-genre-pill[data-genre=gospel_worship].active,.mh-genre-pill[data-genre=movie_tv].active,.mh-genre-pill[data-genre=other].active,.mh-genre-pill[data-genre=pop].active{background:#f5b301;border-color:#06111f;color:#06111f;box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 4px 0 #a87700}.mh-submit-btn{width:100%;padding:14px;border-radius:15px;border:none;background:#005bff;color:#fff;font-size:14px;font-weight:900;font-family:var(--font-display);cursor:pointer;box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 4px 0 #003eaa}.mh-submit-btn:disabled{opacity:.4;cursor:not-allowed}.mh-comment{display:flex;gap:8px}.mh-comment.mh-reply{margin-left:34px}.mh-comment-body{flex:1;background:rgba(6,17,31,.04);border-radius:14px;padding:9px 12px}.mh-comment-author{font-size:12.5px;font-weight:800}.mh-comment-text{font-size:13px;font-weight:500;color:var(--text-muted);margin-top:2px;word-break:break-word}.mh-reply-link{font-size:11.5px;font-weight:800;color:var(--accent);background:0 0;border:none;cursor:pointer;padding:4px 0 0}.mh-comment-input-row{display:flex;gap:8px;padding:10px 14px;border-top:1.5px solid rgba(6,17,31,.1)}.mh-comment-input{flex:1;padding:10px 13px;border-radius:20px;border:1.5px solid rgba(6,17,31,.14);font-size:13px;outline:0}.mh-comment-send{border:none;background:#005bff;color:#fff;border-radius:20px;padding:0 16px;font-weight:800;font-size:13px;cursor:pointer}.auth-gate-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:min(64vh,560px);padding:24px 16px 64px;margin:auto 0;flex-shrink:0}.auth-gate-form-slot{width:100%;display:flex;justify-content:center}.auth-entry-overlay{position:fixed;inset:0;z-index:245;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none}.auth-entry-overlay.is-inline{position:static;inset:auto;z-index:auto;display:flex;justify-content:center;width:100%;padding:0;background:0 0;opacity:1;visibility:visible;pointer-events:auto;transition:none}.auth-entry-card{width:min(100%,356px);max-height:calc(100dvh - 36px);overflow-y:auto;border:1px solid rgba(6,17,31,.24);border-radius:28px;padding:16px;background:rgba(233,245,255,.88);color:#06111f;font-family:'Space Grotesk','Plus Jakarta Sans',var(--font-body);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 24px 70px rgba(6,17,31,.26)}.auth-entry-overlay.is-inline .auth-entry-card{width:100%;max-height:none}.auth-entry-overlay.is-inline .auth-entry-close{display:none}.auth-entry-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.auth-entry-title{font-family:'Bricolage Grotesque','Space Grotesk',var(--font-display);font-size:24px;font-weight:800;line-height:1;letter-spacing:-.045em}.auth-entry-subtitle{margin-top:6px;font-family:'Plus Jakarta Sans',var(--font-body);font-size:12.2px;font-weight:700;line-height:1.35;color:rgba(6,17,31,.62)}.auth-entry-close{width:38px;height:38px;border-radius:14px;border:1px solid #06111f;background:#fff;color:#06111f;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.94),inset 0 -3px 0 rgba(6,17,31,.08),0 3px 0 rgba(6,17,31,.18)}.auth-entry-google{width:100%;min-height:48px;border-radius:16px;border:1px solid #06111f;background:#fff;color:#06111f;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-family:'Plus Jakarta Sans',var(--font-body);font-size:13.4px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -3px 0 rgba(6,17,31,.08),0 3px 0 rgba(6,17,31,.18),0 8px 16px rgba(6,17,31,.1)}.auth-entry-google svg{width:20px;height:20px;flex:0 0 20px}.auth-entry-google:disabled{opacity:.5;cursor:not-allowed}.auth-tab-bar{display:flex;gap:4px;background:rgba(6,17,31,.08);border-radius:10px;padding:4px;margin-bottom:10px}.auth-tab-btn{flex:1;padding:7px 0;border:none;background:0 0;border-radius:7px;font-size:13px;font-weight:700;color:rgba(6,17,31,.44);cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:all 140ms}.auth-tab-btn.auth-tab-active{background:#fff;color:#005bff;box-shadow:0 1px 4px rgba(6,17,31,.14)}.auth-screen{display:flex;flex-direction:column;gap:8px}.auth-or-line{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:rgba(6,17,31,.36);margin:2px 0}.auth-or-line::after,.auth-or-line::before{content:'';flex:1;height:1px;background:rgba(6,17,31,.13)}.auth-field-row{display:flex;flex-direction:column;gap:5px}.auth-fl{font-size:12.5px;font-weight:700;color:rgba(6,17,31,.58);font-family:'Plus Jakarta Sans',sans-serif}.auth-fi{width:100%;padding:10px 13px;border:1.5px solid rgba(6,17,31,.18);border-radius:10px;background:#fff;font-size:14px;font-weight:500;color:#06111f;outline:0;transition:border-color 140ms,box-shadow 140ms;-webkit-appearance:none}.auth-fi:focus{border-color:#005bff;box-shadow:0 0 0 3px rgba(0,91,255,.11)}.auth-fi-wrap{position:relative}.auth-fi-wrap .auth-fi{padding-right:40px}.auth-fi-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;color:rgba(6,17,31,.36);display:flex;align-items:center;padding:5px;border-radius:6px}.auth-fi-eye .material-symbols-rounded{font-size:17px}.auth-pwd-reqs{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}.auth-pwd-req{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;background:rgba(6,17,31,.07);color:rgba(6,17,31,.38);transition:all 150ms;font-family:'Plus Jakarta Sans',sans-serif}.auth-pwd-req.met{background:rgba(0,214,107,.16);color:#007a3e}.auth-name-status{font-size:11.5px;font-weight:700;margin-top:4px;min-height:14px;font-family:'Plus Jakarta Sans',sans-serif}.auth-name-status.checking{color:rgba(6,17,31,.45)}.auth-name-status.available{color:#0a9d5c}.auth-name-status.taken{color:#e0304b}.auth-name-status.invalid{color:#e0304b}.auth-err{font-size:12.5px;font-weight:600;color:#c62828;font-family:'Plus Jakarta Sans',sans-serif;min-height:0}.auth-err:not(:empty){padding:8px 10px;background:rgba(198,40,40,.07);border-radius:8px;border:1px solid rgba(198,40,40,.15)}.auth-primary-btn{width:100%;padding:12px;background:#005bff;color:#fff;border:none;border-radius:12px;font-size:14.5px;font-weight:800;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 #003eaa,0 6px 14px rgba(0,91,255,.26);transition:background 130ms,transform 80ms}.auth-primary-btn:hover:not(:disabled){background:#0047c7}.auth-primary-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.auth-primary-btn:disabled{opacity:.5;cursor:not-allowed}.auth-tos-note{font-size:11.6px;line-height:1.45;font-weight:600;color:rgba(6,17,31,.55);font-family:'Plus Jakarta Sans',sans-serif}.auth-tos-note a{color:var(--accent);font-weight:800}.auth-tos-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;font-weight:600;color:rgba(6,17,31,.68);font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer}.auth-tos-row input{width:16px;height:16px;margin-top:1px;flex:0 0 16px;accent-color:#005BFF;cursor:pointer}.auth-tos-row a{color:#005bff;font-weight:800;text-decoration:none}.auth-tos-row a:hover{text-decoration:underline}.auth-ghost-btn{width:100%;padding:9px;background:0 0;color:rgba(6,17,31,.58);border:1.5px solid rgba(6,17,31,.16);border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:background 130ms}.auth-ghost-btn:hover{background:rgba(6,17,31,.05)}.auth-link-sm{border:none;background:0 0;color:#005bff;cursor:pointer;font-size:12px;font-weight:700;padding:0;text-align:right;font-family:'Plus Jakarta Sans',sans-serif;display:block;margin-left:auto}.auth-verify-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.auth-verify-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background:rgba(0,91,255,.1);border-radius:18px}.auth-verify-icon .material-symbols-rounded{font-size:28px;color:#005bff}.auth-verify-title{font-size:18px;font-weight:800;text-align:center;color:#06111f;font-family:'Bricolage Grotesque','Space Grotesk',sans-serif}.auth-verify-body{font-size:13px;text-align:center;color:rgba(6,17,31,.58);line-height:1.5;font-family:'Plus Jakarta Sans',sans-serif}.mh-toast-wrap{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:340px;width:90%}.mh-toast{pointer-events:auto;padding:14px 18px;border-radius:14px;background:#06111f;color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 28px rgba(6,17,31,.28);opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s}.mh-toast.show{opacity:1;transform:translateY(0)}.mh-toast.t-error{background:#c62828}.mh-toast.t-success{background:#007a3e}.mh-auth-hero{display:none;flex-direction:column;gap:14px;max-width:460px}@media (max-width:1023px){body.mh-auth-mode .content-area{padding:20px 0}body.mh-auth-mode .auth-gate-form-slot{max-width:380px;margin-left:auto;margin-right:auto}}.mh-auth-hero-eyebrow{font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent)}.mh-auth-hero-title{font-family:'Bricolage Grotesque','Space Grotesk',var(--font-display);font-size:52px;font-weight:800;line-height:1;letter-spacing:-.045em;color:var(--text-main)}.mh-auth-hero-sub{font-size:16px;font-weight:600;line-height:1.5;color:var(--text-muted);max-width:38ch}.mh-auth-hero-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:6px}.mh-auth-hero-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:650;line-height:1.45;color:var(--text-main)}.mh-auth-tick{width:20px;height:20px;flex:0 0 20px;margin-top:1px;border-radius:50%;background:var(--accent);display:grid;place-items:center}.mh-auth-tick svg{width:12px;height:12px;fill:#fff;display:block}body.mh-auth-mode .mh-fab{display:none}body.mh-auth-mode #mhAboutCard{display:none}body.mh-auth-mode .app-container{max-width:none;width:100%;border:none;box-shadow:none;background:0 0}@media (min-width:1024px){body.mh-auth-mode .content-area{padding:0 42px;justify-content:center}body.mh-auth-mode .auth-gate-inline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,392px);gap:72px;align-items:center;width:100%;max-width:1120px;margin:0 auto;padding:0 0 40px;min-height:0}body.mh-auth-mode .mh-auth-hero{display:flex}body.mh-auth-mode .auth-gate-form-slot{width:100%;justify-content:flex-end}}@media (min-width:1440px){body.mh-auth-mode .auth-gate-inline{gap:96px;max-width:1240px}.mh-auth-hero-title{font-size:60px}}@media (min-width:1024px) and (min-height:820px){body.mh-auth-mode .auth-gate-inline{grid-template-columns:minmax(0,1fr) minmax(0,440px)}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-entry-card{padding:34px 32px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-entry-top{margin-bottom:18px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-entry-title{font-size:31px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-entry-subtitle{margin-top:8px;font-size:13.6px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-tab-bar{padding:5px;border-radius:13px;margin-bottom:16px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-tab-btn{padding:10px 0;font-size:14.2px;border-radius:9px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-entry-google{min-height:54px;font-size:14.6px;border-radius:14px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-or-line{font-size:12.6px;margin:6px 0}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-field-row{gap:7px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-fl{font-size:13.2px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-fi{padding:13px 15px;font-size:14.6px;border-radius:12px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-fi[type=password]{padding-right:44px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-fi-eye{right:11px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-link-sm{font-size:12.8px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-tos-row{font-size:12.8px;gap:10px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-primary-btn{padding:15px;font-size:15.2px;border-radius:14px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-ghost-btn{padding:13px;font-size:14px}body.mh-auth-mode .auth-entry-overlay.is-inline .auth-screen{gap:13px}}@media (min-width:1440px) and (min-height:820px){body.mh-auth-mode .auth-gate-inline{grid-template-columns:minmax(0,1fr) minmax(0,468px)}}.mh-about-title{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--text-main)}.mh-about-text{font-size:12.5px;font-weight:600;line-height:1.65;color:var(--text-muted);margin:0}.mh-about-text+.mh-about-text{margin-top:-4px}.mh-faq{border:2px solid var(--hairline);border-radius:13px;background:#fff;overflow:hidden}.mh-faq summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font-size:12.5px;font-weight:800;line-height:1.4;color:var(--text-main);cursor:pointer;list-style:none}.mh-faq summary::-webkit-details-marker{display:none}.mh-faq summary::after{content:'expand_more';font-family:'Material Symbols Rounded';font-size:19px;color:var(--text-faint);transition:transform .2s var(--ease-snappy);flex:0 0 auto}.mh-faq[open] summary::after{transform:rotate(180deg)}.mh-faq p{margin:0;padding:0 14px 13px;font-size:12px;font-weight:500;line-height:1.65;color:var(--text-muted)}@media (min-width:900px){.mh-about-title{font-size:17px}.mh-about-text{font-size:13.5px;max-width:76ch}.mh-faq summary{font-size:13.5px}.mh-faq p{font-size:13px}}