@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#f8f3e8;font-synthesis:none;text-rendering:optimizelegibility;background:#15221f;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#15221f;overflow:hidden}button{font:inherit}.app{background:#15221f;width:100%;height:100%;position:relative;overflow:hidden}canvas{display:block;width:100%!important;height:100%!important}.scene-vignette{pointer-events:none;z-index:2;background:linear-gradient(#0d18162e 0%,#0000 30%,#08100e38 100%),radial-gradient(circle at 50% 46%,#0000 48%,#080e0d40 100%);position:absolute;inset:0}.mode-switcher{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111d1ad1;border:1px solid #f2e5ca24;border-radius:22px;width:218px;padding:18px 14px 14px;position:absolute;top:24px;left:24px;box-shadow:0 18px 55px #0000003d}.brand-mark{align-items:center;gap:10px;padding:3px 6px 18px;display:flex}.brand-symbol{color:#17231f;background:#c99443;border-radius:11px;place-items:center;width:34px;height:34px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;display:grid;box-shadow:0 8px 24px #c9944338}.brand-mark strong{letter-spacing:.12em;font-family:Manrope,sans-serif;font-size:14px;display:block}.brand-mark small{color:#9daaa3;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:9px;display:block}.mode-title,.panel-label{color:#d9b56c;letter-spacing:.16em;font-size:10px;font-weight:800}.mode-title{padding:7px 10px 9px}.mode-button{color:#aeb9b4;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:43px;margin-top:3px;padding:0 11px;transition:background .18s,color .18s,transform .18s;display:flex}.mode-button:hover{color:#f7f1e5;background:#ffffff0e;transform:translate(2px)}.mode-button.active{color:#17231f;background:#d9ad5b;box-shadow:0 8px 24px #c994432e}.mode-indicator{background:#718079;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.mode-button.active .mode-indicator{background:#17231f}.mode-indicator.mobility{background:#d45d43}.mode-indicator.healthcare{background:#6f9567}.mode-indicator.environment{background:#d49a3a}.mode-indicator.whatif{background:#c99443}.top-status{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#aab6b0;background:#111d1ab8;border:1px solid #f2e5ca1f;border-radius:999px;align-items:center;gap:9px;min-height:39px;padding:5px 7px 5px 12px;font-size:11px;display:flex;position:absolute;top:24px;right:24px}.status-dot{background:#72b86c;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot;display:inline-block;box-shadow:0 0 0 4px #72b86c1a}.controls-button{color:#eee7d9;cursor:pointer;background:#ffffff0b;border:1px solid #f2e5ca21;border-radius:999px;padding:7px 10px}.controls-button:hover{background:#ffffff16}.intelligence-panel,.city-pulse,.info-panel{z-index:10;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background:#121e1bd6;border:1px solid #f2e5ca21;border-radius:22px;width:304px;padding:22px;animation:.35s cubic-bezier(.2,.8,.2,1) panelIn;position:absolute;right:28px;box-shadow:0 24px 70px #0000003d}.intelligence-panel,.city-pulse{top:50%;transform:translateY(-43%)}.info-panel{transform-origin:100% 100%;bottom:28px}.intelligence-panel h2,.city-pulse h2,.info-panel h2{color:#fff8ea;letter-spacing:-.025em;margin:6px 0 0;font-family:Manrope,sans-serif;font-size:22px;line-height:1.15}.live-status{color:#9eaba5;align-items:center;gap:8px;margin-top:10px;font-size:11px;display:flex}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:19px;display:grid}.metric{background:#ffffff09;border:1px solid #f2e5ca14;border-radius:14px;min-height:76px;padding:12px}.metric span{color:#899790;font-size:10px;line-height:1.3;display:block}.metric strong{color:#f5ead8;margin-top:7px;font-family:Manrope,sans-serif;font-size:17px;display:block}.metric-grid.single{grid-template-columns:1fr}.legend{color:#9ca8a2;gap:15px;margin-top:18px;font-size:10px;display:flex}.legend>div{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.low{background:#6f9567}.legend-dot.moderate{background:#d49a3a}.legend-dot.high{background:#c55b47}.city-pulse{padding-bottom:20px}.pulse-divider{background:#f2e5ca1a;width:100%;height:1px;margin-top:19px}.pulse-grid{grid-template-columns:repeat(2,1fr);margin-top:13px;display:grid}.pulse-grid>div{padding:11px 0}.pulse-grid strong{font-family:Manrope,sans-serif;font-size:22px;display:block}.pulse-grid span{color:#83918a;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-size:9px;display:block}.city-pulse p{color:#9da9a3;margin:14px 0 0;font-size:12px}.district{color:#c99e55;margin:6px 0 0;font-size:11px}.close-button{color:#cbd2cd;cursor:pointer;background:#ffffff0b;border:1px solid #f2e5ca1c;border-radius:10px;width:31px;height:31px;font-size:20px;line-height:1;position:absolute;top:13px;right:13px}.close-button:hover{color:#fff;background:#ffffff17}.whatif-description{color:#a4b0aa;margin:13px 0 17px;font-size:12px;line-height:1.6}.whatif-instruction{color:#d8d1c2;background:#c9944311;border:1px solid #c9944333;border-radius:13px;align-items:center;gap:10px;padding:12px;font-size:11px;display:flex}.whatif-instruction span,.scenario-icon{color:#17231f;background:#d9ad5b;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.scenario-card{background:#d9ad5b12;border:1px solid #d9ad5b26;border-radius:14px;align-items:center;gap:10px;margin-top:17px;padding:12px;display:flex}.scenario-card strong,.scenario-card span{display:block}.scenario-card strong{color:#f2eadc;font-size:11px}.scenario-card span{color:#8f9d96;margin-top:4px;font-size:10px}.primary-action,.reset-button{cursor:pointer;border-radius:12px;width:100%;transition:transform .16s,filter .16s}.primary-action{color:#17231f;background:#d9ad5b;border:0;margin-top:12px;padding:12px;font-weight:800}.primary-action:hover{filter:brightness(1.07);transform:translateY(-1px)}.reset-button{color:#9da8a2;background:0 0;border:1px solid #f2e5ca1a;margin-top:9px;padding:10px;font-size:10px}.reset-button:hover{color:#eee7d9;background:#ffffff0a}.simulation-result{background:#6f956712;border:1px solid #6f95673d;border-radius:14px;margin-top:12px;padding:13px;animation:.3s resultIn}.result-label{color:#88a97f;letter-spacing:.13em;font-size:9px;font-weight:800}.result-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin-top:10px;display:grid}.result-comparison>div:not(.result-arrow){text-align:center}.result-comparison span,.result-comparison strong{display:block}.result-comparison span{color:#8e9b94;font-size:9px}.result-comparison strong{color:#f4ead8;margin-top:3px;font-family:Manrope,sans-serif;font-size:18px}.result-arrow{color:#d9ad5b;font-size:19px}.improvement{color:#8fba86;text-align:center;margin-top:10px;font-size:10px;font-weight:700}.controls-hint{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#121e1bc2;border:1px solid #f2e5ca1a;border-radius:15px;padding:13px 16px;animation:4s ease-in-out infinite floatHint;position:absolute;bottom:28px;left:32px;box-shadow:0 12px 35px #0000002e}.controls-title{color:#e9dfce;font-size:10px;font-weight:700}.controls-row{color:#7f8d86;gap:10px;margin-top:5px;font-size:9px;display:flex}.startup-screen{z-index:200;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 50% 42%,#d9ad5b13,#0000 28%),linear-gradient(#091311 0%,#0d1916 100%);align-content:center;place-items:center;gap:20px;transition:opacity .52s,visibility 0s linear .52s;display:grid;position:fixed;inset:0}.startup-screen.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .26s}.startup-screen.hidden{opacity:0;visibility:hidden}.startup-brand{align-items:center;gap:15px;animation:.7s cubic-bezier(.22,1,.36,1) both startupRise;display:flex}.startup-brand strong,.startup-brand span{display:block}.startup-brand strong{color:#f5f0e6;letter-spacing:.12em;font-family:Manrope,sans-serif;font-size:22px;font-weight:800}.startup-brand span{color:#8e9b94;letter-spacing:.16em;margin-top:3px;font-size:10px}.startup-loader{background:#ffffff14;border-radius:999px;width:180px;height:3px;overflow:hidden}.startup-loader span{border-radius:inherit;background:linear-gradient(90deg,#c99443,#e8c77f);width:42%;height:100%;animation:1.2s cubic-bezier(.22,1,.36,1) infinite startupLoad;display:block}.startup-screen p{color:#77857e;letter-spacing:.04em;margin:0;font-size:11px}@keyframes startupRise{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes startupLoad{0%{transform:translate(-130%)}to{transform:translate(360%)}}@media (width<=900px){.mode-switcher{width:190px}.intelligence-panel,.city-pulse,.info-panel{width:280px;right:18px}.top-status{right:18px}.controls-hint{left:18px}}@media (width<=680px){.mode-switcher{width:176px;padding:12px 9px;top:12px;left:12px}.brand-mark{padding-bottom:11px}.mode-button{min-height:37px;font-size:11px}.top-status{top:12px;right:12px}.top-status>span:not(.status-dot){display:none}.intelligence-panel,.city-pulse,.info-panel{width:auto;left:12px;right:12px}.intelligence-panel,.city-pulse{top:auto;bottom:15px;transform:none}.info-panel{bottom:15px}.controls-hint{display:none}}@keyframes panelIn{0%{opacity:0;transform:translateY(-38%)translate(14px)}to{opacity:1;transform:translateY(-43%)translate(0)}}@keyframes resultIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 3px #72b86c14}50%{box-shadow:0 0 0 7px #72b86c04}}@keyframes floatHint{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.primary-action{justify-content:center;align-items:center;gap:9px;display:flex;position:relative;overflow:hidden}.primary-action:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff38 48%,#0000 76%);animation:3.2s ease-in-out infinite actionShimmer;position:absolute;inset:0;transform:translate(-120%)}.primary-action.is-simulating{cursor:wait;filter:saturate(.82)}.primary-action:disabled{opacity:.88}.action-orb{background:#fff7df;border-radius:999px;width:7px;height:7px;animation:1.4s infinite orbPulse;box-shadow:0 0 #fff7df8c}.simulation-overlay{z-index:30;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.simulation-loader{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121d1ae0;border:1px solid #d9ad5b47;border-radius:16px;align-items:center;gap:13px;min-width:285px;padding:14px 17px;animation:.3s both simulationIn;display:flex;box-shadow:0 20px 60px #00000047,0 0 35px #d9ad5b14}.simulation-loader strong,.simulation-loader span{display:block}.simulation-loader strong{color:#f4ead7;font-size:12px}.simulation-loader span{color:#9da9a2;margin-top:4px;font-size:10px}.loader-ring{border:2px solid #d9ad5b;border-color:#d9ad5b #d9ad5b #d9ad5b33 #d9ad5b33;border-radius:50%;flex:0 0 27px;width:27px;height:27px;animation:.85s linear infinite spin}@keyframes actionShimmer{0%,55%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@keyframes orbPulse{0%,to{box-shadow:0 0 #fff7df6b}50%{box-shadow:0 0 0 6px #fff7df00}}@keyframes simulationIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.simulation-loader{min-width:240px}}.top-status{animation:5s ease-in-out infinite statusFloat}.top-status .status-dot{animation:1.8s ease-in-out infinite liveCityPulse}.mode-button{position:relative;overflow:hidden}.mode-button:after{content:"";background:linear-gradient(90deg,#0000,#e0b35e8c,#0000);height:1px;transition:transform .24s;position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(0)}.mode-button:hover:after,.mode-button.active:after{transform:scaleX(1)}@keyframes statusFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes liveCityPulse{0%,to{box-shadow:0 0 0 3px #72b86c14}50%{box-shadow:0 0 0 6px #72b86c06,0 0 14px #72b86c38}}.city-pulse h2{letter-spacing:-.02em}.city-pulse .panel-label{color:#e0b35e}@media (width<=900px){.city-pulse{max-width:min(360px,100vw - 32px)}}.intelligence-panel .live-status{letter-spacing:.01em}.intelligence-panel .legend{margin-top:14px}.intelligence-panel .legend-dot{box-shadow:0 0 10px #e0b35e2e}.mode-intro{z-index:18;pointer-events:none;opacity:0;width:min(430px,100vw - 64px);transition:opacity .42s,transform .52s cubic-bezier(.22,1,.36,1);position:fixed;top:118px;left:32px;transform:translateY(10px)}.mode-intro.visible{opacity:1;transform:translateY(0)}.mode-intro-eyebrow{letter-spacing:.18em;color:#e2c284eb;margin-bottom:10px;font-size:10px;font-weight:700}.mode-intro h1{letter-spacing:-.035em;color:#f3eee3;text-shadow:0 2px 20px #00000040;max-width:420px;margin:0;font-size:clamp(26px,3vw,42px);font-weight:600;line-height:1.05}.mode-intro p{color:#e8e4d8b8;max-width:380px;margin:12px 0 0;font-size:13px;line-height:1.55}.mode-transition{z-index:60;pointer-events:none;opacity:0;background:linear-gradient(#08100e1a,#0000 42%,#08100e1a),radial-gradient(circle,#e8c77f0a,#0000 40%);transition:opacity .14s;position:fixed;inset:0}.mode-transition.active{opacity:1}.mode-transition span{display:none}@media (width<=720px){.mode-intro{width:calc(100vw - 36px);top:104px;left:18px}.mode-intro h1{font-size:28px}.mode-intro p{max-width:330px;font-size:12px}}:root{--ink:#0d1715;--ink-2:#13211e;--panel:#0e1916e0;--panel-soft:#14201dc7;--line:#f1e8d31f;--line-strong:#f1e8d333;--paper:#f5f0e6;--muted:#aeb7b1;--gold:#d9ad5b;--gold-2:#e8c77f;--green:#75b86d;--danger:#cf6850}.scene-vignette{z-index:2;background:linear-gradient(#060e0c38,#0000 25%,#050b0a2e),radial-gradient(circle,#0000 42%,#04090833 100%)}.brand-symbol{color:#10201b;background:linear-gradient(145deg,#edc878 0%,#d9ad5b 58%,#bf8d3d 100%);border:1px solid #ffffff2e;border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #c9944333,inset 0 1px #ffffff47}.brand-logo-svg{fill:none;stroke:#10201b;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:29px;height:29px}.brand-logo-svg circle{fill:#10201b;stroke:none}.startup-logo{background:linear-gradient(145deg,#edc878,#c99443);border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 18px 50px #c9944338}.startup-logo svg{fill:none;stroke:#10201b;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;width:39px;height:39px}.startup-logo circle{fill:#10201b;stroke:none}.top-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09110fd1;border-bottom:1px solid #f1e8d314;grid-template-columns:250px 1fr auto;align-items:center;gap:22px;height:92px;padding:0 28px;display:grid;position:absolute;inset:0 0 auto;box-shadow:0 10px 35px #00000024}.top-brand,.brand-mark{align-items:center;gap:11px;display:flex}.top-brand strong{color:#f5f0e6;letter-spacing:.1em;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;display:block}.top-brand small{color:#8f9c96;letter-spacing:.1em;margin-top:2px;font-size:9px;display:block}.top-brand .brand-symbol{border-radius:12px;width:42px;height:42px}.top-mode-nav{justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.top-mode-button{color:#b9c1bc;cursor:pointer;letter-spacing:-.01em;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:0 17px;font-size:15px;font-weight:600;transition:color .18s,background .18s,transform .18s;display:inline-flex;position:relative}.top-mode-button:hover{color:#fff7e8;background:#ffffff0e;transform:translateY(-1px)}.top-mode-button.active{color:var(--gold-2);background:#d9ad5b14}.top-mode-button.active:after{content:"";background:var(--gold);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:18px;right:18px;box-shadow:0 0 12px #d9ad5b59}.top-mode-icon{color:#cbd1cb;border:1px solid #f1e8d333;border-radius:7px;place-items:center;width:21px;height:21px;font-size:13px;display:grid}.top-mode-button.active .top-mode-icon{color:var(--gold-2);border-color:#d9ad5b59}.top-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.live-pill,.header-action,.header-menu{color:#d9ddd8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff09;border:1px solid #f1e8d31f;min-height:40px}.live-pill{border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:11px;display:flex}.header-action{cursor:pointer;border-radius:999px;padding:0 13px;font-size:11px}.header-menu{cursor:pointer;border-radius:50%;width:42px;padding:0;font-size:17px}.header-action:hover,.header-menu:hover{background:#ffffff14}.left-panel{z-index:20;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:23px;width:292px;max-height:calc(100vh - 145px);padding:25px 18px 18px;position:absolute;top:112px;left:24px;overflow:auto;box-shadow:0 24px 70px #00000045}.left-panel-label{color:var(--gold-2);letter-spacing:.17em;margin:0 10px 8px;font-size:10px;font-weight:800}.left-panel h1{color:var(--paper);letter-spacing:-.04em;margin:0 10px;font-family:Manrope,sans-serif;font-size:30px;line-height:1.05}.left-panel>p{color:#b5beb9;margin:11px 10px 20px;font-size:12px;line-height:1.55}.left-mode-list{border-top:1px solid #f1e8d31a;gap:6px;padding-top:13px;display:grid}.left-mode-button{color:#b8c0bb;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:15px;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:100%;min-height:62px;padding:8px 10px;transition:all .18s;display:grid}.left-mode-button:hover{background:#ffffff0b;border-color:#f1e8d314;transform:translate(2px)}.left-mode-button.active{color:#1a241f;background:linear-gradient(135deg,#e1b967,#cfa052);border-color:#ffffff1f;box-shadow:0 12px 28px #c9944329}.left-mode-icon{color:#d7ddd8;border:1px solid #f1e8d324;border-radius:10px;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.left-mode-button.active .left-mode-icon{color:#1b241f;background:#ffffff29;border-color:#18221d2e}.left-mode-button strong,.left-mode-button small{display:block}.left-mode-button strong{font-size:13px;font-weight:700}.left-mode-button small{color:#8e9b94;margin-top:3px;font-size:10px}.left-mode-button.active small{color:#17221db8}.left-panel-footer{border-top:1px solid #f1e8d31a;gap:4px;margin:16px 10px 0;padding-top:16px;display:grid}.left-panel-footer strong{color:#e6dfd0;font-size:10px}.left-panel-footer span{color:#89968f;font-size:9px}.left-panel,.right-stack,.intelligence-panel{scrollbar-width:thin;scrollbar-color:#d9ad5b9e #ffffff0b;overscroll-behavior:contain}.left-panel::-webkit-scrollbar{width:7px}.right-stack::-webkit-scrollbar{width:7px}.intelligence-panel::-webkit-scrollbar{width:7px}.left-panel::-webkit-scrollbar-track{background:#ffffff09;border-radius:999px;margin:8px 3px}.right-stack::-webkit-scrollbar-track{background:#ffffff09;border-radius:999px;margin:8px 3px}.intelligence-panel::-webkit-scrollbar-track{background:#ffffff09;border-radius:999px;margin:8px 3px}.left-panel::-webkit-scrollbar-thumb{background:linear-gradient(#e8c77fcc,#c994438f);border:1px solid #ffffff14;border-radius:999px}.right-stack::-webkit-scrollbar-thumb{background:linear-gradient(#e8c77fcc,#c994438f);border:1px solid #ffffff14;border-radius:999px}.intelligence-panel::-webkit-scrollbar-thumb{background:linear-gradient(#e8c77fcc,#c994438f);border:1px solid #ffffff14;border-radius:999px}.left-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e8c77f,#d9ad5b)}.right-stack::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e8c77f,#d9ad5b)}.intelligence-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e8c77f,#d9ad5b)}.right-stack{z-index:20;gap:9px;width:382px;max-height:calc(100vh - 145px);display:grid;position:absolute;top:112px;right:24px;overflow:auto}.right-stack .city-pulse,.right-stack .quick-actions{width:100%;position:relative;inset:auto;transform:none}.city-pulse,.quick-actions{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;padding:22px;box-shadow:0 24px 70px #0000003d}.pulse-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.city-pulse h2{color:var(--paper);letter-spacing:-.025em;margin:6px 0 0;font-family:Manrope,sans-serif;font-size:19px}.insight-link{color:var(--gold-2);white-space:nowrap;padding-top:3px;font-size:10px}.city-pulse .pulse-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.pulse-card{background:#ffffff09;border:1px solid #f1e8d317;border-radius:15px;min-height:137px;padding:13px}.pulse-icon{color:#d9e0da;background:#ffffff0d;border-radius:8px;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.pulse-card small,.pulse-card strong,.pulse-card em{display:block}.pulse-card small{color:#98a39d;margin-top:10px;font-size:9px}.pulse-card strong{color:#f3eddf;margin-top:5px;font-family:Manrope,sans-serif;font-size:21px}.pulse-card em{color:#78b975;margin-top:7px;font-size:9px;font-style:normal;font-weight:700}.pulse-card em span{color:#7f8b85;margin-left:3px;font-weight:400}.quick-actions{padding-top:17px;padding-bottom:13px}.quick-title{color:#f1eadc;margin-bottom:11px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700}.quick-actions button{color:#d9ded8;cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #f1e8d314;border-radius:13px;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:6px;padding:8px 10px;transition:all .18s;display:grid}.quick-actions button:hover{background:#d9ad5b12;border-color:#d9ad5b38;transform:translate(-2px)}.quick-icon{color:#d9ad5b;border:1px solid #f1e8d31a;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{color:#eee9df;font-size:11px}.quick-actions small{color:#84918b;margin-top:3px;font-size:9px}.quick-actions b{color:#a9b2ad;font-size:19px;font-weight:400}.intelligence-panel{z-index:20;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;width:382px;max-height:calc(100vh - 145px);padding:22px;animation:.36s cubic-bezier(.22,1,.36,1) panelInRight;position:absolute;top:112px;right:24px;overflow:auto;transform:none;box-shadow:0 24px 70px #00000040}.intelligence-panel h2{color:var(--paper);margin:6px 0 0;font-family:Manrope,sans-serif;font-size:22px}.metric-grid{gap:9px;margin-top:18px}.metric{background:#ffffff09;border-color:#f1e8d314;min-height:86px;padding:13px}.metric strong{color:#f4ecdc}.live-status{margin-top:9px}.info-panel{z-index:90;width:320px;animation:.3s both panelInBottom;position:fixed;top:auto;bottom:90px;right:24px;transform:none}.controls-dock{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1412e0;border:1px solid #f1e8d31f;border-radius:999px;align-items:center;gap:5px;padding:7px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000047}.dock-control{color:#c4ccc6;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:10px;transition:all .16s;display:inline-flex}.dock-control:hover{color:#fff8eb;background:#ffffff0f}.dock-control.active{color:#1c251f;background:var(--gold)}.dock-control span{font-size:14px}.dock-help{border-left:1px solid #f1e8d31f;margin-left:3px;padding-left:16px}.controls-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080785;place-items:center;padding:24px;animation:.18s both fadeIn;display:grid;position:fixed;inset:0}.controls-modal{background:#0e1916f5;border:1px solid #f1e8d329;border-radius:24px;width:min(590px,100%);padding:28px;animation:.3s cubic-bezier(.22,1,.36,1) both modalIn;position:relative;box-shadow:0 35px 110px #00000073}.modal-close{border:1px solid var(--line);color:#cbd2cd;cursor:pointer;background:#ffffff0a;border-radius:10px;width:34px;height:34px;font-size:20px;position:absolute;top:16px;right:16px}.controls-modal h2{color:var(--paper);letter-spacing:-.035em;margin:6px 0 0;font-family:Manrope,sans-serif;font-size:27px}.controls-modal-copy{color:#9ea9a3;max-width:470px;margin:9px 0 20px;font-size:12px;line-height:1.55}.control-option-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.control-option{color:#dbe0da;cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #f1e8d317;border-radius:14px;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:70px;padding:10px;transition:all .16s;display:grid}.control-option:hover,.control-option.selected{background:#d9ad5b14;border-color:#d9ad5b52}.control-option-icon{width:34px;height:34px;color:var(--gold-2);background:#d9ad5b17;border-radius:10px;place-items:center;font-size:16px;display:grid}.control-option strong,.control-option small{display:block}.control-option strong{color:#eee9df;font-size:11px}.control-option small{color:#87938d;margin-top:4px;font-size:9px}.keyboard-help{color:#8d9993;border-top:1px solid #f1e8d317;flex-wrap:wrap;gap:8px 16px;margin-top:18px;padding-top:15px;font-size:9px;display:flex}kbd{color:#d6dcd7;background:#ffffff0a;border:1px solid #f1e8d321;border-radius:5px;margin-right:4px;padding:3px 6px}.mode-intro,.top-status,.controls-hint{display:none!important}@media (width<=1200px){.top-nav{grid-template-columns:220px 1fr auto;padding:0 18px}.top-mode-button{padding:0 10px}.left-panel{width:260px}.right-stack,.intelligence-panel{width:330px}}@media (width<=920px){.top-nav{grid-template-columns:1fr auto;height:78px}.top-mode-nav{border:1px solid var(--line);background:#0a1311eb;border-radius:14px;justify-content:flex-start;width:calc(100% - 32px);padding:5px;position:absolute;top:78px;left:50%;overflow-x:auto;transform:translate(-50%)}.top-mode-button{flex:none}.left-panel{width:245px;top:140px}.right-stack,.intelligence-panel{width:300px;top:140px}}@media (width<=720px){.top-nav{padding:0 12px}.top-brand small{display:none}.top-brand .brand-symbol{width:36px;height:36px}.top-actions .live-pill span:last-child,.header-action span{display:none}.left-panel{width:calc(100vw - 24px);max-height:43vh;padding:16px;top:128px;left:12px}.left-panel h1{font-size:24px}.left-mode-list{grid-template-columns:repeat(2,1fr)}.left-mode-button{min-height:54px}.left-panel-footer{display:none}.right-stack,.intelligence-panel{width:auto;max-height:43vh;inset:auto 12px 76px}.controls-dock{justify-content:center;bottom:12px;left:12px;right:12px;overflow-x:auto;transform:none}.dock-control{flex:none;padding:0 9px}.dock-help{display:none}.control-option-grid{grid-template-columns:1fr}.controls-modal{padding:23px 18px}.pulse-card{min-height:120px}}@keyframes panelInRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes panelInBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}