/* OKAPISCAN v3 — all styles scoped to the homepage. */
body.space-home{background:#030916!important;color:#eff5ff;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,'Noto Sans KR',sans-serif}
body.space-home *{box-sizing:border-box}
body.space-home a{text-decoration:none;color:inherit}
body.space-home .wrap{width:min(1320px,calc(100% - 64px));max-width:1320px;margin-inline:auto}
body.space-home .topbar{position:relative;z-index:20;background:rgba(3,9,23,.97);border-bottom:1px solid rgba(133,169,229,.12)}
body.space-home .nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
body.space-home .brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:850;white-space:nowrap}
body.space-home .brand img{width:35px;height:35px}
body.space-home .menu{display:flex;align-items:center;gap:28px}
body.space-home .menu a{font-size:13px;color:#c3d1e7;white-space:nowrap;transition:color .2s}
body.space-home .menu a:hover,body.space-home .menu a.active{color:#d8c4ff}
body.space-home .actions{display:flex;align-items:center;gap:12px}
body.space-home .actions .lang{font-size:12px;color:#91a5c3}
body.space-home .actions .btn{background:linear-gradient(110deg,#795bf0,#a367f7);border-radius:11px;padding:11px 18px;font-size:13px;font-weight:750}
body.space-home .mobile-menu-toggle{display:none;border:1px solid #395071;border-radius:9px;padding:8px 12px;background:#09172d;color:white}
body.space-home .mobile-navigation:not([hidden]){display:flex;flex-direction:column;gap:14px;padding-block:18px}
body.space-home .mobile-navigation[hidden]{display:none!important}
body.space-home .space-hero{min-height:340px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 65% 0%,rgba(23,60,130,.23),transparent 66%);overflow:hidden}
body.space-home .space-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('/assets/okapi-earth-clean.webp') center 41% / cover no-repeat}
body.space-home .space-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#030916 0%,rgba(3,9,22,.90) 20%,rgba(3,9,22,.37) 60%,rgba(3,9,22,.08) 100%),linear-gradient(0deg,#030916 0%,transparent 50%)}
body.space-home .hero-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-top:65px}
body.space-home .eyebrow{font-size:11px;letter-spacing:.29em;font-weight:750;color:#7ed7fb}
body.space-home .space-hero h1{font-size:clamp(55px,7vw,96px);font-weight:900;letter-spacing:-.075em;line-height:1.03;margin:21px 0 14px;color:#f4f7ff;text-shadow:0 6px 32px #031026}
body.space-home .hero-sub{font-size:15px;color:#bbcee8;margin:0 0 24px}
body.space-home .hero-links{display:flex;gap:10px;flex-wrap:wrap}
body.space-home .hero-links a{display:flex;align-items:center;gap:20px;padding:12px 17px;border-radius:11px;font-size:13px;font-weight:700}
body.space-home .hero-primary{background:linear-gradient(120deg,#7453e8,#a05af4);box-shadow:0 10px 28px #6449da44}
body.space-home .hero-secondary{background:rgba(9,26,52,.75);border:1px solid #45608788}
body.space-home .hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding-top:22px}
body.space-home .mini-search{display:flex;width:300px;min-height:44px;padding:4px;border:1px solid #4d6485;border-radius:12px;background:rgba(4,13,32,.86)}
body.space-home .mini-search input{flex:1;min-width:0;background:none;border:0;color:#e9f1ff;padding:0 12px;font-size:12px;outline:0}
body.space-home .mini-search button{border:0;border-radius:9px;background:#8a5cef;color:white;padding:0 15px;font-weight:750}
body.space-home .live-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#c2d4e9}
body.space-home .live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25e1b6;box-shadow:0 0 13px #25e1b6}
body.space-home .home-content{position:relative;z-index:1;margin-top:-19px}
body.space-home .feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.space-home .feature{display:flex;flex-direction:column;position:relative;min-width:0;min-height:280px;padding:20px;border-radius:19px;overflow:hidden;border:1px solid rgba(116,158,222,.27);background:linear-gradient(140deg,rgba(18,39,77,.82),rgba(5,17,37,.91) 70%);box-shadow:0 18px 45px rgba(0,0,0,.2),inset 0 1px 0 #ffffff0a;backdrop-filter:blur(18px);transition:transform .2s,border-color .2s}
body.space-home .feature:hover{transform:translateY(-3px);border-color:#7d85d3}
body.space-home .feature:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#90d6ff55,transparent)}
body.space-home .feature-heading{display:flex;align-items:center;gap:11px;position:relative;z-index:1}
body.space-home .feature-symbol{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:#7c6df329;color:#aa9aff}
body.space-home .feature-symbol.pink{color:#ff75b4;background:#e9529b1a}
body.space-home .feature-symbol.aqua{color:#57e3de;background:#22cfc71a}
body.space-home .feature-heading h2{font-size:17px;margin:0 0 5px;letter-spacing:-.035em}
body.space-home .feature-heading p{font-size:11px;margin:0;color:#95accd}
body.space-home .feature-heading .arrow{margin-left:auto;font-size:18px;color:#a5bde2}
body.space-home .feature>small{margin-top:auto;font-size:11px;color:#829ec2}
body.space-home .premium-visual{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:118px;overflow:hidden}
body.space-home .premium-halo{position:absolute;width:175px;height:175px;border-radius:50%;background:radial-gradient(circle,#f4579a23 0%,#8d5cff0d 38%,transparent 67%);border:1px solid #ff79c01a;box-shadow:0 0 50px #fa59a319,inset 0 0 45px #f3558e10}
body.space-home .premium-halo:after{content:'';position:absolute;inset:22px;border:1px solid #f96cad25;border-radius:50%}
body.space-home .premium-caption{position:relative;color:#f7a1d0;letter-spacing:.18em;font-size:10px;font-weight:800}
body.space-home .premium-desc{position:relative;margin-top:9px;font-size:11px;color:#a7b9d4}
body.space-home .feature-value{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-top:1px solid #ffffff17}
body.space-home .feature-value span{font-size:12px;color:#bdcfe6}
body.space-home .feature-value strong{font-size:25px;color:#ff74b7;font-variant-numeric:tabular-nums}
body.space-home .market-preview{display:flex;align-items:center;gap:13px;flex:1;min-height:160px}
body.space-home .donut{width:105px;height:105px;flex:0 0 105px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#23d9c0 0 25%,#ffd05b 25% 51%,#f85d91 51% 75%,#28476d 75%);box-shadow:0 0 25px #16d3d01c}
body.space-home .donut>div{width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a1a36;box-shadow:inset 0 0 12px #040914}
body.space-home .donut strong{font-size:26px;line-height:1.1}
body.space-home .donut small{font-size:10px;color:#58e9d2}
body.space-home .mini-metrics{flex:1;min-width:0}
body.space-home .mini-metrics>div{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid #ffffff1a;padding:10px 0}
body.space-home .mini-metrics span{font-size:11px;color:#9db4d1}
body.space-home .mini-metrics b{font-size:11px;color:#dceaff;white-space:nowrap}
body.space-home .trader-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}
body.space-home .trader-placeholder .orbit{display:grid;place-items:center;width:78px;height:78px;border:1px solid #a08aff44;border-radius:50%;font-size:39px;color:#9f91f9;box-shadow:0 0 32px #6557c622}
body.space-home .trader-placeholder strong{font-size:14px}
body.space-home .trader-placeholder p{font-size:11px;color:#96acce;line-height:1.6;margin:0}
body.space-home .exchange-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:28px}
body.space-home .exchange-tiles>a,body.space-home .exchange-tiles>div{min-width:0;min-height:101px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;border-radius:12px;border:1px solid #638ac044;background:#091a36a3}
body.space-home .exchange-tiles strong{font-size:13px}
body.space-home .exchange-tiles small{font-size:10px;color:#9bb4d6}
body.space-home .exchange-tiles .bitget{color:#2fe0d6}
body.space-home .feature-bottom-link{margin-top:auto;display:flex;justify-content:space-between;padding-top:16px;font-size:11px;color:#b8cdef}
body.space-home .coin-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:14px 0;border:1px solid #577fb24a;border-radius:15px;background:#0b2140bb;overflow:hidden}
body.space-home .coin-strip>div{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 10px;min-width:0;white-space:nowrap;border-right:1px solid #8fb4e12b}
body.space-home .coin-strip>div:last-child{border:0}
body.space-home .coin-strip b{font-size:13px;color:#c3d7f4}
body.space-home .coin-strip strong{font-size:14px;font-variant-numeric:tabular-nums}
body.space-home .coin-strip span{font-size:11px;color:#43e7bd}
body.space-home .market-section{padding:24px;border:1px solid #547bb043;border-radius:20px;background:linear-gradient(155deg,#0b2243d9,#06142bdd)}
body.space-home .section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}
body.space-home .section-label{font-size:10px;letter-spacing:.2em;color:#80b9ff}
body.space-home .section-heading h2{font-size:24px;margin:5px 0 0}
body.space-home .section-meta{font-size:11px;color:#91a7c6}
body.space-home .data-grid,body.space-home .secondary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.space-home .data-panel,body.space-home .secondary-panel{display:flex;flex-direction:column;min-width:0;min-height:173px;border:1px solid #668db63b;border-radius:15px;padding:18px;background:linear-gradient(140deg,#0a1a35,#071326);box-shadow:inset 0 1px #ffffff08}
body.space-home .panel-top{display:flex;justify-content:space-between;font-size:12px;color:#a8bdd9}
body.space-home .panel-icon{color:#708db4}
body.space-home .data-main{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin-top:28px}
body.space-home .data-main strong{font-size:20px;color:#40e0b9}
body.space-home .data-main b{font-size:20px}
body.space-home .data-panel small,body.space-home .secondary-panel small{font-size:11px;color:#819aba;margin-top:auto}
body.space-home .indicator-track{height:6px;border-radius:10px;background:#263750;margin:17px 0 14px;overflow:hidden}
body.space-home .indicator-track span{display:block;height:100%;background:linear-gradient(90deg,#5d80fb,#20e1c1);border-radius:inherit}
body.space-home .indicator-track.fear span{background:linear-gradient(90deg,#f45d87,#ffc15d,#2bd7b1)}
body.space-home .trend-arrow{font-size:25px;color:#719acb}
body.space-home .secondary-grid{margin-top:12px}
body.space-home .secondary-panel{min-height:156px}
body.space-home .dominance-ring{width:92px;height:92px;margin:12px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#2cc3f1 0 59%,#26384f 59%)}
body.space-home .dominance-ring strong{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#0a1a33;font-size:17px}
body.space-home .ratio-pair{display:flex;justify-content:space-between;gap:6px;margin:30px 0 12px}
body.space-home .ratio-pair strong{font-size:12px;color:#32dcb5}
body.space-home .ratio-pair strong:last-child{color:#ff6b9a}
body.space-home .ratio-meter{height:6px;background:#ff6b9a;border-radius:10px;overflow:hidden;margin-bottom:14px}
body.space-home .ratio-meter span{display:block;height:100%;background:#32dcb5}
body.space-home .secondary-big{display:block;font-size:26px;margin:29px 0 13px}
body.space-home .quick-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;margin:22px 0 34px;border:1px solid #688ac03b;border-radius:16px;background:#091b35b8}
body.space-home .quick-bottom h2{font-size:19px;margin:6px 0 0}
body.space-home .quick-bottom-links{display:flex;gap:9px;flex-wrap:wrap}
body.space-home .quick-bottom-links a{padding:11px 14px;border-radius:10px;border:1px solid #708fc143;background:#11284c;font-size:12px}
body.space-home .footer{background:#030916}
@media(max-width:1100px){body.space-home .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.space-home .menu{gap:13px}body.space-home .menu a{font-size:12px}body.space-home .coin-strip>div{gap:5px}}
@media(max-width:850px){body.space-home .menu{display:none}body.space-home .mobile-menu-toggle{display:block}body.space-home .hero-inner{flex-direction:column;padding-top:52px;gap:16px}body.space-home .hero-right{align-items:flex-start;padding-top:0}body.space-home .space-hero{min-height:420px}body.space-home .data-grid,body.space-home .secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.space-home .coin-strip{grid-template-columns:repeat(2,minmax(0,1fr))}body.space-home .coin-strip>div:nth-child(2){border:0}}
@media(max-width:600px){body.space-home .wrap{width:calc(100% - 28px)}body.space-home .nav{min-height:64px}body.space-home .brand{font-size:15px}body.space-home .brand img{width:30px;height:30px}body.space-home .actions .btn{display:none}body.space-home .space-hero{min-height:380px}body.space-home .space-hero:before{background-position:60% 25%;opacity:.7}body.space-home .space-hero:after{background:linear-gradient(90deg,#030916 0%,#030916ad 75%,#03091677),linear-gradient(0deg,#030916,transparent 55%)}body.space-home .space-hero h1{font-size:clamp(46px,12vw,64px)}body.space-home .eyebrow{font-size:9px}body.space-home .hero-sub{font-size:12px}body.space-home .hero-links a{padding:11px;font-size:11px}body.space-home .hero-right,body.space-home .mini-search{width:100%}body.space-home .feature-grid{grid-template-columns:1fr}body.space-home .feature{min-height:250px}body.space-home .feature-trader{min-height:220px}body.space-home .feature-market{min-height:260px}body.space-home .feature-exchange{min-height:255px}body.space-home .coin-strip>div{padding:14px 7px;flex-wrap:wrap;justify-content:flex-start}body.space-home .coin-strip b,body.space-home .coin-strip strong{font-size:12px}body.space-home .market-section{padding:16px 12px}body.space-home .section-heading{flex-direction:column;align-items:flex-start}body.space-home .data-grid,body.space-home .secondary-grid{gap:8px}body.space-home .data-panel,body.space-home .secondary-panel{padding:12px;min-height:155px}body.space-home .data-main{flex-direction:column;margin-top:15px;gap:8px}body.space-home .data-main strong{font-size:16px}body.space-home .secondary-big{font-size:19px}body.space-home .ratio-pair{flex-direction:column;margin:14px 0}body.space-home .quick-bottom{flex-direction:column;align-items:flex-start;padding:18px}body.space-home .quick-bottom-links{width:100%}body.space-home .quick-bottom-links a{flex:1;text-align:center}}

/* V5: reference-inspired restrained premium dashboard */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
body.space-home{font-family:Inter,'Noto Sans KR',system-ui,sans-serif;letter-spacing:-.02em;background:#030916}
body.space-home .space-hero:before{background-image:url('/assets/okapi-earth-clean.webp');background-position:center 41%;opacity:.68}
body.space-home .space-hero:after{background:linear-gradient(90deg,#030916 0%,rgba(3,9,22,.90) 30%,rgba(3,9,22,.42) 76%,rgba(3,9,22,.20)),linear-gradient(0deg,#030916,transparent 58%)}
body.space-home .topbar{background:rgba(3,9,20,.96)}
body.space-home .menu{gap:clamp(9px,1.55vw,23px)}
body.space-home .menu a{font-size:12px;font-weight:650}
body.space-home .feature,body.space-home .data-panel,body.space-home .secondary-panel{background:linear-gradient(145deg,rgba(9,22,42,.96),rgba(5,14,29,.97));border:1px solid rgba(103,148,200,.23);box-shadow:0 8px 24px #0003}
body.space-home .feature{min-height:306px;padding:19px;border-radius:16px}
body.space-home .feature:before{display:none}
body.space-home .feature-heading h2{font-size:16px;font-weight:800}
body.space-home .feature-heading p{font-size:11px}
body.space-home .feature-symbol{font-size:20px;border-radius:11px}
body.space-home .feature-kimchi .premium-visual{align-items:stretch;justify-content:flex-start;gap:0;min-height:150px;padding-top:16px}
body.space-home .premium-chart-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
body.space-home .premium-chart-head span{font-size:10px;font-weight:700;letter-spacing:.07em;color:#9aaec9}
body.space-home .premium-big{font-size:30px;font-weight:850;letter-spacing:-.055em;color:#ff4e94;font-variant-numeric:tabular-nums}
body.space-home .kimchi-chart{width:100%;height:92px;overflow:visible;margin-top:5px}
body.space-home .chart-line{fill:none;stroke:#ff438d;stroke-width:2.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
body.space-home .chart-fill{fill:rgba(255,67,141,.12)}
body.space-home .chart-axis{font-size:10px;color:#7e91ad;display:flex;justify-content:space-between;white-space:pre-wrap}
body.space-home .chart-empty{position:absolute;inset:67px 0 22px;display:grid;place-items:center;color:#8da2c0;font-size:12px}
body.space-home .feature-value{margin-top:3px;padding:10px 0 8px}
body.space-home .feature-value small{color:#92a7c4;font-size:10px}
body.space-home .feature>small{margin-top:auto}
body.space-home .feature-market .mini-metrics>div{padding:11px 0}
body.space-home .donut{background:conic-gradient(#24d7ae 0 25%,#ffd05b 25% 51%,#f85d91 51% 75%,#28476d 75%)}
body.space-home .trader-placeholder .orbit{font-size:33px}
body.space-home .exchange-tiles{margin-top:26px}
body.space-home .exchange-tiles>a,body.space-home .exchange-tiles>div{background:#08182f;border-color:#304664;min-height:94px;gap:12px}
body.space-home .exchange-tiles>a:hover{border-color:#57b7f5;background:#0d2644}
body.space-home .feature-bottom-link{color:#68c9ff;font-weight:750;font-size:12px}
body.space-home .coin-strip{background:#07172d;border-color:#28405e}
body.space-home .coin-strip>div{gap:9px}
body.space-home .coin-strip b{display:inline-flex;align-items:center;gap:8px;font-weight:750}
body.space-home .coin-logo{display:inline-flex;width:27px;height:27px;flex:0 0 27px}
body.space-home .coin-logo svg{width:100%;height:100%}
body.space-home .coin-strip strong{font-weight:800}
body.space-home .coin-strip span.up{color:#18dba7}
body.space-home .coin-strip span.down{color:#ff5985}
body.space-home .market-section{background:linear-gradient(145deg,rgba(8,23,43,.97),rgba(5,13,26,.97));border-color:#2a415f}
body.space-home .data-panel,body.space-home .secondary-panel{border-radius:13px}
body.space-home .data-main strong{font-weight:800}
body.space-home .data-main .neutral{color:#f6c846}
body.space-home .data-main .down{color:#ff658b}
body.space-home .data-main .up{color:#26dba5}
body.space-home .indicator-track{height:7px;background:#23344d}
body.space-home .indicator-track span{background:linear-gradient(90deg,#497df4,#18cda8)}
body.space-home .dominance-ring{background:conic-gradient(#20b7ef var(--pct,0%),#26384f var(--pct,0%))}
body.space-home .secondary-big{font-weight:800}
body.space-home .quick-bottom{background:#07192f;border-color:#2c4462}
body.space-home .hero-links a{font-weight:750}
body.space-home .hero-links a span{display:none}
body.space-home .panel-icon,body.space-home .trend-arrow{display:none!important}
body.space-home .feature-heading .arrow{display:none!important}
body.space-home .feature-exchange .feature-heading{pointer-events:auto}
body.space-home .feature-exchange .feature-bottom-link{border:1px solid #25669b;border-radius:9px;padding:11px 10px;justify-content:center;margin-top:auto;text-align:center}
body.space-home .quick-bottom-links a:hover{border-color:#67b6ed}
@media(max-width:1150px){body.space-home .menu{gap:11px}body.space-home .menu a{font-size:11px}body.space-home .actions{gap:8px}}
@media(max-width:950px){body.space-home .menu{display:none}body.space-home .mobile-menu-toggle{display:block}}
@media(max-width:600px){body.space-home .feature{min-height:285px}body.space-home .premium-big{font-size:29px}body.space-home .coin-strip>div{justify-content:flex-start}body.space-home .coin-logo{width:23px;height:23px;flex-basis:23px}}