/* Catharions guided experience. Isolated from the trading app styles. */
:root{--cx-gold:#d8ac69;--cx-gold-soft:#f2d6a2;--cx-ink:#080808;--cx-panel:#11100f;--cx-line:#4a3a28;--cx-copy:#f8f3e9;--cx-dim:#baa991}
.cx-intro,.cx-tour{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:0}
.cx-intro{position:fixed;inset:0;z-index:1000;background:var(--cx-ink);color:var(--cx-copy);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .65s ease,visibility .65s ease}
.cx-intro.cx-leaving{opacity:0;visibility:hidden;pointer-events:none}
.cx-intro::before{content:"";position:absolute;inset:24px;border:1px solid rgba(216,172,105,.2);pointer-events:none;animation:cx-frame 1.5s ease both}
.cx-intro::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(216,172,105,.3),transparent);opacity:.45;pointer-events:none}
.cx-intro-inner{position:relative;z-index:1;width:min(88vw,560px);text-align:center;display:flex;flex-direction:column;align-items:center}
.cx-intro-logo{width:clamp(180px,38vw,290px);height:clamp(180px,38vw,290px);object-fit:contain;animation:cx-reveal 1.2s ease both,cx-float 5s ease-in-out 1.2s infinite;filter:drop-shadow(0 0 28px rgba(216,172,105,.12))}
.cx-intro-name{font-size:clamp(27px,6vw,49px);font-weight:500;letter-spacing:.22em;margin:14px 0 4px;padding-left:.22em;animation:cx-rise .85s .35s ease both}
.cx-intro-rule{height:1px;width:110px;background:linear-gradient(90deg,transparent,var(--cx-gold),transparent);margin:20px 0;animation:cx-grow 1s .55s ease both}
.cx-intro-line{font-size:10px;letter-spacing:.27em;text-transform:uppercase;color:var(--cx-dim);padding-left:.27em;animation:cx-rise .8s .65s ease both}
.cx-intro-foot{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);width:min(240px,60vw);text-align:center;color:var(--cx-dim);font-size:10px;letter-spacing:.21em;text-transform:uppercase}
.cx-intro-track{height:1px;background:rgba(216,172,105,.2);margin-top:15px;overflow:hidden}.cx-intro-track::after{content:"";display:block;height:100%;width:45%;background:var(--cx-gold);animation:cx-loading 1.8s ease-in-out infinite}
.cx-brand-icon{width:35px;height:35px;object-fit:contain;display:block;flex:none;filter:grayscale(1) contrast(1.15)}.logo.big .cx-brand-icon{width:56px;height:56px}.cx-intro-logo,.cx-tour-art img{filter:grayscale(1) contrast(1.15)}.cx-angel-brand{position:relative}.cx-angel-brand::after{content:"";position:absolute;right:16px;top:16px;width:80px;height:80px;background:url("/art/catharions-angel.png") center/contain no-repeat;filter:grayscale(1) contrast(1.15);pointer-events:none}.cx-angel-brand h1{max-width:calc(100% - 80px)}.top .logo{gap:8px}.top .logo span{font-weight:600}
.cx-tour{position:fixed;inset:0;z-index:100;pointer-events:none;color:var(--cx-copy)}
.cx-tour-shade{position:absolute;inset:0;background:rgba(0,0,0,.52);pointer-events:auto;animation:cx-fade .35s ease both}
.cx-tour-panel{box-sizing:border-box;position:absolute;right:max(24px,calc((100vw - 1290px)/2));top:50%;transform:translateY(-50%);width:min(348px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;pointer-events:auto;background:var(--cx-panel);border:1px solid var(--cx-line);box-shadow:0 22px 75px rgba(0,0,0,.75),0 0 0 1px rgba(216,172,105,.06) inset;animation:cx-panel-in .42s cubic-bezier(.2,.8,.2,1) both}
.cx-tour-art{height:116px;background:var(--cx-ink);border-bottom:1px solid var(--cx-line);overflow:hidden;display:flex;justify-content:center;align-items:center}.cx-tour-art img{width:160px;height:160px;object-fit:contain;opacity:.95}
.cx-tour-content{padding:24px}.cx-tour-kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cx-gold);font-weight:700}.cx-tour-title{font-size:27px;line-height:1.15;margin:12px 0 12px;font-weight:550;color:var(--cx-copy)}.cx-tour-description{font-size:14px;line-height:1.7;color:var(--cx-dim);min-height:94px;margin:0}.cx-tour-note{font-size:12px;line-height:1.55;color:var(--cx-gold-soft);border-left:1px solid var(--cx-gold);padding-left:12px;margin:12px 0 0}.cx-tour-progress{display:flex;gap:5px;margin:23px 0 20px}.cx-tour-progress span{height:2px;flex:1;background:var(--cx-line)}.cx-tour-progress span.cx-current{background:var(--cx-gold)}.cx-tour-actions{display:flex;align-items:center;gap:8px}.cx-tour button{cursor:pointer;font:inherit}.cx-tour-next{background:var(--cx-gold);color:var(--cx-ink);border:1px solid var(--cx-gold);height:42px;padding:0 18px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;flex:1}.cx-tour-next:hover{background:var(--cx-gold-soft)}.cx-tour-back{background:transparent;color:var(--cx-copy);border:1px solid var(--cx-line);height:42px;min-width:42px;font-size:20px}.cx-tour-back:hover{border-color:var(--cx-gold)}.cx-tour-skip{margin-top:18px;background:none;border:0;color:var(--cx-dim);font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:3px}.cx-tour-skip:hover{color:var(--cx-copy)}.cx-tour button:focus-visible{outline:2px solid var(--cx-gold);outline-offset:3px}
.cx-tour-target{z-index:102!important;position:relative!important;box-shadow:0 0 0 2px var(--cx-gold),0 0 28px rgba(216,172,105,.28)!important;background:var(--cx-panel)!important;color:var(--cx-gold-soft)!important;pointer-events:none!important}.tabs .cx-tour-target{border-radius:5px}
@media(max-width:1050px){.cx-tour-panel{top:auto;right:50%;bottom:93px;transform:translateX(50%);width:min(430px,calc(100vw - 24px));max-height:min(66dvh,520px)}.cx-tour-art{height:74px}.cx-tour-art img{width:74px;height:74px}.cx-tour-content{padding:18px 20px}.cx-tour-title{font-size:23px;margin:8px 0}.cx-tour-description{min-height:0}.cx-tour-progress{margin:17px 0}.cx-tour-skip{margin-top:12px}}
@media(min-width:860px) and (max-width:1050px){.cx-tour-panel{bottom:22px}.cx-tour-target{z-index:102!important}}
@media(max-width:420px){.cx-intro::before{inset:14px}.cx-intro-foot{bottom:36px}.cx-tour-panel{bottom:calc(84px + env(safe-area-inset-bottom));max-height:calc(100dvh - 112px)}.cx-tour-art{height:60px}.cx-tour-art img{width:60px;height:60px}.cx-tour-content{padding:16px 18px}.cx-tour-title{font-size:21px}.cx-tour-description{font-size:13px;line-height:1.55}.cx-tour-note{font-size:11px;margin-top:7px}.cx-tour-progress{margin:12px 0}.cx-tour-next,.cx-tour-back{height:38px}}
@keyframes cx-fade{from{opacity:0}to{opacity:1}}@keyframes cx-frame{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes cx-reveal{from{opacity:0;transform:scale(.8);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes cx-float{50%{transform:translateY(-7px)}}@keyframes cx-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cx-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cx-loading{from{transform:translateX(-110%)}to{transform:translateX(340%)}}@keyframes cx-panel-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.cx-intro *, .cx-intro::before,.cx-intro::after,.cx-tour *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}