/* Source-informed 2026-07-14 visual system
   - liquid-glass-react: isolated SVG displacement layer + Fresnel edge
   - adamgiebl/neumorphism: one top-left light source, raised and pressed states
   Layout and application behavior remain owned by the existing site CSS/JS. */

:root{
  --neo-bg:#e8edf5;--neo-bg-2:#f3f6fb;--neo-surface:rgba(238,242,249,.82);
  --neo-light:rgba(255,255,255,.96);--neo-dark:rgba(145,158,184,.46);
  --neo-text:#182238;--neo-muted:#65718a;--neo-accent:#6266ec;--neo-cyan:#38a9c6;
  --neo-green:#3b9b70;--neo-red:#c44f61;--neo-orange:#d3914a;
  --neo-raised:8px 8px 18px var(--neo-dark),-8px -8px 18px var(--neo-light);
  --neo-soft:5px 5px 13px rgba(145,158,184,.34),-5px -5px 13px rgba(255,255,255,.86);
  --neo-pressed:inset 4px 4px 9px rgba(144,157,183,.38),inset -4px -4px 9px rgba(255,255,255,.88);
  --liquid-edge:rgba(255,255,255,.72);--liquid-fill:rgba(240,244,251,.54);
}
body.dark{
  --neo-bg:#171f31;--neo-bg-2:#202a40;--neo-surface:rgba(31,41,63,.82);
  --neo-light:rgba(53,67,96,.52);--neo-dark:rgba(5,10,22,.64);
  --neo-text:#eef2ff;--neo-muted:#aab5cd;--neo-accent:#8d85ff;--neo-cyan:#55bfd5;
  --neo-green:#5bc596;--neo-red:#ee7180;--neo-orange:#e4aa69;
  --neo-raised:8px 8px 19px var(--neo-dark),-7px -7px 17px var(--neo-light);
  --neo-soft:5px 5px 13px rgba(5,10,22,.48),-5px -5px 13px rgba(51,65,94,.36);
  --neo-pressed:inset 4px 4px 10px rgba(5,10,22,.58),inset -4px -4px 10px rgba(57,71,101,.38);
  --liquid-edge:rgba(255,255,255,.23);--liquid-fill:rgba(24,34,55,.57);
}

html{background:var(--neo-bg);scroll-behavior:smooth}
body{color:var(--neo-text)!important;background:
  radial-gradient(circle at 10% 5%,rgba(126,112,255,.13),transparent 27%),
  radial-gradient(circle at 90% 11%,rgba(56,176,205,.12),transparent 25%),
  linear-gradient(145deg,var(--neo-bg-2),var(--neo-bg))!important;background-attachment:fixed!important}
