/* Visual layer only: layout, typography, states and responsive polish. */
:root{--ink:#22253f;--muted:#687087;--line:#e4e5ef;--brand:#6250cf;font-family:'Segoe UI',Arial,sans-serif;color-scheme:light}body{background:#f5f5fa;color:var(--ink)}button,input,select,textarea{font-family:inherit}button{transition:background .16s,box-shadow .16s,transform .16s}button.primary,.focus-enter{background:linear-gradient(125deg,#7561e5,#5544bf);border:1px solid #6250c9;color:#fff;box-shadow:0 5px 12px #6250cf20;font-weight:600}button.primary:hover,.focus-enter:hover{background:linear-gradient(125deg,#6b56d8,#4938ae);box-shadow:0 7px 18px #6250cf30;transform:translateY(-1px)}button:disabled{transform:none!important;box-shadow:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8a78ef;outline-offset:3px}
.signed-in #app-rail{background:linear-gradient(165deg,#29263e,#1c1b30);border-left:1px solid #39344e;box-shadow:-8px 0 30px #20203d06}.brand-mark{background:linear-gradient(140deg,#a698f8,#7661df)!important;box-shadow:0 8px 24px #08081735;border:1px solid #c2b7ff40}.brand-lockup{letter-spacing:-1px}#app-rail nav button.current{background:linear-gradient(90deg,#8170d525,#8c7be03a);box-shadow:inset -3px 0 #ab99ff;border-radius:12px}#app-rail nav button{border-radius:12px;margin-bottom:5px}#app-rail nav button:hover{background:#ffffff0c}.signed-in>header{background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid #e7e6ef}.top-context{font-weight:600;color:#65617a}
.focus-home>.clarity-heading{position:relative;isolation:isolate;overflow:hidden;padding:38px 34px;border-radius:26px;background:radial-gradient(ellipse at 10% 0%,#8c72d4a0,transparent 50%),linear-gradient(110deg,#4f4282,#292b4c);box-shadow:0 14px 35px #2b28461a;min-height:185px;margin-bottom:30px;color:#eeeafa}.focus-home>.clarity-heading::after{content:'';position:absolute;z-index:-1;width:300px;height:300px;border:1px solid #ffffff1b;border-radius:50%;left:8%;top:-185px;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff04;pointer-events:none}.focus-home>.clarity-heading h1{color:#fff;font-size:clamp(30px,3vw,43px);font-weight:650;letter-spacing:-1.2px;line-height:1.25;margin:9px 0 12px}.focus-home>.clarity-heading p{color:#d8d2eb;font-size:16px;line-height:1.6}.focus-home>.clarity-heading .eyebrow{color:#c6b8ef;font-weight:600;font-size:12px;letter-spacing:.4px}.focus-home>.clarity-heading>.primary{background:#fff;color:#4f4082;border-color:#fff;box-shadow:0 7px 18px #15102822;flex-shrink:0}
.focus-projects{gap:22px}.focus-project{--card-accent:#7564cf;--card-tint:#f3f0fc;position:relative;overflow:hidden;border:1px solid #e4e3ee;border-radius:22px;padding:25px;gap:17px;background:linear-gradient(160deg,#fff 60%,#faf9fd);box-shadow:0 6px 22px #36314d07;transition:box-shadow .2s,transform .2s}.focus-project:nth-child(3n+2){--card-accent:#37888b;--card-tint:#eef7f6}.focus-project:nth-child(3n+3){--card-accent:#b67d48;--card-tint:#fbf4eb}.focus-project::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,var(--card-accent));pointer-events:none}.focus-project:hover{box-shadow:0 14px 35px #39304b10;transform:translateY(-2px)}.focus-project h2{font-size:25px;font-weight:650;line-height:1.35;color:#292b43}.focus-project h2::before{content:'';display:inline-grid;place-items:center;width:38px;height:38px;background:radial-gradient(circle,var(--card-accent) 0 4px,transparent 5px),var(--card-tint);color:var(--card-accent);border-radius:12px;font-size:26px;margin-inline-end:10px;vertical-align:middle}.focus-project .focus-goal{color:#697084;font-size:14px;line-height:1.75}.focus-project-top{font-size:12px}.focus-pill{font-size:11px;letter-spacing:.1px;padding:6px 10px}.focus-pill.warn{background:#fff4df;color:#8a611d;border:1px solid #f2e2bc}.focus-project-stats{border:0;padding:0;gap:8px}.focus-project-stats button{background:#f5f5fa;border:1px solid #ecebf3;border-radius:12px;padding:13px 5px;font-size:11px;min-width:0}.focus-project-stats button:hover{background:var(--card-tint);border-color:var(--card-accent)}.focus-project-stats b{font-size:29px;font-weight:650;line-height:1.2;margin-bottom:7px;font-variant-numeric:tabular-nums;color:#38374f}.focus-next{background:var(--card-tint);border:1px solid #ffffffa0;padding:15px;border-radius:13px}.focus-next>b{color:var(--card-accent);font-size:12px}.focus-next p{font-size:13px;color:#51586c;line-height:1.65}.focus-project .person-tag{background:#fff;border:1px solid #e9e7f0;padding:5px 9px;border-radius:8px;color:#666479;font-size:11px}.focus-proof{border-top:1px solid #eeecf3;padding-top:14px}.focus-proof summary{color:#77718a;font-size:12px}.focus-enter{border-radius:12px;min-height:45px;font-size:14px}
.clarity-project>.clarity-heading h1{font-size:32px;font-weight:650;letter-spacing:-.8px}.clarity-tabs{background:#ececf5;border:1px solid #e2e1ef;border-radius:14px;padding:5px;gap:5px}.clarity-tabs button{color:#73718b;border-radius:10px;font-weight:600}.clarity-tabs button.selected{background:#fff;color:#5443aa;box-shadow:0 3px 10px #332b6710}.work-navigation button.selected{background:#f1eefb;color:#5e49b0;border-color:#dfd7f4}.focus-summary{background:radial-gradient(ellipse at 0% 50%,#ece8fc,transparent 65%),#fff;border-color:#e3dff1;box-shadow:0 4px 16px #4c397308;border-radius:20px;padding:24px}.focus-summary h2{font-size:25px;color:#35304d;letter-spacing:-.5px}.focus-summary .eyebrow{color:#81729f}.focus-metrics button{border-color:#e8e3f2;box-shadow:0 4px 12px #41335805;border-radius:13px}.focus-metrics strong{color:#574581;font-variant-numeric:tabular-nums}.focus-metrics span{color:#746a86}.focus-brief{border-color:#e6e3ed;box-shadow:0 3px 10px #3b305103}.focus-brief summary span{color:#57506f}.field{color:#615a76;font-weight:500}.field input,.field textarea,.field select{background:#fcfcfe;border:1px solid #dedbe9;border-radius:11px;color:#303149;line-height:1.7}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #b9a9f5;outline-offset:1px;background:#fff;border-color:#8e79cf}.board-heading h2{font-size:25px;letter-spacing:-.5px}.board-filters{gap:5px}.board-filters button{border-radius:10px;font-size:12px}.board-filters button.selected{background:#ece7fc;color:#5a449c;border-color:#dcd1f5}.board-filters button span{background:#ffffffa0;color:inherit;border-radius:6px}.board-task{border-radius:16px;border-color:#e5e1ee;box-shadow:0 3px 12px #32284704}.board-task summary{padding:19px}.board-state{font-size:12px;border-radius:8px}.focus-blocker{border-right-color:#c29b5b;background:linear-gradient(100deg,#fff,#fffdf8);border-color:#ece2cd;border-radius:17px}.focus-blocker h3{color:#4b4234}.brief-task-start{background:linear-gradient(100deg,#f7f3ff,#eeebfa);border-color:#e1d9f1}.brief-task-start b{color:#554674}.brief-task-start button{background:#fff;color:#624d98;border-color:#dcd1ed;border-radius:11px}.board-search input{border-radius:11px;background:#fff;border-color:#e4e0ec}
.output-card{position:relative;background:linear-gradient(120deg,#fff,#f7f5ff);border-color:#e2dbf2;border-radius:20px;box-shadow:0 5px 20px #3d315b07;padding:26px}.output-card .eyebrow{color:#8a75a8;font-size:11px}.output-card h3{color:#3c3451;font-size:23px;letter-spacing:-.4px}.output-card p{color:#736b80;font-size:14px;line-height:1.85}.output-card .primary{font-size:13px;border-radius:10px}#output-reader{border:1px solid #ffffffa0;box-shadow:0 35px 120px #1f193c60;background:#f6f5fa;border-radius:24px}#output-reader::backdrop{background:#17132f85;backdrop-filter:blur(7px)}.output-toolbar{border-bottom-color:#e8e3ef;background:#ffffffee}.output-toolbar>b{color:#584867;font-size:14px}.output-heading h1{color:#342943;font-size:31px;letter-spacing:-.7px}.output-heading .eyebrow{color:#918399}.output-heading p{color:#82738d;font-size:14px}.output-outline{border-color:#e5deed;border-radius:16px;box-shadow:0 3px 15px #42315304}.output-outline b{font-size:12px;color:#9a88a9;text-transform:none}.output-outline button{color:#74637f;border-right:2px solid transparent;border-radius:6px}.output-outline button:hover{background:#f2edf8;border-right-color:#aa8dca;color:#634582}.output-section{border-color:#e6e0ec;border-radius:18px;box-shadow:0 5px 20px #48325105;padding:28px}.output-section-heading{border-bottom-color:#eee7f2}.output-section-heading h2{color:#554161;font-size:22px;letter-spacing:-.3px}.output-section-heading button{color:#8b739b;background:#faf7fc;border-color:#e9e0ee;font-size:11px}.output-section-heading button:hover{background:#eee5f6;color:#6c4684}.output-section p,.output-section li{color:#5d5368}.output-section th{background:#f1ebf7;color:#735585}.output-section td{border-bottom-color:#eee7f1}.output-section tr:nth-child(even){background:#fcfafd}.output-section a{color:#7653a0}.output-section blockquote{border-color:#b69cc8;background:#faf6fd}#output-revision{border-color:#e7deed;border-radius:17px}#output-revision summary{color:#705383}
@media(min-width:1400px){.focus-projects{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.focus-home>.clarity-heading{padding:26px 22px;min-height:auto;display:block;border-radius:20px}.focus-home>.clarity-heading>.primary{margin-top:18px;width:100%}.focus-home>.clarity-heading h1{font-size:32px}.focus-projects{grid-template-columns:1fr}.focus-project{padding:22px}.signed-in #app-rail{background:#29263e}.focus-summary{padding:20px}.output-section{padding:20px}.output-heading h1{font-size:26px}.clarity-project>.clarity-heading h1{font-size:28px}}@media(prefers-reduced-motion:reduce){button,.focus-project{transition:none!important}.focus-project:hover,button.primary:hover{transform:none!important}}
/* A quiet studio palette, with identifiable people and legible service evidence. */
:root{--studio-ink:#203b40;--studio-paper:#f7f6f2;--studio-gold:#bc9560}
body.signed-in{background:var(--studio-paper);color:#293b43}
.signed-in #app-rail{background:linear-gradient(165deg,#213c42,#142b31);border-color:#365157}
#app-rail nav button.current{background:#ffffff12;box-shadow:inset -3px 0 #d6b57f}
.brand-mark{background:linear-gradient(140deg,#e5cfaa,#bd975e)!important;color:#253b40!important}
.focus-home>.clarity-heading{background:radial-gradient(ellipse at 6% 0%,#527d7966,transparent 55%),linear-gradient(115deg,#294e51,#183039);border:1px solid #315258;box-shadow:0 20px 48px #1c38331c}
.focus-home>.clarity-heading .eyebrow{color:#dec69f}.focus-home>.clarity-heading p{color:#d1dddc}.focus-home>.clarity-heading>.primary{color:#294849;background:#f5eee3;border-color:#f5eee3}
.focus-project{--card-accent:#42736d;--card-tint:#edf4f1;background:#fffefc;border-color:#e5e4dc;box-shadow:0 8px 28px #253c3108}
.focus-project:nth-child(3n+2){--card-accent:#58778f;--card-tint:#eff3f7}.focus-project:nth-child(3n+3){--card-accent:#a88351;--card-tint:#f8f3e9}
.focus-project h2::before{display:none}.project-heading-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--card-tint);color:var(--card-accent);margin-inline-end:10px;vertical-align:middle}.project-heading-icon svg,.health-icon svg{width:21px;height:21px}
.focus-project h2{color:#294149}.focus-project-stats button{background:#f6f6f2;border-color:#eeeee7}.focus-project-stats b{color:#2f4a50}
.focus-project .project-people{gap:9px;padding-block:4px;flex-wrap:wrap}.focus-project .person-tag{display:inline-flex;align-items:center;gap:9px;padding:7px 11px 7px 7px;background:#fafaf6;border:1px solid #e9e9e0;border-radius:30px;font-size:12px;color:#3d5358}
.focus-project .person-tag .agent-portrait{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px #142e3414;flex-shrink:0}
body .primary{background:linear-gradient(135deg,#345c5a,#25494b);border-color:#315654;color:#fff;box-shadow:0 4px 12px #21494316}
.clarity-tabs{background:#eeefea;border-color:#e0e4dc}.clarity-tabs button.selected{color:#315c57}.board-filters button.selected{background:#e9f1ed;color:#345f55;border-color:#d4e2da}
.focus-summary{background:radial-gradient(ellipse at 0% 50%,#e5eee6,transparent 65%),#fffefc;border-color:#e1e5db}.focus-summary h2,.focus-metrics strong{color:#34544d}
.connection-top-grid .panel,.connection-project{background:#fffefc;border:1px solid #e3e6df;border-radius:20px;box-shadow:0 6px 22px #23383006}.connection-agent{padding-block:18px}.connection-agent .agent-avatar{padding:0;background:none;width:52px;height:52px;flex-shrink:0}.connection-agent .agent-portrait{width:52px;height:52px;border-radius:16px;object-fit:cover}.connection-agent p{overflow-wrap:anywhere}
.service-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.service-health{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:18px;background:#f5f6f3;border:1px solid #e2e6df;border-radius:14px;color:#435751;overflow-wrap:anywhere}.service-health .health-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9eeea}.service-health.good .health-icon{background:#e0eee4;color:#286143}.service-health.attention{background:#fff9ee;border-color:#ecd9b6;color:#775a2b}.service-health small{color:#626c68;font-size:11px}.service-health>span:not(.health-icon){font-size:13px}.service-health.off{color:#6c7471}
.output-author.agent-portrait{float:inline-start;width:52px;height:52px;border-radius:16px;object-fit:cover;margin-inline-end:14px;margin-bottom:10px;border:2px solid #fff;box-shadow:0 3px 12px #203c3312}.output-card{background:linear-gradient(115deg,#fffefb,#f1f5ee);border-color:#e0e6d9;min-height:155px}.output-card h3{color:#304b40}.output-heading{background:#fcfbf7;border-bottom:1px solid #e4e7de}.output-heading h1{color:#30483c}.output-heading .output-author{width:64px;height:64px}.output-section h2{color:#3d5d50}.output-section{background:#fffefb;border-color:#e5e8df}.output-section th{background:#edf2e9;color:#425b48}
.conversation-header{background:linear-gradient(100deg,#f0f4ee,#fffefb);border-bottom:1px solid #e1e7dc}.conversation-header .agent-avatar{background:none;padding:0}.conversation-header .agent-portrait{border-radius:17px;object-fit:cover}.conversation-composer{border-color:#dbe3d8;box-shadow:0 8px 24px #26423308}
@media(max-width:800px){.service-health-grid{grid-template-columns:1fr}.service-health{padding:14px}.focus-project .person-tag{font-size:12px}.connection-agent{flex-wrap:wrap;gap:12px}.connection-agent>div:nth-child(2){flex:1;min-width:150px}.output-author.agent-portrait{width:42px;height:42px}.output-heading .output-author{width:50px;height:50px}}