.ui-snackbar-host{z-index:100;pointer-events:none;position:fixed;inset:0}.ui-snackbar-host .ui-snackbar{position:absolute}.ui-snackbar{left:50%;bottom:calc(24px + var(--app-safe-bottom));z-index:40;width:min(330px,100% - 46px);color:var(--color-white);pointer-events:none;background:#242424;border-radius:18px;justify-content:center;padding:14px 20px;animation:.28s cubic-bezier(.22,1,.36,1) both ui-snackbar-in;display:flex;position:absolute;transform:translate(-50%)}.ui-snackbar__message{text-align:center;margin:0;font-size:14px;font-weight:400;line-height:1.3}@keyframes ui-snackbar-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.ui-snackbar{animation:none}}.panel-shell{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.panel-shell--forward,.panel-shell--back{animation:none!important}}@media (prefers-reduced-motion:no-preference){.panel-shell--forward{animation:.38s cubic-bezier(.22,1,.36,1) both panel-in-forward}.panel-shell--back{animation:.38s cubic-bezier(.22,1,.36,1) both panel-in-back}}@keyframes panel-in-forward{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes panel-in-back{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.color-picker{flex-direction:column;gap:9px;width:100%;min-height:0;display:flex}.hue-rail{background:var(--gradient-hue);touch-action:none;cursor:pointer;border-radius:40px;outline:none;flex-shrink:0;width:100%;height:19px;position:relative}.color-palette{touch-action:none;cursor:crosshair;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);border-radius:40px;outline:none;flex:0 172px;width:100%;min-height:112px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.color-palette--static{cursor:default}.hue-rail:focus-visible,.color-palette:focus-visible{box-shadow:0 0 0 2px var(--color-white)}.color-handle{border:3px solid var(--color-white);pointer-events:none;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.color-handle--rail{top:50%}.logo-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.logo-image img,.logo-image--inline svg{object-fit:contain;width:100%;height:100%;display:block}.logo-image--inline svg path,.logo-image--inline svg rect,.logo-image--inline svg polygon,.logo-image--inline svg circle,.logo-image--inline svg ellipse{transition:fill .12s linear,stroke .12s linear}.sparkles{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.sparkles__dot{top:calc(var(--size) / -2);left:calc(var(--size) / -2);width:var(--size);height:var(--size);background:var(--gradient-score);opacity:0;border-radius:50%;position:absolute}@media (prefers-reduced-motion:no-preference){.sparkles__dot{animation:.8s cubic-bezier(.22,1,.36,1) both sparkles-burst}}@keyframes sparkles-burst{0%{opacity:1;transform:rotate(var(--angle)) translateX(0) scale(.4)}60%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(1)}}.logo-result{flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;width:100%;min-height:0;display:flex}.logo-result__compare{gap:8px;width:calc(100% + 18px);max-width:376px;margin-top:auto;display:flex}.logo-result__column{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex}.logo-result__label{color:var(--color-white);margin-bottom:9px;font-size:14px;font-weight:400;line-height:1.2}.logo-result__card{z-index:1;background:var(--color-card);border-radius:23.35px;justify-content:center;align-items:center;width:100%;height:clamp(110px,17vh,146px);padding:12px;display:flex;position:relative}.logo-result__logo{max-width:130px}.logo-result__tab{letter-spacing:.2px;border-radius:0 0 40px 40px;justify-content:center;align-items:center;width:100%;height:93px;margin-top:-39px;padding-top:39px;font-size:18px;font-weight:600;line-height:1;display:flex}.logo-result__score{margin-top:clamp(10px,3vh,30px);position:relative}.logo-result__percent{letter-spacing:-2px;background:var(--gradient-score);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(72px,12.8vh,108px);font-weight:600;line-height:1}.logo-result__verdict{text-align:center;white-space:pre-line;max-width:340px;color:var(--color-white);text-wrap:balance;margin-top:12px;margin-bottom:auto;font-size:24px;font-weight:600;line-height:1.1}@media (prefers-reduced-motion:no-preference){.logo-result__column{animation:.5s cubic-bezier(.22,1,.36,1) both logo-result-slide}.logo-result__column--left{--slide-from:-40px;--tilt-from:-4deg}.logo-result__column--right{--slide-from:40px;--tilt-from:4deg;animation-delay:80ms}.logo-result__tab{animation:.45s cubic-bezier(.34,1.56,.64,1) .26s both logo-result-tab}.logo-result__column--right .logo-result__tab{animation-delay:.34s}.logo-result__percent--landed{animation:.55s cubic-bezier(.34,1.56,.64,1) logo-result-land}.logo-result__verdict{opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.logo-result__verdict--shown{opacity:1;transform:none}}@keyframes logo-result-slide{0%{opacity:0;transform:translateX(var(--slide-from)) rotate(var(--tilt-from))}to{opacity:1;transform:none}}@keyframes logo-result-tab{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}@keyframes logo-result-land{0%{filter:drop-shadow(0 0 #ff8c0000);transform:scale(1)}40%{filter:drop-shadow(0 0 18px #ff8c008c);transform:scale(1.14)}to{filter:drop-shadow(0 0 #ff8c0000);transform:scale(1)}}.ui-button{height:var(--button-height);border-radius:var(--radius-pill);letter-spacing:-.525px;white-space:nowrap;cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 32px;font-size:18px;font-weight:600;line-height:1.2;transition:transform .15s,opacity .2s,filter .2s;display:inline-flex}.ui-button:active:not(:disabled){transform:scale(.97)}.ui-button:disabled{cursor:default;opacity:.5}.ui-button--accent{background:var(--gradient-accent);min-width:273px;color:var(--color-white)}.ui-button--glass{background:var(--color-glass);color:var(--color-white)}.ui-button--light{width:var(--button-height);background:var(--color-white);color:var(--color-black);padding:0}.ui-button__icon{width:20px;height:20px;display:block}.ui-button--light .ui-button__icon{width:32px;height:32px}.tutorial-sheet{z-index:20;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.tutorial-sheet__dim{background:#0009;position:absolute;inset:0}.tutorial-sheet__panel{height:min(542px, calc(100% - var(--app-safe-top) - 40px));padding:31px calc(var(--app-safe-right) + 16px) var(--app-content-bottom) calc(var(--app-safe-left) + 16px);background:var(--color-white);color:var(--color-black);border-radius:64px 64px 0 0;flex-direction:column;align-items:center;display:flex;position:relative}.tutorial-sheet__palette{flex:0 172px;width:min(333px,100%)}.tutorial-sheet__palette .color-handle{transition:left .9s cubic-bezier(.65,0,.35,1),top .9s cubic-bezier(.65,0,.35,1),background-color .9s}.tutorial-sheet__title{text-align:center;flex-shrink:0;width:min(299px,100%);margin-top:52px;font-size:26px;font-weight:600;line-height:1}@media (height<=700px){.tutorial-sheet__title{margin-top:24px;font-size:22px}}.page-layout{height:var(--tg-viewport-stable-height,100dvh);max-height:var(--tg-viewport-stable-height,100dvh);background:var(--color-black);width:100%;min-height:0;color:var(--color-white);font-family:var(--font-family);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.page-layout__background{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-layout__brand{top:calc(var(--tg-safe-area-inset-top) + var(--app-header-height) / 2);z-index:2;pointer-events:none;position:absolute;left:50%;translate:-50% -50%}.page-layout__content{width:100%;min-height:0;padding:var(--app-content-top) calc(var(--app-safe-right) + 16px) var(--app-content-bottom) calc(var(--app-safe-left) + 16px);flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.page-layout__spacer{flex:1 1 0;min-height:16px}.ui-counter{border-radius:var(--radius-pill);background:var(--color-glass-soft);-webkit-backdrop-filter:blur(14.2px);letter-spacing:-.525px;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.3em;height:51px;padding:0 17px;font-size:18px;font-weight:600;line-height:1;display:inline-flex}.ui-counter__current{color:var(--color-white);display:inline-block}.ui-counter__total{color:#fff9}.game-page__column{width:100%;max-width:var(--content-width);flex-direction:column;flex:0 auto;align-items:center;min-height:0;margin-top:15px;display:flex}.game-page__card{border-radius:var(--radius-card);background:var(--color-glass);flex:0 266px;justify-content:center;align-items:center;width:100%;min-height:140px;padding:21px;display:flex}.game-page__logo{max-width:221px;max-height:224px}.game-page__picker{flex:0 auto;margin-top:clamp(14px,3.9vh,33px)}.game-page__rays-main{height:497px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.game-page__rays-main img{width:1081px;max-width:none;height:1012px;position:absolute;bottom:418.8px;left:calc(50% - 32.9px);transform:translate(-50%,50%)rotate(-126.78deg)skew(-23.95deg)}.game-page__rays-result{position:absolute;inset:0}.game-page__rays-result img{top:calc(var(--app-content-top) + 283.4px);width:2150px;max-width:none;height:2150px;position:absolute;left:calc(50% - .5px)}.game-page__rays-result-1{transform:translate(-50%,-50%)rotate(120deg)}.game-page__rays-result-2{transform:translate(-50%,-50%)rotate(118.53deg)}.loader-page{height:var(--tg-viewport-stable-height,100dvh);background:radial-gradient(141.42% 141.42% at 0 0,#f50 70.85%,#ee8000 78.14%,#da0 85.43%,#ccd500 92.71%,#bf0 100%);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.loader-page__hero{background:var(--color-black);border-radius:0 0 40px 40px;flex:auto;min-height:0;position:relative;overflow:hidden}.loader-page__rays{pointer-events:none;width:1507px;max-width:none;height:1505px;position:absolute;top:-10px;left:calc(50% - 335px);transform:translate(-50%,-50%)rotate(-112.42deg)}.loader-page__rays--glow{display:none}@property --loader-sweep{syntax:"<angle>";inherits:false;initial-value:180deg}@media (prefers-reduced-motion:no-preference){.loader-page__rays{animation:1.4s cubic-bezier(.22,1,.36,1) both loader-rays-in,90s linear 1.4s infinite loader-rays-drift}.loader-page__rays--glow{filter:brightness(0)invert();opacity:.55;-webkit-mask-image:conic-gradient(from var(--loader-sweep) at 50% 50%, transparent 0deg, #000 9deg, transparent 24deg, transparent 360deg);mask-image:conic-gradient(from var(--loader-sweep) at 50% 50%, transparent 0deg, #000 9deg, transparent 24deg, transparent 360deg);animation:1.4s cubic-bezier(.22,1,.36,1) both loader-rays-in,90s linear 1.4s infinite loader-rays-drift,1.6s ease-in-out .6s infinite loader-rays-sweep;display:block}}@keyframes loader-rays-in{0%{opacity:0;rotate:-25deg;scale:1.12}to{opacity:1;rotate:0deg;scale:1}}@keyframes loader-rays-drift{0%{rotate:0deg}to{rotate:360deg}}@keyframes loader-rays-sweep{0%{--loader-sweep:170deg}to{--loader-sweep:310deg}}.loader-page__logo{width:203px;height:auto;position:absolute;top:50%;left:50%;translate:-50% -50%}.loader-page__footer{padding:43px 34px max(calc(var(--app-safe-bottom) + 6px), 33px);flex-direction:column;flex-shrink:0;align-items:center;gap:40px;display:flex}.loader-page__title{text-align:center;max-width:221px;color:var(--color-white);font-size:26px;font-weight:600;line-height:1}.loader-page__progress{background:var(--color-progress-track);border-radius:119px;width:min(321px,100%);height:6px;position:relative;overflow:hidden}.loader-page__progress-fill{border-radius:inherit;background:var(--color-white);transform-origin:0;height:100%;animation:linear both loader-fill}@keyframes loader-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.onboarding-page__stage{flex:0 430px;width:100%;min-height:180px;margin-top:-40px;position:relative}.onboarding-page__tiles{transform-origin:top;width:390px;height:430px;position:absolute;top:0;left:50%}.onboarding-page__row{width:0;height:0;transform:rotate(-15deg) translateY(var(--row-offset));animation:.6s ease-out both onboarding-fade-in;position:absolute;top:50%;left:50%}.onboarding-page__track{width:max-content;animation:onboarding-marquee var(--row-duration) linear infinite;display:flex;position:absolute;top:0;left:0;translate:-25% -50%}.onboarding-page__track--reverse{animation-direction:reverse}.onboarding-page__tile{background:#ffffff1f;border-radius:34.9px;flex-shrink:0;justify-content:center;align-items:center;width:146.6px;height:146.6px;margin-right:9.6px;display:flex}.onboarding-page__logo{-webkit-user-select:none;user-select:none;width:112px;height:114px}.onboarding-page__text{text-align:center;flex-direction:column;flex-shrink:0;gap:14px;width:min(299px,100%);margin-top:25px;display:flex}.onboarding-page__title{color:var(--color-white);font-size:26px;font-weight:600;line-height:1}.onboarding-page__subtitle{color:var(--color-text-secondary);font-size:16px;font-weight:400;line-height:1.25}@keyframes onboarding-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes onboarding-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.onboarding-page__row,.onboarding-page__track{animation:none}}.results-page__hero{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding-bottom:20px;display:flex}.results-page__score-wrap{justify-content:center;display:flex;position:relative}.results-page__rays{z-index:-1;pointer-events:none;width:2150px;max-width:none;height:2150px;position:absolute;top:calc(50% + 14px);left:calc(50% - .44px)}.results-page__rays--1{transform:translate(-50%,-50%)rotate(120deg)}.results-page__rays--2{transform:translate(-50%,-50%)rotate(118.53deg)}.results-page__score{letter-spacing:-.525px;white-space:nowrap;background:var(--gradient-score);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:108px;font-weight:600;line-height:1.1}.results-page__rank{text-wrap:balance;letter-spacing:-.525px;text-align:center;white-space:pre-line;max-width:320px;color:var(--color-white);font-size:24px;font-weight:600;line-height:1.1}.results-page__card{z-index:1;background:var(--color-black);border-radius:40px;flex-direction:column;flex:none;align-items:center;gap:25px;width:min(344px,100%);padding:32px 9px 18px;display:flex;position:relative;box-shadow:0 4px 127.2px #000000a3}.results-page__text{text-align:center;letter-spacing:-.525px;flex-direction:column;align-items:center;gap:7px;width:100%;display:flex}.results-page__title{color:var(--color-white);font-size:26px;font-weight:600;line-height:1.1}.results-page__body{width:min(308px,100%);color:var(--color-white);opacity:.5;font-size:14px;font-weight:400;line-height:18px}.results-page__actions{flex-direction:column;gap:6px;width:min(316px,100%);display:flex}.results-page__more{width:100%;min-width:0}.results-page__row{gap:5px;display:flex}.results-page__share{flex:1}@media (prefers-reduced-motion:no-preference){.results-page__rays{animation:2.8s cubic-bezier(.22,1,.36,1) both results-rays-settle}.results-page__rays--2{--rays-from:40deg;animation-duration:3.4s}.results-page__score--landed{animation:.6s cubic-bezier(.34,1.56,.64,1) results-score-land}}@keyframes results-rays-settle{0%{rotate:var(--rays-from,-40deg)}to{rotate:0deg}}@keyframes results-score-land{0%{scale:1}40%{scale:1.12}to{scale:1}}@font-face{font-family:Graphik Kinopoisk LC;src:url(/fonts/GraphikKinopoiskLC-Regular-Web.woff2)format("woff2"),url(/fonts/GraphikKinopoiskLC-Regular-Web.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Graphik Kinopoisk LC;src:url(/fonts/GraphikKinopoiskLC-Semibold-Web.woff2)format("woff2"),url(/fonts/GraphikKinopoiskLC-Semibold-Web.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}:root{--color-black:#000;--color-white:#fff;--color-orange:#f50;--color-card:#242424;--color-glass:#ffffff24;--color-glass-soft:#ffffff1a;--color-border-soft:#ffffff26;--color-text-muted:#ffffff80;--color-text-secondary:#fff9;--color-progress-track:#ffffff2e;--gradient-accent:linear-gradient(164.25deg, #f50 69.932%, #d6bb00 100%);--gradient-score:linear-gradient(147.56deg, #f50 62.788%, #d6bb00 89.784%);--gradient-hue:linear-gradient(90deg, red 0%, #ff0 16.67%, #0f0 33.33%, #0ff 50%, #00f 66.67%, #f0f 83.33%, red 100%);--radius-card:42px;--radius-sheet:40px;--radius-pill:1050px;--font-family:"Graphik Kinopoisk LC", system-ui, -apple-system, sans-serif;--page-width:390px;--content-width:333px;--button-height:77px;--tg-safe-area-inset-top:env(safe-area-inset-top,0px);--tg-safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--tg-safe-area-inset-left:env(safe-area-inset-left,0px);--tg-safe-area-inset-right:env(safe-area-inset-right,0px);--tg-content-safe-area-inset-top:0px;--tg-content-safe-area-inset-bottom:0px;--tg-content-safe-area-inset-left:0px;--tg-content-safe-area-inset-right:0px;--app-safe-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top));--app-safe-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom));--app-safe-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left));--app-safe-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right));--app-header-height:max(var(--tg-content-safe-area-inset-top), calc(60px - var(--tg-safe-area-inset-top)));--app-content-top:calc(var(--tg-safe-area-inset-top) + var(--app-header-height) + 16px);--app-content-bottom:max(calc(var(--app-safe-bottom) + 20px), 40px)}@media (prefers-reduced-motion:reduce){.ui-fade-in,.ui-fade-up,.ui-scale-in,.ui-dim-in,.ui-sheet-in,.panel-shell--forward,.panel-shell--back{animation:none!important}}@media (prefers-reduced-motion:no-preference){.ui-fade-in{animation:.28s both ui-fade-in}.ui-fade-up{animation:.34s cubic-bezier(.22,1,.36,1) both ui-fade-up}.ui-scale-in{animation:.32s cubic-bezier(.22,1,.36,1) both ui-scale-in}.ui-dim-in{animation:.22s both ui-fade-in}.ui-sheet-in{animation:.42s cubic-bezier(.22,1,.36,1) both ui-sheet-in}@supports (view-transition-name:none){html[data-nav-dir=forward]::view-transition-old(root){animation:.28s both vt-panel-out-forward}html[data-nav-dir=forward]::view-transition-new(root){animation:.34s cubic-bezier(.22,1,.36,1) both vt-panel-in-forward}html[data-nav-dir=back]::view-transition-old(root){animation:.28s both vt-panel-out-back}html[data-nav-dir=back]::view-transition-new(root){animation:.34s cubic-bezier(.22,1,.36,1) both vt-panel-in-back}}}@keyframes vt-panel-out-forward{to{opacity:0;transform:translate(-24px)}}@keyframes vt-panel-in-forward{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes vt-panel-out-back{to{opacity:0;transform:translate(24px)}}@keyframes vt-panel-in-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-fade-up{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes ui-scale-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}@keyframes ui-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}*,:before,:after{box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-family);color:var(--color-white);background:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#root{width:100%;max-width:100vw;height:var(--tg-viewport-stable-height,100dvh);max-height:var(--tg-viewport-stable-height,100dvh);background:var(--color-black);justify-content:center;display:flex;overflow:hidden}#root>*{width:100%;height:100%;min-height:0}button{color:inherit;font-family:inherit}img{-webkit-user-drag:none}