/* MOSTLY HQ / DESIGN SYSTEM 02
   High-fidelity public demo. No external font, tracking, images or scripts. */
:root{
  color-scheme:dark;
  --ink:#efefe7;--ink-strong:#fafaf3;--muted:#a1aba2;--quiet:#6f7c73;
  --canvas:#0a0d0b;--canvas2:#0c110e;--sidebar:#0d110e;
  --surface:#121814;--surface2:#151d18;--surface-raised:#1a221c;
  --line:rgba(233,244,224,.095);--line-strong:rgba(233,244,224,.18);
  --acid:#cced92;--acid-muted:#b9d68a;--acid-dark:#243522;
  --lavender:#beb7e9;--orange:#e1b794;
  --ui:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --serif:"Iowan Old Style","Baskerville","Palatino Linotype","Book Antiqua",Georgia,serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font:14px/1.52 var(--ui);letter-spacing:-.008em;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{cursor:pointer}button:disabled{cursor:not-allowed}
a{color:inherit;text-decoration:none}
a:hover{color:var(--ink-strong)}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
::selection{color:#11200e;background:var(--acid)}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.shell{min-height:100vh;display:flex}
.sidebar{position:sticky;top:0;height:100vh;width:272px;min-width:272px;background:linear-gradient(180deg,#101712 0%,#0b100d 100%);border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:33px 15px 22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334638 transparent}
.brand{display:flex;gap:13px;align-items:center;padding:2px 12px 40px;min-width:0}
.brand-symbol{height:47px;width:47px;flex:none;border:1px solid #515e43;background:radial-gradient(circle at 70% 10%,#e0f5b5 0%,#b5d780 43%,#8cac5b 100%);border-radius:13px 5px 13px 5px;color:#122015;display:grid;place-items:center;box-shadow:0 5px 30px #ceec8615,inset 0 1px 0 #faffee72}
.brand-symbol-inner{font-weight:900;font-size:28px;letter-spacing:-.15em;padding-right:6px;line-height:1}.brand-symbol .dot{color:#496637}
.brand-words{display:flex;flex-direction:column;min-width:0;gap:5px}.brand-words b{white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:-.055em}.brand-studios{font-weight:500;color:#c9d5cb;letter-spacing:-.055em}.brand-words small{font:700 9px/1.3 var(--mono);letter-spacing:.09em;color:#869987}
.sidebar-label{display:flex;justify-content:space-between;padding:0 14px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.15em;font:700 9px/1.3 var(--mono);color:#859889}
.sidebar-label span{font-weight:500;color:#5f6f62}.divider-top{padding-top:24px;border-top:1px solid var(--line);margin-top:24px}
.sidebar nav{display:grid;gap:3px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;color:#8f9f93;font-size:12.6px;font-weight:575;min-height:43px;transition:background .16s,color .16s,transform .16s}
.sidebar nav a svg{width:17px;height:17px;stroke-width:1.6}
.sidebar nav a:hover{background:#1b281e;color:#f2f6ee}
.sidebar nav a.active{background:#253528;color:#eff7e8;box-shadow:inset 0 0 0 1px #455d4035}
.sidebar nav a.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 6px 6px 0;background:var(--acid)}
.sidebar nav a.active svg{color:var(--acid)}
.sidebar nav a>span:nth-of-type(1){flex:1;white-space:nowrap}
.nav-counter{margin-left:auto;color:#d1dfbc;border:1px solid #56694c;background:#3a4a36;padding:2px 6px;border-radius:5px;font:600 10px/1.2 var(--mono)}
.sidebar-bottom{margin-top:auto;padding:23px 10px 0}
.sidebar-status{border:1px solid var(--line-strong);background:linear-gradient(130deg,#1a291c,#162117);display:flex;align-items:center;gap:11px;padding:14px 13px;border-radius:11px}
.status-dot{display:block;height:9px;width:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px #b7d79114,0 0 14px #cced9255}
.sidebar-status b{font:700 10px/1.3 var(--mono);letter-spacing:.05em;display:block;color:#eff7df}
.sidebar-status small{display:block;margin-top:5px;font-size:11px;color:#a3b49b}
.sidebar-note{margin-top:17px;display:flex;gap:10px;align-items:flex-start;font:600 9px/1.6 var(--mono);letter-spacing:.08em;color:#667a68}.sidebar-note-line{display:inline-block;width:2px;height:27px;background:#3d6241}
.main-wrap{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 22% at 90% 0%,#1a271b44,transparent),var(--canvas)}
.topbar{height:82px;min-height:82px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;justify-content:space-between;align-items:center;gap:22px;background:#0b0f0cdd}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px;min-width:0}
.topbar-location{display:flex;flex-direction:column;gap:3px}
.topbar-location-top{font:700 9px/1.5 var(--mono);letter-spacing:.15em;color:#7b907f}
.breadcrumb{color:#e5ebe2;font-size:12px;font-weight:625}
.topbar-right{justify-content:flex-end}
.search-field{border:1px solid #334035;background:linear-gradient(180deg,#172119,#121a15);border-radius:9px;display:flex;align-items:center;gap:11px;width:clamp(205px,25vw,310px);padding:10px 12px;color:#839985}
.search-field svg{height:15px;width:15px}
.search-field input{width:100%;min-width:0;background:none;color:var(--ink);border:0;outline:none;font-size:11.5px}
.search-field input::placeholder{color:#7c8d7f}
.search-field kbd{font:500 10px var(--mono);border:1px solid #465047;color:#99ae9b;border-radius:4px;padding:1px 6px}
.topbar-divider{height:22px;width:1px;background:var(--line-strong)}
.preview-label{white-space:nowrap;font:700 10px/1 var(--mono);letter-spacing:.095em;color:#b5c5b4;display:flex;align-items:center;gap:8px}
.preview-pulse{height:7px;width:7px;display:inline-block;border-radius:50%;background:var(--acid);box-shadow:0 0 12px #cceb8a70}
.avatar{height:37px;width:37px;border:1px solid #69764e;background:#34472f;display:grid;place-items:center;border-radius:50%;font-weight:850;font-size:17px;color:#eef9d8;letter-spacing:-.08em;line-height:1}
.avatar span{color:var(--acid)}
#app{flex:1;width:100%;max-width:1580px;margin:0 auto;padding:42px 43px 76px;min-height:calc(100vh - 160px)}
.main-footer{border-top:1px solid var(--line);padding:22px 43px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 10px/1.5 var(--mono);color:#69796c;letter-spacing:.02em}
.mobile-only{display:none}.icon-button.mobile-only{display:none}
.icon-button{display:grid;place-items:center;height:37px;width:37px;border:1px solid var(--line-strong);background:#1a221b;border-radius:9px;color:#b4c3b1;transition:background .15s,border-color .15s}
.icon-button svg{height:16px;width:16px}.icon-button:hover{background:#273729;border-color:#687a60;color:#fff}
.eyebrow{font:750 10px/1.35 var(--mono);color:var(--acid);letter-spacing:.16em;text-transform:uppercase;margin-bottom:13px}
.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:31px}
.page-title{font-size:clamp(29px,3.1vw,43px);font-weight:680;letter-spacing:-.052em;margin:0 0 11px;line-height:1.1}
.page-subtitle{color:#9aa99b;font-size:13px;max-width:720px;line-height:1.7;margin:0}
.head-actions{display:flex;gap:9px;flex-wrap:wrap}
.btn{border:1px solid #3e5141;background:#1e2a21;color:#ecf0e8;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;min-height:40px;font-size:11px;font-weight:700;letter-spacing:.015em;border-radius:9px;white-space:nowrap;transition:background .18s,color .18s,border .18s,transform .18s}
.btn:hover{background:#304031;border-color:#677a5f;transform:translateY(-1px)}
.btn svg{height:15px;width:15px}.btn-primary{background:var(--acid);border-color:var(--acid);color:#1a2719}.btn-primary:hover{background:#e1f4b5;border-color:#e1f4b5;color:#11210f}
.btn-soft{background:#1c261e}
.card{border:1px solid var(--line);background:linear-gradient(150deg,#151d17 0%,#111713 100%);border-radius:14px;overflow:hidden;min-width:0}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 23px 16px}
.card-title{font-size:15px;letter-spacing:-.035em;font-weight:690;margin:0}.card-subtitle{font-size:11px;color:#809082;margin:5px 0 0;line-height:1.55}
.card-body{padding:8px 23px 22px}
.muted{color:var(--muted)}.tiny{font-size:11px}.small-muted{font-size:12px;color:#9bac9c;line-height:1.7}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:34px 0 16px}
.section-heading h2{font-size:18px;font-weight:680;letter-spacing:-.035em;margin:0}
.text-link{display:inline-flex;gap:7px;align-items:center;font-size:11px;font-weight:740;color:var(--acid);white-space:nowrap}
.text-link:hover{color:#edffdc}.text-link svg{height:13px;width:13px}
.divider{height:1px;background:var(--line);margin:18px 0}
.divider.soft{background:#ffffff12}
.stack{display:grid;gap:17px;align-content:start}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,1fr);gap:18px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:23px}
.stat{padding:23px;min-height:142px;background:#161e17}.stat-icon{color:var(--acid);margin-bottom:16px}.stat-icon svg{height:17px;width:17px}
.stat-value{font:650 32px/1 var(--ui);letter-spacing:-.065em}.stat-label{margin-top:11px;color:#a2b3a3;font-size:11px}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;font:700 9px/1.2 var(--mono);letter-spacing:.015em;border:1px solid #3c5140;background:#243027;color:#bfd0bc;border-radius:6px;white-space:nowrap}
.badge.verified{background:#2b3d29;border-color:#4d6e47;color:#ddf3be}
.badge.warning{background:#373022;border-color:#64553d;color:#f4d3a3}
.badge.local{background:#34314b;border-color:#585075;color:#dfd7ff}
.badge.planned{background:#222b24;border-color:#3b4a40;color:#9aaf9f}
.project-glyph{display:grid;place-items:center;flex:none;height:44px;width:44px;border-radius:10px;background:linear-gradient(140deg,#334a34,#1b2e22);border:1px solid #526c525c;color:#cde4af}
.project-glyph svg{height:21px;width:21px}
.project-glyph.bopplums{background:linear-gradient(135deg,#433928,#282c23);color:#e4bd8e;border-color:#82674956}
.project-glyph.hq{background:linear-gradient(135deg,#a3cd70,#536c45);color:#142413;border-color:#a8cf81}
.project-glyph.personal{background:#2a2a3c;color:#d0ceff}
.project-row{padding:17px 22px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;transition:background .16s}
.project-row:first-child{border-top:0}.project-row:hover{background:#1c2a20}
.project-row-info{flex:1;min-width:0}.project-name{font-size:12.8px;font-weight:670;color:#e8eee6;letter-spacing:-.012em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.project-meta{font-size:11px;color:#869a88;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.project-row-end{display:flex;align-items:center;gap:13px}.project-row-time{font:500 10px/1.2 var(--mono);color:#899989;white-space:nowrap}
.row-chevron,.project-row-end svg{height:16px;width:16px;color:#9ab197}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-tile{display:flex;flex-direction:column;padding:20px;min-height:213px;position:relative;isolation:isolate;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.project-tile:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--acid),transparent);opacity:0;transition:opacity .2s}.project-tile:hover{border-color:#78916a;background:linear-gradient(160deg,#203026,#141e16);transform:translateY(-3px)}.project-tile:hover:before{opacity:1}
.tile-top{display:flex;align-items:start;justify-content:space-between;gap:10px}
.tile-top .icon-button{height:29px;width:29px;background:none;border-color:transparent;color:#7e9280}.tile-top .icon-button:hover{background:#2d422d;color:#f0ffe0}
.tile-top .icon-button.pinned{color:var(--acid)}
.project-tile h3{font-size:16px;letter-spacing:-.037em;line-height:1.25;font-weight:695;margin:19px 0 8px}
.project-tile p{color:#96a897;font-size:11.5px;line-height:1.55;margin:0}
.tile-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:21px;gap:8px}
.tile-date{font:500 10px/1.4 var(--mono);color:#879688;white-space:nowrap}
.activity-event{display:flex;align-items:start;gap:12px;padding:16px 21px;border-top:1px solid var(--line)}
.activity-event:first-child{border-top:0}
.event-marker{flex:none;height:33px;width:33px;border:1px solid #405742;background:#223024;color:#c9e6ae;border-radius:9px;display:grid;place-items:center}
.event-marker svg{height:16px;width:16px}
.event-body{flex:1;min-width:0}.event-title{font-size:12px;font-weight:710;margin:0 0 4px}.event-title a:hover{color:var(--acid)}
.event-summary{font-size:11.5px;color:#abbbad;line-height:1.55;margin:0 0 8px}
.event-meta{font:500 10px/1.5 var(--mono);color:#809381}
.event-meta a{color:#cce2a7;text-decoration:underline;text-underline-offset:3px}
.empty{padding:30px 23px;font-size:12px;line-height:1.65;color:var(--muted)}
.source-warning{display:flex;gap:12px;align-items:start;margin-top:21px;padding:16px 18px;border:1px solid #505039;background:linear-gradient(110deg,#24271b,#1e221a);border-radius:10px}
.source-warning svg{height:18px;width:18px;color:#dfcf9d}
.source-warning strong{font-size:11.5px;color:#e9e8d2}
.source-warning p{margin:5px 0 0;color:#adaf99;font-size:11px;line-height:1.6}
.quicklink-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quicklink{display:flex;align-items:center;gap:10px;background:#1b291d;border:1px solid #3a4f3b;padding:14px;border-radius:9px;font-size:11px;font-weight:680;transition:background .15s,border-color .15s}
.quicklink svg{height:17px;width:17px;color:var(--acid)}.quicklink span{flex:1}.quicklink .external-icon{height:12px;width:12px}
.quicklink:hover{background:#2c402f;border-color:#83a078}
.pillbar{display:flex;gap:7px;flex-wrap:wrap;margin:19px 0}.pill{padding:9px 13px;background:#17221a;border:1px solid #354739;color:#9bad9d;font-size:10.5px;font-weight:700;border-radius:8px;transition:background .15s}
.pill.active,.pill:hover{background:#30452c;color:#e7faca;border-color:#6d8f54}
.folder-group{margin-bottom:33px}.folder-head{font:700 11px/1.3 var(--mono);letter-spacing:.075em;display:flex;align-items:center;gap:10px;color:#afc1b0;margin-bottom:15px}
.folder-head svg{height:17px;width:17px;color:var(--acid)}
.detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:29px;margin-bottom:16px;background:radial-gradient(ellipse 45% 130% at 100% 0%,#445c392f,transparent),linear-gradient(130deg,#1b291e,#111912)}
.detail-hero-left{display:flex;align-items:flex-start;gap:18px}.detail-hero .project-glyph{height:55px;width:55px}
.detail-hero h1{font-size:clamp(25px,3vw,34px);font-weight:700;letter-spacing:-.048em;line-height:1.12;margin:0 0 9px}
.detail-hero p{font-size:12px;line-height:1.7;color:#b2c0b0;max-width:680px;margin:0}
.detail-top-actions{display:flex;align-items:center;gap:8px}
.tabs{display:flex;align-items:center;gap:27px;border-bottom:1px solid var(--line);margin:0 0 20px;overflow-x:auto}
.tabs a{font-size:12px;font-weight:710;color:#879c89;white-space:nowrap;padding:15px 0;border-bottom:2px solid transparent}
.tabs a:hover{color:#eff7e2}.tabs a.active{border-color:var(--acid);color:var(--acid)}
.detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.property{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}
.property:first-child{border:0}.property label{color:#7e9780}.property span{color:#dce7d6;text-align:right}
.info-list{display:grid;gap:13px}.info-item{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.6;color:#d5e2d0;word-break:break-word}
.info-item svg{height:16px;width:16px;color:var(--acid)}
.info-item a{color:#d3efa9;text-decoration:underline;text-underline-offset:4px}
.notice{border:1px solid #556a4a;background:linear-gradient(125deg,#273323,#1a241a);border-radius:10px;padding:17px 19px;color:#cfdfc5;font-size:12px;line-height:1.7;margin-bottom:20px}
.notice strong{color:#eaf5da}.notice.warn{border-color:#66553d;background:#2b281f;color:#e1c8a3}
.activity-list{overflow:hidden}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.select{border:1px solid var(--line-strong);padding:9px 12px;background:#1c2b1f;color:#edf6e9;border-radius:8px;font-size:12px}
.source-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:19px 22px}
.source-row:first-child{border-top:0}.source-info{flex:1;min-width:0}
.source-info strong{font-size:12.5px;display:block}.source-info p{font-size:11px;color:#9eae9e;line-height:1.6;margin:6px 0 0}
.placeholder-list{display:grid;gap:12px}.placeholder-list>div{background:#1a281c;border:1px solid #344636;border-radius:9px;padding:15px}
.placeholder-list strong{font-size:12px;color:#e5ede2}.placeholder-list p{font-size:11px;color:#9fb39e;line-height:1.55;margin:5px 0 0}
.link-ghost{color:var(--acid);text-decoration:underline;text-underline-offset:4px}
.section-tail{margin-top:14px}
.date-strong{font-weight:650;color:#dce6d8}
.codebox{background:#0b110d;border:1px solid #304333;border-radius:8px;color:#c8e1a8;overflow-wrap:anywhere;font:11px/1.6 var(--mono);padding:12px 14px}

/* Dashboard identity */
.dashboard-masthead{border-radius:17px;overflow:hidden;position:relative;min-height:343px;padding:40px 43px 38px;background:
  radial-gradient(ellipse at 92% 38%,#55795338,transparent 41%),
  radial-gradient(circle at 72% 120%,#526d3a34,transparent 43%),
  linear-gradient(113deg,#192820 0%,#142018 56%,#1b2a1b 100%);
  border:1px solid #52674f78;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(200px,.82fr);align-items:center;gap:5px}
.dashboard-masthead:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(#bed9a222 .7px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 46%,#000 100%)}
.hero-copy{position:relative;z-index:2}.hero-kicker{font:750 10px/1.4 var(--mono);letter-spacing:.17em;color:#c4d2ba;margin-bottom:24px;display:flex;align-items:center;gap:9px}
.hero-kicker:before{content:"";height:7px;width:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 16px #c9ed84aa}
.hero-heading{font-size:clamp(37px,4.3vw,66px);line-height:1.035;letter-spacing:-.067em;font-weight:690;margin:0;max-width:670px;color:#f2f7ed}
.hero-heading em{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;color:var(--acid);font-style:italic}
.hero-description{font-size:13px;line-height:1.7;color:#aebfae;max-width:410px;margin:23px 0 24px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-actions .btn{padding:11px 17px}
.hero-illustration{position:relative;height:274px;min-width:0;display:flex;align-items:center;justify-content:center;z-index:1}
.orbit-grid{position:absolute;inset:-8%;border-radius:50%;opacity:.38;background:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 24px,#b4c99d24 25px,#b4c99d24 26px)}
.orbit-ring{position:absolute;width:min(258px,95%);height:min(258px,95%);aspect-ratio:1;border:1px solid #b8d1a366;border-radius:50%;box-shadow:0 0 40px #b8d1a310,inset 0 0 40px #d4f6a508;display:grid;place-items:center;transform:rotate(-19deg)}
.orbit-ring:before{content:"";position:absolute;inset:30px;border:1px dashed #a5c89a55;border-radius:50%}
.orbit-ring:after{content:"";position:absolute;right:17px;top:27px;height:12px;width:12px;background:var(--acid);border:3px solid #263928;border-radius:50%;box-shadow:0 0 24px #cced9288}
.orbit-core{position:relative;z-index:1;border:1px solid #91b5777d;border-radius:25px 7px 25px 7px;background:linear-gradient(145deg,#cbed96,#88af69);height:118px;width:118px;display:grid;place-items:center;transform:rotate(19deg);box-shadow:0 15px 70px #b5d88320,inset 0 1px 0 #f7ffe980}
.orbit-core span{font-weight:900;font-size:64px;letter-spacing:-.13em;padding-right:12px;color:#1b2f1a;line-height:1}
.orbit-core b{font-size:49px;color:#507338}
.orbit-tag{position:absolute;z-index:2;background:#1a2d21e9;border:1px solid #57734f89;color:#c6dab8;border-radius:8px;padding:7px 10px;font:650 9px/1 var(--mono);letter-spacing:.09em;white-space:nowrap}
.orbit-tag.one{left:1%;top:19%}.orbit-tag.two{right:0;top:26%}.orbit-tag.three{right:9%;bottom:8%}.orbit-tag.four{left:3%;bottom:17%}
.masthead-foot{position:absolute;left:43px;right:43px;bottom:13px;display:flex;gap:15px;justify-content:space-between;font:600 9px/1.3 var(--mono);letter-spacing:.1em;color:#719075}
.masthead-foot span:last-child{color:#b4caad}
.utility-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 2px 7px}
.utility-strip-copy{display:flex;align-items:center;gap:10px;color:#c8d7c4;font-size:11px;font-weight:630}
.utility-strip-copy svg{width:16px;height:16px;color:var(--acid)}
.utility-strip-note{font:500 10px var(--mono);color:#7f9580}
.dashboard-section{margin-top:30px}
.section-heading .section-index{font:700 10px var(--mono);color:var(--acid);margin-right:12px;letter-spacing:.08em}
.area-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.area-tile{position:relative;display:flex;flex-direction:column;min-height:156px;padding:20px;border-radius:13px;border:1px solid var(--line);background:linear-gradient(150deg,#1c281e,#141c16);transition:transform .2s ease,border-color .2s,background .2s;overflow:hidden}
.area-tile:before{content:"";position:absolute;right:-22px;top:-22px;border:1px solid #9dbb8040;border-radius:50%;width:118px;height:118px}
.area-tile:after{content:"";position:absolute;right:-47px;top:-47px;border:1px solid #9dbb8028;border-radius:50%;width:171px;height:171px}
.area-tile:hover{transform:translateY(-4px);border-color:#7f9b69;background:#283a2a}
.area-icon{width:36px;height:36px;border:1px solid #647b58;border-radius:9px;background:#2e472f;color:#e3f4ce;display:grid;place-items:center;margin-bottom:auto}
.area-icon svg{height:18px;width:18px}
.area-tile-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;font-size:15px;font-weight:690;letter-spacing:-.035em;color:#edf3e9}
.area-tile-title svg{height:15px;width:15px;color:var(--acid)}
.area-tile-description{font-size:10.5px;color:#94aa96;line-height:1.5;margin-top:6px}
.area-tile:nth-child(2){background:linear-gradient(140deg,#202924,#141b17)}
.area-tile:nth-child(2) .area-icon{background:#37442c;color:#e3e9c2}
.area-tile:nth-child(3){background:linear-gradient(140deg,#232521,#171a16)}
.area-tile:nth-child(3) .area-icon{background:#49412e;color:#f2d7aa;border-color:#7f714d}
.area-tile:nth-child(4){background:linear-gradient(140deg,#212426,#141819)}
.area-tile:nth-child(4) .area-icon{background:#343e48;color:#ccdae1;border-color:#54606b}
.activity-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(278px,1fr);gap:16px;align-items:start}
.section-annotation{font:600 9px/1.4 var(--mono);letter-spacing:.07em;color:#819782}
.pulse-card .card-head{padding:22px 23px 19px}
.pulse-line{display:flex;align-items:center;gap:13px;padding:16px 22px;border-top:1px solid var(--line);transition:background .16s}
.pulse-line:hover{background:#1c2b20}
.pulse-dot{height:11px;width:11px;background:#d3efaf;border:3px solid #334e32;border-radius:50%;flex:none;box-shadow:0 0 0 1px #7ca06d55}
.pulse-info{flex:1;min-width:0}.pulse-name{font-size:12px;font-weight:710;color:#e8f0e2;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pulse-description{font-size:11px;color:#92a493;line-height:1.55;margin-top:4px}
.pulse-source{display:flex;gap:7px;align-items:center;margin-top:6px;font:500 9px/1.3 var(--mono);color:#758d78}
.pulse-time{font:600 10px var(--mono);color:#a9bc9f;white-space:nowrap}
.command-card{padding:23px;background:linear-gradient(143deg,#1b2820,#151b16)}
.command-card .card-title{margin-bottom:4px}
.command-intro{font-size:11px;color:#9aae98;margin:0 0 18px;line-height:1.6}
.command-link{padding:13px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}
.command-link .project-glyph{height:35px;width:35px;border-radius:8px}
.command-link .project-glyph svg{height:17px;width:17px}
.command-link-info{flex:1;min-width:0}.command-link-info b{display:block;font-size:11.5px;font-weight:700;line-height:1.3}
.command-link-info small{display:block;color:#849988;font-size:10px;margin-top:4px}
.command-link>svg{height:15px;width:15px;color:var(--acid)}
.command-link:hover .command-link-info b{color:var(--acid)}
.command-link-info{min-width:0}
.command-open{flex:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid #435d44;background:#233329;border-radius:8px;color:var(--acid);transition:background .15s,border-color .15s}
.command-open svg{height:14px;width:14px}
.command-open:hover{background:#3b523d;border-color:#83a276;color:#f0ffda}
.command-notice{margin-top:16px;padding:12px 13px;border:1px solid #52644766;background:#29362577;border-radius:8px;font-size:10.5px;color:#adc5a1;line-height:1.65}
.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0 0}
.mini-metric{padding:13px 15px;background:#111913;border:1px solid var(--line);border-radius:9px}
.mini-metric b{font-size:20px;letter-spacing:-.06em;display:block;font-weight:670;line-height:1.2}
.mini-metric span{font-size:9.5px;color:#8ca08f;display:block;margin-top:4px}
.slim-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.slim-card{min-height:170px;display:flex;flex-direction:column;padding:19px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,#1b281f,#131b15);transition:border-color .18s,transform .18s}
.slim-card:hover{border-color:#7a9d67;transform:translateY(-3px)}
.slim-card-top{display:flex;justify-content:space-between;align-items:center}
.slim-index{font:600 10px var(--mono);color:#78927c}
.slim-card h3{font-size:15px;font-weight:680;line-height:1.3;letter-spacing:-.038em;margin:19px 0 7px}
.slim-card p{font-size:11px;line-height:1.6;color:#95aa98;margin:0}
.slim-card-bottom{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.small-dot{display:inline-block;vertical-align:middle;height:6px;width:6px;border-radius:50%;background:var(--acid);margin-right:7px}
.design-footnote{color:#809584;font-size:11px;line-height:1.6;margin-top:14px}
.empty-svg{display:grid;place-items:center;color:var(--acid);margin:5px 0 12px}.empty-svg svg{width:28px;height:28px}

/* Dialog */
dialog{background:linear-gradient(130deg,#172219,#111812);color:var(--ink);border:1px solid #6b8864;border-radius:15px;box-shadow:0 24px 90px #000d;padding:26px;width:min(94vw,530px);max-height:min(85vh,760px);overflow-y:auto}
dialog::backdrop{background:#050a06cf;backdrop-filter:blur(7px)}
.modal-header{display:flex;justify-content:space-between;align-items:start;gap:10px}
.modal-header h2{font-size:27px;letter-spacing:-.05em;margin:0}
#dialog-fields{display:grid;gap:15px;margin:23px 0}
#dialog-fields label{font-size:11px;font-weight:700;color:#c0d0bb;display:grid;gap:7px}
#dialog-fields input,#dialog-fields select,#dialog-fields textarea{width:100%;background:#0b120c;border:1px solid #455a49;color:#f4f8f0;padding:12px;border-radius:8px;font-size:12px}
#dialog-fields textarea{min-height:93px;resize:vertical}
.modal-actions{display:flex;justify-content:flex-end;gap:9px}
.mobile-menu-backdrop{display:none}

@media(max-width:1250px){
 .sidebar{width:250px;min-width:250px}.brand{padding-left:9px}.brand-words b{font-size:12px}
 .topbar{padding:0 28px}#app{padding:35px 28px 60px}.main-footer{padding:20px 28px}
 .dashboard-masthead{padding:34px}.masthead-foot{left:34px;right:34px}
 .hero-heading{font-size:clamp(36px,4.1vw,56px)}
 .area-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .area-tile{min-height:137px}
}
@media(max-width:1010px){
 .content-grid,.activity-layout{grid-template-columns:1fr}
 .project-grid,.slim-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .preview-label{display:none}
 .dashboard-masthead{grid-template-columns:minmax(0,1.1fr) minmax(185px,.9fr)}
 .orbit-tag.one,.orbit-tag.four{left:-7%}
}
@media(max-width:785px){
 .sidebar{position:fixed;top:0;left:0;bottom:0;width:270px;min-width:270px;transform:translateX(-105%);transition:transform .25s ease;box-shadow:12px 0 60px #0007}
 .sidebar.open{transform:translateX(0)}
 .mobile-only{display:grid}.icon-button.mobile-only{display:grid}.mobile-menu-backdrop{display:block;position:fixed;inset:0;background:#010702b8;z-index:20}.mobile-menu-backdrop[hidden]{display:none}
 .topbar{height:70px;min-height:70px;padding:0 20px;gap:12px}
 .topbar-left{gap:12px}.topbar-right{gap:10px}
 .topbar-location-top{font-size:8px}.breadcrumb{font-size:11px}
 .search-field{width:clamp(150px,34vw,280px)}.search-field kbd,.topbar-divider,.preview-label{display:none}
 #app{padding:25px 21px 55px}.main-footer{padding:21px;font-size:9px}
 .dashboard-masthead{grid-template-columns:minmax(0,1.15fr) minmax(160px,.85fr);min-height:317px;padding:29px;gap:0}
 .masthead-foot{left:29px;right:29px}.hero-heading{font-size:clamp(37px,5.8vw,54px)}
 .hero-description{font-size:12px;margin:18px 0 22px}
 .hero-illustration{height:245px}.orbit-core{width:99px;height:99px}.orbit-core span{font-size:53px}.orbit-core b{font-size:40px}
 .orbit-tag{font-size:8px}
 .page-head{align-items:flex-start;flex-direction:column}.detail-hero{flex-direction:column}
}
@media(max-width:555px){
 .topbar-location-top{display:none}.topbar{padding:0 14px;gap:8px}
 .search-field{width:min(40vw,192px);min-width:125px;padding:9px}
 .search-field input{font-size:11px}.search-field input::placeholder{color:#879d89}
 .avatar{height:33px;width:33px;font-size:15px}
 #app{padding:19px 14px 45px}.main-footer{padding:17px 14px}
 .dashboard-masthead{min-height:420px;grid-template-columns:1fr;display:block;padding:27px 24px 25px;border-radius:13px}
 .hero-kicker{font-size:9px;margin-bottom:18px}
 .hero-heading{font-size:clamp(38px,10vw,54px);max-width:360px}
 .hero-description{max-width:320px;font-size:11.5px;line-height:1.65;margin:17px 0 21px}
 .hero-illustration{position:absolute;height:195px;width:190px;top:auto;right:-36px;bottom:-50px;opacity:.36;pointer-events:none}
 .hero-actions{position:relative;z-index:3}.hero-actions .btn{font-size:10px;padding:10px 13px}
 .orbit-tag{display:none}.orbit-core{height:85px;width:85px;border-radius:15px 5px}.orbit-core span{font-size:47px}.orbit-core b{font-size:34px}
 .masthead-foot{left:24px;right:24px;bottom:14px;font-size:8px}
 .masthead-foot span:last-child{display:none}
 .utility-strip{padding:18px 2px 2px;align-items:flex-start}.utility-strip-note{display:none}
 .area-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .area-tile{padding:16px;min-height:155px}
 .area-tile-title{font-size:13px;margin-top:20px}.area-tile-description{font-size:10px}
 .section-heading{margin:29px 0 14px}.section-heading h2{font-size:17px}
 .project-grid,.slim-project-grid{grid-template-columns:1fr}
 .slim-card{min-height:145px}
 .stats{gap:9px}.stat{min-height:115px;padding:16px}.stat-value{font-size:27px}
 .detail-hero{padding:21px}.detail-hero h1{font-size:24px}.detail-hero-left{gap:12px}
 .detail-hero .project-glyph{width:43px;height:43px}.detail-top-actions{width:100%}.detail-top-actions>*{flex:1}
 .detail-info{grid-template-columns:1fr}
 .source-row{padding:16px}.source-row .badge{max-width:100px;white-space:normal;text-align:center}
 .project-row{padding:13px}.project-row-time{display:none}.project-row-end svg{height:14px;width:14px}
 .mini-metrics{gap:8px}.mini-metric{padding:12px}.mini-metric b{font-size:18px}
 .card-head{padding:19px}.card-body{padding:4px 19px 19px}
 .pulse-line{padding:14px 17px}.pulse-time{display:none}
 .page-title{font-size:32px}.quicklink-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}}


/* Seven-domain network atlas. Public-safe links only. */
.network-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.network-shortcut{display:flex;align-items:center;gap:11px;padding:16px 15px;background:linear-gradient(120deg,#1c2b1e,#151f17);border:1px solid var(--line);border-radius:10px;min-width:0;transition:transform .17s,border-color .17s}
.network-shortcut:hover{transform:translateY(-2px);border-color:#7d9c68}
.network-shortcut-icon{height:35px;width:35px;border:1px solid #64815856;background:#31452f;color:var(--acid);display:grid;place-items:center;border-radius:9px;flex:none}
.network-shortcut-icon svg{height:18px;width:18px}
.network-shortcut-copy{flex:1;min-width:0}
.network-shortcut-copy b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ebf1e7;font-size:11.5px;letter-spacing:-.017em}
.network-shortcut-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#91a590;margin-top:3px;font:500 9.5px var(--mono)}
.network-shortcut>svg{width:13px;height:13px;color:var(--acid)}
.network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.network-card{min-height:240px;display:flex;flex-direction:column;padding:22px;background:linear-gradient(142deg,#1a291e,#121a15);border:1px solid var(--line);border-radius:13px;min-width:0;transition:transform .18s,border-color .18s}
.network-card:hover{transform:translateY(-3px);border-color:#789c65}
.network-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--acid);margin-bottom:21px}
.network-card-top svg{height:19px;width:19px}
.network-number{font:650 10px var(--mono);letter-spacing:.07em;color:#8da58b}
.network-site-kind{font:700 10px var(--mono);color:#a4ba9d;letter-spacing:.05em}
.network-card h3{font-size:19px;font-weight:715;letter-spacing:-.04em;margin:9px 0 3px}
.network-url{font:600 10px/1.5 var(--mono);color:var(--acid);overflow-wrap:anywhere}
.network-card p{margin:13px 0 20px;font-size:11px;color:#9bad9c;line-height:1.65}
.network-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}
.network-open{font-size:10px;font-weight:750;color:var(--acid);display:inline-flex;align-items:center;gap:6px}
.network-open svg{height:13px;width:13px}
@media(max-width:1200px){.network-shortcuts,.network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:585px){.network-shortcuts,.network-grid{grid-template-columns:1fr}.network-card{min-height:225px}}