/* SLOVRA V6 PART 2 — Leaderboard + Contribute + Settings */
:root{
  --p2-purple:#7c4dff;--p2-pink:#ff4fa3;--p2-cyan:#20c6e8;--p2-green:#51d47a;--p2-orange:#ff9f1a;
  --p2-ink:#12151c;--p2-card:#191b22;--p2-card2:#20232c;--p2-line:rgba(255,255,255,.10);
}
body.light-mode{--p2-ink:#151923;--p2-card:#fff;--p2-card2:#f5f6fb;--p2-line:rgba(24,30,48,.09)}

/* Shared screen bars */
#screen-leaderboard .game-header,#screen-settings .settings-topbar,#screen-contribute .contribute-topbar{
  position:sticky!important;top:14px!important;z-index:70!important;width:min(980px,calc(100% - 32px))!important;margin:14px auto 18px!important;
  min-height:60px!important;padding:10px 14px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.11)!important;
  border-radius:22px!important;background:color-mix(in srgb,var(--p2-card) 88%,transparent)!important;backdrop-filter:blur(18px) saturate(1.2)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16)!important;
}
body.light-mode #screen-leaderboard .game-header,body.light-mode #screen-settings .settings-topbar,body.light-mode #screen-contribute .contribute-topbar{
  border-color:rgba(30,38,58,.08)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 16px 36px rgba(73,83,112,.14)!important;
}
.p2-back{width:40px;height:40px;border:0;border-radius:13px;background:var(--p2-card2);display:grid;place-items:center;color:inherit;cursor:pointer}
.p2-back .slovra-icon{width:20px;height:20px}.p2-bar-title{display:flex;align-items:center;gap:10px;font:800 18px/1.1 Nunito,sans-serif}.p2-bar-title .slovra-icon{width:21px;height:21px}
.p2-bar-spacer{width:40px}

