.RMIWHT6w4qsRzOGeFPtf { min-height: 100vh; background: transparent; }
.Yscm2WAAt8pgX9NlVugW {
    width: min(100% - 2rem, var(--content-max));
    margin: 0 auto;
    padding: clamp(1.25rem, 2vw, 2.5rem) 0 3rem;
}
.ZvVtmYrya3zH7aIbeJkg { min-height: 35vh; display: grid; place-items: center; color: var(--text-muted); }
@media (max-width: 600px) { .Yscm2WAAt8pgX9NlVugW { width: min(100% - 1rem, var(--content-max)); padding-top: 1rem; } }

:root {
    color-scheme: dark;
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --bg: #0b0a10;
    --bg-elevated: #121019;
    --surface: #18151f;
    --surface-strong: #211c2b;
    --surface-soft: #292231;
    --text: #fbf8fc;
    --text-muted: #bdb4c2;
    --border: rgba(255, 255, 255, 0.12);
    --border-strong: rgba(255, 255, 255, 0.22);
    --accent: #ff4f8b;
    --accent-strong: #e83775;
    --accent-soft: rgba(255, 79, 139, 0.16);
    --accent-warm: #ff8a5b;
    --success: #46d9a3;
    --danger: #ff6b72;
    --focus: #ffd1e1;
    --shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.18);
    --shadow-md: 0 18px 50px rgba(0, 0, 0, 0.28);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --content-max: 1440px;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg); }
