/* BHC Signaalikone 5.1 · Luxury Mobile UI
   Final override layer: preserves logic, reduces chrome, removes glass surfaces. */
:root{
  --bg:#09070c;
  --panel:#0d0a10;
  --panel2:#110d15;
  --line:#302639;
  --line-soft:#261f2d;
  --text:#f5f1f7;
  --muted:#9b91a2;
  --muted2:#756d7b;
  --gold:#d8ae68;
  --violet:#a88ee2;
  --red:#de5b67;
  --red2:#ff7480;
  --green:#73d8ac;
  --shadow:none;
}
html{background:#09070c}
body.ui-polished{
  background:
    linear-gradient(180deg,#21142b 0,#180f21 16%,#110b17 42%,#09070d 75%,#070609 100%);
  background-attachment:fixed;
  color:var(--text);
}
body.ui-polished::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(circle at 76% 0,rgba(143,100,190,.13),transparent 28%),radial-gradient(circle at 10% 18%,rgba(108,72,139,.08),transparent 24%);
}
.noise{opacity:.035;background-size:170px 170px}
.shell{width:min(1180px,calc(100% - 44px));padding-bottom:46px}

/* Header */
.topbar.polished-topbar{
  min-height:62px;grid-template-columns:minmax(220px,1fr) auto minmax(46px,1fr);gap:14px;
  padding:9px 0;border-bottom:1px solid rgba(110,86,126,.24);
  background:#0a080d;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.brand{gap:10px;min-width:0}
.brand-dot{width:29px;height:29px;border-color:#45364d;background:#0c0910;font-size:9px;box-shadow:inset 0 0 0 6px #0a080d}
.brand-copy{min-width:0}.brand strong{font-size:11px;letter-spacing:.155em}.brand small{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#817689;font-size:9px}
.nav{gap:3px;padding:4px;border-color:#2f2735;background:#0d0a11;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nav-btn{padding:9px 14px;font-size:10px;color:#8d8294}
.nav-btn.active{background:#261d2d;color:#fff}
.menu-button{justify-self:end;width:42px;height:42px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid #342a3c;border-radius:13px;background:#0d0a11;color:#eee8f1;cursor:pointer}
.menu-button span{display:block;width:15px;height:1.5px;border-radius:99px;background:currentColor;transition:.18s}
.menu-button:hover,.menu-button:focus-visible{border-color:#5a4867;outline:none}
.menu-button.route-active{border-color:#80609a;color:#cfb8e8}

/* Menu */
.app-menu-layer{position:fixed;inset:0;z-index:220;opacity:0;pointer-events:none;transition:opacity .2s ease}
.app-menu-layer.open{opacity:1;pointer-events:auto}
.app-menu-backdrop{position:absolute;inset:0;border:0;background:rgba(4,3,7,.72);cursor:default}
.app-menu{position:absolute;top:0;right:0;width:min(390px,calc(100vw - 22px));height:100dvh;padding:18px 16px calc(20px + env(safe-area-inset-bottom));overflow:auto;background:#0b080e;border-left:1px solid #33273b;transform:translateX(102%);transition:transform .22s ease;box-shadow:-20px 0 60px rgba(0,0,0,.28)}
.app-menu-layer.open .app-menu{transform:none}
.app-menu-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:5px 2px 18px;border-bottom:1px solid #241d2a}
.app-menu-head strong{display:block;margin-top:4px;font-size:24px;letter-spacing:-.045em}.app-menu-head button{width:38px;height:38px;border:1px solid #302737;border-radius:12px;background:#0f0c13;color:#d8d0dd;font-size:22px;cursor:pointer}
.app-menu-routes{display:grid;gap:7px;padding:14px 0}
.menu-route{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 13px;border:1px solid #2b2331;border-radius:16px;background:#0f0c13;color:inherit;text-align:left;text-decoration:none;cursor:pointer}
.menu-route:hover,.menu-route:focus-visible{border-color:#4a3a55;background:#120e17;outline:none}
.menu-route span{display:block;min-width:0}.menu-route b{display:block;font-size:12px}.menu-route small{display:block;margin-top:4px;color:#807685;font-size:9px;line-height:1.45}.menu-route i{font-style:normal;color:#766a80}
.menu-radio{margin-top:4px;padding:14px;border:1px solid #392c42;border-radius:19px;background:#100c15}
.menu-radio-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.menu-radio-head strong{display:block;margin-top:5px;font-size:16px}.menu-radio-head small{display:block;margin-top:3px;color:#807486;font-size:8.5px;line-height:1.4}
.radio-power{flex:0 0 auto;width:48px;height:48px;border:1px solid #523a55;border-radius:50%;background:#17101c;color:#f1e9f4;font-size:15px;cursor:pointer}.radio-power.playing{border-color:#4d816a;color:#8be1bb}
.radio-controls{display:grid;grid-template-columns:38px 38px 1fr;gap:7px;align-items:end;margin-top:13px}.radio-controls>button{height:36px;border:1px solid #2e2535;border-radius:10px;background:#0b090e;color:#a89eae;cursor:pointer}.radio-controls label{display:grid;gap:4px;color:#756b7c;font-size:8px}.radio-controls input{width:100%;accent-color:#a88ee2}
.app-menu-foot{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 2px 0;border-top:1px solid #241d2a}.app-menu-foot span{display:grid;place-items:center;min-width:38px;height:25px;border:1px solid #302637;border-radius:999px;color:#a48faf;font-size:9px;font-weight:800}.app-menu-foot small{color:#746a79;font-size:8.5px}
body.menu-open{overflow:hidden}

/* Surfaces: matte, dark, no glass */
.panel,.market-card,.best-card,.why-card,.senior-card,.market-fold,.manual-history-fold,.validation-verdict,.validation-asset,.trade-learning-row article,.manual-position,.friction-card,.record-verdict,.record-grid>div,.benchmark-row,.deep-analysis,.paper-fold,.portfolio-switch,.trade-desk-summary,.chart-panel,.manual-order,.manual-positions,.validation-control,.validation-browser,.validation-method,.situation-panel,.senior-autopilot,.validation-phase-grid article,.validation-stats>div,.validation-browser-grid article,.validation-method-body article{
  background:#0d0a10!important;
  box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.best-card{background:#0e0a11!important;border-color:#3a2d41}
.market-card,.panel,.why-card,.senior-card,.manual-position,.validation-asset{border-color:#2d2433}
.market-meta div,.wallet-stats div,.record-grid>div,.benchmark-row>div,.manual-preview>div,.trade-desk-summary>div,.validation-stats>div,.validation-browser-grid article{background:#09070c!important;border-color:#251f2b!important}
.primary{background:linear-gradient(135deg,#ff737d,#b7434f)}
.secondary{background:#0a080d;border-color:#352a3b}

/* Global typography and rhythm */
.hero{padding:62px 0 31px}.page-head{padding:58px 0 28px}
.hero h1,.page-head h1{font-size:clamp(42px,6.5vw,74px);max-width:900px}
.hero>p,.page-head>p{font-size:14px;line-height:1.64;color:#ada3b2}
.section-head{margin:58px 0 15px}.section-head h2{font-size:31px}.section-head p{font-size:12px}
.eyebrow{font-size:9px;letter-spacing:.17em}
.best-card{padding:29px;border-radius:25px}.best-copy h2{font-size:clamp(27px,4vw,45px)}.best-copy>p{font-size:13px}.plain-fact{font-size:10px}
.market-card{padding:17px;border-radius:19px}.market-name strong{font-size:17px}.market-price strong{font-size:17px}.signal-word{font-size:25px;margin:21px 0 7px}.market-card>p{font-size:11px;min-height:46px}.market-meta{margin-top:12px}.market-meta strong{font-size:10px}
.panel{border-radius:22px}.autopilot{padding:24px}.autopilot h2{font-size:30px}.autopilot p{font-size:13px}.method-card{padding:24px}.method-card h2{font-size:30px}
footer{margin-top:54px}

/* Keep sources compact */
.source-pills{gap:6px;margin-top:19px}.source-pill{padding:7px 10px;background:#0d0a11;border-color:#302638;font-size:9px}

@media(max-width:1050px){
  .topbar.polished-topbar{grid-template-columns:minmax(180px,1fr) auto 46px}
  .nav-btn{padding-inline:11px}
}

@media(max-width:760px){
  html{scroll-padding-top:64px}
  body.ui-polished{background:linear-gradient(180deg,#24162f 0,#180f20 18%,#100a16 46%,#08070c 78%,#070609 100%)}
  .shell{width:100%;padding:0 18px calc(86px + env(safe-area-inset-bottom));overflow:hidden}
  .topbar.polished-topbar{
    position:sticky;top:0;z-index:80;min-height:58px;grid-template-columns:minmax(0,1fr) 42px;gap:8px;
    padding:8px 0;border-bottom:1px solid #2b2232;background:#0a080d;
  }
  .brand{gap:8px}.brand-dot{width:26px;height:26px}.brand strong{font-size:9.5px;letter-spacing:.145em}.brand small{font-size:8px;max-width:175px}
  .menu-button{grid-column:2;width:40px;height:40px;border-radius:12px}
  .nav{
    position:fixed;z-index:110;left:18px;right:18px;bottom:calc(9px + env(safe-area-inset-bottom));
    display:grid;grid-template-columns:repeat(4,1fr)!important;gap:3px;padding:4px;margin:0;border:1px solid #342a3b;border-radius:20px;
    background:#0d0a11!important;box-shadow:0 14px 34px rgba(0,0,0,.42)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .nav-btn{min-height:42px;padding:8px 3px;font-size:8.5px!important;letter-spacing:-.01em;border-radius:15px}
  .nav-btn.active{background:#2a2030}
  .hero,.page-head{padding:30px 0 21px}
  .hero h1,.page-head h1{font-size:clamp(34px,9.8vw,45px);line-height:1;letter-spacing:-.055em}
  .hero>p,.page-head>p{margin-top:15px;font-size:12.5px;line-height:1.57}
  .live-line{font-size:9.5px}.live-dot{width:8px;height:8px}
  .source-pills{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:16px -2px 0;padding:0 2px 2px}.source-pills::-webkit-scrollbar{display:none}.source-pill{flex:0 0 auto;font-size:8.5px;padding:6px 9px}
  .best-card{grid-template-columns:1fr;gap:15px;padding:17px;border-radius:21px}.best-copy h2{font-size:clamp(27px,7.8vw,35px);line-height:1.03}.best-copy>p{font-size:12px;line-height:1.5}.plain-facts{margin:14px 0;gap:6px}.plain-fact{font-size:9px;padding:7px 9px}.best-actions{margin-top:14px}.best-actions>*{width:100%}.primary,.secondary{min-height:43px;font-size:10px}.confidence-orbit{width:128px}.confidence-orbit strong{font-size:36px}.confidence-orbit small{font-size:9px}
  .section-head{grid-template-columns:1fr;gap:6px;margin:39px 0 12px}.section-head h2{font-size:26px;line-height:1.04}.section-head p{font-size:10.5px;line-height:1.48}
  .market-grid,.stock-grid{grid-template-columns:1fr!important;gap:9px}.market-card{padding:15px;border-radius:18px}.market-name strong{font-size:16px}.market-price strong{font-size:16px}.market-name small,.market-price small{font-size:10px}.signal-word{font-size:23px;margin:18px 0 6px}.market-card>p{font-size:10.5px;line-height:1.48;min-height:0}.market-meta{gap:6px;margin-top:11px}.market-meta div{padding:8px}.market-meta span{font-size:7px}.market-meta strong{font-size:9.5px}
  .market-fold>summary{padding:14px 15px}.market-fold-copy{font-size:9.5px;line-height:1.5}
  .panel{border-radius:20px}.wallet,.autopilot,.situation-panel,.senior-autopilot,.two-col .panel,.method-card{padding:16px!important}.wallet-main>strong{font-size:clamp(34px,10vw,44px)}.wallet-stats div{min-height:74px;padding:11px}.wallet-stats strong{font-size:18px}.autopilot{gap:17px}.autopilot h2{font-size:27px}.autopilot p{font-size:12px;line-height:1.53}.mode-picker button{min-height:38px;font-size:8.5px}.big{min-height:46px}
  .senior-grid{gap:9px}.senior-card{padding:16px!important}.senior-card h2{font-size:27px!important;line-height:1.05}.senior-card-body{font-size:11px}.senior-footnote{font-size:8.5px!important}
  .trade-page-head h1{font-size:clamp(33px,9.8vw,43px)!important}.trade-page-head>p{font-size:12.5px!important}.trade-desk-summary>div{min-height:66px!important}.trade-desk-summary strong{font-size:15px!important}.chart-panel,.manual-order,.manual-positions{padding:13px!important}.chart-head h2{font-size:22px!important}.manual-order h2{font-size:22px!important}.manual-order p,.manual-note{font-size:10px!important;line-height:1.52!important}.manual-position-list{gap:8px!important}.manual-position{padding:13px!important}.manual-position h3{font-size:15px!important}.manual-buy{min-height:48px!important}
  .why-grid{grid-template-columns:1fr;gap:9px}.why-card{padding:16px;border-radius:19px}.why-card h2{font-size:24px}.why-card p{font-size:10.5px}.reason{font-size:10px}.method-card h2{font-size:27px}.method-card p{font-size:11px}
  .validation-page-head{padding-top:28px}.validation-control{padding:16px!important;gap:15px}.validation-control h2{font-size:24px}.validation-control p{font-size:10.5px}.validation-verdict{padding:17px;border-radius:20px}.validation-verdict strong{font-size:30px}.validation-verdict p{font-size:10.5px}.validation-phase-grid article{padding:11px}.validation-phase-grid article>strong{font-size:18px}.validation-browser{padding:16px!important}.validation-method>summary{padding:14px}
  footer{margin-top:42px;padding-bottom:4px;font-size:9px}
  .toast{bottom:calc(72px + env(safe-area-inset-bottom))}
  .app-menu{width:min(355px,calc(100vw - 14px));padding-top:calc(12px + env(safe-area-inset-top));border-radius:22px 0 0 22px}
}

@media(max-width:470px){
  .shell{padding-left:14px;padding-right:14px}
  .brand small{display:block}.brand strong{font-size:9px}.brand small{max-width:145px;font-size:7.7px}
  .nav{left:14px;right:14px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:19px}.nav-btn{min-height:40px;font-size:8px!important}
  .hero,.page-head{padding-top:26px}.hero h1,.page-head h1{font-size:clamp(32px,9.5vw,41px)}
  .market-card{padding:14px}.market-top{gap:8px}.market-price{max-width:44%}.market-price strong{font-size:15px}.signal-word{font-size:22px}
  .best-card{padding:15px}.best-copy h2{font-size:29px}.confidence-orbit{width:116px}.confidence-orbit strong{font-size:33px}
  .wallet,.autopilot,.situation-panel,.senior-autopilot,.two-col .panel,.method-card{padding:14px!important}.senior-card{padding:14px!important}
  .app-menu{width:calc(100vw - 10px);padding-left:13px;padding-right:13px}.menu-route{padding:13px 12px}.menu-radio{padding:13px}
}

/* 5.9.8 RC1 · Signaalikone visual cleanup */
.brand-dot{display:none!important}
.topbar.polished-topbar{grid-template-columns:minmax(180px,1fr) auto 46px;min-height:60px;padding:8px 0 10px;border-bottom:1px solid rgba(120,97,137,.18)}
.brand{gap:0;align-items:flex-start}
.brand strong{font-size:12px;letter-spacing:.17em}
.brand small{margin-top:4px;color:#8e8397}
.nav{padding:5px;border-color:#2c2432;background:#0c0a0f}
.nav-btn{padding:10px 15px;font-size:10px}
.nav-btn.active{background:#241b29;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.menu-button{background:#0b0910}
.panel,.market-card,.best-card,.why-card,.home-hero-copy,.home-status-card,.home-route-grid button,.home-principle{box-shadow:none!important}
.best-card,.panel,.market-card,.why-card{border-color:#2c2333}
@media(max-width:760px){
  .topbar.polished-topbar{grid-template-columns:minmax(0,1fr) 42px;min-height:56px;padding:8px 0}
  .brand{gap:0}.brand strong{font-size:10px}.brand small{max-width:200px}
}