body.dark{background:
  radial-gradient(circle at 10% 5%,rgba(125,103,255,.16),transparent 28%),
  radial-gradient(circle at 90% 11%,rgba(54,177,205,.13),transparent 27%),
  linear-gradient(145deg,#202a40,#151d2d 72%)!important}
body,button,input,select,textarea{font-weight:650}
h1,h2,h3,.launcher-title,.section-title h2{font-weight:950!important;letter-spacing:-.04em}

/* Neumorphic shell: top-left light source, controlled depth. */
.topbar,.filters,.game-launcher .launcher-game,.recruitment-card,.empty,.guest-gate,
.live-metrics,.stat,.admin-panel,.admin-tabs,.admin-subtabs,.notice{
  border:1px solid rgba(255,255,255,.48)!important;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(222,229,240,.66))!important;
  box-shadow:var(--neo-soft)!important
}
.dark .topbar,.dark .filters,.dark .game-launcher .launcher-game,.dark .recruitment-card,
.dark .empty,.dark .guest-gate,.dark .live-metrics,.dark .stat,.dark .admin-panel,
.dark .admin-tabs,.dark .admin-subtabs,.dark .notice{
  border-color:rgba(255,255,255,.08)!important;background:linear-gradient(145deg,rgba(43,55,82,.78),rgba(22,31,50,.78))!important
}
.topbar{border-radius:22px!important;box-shadow:var(--neo-raised)!important}
.game-launcher .launcher-game,.recruitment-card{border-radius:18px!important;transition:box-shadow .25s ease,transform .25s cubic-bezier(.18,.86,.22,1),border-color .25s ease!important}
.game-launcher .launcher-game:hover,.recruitment-card:hover{transform:translateY(-2px);box-shadow:10px 12px 24px var(--neo-dark),-8px -8px 18px var(--neo-light)!important}
.launcher-game.is-selected,.wizard-choices button.selected,.admin-tabs button.active,.admin-subtabs button.active{
  box-shadow:var(--neo-pressed)!important
}

button,.primary,.secondary,.match-button,.oauth-button,.language-button,.account-button,
.circle-button,.preference-button,.admin-action,.picker-trigger,.picker-reset{
  border-color:rgba(146,157,181,.3)!important;box-shadow:var(--neo-soft)!important;
  transition:box-shadow .22s ease,transform .22s cubic-bezier(.18,.86,.22,1),color .2s ease,background .25s ease!important
}
button:active,.primary:active,.secondary:active,.oauth-button:active,.admin-action:active{box-shadow:var(--neo-pressed)!important;transform:scale(.975)!important}
.primary,.match-button{background:linear-gradient(135deg,#5f64e8,#7162e9 55%,#3babc5)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important}
.secondary,.language-button,.account-button,.preference-button{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(224,230,241,.72))!important;color:var(--neo-text)!important}
.dark .secondary,.dark .language-button,.dark .account-button,.dark .preference-button{background:linear-gradient(145deg,rgba(48,61,89,.82),rgba(23,32,51,.82))!important}
.my-recruitments-button{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(224,230,241,.74))!important;color:var(--neo-text)!important}
.dark .my-recruitments-button{background:linear-gradient(145deg,rgba(48,61,89,.82),rgba(23,32,51,.82))!important}

input,textarea,select,.search,.picker-trigger,.rank-filter-dropdown>summary{
  color:var(--neo-text)!important;background:linear-gradient(145deg,rgba(232,237,246,.82),rgba(246,248,252,.76))!important;
  border:1px solid rgba(143,157,183,.26)!important;box-shadow:var(--neo-pressed)!important
}
.dark input,.dark textarea,.dark select,.dark .search,.dark .picker-trigger,.dark .rank-filter-dropdown>summary{
  background:linear-gradient(145deg,rgba(20,29,47,.83),rgba(35,46,70,.8))!important;border-color:rgba(255,255,255,.08)!important
}
input:focus,textarea:focus,.search:focus-within,.picker-trigger:focus-visible,.rank-filter-dropdown>summary:focus-visible{
  outline:0!important;border-color:rgba(98,102,236,.65)!important;box-shadow:var(--neo-pressed),0 0 0 3px rgba(98,102,236,.13),0 0 26px rgba(56,169,198,.12)!important
}
.search{overflow:hidden;border-radius:15px!important}.search input{box-shadow:none!important;background:transparent!important;border:0!important}
.more-game-search,.wizard-game-search,.picker-search{background:linear-gradient(145deg,rgba(231,237,247,.86),rgba(248,250,253,.82))!important;box-shadow:var(--neo-pressed)!important;border:1px solid rgba(144,158,184,.26)!important}
.dark .more-game-search,.dark .wizard-game-search,.dark .picker-search{background:linear-gradient(145deg,rgba(18,28,46,.88),rgba(38,49,74,.82))!important}

/* A single source-derived liquid layer is inserted into every secondary page. */
dialog.modal{isolation:isolate!important;overflow:hidden!important;color:var(--neo-text)!important;border:1px solid rgba(255,255,255,.6)!important;background:rgba(236,241,249,.36)!important;box-shadow:0 30px 90px rgba(28,38,65,.28),inset 0 1px rgba(255,255,255,.85)!important}
.dark dialog.modal{border-color:rgba(255,255,255,.13)!important;background:rgba(20,29,47,.42)!important;box-shadow:0 34px 100px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.16)!important}
dialog.modal::backdrop{background:rgba(28,35,52,.28)!important;backdrop-filter:blur(10px) saturate(115%)!important;-webkit-backdrop-filter:blur(10px) saturate(115%)!important}
dialog.modal>.liquid-glass-warp{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;pointer-events:none!important;border-radius:inherit!important;
  background:linear-gradient(118deg,rgba(255,255,255,.48),rgba(255,255,255,.08) 31%,rgba(94,107,239,.045) 62%,rgba(72,204,229,.13))!important;
  backdrop-filter:blur(19px) saturate(150%) contrast(1.035)!important;-webkit-backdrop-filter:blur(19px) saturate(150%) contrast(1.035)!important;
  filter:url(#overseamate-liquid-glass);opacity:.94;box-shadow:inset 1px 1px 0 var(--liquid-edge),inset -1px -1px 0 rgba(85,205,231,.2),inset 8px 0 14px -16px rgba(255,99,146,.8),inset -8px 0 14px -16px rgba(74,211,244,.9)!important
}
dialog.modal>*:not(.liquid-glass-warp):not(.modal-confetti-burst){position:relative;z-index:2}
dialog.modal>.modal-close{position:absolute!important;z-index:40!important}
dialog.modal>.modal-close{right:15px!important;top:14px!important;left:auto!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;display:grid!important;place-items:center!important;padding:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;color:var(--neo-text)!important;background:rgba(246,249,253,.64)!important;border:1px solid rgba(255,255,255,.68)!important;border-radius:50%!important;box-shadow:0 8px 20px rgba(36,47,75,.14),inset 0 1px rgba(255,255,255,.84)!important;z-index:5000!important}
.dark dialog.modal>.modal-close{background:rgba(26,36,56,.68)!important;border-color:rgba(255,255,255,.14)!important;color:#f4f6ff!important}
dialog.modal>.modal-close{font-size:0!important}dialog.modal>.modal-close::after{content:"×"!important;position:absolute!important;inset:0!important;z-index:8!important;display:grid!important;place-items:center!important;color:inherit!important;font:800 21px/1 ui-sans-serif,system-ui!important;filter:none!important}
dialog.modal>.modal-confetti-burst,dialog.modal>.admin-click-confetti{position:absolute!important;z-index:2147483646!important}
:is(.report-modal,.ticket-modal,.ban-modal,.match-modal,.admin-action-modal)[open]{max-height:calc(100dvh - 24px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
.publish-layout>form,.wizard-simple-page,.preference-success,.my-recruitments-scroll,.publish-result,.auth-panel,
.report-modal form,.ticket-modal form,.ban-modal form,.admin-action-modal form{
  border:1px solid rgba(255,255,255,.36)!important;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(223,231,243,.2))!important;
  box-shadow:inset 1px 1px rgba(255,255,255,.66),inset -1px -1px rgba(94,110,146,.12),var(--neo-soft)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important
}
.dark .publish-layout>form,.dark .wizard-simple-page,.dark .preference-success,.dark .my-recruitments-scroll,.dark .publish-result,.dark .auth-panel,
.dark .report-modal form,.dark .ticket-modal form,.dark .ban-modal form,.dark .admin-action-modal form{background:linear-gradient(145deg,rgba(50,63,92,.34),rgba(13,22,38,.27))!important;border-color:rgba(255,255,255,.1)!important}

/* Top-layer HUD: popovers remain above native modal dialogs. */
#site-cursor[popover]{position:fixed!important;inset:0 auto auto 0!important;margin:0!important;padding:0!important;width:18px!important;height:18px!important;border:0!important;border-radius:50%!important;overflow:visible!important;pointer-events:none!important;background:rgba(20,24,34,.2)!important;box-shadow:inset 0 0 0 2px rgba(24,29,40,.9),0 0 0 1px rgba(255,255,255,.7),0 2px 8px rgba(0,0,0,.2)!important;z-index:2147483647!important;will-change:transform;transition:opacity .12s ease,scale .12s ease!important}
.dark #site-cursor[popover]{background:rgba(255,255,255,.27)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8),0 0 0 1px rgba(0,0,0,.65),0 2px 9px rgba(0,0,0,.35)!important}
#site-cursor[popover].active{scale:.72!important}#site-cursor[popover].hidden{opacity:0!important}
.cursor-enhanced,.cursor-enhanced *,.cursor-enhanced dialog::backdrop{cursor:none!important}
.modal-cursor{display:none!important}
#toast[popover],#admin-toast[popover],#context-hint[popover]{position:fixed!important;inset:auto auto 22px 50%!important;translate:-50% 18px!important;margin:0!important;max-width:min(520px,calc(100vw - 30px));padding:13px 19px!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:15px!important;color:#fff!important;background:linear-gradient(135deg,rgba(27,36,56,.96),rgba(45,55,82,.95))!important;box-shadow:0 18px 55px rgba(5,10,23,.35),inset 0 1px rgba(255,255,255,.2)!important;backdrop-filter:blur(20px) saturate(140%)!important;opacity:0!important;visibility:visible!important;pointer-events:none!important;z-index:2147483646!important;transition:opacity .2s ease,translate .32s cubic-bezier(.18,.86,.22,1)!important}
#toast[popover].show,#admin-toast[popover].show,#context-hint[popover].show{opacity:1!important;translate:-50% 0!important}
#toast[popover][data-position="top"],#context-hint[popover]{inset:18px auto auto 50%!important;translate:-50% -18px!important}
#toast[popover][data-position="top"].show,#context-hint[popover].show{translate:-50% 0!important}

/* Publish wizard: menus overlay, never add document height; navigation stays reachable. */
.publish-modal{width:min(1110px,calc(100vw - 24px))!important;height:min(760px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important}
.publish-layout{height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
.publish-layout>form{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:25px 28px!important}
.publish-form-grid{display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 10px 6px 4px!important;scrollbar-gutter:stable}
.publish-step-page{display:none!important;width:100%!important;min-height:0!important;padding:0!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-content:start!important;overflow:visible!important}
.publish-step-page.active{display:grid!important}.publish-step-page>.wide,.publish-step-page>.rank-field{grid-column:1/-1!important}
.publish-step-page>label{min-width:0!important;margin:0!important;padding:13px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(222,230,242,.2))!important;box-shadow:var(--neo-soft)!important}
.dark .publish-step-page>label{background:linear-gradient(145deg,rgba(48,61,91,.34),rgba(15,24,41,.28))!important}
.publish-step-page:has(.custom-picker[data-for="form-region"].open,.custom-picker[data-for="form-country"].open){padding-bottom:0!important}
.publish-step-page>label:has(.custom-picker[data-for="form-needed"].open){margin-bottom:0!important}
.publish-wizard-nav{position:relative!important;inset:auto!important;display:flex!important;flex:0 0 auto!important;justify-content:space-between!important;gap:12px!important;margin:10px 0 0!important;padding:0!important;z-index:25!important}
.publish-wizard-nav button{min-width:132px!important}.publish-submit{flex:0 0 auto!important;margin-top:10px!important}
.custom-picker{min-width:0}.picker-menu{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;bottom:auto!important;z-index:1900!important;max-height:var(--picker-max-height,360px)!important;overflow:auto!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:15px!important;background:rgba(237,242,250,.94)!important;box-shadow:12px 14px 32px rgba(64,76,104,.2),-7px -7px 20px rgba(255,255,255,.76),inset 0 1px rgba(255,255,255,.8)!important;backdrop-filter:blur(22px) saturate(150%)!important}
.dark .picker-menu{border-color:rgba(255,255,255,.11)!important;background:rgba(24,34,54,.95)!important;box-shadow:12px 14px 34px rgba(3,8,18,.5),-6px -6px 18px rgba(53,67,96,.26),inset 0 1px rgba(255,255,255,.1)!important}
.custom-picker.drop-up .picker-menu{top:auto!important;bottom:calc(100% + 8px)!important;transform-origin:bottom center!important}
.custom-picker.open{z-index:1800!important}.custom-picker[data-for="form-needed"] .picker-menu{width:100%!important;max-height:var(--picker-max-height,220px)!important;overflow:auto!important}.custom-picker[data-for="form-needed"] .picker-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.picker-reset{box-shadow:var(--neo-soft)!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(221,229,241,.78))!important}.dark .picker-reset{background:linear-gradient(145deg,rgba(47,60,88,.95),rgba(22,31,50,.95))!important}

/* Rank track keeps the start visible and selected interval luminous. */
.publish-dual::before{background:linear-gradient(90deg,#6767ef 0,var(--low),rgba(103,103,239,.24) var(--low),rgba(62,177,204,.24) var(--high),rgba(110,123,153,.16) var(--high),rgba(110,123,153,.16) 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.68),0 0 15px rgba(98,102,236,.2)!important}
.publish-dual>span{background:linear-gradient(90deg,#6666ef,#3eb1cc)!important;box-shadow:0 0 14px rgba(78,106,222,.36)!important}
.publish-dual input::-webkit-slider-thumb{border:3px solid #fff!important;background:#6666ef!important}.publish-dual input::-moz-range-thumb{border:3px solid #fff!important;background:#6666ef!important}

/* Preferences use one stable grid shell. */
.wizard-simple[open]{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:min(1050px,calc(100vw - 24px))!important;height:min(720px,calc(100dvh - 24px))!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;padding:0!important;overflow:hidden!important}
.wizard-simple>.wizard-aside{position:relative!important;grid-column:1!important;grid-row:1/4!important;left:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;padding:34px 28px!important;border-radius:inherit!important;background:linear-gradient(155deg,rgba(70,67,151,.96),rgba(28,39,66,.97) 60%,rgba(17,61,78,.96))!important;box-shadow:inset -1px 0 rgba(255,255,255,.16)!important}
.wizard-simple>.wizard-top{grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;margin:0!important;padding:30px 44px 12px!important}
.wizard-simple>.wizard-simple-page{grid-column:2!important;grid-row:2!important;min-height:0!important;overflow:auto!important;margin:0 32px!important;padding:18px 14px 22px!important;background:transparent!important;border:0!important;box-shadow:none!important;scrollbar-gutter:stable}
.wizard-simple>.wizard-nav{grid-column:2!important;grid-row:3!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:12px 46px 26px!important;background:linear-gradient(180deg,transparent,rgba(232,237,245,.82) 24%)!important;z-index:20!important}
.dark .wizard-simple>.wizard-nav{background:linear-gradient(180deg,transparent,rgba(23,31,49,.86) 24%)!important}
.wizard-simple-page h2{font-size:clamp(35px,4.2vw,56px)!important;line-height:1!important}.wizard-simple-page>p{font-size:14px!important;line-height:1.6!important}
.wizard-choices button{border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(221,229,241,.75))!important;box-shadow:var(--neo-soft)!important;color:var(--neo-text)!important}
.dark .wizard-choices button{background:linear-gradient(145deg,rgba(48,61,90,.82),rgba(22,31,50,.82))!important}
.wizard-choices button.selected{background:linear-gradient(135deg,#414b6c,#5f64d5)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
.simple-country-block .picker-menu{z-index:2100!important}.wizard-inline-confirm{display:none!important}

/* CareerCompass characters, without the former flow cursor/blank strip. */
.auth-modal{width:min(980px,calc(100vw - 24px))!important;height:min(680px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;padding:0!important}
.auth-stage{display:grid!important;grid-template-columns:.92fr 1.08fr!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.auth-story,.auth-panel{height:100%!important;min-height:0!important}.auth-panel{overflow:auto!important;padding:34px 48px!important;border-radius:0 28px 28px 0!important}.auth-story{overflow:hidden!important;border-radius:28px 0 0 28px!important}
.auth-character-scene{top:54%!important;transform:translate(-50%,-45%) scale(.93)!important}.auth-panel>h2{font-size:38px!important;margin:5px 0 3px!important}.auth-panel .oauth-actions{margin-top:12px!important}.auth-panel #auth-form{gap:10px!important}.auth-panel #auth-form input{min-height:48px!important}.auth-panel #auth-form>.primary{min-height:53px!important}

/* My recruitments: one data set, three clear views. */
.my-recruitments-modal{width:min(1160px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;height:auto!important;padding:0!important}
.my-recruitments-scroll{height:auto!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:28px 30px 34px!important;border-radius:inherit!important}
.my-recruitment-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px;padding:9px;border-radius:18px;background:rgba(220,227,239,.42);box-shadow:var(--neo-pressed)}
.dark .my-recruitment-tabs{background:rgba(14,23,39,.38)}
.my-recruitment-tabs button{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 17px;border:1px solid transparent;border-radius:13px;background:transparent!important;color:var(--neo-text)!important;box-shadow:none!important;font-weight:900}
.my-recruitment-tabs button b{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:9px;background:rgba(104,116,145,.12)}
.my-recruitment-tabs .view-active.selected{color:#fff!important;background:linear-gradient(135deg,#3c9c72,#58b98d)!important;box-shadow:0 9px 22px rgba(43,133,91,.24)!important}
.my-recruitment-tabs .view-expired.selected{color:#fff!important;background:linear-gradient(135deg,#b9485c,#db6472)!important;box-shadow:0 9px 22px rgba(176,62,82,.22)!important}
.my-recruitment-tabs .view-all.selected{background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(219,227,240,.74))!important;box-shadow:var(--neo-soft)!important}.dark .my-recruitment-tabs .view-all.selected{background:linear-gradient(145deg,rgba(48,61,89,.8),rgba(22,31,50,.8))!important}

/* Theme switch: source-faithful sky, cloud and settling sun/moon. */
[data-theme],[data-admin-theme]{position:relative!important;width:104px!important;min-width:104px!important;height:42px!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
.theme-switch-track{position:absolute!important;inset:0!important;overflow:hidden!important;border-radius:999px!important;border:2px solid rgba(85,104,134,.45)!important;background:linear-gradient(180deg,#6b9fd0,#8cbbe1 56%,#c5dceb)!important;box-shadow:inset 3px 3px 7px rgba(30,69,105,.42),inset -3px -3px 6px rgba(255,255,255,.72),var(--neo-soft)!important}
.theme-orb{left:4px!important;top:3px!important;width:32px!important;height:32px!important;animation-duration:.82s!important;box-shadow:inset 2px 2px 4px rgba(255,255,255,.78),inset -3px -3px 5px rgba(143,88,0,.22),0 4px 9px rgba(58,46,17,.37)!important}
.is-dark .theme-switch-track{background:linear-gradient(180deg,#161d32,#222c49 56%,#3b4764)!important}.is-dark .theme-orb{background:linear-gradient(145deg,#edf0f6,#aab1c0)!important}.theme-cloud{filter:drop-shadow(0 2px 1px rgba(84,108,136,.2))}.theme-stars i{box-shadow:0 0 6px #fff!important}
@keyframes themeOrbToDark{0%{transform:translateX(0) scale(1)}50%{transform:translateX(66px) scale(.88,1.08)}76%{transform:translateX(61px) scale(1.05,.96)}100%{transform:translateX(63px) scale(1)}}
@keyframes themeOrbToLight{0%{transform:translateX(63px) scale(1)}50%{transform:translateX(-3px) scale(.88,1.08)}76%{transform:translateX(3px) scale(1.05,.96)}100%{transform:translateX(0) scale(1)}}

/* Admin uses the same depth, glass and pointer language. */
.admin-shell,.admin-main{color:var(--neo-text)!important}.admin-heading,.admin-stat-grid{position:relative}.admin-panel{overflow:auto!important;border-radius:18px!important}.data-table th{background:rgba(91,103,132,.12)!important;color:var(--neo-muted)!important}.data-table tr{border-color:rgba(118,132,162,.16)!important}.data-table tbody tr:hover{background:rgba(99,102,236,.055)!important}.admin-action-modal{background:rgba(235,241,249,.38)!important}.dark .admin-action-modal{background:rgba(20,29,47,.46)!important}.admin-click-confetti{position:fixed;z-index:2147483646}

@media(max-width:930px){
  .publish-modal{height:min(760px,calc(100dvh - 14px))!important}.publish-layout{grid-template-columns:1fr!important}.publish-layout>aside{display:none!important}.publish-layout>form{padding:22px 18px!important}
  .wizard-simple[open]{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr) auto!important}.wizard-simple>.wizard-aside{display:none!important}.wizard-simple>.wizard-top,.wizard-simple>.wizard-simple-page,.wizard-simple>.wizard-nav{grid-column:1!important}.wizard-simple>.wizard-top{padding:28px 28px 8px!important}.wizard-simple>.wizard-simple-page{margin:0 16px!important}.wizard-simple>.wizard-nav{padding:12px 30px 22px!important}
  .auth-stage{grid-template-columns:1fr!important}.auth-story{display:none!important}.auth-panel{border-radius:28px!important;padding:32px 28px!important}
}
@media(max-width:620px){
  .publish-step-page{grid-template-columns:1fr!important}.publish-step-page>.wide,.publish-step-page>.rank-field{grid-column:1!important}.publish-layout>form{padding:18px 12px!important}.publish-wizard-nav button{min-width:112px!important}
  .wizard-simple>.wizard-top{padding:24px 20px 6px!important}.wizard-simple>.wizard-simple-page{margin:0 8px!important;padding:12px!important}.wizard-simple>.wizard-nav{padding:10px 20px 18px!important}.wizard-simple-page h2{font-size:34px!important}.wizard-choices.language-choices,.wizard-choices.continent-choices,.simple-game-choices{grid-template-columns:1fr 1fr!important}
  .my-recruitment-tabs{grid-template-columns:1fr!important}.my-recruitments-scroll{padding:24px 16px 30px!important}
}
@media(prefers-reduced-motion:reduce){.liquid-glass-warp{filter:none!important}.theme-orb{animation:none!important}.launcher-game,.recruitment-card,button{transition:none!important}}

/* 20260714-liquid-controls9 -------------------------------------------------
   Source-faithful edge-only dispersion: the glass warp is clipped inside the
   shell while every readable/control layer remains outside the SVG filter. */
dialog.modal::before,dialog.modal::after{content:none!important;display:none!important;background:none!important;filter:none!important}
dialog.modal{--liquid-shell-inset:2px;--liquid-shell-radius:22px;contain:layout paint!important}
dialog.modal>.liquid-glass-warp{
  inset:var(--liquid-shell-inset)!important;
  border-radius:calc(var(--liquid-shell-radius) - var(--liquid-shell-inset))!important;
  clip-path:inset(0 round calc(var(--liquid-shell-radius) - var(--liquid-shell-inset)))!important;
  overflow:hidden!important;
  filter:url(#overseamate-liquid-glass)!important;
  opacity:1!important;
  background:linear-gradient(118deg,rgba(255,255,255,.42),rgba(255,255,255,.09) 38%,rgba(91,100,225,.035) 66%,rgba(71,199,225,.12))!important;
  backdrop-filter:blur(10px) saturate(142%) contrast(1.025)!important;
  -webkit-backdrop-filter:blur(10px) saturate(142%) contrast(1.025)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 1px 0 0 rgba(255,112,157,.17),inset -1px 0 0 rgba(76,211,242,.2),inset 0 -1px 0 rgba(75,88,125,.12)!important
}
.dark dialog.modal>.liquid-glass-warp{background:linear-gradient(118deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 40%,rgba(83,91,218,.04) 68%,rgba(55,184,214,.075))!important;backdrop-filter:blur(11px) saturate(132%) contrast(1.04)!important;-webkit-backdrop-filter:blur(11px) saturate(132%) contrast(1.04)!important}
dialog.modal>*:not(.liquid-glass-warp):not(.liquid-glass-tint):not(.liquid-glass-shine):not(.liquid-glass-border):not(.modal-confetti-burst):not(.admin-click-confetti){position:relative;z-index:2;filter:none!important}
dialog.modal>.liquid-glass-tint,dialog.modal>.liquid-glass-shine,dialog.modal>.liquid-glass-border{position:absolute!important;inset:2px!important;display:block!important;pointer-events:none!important;border-radius:calc(var(--liquid-shell-radius) - 2px)!important}
dialog.modal>.liquid-glass-tint{z-index:1!important;background:linear-gradient(132deg,rgba(255,255,255,.16),transparent 43%,rgba(91,98,225,.035) 68%,rgba(47,187,217,.075))!important;mix-blend-mode:soft-light}
dialog.modal>.liquid-glass-shine{z-index:1!important;background:radial-gradient(ellipse 82% 42% at 23% -5%,rgba(255,255,255,.42),transparent 68%),linear-gradient(105deg,transparent 8%,rgba(255,255,255,.11) 31%,transparent 53%)!important;opacity:.82}
dialog.modal>.liquid-glass-border{z-index:3!important;border:1px solid rgba(255,255,255,.46)!important;box-shadow:inset 1px 1px rgba(255,255,255,.55),inset -1px -1px rgba(67,185,216,.16)!important}
dialog.modal>.liquid-glass-border-screen{mix-blend-mode:screen!important}.dark dialog.modal>.liquid-glass-border{border-color:rgba(255,255,255,.13)!important;box-shadow:inset 1px 1px rgba(255,255,255,.14),inset -1px -1px rgba(55,173,204,.09)!important}

/* The filter lives on a dedicated pseudo-layer. Direct text and icons are
   painted afterwards and therefore never inherit the chromatic displacement. */
:is(button:not([data-theme]):not([data-admin-theme]),.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary,.admin-tabs>button,.admin-subtabs>button){
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background-color:rgba(247,249,253,.18)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.025) 54%,rgba(70,191,219,.04))!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 1px 0 0 rgba(255,120,160,.09),inset -1px 0 0 rgba(74,204,235,.13),0 9px 22px rgba(45,58,88,.11)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
.dark :is(button:not([data-theme]):not([data-admin-theme]),.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary,.admin-tabs>button,.admin-subtabs>button){background-color:rgba(26,36,56,.16)!important;background-image:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.012) 54%,rgba(58,180,210,.035))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px rgba(255,255,255,.14),inset 1px 0 rgba(255,104,151,.06),inset -1px 0 rgba(71,202,232,.09),0 10px 24px rgba(0,5,17,.24)!important}
:is(button:not([data-theme]):not([data-admin-theme]),.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary,.admin-tabs>button,.admin-subtabs>button)::before{
  content:""!important;display:block!important;position:absolute!important;inset:1px!important;z-index:-1!important;pointer-events:none!important;border-radius:inherit!important;
  background:linear-gradient(122deg,rgba(255,255,255,.44),rgba(255,255,255,.06) 43%,rgba(109,91,239,.035) 68%,rgba(62,190,220,.11))!important;
  filter:url(#overseamate-liquid-control)!important;
  backdrop-filter:blur(7px) saturate(146%)!important;-webkit-backdrop-filter:blur(7px) saturate(146%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 1px 0 rgba(255,101,149,.12),inset -1px 0 rgba(59,199,231,.16)!important
}
.dark :is(button:not([data-theme]):not([data-admin-theme]),.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary,.admin-tabs>button,.admin-subtabs>button)::before{background:linear-gradient(122deg,rgba(255,255,255,.11),rgba(255,255,255,.018) 44%,rgba(103,87,238,.045) 69%,rgba(48,177,207,.065))!important;box-shadow:inset 0 1px rgba(255,255,255,.13),inset 1px 0 rgba(255,101,149,.07),inset -1px 0 rgba(59,199,231,.1)!important}
:is(button:not([data-theme]):not([data-admin-theme]),.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary,.admin-tabs>button,.admin-subtabs>button)>*{position:relative;z-index:2}
:is(button,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):is(.selected,.active,.is-selected,[aria-pressed="true"],[aria-selected="true"])::before{background:linear-gradient(135deg,rgba(71,78,140,.93),rgba(99,89,216,.88) 61%,rgba(52,170,201,.84))!important;box-shadow:inset 0 1px rgba(255,255,255,.34),inset -1px 0 rgba(91,225,244,.34),inset 1px 0 rgba(255,125,171,.22)!important}
:is(button,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):is(.selected,.active,.is-selected,[aria-pressed="true"],[aria-selected="true"]){color:#fff!important;border-color:rgba(107,100,224,.5)!important}
.primary::before,.match-button::before,.publish-submit::before{background:linear-gradient(135deg,rgba(34,44,72,.96),rgba(67,75,128,.94) 62%,rgba(45,148,174,.88))!important}
.report-button::before,.danger::before,.delete-own::before{background:linear-gradient(135deg,rgba(164,48,67,.93),rgba(216,75,89,.9))!important}

/* Picker glass and its directional elastic entrance.  Individual translate is
   used so the legacy transform declaration cannot cancel the animation. */
.picker-menu,.launcher-search-results{
  isolation:isolate!important;background:rgba(237,242,250,.42)!important;
  border-color:rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.82),inset 1px 0 rgba(255,105,152,.1),inset -1px 0 rgba(61,202,232,.14),0 22px 48px rgba(38,51,80,.2)!important;
  backdrop-filter:blur(12px) saturate(146%)!important;-webkit-backdrop-filter:blur(12px) saturate(146%)!important
}
.dark .picker-menu,.dark .launcher-search-results{background:rgba(20,29,48,.46)!important;border-color:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px rgba(255,255,255,.13),inset 1px 0 rgba(255,105,152,.06),inset -1px 0 rgba(61,202,232,.08),0 24px 54px rgba(0,5,18,.42)!important}
.custom-picker.open:not(.drop-up)>.picker-menu{animation:liquidPickerDownBounce .4s cubic-bezier(.18,.84,.22,1) both!important;transform-origin:top center!important}
.custom-picker.open.drop-up>.picker-menu{animation:liquidPickerUpBounce .4s cubic-bezier(.18,.84,.22,1) both!important;transform-origin:bottom center!important}
@keyframes liquidPickerDownBounce{0%{translate:0 -9px;scale:.988}64%{translate:0 4px;scale:1.004}84%{translate:0 -1px;scale:.999}100%{translate:0 0;scale:1}}
@keyframes liquidPickerUpBounce{0%{translate:0 9px;scale:.988}64%{translate:0 -4px;scale:1.004}84%{translate:0 1px;scale:.999}100%{translate:0 0;scale:1}}

/* Publish shell owns its height; only the form body scrolls and pickers overlay
   labels without extending either the dialog or the document. */
.publish-modal{overflow:hidden!important;contain:layout paint!important}
.publish-layout,.publish-layout>form{min-height:0!important;max-height:100%!important;overflow:hidden!important}
.publish-layout>form{position:relative!important}
.publish-form-grid{position:relative!important;flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:clip!important;overscroll-behavior:contain!important}
.publish-step-page{position:relative!important;min-height:0!important;overflow:visible!important}
.publish-step-page>label{position:relative!important;min-height:0!important}
.publish-step-page .custom-picker.open{z-index:1950!important}
.publish-step-page>label:has(.custom-picker.open){z-index:2500!important}
.publish-step-page .custom-picker{height:51px!important;min-height:51px!important;max-height:51px!important}
.publish-step-page .picker-trigger{height:51px!important;min-height:51px!important;max-height:51px!important}
.publish-step-page .picker-menu{position:absolute!important;max-height:min(var(--picker-max-height,310px),38dvh)!important}
.publish-wizard-nav,.publish-submit{position:relative!important;z-index:2050!important;flex-shrink:0!important}
.publish-step-page:has(.custom-picker.open){padding-bottom:0!important;margin-bottom:0!important}

/* The preference country selector is a stable right-hand drop-up. */
.wizard-simple .simple-country-block{position:relative!important;z-index:90!important}
.wizard-simple .simple-country-block .custom-picker.open{z-index:2200!important}
.wizard-simple .simple-country-block .custom-picker>.picker-menu{
  left:calc(100% + 14px)!important;right:auto!important;top:auto!important;bottom:0!important;
  width:min(350px,calc(100vw - 48px))!important;max-height:min(340px,52dvh)!important;
  transform-origin:left bottom!important
}
.wizard-simple .simple-country-block .custom-picker.open>.picker-menu{animation:liquidPickerRightUp .42s cubic-bezier(.18,.84,.22,1) both!important}
@keyframes liquidPickerRightUp{0%{translate:-7px 9px;scale:.987}64%{translate:3px -3px;scale:1.004}100%{translate:0 0;scale:1}}

/* Connected recruitment views: the existing JS only changes --tab-index and
   grid motion classes.  The glider and content movement remain compositor-only. */
.my-recruitment-tabs{--tab-index:0;position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:7px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.58)!important;background:rgba(225,231,241,.34)!important;box-shadow:inset 2px 2px 6px rgba(87,101,132,.13),inset -2px -2px 7px rgba(255,255,255,.68)!important}
.dark .my-recruitment-tabs{background:rgba(18,27,45,.38)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:inset 2px 2px 7px rgba(0,0,0,.28),inset -2px -2px 7px rgba(255,255,255,.045)!important}
.my-recruitment-tabs>.my-tab-glider{position:absolute!important;left:7px!important;top:7px!important;bottom:7px!important;width:calc((100% - 14px)/3)!important;border-radius:14px!important;pointer-events:none!important;z-index:1!important;transform:translate3d(calc(var(--tab-index)*100%),0,0)!important;transition:transform .52s cubic-bezier(.2,.84,.2,1),background .3s ease,box-shadow .3s ease!important;background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(105,109,222,.2) 58%,rgba(63,187,214,.24))!important;filter:url(#overseamate-liquid-control)!important;backdrop-filter:blur(8px) saturate(150%)!important;-webkit-backdrop-filter:blur(8px) saturate(150%)!important;box-shadow:inset 0 1px rgba(255,255,255,.75),inset 1px 0 rgba(255,103,151,.16),inset -1px 0 rgba(61,201,232,.2),0 8px 20px rgba(48,59,93,.13)!important}
.my-recruitment-tabs[data-active="active"]>.my-tab-glider{background:linear-gradient(135deg,rgba(45,157,107,.64),rgba(86,189,145,.48))!important}
.my-recruitment-tabs[data-active="expired"]>.my-tab-glider{background:linear-gradient(135deg,rgba(181,55,76,.65),rgba(222,95,109,.5))!important}
.my-recruitment-tabs>button{position:relative!important;z-index:2!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important}
.my-recruitment-tabs>button::before{opacity:.26!important}
.my-recruitment-tabs>button.selected{background:transparent!important;box-shadow:none!important}
.my-recruitment-tabs .view-active.selected,.my-recruitment-tabs .view-expired.selected{color:#fff!important;background:transparent!important;box-shadow:none!important}
.my-recruitment-tabs .view-all.selected{background:transparent!important;box-shadow:none!important}
.my-recruitments-grid{will-change:transform,opacity;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease!important}
.my-recruitments-grid.my-view-exit-left{transform:translate3d(-7%,0,0)!important;opacity:0!important}
.my-recruitments-grid.my-view-exit-right{transform:translate3d(7%,0,0)!important;opacity:0!important}
.my-recruitments-grid.my-view-enter-left{animation:myViewEnterLeft .34s cubic-bezier(.2,.82,.2,1) both!important}
.my-recruitments-grid.my-view-enter-right{animation:myViewEnterRight .34s cubic-bezier(.2,.82,.2,1) both!important}
@keyframes myViewEnterLeft{from{transform:translate3d(-7%,0,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes myViewEnterRight{from{transform:translate3d(7%,0,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}

/* Cursor coordinates are supplied by JS as one transform.  Press feedback is
   confined to the inner dot so left/top can never participate in the state. */
#site-cursor[popover]{left:0!important;top:0!important;right:auto!important;bottom:auto!important;inset:auto!important;translate:none!important;scale:1!important;transform-origin:50% 50%!important;transition:opacity .12s ease!important}
#site-cursor[popover]::after{content:"";position:absolute;inset:5px;border-radius:50%;background:currentColor;opacity:.78;transform:scale(1);transition:transform .12s cubic-bezier(.2,.8,.2,1),opacity .12s ease}
#site-cursor[popover].active{scale:1!important}
#site-cursor[popover].active::after{transform:scale(.34);opacity:1}

@media(max-width:930px){.wizard-simple .simple-country-block .custom-picker>.picker-menu{left:0!important;right:auto!important;bottom:calc(100% + 8px)!important;width:100%!important}.my-recruitment-tabs>.my-tab-glider{display:none!important}.my-recruitment-tabs{gap:7px!important}.my-recruitment-tabs>button.selected{background:linear-gradient(135deg,rgba(72,79,141,.88),rgba(98,90,210,.84))!important}}
@media(max-width:620px){.my-recruitment-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.my-recruitment-tabs>button{padding:0 9px!important}.my-recruitment-tabs>button b{min-width:23px!important;padding:0 5px!important}}
@media(prefers-reduced-motion:reduce){.custom-picker.open>.picker-menu,.my-recruitments-grid{animation:none!important;translate:none!important;scale:1!important;transition:none!important}.my-recruitment-tabs>.my-tab-glider{transition:none!important}.liquid-glass-warp,:is(button,.picker-trigger,.rank-filter-dropdown>summary)::before{filter:none!important}}

/* Source-react control stack.  Refraction is isolated behind text so every
   control keeps a clean center and a refracted, chromatic edge. */
.liquid-control{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.liquid-control>.liquid-control-warp,.liquid-control>.liquid-control-tint,.liquid-control>.liquid-control-shine,.liquid-control>.liquid-control-border{position:absolute!important;inset:1px!important;display:block!important;border-radius:inherit!important;pointer-events:none!important}
.liquid-control>.liquid-control-warp{z-index:0!important;filter:url(#overseamate-liquid-control)!important;background:linear-gradient(126deg,rgba(255,255,255,.24),rgba(255,255,255,.035) 48%,rgba(61,190,219,.08))!important;backdrop-filter:blur(7px) saturate(142%)!important;-webkit-backdrop-filter:blur(7px) saturate(142%)!important}
.liquid-control>.liquid-control-tint{z-index:0!important;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 45%,rgba(99,87,225,.05),rgba(50,184,215,.08))!important}
.liquid-control>.liquid-control-shine{z-index:1!important;background:radial-gradient(ellipse 74% 50% at 22% -10%,rgba(255,255,255,.54),transparent 68%)!important;mix-blend-mode:screen!important}
.liquid-control>.liquid-control-border{z-index:1!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:inset 1px 1px rgba(255,255,255,.42),inset -1px -1px rgba(55,184,214,.14)!important}
.liquid-control>.liquid-control-border-screen{mix-blend-mode:screen!important}.dark .liquid-control>.liquid-control-warp{background:linear-gradient(126deg,rgba(255,255,255,.09),rgba(255,255,255,.012) 50%,rgba(55,174,203,.055))!important}.dark .liquid-control>.liquid-control-border{border-color:rgba(255,255,255,.11)!important}
.liquid-control>*:not(.liquid-control-warp):not(.liquid-control-tint):not(.liquid-control-shine):not(.liquid-control-border):not(.button-liquid-fill):not(.selection-liquid-fill):not(.liquid-press-lens){position:relative!important;z-index:3!important}
.selection-liquid-fill{position:absolute!important;inset:0!important;z-index:2!important;display:block!important;pointer-events:none!important;background:linear-gradient(135deg,#414b6c,#5f64d5 58%,#3aa6c2)!important;box-shadow:inset 0 1px rgba(255,255,255,.3),inset -1px 0 rgba(91,225,244,.28),inset 1px 0 rgba(255,125,171,.2)!important;will-change:clip-path}
.wizard-choices button.selection-animating.selected{background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(221,229,241,.75))!important}.dark .wizard-choices button.selection-animating.selected{background:linear-gradient(145deg,rgba(48,61,90,.82),rgba(22,31,50,.82))!important}

/* Stable composite pass ----------------------------------------------------
   Chromium can momentarily sample a large dialog's own descendants when an
   SVG displacement filter and backdrop-filter are enabled on the same full
   surface.  Keep the clean centre on a normal backdrop layer and constrain
   true refraction to the thin shell edge.  Small controls retain the source
   displacement pipeline above. */
dialog.modal>.liquid-glass-warp{filter:none!important}
dialog.modal>.liquid-glass-border-screen{
  padding:2px!important;
  background:linear-gradient(112deg,rgba(255,255,255,.78),rgba(255,255,255,.04) 34%,rgba(255,106,157,.18) 58%,rgba(58,202,234,.26))!important;
  filter:none!important;
  backdrop-filter:blur(7px) saturate(148%)!important;-webkit-backdrop-filter:blur(7px) saturate(148%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important
}
.my-recruitment-tabs{height:66px!important;min-height:66px!important;max-height:66px!important;align-items:stretch!important;flex:none!important}
.my-recruitment-tabs>.my-tab-glider{height:50px!important;min-height:50px!important;max-height:50px!important;bottom:auto!important;filter:none!important;contain:paint!important}
.my-recruitment-tabs>button{height:50px!important;min-height:50px!important;max-height:50px!important;align-self:stretch!important;flex:none!important}
.my-recruitment-tabs>button>.my-tab-label{display:block!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important}
.my-recruitment-tabs>button>.my-tab-count{display:grid!important;flex:0 0 auto!important}
.my-recruitments-grid{opacity:1;transform:none}
.wizard-simple .simple-country-block>.custom-picker{height:51px!important;min-height:51px!important;max-height:51px!important}
.wizard-simple .simple-country-block .picker-trigger{height:51px!important;min-height:51px!important;max-height:51px!important}
.wizard-simple .simple-country-block .custom-picker>.picker-menu{top:auto!important;bottom:0!important}
.publish-wizard-nav{margin-bottom:10px!important;padding-bottom:0!important}
dialog.modal.dialog-enter{animation:liquidDialogStableIn .34s cubic-bezier(.18,.82,.2,1) both!important}
@keyframes liquidDialogStableIn{from{opacity:0;transform:translate(-50%,-48.5%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
dialog.modal>.modal-close{position:absolute!important;left:auto!important;right:15px!important;top:14px!important;transform:none!important}