html, body, #root { min-height: 100%; margin: 0; padding: 0; }
body {
    min-width: 320px;
    min-height: 100vh;
    font-family: var(--font-sans);
    line-height: 1.5;
    color: var(--text);
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 79, 139, 0.13), transparent 30rem),
        radial-gradient(circle at 92% 10%, rgba(255, 138, 91, 0.08), transparent 28rem),
        var(--bg);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, [tabindex]:not([tabindex="-1"]) { outline: none; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
::selection { background: var(--accent); color: #1a0710; }
a { color: #ff8fb6; text-underline-offset: 0.2em; }
a:hover { color: #ffc0d5; }
img { max-width: 100%; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { line-height: 1.12; letter-spacing: -0.02em; }

input, select, textarea {
    width: 100%;
    min-height: 44px;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);
    padding: 0.7rem 0.85rem;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
input:hover, select:hover, textarea:hover { border-color: rgba(255, 255, 255, 0.34); }
input:focus-visible, select:focus-visible, textarea:focus-visible {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-soft);
    outline: none;
}
button { -webkit-tap-highlight-color: transparent; }
button:disabled, input:disabled, select:disabled { cursor: not-allowed; opacity: 0.58; }

/* Bring MUI surfaces into the same visual system without changing component behavior. */
.MuiPaper-root { background-image: none !important; }
.MuiDialog-paper, .MuiPaper-root {
    background-color: var(--surface) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
}
.MuiTableCell-root { color: var(--text) !important; border-bottom-color: var(--border) !important; }
.MuiTableHead-root .MuiTableCell-root { color: var(--text-muted) !important; font-weight: 700 !important; }
.MuiButton-root { border-radius: 999px !important; font-weight: 700 !important; text-transform: none !important; }
.MuiButton-containedPrimary { background: linear-gradient(135deg, var(--accent), var(--accent-strong)) !important; }
.MuiIconButton-root { color: var(--text) !important; }
.MuiInputBase-root, .MuiInputLabel-root { color: var(--text) !important; }
.MuiOutlinedInput-notchedOutline { border-color: var(--border-strong) !important; }
.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: var(--accent) !important; }
.MuiButton-root:focus-visible, .MuiIconButton-root:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

.RNylhCs1mlEP7tzE5M6w {
    position: sticky;
    top: 0;
    z-index: 500;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(0.75rem, 2vw, 2rem);
    width: 100%;
    padding: 0.8rem clamp(1rem, 3vw, 2.5rem);
    color: var(--text);
    background: rgba(13, 11, 17, 0.9);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(18px);
}
.Ueu_7qoBZZgbR8oA_7Gp { min-width: 0; display: flex; flex-direction: column; gap: 0.45rem; }
._bXbrlg11h9cn0fwqC7Q {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(1.25rem, 2.8vw, 2.4rem);
    font-weight: 850;
    letter-spacing: -0.045em;
}
._bXbrlg11h9cn0fwqC7Q::after { content: "."; color: var(--accent); }
.nWX5zch2OyFUtAVibYzv { min-width: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 0.45rem; }
.q1tGeqJQVfnd7yoWuV1N {
    width: clamp(58px, 7vw, 88px);
    height: clamp(58px, 7vw, 88px);
    display: grid;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 0.5rem;
    background: linear-gradient(145deg, var(--surface-strong), rgba(255,79,139,.16));
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.q1tGeqJQVfnd7yoWuV1N:hover { transform: translateY(-2px); border-color: rgba(255,79,139,.55); box-shadow: 0 12px 35px rgba(255,79,139,.12); }
.q1tGeqJQVfnd7yoWuV1N:focus-visible { outline: 3px solid var(--accent, #ff4f8b); outline-offset: 3px; }
.q1tGeqJQVfnd7yoWuV1N:active { transform: translateY(0) scale(.98); }
.q1tGeqJQVfnd7yoWuV1N img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 980px) {
    .RNylhCs1mlEP7tzE5M6w { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
    .Ueu_7qoBZZgbR8oA_7Gp { padding-top: .35rem; }
    .nWX5zch2OyFUtAVibYzv { grid-column: 1 / -1; width: 100%; align-items: stretch; flex-direction: row; justify-content: space-between; gap: .75rem; overflow: visible; }
}
@media (max-width: 640px) {
    .RNylhCs1mlEP7tzE5M6w { position: relative; grid-template-columns: 52px minmax(0, 1fr); padding: .65rem .75rem .8rem; }
    .q1tGeqJQVfnd7yoWuV1N { width: 52px; height: 52px; border-radius: 16px; }
    ._bXbrlg11h9cn0fwqC7Q { font-size: 1.35rem; }
    .nWX5zch2OyFUtAVibYzv { flex-direction: column; }
}

._1ZBkBxI8R8iWYAweqKpA { display: inline-flex; align-items: center; gap: .25rem; padding: .2rem; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); }
._1ZBkBxI8R8iWYAweqKpA button { min-height: 32px; padding: .35rem .65rem; border: 0; border-radius: 999px; color: var(--text-muted); background: transparent; cursor: pointer; font-weight: 700; transition: background 160ms ease, color 160ms ease; }
._1ZBkBxI8R8iWYAweqKpA button:hover { color: var(--text); background: var(--surface-soft); }
._1ZBkBxI8R8iWYAweqKpA button[aria-pressed="true"] { color: #1b0810; background: linear-gradient(135deg, #ffafca, var(--accent)); }

.qTPTNWa4o93HzyjWRnql { min-width: 0; max-width: 100%; }
.yPCse5Jz_RbIow53Ushg {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    list-style: none;
    padding: 0;
    margin: 0;
}
.Ug2NT6ixDzZ9In4b00qt { position: relative; min-width: 0; text-align: center; }
.fvT0EHyeEuCcAfKYsxf1, .WKP7X32Ar91ABKRFvbEw {
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--text-muted);
    background: transparent;
    cursor: pointer;
    font-weight: 700;
    line-height: 1.15;
    transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.fvT0EHyeEuCcAfKYsxf1 { width: 100%; padding: .55rem .8rem; }
.fvT0EHyeEuCcAfKYsxf1:hover, .fvT0EHyeEuCcAfKYsxf1[aria-expanded="true"] { color: var(--text); background: var(--accent-soft); border-color: rgba(255,79,139,.3); }
.fvT0EHyeEuCcAfKYsxf1:active, .WKP7X32Ar91ABKRFvbEw:active { transform: scale(.97); }
.nj6D1I2ZJ4LUeJOQ6BDg {
    position: absolute;
    top: calc(100% + .45rem);
    left: 0;
    z-index: 800;
    width: max(100%, 190px);
    max-width: min(280px, calc(100vw - 1rem));
    max-height: min(420px, 65vh);
    overflow-y: auto;
    padding: .4rem;
    margin: 0;
    list-style: none;
    background: rgba(24, 21, 31, .98);
    border: 1px solid var(--border-strong);
    border-radius: 14px;
    box-shadow: var(--shadow-md);
}
.ryMXI3OwnFcrJ2SlmEkb + .ryMXI3OwnFcrJ2SlmEkb { margin-top: .15rem; }
.WKP7X32Ar91ABKRFvbEw { width: 100%; padding: .65rem .75rem; text-align: left; border-radius: 10px; }
.WKP7X32Ar91ABKRFvbEw:hover { color: var(--text); background: var(--surface-soft); }
@media (max-width: 640px) {
    .yPCse5Jz_RbIow53Ushg { flex-wrap: nowrap; overflow-x: auto; padding: .1rem .05rem .35rem; scrollbar-width: thin; scroll-snap-type: x proximity; }
    .Ug2NT6ixDzZ9In4b00qt { flex: 0 0 auto; width: auto !important; scroll-snap-align: start; }
    .fvT0EHyeEuCcAfKYsxf1 { white-space: nowrap; }
    .nj6D1I2ZJ4LUeJOQ6BDg { position: fixed; left: .75rem; right: .75rem; top: auto; width: auto; margin-top: .25rem; }
}