:root{--purple:#35d9c0;--cyan:#62e7d4;--line:#20383a;--muted:#778a8c;--radius:8px}
body{background:#050d10;color:#e5f0ee}
.app-shell{grid-template-columns:250px minmax(640px,1fr) 330px;background:radial-gradient(ellipse at 48% 45%,rgba(24,85,82,.18),transparent 42%),#050d10}
.sidebar,.right-rail{background:linear-gradient(180deg,rgba(5,14,17,.98),rgba(5,12,15,.95));border-color:#1d3536}.sidebar{padding:17px 14px 12px}.brand{padding:0 9px 11px;font-size:14px;letter-spacing:.2em}.brand-mark{color:#54e1cd}.prototype-pill{color:#69d5c7;border-color:#27635f;background:#09221f}.workspace-switcher,.user-card{background:rgba(10,28,30,.78);border-color:#214143;border-radius:6px}.avatar{background:linear-gradient(135deg,#1d756d,#0d2d30);color:#9ff6e6}.avatar.gradient{background:linear-gradient(135deg,#4ad8ca,#1a4650)}.nav-item{padding:9px 11px;border-radius:5px;color:#a6b7b7}.nav-item.active{background:linear-gradient(90deg,rgba(25,108,101,.4),rgba(13,46,46,.24));color:#d9f8f2;box-shadow:inset 2px 0 #45e0c7}.nav-icon{color:#7ceadb}.nav-badge{background:#0e4f49;color:#9cf5e4}.side-label{color:#617b7c}.system-row{color:#9dafae}.live-chip,.status-dot{color:#5de0c0}.recent-item:hover{background:#0d2729}.recent-icon{border:1px solid #255354}.purple{background:#0d423f;color:#78e4d5}.blue{background:#0d3541;color:#75dbec}.amber{background:#44341d;color:#f2c36f}
.main-content{padding:14px 14px 15px}.topbar{border-bottom:1px solid rgba(44,82,80,.38);padding:0 5px 11px}.breadcrumb strong{color:#cfe3df}.top-actions{gap:16px}.last-sync{color:#6d8888}.hero{padding:15px 8px 13px;align-items:center}.eyebrow,.section-kicker{color:#64cfc2}.pulse{background:#45dfc7;box-shadow:0 0 13px #45dfc7}h1{font-size:22px;text-transform:uppercase;letter-spacing:.13em;margin:5px 0 4px;font-weight:500}.hero p{color:#7b9694}.accent-text{color:#68e0cf}.hero-date{color:#7c9692}.hero-date strong{color:#d8e8e4;font-weight:500}
.map-card{background:rgba(6,18,20,.52);border-color:#1f4947;border-radius:7px;box-shadow:0 0 0 1px rgba(66,181,162,.05),0 22px 70px rgba(0,0,0,.4)}.map-toolbar{padding:12px 16px;border-bottom-color:#1b3b3b;background:linear-gradient(90deg,rgba(6,20,22,.9),rgba(7,21,23,.42))}.map-toolbar h2,.rail-header h2{font-weight:500;text-transform:uppercase;letter-spacing:.09em;font-size:13px}.filter.active{background:#0e4945;color:#b4f5e9}.map-icon{border-color:#245153;color:#91d7cf}
.map-stage{height:555px;background:radial-gradient(ellipse at 50% 48%,rgba(37,120,111,.46) 0,rgba(18,62,62,.44) 11%,rgba(13,39,42,.8) 30%,rgba(6,17,21,.97) 75%),linear-gradient(145deg,#0c2528,#071417)}.map-stage::before{content:"";position:absolute;inset:-10%;opacity:.8;background:radial-gradient(ellipse at 50% 47%,transparent 0 17%,rgba(48,148,136,.14) 17.2% 17.5%,transparent 17.8% 29%,rgba(43,120,118,.12) 29.2% 29.5%,transparent 29.8% 41%,rgba(49,107,107,.1) 41.2% 41.6%,transparent 42%),repeating-conic-gradient(from 2deg at 50% 48%,rgba(73,153,147,.12) 0 1deg,transparent 1deg 7deg);pointer-events:none}.map-stage::after{content:"";position:absolute;inset:0;opacity:.5;mix-blend-mode:screen;background-image:radial-gradient(circle at 14% 22%,#73cbb4 0 1px,transparent 1.5px),radial-gradient(circle at 22% 60%,#b5d4b7 0 1px,transparent 1.3px),radial-gradient(circle at 78% 28%,#74c9bc 0 1px,transparent 1.3px),radial-gradient(circle at 86% 64%,#8ac6ab 0 1px,transparent 1.3px),radial-gradient(circle at 58% 16%,#b2d3c2 0 1px,transparent 1.3px);background-size:130px 100px,180px 160px,150px 130px,200px 170px,170px 140px;pointer-events:none}.map-grid{opacity:.2;background-image:linear-gradient(rgba(93,194,179,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(93,194,179,.13) 1px,transparent 1px);background-size:38px 38px}.map-glow{opacity:.23}.glow-a{background:#2a9c8e}.glow-b{background:#1d7a7b}.connections path{stroke:#57e1d0;filter:drop-shadow(0 0 4px #39cdb9);opacity:.78}.connections path.faint{stroke:#2f7774;opacity:.5}.map-label{color:#608786}.map-label small{color:#4b6e6d}
.node{background:rgba(6,27,29,.92);border-color:#27635f;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.4)}.node:hover,.node.selected{border-color:#5ee5d1;box-shadow:0 0 0 2px rgba(75,222,201,.16),0 12px 24px rgba(0,0,0,.35)}.node strong{font-weight:500}.node small{color:#78a09b}.node em{color:#65e2c7}.pink{background:#103d3e;color:#8ae8da}.orange{background:#4c341b;color:#f6c171}.teal{background:#0f4447;color:#6be4de}.green{background:#10413a;color:#80e4b7}.slate{background:#193b45;color:#92d9d5}
.meteor-core{background:radial-gradient(circle,#19857b 0,#103b3d 43%,#07181d 72%);border-color:#59e4ce;box-shadow:0 0 0 12px rgba(70,221,202,.05),0 0 38px rgba(48,213,190,.55)}.meteor-core:hover{box-shadow:0 0 0 12px rgba(70,221,202,.1),0 0 50px rgba(48,213,190,.75)}.core-ring{border-color:rgba(155,255,235,.5)}.core-star{color:#eafff9;text-shadow:0 0 17px #9cfff0}.meteor-core small{color:#a4ded2}.zoom-control button{border-color:#255153;background:#092327;color:#93ded3}.map-footer{color:#75908f;border-top:1px solid #1b3a3b}.legend-dot{background:#51ddc7}.legend-dot.dim{background:#476563}
.command-bar{margin-top:10px;min-height:69px;padding:10px 12px;border-color:#23504e;border-radius:6px;background:linear-gradient(180deg,rgba(13,30,32,.96),rgba(7,18,20,.98));box-shadow:0 12px 35px rgba(0,0,0,.36);flex-direction:column;align-items:stretch;gap:10px}.command-leading{border-bottom:1px solid #1d3d3d;padding:0 4px 8px;color:#a8bebb}.sparkle{color:#54e1cc}.command-actions{justify-content:flex-start}.round-action,.send-button{height:27px;border-color:#244f4e;background:rgba(11,33,34,.9);border-radius:5px;color:#89c4bd}.round-action{font-size:12px;padding:0 10px}.round-action small{font-size:9px;margin-left:5px;color:#89a9a5}.send-button{margin-left:auto;background:#0d5952;border-color:#46d8c3;color:#d6fff5;width:40px}
.audio-dock{height:84px;position:relative;display:flex;align-items:center;justify-content:space-between;margin:10px 10px 0;border:1px solid #1b4443;background:linear-gradient(180deg,rgba(9,25,27,.96),rgba(5,16,18,.98));clip-path:polygon(2% 0,98% 0,100% 16%,100% 84%,98% 100%,2% 100%,0 84%,0 16%);padding:0 28px}.audio-side{display:flex;align-items:center;gap:14px;width:43%}.audio-side.output{justify-content:flex-end}.audio-label{font-size:8px;color:#638883;letter-spacing:.13em;white-space:nowrap}.audio-button{width:29px;height:29px;border:1px solid #3cccb7;border-radius:50%;color:#6ce6d2;background:#0b2f30;box-shadow:0 0 11px rgba(52,216,191,.24)}.waveform{height:18px;flex:1;opacity:.8;background:linear-gradient(90deg,transparent 0 3%,#427e78 4% 5%,transparent 6% 9%,#4ad7c2 10% 11%,transparent 12% 15%,#346762 16% 17%,transparent 18% 21%,#55d7c6 22% 23%,transparent 24% 29%,#346762 30% 31%,transparent 32% 38%,#57e0ca 39% 40%,transparent 41% 46%,#3a716b 47% 48%,transparent 49% 55%,#5be3ce 56% 57%,transparent 58% 66%,#437e78 67% 68%,transparent 69% 100%);mask-image:linear-gradient(180deg,transparent 0 25%,#000 26% 73%,transparent 74%)}.waveform.reverse{transform:scaleX(-1)}.audio-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border:1px solid #56e5d0;border-radius:50%;background:radial-gradient(circle,#1c7a72 0,#0c3132 53%,#07181c 56%);box-shadow:0 0 0 6px #07191d,0 0 0 7px #235752,0 0 27px rgba(51,215,192,.55);z-index:2}.audio-core span{font-size:27px;color:#e6fff8;text-shadow:0 0 13px #75f2df}.activity-strip{margin-top:10px}
.right-rail{padding:17px 12px}.rail-header{margin-bottom:12px}.alert-card{border-color:#1e4444;background:rgba(8,27,29,.85);border-radius:5px;padding:10px 9px}.alert-card.urgent{border-color:#3b5149;background:linear-gradient(110deg,#112f2d,#0b2023)}.alert-icon.cyan{background:#0f4041;color:#7debe0}.alert-icon.green{background:#104438;color:#82e8b3}.rail-divider{background:#1d4040;margin:13px 0}.rail-section-title{color:#789b96}.rail-section-title button{color:#69d8c9}.memory-card{border-color:#1e4444;background:rgba(8,27,29,.78);border-radius:5px}.memory-tag{color:#97eadd;background:#123c3b}.memory-tag.teal{color:#8ce6dd;background:#123f40}.workflow-row{border-bottom-color:#1d3a3b}.progress-ring{color:#76e1d0;border-color:#2c746c}.prototype-note{background:#0c2b2d;border-color:#225d59;color:#8ee4d5}.prototype-note p{color:#7ea5a0}.prototype-note strong{color:#bafbf0}.toast{background:#0d3a38;border-color:#3cae9c;color:#d6fff4}
@media(max-width:760px){.audio-dock{min-width:600px}.audio-label{display:none}.round-action small{display:none}}
