/* Shared NB visual language; authentication and product routes stay independent. */
:root{color-scheme:dark;--bg:#070d15;--panel:#0a121d;--panel-soft:#0c1721;--line:#1d2d3b;--text:#ecf5fb;--muted:#94a8b9;--green:#50e6cd}
body{font-family:"Avenir Next","SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font-family:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #50e6cd;outline-offset:4px}
.ecosystem-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100% - 1276px)/2));background:#070c14;border-bottom:1px solid var(--line)}
.ecosystem-bar a{text-decoration:none}.ecosystem-brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:23px;font-weight:600;letter-spacing:.08em}.ecosystem-brand span{font-size:12px;font-weight:400;letter-spacing:.12em;color:#afc9cf}.app-label{font-size:10px;color:var(--muted);letter-spacing:.16em}.operations-link{color:#50e6cd;font-size:13px;min-height:44px;display:flex;align-items:center}
.radar-app .wrap{padding-top:32px}.radar-app .topbar{padding-bottom:24px;border-bottom:1px solid var(--line)}.radar-app h1{font-weight:600;font-size:clamp(25px,3.5vw,34px);letter-spacing:.08em}.radar-app .brand-mark{width:8px;background:linear-gradient(#43e7c9,#78e7db);box-shadow:0 0 20px #50e6cd25}.radar-app .version{color:#afc9cf;border-color:#2b4b47}.radar-app .sub{font-size:13px;line-height:1.7}.radar-app .system-status{font-size:12px;white-space:normal}
.logout-button{min-height:44px;padding:10px 14px;border-color:#36515c;color:#cfdee8;background:transparent;border-radius:12px}.login-help{color:#94a8b9}.login-button{background:linear-gradient(110deg,#43e7c9,#78e7db);color:#06211f}.login-card{background:#0a121d;border-color:#29424c}
.radar-app .learn-welcome{padding:34px;border-radius:24px;border-color:var(--line);background:radial-gradient(ellipse at 88% 45%,#12353d65,transparent 55%),linear-gradient(#14233335 1px,transparent 1px),linear-gradient(90deg,#14233335 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.learn-label{font-size:11px;letter-spacing:.16em;color:#50e6cd}.radar-app .learn-welcome h2{font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.4;margin:18px 0}.welcome-break{display:none}.learn-welcome p{color:#afc0cf;font-size:14px}.experience-switch button{background:#0b1821;border-color:#29424c}.experience-switch button[aria-pressed=true]{background:linear-gradient(110deg,#43e7c9,#78e7db);border-color:transparent;color:#06211f;font-weight:600}.learn-shortcuts a{border-color:#29424c;color:#afc9cf;border-radius:12px;font-size:13px}.learn-shortcuts a:hover{background:#12302e;color:#50e6cd}
.radar-mode-switch{background:#070c14;border-color:var(--line);padding:6px;gap:6px;border-radius:14px;display:flex;flex-wrap:wrap}.mode-tab{min-height:44px;font-size:13px;border-radius:10px}.mode-tab.active{background:#12302e;color:#50e6cd;border-color:#39746a;box-shadow:none}
.radar-app .card,.learn-card,.paper-panel,.learn-calculator,.learn-teacher,.money-card,.strategy-card{background:var(--panel);border-color:var(--line);border-radius:18px;box-shadow:none}.learn-card p,.paper-panel p{line-height:1.8}.learn-service{background:#0b1821;border-color:#29424c}.learn-teacher button[type=submit],.learn-calculator button[type=submit]{background:linear-gradient(110deg,#43e7c9,#78e7db);color:#06211f;border-color:transparent}.learn-teacher button:disabled{opacity:.55}
.operations-app{max-width:1180px}.operations-app header{border-color:var(--line)}.operations-app h1{font-weight:600;letter-spacing:.02em}.operations-app section,.operations-app article{background:var(--panel);border-color:var(--line);border-radius:18px}.operations-app button{min-height:44px;border-radius:12px}.operations-app #run{background:linear-gradient(110deg,#43e7c9,#78e7db);color:#06211f;border:0}.operations-app .ecosystem-return{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
@media(max-width:680px){.ecosystem-bar{padding:10px 16px;gap:10px;flex-wrap:wrap}.ecosystem-brand{font-size:20px}.ecosystem-brand span{font-size:10px}.app-label{display:none}.operations-link{font-size:12px}.radar-app .wrap{padding:22px 16px}.radar-app .topbar{align-items:flex-start;gap:16px;margin-bottom:18px}.radar-app .system-status{width:100%;gap:8px}.radar-app .system-status button{margin-left:auto}.radar-app .learn-welcome{padding:24px 20px;border-radius:20px}.welcome-break{display:block}.radar-app .learn-welcome h2{font-size:29px}.learn-shortcuts a{font-size:12px}.radar-app .learn-welcome p{font-size:13px}.radar-mode-switch{width:100%}.operations-app .ecosystem-return{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V3.9 brand refinement: dark green stays dominant; motion is subtle and optional. */
body.radar-app{--blue:#50e6cd}
.radar-app .brand-principles{max-width:720px}
.radar-app .mode-tab,.radar-app .filter-button,.radar-app .detail-button,.radar-app .ticker-button{transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease}
.radar-app .mode-tab:not(.active):hover,.radar-app .mode-tab:not(.active):focus-visible{border-color:#50e6cd66;background:#10221f;color:#c8fff2;transform:translateY(-1px)}
.radar-app .filter-button:hover,.radar-app .filter-button:focus-visible,.radar-app .detail-button:hover,.radar-app .detail-button:focus-visible,.radar-app .ticker-button:hover,.radar-app .ticker-button:focus-visible{border-color:#50e6cd88;box-shadow:0 10px 26px #50e6cd14;transform:translateY(-2px)}
.radar-app .filter-button.active,.radar-app .mode-tab.active{border-color:#50e6cd66;background:#102923;color:#78efd8}
.radar-app .detail-button{border:1px solid #29453f;background:#0b1718;color:#83dccc}
.radar-app .login-button,.radar-app .learn-teacher button[type=submit],.radar-app .learn-calculator button[type=submit]{box-shadow:0 8px 22px #50e6cd20;transition:transform 160ms ease,box-shadow 160ms ease,filter 160ms ease}
.radar-app .login-button:hover,.radar-app .learn-teacher button[type=submit]:hover,.radar-app .learn-calculator button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 13px 30px #50e6cd35;filter:saturate(1.08)}
.radar-app .login-button:active,.radar-app .learn-teacher button[type=submit]:active,.radar-app .learn-calculator button[type=submit]:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.radar-app .mode-tab,.radar-app .filter-button,.radar-app .detail-button,.radar-app .ticker-button,.radar-app .login-button,.radar-app .learn-teacher button[type=submit],.radar-app .learn-calculator button[type=submit]{transition:none}.radar-app .mode-tab:hover,.radar-app .filter-button:hover,.radar-app .detail-button:hover,.radar-app .ticker-button:hover,.radar-app .login-button:hover,.radar-app .learn-teacher button[type=submit]:hover,.radar-app .learn-calculator button[type=submit]:hover{transform:none}}

/* V4 local direction: deep blue-black surfaces, teal brand accents, green gains and red losses. */
:root{--bg:#07111f;--panel:#0b1828;--panel-soft:#102238;--line:#203850;--text:#eaf4ff;--muted:#9aafc4;--blue:#50e6cd;--green:#38d98a;--red:#ff667a}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#50e6cd}
.ecosystem-brand span,.operations-link,.learn-label,.learn-shortcuts a:hover{color:#76e9d0}
.radar-app .brand-mark{background:linear-gradient(180deg,#78e7db,#43c9b4);box-shadow:0 0 22px #50e6cd38}
.radar-app .version{color:#a1eadb;border-color:#50e6cd55}
.radar-app .brand-principles{color:#7de6cf}
.login-button,.radar-app .learn-teacher button[type=submit],.radar-app .learn-calculator button[type=submit],.operations-app #run{background:linear-gradient(110deg,#43e7c9,#78e7db);color:#071525;border-color:transparent}
.radar-app .filter-button,.radar-app .detail-button{border-color:#2b4b68;background:#0c1c2b;color:#84efdb}
.radar-app .filter-button.active,.radar-app .mode-tab.active{border-color:#50e6cd77;background:#102c2b;color:#84efdb}
.radar-app .filter-button:hover,.radar-app .filter-button:focus-visible,.radar-app .detail-button:hover,.radar-app .detail-button:focus-visible,.radar-app .ticker-button:hover,.radar-app .ticker-button:focus-visible{border-color:#50e6cd99;box-shadow:0 10px 26px #50e6cd18}
.radar-app .login-button,.radar-app .learn-teacher button[type=submit],.radar-app .learn-calculator button[type=submit]{box-shadow:0 8px 22px #50e6cd22}
.radar-app .login-button:hover,.radar-app .learn-teacher button[type=submit]:hover,.radar-app .learn-calculator button[type=submit]:hover{box-shadow:0 13px 30px #50e6cd3d}