.toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.toast-slot{grid-template-rows:1fr;margin-bottom:8px;transition:grid-template-rows .18s,margin-bottom .18s;display:grid}.toast-slot--leaving{grid-template-rows:0fr;margin-bottom:0}.toast{--toast-accent:#3b82f6;--toast-accent-soft:#dbeafe;color:#1f2937;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#fffffff7;border:1px solid #0f172a14;border-radius:14px;align-items:center;gap:10px;max-width:560px;min-height:0;padding:10px 8px 10px 12px;font-size:15px;font-weight:600;line-height:1.35;animation:.24s cubic-bezier(.21,1.02,.73,1) both toast-in;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -12px #0f172a59,0 2px 6px #0f172a14}.toast--bump{animation:.24s toast-bump}.toast-slot--leaving .toast{animation:.16s ease-in both toast-out}.toast-icon{background:var(--toast-accent-soft);width:30px;height:30px;color:var(--toast-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-message{overflow-wrap:anywhere;flex:1;min-width:0}.toast .toast-close{all:unset;color:#9ca3af;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background-color .15s,color .15s;display:flex}.toast .toast-close:hover{color:#374151;background:#f3f4f6}.toast .toast-close:focus-visible{outline:2px solid var(--toast-accent)}.toast-progress{background:var(--toast-accent);opacity:.5;transform-origin:0;width:100%;height:3px;animation-name:toast-countdown;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}.toast:hover .toast-progress{animation-play-state:paused}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes toast-bump{40%{transform:scale(1.04)}}@keyframes toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast,.toast--bump,.toast-slot--leaving .toast{animation-duration:10ms}}@font-face{font-family:Cooper Black Cyrillic;src:url(/outer/fonts/CooperBlackCyrillic.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+0-2F,U+3A-10FFFF}:root{--color-bg:#f5ead8;--color-surface:#ebddc5;--color-text:#201e1d;--color-accent:#c67139;--color-accent-2:#7a8a5e;--color-divider:#201e1d29;--color-neutral-100:#f9f4ed;--color-neutral-200:#eee7db;--color-neutral-300:#dcd3c4;--color-neutral-400:#c0b6a5;--color-neutral-500:#a19786;--color-neutral-600:#82796a;--color-neutral-700:#645c50;--color-neutral-800:#474238;--color-neutral-900:#2e2b25;--color-accent-100:#fff2eb;--color-accent-200:#ffe1d0;--color-accent-300:#ffc6a5;--color-accent-400:#f6a06b;--color-accent-500:#d67f48;--color-accent-600:#b2622d;--color-accent-700:#8c491a;--color-accent-800:#643312;--color-accent-900:#402310;--color-accent-2-100:#f0fae1;--color-accent-2-200:#e1eecc;--color-accent-2-300:#ccdbb2;--color-accent-2-400:#aebf92;--color-accent-2-500:#8fa073;--color-accent-2-600:#728157;--color-accent-2-700:#56633f;--color-accent-2-800:#3d472b;--color-accent-2-900:#272e1b;--color-coin:#e2b44a;--color-coin-ring:#c9962c;--color-drop:#b3372a;--font-heading:"Caprasimo", "Cooper Black Cyrillic", "Vollkorn", serif;--font-heading-weight:400;--font-body:"Figtree", "Manrope", system-ui, sans-serif;--space-1:4.4px;--space-2:8.8px;--space-3:13.2px;--space-4:17.6px;--space-6:26.4px;--space-8:35.2px;--u:1px;--uz:1;--radius-sm:calc(8 * var(--u));--radius-md:calc(16 * var(--u));--radius-lg:calc(28 * var(--u));--shadow-sm:0 1px calc(2 * var(--u)) #2e2b2524;--shadow-md:0 calc(3 * var(--u)) calc(10 * var(--u)) #2e2b2529;--shadow-lg:0 calc(12 * var(--u)) calc(32 * var(--u)) #2e2b2538;--gutter:calc(40 * var(--u));--ease-out:cubic-bezier(.2, .7, .3, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1)}@media (width<=1099.98px){:root{--gutter:clamp(16px, 3vw, 32px)}}html[lang=uk]{--font-heading:"Cooper Black Cyrillic", "Caprasimo", "Vollkorn", serif;--font-body:"Manrope", "Figtree", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:calc(15 * var(--u));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-weight:500;line-height:1.45}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0;line-height:1.05}p{margin:0}img{max-width:100%;display:block}svg.lucide{zoom:var(--uz);flex:none}img:not([src]),img[src=""]{visibility:hidden}button{font:inherit;color:inherit}a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-800)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-text) 18%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.toast{--toast-accent:var(--color-accent-2-700);--toast-accent-soft:var(--color-accent-2-200);background:var(--color-neutral-100);color:var(--color-text);font-family:var(--font-body);box-shadow:var(--shadow-lg);border:0;border-radius:999px;padding:8px 10px 8px 8px;font-weight:700}.toast--error{--toast-accent:var(--color-accent-700);--toast-accent-soft:var(--color-accent-200)}.toast--success{--toast-accent:var(--color-accent-2-700);--toast-accent-soft:var(--color-accent-2-200)}.toast .toast-close:hover{background:var(--color-neutral-200);color:var(--color-text)}.toast-container{top:calc(88 * var(--u))}.toast{font-size:calc(15 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u));max-width:calc(560 * var(--u))}.toast-icon{width:calc(30 * var(--u));height:calc(30 * var(--u))}.toast svg.icon{zoom:var(--uz)}.btn{--lip:0px;--lip-color:transparent;--extra-shadow:0 0 #0000;justify-content:center;align-items:center;gap:calc(10 * var(--u));border-radius:calc(999 * var(--u));cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);white-space:nowrap;color:var(--color-text);background:var(--color-neutral-100);box-shadow:0 var(--lip) 0 var(--lip-color), var(--extra-shadow);-webkit-user-select:none;user-select:none;border:0;line-height:1;text-decoration:none;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(min(calc(3 * var(--u)), var(--lip)));box-shadow:0 max(0px, calc(var(--lip) - calc(3 * var(--u)))) 0 var(--lip-color), var(--extra-shadow)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-neutral-100);--lip:calc(5 * var(--u));--lip-color:var(--color-accent-700)}.btn--primary:hover:not(:disabled){background:var(--color-accent-500)}.btn--sage{background:var(--color-accent-2);color:var(--color-neutral-100);--lip:calc(5 * var(--u));--lip-color:var(--color-accent-2-700)}.btn--sage:hover:not(:disabled){background:var(--color-accent-2-600)}.btn--sage-dark{background:var(--color-accent-2-700);color:var(--color-neutral-100)}.btn--sage-dark:hover:not(:disabled){background:var(--color-accent-2-800)}.btn--light{background:var(--color-neutral-100);--lip:calc(5 * var(--u));--lip-color:var(--color-neutral-400)}.btn--light:hover:not(:disabled){background:var(--color-neutral-200)}.btn--flat{background:var(--color-neutral-100);box-shadow:var(--shadow-sm)}.btn--flat:hover:not(:disabled){background:var(--color-neutral-200)}.btn--dark{background:var(--color-text);color:var(--color-neutral-100)}.btn--dark:hover:not(:disabled){background:var(--color-neutral-800)}.btn--ghost{background:0 0}.btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn--outline-danger{color:var(--color-accent-700);box-shadow:inset 0 0 0 calc(2 * var(--u)) var(--color-accent-700);background:0 0}.btn--outline-danger:hover:not(:disabled){background:var(--color-accent-100)}.btn--sm{height:calc(40 * var(--u));padding:0 calc(16 * var(--u));font-size:calc(16 * var(--u))}.btn--md{height:calc(52 * var(--u));padding:0 calc(24 * var(--u));font-size:calc(18 * var(--u))}.btn--lg{height:calc(64 * var(--u));padding:0 calc(28 * var(--u));font-size:calc(22 * var(--u))}.btn--body{font-family:var(--font-body);font-weight:700;font-size:calc(14 * var(--u))}.icon-btn{width:calc(52 * var(--u));height:calc(52 * var(--u));cursor:pointer;color:var(--color-text);background:var(--color-neutral-100);box-shadow:var(--shadow-md);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .15s ease-out,transform .15s ease-out,opacity .15s;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--color-accent-2-100)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn--dark{background:var(--color-text);color:var(--color-neutral-100)}.icon-btn--dark:hover:not(:disabled){background:var(--color-neutral-800)}.icon-btn--sm{width:calc(36 * var(--u));height:calc(36 * var(--u));box-shadow:var(--shadow-sm)}.icon-btn--ghost{box-shadow:none;color:var(--color-neutral-700);background:0 0}.icon-btn--ghost:hover:not(:disabled){background:var(--color-neutral-200)}.icon-btn.is-on{background:var(--color-accent-2-700);color:var(--color-neutral-100)}.pill{align-items:center;gap:calc(8 * var(--u));height:calc(44 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(12 * var(--u));border-radius:calc(999 * var(--u));background:var(--color-neutral-100);box-shadow:var(--shadow-sm);font-weight:700;font-size:calc(15 * var(--u));white-space:nowrap;display:inline-flex}.chip{align-items:center;gap:calc(5 * var(--u));padding:calc(4 * var(--u)) calc(11 * var(--u));border-radius:calc(999 * var(--u));background:var(--color-neutral-100);font-size:calc(14 * var(--u));color:var(--color-neutral-800);white-space:nowrap;font-weight:600;display:inline-flex}.chip--sm{padding:calc(3 * var(--u)) calc(9 * var(--u));font-size:calc(12 * var(--u));font-weight:700}.chip--dark{background:var(--color-text);color:var(--color-neutral-100);font-weight:700}.chip--neutral{background:var(--color-neutral-200)}.chip--accent{background:var(--color-accent-200);color:var(--color-accent-800)}.chip--sage{background:var(--color-accent-2-200);color:var(--color-accent-2-800)}.chip--tag{font-size:calc(12 * var(--u));letter-spacing:.1em;text-transform:uppercase;padding:calc(5 * var(--u)) calc(12 * var(--u));background:var(--color-accent-200);color:var(--color-accent-800);font-weight:700}.kicker{font-size:calc(12 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-700);font-weight:700}.coin{width:calc(20 * var(--u));height:calc(20 * var(--u));background:var(--color-coin);box-shadow:inset 0 0 0 calc(3 * var(--u)) var(--color-coin-ring);border-radius:50%;flex:none;display:inline-block}.drop-icon{flex:none}.coin--sm{width:calc(15 * var(--u));height:calc(15 * var(--u));box-shadow:inset 0 0 0 calc(2.5 * var(--u)) var(--color-coin-ring)}.badge-new{font-family:var(--font-body);font-size:calc(11 * var(--u));letter-spacing:.08em;padding:calc(3 * var(--u)) calc(8 * var(--u));border-radius:calc(999 * var(--u));background:var(--color-accent-2-100);color:var(--color-accent-2-800);font-weight:700}.seg{gap:calc(4 * var(--u));padding:calc(4 * var(--u));border-radius:calc(999 * var(--u));background:var(--color-neutral-100);box-shadow:var(--shadow-sm);display:inline-flex}.seg__opt{align-items:center;gap:calc(6 * var(--u));padding:calc(7 * var(--u)) calc(14 * var(--u));border-radius:calc(999 * var(--u));font-weight:700;font-size:calc(13 * var(--u));cursor:pointer;white-space:nowrap;background:0 0;border:0;transition:background-color .15s ease-out,color .15s ease-out;display:inline-flex}.seg__opt:hover:not(.is-active){background:color-mix(in srgb, var(--color-text) 8%, transparent)}.seg__opt.is-active{background:var(--color-text);color:var(--color-neutral-100);box-shadow:var(--shadow-sm)}.seg--sage .seg__opt.is-active{background:var(--color-accent-2)}.seg--track-sage{background:var(--color-accent-2-300);box-shadow:none}.page-title{font-size:clamp(calc(38 * var(--u)), 4.4vw, calc(56 * var(--u)));line-height:1}.skeleton{background:linear-gradient(100deg, var(--color-neutral-200) 30%, var(--color-neutral-100) 50%, var(--color-neutral-200) 70%);background-size:300% 100%;animation:1.4s ease-in-out infinite skeleton-shine}.icon-inline{vertical-align:-.28em;width:auto;height:1.25em;display:inline-block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shine{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--pulse-color,var(--color-accent)) 55%, transparent)}to{box-shadow:0 0 0 calc(14 * var(--u)) color-mix(in srgb, var(--pulse-color,var(--color-accent)) 0%, transparent)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.burst{z-index:20000;pointer-events:none;width:0;height:0;position:fixed}.burst span{left:calc(-5 * var(--u));top:calc(-5 * var(--u));width:calc(10 * var(--u));height:calc(10 * var(--u));animation:.9s cubic-bezier(.15,.7,.3,1) both burst-piece;position:absolute}@keyframes burst-piece{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}70%{opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + calc(70 * var(--u)))) scale(1) rotate(var(--rot));opacity:0}}.rise-in{animation:rise-in .45s var(--ease-out) both}.pop-in{animation:pop-in .35s var(--ease-back) both}.topbar{z-index:5;align-items:center;gap:calc(24 * var(--u));padding:calc(28 * var(--u)) var(--gutter) 0;display:flex;position:relative}.logo{font-family:var(--font-heading);font-size:calc(34 * var(--u));letter-spacing:-.02em;color:var(--color-accent-800);white-space:nowrap;line-height:1;text-decoration:none}.logo:hover{color:var(--color-accent-700)}.topbar__nav{gap:calc(6 * var(--u));margin-left:calc(24 * var(--u));padding:calc(6 * var(--u));border-radius:calc(999 * var(--u));box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(calc(4 * var(--u)));backdrop-filter:blur(calc(4 * var(--u)));background:#f9f4edcc;display:flex}.topbar__link{padding:calc(9 * var(--u)) calc(18 * var(--u));border-radius:calc(999 * var(--u));font-weight:600;font-size:calc(14 * var(--u));color:var(--color-text);white-space:nowrap;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out;position:relative}.topbar__link:hover{background:var(--color-neutral-200);color:var(--color-text)}.topbar__link.is-active{background:var(--color-text);color:var(--color-neutral-100)}.topbar__badge{top:calc(-4 * var(--u));right:calc(-2 * var(--u));min-width:calc(20 * var(--u));height:calc(20 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(999 * var(--u));background:var(--color-accent);color:var(--color-neutral-100);font-size:calc(11 * var(--u));font-weight:800;line-height:calc(20 * var(--u));text-align:center;box-shadow:0 0 0 calc(2 * var(--u)) var(--color-neutral-100);--pulse-color:var(--color-accent);animation:1.6s ease-out infinite pulse-ring;position:absolute}.topbar__right{align-items:center;gap:calc(10 * var(--u));margin-left:auto;display:flex}.currency-pill{transition:transform .2s var(--ease-back)}.currency-pill.is-bumped{animation:currency-bump .6s var(--ease-back)}@keyframes currency-bump{0%{transform:scale(1)}30%{background:var(--color-accent-2-200);transform:scale(1.18)}to{transform:scale(1)}}.profile-pill{cursor:pointer;padding:calc(5 * var(--u)) calc(12 * var(--u)) calc(5 * var(--u)) calc(5 * var(--u));gap:calc(10 * var(--u));border:0;transition:background-color .15s ease-out}.profile-pill:hover{background:var(--color-neutral-200)}.profile-pill__avatar{width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--color-accent-2-300);border-radius:50%;flex:none;overflow:hidden}.profile-pill__avatar img{object-fit:cover;width:100%;height:100%}.profile-pill__name{max-width:calc(140 * var(--u));text-overflow:ellipsis;overflow:hidden}.profile-pill__chevron{color:var(--color-neutral-600)}@media (width<=1099.98px){.topbar{row-gap:calc(14 * var(--u));flex-wrap:wrap}.topbar__nav{scrollbar-width:none;order:3;width:100%;margin-left:0;overflow-x:auto}.topbar__nav::-webkit-scrollbar{display:none}.topbar__link{text-align:center;flex:1 0 auto}}@media (width<=560px){.topbar{padding-top:calc(16 * var(--u));gap:calc(10 * var(--u));flex-wrap:wrap}.logo{font-size:calc(22 * var(--u))}.topbar__right{gap:calc(6 * var(--u))}.topbar__right .pill{height:calc(38 * var(--u));padding:0 calc(9 * var(--u)) 0 calc(6 * var(--u));font-size:calc(14 * var(--u));gap:calc(5 * var(--u))}.topbar__right .coin{width:calc(17 * var(--u));height:calc(17 * var(--u))}.profile-pill__name,.profile-pill__chevron{display:none}.topbar__right .profile-pill{padding:calc(3 * var(--u))}.topbar__link{padding:calc(8 * var(--u)) calc(14 * var(--u))}}.bm-popover.MuiPaper-root{border-radius:var(--radius-lg);background:var(--color-neutral-100);box-shadow:var(--shadow-lg);color:var(--color-text);font-family:var(--font-body);margin-top:calc(10 * var(--u))}.profile-menu.MuiPaper-root{width:calc(300 * var(--u));padding:calc(16 * var(--u))}.profile-menu__head{align-items:center;gap:calc(12 * var(--u));padding-bottom:calc(14 * var(--u));border-bottom:calc(2 * var(--u)) dashed var(--color-neutral-300);display:flex}.profile-menu__avatar{width:calc(56 * var(--u));height:calc(56 * var(--u));background:var(--color-accent-2-300);box-shadow:0 0 0 calc(3 * var(--u)) var(--color-neutral-100), 0 0 0 calc(5 * var(--u)) var(--color-accent-2-400);border-radius:50%;flex:none;overflow:hidden}.profile-menu__avatar img{object-fit:cover;width:100%;height:100%}.profile-menu__name{font-family:var(--font-heading);font-size:calc(22 * var(--u));word-break:break-word;line-height:1.1}.profile-menu__link{align-items:center;gap:calc(5 * var(--u));margin-top:calc(4 * var(--u));cursor:pointer;font-size:calc(13 * var(--u));color:var(--color-accent-700);background:0 0;border:0;padding:0;font-weight:700;display:inline-flex}.profile-menu__link:hover{color:var(--color-accent-800);text-decoration:underline}.profile-menu__row{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));padding:calc(12 * var(--u)) 0 0;display:flex}.profile-menu__label{font-size:calc(12 * var(--u));letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-700);font-weight:700}.profile-menu__volume{align-items:center;gap:calc(10 * var(--u));width:calc(150 * var(--u));color:var(--color-neutral-700);display:flex}.profile-menu__actions{gap:calc(4 * var(--u));margin-top:calc(14 * var(--u));padding-top:calc(10 * var(--u));border-top:calc(2 * var(--u)) dashed var(--color-neutral-300);flex-direction:column;display:flex}.profile-menu__item{align-items:center;gap:calc(10 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(999 * var(--u));cursor:pointer;font-weight:700;font-size:calc(14 * var(--u));text-align:left;background:0 0;border:0;display:flex}.profile-menu__item:hover{background:var(--color-accent-2-100)}.profile-menu__item--danger{color:var(--color-accent-700)}.profile-menu__item--danger:hover{background:var(--color-accent-100)}.bm-slider.MuiSlider-root{color:var(--color-accent-2-600)}.bm-slider .MuiSlider-thumb{width:calc(16 * var(--u));height:calc(16 * var(--u));box-shadow:0 0 0 calc(3 * var(--u)) var(--color-neutral-100)}.bm-slider .MuiSlider-thumb:hover,.bm-slider .MuiSlider-thumb.Mui-focusVisible{box-shadow:0 0 0 calc(3 * var(--u)) var(--color-neutral-100), 0 0 0 calc(7 * var(--u)) color-mix(in srgb, var(--color-accent-2-600) 25%, transparent)}.MuiBackdrop-root:not(.MuiBackdrop-invisible){background:color-mix(in srgb, var(--color-neutral-900) 38%, transparent);-webkit-backdrop-filter:blur(calc(3 * var(--u)));backdrop-filter:blur(calc(3 * var(--u)))}.bm-dialog.MuiPaper-root{border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-lg);color:var(--color-text);font-family:var(--font-body);max-width:min(calc(560 * var(--u)), calc(100vw - calc(32 * var(--u))));width:100%;margin:calc(16 * var(--u));animation:pop-in .3s var(--ease-back)}.bm-dialog__body{padding:calc(28 * var(--u));gap:calc(12 * var(--u));flex-direction:column;display:flex}.bm-dialog__title{font-size:calc(30 * var(--u))}.bm-dialog__text{color:var(--color-neutral-800);font-size:calc(15 * var(--u))}.bm-dialog__actions{justify-content:flex-end;gap:calc(10 * var(--u));margin-top:calc(12 * var(--u));flex-wrap:wrap;display:flex}.map-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.map-backdrop__img{object-fit:cover;filter:saturate(.77)brightness(1.12)contrast(.85);opacity:.68;width:calc(100vw + 2.8vh);max-width:none;height:calc(100vh + 2.8vw);position:absolute;top:-1.4vw;left:-1.4vh;transform:rotate(-1.5deg)}.map-backdrop__wash{background:radial-gradient(70% 80% at 30% 55%,#f5ead817,#f5ead8eb 75%);position:absolute;inset:0}.hub{min-height:100dvh;position:relative}.hub__frame{z-index:1;width:min(100%, calc(1440 * var(--u)));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.hub__content{padding:calc(28 * var(--u)) var(--gutter) calc(40 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.hub--stage{flex-direction:column;justify-content:center;display:flex}.hub--stage .hub__frame{height:calc(900 * var(--u));flex:none;min-height:0}@media (width<=1099.98px){.hub--stage{display:block}.hub--stage .hub__frame{height:auto;min-height:100dvh}}.page-head{justify-content:space-between;align-items:flex-end;gap:calc(20 * var(--u)) calc(24 * var(--u));margin-bottom:calc(28 * var(--u));flex-wrap:wrap;display:flex}.page-head__titles{gap:calc(6 * var(--u));flex-direction:column;display:flex}.page-head__tools{align-items:center;gap:calc(12 * var(--u));flex-wrap:wrap;display:flex}.section-title{font-size:calc(24 * var(--u));margin:calc(8 * var(--u)) 0 calc(14 * var(--u))}.empty-state{justify-content:center;align-items:center;gap:calc(12 * var(--u));padding:calc(40 * var(--u)) calc(20 * var(--u));text-align:center;color:var(--color-neutral-700);flex-direction:column;font-weight:600;display:flex}.empty-state__art{width:calc(140 * var(--u));filter:drop-shadow(0 calc(12 * var(--u)) calc(12 * var(--u)) #2e2b2533);animation:3.2s ease-in-out infinite float}.empty-state h3{font-size:calc(24 * var(--u));color:var(--color-text)}.loader{justify-content:center;align-items:center;gap:calc(10 * var(--u));padding:calc(40 * var(--u));color:var(--color-neutral-700);font-weight:700;display:flex}.hero-face{background:var(--color-neutral-100);border-radius:50%;flex:none;position:relative;overflow:hidden}.hero-face img{width:120%;max-width:none;position:absolute;top:-2%;left:-10%}.hero-face--mirror img{transform:scaleX(-1)}.pop-hero{width:100%;height:100%;display:block;position:relative}.pop-hero__backing{background:var(--pop-bg,var(--color-neutral-100));border-radius:50%;position:absolute;inset:0}.pop-hero__clip{height:var(--pop-rise,150%);clip-path:inset(0 round 0 0 var(--pop-clip-r,50%) var(--pop-clip-r,50%));position:absolute;bottom:0;left:0;right:0}.pop-hero__clip img{left:var(--pop-img-left,-20%);top:var(--pop-img-top,0);width:var(--pop-img-w,140%);pointer-events:none;max-width:none;transition:transform .2s var(--ease-back);position:absolute}.pop-hero--mirror .pop-hero__clip img{transform:scaleX(-1)}.pop-hero--free .pop-hero__clip{clip-path:none;height:auto;top:0}.pop-hero--free .pop-hero__clip img{top:auto;bottom:0}.socials{align-items:center;gap:calc(6 * var(--u));font-size:calc(11 * var(--u));color:var(--color-neutral-700);flex-wrap:wrap;display:flex}.socials__label{margin-right:calc(2 * var(--u));font-weight:600}.socials__link{width:calc(24 * var(--u));height:calc(24 * var(--u));color:var(--color-neutral-700);transition:background-color .15s ease-out, color .15s ease-out, transform .15s var(--ease-back);background:#f9f4edcc;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.socials__link svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.socials__link:hover{background:var(--color-neutral-100);color:var(--brand);transform:translateY(calc(-2 * var(--u))) scale(1.12)}.bm-dialog--wide.MuiPaper-root{max-width:min(calc(760 * var(--u)), calc(100vw - calc(32 * var(--u))))}.avatar-grid{grid-template-columns:repeat(auto-fill, minmax(calc(96 * var(--u)), 1fr));gap:calc(14 * var(--u));max-height:min(56vh, calc(480 * var(--u)));padding:calc(6 * var(--u));margin:0 calc(-6 * var(--u));display:grid;overflow-y:auto}.avatar-grid__item{aspect-ratio:1;cursor:pointer;background:var(--color-accent-2-200);box-shadow:0 0 0 calc(4 * var(--u)) var(--color-neutral-100), var(--shadow-md);border:0;border-radius:50%;padding:0;transition:transform .15s ease-out,box-shadow .15s ease-out;position:relative;overflow:visible}.avatar-grid__item img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-grid__item:hover{transform:translateY(calc(-3 * var(--u)))}.avatar-grid__item.is-selected{box-shadow:0 0 0 calc(4 * var(--u)) var(--color-accent), 0 0 0 calc(9 * var(--u)) var(--color-accent-200)}.avatar-grid__check{right:calc(-2 * var(--u));bottom:calc(-2 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));background:var(--color-accent);color:var(--color-neutral-100);box-shadow:0 0 0 calc(3 * var(--u)) var(--color-neutral-100);animation:pop-in .25s var(--ease-back);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.menu .hub__content{padding:calc(46 * var(--u)) calc(40 * var(--u)) 0}.menu__grid{grid-template-columns:calc(520 * var(--u)) calc(340 * var(--u)) calc(370 * var(--u));height:calc(740 * var(--u));justify-content:space-between;display:grid}.featured{min-width:0;position:relative}.featured__stage{position:absolute;inset:0}.featured__blob{left:calc(30 * var(--u));top:calc(120 * var(--u));width:calc(460 * var(--u));height:calc(460 * var(--u));background:var(--color-accent-2-400);box-shadow:var(--shadow-lg);border-radius:58% 42% 55% 45%/48% 58% 42% 52%;animation:14s ease-in-out infinite alternate blob-morph;position:absolute}.featured__ring{left:calc(70 * var(--u));top:calc(160 * var(--u));width:calc(380 * var(--u));height:calc(380 * var(--u));border:calc(3 * var(--u)) dashed #f9f4ed8c;border-radius:50%;animation:90s linear infinite spin;position:absolute}.featured__hero{left:calc(-10 * var(--u));top:calc(10 * var(--u));width:calc(540 * var(--u));max-width:none;filter:drop-shadow(0 calc(24 * var(--u)) calc(24 * var(--u)) #2e2b2559);cursor:pointer;-webkit-user-select:none;user-select:none;animation:.6s ease-out both fade-in;position:absolute}.featured__hero.is-poked{animation:hero-poke .5s var(--ease-back)}@keyframes hero-poke{0%{transform:translateY(0)scale(1)}35%{transform:translateY(calc(-18 * var(--u))) scale(1.02) rotate(-1.5deg)}to{transform:none}}@keyframes blob-morph{0%{border-radius:58% 42% 55% 45%/48% 58% 42% 52%}50%{border-radius:48% 52% 45% 55%/55% 45%}to{border-radius:55% 45% 60% 40%/45% 55% 48% 52%}}.featured__caption{left:0;bottom:calc(30 * var(--u));align-items:flex-start;gap:calc(10 * var(--u));flex-direction:column;max-width:100%;display:flex;position:absolute}.featured__name{font-size:calc(64 * var(--u));text-shadow:0 calc(2 * var(--u)) 0 #f5ead899;line-height:1}html[lang=uk] .featured__name{font-size:calc(58 * var(--u))}.featured__chips{gap:calc(8 * var(--u));flex-wrap:wrap;display:flex}.actions{gap:calc(14 * var(--u));padding-top:calc(70 * var(--u));flex-direction:column;min-width:0;display:flex}.play-button{height:calc(180 * var(--u));border-radius:calc(90 * var(--u)) calc(90 * var(--u)) calc(90 * var(--u)) calc(28 * var(--u));background:var(--color-accent);color:var(--color-neutral-100);cursor:pointer;box-shadow:0 calc(14 * var(--u)) 0 var(--color-accent-700), var(--shadow-lg);justify-content:center;align-items:center;gap:calc(4 * var(--u));border:0;flex-direction:column;flex:none;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;display:flex;position:relative}.play-button:hover:not(:disabled){background:var(--color-accent-500);transform:translateY(calc(-2 * var(--u)));box-shadow:0 calc(16 * var(--u)) 0 var(--color-accent-700), var(--shadow-lg)}.play-button:active:not(:disabled){transform:translateY(calc(8 * var(--u)));box-shadow:0 calc(6 * var(--u)) 0 var(--color-accent-700), var(--shadow-md)}.play-button:disabled{opacity:.7;cursor:progress}.play-button__label{font-family:var(--font-heading);font-size:calc(68 * var(--u));line-height:1}html[lang=uk] .play-button__label{font-size:calc(64 * var(--u))}.play-button__sub{font-size:calc(14 * var(--u));opacity:.9;font-weight:600}.actions__gap{height:calc(14 * var(--u));flex:none}.actions .btn--lg{flex:none;width:100%}.resume-card{align-items:center;gap:calc(12 * var(--u));padding:calc(10 * var(--u)) calc(18 * var(--u));border-radius:calc(999 * var(--u));background:var(--color-neutral-100);box-shadow:0 calc(4 * var(--u)) 0 var(--color-neutral-400);cursor:pointer;text-align:left;border:0;flex:none;transition:transform .15s ease-out,background-color .15s ease-out;display:flex}.resume-card:hover{background:var(--color-accent-100);transform:translateY(calc(-2 * var(--u)))}.resume-card__text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.resume-card__title{font-family:var(--font-heading);font-size:calc(18 * var(--u))}.resume-card__sub{font-size:calc(13 * var(--u));color:var(--color-neutral-700);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.resume-card--battle{background:var(--color-accent-2-700);color:var(--color-neutral-100);box-shadow:0 calc(4 * var(--u)) 0 var(--color-accent-2-900)}.resume-card--battle:hover{background:var(--color-accent-2-800)}.resume-card--battle .resume-card__sub{color:var(--color-accent-2-200)}.actions:has(.resume-card){padding-top:0}.actions__socials{margin-top:calc(8 * var(--u))}.tickets{--panel:var(--color-accent-2-200);align-self:start;gap:calc(10 * var(--u));min-height:0;max-height:calc(100% - calc(70 * var(--u)));margin-top:calc(70 * var(--u));padding:calc(18 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));border-radius:calc(24 * var(--u));background:var(--panel);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.tickets__head{justify-content:space-between;align-items:center;gap:calc(10 * var(--u));padding:0 calc(4 * var(--u));display:flex}.tickets__title{font-size:calc(21 * var(--u));color:var(--color-accent-2-900);line-height:1.1}.tickets__list{gap:calc(8 * var(--u));min-height:0;margin:calc(2 * var(--u)) calc(-6 * var(--u)) 0;padding:calc(6 * var(--u)) calc(6 * var(--u)) calc(4 * var(--u));scrollbar-width:thin;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.ticket{grid-template-columns:minmax(0, 1fr) calc(74 * var(--u));height:calc(78 * var(--u));border-radius:calc(18 * var(--u));background:var(--color-neutral-100);box-shadow:var(--shadow-sm);animation:rise-in .4s var(--ease-out) both;flex:none;transition:transform .15s ease-out,box-shadow .15s ease-out;display:grid;position:relative;overflow:hidden}.ticket:hover{transform:translateY(calc(-2 * var(--u))) rotate(-.3deg);box-shadow:var(--shadow-md)}.ticket.is-mine{box-shadow:0 0 0 calc(3 * var(--u)) var(--color-accent-2-600), var(--shadow-sm)}.ticket--skeleton{animation:1.4s ease-in-out infinite skeleton-shine}.ticket__body{padding:calc(9 * var(--u)) calc(12 * var(--u));flex-direction:column;justify-content:space-between;min-width:0;display:flex}.ticket__host{align-items:center;gap:calc(6 * var(--u));min-width:0;display:flex}.ticket__avatars{flex:none;display:flex}.ticket__avatars img,.ticket__seat{width:calc(22 * var(--u));height:calc(22 * var(--u));object-fit:cover;background:var(--color-accent-2-200);box-shadow:0 0 0 calc(2 * var(--u)) var(--color-neutral-100);border-radius:50%}.ticket__avatars>:nth-child(2){margin-left:calc(-7 * var(--u))}.ticket__avatars>:nth-child(2):is(img){transform:scaleX(-1)}.ticket__seat{border:calc(2 * var(--u)) dashed var(--color-neutral-400);box-shadow:none;background:0 0;display:inline-block}.ticket__host-name{font-size:calc(12 * var(--u));color:var(--color-neutral-700);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ticket__watchers{align-items:center;gap:calc(3 * var(--u));font-size:calc(11 * var(--u));color:var(--color-neutral-500);margin-left:auto;font-weight:700;display:flex}.ticket__name{font-family:var(--font-heading);font-size:calc(15 * var(--u));color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;line-height:1.15;overflow:hidden}.ticket__chips{gap:calc(5 * var(--u));display:flex;overflow:hidden}.ticket__chips .chip--sm{padding:calc(2 * var(--u)) calc(8 * var(--u));font-size:calc(11 * var(--u));font-weight:600}.ticket__perforation{right:calc(74 * var(--u));top:calc(10 * var(--u));bottom:calc(10 * var(--u));border-left:calc(2 * var(--u)) dashed var(--color-neutral-300);pointer-events:none;position:absolute}.ticket__perforation:before,.ticket__perforation:after{content:"";left:calc(-9 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--panel);border-radius:50%;position:absolute}.ticket__perforation:before{top:calc(-18 * var(--u))}.ticket__perforation:after{bottom:calc(-18 * var(--u))}.ticket__stub{border-radius:0 calc(18 * var(--u)) calc(18 * var(--u)) 0;cursor:pointer;justify-content:center;align-items:center;gap:calc(3 * var(--u));color:var(--color-neutral-900);background:0 0;border:0;flex-direction:column;transition:background-color .15s ease-out;display:flex}.ticket__stub:hover:not(:disabled){background:var(--color-accent-200)}.ticket__stub:disabled{cursor:progress}.ticket__mode{font-family:var(--font-heading);font-size:calc(20 * var(--u));line-height:1}.ticket__action{font-size:calc(10 * var(--u));letter-spacing:.1em;color:var(--color-accent-700);text-align:center;padding:0 calc(4 * var(--u));font-weight:800;line-height:1.2}html[lang=uk] .ticket__action{font-size:calc(9 * var(--u));letter-spacing:.05em}.tickets__print{height:calc(44 * var(--u));width:100%;font-size:calc(15 * var(--u));flex:none}.tickets .empty-state{padding:calc(14 * var(--u));gap:calc(8 * var(--u));font-size:calc(13 * var(--u))}.tickets .empty-state h3{font-size:calc(18 * var(--u))}.tickets .empty-state__art{width:calc(84 * var(--u))}@media (width<=1099.98px){.menu .hub__content{padding:28px var(--gutter) 40px}.menu__grid{grid-template-columns:1fr;row-gap:28px;height:auto}.featured{justify-self:center;width:100%;max-width:520px;height:600px}.featured__stage{transform-origin:top;width:520px;height:740px;inset:0 auto auto 50%;transform:translate(-50%)scale(.8)}.featured__caption{text-align:center;align-items:center;width:max-content;max-width:100%;left:50%;transform:translate(-50%)}.featured__chips{justify-content:center}.actions{justify-self:center;width:100%;max-width:440px;padding-top:0}.tickets{justify-self:center;width:100%;max-width:560px;max-height:none;margin-top:0}.tickets__list{max-height:560px}}@media (width<=560px){.featured{height:480px}.featured__stage{transform:translate(-50%)scale(.64)}.featured__name{font-size:48px}html[lang=uk] .featured__name{font-size:42px}.play-button{height:140px}.play-button__label{font-size:56px}.tickets{padding:18px 12px 14px}.tickets__head{flex-wrap:wrap}.ticket{grid-template-columns:minmax(0,1fr) 80px}.ticket__perforation{right:80px}}
