:root {
  --bg: #070a10;
  --panel: rgba(15, 22, 31, .88);
  --panel-2: rgba(20, 29, 39, .82);
  --panel-3: #111a24;
  --line: rgba(133, 175, 197, .12);
  --line-strong: rgba(118, 213, 232, .25);
  --text: #e8f1f5;
  --muted: #7d929f;
  --faint: #526774;
  --cyan: #68d8e9;
  --cyan-2: #28acc7;
  --green: #55d89b;
  --amber: #e7b967;
  --red: #ff777d;
  --purple: #a892f7;
  --radius: 17px;
  --shadow: 0 25px 70px rgba(0, 0, 0, .3);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: radial-gradient(circle at 82% 0, rgba(38, 133, 160, .1), transparent 30rem), linear-gradient(145deg, #080d14, #05070b 60%); font: 13px/1.5 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, textarea { font: inherit; }
[hidden] { display: none !important; }
button { cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .13; background-image: linear-gradient(rgba(93, 167, 190, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(93, 167, 190, .055) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(black, transparent 82%); }
.shell { min-height: 100vh; display: grid; grid-template-columns: 270px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; z-index: 30; height: 100vh; overflow-y: auto; padding: 23px 17px 18px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: linear-gradient(180deg, rgba(7, 13, 20, .98), rgba(5, 9, 14, .98)); box-shadow: 20px 0 70px rgba(0,0,0,.2); }
.identity { display: flex; align-items: center; gap: 12px; padding: 2px 9px 20px; color: inherit; text-decoration: none; }
.identity > span:last-child strong, .identity > span:last-child small { display: block; }
.identity > span:last-child strong { letter-spacing: .14em; font-size: 16px; }
.identity > span:last-child small { color: #66808e; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.kai-core { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(104,216,233,.5); border-radius: 50%; color: #c8f9ff; background: radial-gradient(circle, rgba(104,216,233,.2), transparent 68%); box-shadow: 0 0 0 5px rgba(104,216,233,.03), 0 0 28px rgba(104,216,233,.16); }
.kai-core::before { content: ""; position: absolute; inset: 6px; border: 1px dashed rgba(104,216,233,.3); border-radius: 50%; animation: spin 14s linear infinite; }
.kai-core i { position: absolute; top: 2px; width: 4px; height: 4px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.kai-core b { z-index: 1; }
@keyframes spin { to { transform: rotate(360deg); } }
.agent-state { display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; margin: 0 5px 19px; padding: 10px 11px; border: 1px solid rgba(85,216,155,.12); border-radius: 11px; background: rgba(85,216,155,.035); }
.agent-state b, .agent-state small { display: block; }.agent-state b { font-size: 10px; }.agent-state small { color: #59706c; font-size: 8px; }
.live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 11px var(--green); animation: pulse 2s infinite; }.latency { color: #58716e; font-size: 8px; }
@keyframes pulse { 50% { box-shadow: 0 0 0 5px rgba(85,216,155,0), 0 0 14px var(--green); } }
.nav { display: grid; gap: 3px; }
.nav p { margin: 15px 11px 5px; color: #405461; font-size: 8px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.nav-link { position: relative; width: 100%; min-height: 38px; display: flex; gap: 11px; align-items: center; border: 1px solid transparent; border-radius: 9px; padding: 8px 11px; color: #718693; background: transparent; text-align: left; font-size: 11px; font-weight: 560; transition: .18s ease; }
.nav-link > span { width: 18px; color: #49616f; text-align: center; font-size: 15px; }
.nav-link > i { margin-left: auto; min-width: 19px; height: 18px; display: grid; place-items: center; border-radius: 6px; color: #66818f; background: rgba(255,255,255,.035); font-size: 8px; font-style: normal; }
.nav-link:hover { color: #c9e4ea; border-color: rgba(104,216,233,.08); background: rgba(104,216,233,.035); }
.nav-link.active { color: #edfaff; border-color: rgba(104,216,233,.16); background: linear-gradient(90deg, rgba(104,216,233,.14), rgba(104,216,233,.025)); box-shadow: inset 2px 0 var(--cyan); }
.nav-link.active > span { color: var(--cyan); }.nav-link .alert-count { color: #f0c377; background: rgba(231,185,103,.1); }
.sidebar-bottom { margin-top: auto; display: grid; gap: 11px; padding-top: 18px; }
.usage-mini { padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.015); }.usage-mini > div { display: flex; justify-content: space-between; color: #718693; font-size: 9px; }.usage-mini b { color: #b6c8cf; }.usage-mini progress { width: 100%; height: 4px; margin: 8px 0 3px; border: 0; border-radius: 99px; appearance: none; }.usage-mini progress::-webkit-progress-bar { background: rgba(255,255,255,.06); }.usage-mini progress::-webkit-progress-value { background: linear-gradient(90deg,var(--cyan-2),var(--cyan)); }.usage-mini small { color: #425661; font-size: 8px; }
.talk-button { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; border: 1px solid rgba(104,216,233,.18); border-radius: 11px; padding: 10px 11px; color: #dff8fc; background: rgba(104,216,233,.06); text-align: left; }.talk-button .wave { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: #041016; background: var(--cyan); font-size: 19px; }.talk-button b,.talk-button small { display: block; }.talk-button b { font-size: 10px; }.talk-button small { color: #66818e; font-size: 8px; }.talk-button kbd { color: #58717f; background: transparent; font-size: 8px; }

.main { min-width: 0; }.topbar { position: sticky; top: 0; z-index: 20; min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 29px; border-bottom: 1px solid var(--line); background: rgba(6, 10, 15, .78); backdrop-filter: blur(23px); }
.menu-button { display: none; border: 0; color: var(--text); background: transparent; font-size: 21px; }.crumb { display: flex; align-items: center; gap: 9px; }.crumb span { color: #546c79; }.crumb b { color: #31424c; }.crumb strong { font-size: 12px; }
.top-actions { display: flex; gap: 8px; align-items: center; }.global-search { width: min(300px, 29vw); display: flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; color: #526b78; background: rgba(14,22,30,.72); }.global-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--text); background: transparent; }.global-search kbd { color: #465c68; font-size: 8px; }.icon-button,.capture,.avatar { border: 1px solid var(--line); color: #95a8b2; background: rgba(15,24,32,.8); }.icon-button { position: relative; width: 35px; height: 35px; border-radius: 10px; }.icon-button i { position: absolute; right: 8px; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: var(--amber); }.capture { height: 35px; border-color: rgba(104,216,233,.38); border-radius: 10px; padding: 0 13px; color: #061115; background: linear-gradient(135deg,#7be2ef,#3bbbd2); font-size: 10px; font-weight: 700; }.avatar { width: 35px; height: 35px; border-radius: 50%; color: #b6dce5; font-size: 9px; }
.viewport { max-width: 1580px; margin: auto; padding: 27px 29px 70px; }

.page-intro { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 20px; }.eyebrow { margin: 0 0 5px; color: var(--cyan); font-size: 8px; font-weight: 750; letter-spacing: .18em; text-transform: uppercase; }.page-intro h1 { margin: 0; font-size: 27px; letter-spacing: -.035em; }.page-intro p:not(.eyebrow) { margin: 6px 0 0; color: var(--muted); }.date-chip { padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; color: #76909d; background: rgba(255,255,255,.018); font-size: 9px; }
.briefing { position: relative; overflow: hidden; min-height: 225px; display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 31px 34px; border: 1px solid rgba(104,216,233,.18); border-radius: 20px; background: linear-gradient(110deg,rgba(14,35,46,.97),rgba(9,19,27,.95) 65%,rgba(12,40,48,.9)); box-shadow: var(--shadow); }.briefing::before { content:""; position:absolute; inset:0; opacity:.17; background-image:linear-gradient(rgba(104,216,233,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(104,216,233,.12) 1px,transparent 1px); background-size:43px 43px; }.brief-copy { position: relative; z-index: 2; max-width: 720px; }.brief-copy .online-label { display: inline-flex; align-items:center; gap:7px; margin-bottom:17px; padding:5px 9px; border:1px solid rgba(85,216,155,.16); border-radius:99px; color:#71b995; background:rgba(85,216,155,.04); font-size:7px; letter-spacing:.13em; }.brief-copy h2 { margin: 0; font-size: clamp(28px,4vw,43px); font-weight: 570; letter-spacing: -.045em; }.brief-copy > p { max-width: 650px; color: #86a0ac; }.brief-actions { display:flex; gap:8px; margin-top:18px; }.primary,.secondary { border-radius:9px; padding:9px 12px; font-weight:650; font-size:10px; }.primary { border:1px solid var(--cyan); color:#061115; background:var(--cyan); }.secondary { border:1px solid var(--line-strong); color:#a6c8d1; background:rgba(104,216,233,.035); }
.radar { position:relative; z-index:2; width:148px; height:148px; margin-right:18px; border:1px solid rgba(104,216,233,.23); border-radius:50%; box-shadow:inset 0 0 45px rgba(104,216,233,.05),0 0 35px rgba(104,216,233,.05); }.radar::before,.radar::after { content:""; position:absolute; inset:18px; border:1px dashed rgba(104,216,233,.17); border-radius:50%; }.radar::after { inset:42px; border-style:solid; }.radar .sweep { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg,transparent 0 82%,rgba(104,216,233,.2)); animation:spin 5s linear infinite; }.radar b { position:absolute; inset:0; display:grid; place-items:center; color:#9af0fa; font-size:25px; text-shadow:0 0 20px var(--cyan); }

.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:14px 0; }.metric,.panel,.project-card,.habit-panel,.data-card { border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(16,25,34,.9),rgba(9,16,23,.92)); box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 38px rgba(0,0,0,.12); }.metric { position:relative; overflow:hidden; min-height:110px; padding:17px 18px; }.metric::after { content:""; position:absolute; right:-32px; bottom:-43px; width:100px; height:100px; border:1px solid rgba(104,216,233,.07); border-radius:50%; }.metric header { display:flex; justify-content:space-between; color:#647c89; font-size:8px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }.metric header i { width:25px; height:25px; display:grid; place-items:center; border:1px solid rgba(104,216,233,.12); border-radius:8px; color:var(--cyan); background:rgba(104,216,233,.06); font-style:normal; }.metric strong { display:block; margin-top:9px; font-size:29px; font-weight:520; letter-spacing:-.04em; }.metric small { color:#506672; font-size:8px; }.trend-up { color:var(--green)!important; }.trend-warn { color:var(--amber)!important; }
.grid-2 { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(310px,.8fr); gap:14px; }.stack { display:grid; align-content:start; gap:14px; }.panel { min-width:0; padding:19px; }.panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; padding-bottom:12px; border-bottom:1px solid rgba(131,178,195,.08); }.panel-head h2 { margin:2px 0 0; font-size:15px; }.panel-head p { margin:0; color:var(--cyan); font-size:7px; font-weight:750; letter-spacing:.16em; text-transform:uppercase; }.text-link { border:0; color:#5fcddd; background:transparent; font-size:9px; }
.task-list { display:grid; }.task { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:start; padding:11px 3px; border-top:1px solid rgba(125,174,191,.07); }.task:first-child { border-top:0; }.check { width:18px; height:18px; margin-top:2px; border:1px solid #435b69; border-radius:6px; color:#071016; background:transparent; }.check.done { border-color:var(--green); background:var(--green); }.task b,.task small { display:block; }.task b { color:#cbdbe2; font-size:10px; }.task small { margin-top:3px; color:#58707d; font-size:8px; }.task-meta { display:flex; gap:6px; align-items:center; }.pill { display:inline-flex; align-items:center; width:max-content; padding:3px 6px; border:1px solid rgba(123,169,184,.12); border-radius:99px; color:#718a96; background:rgba(123,169,184,.06); font-size:7px; font-weight:700; text-transform:uppercase; }.pill.high,.pill.waiting { color:#dcb66d; border-color:rgba(231,185,103,.18); background:rgba(231,185,103,.07); }.pill.active,.pill.done,.pill.ok { color:#65d5a0; border-color:rgba(85,216,155,.18); background:rgba(85,216,155,.07); }.pill.blocked,.pill.failed { color:#ff8d92; border-color:rgba(255,119,125,.18); background:rgba(255,119,125,.07); }.due { color:#5e7581; font-size:8px; white-space:nowrap; }.due.overdue { color:var(--red); }
.project-pulse { display:grid; gap:13px; }.project-line { display:grid; grid-template-columns:1fr auto; gap:5px 10px; }.project-line b { font-size:9px; }.project-line small { color:#667e8a; font-size:8px; }.project-line progress,.habit-progress { grid-column:1/-1; width:100%; height:4px; border:0; border-radius:99px; appearance:none; }.project-line progress::-webkit-progress-bar,.habit-progress::-webkit-progress-bar { background:rgba(255,255,255,.05); }.project-line progress::-webkit-progress-value,.habit-progress::-webkit-progress-value { background:linear-gradient(90deg,var(--cyan-2),#76e2cf); box-shadow:0 0 10px rgba(104,216,233,.25); }
.decision { padding:10px 0; border-top:1px solid rgba(125,174,191,.07); }.decision:first-of-type { border-top:0; }.decision p { margin:3px 0; color:#b9cbd2; font-size:9px; }.decision small { color:#506672; font-size:8px; }
.signal-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.signal { min-height:69px; padding:11px; border:1px solid rgba(125,174,191,.09); border-radius:10px; color:#c4d9df; background:rgba(255,255,255,.015); text-align:left; }.signal:hover { border-color:rgba(104,216,233,.28); background:rgba(104,216,233,.055); }.signal b,.signal small { display:block; }.signal small { margin-top:4px; color:#526b77; font-size:8px; }

.toolbar { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:15px; }.filter { border:1px solid var(--line); border-radius:99px; padding:6px 9px; color:#6c8490; background:rgba(255,255,255,.015); font-size:8px; }.filter.active { border-color:var(--cyan); color:#071115; background:var(--cyan); }.project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.project-card { min-height:245px; display:grid; align-content:start; padding:18px; transition:.2s ease; }.project-card:hover { transform:translateY(-3px); border-color:rgba(104,216,233,.23); box-shadow:0 22px 50px rgba(0,0,0,.24); }.project-card header { display:flex; justify-content:space-between; }.project-card h3 { margin:13px 0 5px; font-size:16px; }.project-card > p { margin:0; min-height:42px; color:#687f8b; font-size:9px; }.project-card progress { width:100%; height:4px; margin-top:16px; border:0; appearance:none; }.project-card progress::-webkit-progress-bar { background:rgba(255,255,255,.05); }.project-card progress::-webkit-progress-value { background:linear-gradient(90deg,var(--cyan-2),var(--cyan)); }.progress-label { display:flex; justify-content:space-between; margin-top:5px; color:#58707b; font-size:8px; }.next { margin-top:14px; padding-top:11px; border-top:1px solid rgba(125,174,191,.08); }.next small { color:var(--cyan); font-size:7px; font-weight:750; text-transform:uppercase; }.next p { margin:3px 0; color:#a9bcc4; font-size:9px; }.card-foot { display:flex; justify-content:space-between; margin-top:auto; padding-top:13px; color:#506772; font-size:8px; }
.table-shell { overflow:auto; border:1px solid var(--line); border-radius:var(--radius); background:rgba(11,18,25,.84); }.data-table { width:100%; border-collapse:collapse; }.data-table th { padding:10px 12px; color:#5b7480; background:rgba(104,216,233,.025); font-size:7px; text-align:left; text-transform:uppercase; letter-spacing:.1em; }.data-table td { padding:11px 12px; border-top:1px solid rgba(125,174,191,.07); color:#9db0b8; font-size:9px; }.data-table td:first-child { color:#d3e2e7; font-weight:600; }
.video-draft-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:15px; }.video-draft-card { overflow:hidden; border:1px solid rgba(216,182,106,.18); border-radius:18px; background:linear-gradient(155deg,rgba(25,21,16,.96),rgba(9,12,16,.96)); box-shadow:0 20px 55px rgba(0,0,0,.25); }.video-preview { position:relative; aspect-ratio:9/16; max-height:560px; overflow:hidden; background:#080706; }.video-preview video { width:100%; height:100%; display:block; object-fit:contain; background:#080706; }.video-duration { position:absolute; right:10px; top:10px; padding:4px 7px; border:1px solid rgba(216,182,106,.26); border-radius:99px; color:#f5eedf; background:rgba(8,7,6,.82); font-size:10px; pointer-events:none; }.video-draft-copy { padding:17px; }.video-draft-meta { display:flex; flex-wrap:wrap; gap:6px; }.video-draft-copy h2 { margin:11px 0 6px; color:#f0e8d9; font-family:Georgia,"Times New Roman",serif; font-size:20px; font-weight:500; line-height:1.25; }.video-draft-copy p { margin:0; color:#8d8271; font-size:12px; }.video-draft-copy>small { display:block; margin-top:12px; color:#a78c58; font-size:10px; line-height:1.5; }.draft-notice { display:grid; gap:2px; margin-top:14px; padding:10px 11px; border-left:2px solid #d8b66a; color:#c7b58e; background:rgba(216,182,106,.05); font-size:11px; }.draft-notice b { color:#e0ca98; text-transform:uppercase; letter-spacing:.08em; font-size:9px; }

.habit-hero { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; margin-bottom:14px; padding:22px 24px; border:1px solid rgba(104,216,233,.16); border-radius:var(--radius); background:linear-gradient(110deg,rgba(15,42,51,.9),rgba(9,21,29,.92)); }.habit-hero h2 { margin:3px 0 5px; font-size:20px; }.habit-hero p { margin:0; color:#76909b; }.intention { max-width:500px; margin-top:13px; padding:10px 12px; border-left:2px solid var(--cyan); color:#afc5cc; background:rgba(104,216,233,.04); font-style:italic; }.habit-score { text-align:right; }.habit-score strong { display:block; color:#d6f8fc; font-size:37px; font-weight:470; letter-spacing:-.05em; }.habit-score small { color:#607985; font-size:8px; }
.habit-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(285px,.65fr); gap:14px; }.habit-panel { overflow:hidden; padding:18px; }.month-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }.month-toolbar h3 { margin:0; font-size:14px; }.month-toolbar div { display:flex; gap:5px; }.month-toolbar button { width:27px; height:27px; border:1px solid var(--line); border-radius:8px; color:#79909b; background:rgba(255,255,255,.018); }.habit-matrix { overflow-x:auto; }.habit-grid-table { min-width:780px; width:100%; border-collapse:separate; border-spacing:4px; }.habit-grid-table th { color:#4f6570; font-size:7px; font-weight:600; }.habit-grid-table th:first-child,.habit-grid-table td:first-child { position:sticky; left:0; z-index:1; min-width:125px; color:#9db0b8; background:#0d161f; text-align:left; }.habit-grid-table td { min-width:20px; height:22px; text-align:center; font-size:7px; }.day-cell { border:1px solid rgba(115,161,178,.1); border-radius:5px; background:rgba(255,255,255,.018); }.day-cell.done { border-color:rgba(104,216,233,.42); color:#061115; background:var(--cyan); box-shadow:0 0 8px rgba(104,216,233,.15); }.day-cell.rest { opacity:.3; }.today-col { outline:1px solid rgba(231,185,103,.35); }
.chart { height:155px; display:flex; align-items:end; gap:8px; padding:18px 4px 5px; border-bottom:1px solid rgba(125,174,191,.1); }.bar-wrap { flex:1; height:100%; display:flex; flex-direction:column; justify-content:end; align-items:center; gap:5px; }.bar { width:70%; min-width:11px; border-radius:5px 5px 2px 2px; background:linear-gradient(to top,var(--cyan-2),#7be1ef); box-shadow:0 0 12px rgba(104,216,233,.1); }.bar-wrap small { color:#526873; font-size:7px; }.review-card { margin-top:12px; padding:13px; border:1px solid rgba(168,146,247,.13); border-radius:11px; background:rgba(168,146,247,.035); }.review-card p { margin:0 0 5px; color:#9384cf; font-size:7px; font-weight:750; text-transform:uppercase; letter-spacing:.12em; }.review-card blockquote { margin:0; color:#a7b8bf; font-size:9px; }
.approval-card,.automation { display:grid; grid-template-columns:auto 1fr auto; gap:11px; align-items:start; padding:13px 0; border-top:1px solid rgba(125,174,191,.07); }.approval-card:first-of-type,.automation:first-of-type { border-top:0; }.approval-icon { width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(231,185,103,.16); border-radius:9px; color:var(--amber); background:rgba(231,185,103,.06); }.approval-card b,.approval-card small,.automation b,.automation small { display:block; }.approval-card small,.automation small { margin-top:3px; color:#5f7581; font-size:8px; }.approval-actions { display:flex; gap:5px; }.approval-actions button { border-radius:7px; padding:5px 7px; font-size:7px; }.approve { border:1px solid rgba(85,216,155,.2); color:#6fdca7; background:rgba(85,216,155,.06); }.decline { border:1px solid rgba(255,119,125,.16); color:#dd7b80; background:rgba(255,119,125,.05); }

.command-modal { position:fixed; inset:0; z-index:100; display:none; place-items:start center; padding-top:12vh; background:rgba(2,5,8,.73); backdrop-filter:blur(8px); }.command-modal.open { display:grid; }.modal-dismiss { position:absolute; inset:0; width:100%; border:0; background:transparent; }.command-card { position:relative; width:min(670px,calc(100% - 28px)); padding:20px; border:1px solid rgba(104,216,233,.2); border-radius:18px; background:#0b141c; box-shadow:0 35px 100px rgba(0,0,0,.6); }.command-card header { display:flex; justify-content:space-between; gap:15px; }.command-card header p { margin:0; color:var(--cyan); font-size:7px; font-weight:750; text-transform:uppercase; letter-spacing:.15em; }.command-card h2 { margin:4px 0 14px; font-size:18px; }.command-card header button { border:0; color:#738792; background:transparent; font-size:24px; }.command-card textarea { width:100%; min-height:130px; resize:vertical; border:1px solid var(--line); border-radius:12px; padding:13px; outline:0; color:var(--text); background:#0e1a23; }.command-card textarea:focus { border-color:rgba(104,216,233,.45); box-shadow:0 0 0 3px rgba(104,216,233,.06); }.capture-types { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 17px; }.capture-types button { border:1px solid var(--line); border-radius:99px; padding:5px 8px; color:#647b87; background:transparent; font-size:7px; }.capture-types button.selected { border-color:var(--cyan); color:#071115; background:var(--cyan); }.command-card footer { display:flex; justify-content:space-between; gap:15px; align-items:center; }.command-card footer span { color:#617984; font-size:8px; }.command-card footer span i { display:inline-block; width:5px; height:5px; margin-right:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); }.toast { position:fixed; z-index:120; left:50%; bottom:23px; opacity:0; transform:translate(-50%,15px); pointer-events:none; padding:9px 12px; border:1px solid rgba(85,216,155,.2); border-radius:9px; color:#b9e7d0; background:#0c1b18; box-shadow:var(--shadow); transition:.22s ease; }.toast.show { opacity:1; transform:translate(-50%,0); }
.empty { padding:45px 15px; color:var(--muted); text-align:center; }.empty b { display:block; color:var(--text); font-size:15px; }.empty p { margin:6px auto; max-width:430px; }

@media (max-width:1150px) { .project-grid,.video-draft-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:1fr 1fr}.radar{display:none}.briefing{grid-template-columns:1fr}.habit-layout{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.grid-2>.stack:last-child{grid-template-columns:1fr 1fr} }
@media (max-width:820px) { .shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:270px;transition:.2s ease}.sidebar.open{transform:translateX(0)}.menu-button{display:block}.topbar{padding:12px 15px}.viewport{padding:20px 15px 70px}.global-search{display:none}.briefing{padding:25px 22px}.page-intro{align-items:start;flex-direction:column}.date-chip{display:none}.grid-2>.stack:last-child{grid-template-columns:1fr}.project-grid,.video-draft-grid{grid-template-columns:1fr}.video-preview{max-height:640px}.habit-hero{grid-template-columns:1fr}.habit-score{text-align:left} }
@media (max-width:520px) { .crumb span,.crumb b{display:none}.top-actions{margin-left:auto}.icon-button{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:95px;padding:14px}.metric strong{font-size:24px}.metric small{display:none}.brief-copy h2{font-size:29px}.brief-actions{flex-wrap:wrap}.panel{padding:15px}.signal-grid{grid-template-columns:1fr}.command-card footer{align-items:stretch;flex-direction:column}.command-card footer .primary{width:100%} }
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Readable product typography scale */
body { font-size: 14px; line-height: 1.55; }
.identity > span:last-child strong { font-size: 18px; }
.identity > span:last-child small { font-size: 10px; }
.agent-state b { font-size: 12px; }
.agent-state small, .latency { font-size: 10px; }
.nav p { margin-top: 17px; font-size: 10px; }
.nav-link { min-height: 42px; font-size: 13px; }
.nav-link > i { min-width: 21px; height: 20px; font-size: 10px; }
.usage-mini > div { font-size: 11px; }
.usage-mini small { font-size: 10px; }
.talk-button b { font-size: 12px; }
.talk-button small, .talk-button kbd { font-size: 10px; }
.crumb { font-size: 13px; }
.global-search input { font-size: 13px; }
.global-search kbd { font-size: 10px; }
.capture { font-size: 12px; }
.avatar { font-size: 11px; }
.eyebrow { font-size: 10px; }
.page-intro h1 { font-size: 32px; }
.page-intro p:not(.eyebrow) { font-size: 14px; }
.date-chip { font-size: 11px; }
.brief-copy .online-label { font-size: 9px; }
.brief-copy > p { font-size: 14px; }
.primary, .secondary { padding: 10px 14px; font-size: 12px; }
.metric header { font-size: 10px; }
.metric strong { font-size: 32px; }
.metric small { font-size: 11px; }
.panel-head h2 { font-size: 18px; }
.panel-head p { font-size: 9px; }
.text-link { font-size: 11px; }
.task b { font-size: 13px; }
.task small { font-size: 11px; }
.task-copy { min-width: 0; }
.task-done { opacity: .5; }
.task-done .task-copy b { color: #78909b; text-decoration-line: line-through; text-decoration-color: #9eb0b8; text-decoration-thickness: 1.5px; }
.task-done .task-copy small { filter: saturate(.35); }
.remove-task { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid rgba(255,119,125,.2); border-radius: 7px; color: #d77c81; background: rgba(255,119,125,.055); font-size: 15px; line-height: 1; }
.remove-task:hover { border-color: var(--red); color: #fff; background: rgba(255,119,125,.18); }
.task-board { display: grid; gap: 14px; }
.completed-panel { border-color: rgba(121,151,164,.09); background: linear-gradient(145deg,rgba(13,21,28,.72),rgba(8,14,20,.76)); }
.completed-help { margin: -2px 0 10px; color: #607681; font-size: 11px; }
.task-count { min-width: 27px; height: 25px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; color: #758c97; background: rgba(255,255,255,.02); font-size: 11px; }
.pill { padding: 3px 7px; font-size: 9px; }
.due { font-size: 10px; }
.project-line b { font-size: 12px; }
.project-line small { font-size: 10px; }
.decision p { font-size: 12px; }
.decision small { font-size: 10px; }
.signal b { font-size: 12px; }
.signal small { font-size: 10px; }
.filter { padding: 7px 11px; font-size: 11px; }
.project-card h3 { font-size: 19px; }
.project-card > p { min-height: 50px; font-size: 12px; }
.progress-label, .next small, .card-foot { font-size: 10px; }
.next p { font-size: 12px; }
.data-table th { font-size: 9px; }
.data-table td { font-size: 12px; }
.habit-hero p { font-size: 13px; }
.habit-score small { font-size: 10px; }
.habit-grid-table th { font-size: 9px; }
.habit-grid-table th:first-child, .habit-grid-table td:first-child { min-width: 155px; font-size: 11px; }
.habit-grid-table td { min-width: 24px; height: 26px; font-size: 9px; }
.bar-wrap small { font-size: 9px; }
.review-card p { font-size: 9px; }
.review-card blockquote { font-size: 12px; }
.approval-card b, .automation b { font-size: 12px; }
.approval-card small, .automation small { font-size: 10px; }
.approval-actions button { padding: 6px 9px; font-size: 9px; }
.command-card header p { font-size: 9px; }
.command-card h2 { font-size: 21px; }
.capture-types button { padding: 6px 9px; font-size: 10px; }
.command-card footer span { font-size: 10px; }

@media (max-width: 520px) {
  body { font-size: 14px; }
  .page-intro h1 { font-size: 28px; }
  .page-intro p:not(.eyebrow), .brief-copy > p { font-size: 14px; }
  .metric header { font-size: 9px; }
  .metric strong { font-size: 28px; }
  .metric small { display: block; font-size: 10px; }
  .panel-head h2 { font-size: 17px; }
}

/* Apple Notes-inspired writing workspace */
.notes-shell { min-height: calc(100vh - 132px); display:grid; grid-template-columns:210px 285px minmax(0,1fr); overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#0b1219; box-shadow:var(--shadow); }
.notes-folders,.notes-list { min-width:0; border-right:1px solid var(--line); }
.notes-folders { padding:18px 11px; background:rgba(8,14,20,.92); }
.notes-heading,.notes-list header,.note-editor-bar,.quick-note-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.notes-heading { padding:0 8px 12px; color:#aebfc7; }
.notes-heading button,.notes-list header button,.quick-note-heading button { border:0; color:var(--cyan); background:transparent; font-weight:700; }
.notes-folders>p { margin:20px 9px 7px; color:#536a76; font-size:10px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.note-folder { width:100%; display:flex; justify-content:space-between; gap:10px; padding:9px 10px; border:0; border-radius:8px; color:#8296a0; background:transparent; text-align:left; }
.note-folder span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.note-folder i { color:#536974; font-size:11px; font-style:normal; }
.note-folder:hover,.note-folder.active { color:#e5f3f7; background:rgba(104,216,233,.09); }
.notes-list { overflow:auto; background:rgba(12,20,28,.9); }
.notes-list header { position:sticky; top:0; z-index:2; padding:18px 16px 12px; background:rgba(12,20,28,.96); backdrop-filter:blur(12px); }
.notes-list h1 { margin:0; font-size:25px; }.note-list-item { width:calc(100% - 18px); display:block; margin:0 9px; padding:13px 12px; border:0; border-bottom:1px solid rgba(125,174,191,.08); border-radius:9px; color:inherit; background:transparent; text-align:left; }
.note-list-item:hover,.note-list-item.active { background:rgba(104,216,233,.08); }.note-list-item b,.note-list-item small { display:block; }.note-list-item b { overflow:hidden; color:#dce8ec; text-overflow:ellipsis; white-space:nowrap; }.note-list-item small { margin:3px 0; color:#637a85; font-size:10px; }.note-list-item p { margin:0; overflow:hidden; color:#748995; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.note-editor { min-width:0; display:flex; flex-direction:column; padding:22px 28px; background:linear-gradient(145deg,#101922,#0b131a); }
.note-editor-bar { padding-bottom:15px; }.note-editor-bar select { max-width:240px; padding:7px 28px 7px 9px; border:1px solid var(--line); border-radius:8px; outline:0; color:#a8bac2; background:#0d171f; }.save-state { color:#5c746f; font-size:10px; }
.note-title,.note-body { width:100%; border:0; outline:0; color:var(--text); background:transparent; }.note-title { padding:8px 0 12px; font-size:28px; font-weight:700; letter-spacing:-.025em; }.note-body { flex:1; min-height:440px; padding:15px 3px; overflow:auto; font:15px/1.75 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; white-space:normal; }.note-body:empty::before { content:attr(data-placeholder); color:#526774; pointer-events:none; }.note-body h1 { margin:.35em 0; font-size:28px; }.note-body h2 { margin:.45em 0; font-size:22px; }.note-body h3 { margin:.55em 0; font-size:18px; }.note-body p,.note-body div { margin:.2em 0; }.note-body ul,.note-body ol { padding-left:26px; }.note-body blockquote { margin:10px 0; padding-left:13px; border-left:3px solid var(--cyan); color:#9fb2ba; }
.note-toolbar { display:flex; align-items:center; gap:4px; overflow-x:auto; padding:7px 0; border-top:1px solid rgba(125,174,191,.08); border-bottom:1px solid rgba(125,174,191,.08); scrollbar-width:none; }.note-toolbar>span { flex:0 0 1px; height:23px; margin:0 3px; background:var(--line); }.note-toolbar button,.note-toolbar select { flex:0 0 auto; min-height:30px; border:1px solid transparent; border-radius:7px; color:#8ca0aa; background:transparent; }.note-toolbar button { min-width:31px; padding:4px 7px; }.note-toolbar select { padding:4px 25px 4px 8px; }.note-toolbar button:hover,.note-toolbar button:focus-visible,.note-toolbar select:hover { border-color:rgba(104,216,233,.18); color:#e2f7fa; background:rgba(104,216,233,.07); }.note-check { display:flex; align-items:center; gap:7px; }.note-check input { accent-color:var(--cyan); }
.project-card { width:100%; color:inherit; text-align:left; }.project-detail { display:grid; grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr); gap:14px; }.muted-copy { color:var(--muted); }.quick-note-heading { margin:0 4px 8px; }.quick-note-heading p { margin:0; color:var(--cyan); font-size:9px; font-weight:750; letter-spacing:.14em; }.quick-note-heading h2 { margin:2px 0; }.quick-note { min-height:420px; border:1px solid var(--line); border-radius:var(--radius); }.quick-note .note-body { min-height:300px; }
@media (max-width:1050px){.notes-shell{grid-template-columns:180px 250px minmax(0,1fr)}.project-detail{grid-template-columns:1fr}}
@media (max-width:760px){.notes-shell{display:block;min-height:0}.notes-folders{display:flex;overflow-x:auto;gap:5px;border-right:0;border-bottom:1px solid var(--line)}.notes-heading,.notes-folders>p{display:none}.note-folder{width:auto;flex:0 0 auto}.note-folder i{margin-left:8px}.notes-list{max-height:240px;border-right:0;border-bottom:1px solid var(--line)}.note-editor{min-height:520px;padding:18px}.note-title{font-size:24px}.note-body{min-height:380px}}

/* Project operating workspace */
.project-tabs { position:sticky; top:76px; z-index:10; display:flex; gap:5px; overflow-x:auto; margin:0 0 14px; padding:8px; border:1px solid var(--line); border-radius:12px; background:rgba(8,14,20,.9); backdrop-filter:blur(16px); }
.project-tabs button { flex:0 0 auto; padding:7px 12px; border:1px solid transparent; border-radius:8px; color:#718894; background:transparent; }.project-tabs button:hover,.project-tabs button.active { border-color:rgba(104,216,233,.16); color:#dff8fc; background:rgba(104,216,233,.08); }
.project-workspace { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr); gap:14px; align-items:start; }.project-next { position:static; }.project-tasks { grid-column:2; }.project-notebook { grid-column:1/-1; min-width:0; }.project-expansion { grid-column:1/-1; scroll-margin-top:145px; }.project-tasks,.project-notebook { scroll-margin-top:145px; }
.project-note-tabs { display:flex; gap:7px; overflow-x:auto; padding:0 3px 9px; }.project-note-tabs button { flex:0 0 auto; min-width:150px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; color:#8ba0aa; background:rgba(255,255,255,.018); text-align:left; }.project-note-tabs button.active { border-color:rgba(104,216,233,.35); color:#e2f7fa; background:rgba(104,216,233,.08); }.project-note-tabs small { display:block; margin-top:2px; color:#526a75; font-size:9px; }
.module-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }.module-grid article { min-height:105px; padding:14px; border:1px solid rgba(125,174,191,.1); border-radius:11px; background:rgba(255,255,255,.018); }.module-grid b,.module-grid small { display:block; }.module-grid small { margin-top:6px; color:#667d88; font-size:11px; }
@media(max-width:900px){.project-workspace{grid-template-columns:1fr}.project-next{position:static}.project-tasks{grid-column:1}.module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.project-tabs{top:64px}.module-grid{grid-template-columns:1fr}.project-note-tabs button{min-width:135px}}

.capture-project { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0 17px; color:#6f858f; }.capture-project select { min-width:210px; padding:8px 10px; border:1px solid var(--line); border-radius:8px; color:#bdccd2; background:#0e1a23; }

/* Kai intelligence inbox */
.brain-capture { display:grid; grid-template-columns:auto 1fr; gap:16px; margin-bottom:14px; padding:20px 22px; border:1px solid rgba(104,216,233,.24); border-radius:18px; background:radial-gradient(circle at 0 0,rgba(104,216,233,.13),transparent 34%),linear-gradient(120deg,rgba(13,31,41,.96),rgba(10,19,27,.96)); box-shadow:0 18px 50px rgba(0,0,0,.18); }.brain-symbol { width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(104,216,233,.35);border-radius:12px;color:var(--cyan);background:rgba(104,216,233,.08);font-size:20px;box-shadow:0 0 24px rgba(104,216,233,.12);}.brain-copy>p:first-child{margin:0;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.16em}.brain-copy h2{margin:3px 0;font-size:23px}.brain-copy>p{margin:4px 0 12px;color:#7c939e}.brain-copy textarea{width:100%;min-height:92px;resize:vertical;padding:13px 14px;border:1px solid rgba(125,174,191,.15);border-radius:11px;outline:0;color:#dfedf1;background:rgba(4,10,15,.45);font:14px/1.55 inherit}.brain-copy textarea:focus{border-color:rgba(104,216,233,.5);box-shadow:0 0 0 3px rgba(104,216,233,.06)}.brain-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.brain-actions span{color:#58707b;font-size:10px}.brain-result{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid rgba(125,174,191,.1);color:#8ca2ac}.brain-result span{padding:4px 8px;border:1px solid rgba(85,216,155,.16);border-radius:99px;color:#72d6a5;background:rgba(85,216,155,.05);font-size:10px}
@media(max-width:650px){.brain-capture{grid-template-columns:1fr;padding:17px}.brain-actions{align-items:stretch;flex-direction:column}.capture-project{align-items:stretch;flex-direction:column}.capture-project select{width:100%}}

/* Final interaction overrides */
[hidden] { display:none !important; }
.habit-grid-table .day-cell { width:100%; min-width:20px; height:22px; display:grid; place-items:center; padding:0; color:#79909b; }
.habit-grid-table .day-cell:disabled { cursor:not-allowed; opacity:.22; }