:root{--bg:#fffaf0;--card:#ffffffcc;--text:#171717;--muted:#777;--line:#ece6d9;--accent:#ffc247;--accent2:#ffe8a8;--shadow:0 24px 90px #8b5b0017}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fffaf0,#fff 42%,#fff7e6);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh;overflow-x:hidden}.glow{position:fixed;filter:blur(50px);border-radius:999px;pointer-events:none;opacity:.65}.g1{width:380px;height:380px;background:#ffd772;right:-90px;top:-80px}.g2{width:340px;height:340px;background:#fff0bd;left:-110px;bottom:8vh}.shell{width:min(1160px,calc(100% - 28px));margin:0 auto;padding:20px 0 60px}.top{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;padding:10px 0;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:800 22px Unbounded}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--accent),#fff2bd);box-shadow:inset 0 1px #fff8,0 12px 30px #c47c001d}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:50px 0}.eyebrow{font-weight:800;color:#a66b00;text-transform:uppercase;letter-spacing:.12em;font-size:12px}h1{font:800 clamp(42px,6vw,82px)/.94 Unbounded;margin:0 0 22px;letter-spacing:-.07em}h2{font:800 28px/1.05 Unbounded;margin:0 0 18px;letter-spacing:-.04em}.lead{font-size:19px;line-height:1.55;color:#67625a;max-width:680px}.small{font-size:16px}.actions,.top nav{display:flex;gap:12px;flex-wrap:wrap}button{border:0;cursor:pointer;font:800 15px Inter;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s transform,.2s box-shadow,.2s background}.primary{background:linear-gradient(135deg,var(--accent),#ffd86d);color:#251700;padding:15px 18px;box-shadow:0 14px 35px #b873001f}.primary:hover,.secondary:hover,.ghost:hover{transform:translateY(-1px)}.secondary,.ghost{background:#fff;color:#1e1e1e;padding:14px 17px;border:1px solid var(--line)}.ghost{background:#ffffff88}.full{width:100%}.phone{border-radius:52px;background:linear-gradient(180deg,#111,#262626);padding:44px 18px 22px;min-height:520px;box-shadow:0 30px 90px #0002;position:relative}.island{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:110px;height:31px;background:#050505;border-radius:999px}.card,.panel{background:var(--card);backdrop-filter:blur(24px);border:1px solid #fff9;border-radius:34px;box-shadow:var(--shadow)}.mini{display:grid;gap:6px;margin:16px 0;padding:20px}.mini span{width:44px;height:44px;border-radius:15px;background:#fff2c2;color:#8b5a00;display:grid;place-items:center}.mini small{color:#757575}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:24px}.wide{margin-top:18px}.form{display:grid;gap:13px}label{font-weight:750;color:#4b4438;display:grid;gap:7px}input{width:100%;border:1px solid var(--line);border-radius:18px;padding:15px 16px;font:650 16px Inter;outline:none;background:#fff}input:focus{border-color:#ffc247;box-shadow:0 0 0 5px #ffc24724}.accounts{display:grid;gap:12px}.account{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px}.avatar{width:48px;height:48px;border-radius:17px;object-fit:cover;background:linear-gradient(135deg,#ffd364,#fff0b8);display:grid;place-items:center;font-weight:900}.grow{flex:1}.muted{color:var(--muted);line-height:1.55}.hidden{display:none!important}.notice{padding:13px 15px;border-radius:18px;margin-bottom:12px;background:#fff2c2;color:#664100;font-weight:750}.error{background:#ffe8e8;color:#8b1111}.oauth{position:fixed;inset:0;background:#fff8;backdrop-filter:blur(18px);z-index:20;display:grid;place-items:center;padding:18px}.oauth .panel{max-width:620px;width:100%}.slider{height:68px;border-radius:24px;background:#f3f1eb;position:relative;overflow:hidden;border:1px solid #e9e2d4;user-select:none;touch-action:none;margin:16px 0}.sliderFill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#ffe7a0,#ffc247)}.sliderKnob{position:absolute;left:6px;top:6px;width:56px;height:56px;border-radius:20px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 28px #0002}.sliderText{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;color:#6d6250;pointer-events:none}pre{white-space:pre-wrap;background:#161616;color:#fff;border-radius:24px;padding:18px;overflow:auto}@media(max-width:800px){.hero,.grid{grid-template-columns:1fr}.phone{min-height:auto}.hero{padding-top:24px}h1{font-size:46px}.shell{width:min(100% - 20px,1160px)}}

/* SHOKID_PROFILE_MAGIC_PATCH_V1 */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9999;background:#111;color:#fff;border-radius:18px;padding:13px 16px;box-shadow:0 18px 60px #0003;font-weight:750}
.modal{position:fixed;inset:0;z-index:9998;background:rgba(246,247,249,.74);backdrop-filter:blur(18px);display:grid;place-items:center;padding:18px}
.profile-editor{position:relative;width:min(460px,100%);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:34px;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.14);display:grid;gap:14px}
.profile-editor .x{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f2f2f4;font-size:24px}
.profile-editor label{display:grid;gap:8px;font-weight:800;color:#2b2b2b}
.profile-editor input{border:1px solid #e4e4e7;background:#f7f7f8;border-radius:18px;padding:14px 15px;font:inherit}
.big-avatar{display:flex;align-items:center;justify-content:center}
.big-avatar .avatar{width:92px;height:92px;border-radius:28px;font-size:28px}

/* SHOKID_CLEAN_ADMIN_UI_V1 */
.hint,.tips,.guide,.info,.help,.sdk,.docs,.help-card,.tip-card{display:none!important}
.compact-muted{margin:6px 0 0}
.account-click{width:100%;text-align:left;cursor:pointer;transition:transform .16s ease, box-shadow .16s ease, background .16s ease}
.account-click:hover{transform:translateY(-1px);box-shadow:0 16px 42px rgba(0,0,0,.08);background:#fffdf8}
.dialog-head{display:flex;gap:16px;align-items:center}
.dialog-head h2{margin:0}
.dialog-avatar{width:72px!important;height:72px!important;border-radius:24px!important;font-size:24px!important}
.dialog-actions{display:grid;gap:10px;margin-top:8px}
.soft{border:0;border-radius:20px;padding:14px 16px;background:#f3f3f5;color:#232323;font-weight:800;font:inherit;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}
.primary{display:flex;gap:8px;align-items:center;justify-content:center}
.admin-card{margin-top:18px}
.admin-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0}
.admin-form input{border:1px solid #e4e4e7;background:#f7f7f8;border-radius:18px;padding:14px 15px;font:inherit}
.admin-list{display:grid;gap:8px}
.admin-list h3{margin:16px 0 4px;font-size:14px;color:#777}
.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8f8f9;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:12px 14px}
.pill{font-size:12px;background:#ffe7aa;color:#5a3700;border-radius:999px;padding:5px 9px;font-weight:800}
.danger{color:#c62828!important}
@media (max-width:640px){
  .admin-form{grid-template-columns:1fr}
}

/* SHOKID_HARD_CLEAN_UI_20260425 */
.hero,.phone,.mini,.wide pre,.wide code,.help,.hint,.tips,.guide,.info,.sdk,.docs,.help-card,.tip-card{display:none!important}
.shell{max-width:1180px;margin:0 auto;padding:28px 22px 60px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111;font-weight:900;font-family:Unbounded,Inter,sans-serif;font-size:24px}
.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ffe38a,#ffc13d);display:grid;place-items:center;box-shadow:0 14px 40px rgba(255,190,35,.28)}
.grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:18px;align-items:start}
.panel{background:rgba(255,255,255,.82);backdrop-filter:blur(22px);border:1px solid rgba(0,0,0,.07);border-radius:34px;padding:24px;box-shadow:0 24px 90px rgba(0,0,0,.08)}
.panel h1,.panel h2{font-family:Unbounded,Inter,sans-serif;margin:0 0 18px;color:#111;line-height:1.05}
.wide{grid-column:1/-1}
.hidden{display:none!important}
.accounts{display:grid;gap:10px}
.account{display:flex;align-items:center;gap:14px;width:100%;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.82);border-radius:24px;padding:12px 14px;text-align:left;color:#111}
.account-click{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.account-click:hover{transform:translateY(-1px);box-shadow:0 16px 42px rgba(0,0,0,.08);background:#fffdf8}
.account.picked{outline:3px solid rgba(255,196,63,.42)}
.avatar{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#ffe38a,#ffc13d);display:grid;place-items:center;font-weight:900;object-fit:cover;flex:0 0 auto}
.grow{flex:1}
.muted{color:#777}
.compact-muted{margin:6px 0 0}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f3f3f4;border-radius:20px;padding:5px;margin-bottom:18px}
.tab{border:0;border-radius:16px;padding:12px;font:inherit;font-weight:850;background:transparent;cursor:pointer}
.tab.active{background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.form{display:grid;gap:14px}
.form label{display:grid;gap:8px;font-weight:850;color:#2b2b2b}
.form input,.admin-form input,.profile-editor input{border:1px solid #e4e4e7;background:#fff;border-radius:18px;padding:14px 15px;font:inherit;outline:none}
.form input:focus,.admin-form input:focus,.profile-editor input:focus{border-color:#ffc13d;box-shadow:0 0 0 4px rgba(255,193,61,.18)}
.primary,.secondary,.ghost,.soft{border:0;border-radius:20px;padding:14px 16px;font:inherit;font-weight:900;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}
.primary{background:linear-gradient(135deg,#ffd96f,#ffbd2d);color:#211400}
.secondary,.ghost,.soft{background:#fff;color:#151515;border:1px solid rgba(0,0,0,.08)}
.full{width:100%}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9999;background:#111;color:#fff;border-radius:18px;padding:13px 16px;box-shadow:0 18px 60px #0003;font-weight:800}
.modal{position:fixed;inset:0;z-index:9998;background:rgba(20,20,20,.42);backdrop-filter:blur(16px);display:grid;place-items:center;padding:18px}
.profile-editor{position:relative;width:min(460px,100%);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:34px;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.18);display:grid;gap:14px}
.profile-editor .x{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f2f2f4;font-size:24px;cursor:pointer}
.profile-editor h2{font-family:Unbounded,Inter,sans-serif;margin:0}
.big-avatar{display:flex;align-items:center;justify-content:center}
.big-avatar .avatar{width:92px;height:92px;border-radius:28px;font-size:28px}
.dialog-head{display:flex;gap:16px;align-items:center}
.dialog-head h2{margin:0}
.dialog-avatar{width:72px!important;height:72px!important;border-radius:24px!important;font-size:24px!important}
.dialog-actions{display:grid;gap:10px;margin-top:8px}
.admin-card{margin-top:18px}
.admin-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0}
.admin-list{display:grid;gap:8px}
.admin-list h3{margin:16px 0 4px;font-size:14px;color:#777}
.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8f8f9;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:12px 14px}
.pill{font-size:12px;background:#ffe7aa;color:#5a3700;border-radius:999px;padding:5px 9px;font-weight:900}
.danger{color:#c62828!important}
.oauth{margin-bottom:18px}
.oauth-active{opacity:.38;pointer-events:none;filter:blur(1px)}
.slider{position:relative;height:62px;border-radius:999px;background:#f1f1f2;border:1px solid rgba(0,0,0,.08);overflow:hidden;margin:18px 0 12px;user-select:none}
.sliderFill{position:absolute;left:0;top:0;bottom:0;width:62px;background:linear-gradient(135deg,#ffd96f,#ffbd2d);border-radius:999px}
.sliderKnob{position:absolute;left:4px;top:4px;width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.14);z-index:2;cursor:grab}
.sliderText{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;color:#5b5b5b}
@media(max-width:760px){
  .grid{grid-template-columns:1fr}
  .admin-form{grid-template-columns:1fr}
  .shell{padding:18px 14px 44px}
  .panel{border-radius:28px;padding:18px}
}

/* SHOKID_YANDEX_LIKE_SLIDER_SAFE_20260425 */
.oauth{
  position:fixed!important;
  inset:0!important;
  z-index:9990!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  background:rgba(0,0,0,.42)!important;
  backdrop-filter:blur(8px)!important;
  padding:18px!important;
}
.oauth.hidden{display:none!important}
.yandex-login-card{
  position:relative;
  width:min(350px,calc(100vw - 32px));
  background:#fff;
  border-radius:26px;
  padding:26px 20px 20px;
  box-shadow:0 24px 80px rgba(0,0,0,.24);
  font-family:Inter,Arial,sans-serif;
  text-align:center;
  animation:shokidCardIn .22s ease both;
}
@keyframes shokidCardIn{
  from{transform:translateY(12px) scale(.98);opacity:0}
  to{transform:translateY(0) scale(1);opacity:1}
}
.yandex-close{
  position:absolute;
  right:14px;
  top:12px;
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  color:#ff9d18;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}
.yandex-title{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  font-size:25px;
  font-weight:900;
  color:#111;
  margin-bottom:16px;
}
.yandex-id-pill{
  font-size:14px;
  line-height:1;
  border-radius:9px;
  padding:4px 6px;
  background:#20222a;
  color:#fff;
}
.yandex-account-select{
  display:flex;
  justify-content:center;
  margin:0 auto 20px;
}
.yandex-account-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius:999px;
  padding:5px 9px 5px 5px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  font:inherit;
  font-weight:700;
  cursor:pointer;
  color:#333;
}
.yandex-account-chip.picked{outline:3px solid rgba(255,185,35,.22)}
.yandex-chip-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ffe38a,#ffbd2d);
  color:#211400;
  font-size:12px;
  font-weight:900;
}
.yandex-login-text{
  margin:12px 0 18px;
  color:#333;
  font-size:15px;
  line-height:1.25;
  font-weight:600;
}
.yandex-login-text b{
  font-size:17px;
  font-weight:900;
}
.yandex-slider{
  position:relative;
  height:58px;
  border-radius:999px;
  background:#f4f4f6;
  overflow:hidden;
  user-select:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
}
.yandex-slider-fill{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:58px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff8d1a 0%,#ffc328 100%);
  box-shadow:0 10px 24px rgba(255,163,31,.32);
}
.yandex-slider-knob{
  position:absolute;
  left:5px;
  top:5px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#fff;
  color:#111;
  display:grid;
  place-items:center;
  z-index:2;
  cursor:grab;
  box-shadow:0 7px 22px rgba(0,0,0,.18);
}
.yandex-slider-knob .material-symbols-rounded{
  font-size:28px;
  font-weight:700;
}
.yandex-slider-text{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding-left:34px;
  color:#4a4a4a;
  font-size:15px;
  font-weight:900;
  pointer-events:none;
}
.oauth-active{
  opacity:1!important;
  pointer-events:auto!important;
  filter:none!important;
}

/* SHOKID_OAUTH_DROPDOWN_20260425 */
.yandex-login-card{
  overflow:visible!important;
}

.yandex-account-select{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0 auto 20px!important;
}

.shokid-select{
  position:relative;
  width:100%;
  z-index:5;
}

.shokid-select-current,
.shokid-select-item{
  width:100%;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.96);
  border-radius:999px;
  padding:7px 10px 7px 7px;
  display:flex;
  align-items:center;
  gap:10px;
  font:inherit;
  text-align:left;
  cursor:pointer;
  color:#111;
}

.shokid-select-current{
  box-shadow:0 8px 26px rgba(0,0,0,.08);
}

.shokid-select.open .shokid-select-current{
  border-radius:22px 22px 18px 18px;
  border-color:rgba(255,184,45,.58);
  box-shadow:0 0 0 4px rgba(255,184,45,.18), 0 10px 30px rgba(0,0,0,.08);
}

.shokid-select-avatar{
  width:38px;
  height:38px;
  border-radius:50%;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ffe38a,#ffbd2d);
  color:#211400;
  font-size:14px;
  font-weight:900;
  flex:0 0 auto;
}

.shokid-select-info{
  min-width:0;
  flex:1;
  display:grid;
  line-height:1.12;
}

.shokid-select-info b{
  font-size:15px;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.shokid-select-info span{
  margin-top:3px;
  font-size:13px;
  color:#777;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.shokid-select-arrow{
  color:#777;
  transition:transform .16s ease;
}

.shokid-select.open .shokid-select-arrow{
  transform:rotate(180deg);
}

.shokid-select-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:30;
  display:grid;
  gap:6px;
  padding:8px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(0,0,0,.08);
  border-radius:24px;
  box-shadow:0 18px 60px rgba(0,0,0,.18);
  max-height:250px;
  overflow:auto;
}

.shokid-select-item{
  border-radius:18px;
  box-shadow:none;
}

.shokid-select-item:hover{
  background:#fff8e6;
}

.shokid-select-item .material-symbols-rounded:last-child{
  color:#ff9d18;
}

.yandex-no-accounts{
  border-radius:22px;
  background:#f5f5f6;
  border:1px solid rgba(0,0,0,.06);
  padding:16px;
  color:#555;
  font-weight:900;
  text-align:center;
}

.yandex-slider.disabled{
  opacity:.45;
  pointer-events:none;
}

.yandex-slider.disabled .yandex-slider-text{
  padding-left:0;
}

.yandex-slider.disabled .yandex-slider-text::before{
  content:'';
}

/* SHOKID_SETTINGS_DEFAULT_ADMIN_20260425 */
.settings-card{
  margin-top:18px;
}
.settings-card h2{
  font-family:Unbounded,Inter,sans-serif;
  margin:0 0 16px;
}
.settings-label{
  display:grid;
  gap:8px;
  font-weight:900;
  margin-bottom:12px;
}
.settings-label select{
  width:100%;
  border:1px solid #e4e4e7;
  background:#fff;
  border-radius:18px;
  padding:14px 15px;
  font:inherit;
  font-weight:800;
  outline:none;
}
.settings-label select:focus{
  border-color:#ffc13d;
  box-shadow:0 0 0 4px rgba(255,193,61,.18);
}

/* SHOKID_SLIDER_POLISH_20260425 */
.yandex-title{
  align-items:center!important;
  line-height:1!important;
}

.yandex-id-pill{
  width:34px!important;
  height:28px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  text-align:center!important;
  line-height:1!important;
  font-size:15px!important;
  font-weight:900!important;
  border-radius:11px!important;
  transform:translateY(1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 8px 22px rgba(0,0,0,.14);
}

.yandex-slider{
  height:62px!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,245,247,.92))!important;
  border:1px solid rgba(0,0,0,.075)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(0,0,0,.035),
    0 14px 36px rgba(0,0,0,.07)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

.yandex-slider::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:999px;
  background:
    radial-gradient(circle at 20% 50%, rgba(255,200,70,.20), transparent 34%),
    linear-gradient(90deg, rgba(255,255,255,.65), rgba(255,255,255,.18));
  pointer-events:none;
  z-index:0;
}

.yandex-slider-fill{
  width:62px!important;
  border-radius:999px!important;
  background:
    linear-gradient(90deg, #ff8a12 0%, #ffb21f 46%, #ffd65f 100%)!important;
  box-shadow:
    0 0 0 1px rgba(255,152,20,.22),
    0 12px 30px rgba(255,153,18,.34),
    22px 0 42px rgba(255,183,35,.30)!important;
  transition:width .08s linear!important;
  z-index:1!important;
}

.yandex-slider-fill::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:
    linear-gradient(110deg, transparent 0%, rgba(255,255,255,.28) 42%, transparent 70%);
  opacity:.75;
  pointer-events:none;
}

.yandex-slider-knob{
  left:5px!important;
  top:5px!important;
  width:52px!important;
  height:52px!important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fff9ee 100%)!important;
  color:#151515!important;
  border:1px solid rgba(0,0,0,.055)!important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.18),
    0 4px 10px rgba(255,160,20,.18),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  transition:
    transform .08s linear,
    box-shadow .16s ease,
    scale .16s ease!important;
}

.yandex-slider-knob:hover{
  scale:1.035;
  box-shadow:
    0 16px 34px rgba(0,0,0,.22),
    0 7px 16px rgba(255,160,20,.24),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}

.yandex-slider-knob:active{
  scale:.98;
}

.yandex-slider-knob .material-symbols-rounded{
  font-size:31px!important;
  font-weight:800!important;
}

.yandex-slider-text{
  inset:0!important;
  padding-left:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  width:100%!important;
  color:#3d3d3f!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  z-index:1!important;
  pointer-events:none!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}

.yandex-slider.disabled .yandex-slider-text{
  justify-content:center!important;
  padding-left:0!important;
}

.yandex-login-card{
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.26),
    0 0 0 1px rgba(0,0,0,.04),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.yandex-account-select{
  z-index:8!important;
}

/* SHOKID_SLIDER_REAL_PROGRESS_20260425 */
.yandex-slider{
  --shokid-slider-progress: 0%;
}

.yandex-slider-fill{
  width:var(--shokid-slider-progress, 0%)!important;
  min-width:62px!important;
  transition:none!important;
}

.yandex-slider::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:var(--shokid-slider-progress, 0%);
  border-radius:999px;
  background:
    linear-gradient(90deg, #ff8a12 0%, #ffb21f 48%, #ffd65f 100%);
  box-shadow:
    0 0 0 1px rgba(255,152,20,.18),
    18px 0 42px rgba(255,183,35,.28);
  z-index:0;
  pointer-events:none;
}

.yandex-slider-fill{
  opacity:0!important;
}

.yandex-slider-knob{
  z-index:3!important;
}

.yandex-slider-text{
  z-index:2!important;
}

/* SHOKID_OAUTH_CENTERING_20260425 */
.yandex-login-card{
  width:min(372px, calc(100vw - 34px))!important;
  padding:24px 22px 22px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:start!important;
  text-align:center!important;
  gap:0!important;
  border-radius:28px!important;
}

.yandex-close{
  right:16px!important;
  top:14px!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  padding:0!important;
}

.yandex-title{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0 0 18px!important;
  padding:0 36px!important;
  text-align:center!important;
  line-height:1!important;
}

.yandex-title > span:first-child{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}

.yandex-id-pill{
  width:34px!important;
  min-width:34px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  transform:none!important;
}

.yandex-account-select{
  width:100%!important;
  max-width:292px!important;
  margin:0 auto 20px!important;
  display:block!important;
  justify-self:center!important;
}

.shokid-select{
  width:100%!important;
}

.shokid-select-current{
  width:100%!important;
  min-height:56px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 10px 7px 8px!important;
  border-radius:999px!important;
}

.shokid-select-avatar{
  width:42px!important;
  height:42px!important;
  justify-self:center!important;
}

.shokid-select-info{
  text-align:left!important;
  justify-self:stretch!important;
  min-width:0!important;
}

.shokid-select-info b,
.shokid-select-info span{
  display:block!important;
  max-width:100%!important;
}

.shokid-select-arrow{
  justify-self:center!important;
}

.yandex-login-text{
  width:100%!important;
  max-width:292px!important;
  margin:0 auto 18px!important;
  padding:0!important;
  text-align:center!important;
  display:block!important;
  line-height:1.18!important;
}

.yandex-login-text b{
  display:block!important;
  text-align:center!important;
  line-height:1.08!important;
}

.yandex-slider{
  width:100%!important;
  max-width:292px!important;
  justify-self:center!important;
  margin:0 auto!important;
  height:62px!important;
}

.yandex-slider-text{
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  padding:0 18px 0 58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  width:auto!important;
  box-sizing:border-box!important;
  line-height:1!important;
}

.yandex-slider-knob{
  transform:translateX(0);
}

.yandex-no-accounts{
  width:100%!important;
  box-sizing:border-box!important;
  text-align:center!important;
}

.shokid-select-menu{
  left:0!important;
  right:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  text-align:left!important;
}

@media(max-width:420px){
  .yandex-login-card{
    width:calc(100vw - 28px)!important;
    padding:22px 18px 20px!important;
  }

  .yandex-account-select,
  .yandex-login-text,
  .yandex-slider{
    max-width:100%!important;
  }

  .yandex-slider-text{
    font-size:14px!important;
    padding-left:56px!important;
    padding-right:14px!important;
  }
}

/* SHOKID_SLIDER_PIXEL_SYNC_20260425 */
.yandex-slider{
  --shokid-slider-progress-px: 0px;
}

.yandex-slider::after{
  width:var(--shokid-slider-progress-px, 0px)!important;
  transition:none!important;
  will-change:width!important;
  transform:translateZ(0);
}

.yandex-slider-fill{
  width:var(--shokid-slider-progress-px, 0px)!important;
  min-width:0!important;
  transition:none!important;
  will-change:width!important;
  transform:translateZ(0);
}

.yandex-slider-knob{
  transition:box-shadow .12s ease, scale .12s ease!important;
  will-change:transform!important;
  transform:translate3d(0,0,0);
}

/* SHOKID_SLIDER_COMPLETE_FILL_20260425 */
.yandex-slider.complete::after{
  width:100%!important;
}

.yandex-slider.complete .yandex-slider-fill{
  width:100%!important;
}

.yandex-slider.complete .yandex-slider-text{
  color:#2d2100!important;
  text-shadow:0 1px 0 rgba(255,255,255,.5);
}

.yandex-slider.complete{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(0,0,0,.035),
    0 16px 42px rgba(255,164,20,.16)!important;
}

/* SHOKID_SLIDER_GREEN_COMPLETE_20260425 */
.yandex-slider.complete::after{
  background:
    linear-gradient(90deg,
      #ff9417 0%,
      #ffc22d 42%,
      #d9df55 72%,
      #9fdc72 100%
    )!important;
  box-shadow:
    0 0 0 1px rgba(120,190,80,.16),
    18px 0 44px rgba(150,220,110,.30),
    0 14px 34px rgba(255,183,35,.22)!important;
}

.yandex-slider.complete .yandex-slider-fill{
  background:
    linear-gradient(90deg,
      #ff9417 0%,
      #ffc22d 42%,
      #d9df55 72%,
      #9fdc72 100%
    )!important;
}

.yandex-slider.complete .yandex-slider-knob{
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    0 0 0 5px rgba(159,220,114,.20),
    0 0 34px rgba(159,220,114,.32),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}

.yandex-slider.complete .yandex-slider-knob .material-symbols-rounded{
  color:#244018!important;
}

/* SHOKID_SLIDER_GREEN_PROGRESS_20260425 */
.yandex-slider{
  --shokid-green-factor: 0;
}

/* обычная дорожка заливки: оранжевый до 82%, дальше плавно в зеленый */
.yandex-slider::after{
  background:
    linear-gradient(90deg,
      #ff8a12 0%,
      #ffb21f 38%,
      #ffd65f 68%,
      color-mix(in srgb, #ffd65f calc((1 - var(--shokid-green-factor)) * 100%), #7ed957 calc(var(--shokid-green-factor) * 100%)) 100%
    )!important;
  box-shadow:
    0 0 0 1px rgba(255,152,20,.18),
    18px 0 42px color-mix(in srgb, rgba(255,183,35,.28) calc((1 - var(--shokid-green-factor)) * 100%), rgba(126,217,87,.38) calc(var(--shokid-green-factor) * 100%))!important;
}

/* на самом конце весь градиент становится зеленым */
.yandex-slider.complete::after{
  background:
    linear-gradient(90deg,
      #8fe36b 0%,
      #79dc5c 42%,
      #5fcc48 72%,
      #45ba36 100%
    )!important;
  box-shadow:
    0 0 0 1px rgba(70,180,55,.20),
    18px 0 46px rgba(92,204,72,.42),
    0 14px 34px rgba(92,204,72,.22)!important;
}

.yandex-slider.complete .yandex-slider-fill{
  background:
    linear-gradient(90deg,
      #8fe36b 0%,
      #79dc5c 42%,
      #5fcc48 72%,
      #45ba36 100%
    )!important;
}

.yandex-slider.complete .yandex-slider-knob{
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    0 0 0 5px rgba(92,204,72,.22),
    0 0 34px rgba(92,204,72,.38),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}

.yandex-slider.complete .yandex-slider-knob .material-symbols-rounded{
  color:#1f4b17!important;
}

/* SHOKID_SLIDER_GREEN_REVERSE_20260425 */
.yandex-slider.complete::after{
  background:
    linear-gradient(90deg,
      #45ba36 0%,
      #5fcc48 36%,
      #79dc5c 68%,
      #8fe36b 100%
    )!important;
}

.yandex-slider.complete .yandex-slider-fill{
  background:
    linear-gradient(90deg,
      #45ba36 0%,
      #5fcc48 36%,
      #79dc5c 68%,
      #8fe36b 100%
    )!important;
}

/* SHOKID_SLIDER_GREEN_CONTRAST_20260425 */
.yandex-slider.complete::after{
  background:
    linear-gradient(90deg,
      #168a2f 0%,
      #21b844 32%,
      #63dc48 66%,
      #c8ff5f 100%
    )!important;
  box-shadow:
    0 0 0 1px rgba(22,138,47,.22),
    16px 0 48px rgba(99,220,72,.46),
    0 14px 34px rgba(33,184,68,.24)!important;
}

.yandex-slider.complete .yandex-slider-fill{
  background:
    linear-gradient(90deg,
      #168a2f 0%,
      #21b844 32%,
      #63dc48 66%,
      #c8ff5f 100%
    )!important;
}

.yandex-slider.complete .yandex-slider-knob{
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    0 0 0 5px rgba(99,220,72,.26),
    0 0 38px rgba(200,255,95,.40),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}

.yandex-slider.complete .yandex-slider-knob .material-symbols-rounded{
  color:#125f24!important;
}

/* SHOKID_SLIDER_GREEN_SOFTER_20260425 */
.yandex-slider.complete::after{
  background:
    linear-gradient(90deg,
      #2fb84c 0%,
      #4fcd4e 34%,
      #7de658 68%,
      #c8ff5f 100%
    )!important;
  box-shadow:
    0 0 0 1px rgba(47,184,76,.20),
    16px 0 48px rgba(125,230,88,.42),
    0 14px 34px rgba(79,205,78,.22)!important;
}

.yandex-slider.complete .yandex-slider-fill{
  background:
    linear-gradient(90deg,
      #2fb84c 0%,
      #4fcd4e 34%,
      #7de658 68%,
      #c8ff5f 100%
    )!important;
}

.yandex-slider.complete .yandex-slider-knob .material-symbols-rounded{
  color:#247a2e!important;
}