/* Leaderboard */
#screen-leaderboard{overflow-x:hidden!important}
.p2-leader-page{width:min(980px,calc(100% - 32px));margin:0 auto;padding:0 0 120px;box-sizing:border-box}
.p2-leader-hero{position:relative;overflow:hidden;border-radius:30px;padding:26px 28px 22px;background:linear-gradient(125deg,#7b38f4 0%,#d63ca3 46%,#1db8d1 100%);color:#fff;box-shadow:0 26px 54px rgba(67,42,135,.25);isolation:isolate}
.p2-leader-hero:before,.p2-leader-hero:after{content:"";position:absolute;border-radius:999px;filter:blur(1px);pointer-events:none;opacity:.55;z-index:-1}
.p2-leader-hero:before{width:280px;height:280px;right:-90px;top:-120px;background:radial-gradient(circle,rgba(255,255,255,.36),transparent 65%);animation:p2Float 7s ease-in-out infinite alternate}
.p2-leader-hero:after{width:260px;height:90px;left:15%;bottom:-45px;background:rgba(255,191,64,.28);filter:blur(28px);animation:p2Float 9s ease-in-out infinite alternate-reverse}
@keyframes p2Float{to{transform:translate3d(18px,-10px,0) scale(1.05)}}
.p2-leader-kicker{font:900 11px/1 Nunito,sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.82}.p2-leader-title{font:900 clamp(30px,4vw,48px)/.98 Nunito,sans-serif;margin:9px 0 8px;max-width:620px}.p2-leader-sub{font:700 14px/1.45 Nunito,sans-serif;max-width:560px;opacity:.9;margin:0}
.p2-leader-tabs{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:19px;padding:5px;border-radius:16px;background:rgba(20,13,35,.18);backdrop-filter:blur(8px)}
.p2-leader-tabs button{border:0;border-radius:11px;padding:9px 13px;background:transparent;color:#fff;font:800 12px/1 Nunito,sans-serif;cursor:pointer;transition:.2s ease;white-space:nowrap}.p2-leader-tabs button.active{background:#fff;color:#2b2138;box-shadow:0 8px 20px rgba(33,16,55,.18)}
.p2-leader-live{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(18,12,34,.18);font:800 10px/1 Nunito,sans-serif}.p2-leader-live i{width:7px;height:7px;border-radius:50%;background:#88ff9d;box-shadow:0 0 0 5px rgba(136,255,157,.12);animation:p2Pulse 1.6s ease-in-out infinite}@keyframes p2Pulse{50%{box-shadow:0 0 0 9px rgba(136,255,157,0)}}
.p2-podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:12px;margin:18px 0 14px;min-height:245px}
.p2-podium-card{position:relative;overflow:hidden;border:1px solid var(--p2-line);border-radius:25px;background:var(--p2-card);padding:18px 14px 16px;text-align:center;box-shadow:0 18px 38px rgba(0,0,0,.13);animation:p2Rise .48s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--order,0)*70ms)}
@keyframes p2Rise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.p2-podium-card.rank-1{min-height:220px;background:linear-gradient(155deg,color-mix(in srgb,#ffbd29 22%,var(--p2-card)),var(--p2-card) 55%);border-color:color-mix(in srgb,#ffbd29 42%,var(--p2-line))}.p2-podium-card.rank-2{min-height:190px}.p2-podium-card.rank-3{min-height:174px}
.p2-crown{position:absolute;right:12px;top:10px;width:28px;height:28px;color:#ffbd29}.p2-crown .slovra-icon{width:100%;height:100%}
.p2-podium-rank{font:900 12px/1 Nunito,sans-serif;letter-spacing:.08em;opacity:.65}.p2-podium-avatar{width:72px;height:72px;border-radius:23px;object-fit:cover;margin:12px auto 10px;border:3px solid rgba(255,255,255,.22);background:var(--p2-card2)}.rank-1 .p2-podium-avatar{width:84px;height:84px;border-radius:27px}
.p2-podium-name{font:900 16px/1.15 Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p2-podium-xp{font:900 19px/1 Nunito,sans-serif;margin-top:8px;color:#83e5ff}.rank-1 .p2-podium-xp{color:#ffbf2e}.p2-podium-meta{font:700 10px/1 Nunito,sans-serif;opacity:.55;margin-top:7px}
.p2-my-rank{display:none;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border-radius:18px;background:linear-gradient(100deg,rgba(124,77,255,.18),rgba(32,198,232,.11));border:1px solid rgba(124,77,255,.22)}.p2-my-rank.show{display:flex}.p2-my-rank .slovra-icon{width:22px;height:22px;color:#9b7cff}.p2-my-rank strong{font:900 13px Nunito,sans-serif}.p2-my-rank span{font:700 11px Nunito,sans-serif;opacity:.7;margin-left:auto}
.p2-leader-list-card{border:1px solid var(--p2-line);border-radius:26px;background:var(--p2-card);padding:16px;box-shadow:0 18px 42px rgba(0,0,0,.10)}.p2-leader-list-head{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 13px}.p2-leader-list-head strong{font:900 18px Nunito,sans-serif}.p2-leader-list-head span{font:800 10px Nunito,sans-serif;opacity:.55}
#leaderboard-list{display:grid!important;gap:8px!important}.leader-item.p2-row{display:grid!important;grid-template-columns:40px 46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px!important;border-radius:17px!important;background:var(--p2-card2)!important;border:1px solid transparent!important;box-shadow:none!important;animation:p2Rise .35s ease both;animation-delay:calc(var(--order,0)*25ms)}.leader-item.p2-row.is-me{border-color:rgba(124,77,255,.38)!important;background:linear-gradient(100deg,rgba(124,77,255,.12),var(--p2-card2))!important}.p2-row-rank{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--p2-card) 60%,transparent);display:grid;place-items:center;font:900 12px Nunito,sans-serif;opacity:.75}.p2-row-avatar{width:42px;height:42px;border-radius:14px;object-fit:cover}.p2-row-copy{min-width:0}.p2-row-copy strong{display:block;font:900 14px Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p2-row-copy small{display:block;font:700 10px Nunito,sans-serif;opacity:.5;margin-top:2px}.p2-row-xp{font:900 13px Nunito,sans-serif;color:#55d5ef;white-space:nowrap}.p2-leader-empty{padding:36px 18px;text-align:center;font:800 13px Nunito,sans-serif;opacity:.55}
body.light-mode .p2-podium-card,body.light-mode .p2-leader-list-card{box-shadow:0 18px 42px rgba(65,73,98,.10)}body.light-mode .leader-item.p2-row{background:#f7f8fc!important}

/* Contribute — unified, orderly canvas */
#screen-contribute{overflow-x:hidden!important}.contribute-container{width:min(1050px,calc(100% - 32px))!important;max-width:1050px!important;margin:0 auto!important;padding:0 0 120px!important}.contribute-hero{overflow:hidden!important;min-height:0!important;margin:0 0 14px!important;padding:22px 24px!important;border-radius:28px!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:16px!important;background:linear-gradient(125deg,rgba(124,77,255,.94),rgba(255,79,163,.88) 52%,rgba(32,198,232,.86))!important;border:0!important;color:#fff!important;box-shadow:0 20px 44px rgba(74,44,135,.22)!important}.contribute-hero:before{inset:-60% -20%!important;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.16) 49%,transparent 60%)!important;transform:translateX(-55%);animation:p2ContribSweep 6.8s ease-in-out infinite!important}@keyframes p2ContribSweep{50%,100%{transform:translateX(60%)}}.contribute-hero-icon{width:54px!important;height:54px!important;border-radius:18px!important;background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.24)!important;display:grid!important;place-items:center!important;color:#fff!important}.contribute-hero-icon .slovra-icon{width:28px;height:28px}.contribute-eyebrow,.contribute-hero h2,.contribute-hero p{color:#fff!important}.contribute-hero h2{font:900 clamp(24px,3vw,36px)/1.03 Nunito,sans-serif!important;margin:4px 0 7px!important}.contribute-hero p{font:700 13px/1.45 Nunito,sans-serif!important;opacity:.86!important}.contribute-review-chip{background:rgba(18,12,34,.18)!important;border-color:rgba(255,255,255,.20)!important;color:#fff!important}.contribute-review-chip .slovra-icon{width:17px;height:17px}
.contribute-form{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;grid-template-areas:"step1 step3" "step2 step4" "tip step4" "submit submit"!important;gap:0!important;align-items:stretch!important;border:1px solid var(--p2-line)!important;border-radius:30px!important;background:var(--p2-card)!important;overflow:hidden!important;box-shadow:0 22px 48px rgba(0,0,0,.11)!important}.contribute-form>.contribute-step-card,.contribute-form>.contribute-tip-card,.contribute-form>.contribute-submit-card{margin:0!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.contribute-form>.contribute-step-card{padding:22px!important;border-bottom:1px solid var(--p2-line)!important}.contribute-form>.contribute-step-card:nth-of-type(1){grid-area:step1;border-right:1px solid var(--p2-line)!important}.contribute-form>.contribute-step-card:nth-of-type(2){grid-area:step2;border-right:1px solid var(--p2-line)!important}.contribute-form>.contribute-step-card:nth-of-type(3){grid-area:step3}.contribute-form>.contribute-step-card:nth-of-type(4){grid-area:step4}.contribute-form>.contribute-tip-card{grid-area:tip;padding:18px 22px!important;border-right:1px solid var(--p2-line)!important;background:linear-gradient(110deg,rgba(255,159,26,.08),transparent)!important}.contribute-form>.contribute-submit-card{grid-area:submit;padding:16px 20px!important;border-top:1px solid var(--p2-line)!important;background:linear-gradient(100deg,rgba(124,77,255,.09),rgba(32,198,232,.06))!important}.contribute-step-index{background:linear-gradient(135deg,#7c4dff,#1cb0f6)!important;color:#fff!important;box-shadow:none!important}.contribute-step-head strong{font:900 16px Nunito,sans-serif!important}.contribute-step-head small{font:700 11px/1.35 Nunito,sans-serif!important;opacity:.58!important}.contribute-field-label b{font:900 12px Nunito,sans-serif!important}.contribute-field-label em{font:900 9px Nunito,sans-serif!important}.contribute-type-btn{min-height:74px!important;border-radius:17px!important}.contribute-type-icon{font-size:0!important}.contribute-type-icon .slovra-icon{width:21px;height:21px}.contribute-tip-icon,.contribute-submit-icon{font-size:0!important}.contribute-tip-icon .slovra-icon,.contribute-submit-icon .slovra-icon{width:23px;height:23px}.contribute-answer-rule>span{font-size:0!important}.contribute-answer-rule>span .slovra-icon{width:18px;height:18px}.contribute-submit-btn{border-radius:15px!important;font:900 12px Nunito,sans-serif!important}.contribute-submit-btn .slovra-icon{width:18px;height:18px}
body.light-mode .contribute-form{box-shadow:0 20px 46px rgba(72,81,108,.10)!important}.contribute-topbar-mark{font-size:0!important}.contribute-topbar-mark .slovra-icon{width:22px;height:22px}

/* Settings — real desktop control center */
#screen-settings{overflow-x:hidden!important}#screen-settings .settings-area{width:min(1050px,calc(100% - 32px))!important;max-width:1050px!important;margin:0 auto!important;padding:0 0 120px!important;display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:14px 20px!important;align-items:start!important;background:transparent!important;border:0!important;box-shadow:none!important}.settings-profile-hero{grid-column:1/-1!important;grid-row:1!important;margin:0 0 4px!important;border-radius:25px!important}.settings-category-nav{grid-column:1!important;grid-row:2!important;position:sticky!important;top:92px!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:8px!important;margin:0!important;overflow:visible!important;border:1px solid var(--p2-line)!important;border-radius:22px!important;background:var(--p2-card)!important;z-index:25!important}.settings-category-nav button{position:relative!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;border:1px solid transparent!important;border-radius:15px!important;padding:12px 13px!important;background:transparent!important;color:inherit!important;font:900 12px/1 Nunito,sans-serif!important;text-align:left!important;transition:.18s ease!important}.settings-category-nav button .slovra-icon{width:19px;height:19px;flex:0 0 auto}.settings-category-nav button.active{background:linear-gradient(110deg,rgba(124,77,255,.22),rgba(32,198,232,.13))!important;border-color:rgba(124,77,255,.24)!important;color:inherit!important;box-shadow:none!important;transform:translateX(3px)}.settings-category-nav button.active:after{content:"";position:absolute;right:11px;width:7px;height:7px;border-radius:50%;background:#8d6cff;box-shadow:0 0 0 5px rgba(141,108,255,.12)}.settings-account-quick{grid-column:1!important;grid-row:3!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.settings-account-quick button{min-height:42px!important}.v28-settings-profile-btn{grid-column:1!important;grid-row:4!important;margin:0!important;width:100%!important;position:static!important;transform:none!important}.settings-logout-btn{grid-column:1!important;grid-row:5!important;margin:0!important;width:100%!important}.settings-version{grid-column:1!important;grid-row:6!important}.settings-section-card.settings-category-active{grid-column:2!important;display:block!important;margin:0!important;scroll-margin-top:105px!important;animation:p2SettingsIn .28s ease both!important}.settings-section-card:not(.settings-category-active){display:none!important}@keyframes p2SettingsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.settings-section-card{border-radius:24px!important;border:1px solid var(--p2-line)!important;background:var(--p2-card)!important}.settings-section-head{gap:12px!important}.settings-section-icon{font-size:0!important;display:grid!important;place-items:center!important}.settings-section-icon .slovra-icon{width:22px;height:22px}.settings-topbar-icon{font-size:0!important}.settings-topbar-icon .slovra-icon{width:23px;height:23px}.settings-topbar-copy strong{font:900 19px Nunito,sans-serif!important}.settings-topbar-copy span{font:900 9px Nunito,sans-serif!important;letter-spacing:.16em!important}.settings-profile-stats span{display:inline-flex!important;align-items:center!important;gap:5px!important}.settings-profile-stats .slovra-icon{width:15px;height:15px}.settings-segmented button .slovra-icon,.settings-action-list .action-icon .slovra-icon,.settings-premium-manage .slovra-icon,.settings-premium-note .slovra-icon,.settings-logout-btn .slovra-icon{width:17px;height:17px;vertical-align:middle}.settings-action-list .action-icon{font-size:0!important}.settings-logout-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.settings-logout-btn span{font-size:0!important}.settings-category-nav{scroll-margin-top:90px}.settings-section-card[data-settings-category]{min-width:0!important}
body.light-mode .settings-category-nav,body.light-mode .settings-section-card{background:#fff!important;border-color:rgba(25,32,52,.08)!important}body.light-mode .settings-category-nav button.active{background:linear-gradient(110deg,rgba(124,77,255,.13),rgba(32,198,232,.10))!important;color:#171b24!important}

@media(max-width:959px){
  #screen-leaderboard .game-header,#screen-settings .settings-topbar,#screen-contribute .contribute-topbar{top:8px!important;width:calc(100% - 22px)!important;margin:8px auto 12px!important;border-radius:18px!important;min-height:54px!important;padding:7px 9px!important}
  .p2-leader-page,.contribute-container,#screen-settings .settings-area{width:calc(100% - 22px)!important;max-width:none!important}
  .p2-leader-hero{border-radius:23px;padding:20px 18px}.p2-leader-title{font-size:30px}.p2-leader-live{right:15px;top:14px}.p2-leader-tabs{width:100%;box-sizing:border-box}.p2-leader-tabs button{padding:9px 7px}
  .p2-podium{gap:7px;min-height:205px}.p2-podium-card{padding:14px 8px 12px;border-radius:20px}.p2-podium-card.rank-1{min-height:188px}.p2-podium-card.rank-2{min-height:165px}.p2-podium-card.rank-3{min-height:155px}.p2-podium-avatar{width:54px;height:54px;border-radius:18px}.rank-1 .p2-podium-avatar{width:62px;height:62px;border-radius:20px}.p2-podium-name{font-size:12px}.p2-podium-xp{font-size:14px}.p2-podium-meta{font-size:8px}.p2-leader-list-card{padding:10px;border-radius:22px}.leader-item.p2-row{grid-template-columns:33px 39px minmax(0,1fr) auto;gap:8px;padding:9px!important}.p2-row-avatar{width:38px;height:38px;border-radius:12px}.p2-row-copy strong{font-size:12px}.p2-row-xp{font-size:11px}
  .contribute-hero{grid-template-columns:46px minmax(0,1fr)!important;padding:17px!important;border-radius:22px!important}.contribute-hero-icon{width:45px!important;height:45px!important;border-radius:14px!important}.contribute-review-chip{grid-column:1/-1!important;justify-self:start!important;margin-top:0!important}.contribute-form{grid-template-columns:1fr!important;grid-template-areas:"step1" "step2" "step3" "step4" "tip" "submit"!important;border-radius:23px!important}.contribute-form>.contribute-step-card,.contribute-form>.contribute-tip-card{border-right:0!important;border-bottom:1px solid var(--p2-line)!important}.contribute-form>.contribute-step-card{padding:17px!important}.contribute-form>.contribute-tip-card,.contribute-form>.contribute-submit-card{padding:15px 17px!important}
  #screen-settings .settings-area{display:block!important;padding-bottom:110px!important}.settings-profile-hero{margin-bottom:10px!important}.settings-category-nav{position:sticky!important;top:70px!important;display:flex!important;overflow-x:auto!important;gap:7px!important;padding:7px!important;margin:0 0 10px!important;border-radius:18px!important}.settings-category-nav button{width:auto!important;flex:0 0 auto!important;padding:10px 12px!important}.settings-category-nav button.active{transform:none!important}.settings-category-nav button.active:after{display:none}.settings-account-quick{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:0 0 9px!important}.v28-settings-profile-btn{margin:0 0 10px!important}.settings-section-card.settings-category-active{margin:0 0 10px!important;scroll-margin-top:138px!important}.settings-logout-btn{margin-top:10px!important}.settings-version{margin-top:8px!important}
}
@media(max-width:520px){.p2-leader-live{display:none}.p2-leader-title{font-size:27px}.p2-podium{grid-template-columns:1fr 1.12fr 1fr}.p2-podium-card{padding-left:5px;padding-right:5px}.p2-podium-avatar{width:46px;height:46px}.rank-1 .p2-podium-avatar{width:54px;height:54px}.p2-podium-name{font-size:10px}.p2-podium-xp{font-size:12px}.p2-podium-meta{display:none}.leader-item.p2-row{grid-template-columns:30px 36px minmax(0,1fr) auto}.p2-row-avatar{width:34px;height:34px}.contribute-hero h2{font-size:23px!important}.contribute-hero p{font-size:11px!important}.contribute-type-switch{grid-template-columns:1fr 1fr!important}.settings-category-nav button .slovra-icon{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.p2-leader-hero:before,.p2-leader-hero:after,.p2-leader-live i,.p2-podium-card,.leader-item.p2-row,.settings-section-card.settings-category-active,.contribute-hero:before{animation:none!important}}
#screen-settings .settings-profile-stats em{font-style:normal;font:800 10px/1 Nunito,sans-serif;opacity:.68}
#screen-settings .settings-account-quick button,#screen-settings .v28-settings-profile-btn,#screen-settings #settings-delete-account-btn,#screen-settings .settings-premium-manage,#screen-settings #v6170-tools-card .settings-action-list button,#screen-settings .v26-pwa-actions button{display:flex!important;align-items:center!important;gap:8px!important}
#screen-settings .settings-account-quick .slovra-icon,#screen-settings .v28-settings-profile-btn .slovra-icon,#screen-settings #settings-delete-account-btn .slovra-icon,#screen-settings #v6170-tools-card .slovra-icon,#screen-settings .v26-pwa-actions .slovra-icon{width:17px;height:17px;flex:0 0 auto}

/* =========================================================
   SLOVRA V6 PART 2.1 — layout repair
   Contribute full viewport background + Settings workspace + Hero rail
   ========================================================= */

/* 1) Contribute: background must never stop at app-container edges. */
body.p21-contribute-active{
  background:
    radial-gradient(720px 520px at 9% 8%,rgba(120,68,255,.22),transparent 64%),
    radial-gradient(780px 560px at 94% 4%,rgba(31,198,214,.19),transparent 65%),
    radial-gradient(600px 430px at 46% 98%,rgba(255,92,154,.08),transparent 68%),
    #101215!important;
}
body.p21-contribute-active #app-container,
body.p21-contribute-active #screen-contribute{
  background:transparent!important;
}
#screen-contribute{
  min-height:100vh!important;
  overflow-x:hidden!important;
  isolation:isolate!important;
}
#screen-contribute::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(720px 520px at 9% 8%,rgba(120,68,255,.20),transparent 64%),
    radial-gradient(780px 560px at 94% 4%,rgba(31,198,214,.17),transparent 65%),
    radial-gradient(600px 430px at 46% 98%,rgba(255,92,154,.08),transparent 68%),
    #101215;
}
body.light-mode.p21-contribute-active,
body.light.p21-contribute-active{
  background:
    radial-gradient(740px 540px at 7% 6%,rgba(126,77,255,.14),transparent 64%),
    radial-gradient(780px 560px at 95% 3%,rgba(32,198,232,.14),transparent 66%),
    radial-gradient(620px 450px at 48% 100%,rgba(255,96,167,.09),transparent 68%),
    #f5f6fb!important;
}
body.light-mode #screen-contribute::before,
body.light #screen-contribute::before{
  background:
    radial-gradient(740px 540px at 7% 6%,rgba(126,77,255,.14),transparent 64%),
    radial-gradient(780px 560px at 95% 3%,rgba(32,198,232,.14),transparent 66%),
    radial-gradient(620px 450px at 48% 100%,rgba(255,96,167,.09),transparent 68%),
    #f5f6fb;
}

/* 2) Settings: one real sidebar + one ordered workspace. */
#screen-settings .settings-area.p21-settings-layout{
  width:min(1120px,calc(100% - 36px))!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0 0 120px!important;
  display:grid!important;
  grid-template-columns:272px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
#screen-settings .p21-settings-sidebar{
  min-width:0!important;
  position:sticky!important;
  top:92px!important;
  display:grid!important;
  gap:10px!important;
  align-self:start!important;
}
#screen-settings .p21-settings-content{
  min-width:0!important;
  display:grid!important;
  gap:12px!important;
  align-content:start!important;
}
#screen-settings .p21-settings-footer{
  grid-column:1/-1!important;
  width:100%!important;
  margin-top:8px!important;
  display:grid!important;
  gap:8px!important;
}
#screen-settings .p21-settings-footer .settings-logout-btn{
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:16px!important;
  grid-column:1!important;
  grid-row:auto!important;
}
#screen-settings .p21-settings-footer .settings-version{margin:0!important;text-align:center!important;opacity:.45!important;grid-column:1!important;grid-row:auto!important}
#screen-settings .p21-settings-sidebar .settings-profile-hero{
  margin:0!important;
  padding:16px!important;
  min-height:0!important;
  border-radius:22px!important;
  background:
    radial-gradient(130px 80px at 100% 0%,rgba(255,220,65,.17),transparent 70%),
    linear-gradient(135deg,rgba(32,198,232,.11),rgba(124,77,255,.09)),
    var(--p2-card)!important;
  border:1px solid var(--p2-line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.09)!important;
}
#screen-settings .p21-settings-sidebar .settings-profile-copy{min-width:0!important}
#screen-settings .p21-settings-sidebar .settings-profile-name{font:900 18px/1.05 Nunito,sans-serif!important}
#screen-settings .p21-settings-sidebar .settings-profile-email{font-size:10px!important;opacity:.58!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#screen-settings .p21-settings-sidebar .settings-profile-stats{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:9px!important}
#screen-settings .p21-settings-sidebar .settings-profile-stats span{padding:6px 8px!important;border-radius:10px!important;background:var(--p2-card2)!important}
#screen-settings .p21-settings-sidebar .settings-category-nav{
  position:static!important;
  top:auto!important;
  width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  padding:7px!important;
  overflow:visible!important;
  border-radius:20px!important;
}
#screen-settings .p21-settings-sidebar .settings-category-nav button{
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  transform:none!important;
}
#screen-settings .p21-settings-sidebar .settings-category-nav button.active{
  background:linear-gradient(105deg,rgba(124,77,255,.25),rgba(32,198,232,.13))!important;
  border-color:rgba(144,112,255,.34)!important;
  box-shadow:inset 3px 0 0 #987aff!important;
}
#screen-settings .p21-settings-sidebar .settings-category-nav button.active:after{
  right:10px!important;
  display:block!important;
}
#screen-settings .p21-settings-sidebar .settings-account-quick{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0!important;
}
#screen-settings .p21-settings-sidebar .settings-account-quick button{
  min-width:0!important;
  min-height:48px!important;
  padding:7px 4px!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:4px!important;
  border-radius:14px!important;
  font:800 9px/1 Nunito,sans-serif!important;
  white-space:nowrap!important;
}
#screen-settings .p21-settings-sidebar .settings-account-quick .slovra-icon{width:17px!important;height:17px!important}
#screen-settings .p21-settings-sidebar .v28-settings-profile-btn{
  width:100%!important;
  margin:0!important;
  min-height:44px!important;
  border-radius:14px!important;
  justify-content:flex-start!important;
  padding:0 13px!important;
}
#screen-settings .p21-settings-footer .settings-logout-btn{color:#ff777d!important;border:1px solid rgba(255,78,87,.24)!important;background:rgba(255,70,80,.07)!important}
#screen-settings .p21-settings-sidebar .settings-version{margin:0!important;text-align:center!important;opacity:.4!important}
#screen-settings .p21-settings-content .settings-section-card{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border-radius:24px!important;
  border:1px solid var(--p2-line)!important;
  background:var(--p2-card)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.07)!important;
  scroll-margin-top:94px!important;
}
#screen-settings .p21-settings-content .settings-section-card[hidden]{display:none!important}
#screen-settings .p21-settings-content .settings-section-card.settings-category-active{
  display:block!important;
  animation:p21SettingsIn .24s ease both!important;
}
@keyframes p21SettingsIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
#screen-settings .p21-settings-content .settings-section-head{
  padding-bottom:14px!important;
  margin-bottom:4px!important;
  border-bottom:1px solid var(--p2-line)!important;
}
#screen-settings .p21-settings-content .settings-section-head strong{font:900 17px/1.08 Nunito,sans-serif!important}
#screen-settings .p21-settings-content .settings-section-head span{font:700 10px/1.35 Nunito,sans-serif!important;opacity:.58!important}
body.light-mode #screen-settings .p21-settings-sidebar .settings-profile-hero,
body.light-mode #screen-settings .p21-settings-content .settings-section-card,
body.light #screen-settings .p21-settings-sidebar .settings-profile-hero,
body.light #screen-settings .p21-settings-content .settings-section-card{background:#fff!important}

