/* Web interpretation of the floating iOS glass navigation material.
   Glass is concentrated on navigation and controls; long-form text stays opaque. */
:root{--glass-fill:rgba(45,43,49,.64);--glass-border:rgba(255,255,255,.19);--glass-shadow:0 12px 36px #0007,inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff08}
.mobile-nav{bottom:calc(13px + env(safe-area-inset-bottom));left:50%;width:calc(100% - 28px);max-width:484px;padding:0;display:flex;gap:9px;align-items:center;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.glass-tab-group{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;min-width:0;padding:5px;border:1px solid var(--glass-border);border-radius:40px;background:linear-gradient(150deg,#ffffff0c,#ffffff00 46%,#ff30430a),var(--glass-fill);backdrop-filter:blur(26px) saturate(1.65);-webkit-backdrop-filter:blur(26px) saturate(1.65);box-shadow:var(--glass-shadow)}
.glass-tab-group:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 1px 1px 0 #ffffff1c,inset -1px -1px 0 #ffffff0c}
.glass-tab-group>a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;border-radius:30px;text-decoration:none;color:#c8c6d0;font-size:10px;font-weight:500;line-height:1.2;padding:5px 2px;transition:color 150ms ease,transform 150ms ease}
.glass-tab-group>a>.ui-icon{width:22px;height:22px;stroke-width:1.8}
.glass-tab-group>a[aria-current=page]{color:#ff7a89;background:none}
.glass-tab-group>a:active{transform:scale(.94);color:#ffc0c7}
.glass-selection{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/4);border-radius:30px;border:1px solid #ffffff16;background:linear-gradient(145deg,#ffffff16,#ffffff08);box-shadow:inset 0 1px 1px #ffffff15,0 2px 6px #0002;transition:transform 240ms cubic-bezier(.22,.9,.25,1),opacity 120ms ease;pointer-events:none}
.glass-tab-group:has(a:nth-of-type(2)[aria-current=page]) .glass-selection{transform:translateX(100%)}
.glass-tab-group:has(a:nth-of-type(3)[aria-current=page]) .glass-selection{transform:translateX(200%)}
.glass-tab-group:has(a:nth-of-type(4)[aria-current=page]) .glass-selection{transform:translateX(300%)}
.glass-tab-group:not(:has(a[aria-current=page])) .glass-selection{opacity:0}
.mobile-nav>.dock-search{display:grid;place-items:center;flex:none;width:62px;height:62px;min-height:62px;padding:0;border-radius:50%;border:1px solid var(--glass-border);background:linear-gradient(140deg,#ffffff12,#ffffff00 75%),var(--glass-fill);backdrop-filter:blur(26px) saturate(1.65);-webkit-backdrop-filter:blur(26px) saturate(1.65);box-shadow:var(--glass-shadow);color:#f5f3fa;transition:transform 150ms ease,background 150ms ease}
.mobile-nav>.dock-search .ui-icon{width:25px;height:25px;stroke-width:1.8}
.mobile-nav>.dock-search:active{transform:scale(.94);background:#66414a99}
.mobile-nav a:focus-visible,.dock-search:focus-visible{outline:2px solid #ff8f9c;outline-offset:3px}
.topbar{background:rgba(15,14,18,.66);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border-bottom:1px solid #ffffff0b}
.topbar-heading{display:flex;align-items:center;column-gap:11px;flex-wrap:wrap;position:relative;padding-left:43px;min-height:38px;align-content:center}
.topbar-heading:before{content:"";position:absolute;left:0;top:1px;width:34px;height:36px;background:url('/assets/potencia-alpha-cover.png') center/contain no-repeat;mix-blend-mode:screen}
.topbar-heading>span{flex-basis:100%;font-size:9px!important;letter-spacing:.08em}.topbar-heading>strong{font-size:14px;line-height:1.5}
.topbar #search-open{display:none}
.topbar .glass-menu{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #ffffff20;border-radius:50%;color:#efedf5;background:linear-gradient(135deg,#ffffff12,#ffffff04);box-shadow:inset 0 1px 0 #ffffff1a;cursor:pointer;padding:10px}
.glass-menu:active{background:#ffffff20}.glass-menu .ui-icon{width:21px;height:21px}
.today-card{background:linear-gradient(145deg,#65212e38,#24171f94 70%);border-color:#e77c8e38;box-shadow:inset 0 1px 0 #ffb8c522,0 12px 36px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.today-card:before{left:22px;right:22px;background:linear-gradient(90deg,transparent,#ff7e8e,#ffe6ea,#ff7e8e,transparent);height:1px}
.mobile-topic{background:linear-gradient(145deg,#ffffff09,#ffffff00 60%),#17171b;border-color:#ffffff14;box-shadow:inset 0 1px 0 #ffffff0a}
.secondary-action,.topic-symbol,.topic-header-icon,.round-play{background:linear-gradient(140deg,#ffffff10,#ffffff02),rgba(54,36,44,.72);border:1px solid #ffffff21;box-shadow:inset 0 1px 0 #ffffff15}
.primary-action{background:linear-gradient(160deg,#ff5a69,#e82239 80%);border-color:#ffb1bb38;box-shadow:inset 0 1px 0 #ffd7dd3b,0 6px 20px #ba11221b}
.search-dialog{background:linear-gradient(145deg,#ffffff0b,#ffffff00 70%),rgba(30,27,33,.91);border-color:#ffffff24;backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);box-shadow:0 24px 80px #0009,inset 0 1px 0 #ffffff20}
.sidebar{background:rgba(24,21,27,.91);backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);border-right-color:#ffffff1c}
.toast{background:rgba(57,33,46,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff24;box-shadow:var(--glass-shadow)}
.topbar+main{padding-bottom:calc(122px + env(safe-area-inset-bottom))}
.mobile-welcome{position:relative}.mobile-welcome:before{content:"";position:absolute;pointer-events:none;width:210px;height:180px;right:-24px;top:-15px;background:radial-gradient(ellipse at 70% 30%,#a6192820,transparent 70%);z-index:0}.mobile-welcome>*{position:relative;z-index:1}
.login-cover{display:block;width:190px;height:203px;object-fit:contain;margin:22px auto 0;filter:drop-shadow(0 0 18px #bf142431)}
.login-story-center{margin-top:23px}.login-story h1{font-size:33px;max-width:15ch}.login-story{padding-bottom:0}.login-form-side{padding-top:0}
.login-form{padding-top:15px}.login-form input{background:linear-gradient(135deg,#ffffff08,#ffffff02),#19161d;border-color:#ffffff29;box-shadow:inset 0 1px 0 #ffffff07}
/* Intro: red atmosphere, shield trace, original cover and one metallic sweep. */
body.is-launching{overflow:hidden}
.launch-screen{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#050305;color:#fff;isolation:isolate;padding:32px 24px calc(32px + env(safe-area-inset-bottom));opacity:1;transition:opacity 400ms ease,visibility 400ms}
.launch-screen:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 43%,#86142155 0%,#340a1433 31%,transparent 62%)}
.launch-atmosphere{position:absolute;width:min(92vw,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#ed193329 0%,#c80c2021 28%,transparent 66%);filter:blur(24px);animation:launch-glow 2200ms ease-out both;z-index:-1}
.launch-topline{position:absolute;top:max(42px,env(safe-area-inset-top));font-size:10px;font-weight:600;letter-spacing:.26em;color:#c4abb3;animation:launch-copy 700ms 200ms both}
.launch-art{position:relative;width:min(84vw,340px);aspect-ratio:500/533;isolation:auto;mix-blend-mode:screen}
.launch-art img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 16px #ed173433);animation:launch-emblem 1100ms cubic-bezier(.16,1,.3,1) both}
.launch-screen:not(.art-ready) .launch-art img,.launch-screen:not(.art-ready) .launch-shield path,.launch-screen:not(.art-ready) .launch-shine:after{animation-play-state:paused}
.launch-art:after{content:"Potencia Alpha";display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#ff647d;font:700 44px/1.1 var(--sans);text-align:center}
.art-unavailable .launch-art img{visibility:hidden}.art-unavailable .launch-art:after{display:flex}
.launch-shield{position:absolute;inset:-5%;z-index:0;width:110%;height:110%;overflow:visible;animation:launch-trace-out 2200ms both}.launch-shield path{fill:none;stroke:#ff344c;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;filter:drop-shadow(0 0 5px #ff163b);animation:launch-trace 1200ms 80ms cubic-bezier(.2,.7,.2,1) forwards}
.launch-shine{position:absolute;z-index:3;inset:8% 4%;pointer-events:none;overflow:hidden;clip-path:polygon(50% 0,95% 17%,100% 80%,50% 100%,0 80%,5% 17%)}
.launch-shine:after{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 38%,#ffffff00 44%,#ffdfe948 49%,#ffffff70 50%,#ffffff00 55%,transparent 62%);mix-blend-mode:screen;transform:translateX(-90%);animation:launch-sheen 1100ms 500ms cubic-bezier(.3,0,.2,1) both}
.launch-tagline{text-align:center;margin-top:22px;animation:launch-copy 700ms 550ms both}.launch-tagline strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.02em;color:#f5e9ee}.launch-tagline p{color:#a58b96;font-size:12px;margin:8px 0 0}
.launch-rule{width:44px;height:2px;border-radius:4px;background:#ed344c;box-shadow:0 0 14px #e62b47;display:block;margin:25px auto 0;animation:launch-rule 900ms 650ms both}
.launch-skip{position:absolute;bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px));min-height:44px;padding:12px 22px;border-radius:30px;border:1px solid #ffffff24;background:#ffffff08;color:#bca9b4;font-size:12px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.launch-skip:hover{color:#fff;background:#ffffff12}.launch-skip:focus-visible{outline:2px solid #ff92a3;outline-offset:4px}
.launch-screen.launch-leaving{opacity:0;visibility:hidden;pointer-events:none}.launch-leaving .launch-art{transition:transform 400ms cubic-bezier(.2,.8,.2,1);transform:scale(1.06)}
@keyframes launch-emblem{0%{opacity:0;transform:translateY(25px) scale(.81);filter:blur(9px) drop-shadow(0 0 30px #ff143a77)}65%{opacity:1;transform:translateY(-3px) scale(1.015)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 0 16px #ed173433)}}
@keyframes launch-sheen{from{transform:translateX(-90%);opacity:0}20%{opacity:.75}75%{opacity:.65}to{transform:translateX(90%);opacity:0}}
@keyframes launch-trace{to{stroke-dashoffset:0}}@keyframes launch-trace-out{0%,70%{opacity:.7}100%{opacity:0}}
@keyframes launch-glow{0%{opacity:0;transform:scale(.65)}55%{opacity:1;transform:scale(1.1)}100%{opacity:.65;transform:scale(1)}}
@keyframes launch-copy{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes launch-rule{from{opacity:0;transform:scaleX(.1)}to{opacity:1;transform:scaleX(1)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-tab-group,.mobile-nav>.dock-search{background:#302a32}.topbar{background:#18141b}.sidebar,.search-dialog{background:#211b24}}
@media(max-width:370px){.mobile-nav{gap:7px;width:calc(100% - 22px)}.mobile-nav>.dock-search{width:54px;height:54px;min-height:54px}.glass-tab-group{padding:4px}.glass-tab-group>a{min-height:50px;font-size:9px}.glass-selection{left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/4)}.glass-tab-group>a>.ui-icon{width:20px;height:20px}.topbar-heading strong{font-size:13px}.launch-art{width:min(86vw,300px)}.launch-tagline strong{font-size:18px}.login-cover{width:160px;height:171px}}
@media(max-height:650px){.launch-art{width:min(62vh,280px)}.launch-topline{top:22px}.launch-tagline{margin-top:8px}.launch-tagline p{margin-top:3px}.launch-rule{margin-top:12px}.launch-skip{bottom:12px}}
@media(prefers-reduced-motion:reduce){.launch-screen{transition:opacity 100ms}.launch-art img,.launch-tagline,.launch-topline{opacity:1;transform:none;filter:none;animation:none}.launch-shield,.launch-shine,.launch-atmosphere,.launch-rule{display:none}.launch-leaving .launch-art{transform:none;transition:none}.glass-selection{transition:none}}
@media(prefers-reduced-transparency:reduce){.glass-tab-group,.mobile-nav>.dock-search,.topbar,.sidebar,.search-dialog{background:#28232b;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media print{.launch-screen,.login-cover{display:none!important}}