/* X conversation geometry, scoped to community routes. */
body:has(.ct-shell){background:#fff;color:#0f1419}
body:has(.ct-shell) #app{max-width:1265px!important;padding:0 20px!important;margin-inline:auto}
.ct-shell{--ct-line:#eff3f4;--ct-muted:#536471;--ct-blue:#1d9bf0;display:grid;grid-template-columns:224px minmax(0,600px) minmax(240px,350px);gap:0;font-family:Onest,Arial,sans-serif;font-size:15px;line-height:1.5;color:#0f1419;min-height:calc(100vh - 80px)}
.ct-shell *{box-sizing:border-box}
.ct-shell button,.ct-shell input,.ct-shell textarea{font:inherit}
.ct-shell button{cursor:pointer}
.ct-shell a{color:inherit;text-decoration:none}
.ct-shell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ct-shell button:disabled{cursor:default;opacity:.5}
.ct-shell :is(a,button,input,textarea,summary):focus-visible{outline:2px solid #1d9bf0;outline-offset:3px}
.ct-nav{padding:22px 20px 20px 0;position:sticky;top:80px;height:calc(100vh - 80px);display:flex;flex-direction:column}
.ct-community-title{font-size:21px;font-weight:750;letter-spacing:-.03em;padding:4px 12px 22px;line-height:1.25}
.ct-community-title span{display:block;font-size:12px;font-weight:400;color:var(--ct-muted);margin-top:5px;letter-spacing:0}
.ct-nav nav{display:grid;gap:5px}
.ct-nav nav>a,.ct-nav nav>button{display:flex;align-items:center;gap:17px;padding:12px;border:0;background:transparent;border-radius:28px;font-size:18px;line-height:1.25;text-align:left;color:#0f1419;width:fit-content;max-width:100%;min-height:48px}
.ct-nav nav>button[aria-pressed=true]{font-weight:750}
.ct-nav nav :is(a,button):hover{background:#eff3f4}
.ct-nav nav svg{width:25px;height:25px}
.ct-primary{background:#0f1419;border:1px solid #0f1419;border-radius:24px;color:white;font-weight:700!important;padding:9px 18px;min-height:38px;white-space:nowrap}
.ct-primary:hover{background:#272c30}
.ct-nav>.ct-write{margin:20px 4px 0;width:calc(100% - 8px);min-height:48px;font-size:16px}
.ct-my-profile{margin-top:auto;padding:12px 7px;display:flex;gap:10px;align-items:center;border-radius:40px}
.ct-my-profile:hover{background:#eff3f4}
.ct-my-profile>span:not(.ct-avatar){min-width:0;flex:1}
.ct-my-profile strong,.ct-my-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px}
.ct-my-profile small{color:var(--ct-muted);font-size:11px}
.ct-center{border-inline:1px solid var(--ct-line);min-width:0}
.ct-page-heading{height:61px;display:flex;align-items:center;gap:24px;padding:0 16px;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--ct-line);position:sticky;top:80px;z-index:4}
.ct-page-heading h1{font-size:20px!important;line-height:1.3!important;letter-spacing:-.02em!important;font-weight:750!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-page-heading>a{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%}
.ct-page-heading>a:hover{background:#eff3f4}
.ct-tabs{display:flex;border-bottom:1px solid var(--ct-line);height:54px}
.ct-tabs>button{position:relative;flex:1;background:none;border:0;color:var(--ct-muted);font-size:15px;font-weight:650}
.ct-tabs>button:hover{background:#f7f9f9}
.ct-tabs>button[aria-pressed=true]{color:#0f1419;font-weight:750}
.ct-tabs>button[aria-pressed=true]:after{content:'';height:4px;border-radius:4px;background:var(--ct-blue);position:absolute;bottom:0;width:56px;left:calc(50% - 28px)}
.ct-avatar{display:flex;width:40px;height:40px;min-width:40px;border-radius:50%;align-items:center;justify-content:center;object-fit:cover;background:#e8f5fd;color:#1971a6}
.ct-avatar svg{width:22px;height:22px;stroke-width:1.8}
.ct-avatar-1{background:#eee9fb;color:#6a51a3}
.ct-avatar-2{background:#e3f2ea;color:#2e7558}
.ct-avatar-3{background:#ffede5;color:#a35635}
.ct-avatar-4{background:#e8ecf4;color:#435573}
.ct-avatar-5{background:#f5e7ef;color:#a14c7a}
.ct-composer{padding:16px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--ct-line);margin:0}
.ct-composer>div{min-width:0}
.ct-composer textarea{border:0!important;box-shadow:none!important;padding:7px 0!important;resize:vertical;min-height:64px!important;background:transparent!important;color:#0f1419!important;width:100%;font-size:19px;line-height:1.5;border-radius:0!important}
.ct-composer textarea::placeholder{color:#536471;opacity:1}
.ct-compose-bottom{border-top:1px solid var(--ct-line);padding-top:12px;display:flex;gap:10px;align-items:center}
.ct-symbol-input{flex:1;min-width:0}
.ct-symbol-input input{width:115px;max-width:100%;border:0!important;padding:5px 0!important;background:none!important;box-shadow:none!important;font-size:13px;color:#1577b9!important}
.ct-symbol-input input::placeholder{color:#1577b9}
.ct-compose-bottom>span{font-size:11px;color:var(--ct-muted);white-space:nowrap}
.ct-error{color:#b42338;font-size:13px;margin:8px 0 0}
.ct-error:empty{display:none}
.ct-post{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 16px 9px;border-bottom:1px solid var(--ct-line);background:white;transition:background 120ms}
.ct-post:hover{background:#fafbfb}
.ct-post-main{min-width:0}
.ct-post-main>header{display:flex;align-items:center;gap:4px;min-height:22px;min-width:0;margin:0 0 3px}
.ct-identity{display:flex;gap:5px;align-items:baseline;min-width:0;overflow:hidden;white-space:nowrap;font-size:14px;line-height:1.4}
.ct-identity strong{font-weight:750;overflow:hidden;text-overflow:ellipsis}
.ct-identity:hover strong{text-decoration:underline}
.ct-identity>span{color:var(--ct-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis}
.ct-time{color:var(--ct-muted)!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:115px}
.ct-post-body{display:block;white-space:pre-wrap;font-size:15px;line-height:1.55;overflow-wrap:anywhere;color:#0f1419!important}
.ct-tag{color:#117cbd}
.ct-show-more{display:block;color:#117cbd;margin-top:5px}
.ct-more{position:relative;margin-left:auto;flex-shrink:0}
.ct-more summary,.ct-repost-menu summary{list-style:none;cursor:pointer}
.ct-more summary::-webkit-details-marker,.ct-repost-menu summary::-webkit-details-marker{display:none}
.ct-more summary{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--ct-muted)}
.ct-more summary:hover{background:#e8f5fd;color:#117cbd}
.ct-more>div,.ct-repost-menu>div{position:absolute;right:0;top:29px;background:white;box-shadow:0 4px 18px #0f141926;border:1px solid var(--ct-line);border-radius:12px;z-index:6;min-width:190px;overflow:hidden}
.ct-more button,.ct-repost-menu button{border:0;background:white;padding:13px 16px;width:100%;text-align:left;font-size:14px;font-weight:650;white-space:nowrap;display:flex;gap:10px;align-items:center}
.ct-more button:hover,.ct-repost-menu button:hover{background:#f7f9f9}
.ct-attachment{display:block;border:1px solid #cfd9de;border-radius:16px;overflow:hidden;margin-top:12px;background:white}
.ct-attachment-visual{height:165px;overflow:hidden;background:#f7f9fc;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--ct-line)}
.ct-attachment-visual>.mechanism{width:100%;height:100%;margin:0!important;border:0!important;border-radius:0!important}
.ct-attachment-visual svg{width:100%;height:150px;max-width:460px;stroke-width:1}
.ct-attachment-info{padding:11px 14px;display:grid;gap:3px}
.ct-attachment-info small{font-size:10px;color:var(--ct-muted);letter-spacing:.02em}
.ct-attachment-info strong{font-size:15px;font-weight:650;line-height:1.4}
.ct-attachment-info>span{font-size:12px;color:var(--ct-muted);display:flex;gap:5px;align-items:center}
.ct-attachment-info>span svg{width:14px;height:14px;transform:rotate(180deg)}
.ct-symbols{display:flex;gap:10px;margin-top:9px}
.ct-symbols button{border:0;background:none;color:#117cbd;padding:0;font-size:13px}
.ct-actions{display:flex;align-items:center;justify-content:space-between;margin:7px -7px 0;max-width:480px;color:var(--ct-muted)}
.ct-actions>button,.ct-actions>a,.ct-repost-menu>summary{display:flex;align-items:center;gap:5px;padding:7px;border:0;background:none;color:inherit;font-size:12px;min-height:36px;border-radius:25px}
.ct-actions svg{width:19px;height:19px}
.ct-actions>button:hover,.ct-actions>a:hover{color:#117cbd;background:#e8f5fd}
.ct-actions .ct-like:hover,.ct-like[aria-pressed=true]{color:#d52071!important;background:#fce8f1!important}
.ct-like[aria-pressed=true] svg{fill:currentColor}
.ct-actions button[data-ct-save][aria-pressed=true]{color:#117cbd}
.ct-repost-menu{position:relative}
.ct-repost-menu>div{left:0;right:auto}
.ct-repost-menu summary:hover,.ct-repost-menu .is-active{color:#00875c;background:#e5f5ed}
.ct-aside{padding:6px 0 24px 28px}
.ct-aside #ct-search{position:sticky;top:87px;z-index:5;display:flex;align-items:center;gap:14px;padding:11px 16px;border-radius:28px;border:1px solid #eff3f4;background:#f5f8f9;margin:0 0 18px}
.ct-aside #ct-search svg{width:19px;height:19px;color:var(--ct-muted)}
.ct-aside #ct-search input{border:0;background:none;padding:0!important;box-shadow:none!important;min-width:0;width:100%;outline:none;font-size:14px;color:#0f1419}
.ct-aside #ct-search:focus-within{border-color:#1d9bf0;background:white}
.ct-aside :is(.ct-suggested,.ct-topics){border:1px solid var(--ct-line);border-radius:16px;overflow:hidden;margin-bottom:16px}
.ct-aside h2{font-size:20px;font-weight:750;letter-spacing:-.02em;margin:13px 16px}
.ct-suggested>div{display:flex;align-items:center;gap:9px;padding:12px 14px}
.ct-suggested>div>span{flex:1;min-width:0}
.ct-suggested .ct-identity{display:grid;gap:0;line-height:1.5;font-size:13px}
.ct-suggested .ct-identity>span{font-size:11px}
.ct-suggested small{font-size:11px;color:var(--ct-muted)}
.ct-suggested>div:hover,.ct-topics>button:hover{background:#f7f9f9}
.ct-follow{background:#0f1419;color:white;border:1px solid #0f1419;border-radius:24px;padding:5px 14px;font-size:12px!important;font-weight:750!important;min-height:32px;white-space:nowrap}
.ct-follow[aria-pressed=true]{background:white;color:#0f1419;border-color:#cfd9de}
.ct-topics>button{display:grid;gap:2px;text-align:left;padding:12px 16px;width:100%;background:none;border:0}
.ct-topics small,.ct-topics>button>span{font-size:12px;color:var(--ct-muted)}
.ct-topics strong{font-size:15px}
.ct-footnote{font-size:12px;line-height:1.6;color:var(--ct-muted);padding:0 14px}
.ct-empty{padding:36px 40px 60px;max-width:450px}
.ct-empty h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:0 0 14px;font-weight:750}
.ct-empty p,.ct-context{font-size:14px;color:var(--ct-muted);line-height:1.6}
.ct-context{padding:16px;margin:0;border-bottom:1px solid var(--ct-line)}
.ct-pagination{display:flex;justify-content:space-around}
.ct-pagination>button,.ct-more-posts{background:none;border:0;color:#117cbd;padding:20px;font-size:14px}
.ct-search-result{display:flex;gap:8px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--ct-line);flex-wrap:wrap;font-size:14px}
.ct-search-result button{margin-left:auto;border:0;background:none;color:#117cbd;font-size:12px}
.ct-profile-banner{height:180px;background:#cfdde8;background-size:cover;background-position:center}
.ct-profile{padding:0 16px 18px}
.ct-profile-top{display:flex;align-items:end;justify-content:space-between;margin-top:-53px;margin-bottom:13px;position:relative}
.ct-profile-top>.ct-avatar{width:122px;height:122px;border:4px solid white}
.ct-profile-top>.ct-avatar svg{width:55px;height:55px}
.ct-profile-top>.ct-follow,.ct-outline{margin-bottom:13px;border:1px solid #cfd9de;border-radius:24px;padding:8px 17px;font-size:14px;font-weight:700;background:white;color:#0f1419}
.ct-profile h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:0;font-weight:750}
.ct-handle{font-size:14px;color:var(--ct-muted);margin:3px 0 12px}
.ct-bio{white-space:pre-wrap;font-size:15px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}
.ct-profile-meta,.ct-followers{font-size:14px;color:var(--ct-muted);margin:8px 0 0}
.ct-followers strong{color:#0f1419}
.ct-reply-form{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px;border-bottom:1px solid var(--ct-line)}
.ct-reply-form textarea{width:100%;border:0!important;box-shadow:none!important;padding:8px 0!important;font-size:18px;resize:vertical;min-height:60px;background:white!important;color:#0f1419!important}
.ct-reply-form p:first-child{font-size:13px;color:var(--ct-muted);margin:0}
.ct-reply-form>div>div{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.ct-reply-form #ct-cancel-reply{border:0;background:none;color:#117cbd;font-size:12px}
.ct-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;margin:4px 0}
.ct-reply-context{font-size:12px;color:var(--ct-muted)}
.ct-comment-actions{display:flex;justify-content:space-between;margin-top:7px}
.ct-comment-actions button{display:flex;align-items:center;gap:7px;border:0;background:none;font-size:12px;color:var(--ct-muted);padding:7px 0}
.ct-comment-actions svg{width:17px;height:17px}
.ct-nested{padding-left:36px;border-left:2px solid #cfd9de}
.ct-quote{display:flex;border:1px solid #cfd9de;border-radius:14px;padding:14px;gap:10px;align-items:center;font-size:13px;margin-top:10px;color:var(--ct-muted)!important}
.ct-edit{padding:20px 16px;display:grid;gap:20px}
.ct-edit>label{display:grid;gap:7px;font-size:13px;color:var(--ct-muted)}
.ct-edit input,.ct-edit textarea{padding:12px!important;border:1px solid #cfd9de!important;border-radius:5px;background:white!important;color:#0f1419!important;width:100%;min-width:0}
.ct-edit>.ct-context{padding:0;border:0}
.ct-edit>.ct-primary{justify-self:end}
.ct-shell [hidden]{display:none!important}

@media(min-width:1600px){body:has(.ct-shell) #app{max-width:1295px!important}
.ct-shell{grid-template-columns:244px minmax(0,600px) minmax(240px,350px)}
}

@media(max-width:1150px){.ct-shell{grid-template-columns:76px minmax(0,600px) minmax(240px,310px)}
.ct-nav{padding-right:12px}
.ct-nav nav span,.ct-community-title span,.ct-my-profile>span:not(.ct-avatar),.ct-my-profile>svg{display:none}
.ct-community-title{font-size:0;padding:3px 12px 18px}
.ct-community-title:after{content:'API';font-size:17px;font-weight:800}
.ct-nav nav>a,.ct-nav nav>button{padding:12px}
.ct-nav>.ct-write{font-size:0;width:48px;height:48px;padding:0;margin-inline:0}
.ct-nav>.ct-write:after{content:'+';font-size:27px;font-weight:400}
.ct-my-profile{padding:6px 3px}
.ct-aside{padding-left:20px}
}

@media(max-width:990px){body:has(.ct-shell) #app{max-width:730px!important}
.ct-shell{grid-template-columns:76px minmax(0,600px)}
.ct-aside{display:none}
.ct-page-heading{top:80px}
}

@media(max-width:600px){body:has(.ct-shell) #app{padding:0!important;width:100%!important}
.ct-shell{display:flex;flex-direction:column;min-height:100vh}
.ct-nav{position:static;order:0;height:auto;display:block;padding:0;border-bottom:1px solid var(--ct-line)}
.ct-community-title,.ct-my-profile,.ct-nav>.ct-write{display:none}
.ct-nav nav{display:flex;justify-content:space-around;gap:0;padding:3px 4px}
.ct-nav nav>a,.ct-nav nav>button{padding:10px 12px;min-height:42px}
.ct-nav nav>a:last-child{display:none}
.ct-nav nav svg{width:22px;height:22px}
.ct-nav nav>button[aria-pressed=true]{background:#e8f5fd;color:#117cbd}
.ct-center{width:100%;border:0}
.ct-page-heading{position:static;height:52px}
.ct-page-heading h1{font-size:19px!important}
.ct-composer{padding:12px;gap:10px}
.ct-composer textarea{font-size:17px;min-height:54px!important}
.ct-compose-bottom{gap:6px}
.ct-compose-bottom>span{font-size:10px}
.ct-primary{padding:8px 13px;font-size:13px;min-height:35px}
.ct-post{padding:12px 12px 7px;grid-template-columns:36px minmax(0,1fr);gap:9px}
.ct-avatar{width:36px;height:36px;min-width:36px}
.ct-identity{font-size:13px;gap:4px}
.ct-identity>span{font-size:11px;max-width:95px}
.ct-time{font-size:11px;max-width:73px}
.ct-post-main>header{gap:3px}
.ct-more summary{width:24px;height:26px}
.ct-more svg{width:19px}
.ct-post-body{font-size:14px;line-height:1.55}
.ct-attachment-visual{height:140px}
.ct-attachment-visual svg{height:130px}
.ct-attachment-info{padding:10px 12px}
.ct-attachment-info strong{font-size:14px}
.ct-attachment-info>span{font-size:11px}
.ct-attachment-info small{font-size:9px}
.ct-actions{margin-top:4px}
.ct-actions svg{width:18px;height:18px}
.ct-profile-banner{height:130px}
.ct-profile-top{margin-top:-39px}
.ct-profile-top>.ct-avatar{width:96px;height:96px}
.ct-profile-top>.ct-avatar svg{width:44px;height:44px}
.ct-profile-top>.ct-follow,.ct-outline{font-size:12px;padding:7px 13px;margin-bottom:5px}
.ct-nested{padding-left:24px}
.ct-reply-form{padding:12px;gap:9px;grid-template-columns:36px minmax(0,1fr)}
.ct-reply-form textarea{font-size:16px}
.ct-empty{padding:30px 25px}
.ct-empty h2{font-size:26px}
}

@media(max-width:360px){.ct-identity>span{max-width:62px}
.ct-time{max-width:58px}
.ct-post-body{font-size:13px}
.ct-compose-bottom>span{display:none}
.ct-attachment-info>span{font-size:10px}
.ct-nav nav>a,.ct-nav nav>button{padding:10px}
}

@media(prefers-reduced-motion:reduce){.ct-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

.ct-reposted-by{grid-column:1/-1;display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ct-muted);margin:-3px 0 1px 24px}
.ct-reposted-by svg{width:15px;height:15px}
.ct-quote{align-items:start}
.ct-quote>span{min-width:0}
.ct-quote strong,.ct-quote small{display:inline;font-size:12px;margin-right:6px}
.ct-quote p{font-size:13px;line-height:1.5;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.ct-search-toggle{display:none;margin-left:auto;background:none;border:0;padding:7px;color:var(--ct-muted)}
.ct-mobile-search{display:flex;padding:12px 16px;gap:8px;border-bottom:1px solid var(--ct-line)}
.ct-mobile-search input{min-width:0;flex:1;border:1px solid #cfd9de;border-radius:24px;padding:8px 12px;background:white;color:#0f1419}
.ct-mobile-search button{background:none;border:0;color:#117cbd;font-size:13px}
.ct-market-filter{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--ct-line);overflow:auto}
.ct-market-filter button{padding:5px 10px;border:1px solid #cfd9de;border-radius:20px;background:white;font-size:12px;white-space:nowrap;color:var(--ct-muted)}
.ct-market-filter button[aria-pressed=true]{background:#e8f5fd;border-color:#e8f5fd;color:#116ca5}
.ct-notification{display:flex;gap:15px;padding:17px 20px;border-bottom:1px solid var(--ct-line)}
.ct-notification>svg{color:#1d9bf0;margin-top:6px}
.ct-notification p{font-size:14px;line-height:1.5;margin:9px 0 0}
.ct-notification span{display:block;color:var(--ct-muted);font-size:13px;margin-top:7px;white-space:pre-wrap}
.ct-notification:hover{background:#f7f9f9}

@media(max-width:990px){.ct-search-toggle{display:block}
}

@media(max-width:600px){.ct-nav nav>a[aria-label="Уведомления"]{display:none}
.ct-market-filter{padding:9px 12px;gap:5px}
.ct-market-filter button{padding:5px 9px;font-size:11px}
.ct-quote p{font-size:12px}
.ct-attachment-visual>.mechanism{height:100%;padding:4px 8px!important}
.ct-attachment-visual>.mechanism p,.ct-attachment-visual>.mechanism figcaption{display:none}
}

body[data-route="ready-ranking"] .arena-layout{grid-template-columns:minmax(0,1fr) 300px}
.ct-ranking-back{display:inline-block;margin:0 0 20px;color:#117cbd;font-size:14px;text-decoration:none}

@media(max-width:1050px){body[data-route="ready-ranking"] .arena-layout{grid-template-columns:minmax(0,1fr)}
}

.ct-post-image{display:block;border:1px solid #cfd9de;border-radius:16px;overflow:hidden;margin-top:12px;background:#f7f9f9}
.ct-post-image img{display:block;width:100%;max-height:420px;object-fit:contain}
.ct-add-image{cursor:pointer;color:#117cbd;display:grid;place-items:center;width:28px;height:32px;flex-shrink:0}
.ct-add-image svg{width:19px;height:19px}
.ct-add-image input{position:absolute;width:1px;height:1px;opacity:0}
.ct-add-image:focus-within{outline:2px solid #1d9bf0;outline-offset:2px;border-radius:8px}
#ct-media-preview{padding:8px 0;display:grid;gap:8px}
#ct-media-preview img{width:100%;max-height:250px;object-fit:contain;border-radius:12px}
#ct-media-preview input{width:100%;border:1px solid #cfd9de;border-radius:6px;padding:8px;font-size:12px;background:white;color:#0f1419}
#ct-media-preview button{border:0;background:none;color:#b42338;font-size:12px;justify-self:start;padding:5px 0}

@media(max-width:600px){.ct-symbol-input input{width:70px}
.ct-compose-bottom>span{display:none}
}

.ct-mobile-menu{display:none;position:relative}
.ct-mobile-menu>summary{list-style:none;display:grid;place-items:center;padding:10px;cursor:pointer;min-height:42px}
.ct-mobile-menu>summary::-webkit-details-marker{display:none}
.ct-mobile-menu>div{position:absolute;right:0;top:43px;background:white;box-shadow:0 4px 18px #0f141926;border:1px solid var(--ct-line);border-radius:12px;z-index:8;min-width:230px;padding:6px}
.ct-mobile-menu a{display:flex;gap:12px;align-items:center;padding:12px;font-size:14px;border-radius:8px}
.ct-mobile-menu a:hover{background:#f7f9f9}

@media(max-width:600px){.ct-nav nav>.ct-mobile-menu{display:block}
.ct-nav nav>a,.ct-nav nav>button{padding:10px 8px}
.ct-mobile-menu>div span{display:inline}
}

/* Strategy-first discovery: trading rules are the object of every attachment. */
.ct-shell{--ct-blue:#245bea;--ct-ink:#182b49;--ct-trade-line:#dfe6f1;--ct-surface:#f3f6fc}
.ct-shell ::selection{background:#cddcff;color:#182b49}
.ct-shell :is(input,textarea){caret-color:var(--ct-blue)}
.ct-shell :is(a,button,input,textarea,summary):focus-visible{outline-color:var(--ct-blue)}
.ct-primary{background:var(--ct-blue);border-color:var(--ct-blue)}
.ct-primary:hover{background:#1748ce}
.ct-nav nav>button[aria-pressed=true]{color:var(--ct-blue)}
.ct-discovery{padding:26px 24px 22px;background:var(--ct-blue);color:#fff}
.ct-discovery h2{font-size:34px;line-height:1.1;letter-spacing:-.035em;font-weight:750;margin:0;max-width:440px}
.ct-discovery>p{font-size:14px;line-height:1.55;color:#e9efff;margin:14px 0 20px;max-width:360px}
.ct-discovery-bottom{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ct-discovery-bottom button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;color:#204fc9;border:0;border-radius:8px;padding:11px 14px;font-size:13px;font-weight:700;min-height:42px}
.ct-discovery-bottom button:hover{background:#e9efff}
.ct-discovery-bottom button svg,.ct-strategy-title>svg,.ct-copy-guide>a svg{transform:rotate(180deg);width:18px;height:18px}
.ct-discovery-bottom>span{font-size:11px;color:#e9efff}
.ct-strategy{margin-top:14px;background:var(--ct-surface);border:1px solid var(--ct-trade-line);border-radius:12px;overflow:hidden;color:var(--ct-ink)}
.ct-strategy>header{padding:13px 14px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}
.ct-strategy-assets{display:flex;gap:5px;min-width:0;overflow:hidden}
.ct-strategy-assets button{padding:3px 7px;border:1px solid #d3dded;border-radius:5px;background:#fff;color:#224cb4;font-size:11px;font-weight:750;white-space:nowrap;min-height:27px}
.ct-strategy-assets button:hover{background:#e5edff;border-color:#b6c9f4}
.ct-model-label{font-size:10px;color:#536471;white-space:nowrap}
.ct-strategy-title{display:flex;align-items:start;justify-content:space-between;gap:12px;font-size:18px;font-weight:750;line-height:1.35;padding:12px 14px 0;letter-spacing:-.02em}
.ct-strategy-title:hover{color:var(--ct-blue)}
.ct-strategy-title>svg{margin-top:3px;flex-shrink:0}
.ct-strategy-engine{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:18px;padding:16px 14px}
.ct-strategy-diagram{border:1px solid var(--ct-trade-line);border-radius:7px;background:#fff;min-width:0;aspect-ratio:1.6;display:grid;align-items:center}
.ct-strategy-diagram svg{width:100%;height:auto;stroke-width:1;display:block}
.ct-strategy-diagram .diagram-label{font:17px Onest,Arial,sans-serif;fill:#536471}
.ct-strategy-diagram .diagram-price{stroke:#245bea;stroke-width:3;fill:none}
.ct-strategy-diagram .diagram-level,.ct-strategy-diagram .diagram-grid{stroke:#d2ddec;stroke-width:1}
.ct-strategy-diagram .diagram-volume{fill:#b8cafa}
.ct-strategy-diagram .diagram-target,.ct-strategy-diagram .diagram-action{stroke:#138265;stroke-width:2}
.ct-strategy-diagram .diagram-stop{stroke:#c13b50;stroke-width:2}
.ct-strategy-diagram .diagram-buy{fill:#138265}
.ct-strategy-diagram .diagram-sell{fill:#c13b50}
.ct-strategy-diagram .diagram-node{fill:#f0f4fc;stroke:#c8d5eb}
.ct-strategy-diagram .diagram-payoff{stroke:#245bea;stroke-width:3;fill:none}
.ct-strategy-diagram .diagram-average{stroke:#8392ab;stroke-width:2;fill:none}
.ct-strategy-logic{min-width:0}
.ct-strategy-logic>strong{display:block;font-size:12px;font-weight:650;line-height:1.45}
.ct-strategy-logic dl{display:grid;gap:5px;margin:10px 0 0;font-variant-numeric:tabular-nums}
.ct-strategy-logic dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px}
.ct-strategy-logic dt{color:#536471}
.ct-strategy-logic dd{margin:0;font-weight:750;text-align:right}
.ct-strategy-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid var(--ct-trade-line);background:#fff}
.ct-strategy-history{display:flex;gap:6px;align-items:center;font-size:11px;color:#536471!important}
.ct-strategy-history svg{width:17px;height:17px}
.ct-strategy-history:hover{color:var(--ct-blue)!important}
.ct-shell .ct-copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--ct-blue);padding:10px 12px;border-radius:7px;font-size:12px;font-weight:700;min-height:40px;text-align:center}
.ct-shell .ct-copy:hover{background:#1748ce}
.ct-copy svg{width:17px;height:17px}
.ct-strategy-note{display:flex;justify-content:space-between;gap:12px;padding:8px 14px;color:#536471;font-size:10px;border-top:1px solid var(--ct-trade-line)}
.ct-strategy-note>span:first-child{font-variant-numeric:tabular-nums;font-weight:650;color:#40516b}
.ct-copy-guide{border-bottom:1px solid var(--ct-trade-line);padding:8px 0 22px;margin-bottom:20px}
.ct-copy-guide h2{font-size:20px;line-height:1.3;letter-spacing:-.025em;font-weight:750;margin:0 0 22px}
.ct-copy-guide ol{padding:0;margin:0 0 20px;list-style:none;display:grid;gap:20px}
.ct-copy-guide li{display:flex;gap:14px;align-items:center;position:relative}
.ct-copy-guide li>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ct-trade-line);border-radius:9px;color:var(--ct-blue);background:#fff;flex-shrink:0}
.ct-copy-guide li:not(:last-child):after{content:'';position:absolute;height:16px;width:1px;left:18px;top:40px;background:var(--ct-trade-line)}
.ct-copy-guide li svg{width:18px;height:18px}
.ct-copy-guide li strong{font-size:13px;font-weight:700}
.ct-copy-guide li p{margin:2px 0 0;font-size:11px;color:#536471}
.ct-copy-guide>a{font-size:13px;font-weight:700;color:var(--ct-blue);display:flex;gap:10px;align-items:center}
.ct-copy-guide-note{font-size:11px;line-height:1.6;color:#536471;margin:12px 0 0;max-width:255px}
.ct-empty>.ct-copy{margin:16px 0 0;display:flex;width:fit-content}
.ct-empty>.ct-outline{margin-top:12px}
.ct-tabs>button{font-size:14px}
@media(max-width:600px){
 .ct-discovery{padding:23px 20px 20px}
 .ct-discovery h2{font-size:30px}
 .ct-discovery>p{font-size:13px;max-width:300px;margin:12px 0 17px}
 .ct-discovery-bottom{gap:11px}
 .ct-discovery-bottom button{font-size:12px;gap:12px;padding:10px 12px}
 .ct-discovery-bottom>span{font-size:10px}
 .ct-strategy{margin-top:12px;margin-left:-45px}
 .ct-strategy>header{padding:12px 12px 0}
 .ct-strategy-title{padding:10px 12px 0;font-size:17px}
 .ct-strategy-engine{padding:14px 12px;gap:12px}
 .ct-strategy-logic>strong{font-size:11px}
 .ct-strategy-logic dl>div{font-size:10px;gap:5px}
 .ct-strategy-bottom{padding:10px 12px;gap:8px}
 .ct-shell .ct-copy{font-size:11px;padding:9px 10px;gap:5px}
 .ct-strategy-history{font-size:10px;gap:4px}
 .ct-strategy-note{padding:8px 12px;font-size:9px}
 .ct-model-label{font-size:9px}
 .ct-tabs>button{font-size:12px;min-height:48px}
}
@media(max-width:360px){
 .ct-discovery-bottom{gap:10px}
 .ct-discovery-bottom>span{font-size:9px}
 .ct-strategy-engine{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:9px}
 .ct-strategy-logic dl>div{font-size:9px}
 .ct-strategy-bottom .ct-copy svg{display:none}
 .ct-shell .ct-copy{font-size:10px}
 .ct-strategy-assets button{font-size:10px;padding:3px 5px}
}
/* Keep the first actionable strategy within the opening viewport. */
.ct-discovery{padding:20px 24px}
.ct-discovery h2{font-size:30px}
.ct-discovery>p{margin:10px 0 14px;font-size:13px}
.ct-strategy{display:flex;flex-direction:column}
.ct-strategy>header{order:0}
.ct-strategy-title{order:1;padding-bottom:12px}
.ct-strategy-bottom{order:2}
.ct-strategy-engine{order:3}
.ct-strategy-note{order:4}
.ct-strategy-type{font-size:11px;font-weight:650;color:#40516b}
@media(max-width:600px){
 .ct-discovery{padding:18px 20px}
 .ct-discovery h2{font-size:28px}
 .ct-discovery>p{font-size:12px;margin:10px 0 13px}
 .ct-discovery-bottom button{padding:9px 10px;min-height:38px}
 .ct-strategy-title{padding-bottom:10px}
 .ct-strategy-type{font-size:10px}
 .ct-discovery-bottom{gap:10px}
}
/* Readable strategy passports on phones: keep parameters at body-label scale. */
@media(max-width:600px){
 .ct-strategy>header{flex-wrap:wrap}
 .ct-strategy-engine{grid-template-columns:minmax(0,1fr);gap:14px}
 .ct-strategy-diagram{aspect-ratio:auto}
 .ct-strategy-diagram .diagram-label{font-size:20px}
 .ct-strategy-logic>strong{font-size:13px}
 .ct-strategy-logic dl>div,.ct-model-label,.ct-strategy-type,.ct-strategy-note{font-size:12px}
 .ct-strategy-note{flex-wrap:wrap;gap:4px 12px;line-height:1.5}
 .ct-strategy-history{font-size:12px}
 .ct-shell .ct-copy{font-size:12px}
 .ct-strategy-bottom{flex-wrap:wrap}
 .ct-strategy-assets button{font-size:12px}
}

/* Market preparation inherits the white/blue strategy feed. */
.ready-market-label{color:#4d5d74;font-size:13px;margin:16px 0 8px}
.ready-preparation{padding:28px 24px;background:#fff;border-bottom:1px solid var(--ct-line);color:#0f1419}
.ready-preparation h2{font-size:28px;line-height:1.2;margin:20px 0 12px;letter-spacing:-.025em}
.ready-preparation p{line-height:1.6;max-width:70ch}
.ready-preparation-status{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ct-muted)}
.ready-preparation-status span{color:#1747c6;font-weight:650}
.ready-pair{display:flex;align-items:center;gap:20px;padding:24px 0;margin-top:12px;border-block:1px solid var(--ct-line)}
.ready-pair div{flex:1}.ready-pair strong,.ready-pair span{display:block}.ready-pair div span{font-size:13px;margin-top:8px;color:var(--ct-muted)}
.ready-pair-note{font-size:13px;color:var(--ct-muted)}
.ready-preparation-rules{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0}.ready-preparation-rules dt{font-size:12px;color:var(--ct-muted)}.ready-preparation-rules dd{margin:6px 0 0;font-weight:650;font-size:14px}
.ready-preparation details{border-block:1px solid var(--ct-line);padding:18px 0}.ready-preparation summary{cursor:pointer;color:#1747c6;font-weight:650}.ready-preparation li{margin:12px 0;line-height:1.5}.ready-preparation details p{font-size:13px}.ready-preparation-next{background:#edf3ff;padding:18px;color:#1747c6;font-size:14px}.ready-preparation-next strong{display:block;margin-bottom:6px}
@media(max-width:600px){.ready-preparation{padding:24px 16px}.ready-preparation h2{font-size:25px}.ready-pair{gap:12px}.ready-pair strong{font-size:14px}.ready-preparation-rules{gap:16px}}
.ready-instrument-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ct-muted);font-size:13px;margin:14px 0}.ready-instrument-filter select{font:inherit;color:#0f1419;background:#fff;border:1px solid #cbdafa;border-radius:8px;padding:9px 12px;max-width:65%}
.ct-main>.ready-instrument-filter{padding-inline:24px}.ct-main>.ready-preparation{margin:0}

/* Market context stays next to the selection across feed states. */
.ct-market-description{margin:0;padding:10px 16px;color:var(--ct-muted);font-size:13px;line-height:1.6;border-bottom:1px solid var(--ct-line)}
.ready-instrument-filter[hidden]{display:none}
@media(max-width:760px){.ct-market-description{padding:9px 12px;font-size:12px}}