/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("./8e2f0944-f3ef-45c6-9f5a-45d316a543a9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("./464f85be-f34b-48d1-9102-482e24f94a53.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("./bcde58c9-2d01-4744-8450-b4669cdb2eea.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("./a8d4ea5b-a914-4103-bd85-b8bb193f3dea.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("./8c9b32a6-53e2-42e4-a773-8be9a944b7bb.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("./a2137021-c244-4bc5-9d9f-91a3912ded0e.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("./caadbdb2-986e-4ffd-b341-63c9604e2d1f.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:where(button,[role="button"],a,input,select,textarea):focus-visible{
  outline:3px solid #C2410C !important;
  outline-offset:2px;
  border-radius:6px;
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}

* { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; overflow-x: clip; }
  body { background: #F7F3EC; }
  ::-webkit-scrollbar { width: 10px; }
  ::-webkit-scrollbar-track { background: #F7F3EC; }
  ::-webkit-scrollbar-thumb { background: #D8D1C4; border-radius: 6px; border: 2px solid #F7F3EC; }
  .mq-hscroll::-webkit-scrollbar { display: none; }
  input::placeholder { color: #A39A8A; }
  @keyframes mq-fade { from { opacity: 0; } to { opacity: 1; } }
  @keyframes mq-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes mq-sheetup { from { transform: translateY(100%); } to { transform: translateY(0); } }
  @keyframes mq-toast { 0% { opacity: 0; transform: translate(-50%, 10px); } 12% { opacity: 1; transform: translate(-50%, 0); } 88% { opacity: 1; } 100% { opacity: 0; } }
  @keyframes mq-glow { 0%,100% { opacity: 0.5; } 50% { opacity: 0.85; } }
  @keyframes mq-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
  @keyframes mq-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.22); } }
  @keyframes mq-bounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
  @keyframes mq-shake { 0%,100% { transform: translate(0,0); } 25% { transform: translate(-1.5px,1px); } 50% { transform: translate(1.5px,-1px); } 75% { transform: translate(-1px,-1.5px); } }
  @keyframes mq-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
  @keyframes mq-flicker { 0%,100% { opacity: 1; } 42% { opacity: 0.35; } 50% { opacity: 0.9; } 66% { opacity: 0.3; } 74% { opacity: 1; } }
  @keyframes mq-breathe { 0%,100% { transform: scale(1); opacity: 0.85; } 50% { transform: scale(1.14); opacity: 1; } }
  .mq-app-header {
    background:rgba(23,19,14,.94) !important;
    border-bottom:1px solid rgba(194, 65, 12,.28) !important;
    color:#fff;
    box-shadow:0 10px 34px rgba(10,6,5,.28);
  }
  .mq-app-header .mq-region {
    position:relative;
    isolation:isolate;
    height:42px;
    min-width:0;
    padding:0 10px 0 8px !important;
    gap:7px !important;
    border-radius:15px !important;
    overflow:hidden;
    background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.065)) !important;
    border:1px solid rgba(255,255,255,.2) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 22px rgba(0,0,0,.2);
    transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
  }
  .mq-app-header .mq-region::before {
    content:"";
    position:absolute;
    z-index:-1;
    left:8px;
    right:8px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
    pointer-events:none;
  }
  .mq-app-header .mq-region:hover,
  .mq-app-header .mq-region:focus-within {
    border-color:rgba(255, 217, 160,.54) !important;
    background:linear-gradient(145deg,rgba(255,255,255,.21),rgba(194, 65, 12,.1)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 26px rgba(0,0,0,.24);
  }
  .mq-app-header .mq-region-icon {
    width:26px;
    height:26px;
    flex:0 0 26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:linear-gradient(145deg,rgba(81,181,255,.28),rgba(38,108,196,.12));
    border:1px solid rgba(130,205,255,.2);
    color:#8DD4FF !important;
    font-size:13px;
    line-height:1;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.17);
  }
  .mq-app-header .mq-region-label {
    color:rgba(255,255,255,.58) !important;
    font-size:10.5px !important;
    font-weight:700 !important;
    letter-spacing:.01em;
  }
  .mq-app-header .mq-region select {
    min-width:0;
    height:40px;
    padding:0 19px 0 0;
    border:0;
    outline:0;
    appearance:none;
    -webkit-appearance:none;
    background:transparent;
    color:#fff !important;
    font:750 12.5px/1 'Instrument Sans',system-ui,sans-serif;
    cursor:pointer;
  }
  .mq-app-header .mq-region select option { color:#17130E; background:#fff; }
  .mq-app-header .mq-region-chevron {
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-56%);
    color:rgba(255,255,255,.7) !important;
    font-size:14px;
    line-height:1;
    pointer-events:none;
  }
  .mq-app-header button {
    border-color:rgba(255,255,255,.16) !important;
    background:rgba(255,255,255,.09) !important;
    color:#fff !important;
  }
  .mq-app-header .mq-sound-toggle {
    position:relative;
    isolation:isolate;
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    padding:0;
    overflow:hidden;
    border-radius:15px;
    border:1px solid rgba(255,255,255,.2) !important;
    background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.065)) !important;
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 22px rgba(0,0,0,.2);
    cursor:pointer;
    transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mq-app-header .mq-sound-toggle::before {
    content:"";
    position:absolute;
    z-index:-1;
    left:8px;
    right:8px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  }
  .mq-app-header .mq-sound-toggle:hover,
  .mq-app-header .mq-sound-toggle:focus-visible {
    border-color:rgba(255, 217, 160,.58) !important;
    background:linear-gradient(145deg,rgba(255,255,255,.21),rgba(194, 65, 12,.11)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 26px rgba(0,0,0,.24);
  }
  .mq-app-header .mq-sound-toggle:active { transform:scale(.95); }
  .mq-app-header .mq-sound-toggle[aria-pressed="true"] {
    border-color:rgba(255, 178, 122,.58) !important;
    background:linear-gradient(145deg,rgba(194, 65, 12,.46),rgba(112,8,15,.36)) !important;
  }
  .mq-speaker-glyph {
    position:relative;
    display:block;
    width:22px;
    height:18px;
    color:currentColor;
  }
  .mq-speaker-glyph::before {
    content:"";
    position:absolute;
    left:1px;
    top:2px;
    width:13px;
    height:14px;
    background:currentColor;
    clip-path:polygon(0 31%,36% 31%,100% 0,100% 100%,36% 69%,0 69%);
  }
  .mq-speaker-glyph::after {
    content:"";
    position:absolute;
    right:0;
    top:3px;
    width:6px;
    height:12px;
    border:2px solid currentColor;
    border-left:0;
    border-radius:0 12px 12px 0;
    opacity:.78;
  }
  .mq-sound-toggle[aria-pressed="false"] .mq-speaker-glyph::after {
    right:-1px;
    top:8px;
    width:17px;
    height:2px;
    border:0;
    border-radius:2px;
    background:#FFD9A0;
    opacity:1;
    transform:rotate(-45deg);
    box-shadow:0 0 0 1px rgba(23,19,14,.2);
  }

  /* Lightweight specular-glass system: CSS only, shared by every view. */
  .mq-app-shell {
    --mq-glass-ink:#17130E;
    --mq-glass-red:#C2410C;
    --mq-glass-rim:rgba(255,255,255,.42);
    --mq-glass-line:rgba(255,255,255,.16);
    --mq-glass-shadow:rgba(17,8,7,.22);
  }
  .mq-app-shell[data-home="true"] { background:#17130E !important; }
  html:has(.mq-app-shell[data-home="true"]),
  body:has(.mq-app-shell[data-home="true"]) { background:#17130E; }

  .mq-app-shell button:not(.mq-daily-backdrop),
  .mq-app-shell [role="button"][aria-pressed] {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
    transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,filter .16s ease;
  }
  .mq-app-shell button:not(.mq-daily-backdrop)::after,
  .mq-app-shell [role="button"][aria-pressed]::after {
    content:"";
    position:absolute;
    z-index:4;
    inset:0;
    border-radius:inherit;
    border-top:1px solid rgba(255,255,255,.62);
    border-left:1px solid rgba(255,255,255,.28);
    border-right:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(23,19,14,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset -1px -1px 0 rgba(23,19,14,.08);
    pointer-events:none;
    opacity:.78;
  }
  .mq-app-shell button:not(.mq-daily-backdrop):hover,
  .mq-app-shell [role="button"][aria-pressed]:hover { filter:brightness(1.045); }
  .mq-app-shell button:not(.mq-daily-backdrop):active,
  .mq-app-shell [role="button"][aria-pressed]:active { transform:scale(.975); }
  .mq-app-shell button:focus-visible,
  .mq-app-shell [role="button"]:focus-visible,
  .mq-app-shell select:focus-visible,
  .mq-app-shell input:focus-visible {
    outline:2px solid rgba(255, 154, 91,.88);
    outline-offset:2px;
  }
  .mq-app-shell button:disabled { filter:saturate(.55); opacity:.56; cursor:not-allowed; }

  .mq-header-glass-cluster {
    position:relative;
    isolation:isolate;
    display:flex;
    align-items:center;
    gap:3px;
    height:46px;
    padding:3px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:17px;
    background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.19),inset 0 -1px 0 rgba(0,0,0,.2),0 8px 22px rgba(0,0,0,.18);
    backdrop-filter:blur(12px) saturate(130%);
    -webkit-backdrop-filter:blur(12px) saturate(130%);
  }
  .mq-header-glass-cluster::before {
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    border-radius:inherit;
    border-top:1px solid rgba(255,255,255,.48);
    border-left:1px solid rgba(255,255,255,.18);
    pointer-events:none;
  }
  .mq-app-header .mq-header-glass-cluster .mq-region {
    height:38px;
    min-width:0;
    padding:0 9px 0 5px !important;
    gap:7px !important;
    border:0 !important;
    border-radius:13px !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .mq-app-header .mq-header-glass-cluster .mq-region::before { display:none; }
  .mq-app-header .mq-header-glass-cluster .mq-region:hover,
  .mq-app-header .mq-header-glass-cluster .mq-region:focus-within {
    background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(194, 65, 12,.055)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.11) !important;
  }
  .mq-app-header .mq-header-glass-cluster .mq-region select:focus,
  .mq-app-header .mq-header-glass-cluster .mq-region select:focus-visible {
    outline:0 !important;
    outline-offset:0 !important;
    box-shadow:none !important;
  }
  .mq-header-glass-cluster:has(.mq-region select:focus) {
    border-color:rgba(255,255,255,.3);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.18),0 9px 24px rgba(0,0,0,.2);
  }
  .mq-app-header .mq-header-glass-cluster .mq-region-icon {
    width:24px;
    height:24px;
    flex-basis:24px;
    border-radius:9px;
    background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
    border:1px solid rgba(255,255,255,.13);
    color:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  }
  .mq-app-header .mq-header-glass-cluster .mq-sound-toggle {
    width:38px;
    height:38px;
    flex:0 0 38px;
    border:0 !important;
    border-left:1px solid rgba(255,255,255,.1) !important;
    border-radius:13px;
    background:transparent !important;
    box-shadow:none;
  }
  .mq-app-header .mq-header-glass-cluster .mq-sound-toggle::before { display:none; }
  .mq-app-header .mq-header-glass-cluster .mq-sound-toggle:hover,
  .mq-app-header .mq-header-glass-cluster .mq-sound-toggle:focus-visible {
    background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(194, 65, 12,.065)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  }
  .mq-app-header .mq-header-glass-cluster .mq-sound-toggle[aria-pressed="true"] {
    background:rgba(194, 65, 12,.12) !important;
    color:#FFD9A0 !important;
  }
  .mq-app-header .mq-header-glass-cluster .mq-sound-toggle[aria-pressed="false"] { color:rgba(255,255,255,.72) !important; }
  .mq-app-header .mq-header-glass-cluster .mq-sound-toggle::after {
    border-top-color:rgba(255,255,255,.2);
    border-left-color:rgba(255,255,255,.06);
    border-right-color:transparent;
    border-bottom-color:transparent;
    opacity:.58;
  }
  .mq-header-glass-cluster .mq-speaker-glyph { transform:scale(.86); }

  .mq-bottom-nav-surface {
    position:relative;
    isolation:isolate;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    width:min(100%,390px) !important;
    max-width:390px !important;
    padding:5px !important;
    border:1px solid rgba(255,255,255,.16);
    border-radius:27px !important;
    background:linear-gradient(145deg,rgba(31,27,22,.96),rgba(15,13,10,.94)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 16px 42px rgba(12,6,5,.38) !important;
    backdrop-filter:blur(18px) saturate(125%);
    -webkit-backdrop-filter:blur(18px) saturate(125%);
  }
  .mq-bottom-nav-surface::before {
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    border-top:1px solid rgba(255,255,255,.34);
    pointer-events:none;
  }
  .mq-bottom-nav-surface [role="button"] {
    min-width:0;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 9px !important;
    border:1px solid rgba(255,255,255,.075);
    border-radius:999px !important;
    background:rgba(255,255,255,.035) !important;
    color:rgba(255,253,249,.7) !important;
    font-size:12.5px !important;
    font-weight:650 !important;
    letter-spacing:-.01em;
    line-height:1;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
  }
  .mq-bottom-nav-surface [role="button"]::before {
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:-52px;
    width:112px;
    height:112px;
    border-radius:50%;
    background:linear-gradient(145deg,#D9531E,#8F3A08);
    transform:translateX(-50%) scale(0);
    transform-origin:50% 82%;
    transition:transform .26s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }
  .mq-bottom-nav-label {
    position:relative;
    z-index:2;
    display:block;
    pointer-events:none;
    color:inherit;
  }
  .mq-bottom-nav-surface [role="button"][aria-pressed="false"]:hover::before,
  .mq-bottom-nav-surface [role="button"][aria-pressed="false"]:focus-visible::before {
    transform:translateX(-50%) scale(1.18);
  }
  .mq-bottom-nav-surface [role="button"][aria-pressed="false"]:hover,
  .mq-bottom-nav-surface [role="button"][aria-pressed="false"]:focus-visible {
    color:#fff !important;
    border-color:rgba(255, 178, 122,.36);
  }
  .mq-bottom-nav-surface [role="button"][aria-pressed="false"]:hover .mq-bottom-nav-label,
  .mq-bottom-nav-surface [role="button"][aria-pressed="false"]:focus-visible .mq-bottom-nav-label {
    color:#fff !important;
  }
  .mq-bottom-nav-surface [role="button"][aria-pressed="true"] {
    background:linear-gradient(150deg,#FFFDF9,#EFE9DF) !important;
    color:#17130E !important;
    border-color:rgba(255,255,255,.76);
    font-weight:800 !important;
    box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(0,0,0,.24);
  }
  .mq-bottom-nav-surface [role="button"][aria-pressed="true"]::after {
    border-top-color:#fff;
    border-left-color:rgba(255,255,255,.72);
    border-bottom-color:rgba(23,19,14,.18);
    opacity:1;
  }
  .mq-bottom-nav-surface [role="button"]:active { transform:scale(.96); }

  .mq-app-shell main input:not([type="range"]),
  .mq-app-shell main select,
  .mq-app-shell main textarea {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 6px 18px rgba(23,19,14,.045);
  }
  .mq-app-shell [role="dialog"],
  .mq-app-shell [role="alertdialog"],
  .mq-daily-dialog {
    border:1px solid rgba(255,255,255,.32) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 28px 80px rgba(12,6,5,.34) !important;
  }
  .mq-home-page {
    position:relative;
    isolation:isolate;
    color:#fff;
    margin-top:-24px;
    margin-bottom:-80px;
    padding-top:24px;
    padding-bottom:80px;
  }
  .mq-home-page::before {
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    pointer-events:none;
    background:linear-gradient(155deg,#2B0A0D 0%,#5A1016 42%,#251012 72%,#17130E 100%);
  }
  .mq-home-page::after {
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    pointer-events:none;
    background:
      radial-gradient(circle at 52% 2%,rgba(194, 65, 12,.3),transparent 31%),
      linear-gradient(180deg,rgba(23,8,10,.06),rgba(23,8,10,.24) 38%,rgba(14,7,7,.64));
  }
  .mq-home-page > .mq-lightfall {
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    z-index:1;
    width:100vw;
    height:100%;
    transform:translateX(-50%);
    display:block;
    pointer-events:none;
    opacity:.42;
  }
  .mq-home-page > :not(.mq-lightfall) { position:relative; z-index:3; }
  .mq-home-page.mq-lightfall-fallback {
    background:linear-gradient(165deg,#17130E 0%,#3E090D 48%,#14090A 100%);
    box-shadow:0 0 0 100vmax #17130E;
    clip-path:inset(0 -100vmax);
  }
  .mq-home-hero { isolation:isolate; contain:layout paint; }
  .mq-home-hero::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(17,11,9,.58) 0%,rgba(40,8,10,.22) 48%,rgba(76,8,13,.02) 100%);
  }
  .mq-home-hero > * { z-index:2; }
  .mq-home-hero {
    background:linear-gradient(145deg,rgba(23,13,12,.46),rgba(86,8,13,.12)) !important;
    border:1px solid rgba(255,243,229,.2);
    box-shadow:0 24px 70px rgba(10,4,4,.46),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  .mq-home-card,.mq-home-stat {
    background:linear-gradient(145deg,rgba(72,24,27,.96),rgba(23,19,14,.96)) !important;
    border:1px solid rgba(255,243,229,.18) !important;
    box-shadow:0 16px 38px rgba(10,4,4,.24),inset 0 1px 0 rgba(255,255,255,.07) !important;
  }
  .mq-home-card { color:#fff; }
  .mq-home-card-copy,.mq-home-stat-label { color:rgba(255,245,234,.72) !important; }
  .mq-home-stat-value { color:#fff !important; }
  .mq-home-card [style*="color:#5C554A"],
  .mq-home-stat [style*="color:#8A8378"] { color:rgba(255,245,234,.72) !important; }
  .mq-home-stat [style*="color:#17130E"] { color:#fff !important; }
  .mq-home-heading,.mq-trend-title { color:#fff !important; }
  .mq-trend-meta { color:rgba(255,239,225,.64) !important; }
  .mq-home-daily {
    background:linear-gradient(115deg,rgba(112,8,15,.9),rgba(23,19,14,.94)) !important;
    border:1px solid rgba(255,225,218,.18);
    box-shadow:0 16px 42px rgba(10,4,4,.34) !important;
  }
  .mq-home-explore {
    background:linear-gradient(118deg,rgba(92, 34, 6,.94),rgba(23,19,14,.97)) !important;
    border:1px solid rgba(255,229,221,.2) !important;
    box-shadow:0 18px 44px rgba(10,4,4,.34);
  }
  .mq-home-primary {
    background:linear-gradient(105deg,#C2410C,#FF9A5B) !important;
    box-shadow:0 10px 28px rgba(194, 65, 12,.34);
  }
  .mq-home-secondary { background:rgba(255,255,255,.1) !important; }
  .mq-home-accent { background:#C2410C !important; box-shadow:0 0 13px rgba(194, 65, 12,.95); }
  .mq-home-feature-icon { color:#FFD9A0 !important; }
  .mq-home-page .mq-trend-card { color:#fff; }
  .mq-home-page .mq-trend-card:hover { transform:translateY(-3px); }
  .mq-home-page .mq-trend-card { transition:transform .2s ease; }
  .mq-home-page .mq-trend-chip,
  .mq-home-page .mq-trend-arrow {
    background:rgba(36,18,18,.94) !important;
  }
  .mq-home-search {
    display:flex;
    align-items:center;
    gap:8px;
    width:min(100%,620px);
    padding:6px;
    border-radius:15px;
    background:#FFFDF9;
    border:1px solid rgba(255,255,255,.42);
    box-shadow:0 14px 34px rgba(7,3,3,.26);
  }
  .mq-home-search input {
    flex:1;
    min-width:0;
    padding:9px 11px;
    border:0;
    outline:0;
    background:transparent;
    color:#17130E;
    font:600 14.5px/1.2 'Instrument Sans',system-ui,sans-serif;
  }
  .mq-home-search input::placeholder { color:#8A8378; font-weight:500; }
  .mq-home-search button {
    flex:0 0 auto;
    min-height:42px;
    padding:0 20px;
    border:0;
    border-radius:10px;
    background:linear-gradient(105deg,#C2410C,#FF9A5B);
    color:#fff;
    font:800 13.5px/1 'Instrument Sans',system-ui,sans-serif;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(194, 65, 12,.25);
  }
  .mq-home-shortcuts {
    display:flex;
    gap:8px;
    margin-top:12px;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .mq-home-shortcut {
    flex:0 0 auto;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.17);
    background:rgba(32,16,16,.9);
    color:rgba(255,250,244,.82);
    font:700 12px/1 'Instrument Sans',system-ui,sans-serif;
    cursor:pointer;
    transition:border-color .16s ease,background .16s ease,transform .16s ease;
  }
  .mq-home-shortcut:hover {
    transform:translateY(-1px);
    border-color:rgba(255, 217, 160,.7);
    background:rgba(91,17,22,.96);
  }
  .mq-home-path {
    min-width:0;
    padding:18px;
    border-radius:16px;
    background:linear-gradient(145deg,rgba(67,22,25,.96),rgba(23,19,14,.98));
    border:1px solid rgba(255,243,229,.14);
    color:#fff;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(10,4,4,.2);
    transition:transform .16s ease,border-color .16s ease;
  }
  .mq-home-path:hover { transform:translateY(-2px); border-color:rgba(255, 217, 160,.52); }
  .mq-home-path-kicker {
    color:#FFD9A0;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .mq-home-explore [style*="color:#8F3A08"] { color:#fff !important; }
  .mq-home-explore [style*="color:#8A8378"],
  .mq-home-explore [style*="color:rgba(255,253,249,0.6)"] { color:rgba(255,245,234,.72) !important; }
  @media (max-width:700px) {
    .mq-home-page {
      margin-top:-16px;
      margin-bottom:-118px;
      padding-top:16px;
      padding-bottom:118px;
    }
    .mq-home-page > .mq-lightfall { opacity:.24; }
    .mq-home-page::after {
      background:linear-gradient(180deg,rgba(23,8,10,.08),rgba(23,8,10,.32) 34%,rgba(14,7,7,.7));
    }
    .mq-home-hero::before {
      background:linear-gradient(180deg,rgba(23,12,10,.02) 0%,rgba(34,9,10,.4) 39%,rgba(17,10,8,.78) 100%);
    }
    .mq-home-search { width:100%; border-radius:13px; }
    .mq-home-search input { padding:8px 9px; font-size:13.5px; }
    .mq-home-search button { min-height:40px; padding:0 15px; font-size:12.5px; }
    .mq-home-shortcuts { margin-right:-18px; padding-right:18px; }
    .mq-home-path { padding:15px; }
  }
  @media (prefers-reduced-motion:reduce) {
    .mq-home-page > .mq-lightfall { display:none !important; }
    .mq-home-page {
      background:linear-gradient(165deg,#17130E 0%,#3E090D 48%,#14090A 100%);
      box-shadow:0 0 0 100vmax #17130E;
      clip-path:inset(0 -100vmax);
    }
  }
  @keyframes mq-dialog-in {
    from { opacity: 0; transform: translateY(12px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
  .mq-daily-layer {
    position: fixed;
    inset: 0;
    z-index: 96;
    width: 100vw;
    height: 100dvh;
    padding: 14px;
    display: grid;
    place-items: center;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box;
  }
  .mq-daily-backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    border: 0;
    background: rgba(10,8,6,0.88);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    animation: mq-fade .22s ease both;
  }
  .mq-daily-dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 460px);
    max-width: 460px;
    max-height: calc(100dvh - 28px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    border-radius: 24px;
    background: #17130E;
    border: 1px solid rgba(255,255,255,0.12);
    padding: 20px 18px;
    color: #FFFDF9;
    box-shadow: 0 28px 80px rgba(0,0,0,0.46);
    animation: mq-dialog-in .26s cubic-bezier(.2,.8,.2,1) both;
    box-sizing: border-box;
  }
  .mq-daily-dialog h2 { overflow-wrap: anywhere; }
  .mq-daily-choice {
    width: 100%;
    min-height: 52px;
    padding: 12px 14px;
    border-radius: 13px;
    font: 700 14px/1.3 'Instrument Sans',system-ui,sans-serif;
    text-align: left;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
    touch-action: manipulation;
    overflow-wrap: anywhere;
  }
  .mq-daily-choice:active { transform: scale(.985); }
  @media (max-width: 600px) {
    .mq-header-inner { padding:10px 12px !important; gap:7px !important; }
    .mq-profile { display: flex !important; }
    .mq-region { width:130px; flex:0 0 130px; min-width:0 !important; padding:0 9px 0 7px !important; gap:6px !important; }
    .mq-region select { width:100%; min-width:0 !important; max-width:none !important; font-size:12px !important; text-overflow:ellipsis; }
    .mq-app-header .mq-region-icon { width:24px;height:24px;flex-basis:24px;border-radius:8px;font-size:12px; }
    .mq-app-header .mq-sound-toggle { width:42px;height:42px;flex-basis:42px; }
    .mq-daily-layer {
      padding: max(10px, env(safe-area-inset-top)) 16px max(10px, env(safe-area-inset-bottom));
    }
    .mq-daily-dialog {
      width: min(100%, 420px);
      max-width: 420px;
      max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
      border-radius: 20px;
      padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
      animation: mq-dialog-in .24s cubic-bezier(.2,.8,.2,1) both;
    }
    .mq-daily-choice { min-height: 46px; padding: 10px 12px; font-size: 13.5px; }
  }
  @media (max-width: 360px) {
    .mq-brand-name { display: none !important; }
  }
  @media (min-width: 920px) {
    .mq-genre-scroll {
      flex-wrap: wrap;
      overflow-x: visible !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }