@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg:#fafafa;--bg-card:#ffffff;--bg-panel:#ffffff;--ink:#0a0a0a;--ink-soft:#4a4a4a;--ink-faint:#8a8a8a;--ink-ghost:#c8c8c8;--line:#e8e8e8;--line-soft:#f0f0f0;--gold:#c9a449;--gold-deep:#a8861f;--gold-soft:rgba(201,164,73,0.10);--gold-glow:rgba(201,164,73,0.25);--green:#16a34a;--green-soft:rgba(22,163,74,0.10);--yellow:#d97706;--yellow-soft:rgba(217,119,6,0.10);--red:#dc2626;--radius:24px;--radius-md:16px;--radius-sm:10px;--shadow:0 4px 24px rgba(0,0,0,0.06);--shadow-lg:0 24px 48px rgba(0,0,0,0.12);--shadow-panel:-24px 0 48px rgba(0,0,0,0.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;height:100%;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.gate{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:100}.gate-card{width:360px;background:var(--bg-card);border-radius:var(--radius);padding:48px 40px;box-shadow:var(--shadow-lg);text-align:center}.gate-logo{font-size:32px;font-weight:800;letter-spacing:-.04em;margin-bottom:6px}.gate-sub{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.16em;font-weight:500;margin-bottom:36px}.gate-sub .star{color:var(--gold);margin:0 6px}.gate-input{width:100%;padding:16px 18px;border:1.5px solid var(--line);border-radius:var(--radius-md);font-family:inherit;font-size:18px;text-align:center;letter-spacing:.4em;background:var(--bg);color:var(--ink);outline:none;transition:border .2s}.gate-input:focus{border-color:var(--gold)}.gate-btn{margin-top:14px;width:100%;padding:14px;background:var(--ink);color:white;border:0;border-radius:var(--radius-md);font-family:inherit;font-weight:600;font-size:14px;letter-spacing:.04em;cursor:pointer;transition:background .2s,transform .1s}.gate-btn:hover{background:var(--gold-deep);transform:translateY(-1px)}.gate-error{margin-top:16px;font-size:12px;color:var(--red);height:16px}.app{min-height:100vh;padding-bottom:80px}header.top{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(250,250,250,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line-soft);padding:18px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:24px;gap:24px}.top-left{gap:16px}.mic-btn,.top-left{display:flex;align-items:center}.mic-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1.5px solid var(--line);justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px rgba(0,0,0,.05);font-size:18px;line-height:1}.mic-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.mic-btn.listening{background:var(--gold);border-color:var(--gold-deep);color:white;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--gold-glow)}50%{box-shadow:0 0 0 16px transparent}}.brand-mark{font-weight:800;font-size:18px;letter-spacing:-.03em}.brand-sub{font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.18em;font-weight:500}.brand-sub .star{color:var(--gold);margin:0 6px}.view-toggle{display:inline-flex;background:var(--bg-card);border:1.5px solid var(--line);border-radius:999px;padding:4px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.view-toggle button{padding:8px 22px;border:0;background:transparent;color:var(--ink-faint);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;cursor:pointer;transition:all .2s ease}.view-toggle button.active{background:var(--ink);color:white}.top-right{justify-content:flex-end;gap:16px}.top-right,.user-chip{display:flex;align-items:center}.user-chip{width:36px;height:36px;border-radius:50%;background:var(--ink);color:white;justify-content:center;font-weight:700;font-size:13px}.clock{font-size:12px;font-weight:500}.clock,.logout-btn{color:var(--ink-faint)}.logout-btn{background:transparent;border:0;font-family:inherit;font-size:11px;cursor:pointer;padding:4px 10px;border-radius:6px}.logout-btn:hover{color:var(--ink);background:var(--line-soft)}main{padding:40px 32px;max-width:1340px;margin:0 auto}section.tier{margin-bottom:56px}.tier-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-faint);margin-bottom:16px;padding-left:4px;display:flex;align-items:center;gap:12px}.tier-label:after{content:"";flex:1 1;height:1px;background:linear-gradient(to right,var(--line) 30%,transparent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{background:var(--bg-card);border-radius:var(--radius);padding:26px 24px 24px;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden;border:1px solid transparent;text-align:left;width:100%;font-family:inherit}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--gold-soft)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--gold) 0,transparent 100%);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.card-icon{width:40px;height:40px;border-radius:12px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:16px}.card-title{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.card-sub{font-size:12px;color:var(--ink-faint);font-weight:500;margin-bottom:16px;font-family:SF Mono,Menlo,monospace}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line-soft)}.card-stat{font-size:12px;color:var(--ink-soft);font-weight:500}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 3px currentColor;opacity:.95}.status-dot.ok{color:var(--green);background:var(--green-soft);padding:3px 10px 3px 12px;border-radius:999px}.status-dot.ok:before{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.status-dot.warn{color:var(--yellow);background:var(--yellow-soft);padding:3px 10px 3px 12px;border-radius:999px}.status-dot.warn:before{background:var(--yellow);box-shadow:0 0 0 3px var(--yellow-soft)}.status-dot.off{color:var(--ink-faint)}.status-dot.off:before{background:var(--ink-ghost);box-shadow:none}.flow-stage{background:var(--bg-card);border-radius:var(--radius);padding:56px 32px;box-shadow:var(--shadow);min-height:720px}.flow-stage svg{width:100%;height:auto}.flow-node{cursor:pointer}.flow-node rect{fill:white;stroke:var(--line);stroke-width:1.5;transition:all .2s}.flow-node:hover rect{stroke:var(--gold);stroke-width:2;filter:drop-shadow(0 4px 12px rgba(201,164,73,.2))}.flow-node text{fill:var(--ink);font-family:Inter,sans-serif;font-size:13px;font-weight:700;text-anchor:middle}.flow-node text.sub{fill:var(--ink-faint);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.flow-edge{stroke:var(--ink-ghost);stroke-width:1.5;fill:none}.flow-edge.gold{stroke:var(--gold)}.flow-cluster{fill:var(--gold-soft);rx:16}.flow-cluster-label{fill:var(--ink-faint);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.panel-backdrop{position:fixed;inset:0;background:rgba(10,10,10,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:50}.panel-backdrop.open{opacity:1;visibility:visible}.panel{position:fixed;top:0;right:0;width:440px;max-width:92vw;height:100vh;background:var(--bg-panel);box-shadow:var(--shadow-panel);transform:translateX(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);z-index:60;display:flex;flex-direction:column;overflow:hidden}.panel.open{transform:translateX(0)}.panel-header{padding:24px 28px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title-block{flex:1 1}.panel-title{font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:6px;display:flex;align-items:center;gap:10px}.panel-title,.panel-title .icon{font-size:22px}.panel-meta{font-size:12px;color:var(--ink-faint);font-family:SF Mono,Menlo,monospace;word-break:break-all}.panel-close{width:32px;height:32px;border:0;background:transparent;border-radius:8px;cursor:pointer;color:var(--ink-faint);font-size:18px;transition:all .2s;flex-shrink:0}.panel-close:hover{background:var(--line-soft);color:var(--ink)}.panel-body{flex:1 1;overflow-y:auto;padding:24px 28px 32px}.panel-section{margin-bottom:28px}.panel-section:last-child{margin-bottom:0}.panel-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);margin-bottom:12px}.panel-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#f5f5f5,#ebebeb);border-radius:var(--radius-md);margin-bottom:16px;justify-content:center;color:var(--ink-ghost);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.panel-thumb,.stat-row{display:flex;align-items:center}.stat-row{justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:14px}.stat-row:last-child{border-bottom:0}.stat-row .label{color:var(--ink-soft)}.stat-row .value{font-weight:600}.stat-row .value.mono{font-family:SF Mono,Menlo,monospace;font-size:12px}.connect-list{display:flex;flex-direction:column;gap:8px}.connect-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg);border-radius:var(--radius-sm);font-size:13px}.connect-arrow{color:var(--gold);font-weight:700;font-size:13px}.connect-item .name{font-weight:600}.connect-item .what{color:var(--ink-faint);font-size:12px;margin-left:auto}.task-card{background:var(--bg);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:10px;border-left:3px solid var(--gold)}.task-card .task-title{font-weight:700;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.task-meta{display:grid;grid-template-columns:max-content 1fr;grid-gap:4px 12px;gap:4px 12px;font-size:12px;margin-top:8px}.task-meta .k{color:var(--ink-faint)}.task-meta .v{color:var(--ink-soft);font-family:SF Mono,Menlo,monospace;font-size:11px}.task-actions{margin-top:10px;display:flex;gap:6px}.task-actions button{background:white;border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s}.task-actions button:hover{border-color:var(--gold);color:var(--gold-deep)}.service-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:6px}.service-name{font-weight:600;font-size:13px;flex:1 1}.service-sub{font-size:11px;color:var(--ink-faint);font-family:SF Mono,Menlo,monospace}.meter{height:6px;background:var(--line-soft);border-radius:99px;overflow:hidden;margin-top:6px}.meter-fill{height:100%;background:linear-gradient(to right,var(--gold),var(--gold-deep));border-radius:99px}.table-row{display:grid;grid-template-columns:1fr max-content;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.table-row:last-child{border-bottom:0}.table-row .tname{font-family:SF Mono,Menlo,monospace;font-size:12px;color:var(--ink-soft)}.table-row .tcount{font-weight:700;font-size:13px}.panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.panel-actions a,.panel-actions button{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ink);color:white;border:0;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;font-size:13px;text-decoration:none;cursor:pointer;transition:background .2s,transform .1s}.panel-actions a:hover,.panel-actions button:hover{background:var(--gold-deep);transform:translateY(-1px)}.panel-actions .secondary{background:white;color:var(--ink);border:1px solid var(--line)}.panel-actions .secondary:hover{background:var(--bg);border-color:var(--gold);color:var(--gold-deep)}.voice-overlay{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(140%);background:var(--ink);color:white;padding:16px 24px;border-radius:99px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);transition:transform .32s cubic-bezier(.16,1,.3,1);z-index:80;max-width:90vw}.voice-overlay.show{transform:translateX(-50%) translateY(0)}.voice-overlay .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.shake{animation:shake .4s}.status-dot.ok:before{animation:dot-pulse 2.4s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 3px var(--green-soft),0 0 0 0 rgba(22,163,74,.4)}50%{box-shadow:0 0 0 3px var(--green-soft),0 0 0 6px rgba(22,163,74,0)}}.card{animation:card-breathe 5.5s ease-in-out infinite}.card:nth-child(2){animation-delay:.4s}.card:nth-child(3){animation-delay:.8s}@keyframes card-breathe{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 6px 26px rgba(0,0,0,.07)}}.card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(201,164,73,.06) 50%,transparent);animation:polish-sweep 12s linear infinite;pointer-events:none}.card:nth-child(odd):after{animation-delay:6s}@keyframes polish-sweep{0%{left:-100%}20%{left:200%}to{left:200%}}.flow-edge{stroke-dasharray:6 10;animation:flow-dash 18s linear infinite}.flow-edge.gold{animation:flow-dash 8s linear infinite}@keyframes flow-dash{to{stroke-dashoffset:-200}}.mic-btn.listening{animation:mic-listen 1.2s ease-in-out infinite}@keyframes mic-listen{0%,to{box-shadow:0 0 0 0 var(--gold-glow)}50%{box-shadow:0 0 0 18px transparent}}.universe-root{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at center,#1a1410 0,#0a0a0a 70%);color:#fff8e7;font-family:Inter,sans-serif;overflow:hidden;animation:universe-enter .45s cubic-bezier(.16,1,.3,1)}@keyframes universe-enter{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.universe-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden}.universe-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(201,164,73,.06) 1px,transparent 0),linear-gradient(180deg,rgba(201,164,73,.06) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 0,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 0,transparent 75%)}.universe-scanline{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(201,164,73,.025) 0,rgba(201,164,73,.025) 4px);animation:scanline-shift 12s linear infinite}@keyframes scanline-shift{to{background-position:0 100px}}.universe-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.4) 100%)}.universe-top{position:relative;z-index:10;justify-content:space-between;padding:22px 32px;border-bottom:1px solid rgba(201,164,73,.18);background:linear-gradient(180deg,rgba(10,10,10,.7) 0,transparent)}.universe-back,.universe-top{display:flex;align-items:center}.universe-back{background:transparent;border:1px solid rgba(201,164,73,.35);color:#c9a449;padding:8px 16px;border-radius:999px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.18em;cursor:pointer;transition:all .2s ease;gap:8px}.universe-back:hover{background:rgba(201,164,73,.1);border-color:#c9a449}.universe-back .arrow{font-size:14px}.universe-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.32em;color:#fff8e7}.universe-title .bracket{color:#c9a449;opacity:.7}.universe-meta{font-size:11px;font-weight:600;color:#c9a449;letter-spacing:.15em;display:flex;align-items:center;gap:8px;font-family:SF Mono,Menlo,monospace}.live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 8px rgba(22,163,74,.8);animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.universe-readout{position:absolute;top:96px;right:32px;width:320px;background:rgba(10,10,10,.78);border:1px solid rgba(201,164,73,.3);border-radius:10px;padding:18px 20px;z-index:12;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:panel-slide .6s cubic-bezier(.16,1,.3,1) .3s both}@keyframes panel-slide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.readout-label{font-size:10px;font-weight:700;color:#c9a449;letter-spacing:.2em;margin-bottom:10px}.readout-label,.readout-text{font-family:SF Mono,Menlo,monospace}.readout-text{font-size:12px;line-height:1.6;color:#e8d8a8}.readout-text .cursor{color:#c9a449;animation:blink .9s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.universe-svg{position:absolute;inset:80px 0 80px 0;width:100%;height:calc(100vh - 160px);z-index:5}.ring-outer{animation:rotate-cw 60s linear infinite}.ring-mid,.ring-outer{transform-origin:700px 450px}.ring-mid{animation:rotate-ccw 38s linear infinite}.ring-inner{transform-origin:700px 450px;animation:rotate-cw 24s linear infinite}@keyframes rotate-cw{to{transform:rotate(1turn)}}@keyframes rotate-ccw{to{transform:rotate(-1turn)}}.hub-pulse{animation:hub-pulse 3.5s ease-in-out infinite;transform-origin:700px 450px;transform-box:fill-box}@keyframes hub-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(201,164,73,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 28px rgba(201,164,73,.85));transform:scale(1.03)}}.flow-line{stroke-dashoffset:0;animation:flow-line 4s linear infinite}@keyframes flow-line{to{stroke-dashoffset:-32}}.status-pulse{animation:status-pulse 1.6s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.4}}.uni-node{transition:transform .2s ease;transform-origin:center;transform-box:fill-box}.uni-node.clickable.hovered{transform:scale(1.05)}.uni-node.hovered rect{filter:drop-shadow(0 0 16px rgba(201,164,73,.4))}.task-badge{animation:badge-float 6s ease-in-out infinite}.task-badge:nth-child(odd){animation-delay:2s}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.universe-bottom{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:32px;padding:16px 32px;border-top:1px solid rgba(201,164,73,.18);background:linear-gradient(0deg,rgba(10,10,10,.85) 0,transparent);font-family:SF Mono,Menlo,monospace;font-size:11px}.telem{display:flex;flex-direction:column;gap:2px}.t-label{font-size:9px;color:#8a8a8a;letter-spacing:.2em}.t-val{font-size:12px;color:#fff8e7;font-weight:700;letter-spacing:.08em}.t-val.ok{color:#16a34a}.telem-spacer{flex:1 1}.universe-hint{font-size:10px;color:#5a5a5a;letter-spacing:.15em}.mute-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-card);border:1px solid var(--line);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-faint);font-size:12px;transition:all .2s ease}.mute-btn:hover{color:var(--ink);border-color:var(--gold)}.mute-btn.muted{color:var(--ink-ghost);opacity:.6}@media (max-width:900px){.universe-readout{width:calc(100% - 32px);right:16px;top:88px}.universe-svg{inset:70px 0 90px 0}.telem{display:none}.telem:nth-child(-n+3){display:flex}.grid{grid-template-columns:1fr}.top-left .brand-mark,.top-left .brand-sub{display:none}header.top{padding:14px 18px}main{padding:24px 18px}}