/* 3) Hero: restore the older, wider rail geometry and give the banner breathing room. */
#screen-home.slovra-home-simple .hero-banner,
#screen-home .slovra-static-hero{
  height:184px!important;
  min-height:184px!important;
}
#screen-home .slovra-static-hero{
  padding:20px 98px 46px 26px!important;
  align-items:center!important;
}
#screen-home .slovra-static-hero-copy{
  width:100%!important;
  max-width:none!important;
  padding-bottom:0!important;
  gap:9px!important;
}
#screen-home .slovra-static-hero #welcome-msg{
  max-width:calc(100% - 14px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:31px!important;
  line-height:1!important;
}
#screen-home .slovra-static-hero-action-row{
  display:flex!important;
  width:auto!important;
  margin:2px 0 0!important;
  position:static!important;
  align-items:center!important;
}
#screen-home .slovra-static-hero-cta{
  position:static!important;
  min-height:31px!important;
  padding:0 12px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
/* The rail physically continues beneath the LV badge, like the older hero. */
#screen-home .slovra-static-hero-progress{
  position:absolute!important;
  left:26px!important;
  right:14px!important;
  bottom:18px!important;
  width:auto!important;
  max-width:none!important;
  z-index:2!important;
  pointer-events:none!important;
}
#screen-home .slovra-static-hero .overall-progress{
  width:100%!important;
  height:6px!important;
  background:rgba(255,255,255,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
#screen-home .slovra-static-hero .progress-label{
  margin-top:5px!important;
  max-width:calc(100% - 80px)!important;
  font-size:8px!important;
}
#screen-home .hero-banner #slovra-home-level{
  z-index:7!important;
  right:14px!important;
  top:15px!important;
  width:66px!important;
  height:66px!important;
}

