style.css

:root{--bg:#101415;--surface:#171c1d;--surface-2:#1d2424;--border:#2d3736;--text:#edf1eb;--muted:#899493;--muted-2:#63706e;--amber:#f0a24d;--amber-soft:#33281e;--green:#86c8a1;--red:#d77962;--white:#fafcf7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:13px}button,input{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;border-right:1px solid var(--border);padding:24px 14px 14px;display:flex;flex-direction:column;background:#131819}.brand{display:flex;align-items:center;gap:10px;font:700 22px 'Space Grotesk';letter-spacing:-.7px;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:var(--amber);color:#1a1b18;font-size:17px}.workspace-switcher{height:40px;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:0 10px;display:flex;align-items:center;gap:8px;color:#c5ceca;font-size:11px}.pulse-dot,.green-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}.chevron{margin-left:auto;color:var(--muted)}.main-nav{padding-top:28px}.nav-label,.eyebrow{font:500 10px 'DM Mono';letter-spacing:1.1px;color:var(--muted-2);text-transform:uppercase}.nav-label{padding:0 11px;margin:0 0 7px}.nav-label:not(:first-child){margin-top:25px}.nav-item{width:100%;border:0;background:transparent;color:var(--muted);text-align:left;border-radius:5px;padding:10px 11px;display:flex;gap:11px;align-items:center;font-size:13px}.nav-item.active,.nav-item:hover{background:#222a29;color:var(--white)}.nav-icon{width:16px;text-align:center;color:var(--muted-2);font-size:15px}.nav-item.active .nav-icon{color:var(--amber)}.sidebar-bottom{margin-top:auto}.system-card{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:15px 10px;margin-bottom:15px}.status-line{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:11px}.mono{font:400 10px 'DM Mono';color:var(--muted)}.small{font-size:10px}.profile{border:0;background:transparent;color:var(--text);width:100%;display:flex;gap:9px;align-items:center;padding:4px 7px;text-align:left}.avatar{display:grid;place-items:center;border-radius:50%;background:#42534d;color:#d8e4d8;width:29px;height:29px;font:500 10px 'DM Mono'}.profile small,.profile strong{display:block}.profile strong{font-size:11px}.profile small{color:var(--muted);font-size:10px;margin-top:2px}.more{margin-left:auto;color:var(--muted)}.main-content{width:calc(100% - 238px);max-width:1600px;margin:auto;padding:0 34px 20px}.topbar{height:66px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:var(--muted);font-size:11px}.breadcrumb b{color:var(--muted-2);padding:0 9px}.breadcrumb strong{color:var(--text);font-weight:500}.top-actions{display:flex;align-items:center;gap:13px}.icon-button{border:0;color:var(--muted);background:transparent;font-size:16px;position:relative;padding:5px}.notification-dot{width:4px;height:4px;background:var(--amber);position:absolute;top:3px;right:2px;border-radius:50%}.export-button,.filter-button,.copy-button{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:#d8dfd8;padding:7px 11px;font-size:11px}.page-heading{display:flex;justify-content:space-between;padding:34px 0 27px}.eyebrow{margin:0 0 8px}.page-heading h1{font:600 29px 'Space Grotesk';letter-spacing:-1.1px;margin:0}.page-heading h1 span{color:var(--muted-2);font-size:17px;padding:0 7px;font-weight:500}.subheading{color:var(--muted);font-size:11px;margin:8px 0 0}.match-score{display:flex;align-items:center;gap:13px;text-align:center}.match-score div{display:flex;align-items:center;gap:9px}.match-score span{font:500 10px 'DM Mono';color:var(--muted)}.match-score strong{font:600 26px 'Space Grotesk'}.score-divider{color:var(--muted-2);font-size:22px}.match-score small{color:var(--green);font:500 9px 'DM Mono';display:block;margin-left:7px}.metric-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);padding:17px 0;margin-bottom:25px}.metric{padding:0 18px;border-right:1px solid var(--border)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric span,.metric small{display:block;color:var(--muted);font-size:10px}.metric strong{display:block;font:500 19px 'Space Grotesk';margin:5px 0 3px}.metric em{font:500 10px 'DM Mono';font-style:normal;color:var(--muted)}.metric em.up{color:var(--green)}.metric em.down{color:var(--red)}.metric small{font-size:10px}.metric small b{color:var(--muted-2)}.insight-metric strong{color:var(--amber);font-size:14px;margin-top:8px}.insight-metric small .green-dot{margin-right:5px}.query-bar-section{margin-bottom:27px}.query-label{display:flex;align-items:center;gap:8px;font:500 11px 'DM Mono';color:#d7dfd6;margin-bottom:8px}.spark{color:var(--amber);font-size:15px}.beta{font-size:8px;border:1px solid #765633;color:var(--amber);padding:2px 4px;border-radius:2px}.query-box{height:48px;background:var(--surface);border:1px solid #45504d;border-radius:5px;display:flex;align-items:center;padding-left:14px;box-shadow:0 0 0 2px rgba(240,162,77,.04)}.search-icon{color:var(--amber);font-size:22px;line-height:1;margin-right:10px}.query-box input{flex:1;background:transparent;border:0;color:#dce2dc;outline:0;font-size:13px}.run-query{height:34px;background:var(--amber);border:0;border-radius:4px;color:#24201a;font-weight:600;font-size:11px;padding:0 13px;margin-right:6px}.run-query span{font:400 12px 'DM Mono';padding-left:7px}.suggestions{display:flex;gap:7px;margin-top:9px}.suggestions button{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:10px;border-radius:3px;padding:5px 8px}.suggestions button:hover{border-color:#68736f;color:var(--text)}.analysis-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);gap:18px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:6px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 19px 13px}.panel h2{font:600 16px 'Space Grotesk';margin:0;letter-spacing:-.3px}.panel-tools{display:flex;gap:9px}.network-meta{display:flex;align-items:center;gap:17px;padding:0 19px 13px;color:var(--muted);font-size:10px}.network-meta span{display:flex;align-items:center;gap:5px}.network-meta b{color:#d8dfd9;font-weight:500}.legend-line{width:18px;height:2px;background:var(--amber);display:inline-block}.legend-line.thin{height:1px;background:#dcd7b2}.legend-node{width:7px;height:7px;background:var(--amber);border:2px solid #806b50;border-radius:50%;display:inline-block}.network-context{margin-left:auto;border:1px solid var(--border);padding:4px 7px;border-radius:3px}.network-stage{height:400px;position:relative;margin:0 18px 14px;overflow:hidden;background:#182020;border:1px solid #303c39}.pitch-lines{position:absolute;inset:35px 50px;background:linear-gradient(90deg,transparent 49.8%,#3b4944 49.8%,#3b4944 50.2%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#3b4944 49.8%,#3b4944 50.2%,transparent 50.2%);opacity:.5}.pitch-lines:before{content:"";position:absolute;inset:0;border:1px solid #3b4944;border-radius:2px}.pitch-lines:after{content:"";position:absolute;width:90px;height:180px;left:-1px;top:calc(50% - 90px);border:1px solid #3b4944;border-left:0}.network-svg{position:absolute;inset:10px 25px;width:calc(100% - 50px);height:calc(100% - 20px)}.pitch-label{position:absolute;top:11px;color:#6d7b76;font:500 8px 'DM Mono';letter-spacing:1px;line-height:1.5}.pitch-label.left{left:10px}.pitch-label.right{right:10px;text-align:right}.pitch-label b{color:#a5b1a8}.network-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:11px 19px;color:var(--muted);font-size:10px}.network-footer b{color:var(--text)}.text-button{background:none;border:0;color:var(--amber);font-size:10px;margin-left:9px}.insight-panel{display:flex;flex-direction:column}.ai-badge{font:500 9px 'DM Mono';color:var(--amber);border:1px solid #715132;padding:3px 5px;border-radius:3px}.insight-lead{margin:2px 19px 14px;padding:14px;background:var(--amber-soft);border-left:2px solid var(--amber);display:flex;gap:11px}.signal-icon{font-size:17px;color:var(--amber)}.insight-lead strong{font-size:12px;line-height:1.45}.insight-lead p{color:#b1b3a6;font-size:11px;line-height:1.45;margin:7px 0 0}.insight-list{padding:0 19px}.insight-row{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid var(--border);align-items:flex-start}.rank{font:500 10px 'DM Mono';color:var(--muted-2);padding-top:2px}.insight-row strong{font-size:11px}.insight-row p{color:var(--muted);font-size:10px;margin:4px 0 0}.orange-text{margin-left:auto;color:var(--amber);font:500 10px 'DM Mono'}.full-width-button{margin:20px 19px;border:1px solid var(--border);background:transparent;border-radius:4px;color:#d7dfd7;padding:9px;font-size:11px}.full-width-button:hover{background:var(--surface-2)}.lower-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;margin-top:18px}.event-list{padding:0 19px}.event-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);align-items:flex-start}.event-time{font:500 10px 'DM Mono';color:var(--amber);width:31px;padding-top:2px}.event-marker{width:7px;height:7px;border:1px solid var(--amber);border-radius:50%;margin-top:4px}.event-row strong{font-size:11px}.event-row p{margin:4px 0 0;color:var(--muted);font-size:10px}.event-row b{font-weight:500;color:#cad1c9}.load-more{border:0;background:transparent;color:var(--muted);width:100%;padding:13px;font-size:10px}.load-more span{color:var(--amber);padding-left:7px}.player-list{padding:1px 19px 14px}.player-row{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.player-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#334743;color:#d9e6d6;font:500 9px 'DM Mono'}.player-row strong{display:block;font-size:11px}.player-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.centrality{text-align:right}.centrality b{display:block;color:var(--amber);font:500 11px 'DM Mono'}.centrality small{color:var(--muted-2)}.query-panel pre{margin:0 19px;background:#101515;border:1px solid #27312f;border-radius:4px;padding:14px;color:#b3cfba;font:400 10px/1.7 'DM Mono';white-space:pre-wrap}.query-foot{padding:12px 19px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.copy-button{color:var(--amber);border-color:#5f4933}.page-footer{display:flex;justify-content:space-between;color:var(--muted-2);font:400 9px 'DM Mono';padding:22px 2px}.page-footer .green-dot{margin-right:5px}.page-footer b{color:var(--muted);font-weight:400;margin-left:12px}.toast{position:fixed;bottom:25px;right:25px;background:#dce8dc;color:#1e2821;padding:11px 15px;border-radius:4px;font-size:11px;box-shadow:0 8px 30px #0008;transform:translateY(100px);transition:transform .25s}.toast.show{transform:translateY(0)}@media(max-width:1000px){.sidebar{width:190px}.main-content{width:calc(100% - 190px);padding:0 20px}.metric-strip{grid-template-columns:repeat(3,1fr);gap:15px}.metric:nth-child(3){border:0}.metric:nth-child(n+4){display:none}.analysis-grid,.lower-grid{grid-template-columns:1fr}.insight-panel{min-height:0}.network-stage{height:350px}}@media(max-width:700px){.sidebar{display:none}.main-content{width:100%;padding:0 14px}.topbar{height:55px}.page-heading{padding:25px 0 20px;display:block}.page-heading h1{font-size:23px}.match-score{margin-top:20px;justify-content:flex-start}.metric-strip{display:grid;grid-template-columns:1fr 1fr}.metric{padding:0 12px}.metric:first-child{padding-left:0}.metric:nth-child(2){border:0}.metric:nth-child(n+3){display:none}.suggestions{overflow:auto;white-space:nowrap}.network-meta{flex-wrap:wrap}.network-context{margin-left:0}.network-stage{height:280px;margin-left:10px;margin-right:10px}.network-footer{display:block;line-height:2}.network-footer span{display:block}.page-footer{display:block;line-height:2.2}.page-footer span{display:block}}
.workspace-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:rgba(8,12,10,.72);backdrop-filter:blur(5px)}.workspace-modal__card{position:relative;width:min(560px,100%);max-height:75vh;overflow:auto;padding:28px;border:1px solid #486156;border-radius:14px;background:#17221d;color:#e7eee7;box-shadow:0 24px 70px rgba(0,0,0,.5)}.workspace-modal__card h2{margin:0 0 18px;font-size:22px}.workspace-modal__card pre{padding:16px;overflow:auto;border-radius:8px;background:#0f1512;color:#b9d5bd;white-space:pre-wrap}.workspace-modal__close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#e7eee7;font-size:28px;cursor:pointer}.saved-query{display:block;width:100%;margin:8px 0;padding:12px;text-align:left;border:1px solid #3e564b;border-radius:8px;background:#202f28;color:#e7eee7;cursor:pointer}.saved-query small{display:block;margin-top:5px;color:#a9b8ad}.empty-state{padding:16px;color:#a9b8ad}
.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;color:#b8c6bc;font-size:11px}.auth-form input{width:100%;padding:10px;border:1px solid #486156;border-radius:5px;background:#101515;color:#edf1eb}.auth-form .run-query{justify-self:start;padding:0 16px}.auth-error{min-height:16px;margin:0;color:#ee917c;font-size:11px}.auth-switch{margin:0;text-align:left}
.comparison-table{width:100%;border-collapse:collapse;font-size:11px}.comparison-table th,.comparison-table td{padding:8px;border-bottom:1px solid #3e564b;text-align:left}.comparison-bars h3{margin:16px 0 6px;font-size:12px}.comparison-bars div{display:grid;grid-template-columns:82px 1fr 30px;gap:8px;align-items:center;margin:5px 0}.comparison-bars i{display:block;height:8px;background:#f0a24d;border-radius:4px}.comparison-bars b{font:500 10px 'DM Mono'}.timeline-scrubber{width:110px;accent-color:#f0a24d}
.pitch-annotation{position:absolute;z-index:5;max-width:120px;padding:4px 7px;border:1px solid #f0a24d;border-radius:4px;background:#2f251a;color:#ffe0b6;font:500 10px 'DM Mono';transform:translate(-50%,-50%);cursor:pointer}
.landing-page{display:none;min-height:100vh;padding:0 7vw 56px;background:radial-gradient(circle at 76% 24%,#26392f 0,rgba(38,57,47,.3) 22%,transparent 47%),#101415;color:var(--text)}.landing-active .landing-page{display:block}.landing-active .app-shell,.landing-active .toast{display:none}.landing-nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.landing-nav .brand{padding:0}.landing-link{border:0;background:transparent;color:#c8d0c9;padding:10px 13px;text-decoration:none;font-size:12px}.landing-cta{border:0;border-radius:5px;background:var(--amber);color:#201e19;padding:14px 18px;font-weight:700;font-size:13px}.landing-cta span{padding-left:12px;font-size:17px}.landing-cta.compact{padding:10px 13px;font-size:11px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.75fr);gap:8vw;align-items:center;max-width:1180px;margin:0 auto;padding:100px 0 92px}.landing-kicker{font:500 10px 'DM Mono';letter-spacing:1.5px;color:var(--amber);margin:0 0 18px}.landing-hero h1{margin:0;font:600 clamp(42px,6vw,76px)/.99 'Space Grotesk';letter-spacing:-3px}.landing-hero h1 em{font-style:normal;color:var(--green)}.landing-hero>div>p:not(.landing-kicker){max-width:560px;margin:25px 0;color:#b3bfba;font-size:16px;line-height:1.65}.landing-actions{display:flex;align-items:center;gap:18px}.landing-proof{display:flex;gap:18px;margin-top:38px;color:#83918a;font:10px 'DM Mono'}.landing-proof span:before{content:'•';color:var(--green);padding-right:6px}.landing-preview{padding:22px;border:1px solid #45564d;border-radius:11px;background:linear-gradient(145deg,#202c27,#161c1b);box-shadow:0 30px 80px #0005}.preview-top{font:10px 'DM Mono';letter-spacing:1px;color:#afc1b5}.preview-top .green-dot{margin-right:7px}.landing-preview h2{margin:18px 0;font:600 20px/1.2 'Space Grotesk'}.preview-pitch{position:relative;height:190px;overflow:hidden;border:1px solid #3f554a;background:repeating-linear-gradient(90deg,#192721 0 20%,#1c2b24 20% 40%)}.preview-pitch:after{content:'';position:absolute;inset:13px;border:1px solid #557062;background:linear-gradient(90deg,transparent 49.7%,#557062 49.7% 50.3%,transparent 50.3%)}.preview-pitch i{position:absolute;z-index:2;width:13px;height:13px;border:2px solid #e8f0e8;border-radius:50%;background:#2b5542}.preview-pitch i:nth-child(1){left:17%;top:45%}.preview-pitch i:nth-child(2){left:37%;top:28%}.preview-pitch i:nth-child(3){left:53%;top:51%}.preview-pitch i:nth-child(4){left:70%;top:32%;background:var(--amber)}.preview-pitch i:nth-child(5){left:83%;top:55%;background:var(--amber)}.preview-pitch b{position:absolute;z-index:3;right:14px;bottom:12px;color:#eab066;font:10px 'DM Mono'}.preview-insight{margin-top:16px;border-left:2px solid var(--amber);padding:8px 12px}.preview-insight strong{font-size:12px}.preview-insight p{margin:5px 0 0;color:#a3b0a8;font-size:11px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:auto;padding:32px 0 76px;border-top:1px solid var(--border)}.landing-features article{padding:12px 25px 12px 0;border-right:1px solid var(--border)}.landing-features article:last-child{border:0}.landing-features span{color:var(--amber);font:10px 'DM Mono'}.landing-features h2{font:600 18px 'Space Grotesk';margin:12px 0 7px}.landing-features p{margin:0;max-width:270px;color:var(--muted);font-size:12px;line-height:1.6}.landing-usecases{max-width:1180px;margin:auto;padding:42px 0;border-top:1px solid var(--border)}.landing-usecases>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.landing-usecases button{min-height:90px;padding:15px;border:1px solid var(--border);border-radius:5px;background:#171e1b;color:#dce4dc;text-align:left;font:500 12px 'DM Sans'}.landing-usecases button:hover{border-color:var(--amber);color:var(--amber)}@media(max-width:800px){.landing-page{padding:0 24px 40px}.landing-hero{grid-template-columns:1fr;padding:60px 0}.landing-preview{max-width:500px}.landing-features,.landing-usecases>div{grid-template-columns:1fr}.landing-features article{border-right:0;border-bottom:1px solid var(--border);padding:15px 0}.landing-proof{flex-wrap:wrap}.landing-nav .landing-link{display:none}}