@import url("/visual-refresh.css?v=20261001-1");
@import url("/conesul-depth.css?v=20261002-1");
/* Compact shared dock. One visual layer for desktop, touch and reduced motion. */
html body nav#conesul-dock{box-sizing:border-box;position:fixed;inset:auto 12px calc(14px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:4px;width:min(660px,calc(100% - 24px));height:auto;margin-inline:auto;padding:6px;border:1px solid #82b9dc45;border-radius:19px;background:#071a2ef5;color:#e6f0f9;box-shadow:0 10px 30px #020b1d40,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:12px/1.2 Arial,Helvetica,sans-serif;isolation:isolate}
html body nav#conesul-dock>a,html body nav#conesul-dock>button{box-sizing:border-box;position:relative;display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:9px;min-width:0;max-width:none;min-height:48px;padding:10px 9px;border:1px solid transparent;border-radius:13px;background:transparent;color:#b8cada;font:600 12px/1.2 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html body nav#conesul-dock svg{box-sizing:border-box;flex:none;width:20px;height:20px;padding:0;border-radius:0;background:transparent;color:inherit;stroke-width:1.8}
html body nav#conesul-dock span{white-space:nowrap;overflow-wrap:normal;text-align:center}
html body nav#conesul-dock>[aria-current],html body nav#conesul-dock>[data-active=true],html body nav#conesul-dock>[aria-expanded=true]{background:linear-gradient(125deg,#174062,#102e4a);border-color:#4cdbff40;color:#f5f9ff;box-shadow:inset 0 1px 0 #ffffff08}
html body nav#conesul-dock>:is([aria-current],[data-active=true],[aria-expanded=true]) svg{color:#ffd343;background:transparent}
html body nav#conesul-dock>:is([aria-current],[data-active=true],[aria-expanded=true])::after{content:'';position:absolute;bottom:3px;left:calc(50% - 9px);width:18px;height:2px;border-radius:2px;background:#ffd343}
html body nav#conesul-dock>:focus-visible{outline:2px solid #4cdbff;outline-offset:1px}
html body nav#conesul-dock>:active{background:#1a4e70;color:#fff;transform:scale(.97)}
html.cs-has-dock body{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
html body .cone-hub{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
.cs-has-dock .free-mobile-nav,.cs-has-dock .mobile-bottom-nav{display:none!important}
html body dialog#conesul-more{box-sizing:border-box;position:fixed;inset:auto 12px calc(90px + env(safe-area-inset-bottom,0px));margin:0 auto;width:min(360px,calc(100% - 24px));max-height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px));overflow:auto;padding:16px;border:1px solid #82b9dc45;border-radius:20px;background:#091c30;color:#e6f0f9;box-shadow:0 18px 60px #020b1d66;font:14px/1.4 Arial,Helvetica,sans-serif}
html body dialog#conesul-more:not([open]){display:none}
html body dialog#conesul-more::backdrop{background:#020a1660}
html body dialog#conesul-more .cs-more-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:9px;padding:0 0 0 10px;border-bottom:0}
html body dialog#conesul-more h2{margin:0;font:700 17px/1.3 Arial,Helvetica,sans-serif;color:#f5f9ff;letter-spacing:-.02em}
html body dialog#conesul-more .cs-more-heading button{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #42698555;background:#102b43;border-radius:12px;color:#cfdfec;font:24px/1 Arial,sans-serif;cursor:pointer}
html body dialog#conesul-more>a,html body dialog#conesul-more>.cs-profile-action{box-sizing:border-box;display:flex;align-items:center;gap:13px;width:100%;min-height:50px;margin-block:3px;padding:12px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#c6d6e4;text-decoration:none;text-align:left;font:inherit;cursor:pointer}
html body dialog#conesul-more>[aria-current]{background:#143853;color:#f5f9ff;border-color:#4cdbff40;font-weight:700}
html body dialog#conesul-more svg{height:21px;width:21px;flex:none;color:#83c8ee}
html body dialog#conesul-more :focus-visible{outline:2px solid #4cdbff;outline-offset:1px}
html body dialog#conesul-more>a:active,html body dialog#conesul-more>.cs-profile-action:active,html body dialog#conesul-more .cs-more-heading button:active{background:#1a4e70;color:#fff}
@media screen and (hover:hover) and (pointer:fine){
 html body nav#conesul-dock>:hover{background:#14324c;color:#f5f9ff;border-color:#4cdbff35}
 html body nav#conesul-dock>:hover svg{color:#4cdbff;transform:translateY(-2px)}
 html body nav#conesul-dock>:is([aria-current],[data-active=true],[aria-expanded=true]):hover svg{color:#ffd343}
 html body dialog#conesul-more>a:hover,html body dialog#conesul-more>.cs-profile-action:hover,html body dialog#conesul-more .cs-more-heading button:hover{background:#14324c;color:#f5f9ff;border-color:#4cdbff35}
}
@media screen and (max-width:760px){
 html body nav#conesul-dock{inset-inline:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 16px);gap:2px;padding:5px;border-radius:18px}
 html body nav#conesul-dock>a,html body nav#conesul-dock>button{flex-direction:column;min-height:54px;padding:7px 1px 8px;gap:5px;border-radius:12px;font-size:10px;line-height:1.2}
 html body nav#conesul-dock svg{width:20px;height:20px}
 html body nav#conesul-dock>:is([aria-current],[data-active=true],[aria-expanded=true])::after{bottom:2px;width:14px;left:calc(50% - 7px)}
 html body dialog#conesul-more{bottom:calc(84px + env(safe-area-inset-bottom,0px));padding:12px}
 html.cs-keyboard-open body nav#conesul-dock{display:none}
}
@media screen and (prefers-reduced-motion:no-preference){
 html body nav#conesul-dock>a,html body nav#conesul-dock>button,html body dialog#conesul-more>a,html body dialog#conesul-more>.cs-profile-action,html body dialog#conesul-more .cs-more-heading button{transition:background-color .2s,color .2s,border-color .2s,transform .2s cubic-bezier(.22,1,.36,1)}
 html body nav#conesul-dock svg{transition:color .2s,transform .25s cubic-bezier(.22,1,.36,1)}
 html body dialog#conesul-more[open]{animation:cs-more-enter .2s cubic-bezier(.22,1,.36,1)}
 @keyframes cs-more-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media screen and (prefers-reduced-motion:reduce){html body nav#conesul-dock>*,html body nav#conesul-dock svg,html body dialog#conesul-more,html body dialog#conesul-more>*{animation:none!important;transition:none!important;transform:none!important}}
@media print{nav#conesul-dock,html body dialog#conesul-more{display:none!important}.cs-has-dock body{padding-bottom:0!important}}
.account-email-hint{padding:14px 16px;margin:18px 0;background:#eef4fa;border-left:3px solid #ffd343;border-radius:6px;color:#123e71;font-size:14px;line-height:1.6}.account-email-hint a{font-weight:700;text-decoration:underline}
.account-app-brand{display:block;width:290px;max-width:100%;padding:12px 20px;background:#071b36;border-radius:12px}.account-app-brand img{display:block;width:100%;height:auto}