.mtm{--mtm-background:#121c21;--mtm-primary:#e9eddf;--mtm-text:#172a24;--mtm-borderWidth:0px;--mtm-borderColor:#172a24;--mtm-gap:8px;--mtm-radius:12px;font-family:inherit}
.mtm[hidden]{display:none!important}.mtm *{box-sizing:border-box}
.mtm-trigger{display:inline-flex;gap:.65em;align-items:center;justify-content:center;padding:.8em 1.2em;border:0 solid currentColor;border-radius:var(--mtm-radius);background:var(--mtm-fill,var(--mtm-primary));color:var(--mtm-text);font:inherit;cursor:pointer;min-height:44px}
.mtm-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--mtm-background);color:var(--mtm-primary);overscroll-behavior:contain}
.mtm-dialog::backdrop{background:#0009}.mtm-dialog:not([open]){display:none}
.mtm-shell{width:min(100%,600px);height:100%;margin-inline:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:10px;overflow:auto}
.mtm-heading{margin:0!important;padding:4px 2px;font-size:clamp(.9rem,3vw,1.1rem);line-height:1.4;flex:none}
.mtm .mtm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--mtm-rows,4),minmax(calc(104px + var(--mtm-borderWidth) + var(--mtm-borderWidth)),1fr));gap:var(--mtm-gap,8px)!important;flex:1;min-height:0}
.mtm .mtm-icon[hidden],.mtm[data-tile-icons=off] .mtm-tile .mtm-icon{display:none!important}
.mtm-tile,.mtm-logo{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-radius:var(--mtm-radius);padding:clamp(6px,2vmin,16px);background:var(--mtm-primary);color:var(--mtm-text);text-align:center;text-decoration:none!important;border:0;font:inherit;line-height:1.2;position:relative}
.mtm-tile{background:var(--mtm-fill,var(--mtm-primary));border:var(--mtm-borderWidth) solid var(--mtm-borderColor);cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;container-type:size;min-height:104px}
.mtm-icon{font-size:26cqmin;line-height:1;flex:none}.mtm-label{font-size:12cqmin;max-width:100%;font-weight:600;overflow-wrap:anywhere;line-height:1.15}
.mtm-icon svg{display:block;width:1em;height:1em}
.mtm-icon img{display:block;width:1em;height:1em;object-fit:contain}
.mtm-trigger-icon,.mtm-trigger-icon .mtm-icon{font-size:1.4em;line-height:1;display:flex;align-items:center;justify-content:center}
.mtm-trigger-icon img{width:1.4em;height:1.4em;object-fit:contain}
.mtm .mtm-tile:focus,.mtm .mtm-trigger:focus{outline:none!important}
.mtm[data-keyboard-focus=true] .mtm-tile:focus,.mtm[data-keyboard-focus=true] .mtm-trigger:focus{outline:2px solid var(--mtm-accent,var(--mtm-text))!important;outline-offset:3px}
.mtm-tile:active{transform:scale(.97)}
.mtm-control:disabled{opacity:.35;cursor:default}.mtm-logo{padding:8%;background:transparent}.mtm-logo img{max-width:100%;max-height:100%;object-fit:contain}.mtm-logo-wide,.mtm-logo-full{grid-column:1/-1}.mtm-logo-wide img{max-width:80%}.mtm-logo-full{padding:4%}
.mtm-empty{grid-column:1/-1;padding:1em;align-self:center;text-align:center}
.mtm[data-animation=slide] .mtm-dialog[open] .mtm-grid{animation:mtm-slide .23s ease-out}.mtm[data-animation=fade] .mtm-dialog[open] .mtm-grid{animation:mtm-fade .23s ease-out}
@keyframes mtm-slide{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes mtm-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.mtm *{animation:none!important;transition:none!important}}
/* Four compact dark themes. No webfonts, assets or continuously animated blur. */
.mtm[data-appearance]:not([data-appearance=custom]) .mtm-heading{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;color:#b3bac6}
.mtm[data-appearance]:not([data-appearance=custom]) .mtm-label{font-weight:500;letter-spacing:.015em}
.mtm[data-appearance]:not([data-appearance=custom]) .mtm-icon svg{stroke-width:1.4}
.mtm[data-appearance]:not([data-appearance=custom]) .mtm-tile{transition:transform .18s,box-shadow .18s,filter .18s}
.mtm[data-appearance=noir] .mtm-tile{box-shadow:inset 0 1px 0 #ffffff0c,0 4px 12px #0004}
.mtm[data-appearance=glass]:not([data-native-screen=true]) .mtm-dialog{background:radial-gradient(ellipse at 8% 12%,#46506470,transparent 48%),radial-gradient(ellipse at 95% 75%,#23384f90,transparent 55%),#090c11}
.mtm[data-appearance=glass] .mtm-tile{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff29,0 8px 24px #0003}
.mtm[data-appearance=graphite] .mtm-tile{box-shadow:inset 0 1px 0 #ffffff0f,6px 6px 15px #0007,-3px -3px 12px #ffffff03}
.mtm[data-appearance=halo]:not([data-native-screen=true]) .mtm-dialog{background:radial-gradient(ellipse at 50% 0%,#20264066,transparent 55%),#07090e}
.mtm[data-appearance=halo] .mtm-tile{box-shadow:0 0 18px #7180db09}
.mtm[data-appearance]:not([data-appearance=custom]) .mtm-close .mtm-icon{opacity:.65}
@media (hover:hover){.mtm[data-appearance]:not([data-appearance=custom]) .mtm-tile:hover{filter:brightness(1.18);transform:translateY(-2px)}}
@supports not (backdrop-filter:blur(1px)){.mtm[data-appearance=glass] .mtm-tile{background:linear-gradient(145deg,#262d38,#171e28)}}
.mtm[data-appearance]:not([data-appearance=custom]) .mtm-tile .mtm-icon{display:none}
.mtm .mtm-tile .mtm-label{width:100%}
.mtm[data-text-align=left] .mtm-tile{text-align:left;align-items:flex-start}
.mtm[data-text-align=right] .mtm-tile{text-align:right;align-items:flex-end}
.mtm[data-text-align=center] .mtm-tile{text-align:center;align-items:center}
.mtm[data-text-vertical=top] .mtm-tile{justify-content:flex-start}
.mtm[data-text-vertical=bottom] .mtm-tile{justify-content:flex-end}

.mtm .mtm-tile .mtm-label{text-decoration:none!important}
.mtm .mtm-tile[aria-current=page]{background:var(--mtm-active,#2ea3f2)!important;color:var(--mtm-activeText,#fff)!important;box-shadow:none!important}
.mtm .mtm-action-icon{position:absolute;top:10px;right:10px;width:22px;height:22px;color:var(--mtm-accent,#2ea3f2);pointer-events:none;display:flex;align-items:center;justify-content:center}
.mtm .mtm-action-icon svg{width:18px;height:18px}
.mtm .mtm-close .mtm-icon{display:none}
.mtm[data-text-vertical=top]:not([data-native-tile-padding=true]) .mtm-has-action{padding-top:36px}
.mtm .mtm-close{color:var(--mtm-accent,#2ea3f2)!important;background:var(--mtm-closeFill,rgba(46,163,242,.1))!important}
@supports (background:color-mix(in srgb,red 10%,transparent)){.mtm .mtm-close{background:color-mix(in srgb,var(--mtm-accent,#2ea3f2) 10%,transparent)!important}}
.mtm .mtm-action-icon{color:var(--mtm-accent,#2ea3f2)!important}
.mtm .mtm-back .mtm-icon{display:none}
.mtm .mtm-back .mtm-action-icon{color:var(--mtm-backIconColor,var(--mtm-accent,#2ea3f2))!important}
.mtm .mtm-tile .mtm-icon{color:var(--mtm-tileIconColor,inherit)!important}
.mtm .mtm-logo:focus{outline:none!important}
.mtm[data-keyboard-focus=true] .mtm-logo:focus{outline:2px solid var(--mtm-accent,var(--mtm-text))!important;outline-offset:3px}


.mtm .mtm-trigger[data-border=off]{border-width:0!important;border-style:none!important}