/* CKFun identity: orange action, green positive, purple brand. */
:root{--ink:#292035;--muted:#776f80;--green:#27883a;--lime:#e7f6df;--orange:#ee5826;--purple:#742781;--line:#ece7ef;--bg:#f8f7fb;--sidebar:#fff;--brand-orange:#ee5826;--brand-green:#32a842;--brand-purple:#742781}
body{font-size:14px;background:radial-gradient(ellipse at 92% 0,#f2eaf8 0,transparent 32%),var(--bg);color:var(--ink)}
body::before{content:"";position:fixed;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ff6326 0%,#ff912f 23%,#83c72d 48%,#27a343 68%,#b00c94 85%,#612178 100%);z-index:15}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--purple)}
.sidebar{background:#fff;border-right:1px solid #ece7f0;padding:26px 19px 23px;color:#574c62;box-shadow:4px 0 30px #4c1c6a03;overflow-y:auto}
.sidebar>*{flex-shrink:0}
.brand{display:flex;align-items:center;gap:10px;margin:0 0 35px;font-size:0;letter-spacing:0;line-height:1.3}
.brand-logo{width:74px;height:74px;object-fit:contain;flex-shrink:0;display:block}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-copy strong{font-size:26px;color:var(--brand-orange);letter-spacing:-1.1px;font-weight:800}
.brand-copy small{font-size:8px;color:#9984a4;letter-spacing:1.4px;margin:5px 0 0;line-height:1.8}
.workspace-label{font-size:9px;letter-spacing:1.4px;color:#806b8a;margin:0 12px 17px}
.sidebar nav{gap:8px}
.sidebar nav button{position:relative;color:#86768f;padding:13px 12px;font-size:11px;border-radius:10px;gap:10px;font-weight:500;transition:background .15s,color .15s}
.sidebar nav button>span{color:#806b8a;font-size:22px}
.sidebar nav button.active{color:#ca4e22;background:#fff0e8;font-weight:600}
.sidebar nav button.active::before{content:"";position:absolute;left:-19px;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--brand-orange)}
.sidebar nav button.active>span{color:var(--brand-orange)}
.sidebar nav button:hover{background:#f7f1fa;color:var(--purple)}
.sidebar nav button b{color:#7a5186;background:#f0e7f5}
.sidebar-note{border:1px solid #e7dbef;border-radius:13px;background:linear-gradient(140deg,#fcf7ff,#f5effa);padding:19px 16px;margin:35px 4px 22px;margin-top:auto;font-size:8px;color:#9766a6;letter-spacing:1.2px;position:relative;overflow:hidden}
.sidebar-note::after{content:"↗";position:absolute;right:13px;bottom:18px;font-size:49px;color:#e6d5ef;line-height:1}
.sidebar-note .mini-dot{background:#a91b99}
.sidebar-note p{font-size:12px;color:#71477e;line-height:1.9;margin:11px 0;letter-spacing:0;position:relative;z-index:1}
.sidebar-note small{color:#806b8a;font-size:8px;letter-spacing:.2px}
.avatar{color:#675a70;border-top:1px solid #eee7f2;font-size:10px;padding-top:18px}
.avatar>span{background:#ffede3;color:#e85926}
.avatar small{color:#806b8a;font-size:8px}
.topbar{background:#ffffffdc;backdrop-filter:blur(12px);color:#806b8a;border-color:#eee7f2;height:76px;font-size:11px}
.topbar>div{gap:13px}
.mobile-brand{display:none}
.pill.demo{background:#fbf5ff;border-color:#e8d9f1;color:#895098;font-size:8px;border-radius:20px;padding:6px 11px}
.icon-button{color:#9f89ac}
.content{padding-top:29px}
.page-heading{position:relative;isolation:isolate;overflow:hidden;padding:29px 30px;border:1px solid #ece3f2;border-radius:16px;margin-bottom:20px;background:linear-gradient(115deg,#fff 0%,#fff 42%,#fbf5ff 73%,#f6effa 100%);box-shadow:0 5px 20px #58247c03;min-height:151px}
.page-heading::after{content:"";position:absolute;width:175px;height:175px;right:29%;top:-107px;border:24px solid #eddef42e;border-radius:38px;transform:rotate(42deg);z-index:-1}
.page-heading::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#ee5b29,#f18b2a 40%,#9b33a3 100%)}
.eyebrow{color:#a26baf;font-size:9px;letter-spacing:1.6px;font-weight:600}
h1{font-size:27px;font-weight:700;color:#35213d;line-height:1.45;letter-spacing:-.9px}
h2{font-size:17px;color:#3c2b46;font-weight:600}
.page-heading p{font-size:11px;color:#806b8a;margin-top:10px}
.primary{background:linear-gradient(110deg,#f26a2d,#ec5025);box-shadow:0 5px 13px #ee582622;border:1px solid #f46e3d;border-radius:9px;padding:12px 17px;font-size:11px;transition:transform .15s,box-shadow .15s}
.primary:hover{background:linear-gradient(110deg,#ee5b24,#d9471d);box-shadow:0 7px 17px #ee58262f;transform:translateY(-1px)}
.primary span{font-size:17px}
.secondary{border-color:#e7dced;color:#7a5588;background:#fff;border-radius:8px}
.secondary:hover{background:#f8f1fc}
.notice{background:#fffaf5;border-color:#f2e4d8;color:#806b8a;border-radius:10px;padding:11px 16px;font-size:10px;line-height:1.8}
.notice>span{color:#e38345}
.notice strong{color:#9a6e4d}
.market-grid{gap:16px;margin-bottom:23px}
.market-card{position:relative;border-radius:13px;border-color:#eee8f2;box-shadow:0 4px 17px #4c1e6d03;padding:19px 20px;min-height:155px}
.market-card::before{content:"";height:3px;position:absolute;inset:0 20px auto;background:#e9d7f1;border-radius:0 0 6px 6px}
.market-card:nth-child(1)::before{background:linear-gradient(90deg,#f7702e,#ffa452)}
.market-card:nth-child(2)::before{background:linear-gradient(90deg,#7cca32,#26a342)}
.market-card:nth-child(3)::before{background:linear-gradient(90deg,#d219a0,#722382)}
.market-card:nth-child(4)::before{background:linear-gradient(90deg,#f2ac49,#f8cd77)}
.market-card>div:first-child{color:#867392;font-size:9px;letter-spacing:.7px}
.market-card>div:first-child span{color:#806b8a;font-size:8px}
.market-card strong{color:#372741;font-weight:600;letter-spacing:-1px;font-size:28px;margin-top:14px}
.market-card strong .up{font-size:10px}
.market-card strong.state-text{font-size:18px;margin-top:20px;color:#784089}
.market-card p{font-size:10px;color:#806b8a}
.market-card svg path{stroke:#ee713f;stroke-width:2}
.breadth i{background:#53b153}.breadth i:nth-child(2){background:#e7d9ec}.breadth i:nth-child(3){background:#e8837c}
.progress{background:#f0eaf4;height:5px}
.progress i{background:linear-gradient(90deg,#74c936,#2ba13d)}
.market-card:nth-child(3) .progress i{background:linear-gradient(90deg,#d42ba3,#792883)}
.panel{border-color:#eee7f3;border-radius:14px;box-shadow:0 4px 18px #4f246703;padding:24px}
.panel-heading{margin-bottom:19px}
.panel-heading .eyebrow{font-size:8px}
.panel-heading p{font-size:11px}
.panel-heading .subtle{font-size:10px}
.chart-legend{font-size:10px}.chart-legend strong{color:#70457f}.chart-legend span{font-size:9px;color:#806b8a}
.chart{height:223px}
.scenario-grid{border-color:#eee5f3;padding-top:17px}
.scenario-grid strong{font-size:10px;color:#755880}
.scenario-grid p{font-size:10px;color:#806b8a;line-height:1.9}
.mini-dot.green{background:#31a548}.mini-dot.orange{background:#ef6730}
.sector-item{padding:12px 0;border-color:#f3edf6}
.sector-item>div{font-size:11px;color:#796186}
.sector-item>div b{font-size:11px;color:#642777}
.sector-item small{font-size:9px;color:#806b8a}
.sector-item:hover>div{color:#e05b2b}
.sector-item .progress{height:5px;margin-top:9px}
.sector-item:nth-child(2) .progress i{background:linear-gradient(90deg,#ffa84d,#ef6830)}
.sector-item:nth-child(3) .progress i{background:linear-gradient(90deg,#d153b0,#812e91)}
.sector-item:nth-child(4) .progress i{background:linear-gradient(90deg,#98cd58,#4aa644)}
.sector-item:nth-child(5) .progress i{background:linear-gradient(90deg,#c28ed2,#9f5db1)}
.quiet-note{font-size:10px;color:#806b8a;line-height:1.9}
.text-button{color:#e45b29;font-size:10px}
table{font-size:11px}
th{color:#806b8a;background:#fbf7fd;border-color:#f0e6f5;font-size:9px;padding:13px 11px}
td{padding:15px 11px;border-color:#f4edf7}
.symbol-btn{font-size:12px;color:#4a3158}.symbol-btn small{font-size:9px;color:#806b8a;margin-top:4px}
.symbol-avatar{background:#f3eaf8;color:#8d539f;border-radius:9px;width:31px;height:31px;font-size:10px;margin-right:10px}
.symbol-btn:hover{color:var(--brand-orange)}
.star{color:#c5b1cf}.star.saved{color:#ef6d2a}
.rs{color:#338c3c}
.up{color:#278f3d}.down{color:#d34d58}
.muted,.subtle{color:#806b8a}
.pill{border-radius:6px;font-size:9px;padding:5px 9px}
.pill.green{background:#edf8e7;color:#397a2c}
.pill.amber{background:#fff2e6;color:#b66b2b}
.pill.neutral{background:#f4edf8;color:#9a75aa}
.journey{padding:25px 10px;color:#b389c2;font-size:9px}
.journey b{color:#9980a5;font-size:9px}
.filters{background:#fcf9fd;border:1px solid #f0e6f5;border-radius:11px;padding:18px}
label{color:#9679a4;font-size:10px}
input,select{border-color:#e9deef;border-radius:7px;color:#644671;font-size:11px;padding:10px 11px}
input:focus,select:focus{border-color:#bd87cf}
.table-meta{color:#806b8a;font-size:10px}
.empty{color:#806b8a;font-size:12px}
.futures-grid p{font-size:12px}.plan-stages>div{border-color:#eee5f3}.plan-stages b{color:#c495d1}.plan-stages span{font-size:12px;color:#856192}.plan-stages small{font-size:10px;color:#806b8a}
.source-row{border-color:#efe5f5}.source-row b{font-size:12px;color:#7e5a8d}.source-row small{font-size:10px;color:#806b8a}
.journal-panel>p{font-size:11px}.journal-entry{border-color:#efe5f5}.journal-entry small{color:#806b8a}
footer{border-color:#eae0f0;color:#ef5e28;padding-top:22px}
footer span,footer small{color:#806b8a;font-size:9px}
dialog{border-color:#e9daf1;color:#4a2d59;box-shadow:-15px 0 80px #45106220}
dialog::backdrop{background:#30133f66;backdrop-filter:blur(3px)}
.drawer-header h2{color:#e75b25}.drawer-header h2 small{color:#806b8a}
.stock-stats>div{background:#faf5fd;color:#806b8a}.stock-stats b{color:#713e83}
.drawer-tabs{border-color:#ecdef3}.drawer-tabs button{color:#806b8a;font-size:11px}
.drawer-tabs button.active{color:#e2612a;border-color:#ef692d}
.evidence-block{background:#f7fbf2;border-color:#e4efd9}.evidence-block.warning{background:#fff8f1;border-color:#f7e4d4}
.evidence-block h3{color:#6c5479;font-size:12px}.evidence-block p{color:#806b8a;font-size:11px}
.risk-result{background:#f3faeb;border-color:#d9eccb}.risk-result>strong{color:#348737}.risk-result p{font-size:11px}
.risk-grid label{font-size:10px}.drawer-disclaimer{color:#806b8a;font-size:10px}.source-list{color:#806b8a}
#toast{background:#722a84;color:#fff;box-shadow:0 5px 25px #70267b22}
@media(min-width:1550px){h1{font-size:32px}.content{padding-top:34px}.page-heading{padding:33px 35px}.market-card strong{font-size:31px}.chart{height:253px}}
@media(max-width:1150px){.sidebar{padding:25px 14px}.brand-logo{width:59px;height:59px}.brand{gap:5px}.brand-copy strong{font-size:24px}.brand-copy small{font-size:6px;letter-spacing:1px}.sidebar nav button{font-size:10px;padding:12px 10px}.sidebar nav button.active::before{left:-14px}.page-heading{padding:25px 23px}h1{font-size:23px}.page-heading p{font-size:10px}.market-card{padding:18px 14px}.market-card strong{font-size:24px}.market-card strong.state-text{font-size:17px}.panel{padding:20px}}
@media(max-width:820px){.sidebar{padding:22px 10px}.brand{margin:0 auto 30px;justify-content:center}.brand-logo{width:46px;height:46px}.brand-copy{display:none}.sidebar nav button{font-size:0;padding:13px}.sidebar nav button.active::before{left:-10px}.sidebar nav button>span{font-size:23px}.sidebar-note,.avatar{display:none}.page-heading{min-height:0;padding:24px 22px}.page-heading::after{right:12%}.market-card strong{font-size:27px}h1{font-size:24px}.panel{padding:21px}.chart{height:240px}}
@media(max-width:520px){.sidebar{background:#fff;height:74px;padding:5px 5px 7px;border-top:1px solid #e8dced;box-shadow:0 -6px 20px #6b277908}.sidebar nav{gap:1px}.sidebar nav button{width:20%;min-width:0;font-size:8px;padding:8px 3px;display:flex;flex-direction:column;gap:5px;line-height:1.25;text-align:center;min-height:59px;justify-content:flex-start;border-radius:9px;color:#9a7dab}.sidebar nav button.active::before{inset:auto 12px -7px;height:3px;width:auto;border-radius:3px 3px 0 0}.sidebar nav button>span{font-size:20px;width:auto}.sidebar nav button b{display:none}main{margin-bottom:74px}.topbar{height:64px;padding:0 16px}.topbar>#breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:5px;font-weight:800;font-size:17px;color:#ed622a;letter-spacing:-.6px;text-decoration:none}.mobile-brand img{width:35px;height:35px;object-fit:contain}.pill.demo{font-size:6px;padding:5px 7px;letter-spacing:0}.topbar>div{gap:3px}.content{padding:19px 14px}.page-heading{padding:23px 20px;gap:17px;border-radius:13px}.page-heading::after{width:140px;height:140px;right:-25px;top:-85px;border-width:20px}.page-heading h1{font-size:26px;line-height:1.4;letter-spacing:-.8px;max-width:280px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:11px;line-height:1.8;max-width:275px}.primary{font-size:10px;padding:10px 15px}.notice{font-size:9px;padding:11px 12px;gap:8px}.notice>span{font-size:15px}.market-grid{gap:11px;margin-bottom:17px}.market-card{padding:17px 13px;border-radius:11px;min-height:148px}.market-card strong{font-size:26px}.market-card strong small{font-size:10px}.market-card strong.state-text{font-size:16px;margin-top:20px}.market-card>div:first-child{font-size:8px;letter-spacing:.2px}.market-card>div:first-child span{font-size:7px}.market-card p{font-size:9px}.market-card::before{left:13px;right:13px}.overview-grid{gap:17px;margin-bottom:17px}.panel{padding:18px;border-radius:12px}.panel-heading h2{font-size:16px}.panel-heading{gap:10px}.panel-heading .eyebrow{font-size:7px;letter-spacing:1px}.panel-heading .text-button{font-size:9px}.chart{height:185px}.chart-legend{gap:8px}.chart-legend strong{font-size:9px}.chart-legend span{font-size:8px}.scenario-grid strong{font-size:11px}.scenario-grid p{font-size:10px}.sector-item>div,.sector-item>div b{font-size:12px}.sector-item small{font-size:10px}.quiet-note{font-size:10px}.journey{flex-wrap:wrap;gap:9px;font-size:8px;padding:22px 2px}.journey b{font-size:8px}.filters{padding:12px}.filters label{font-size:10px}.filters input,.filters select{font-size:11px}.source-row b{font-size:11px}.source-row small{font-size:9px}.drawer-tabs button{font-size:10px;padding:10px}.stock-stats>div{font-size:8px}.stock-stats b{font-size:18px}.evidence-block p{font-size:11px}.risk-grid{gap:12px}.risk-result p{font-size:10px}.drawer-disclaimer{font-size:9px}footer{gap:10px}footer small{font-size:8px}#toast{bottom:87px}}