@media(max-width:959px){
  #screen-settings .settings-area.p21-settings-layout{
    width:calc(100% - 22px)!important;
    max-width:none!important;
    display:block!important;
    padding-bottom:110px!important;
  }
  #screen-settings .p21-settings-sidebar{
    position:static!important;
    display:grid!important;
    gap:9px!important;
  }
  #screen-settings .p21-settings-sidebar .settings-profile-hero{margin:0!important}
  #screen-settings .p21-settings-sidebar .settings-category-nav{
    display:flex!important;
    overflow-x:auto!important;
    gap:6px!important;
    padding:6px!important;
  }
  #screen-settings .p21-settings-sidebar .settings-category-nav button{width:auto!important;flex:0 0 auto!important;box-shadow:none!important}
  #screen-settings .p21-settings-sidebar .settings-category-nav button.active:after{display:none!important}
  #screen-settings .p21-settings-sidebar .settings-account-quick{grid-template-columns:repeat(3,1fr)!important}
  #screen-settings .p21-settings-content{margin-top:10px!important;gap:10px!important}
  #screen-settings .p21-settings-footer{margin-top:12px!important}
  #screen-settings .p21-settings-content .settings-section-card{scroll-margin-top:136px!important}

  #screen-home.slovra-home-simple .hero-banner,
  #screen-home .slovra-static-hero{
    height:150px!important;
    min-height:150px!important;
  }
  #screen-home .slovra-static-hero{
    padding:14px 60px 37px 15px!important;
  }
  #screen-home .slovra-static-hero-copy{gap:7px!important}
  #screen-home .slovra-static-hero #welcome-msg{
    font-size:22px!important;
    max-width:100%!important;
  }
  #screen-home .slovra-static-hero-kicker{font-size:6.5px!important;min-height:18px!important}
  #screen-home .slovra-static-hero-cta{
    min-height:27px!important;
    padding:0 9px!important;
    font-size:8px!important;
  }
  #screen-home .slovra-static-hero-progress{
    left:15px!important;
    right:9px!important;
    bottom:10px!important;
  }
  #screen-home .slovra-static-hero .overall-progress{height:5px!important}
  #screen-home .slovra-static-hero .progress-label{font-size:6.7px!important;margin-top:3px!important;max-width:calc(100% - 54px)!important}
  #screen-home .hero-banner #slovra-home-level{
    right:9px!important;
    top:9px!important;
    width:46px!important;
    height:46px!important;
  }
}

@media(max-width:390px){
  #screen-home.slovra-home-simple .hero-banner,
  #screen-home .slovra-static-hero{
    height:144px!important;
    min-height:144px!important;
  }
  #screen-home .slovra-static-hero{padding:13px 56px 35px 13px!important}
  #screen-home .slovra-static-hero #welcome-msg{font-size:20px!important}
  #screen-home .slovra-static-hero-cta{min-width:0!important;width:auto!important;min-height:26px!important}
  #screen-home .slovra-static-hero-cta span{display:inline!important}
  #screen-home .slovra-static-hero-progress{left:13px!important;right:8px!important;bottom:9px!important}
}

@media(prefers-reduced-motion:reduce){
  #screen-settings .p21-settings-content .settings-section-card.settings-category-active{animation:none!important}
}
#screen-settings .p21-settings-content .settings-section-card,
#screen-settings .p21-settings-content .settings-section-card.settings-category-active{
  grid-column:1!important;
  grid-row:auto!important;
}