:root { color-scheme:dark; --bg:#0b100e; --surface:#141b18; --surface-2:#1a231f; --line:#29362f; --text:#edf4ef; --muted:#9eada3; --accent:#9ed3ae; --accent-dark:#18291f; --danger:#efaaa3; --sidebar:224px; font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 76% -10%,#1a2a21 0,var(--bg) 35%); color:var(--text); }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; }
.app-shell { min-height:100vh; }
.skip-link { position:fixed; left:16px; top:12px; transform:translateY(-160%); background:var(--text); color:var(--bg); padding:9px 12px; border-radius:8px; z-index:30; }
.skip-link:focus { transform:none; }
.sidebar { position:fixed; inset:0 auto 0 0; width:var(--sidebar); padding:22px 14px 18px; border-right:1px solid var(--line); background:#101713f2; display:flex; flex-direction:column; z-index:8; }
.brand { display:flex; gap:12px; align-items:center; padding:0 8px 25px; text-decoration:none; }
.brand-mark { width:40px; height:40px; display:grid; place-items:center; border:1px solid #4c6957; border-radius:13px; color:var(--accent); background:#16231b; }
.brand-mark svg,.chat-launcher svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.brand-mark circle,.chat-launcher circle { fill:currentColor; stroke:none; }
.brand strong { display:block; font:500 1.2rem Georgia,serif; }
.brand small,.sidebar-foot small { display:block; color:var(--muted); font-size:.68rem; margin-top:2px; }
.nav-label,.eyebrow { color:var(--muted); text-transform:uppercase; letter-spacing:.14em; font-size:.67rem; font-weight:700; }
.nav-label { margin:7px 12px 8px; }
.sidebar nav { display:grid; gap:2px; overflow-y:auto; }
.nav-link { display:flex; align-items:center; gap:12px; min-height:39px; padding:8px 11px; border-radius:10px; color:var(--muted); text-decoration:none; font-size:.87rem; position:relative; }
.nav-link:hover { color:var(--text); background:var(--surface-2); }
.nav-link.active { color:var(--text); background:#213329; }
.nav-link.active::before { content:""; position:absolute; left:0; width:2px; height:20px; border-radius:2px; background:var(--accent); }
.nav-symbol { width:22px; text-align:center; color:var(--accent); font-size:1rem; }
.sidebar-foot { margin-top:auto; border-top:1px solid var(--line); padding:16px 8px 0; display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:.75rem; }
.sidebar-foot [data-logout] { margin-left:42px; }
.mobile-logout { display:none; }
.avatar { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:#26352d; color:var(--accent); }
.workspace { margin-left:var(--sidebar); min-height:100vh; }
.topbar { position:sticky; top:0; height:62px; padding:0 34px; background:#0d1410d9; backdrop-filter:blur(15px); border-bottom:1px solid #26322caa; display:flex; align-items:center; justify-content:space-between; z-index:6; }
.topbar>div { display:flex; align-items:baseline; gap:14px; }
.topbar>div:last-child { flex-direction:column; align-items:flex-end; gap:2px; }
.freedom-time { color:var(--muted); font-size:.7rem; white-space:nowrap; }
.topbar strong { font-size:.92rem; }
.health-link { text-decoration:none; font-size:.8rem; }
@media (max-width:650px) { .topbar>div:first-child .eyebrow { display:none; }.freedom-time { font-size:.62rem; }.topbar>div:last-child { min-width:0; }.topbar strong { font-size:.82rem; } }
@media (max-width:430px) { .topbar>div:first-child { display:none; }.topbar { justify-content:flex-end; } }
.page { max-width:1240px; margin:auto; padding:42px 46px 110px; }
.hero,.page-heading { margin-bottom:30px; }
.hero h1,.page-heading h1 { margin:8px 0; font:500 clamp(2rem,4vw,3.2rem) Georgia,serif; letter-spacing:-.035em; }
.hero p:last-child,.page-heading p:last-child { color:var(--muted); margin:0; line-height:1.6; }
.action-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; }
.card,.focus-card,.feature-card { background:color-mix(in srgb,var(--surface) 95%,transparent); border:1px solid var(--line); border-radius:17px; box-shadow:0 18px 48px #0002; }
.card-pad { padding:22px; }
h2 { margin:0 0 8px; font-size:1.12rem; font-weight:580; }
h3 { margin:22px 0 7px; font-size:.82rem; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }
.home-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:18px; }
.home-now .focus-card { grid-row:auto; min-height:260px; }
.home-work-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:18px 0; }
.home-work-list { list-style:none; padding:0; margin:12px 0 0; display:grid; gap:12px; }
.home-work-item { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 0; border-top:1px solid var(--line); }
.home-work-item p { color:var(--muted); margin:5px 0; line-height:1.45; }
.home-work-item strong { display:block; }
.home-attention-label { display:inline-block; margin-bottom:7px; color:var(--accent); border-color:#4b6b58; background:#20332a; }
.home-work-item small { color:var(--muted); }
.home-work-item .button { flex:none; }
.home-calm { color:var(--accent); margin:16px 0 4px; }
.home-ask { margin-top:18px; }
.home-ask p:not(.eyebrow) { color:var(--muted); }
.quick-actions button:disabled { opacity:.55; cursor:not-allowed; }
[data-review-selected] { outline:2px solid var(--accent); outline-offset:3px; border-radius:17px; scroll-margin-top:20px; }
.focus-card { grid-row:span 2; min-height:388px; padding:42px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(145deg,#17231c,#1a2d21); }
.focus-card h2 { margin:18px 0 8px; font:500 2rem Georgia,serif; }
.focus-card p { color:var(--muted); }
.relative { width:max-content; margin-top:28px; padding:7px 10px; border-radius:999px; background:#9ed3ae18; color:var(--accent); font-size:.76rem; }
.section-head,.connection { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.section-head>a { color:var(--accent); font-size:.78rem; text-decoration:none; }
.event-row { display:grid; grid-template-columns:58px 1fr; gap:10px; padding:13px 0; border-bottom:1px solid var(--line); }
.event-row:last-child { border:0; padding-bottom:0; }
.event-row time { color:var(--accent); font-variant-numeric:tabular-nums; }
.event-row strong,.event-row span { display:block; }
.event-row strong { font-size:.9rem; }.event-row span { color:var(--muted); font-size:.76rem; margin-top:3px; }
.home-task-list { margin:12px 0 0; padding-left:20px; display:grid; gap:9px; line-height:1.4; overflow-wrap:anywhere; }
.attention-mail { display:grid; width:100%; text-align:left; gap:5px; padding:13px 0 0; background:none; color:var(--text); border:0; cursor:pointer; }
.attention-mail strong { color:var(--accent); font-size:.78rem; }.attention-mail span { color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.service-status,.capabilities { display:flex; gap:9px; flex-wrap:wrap; margin-top:18px; }
.service-status span,.pill { padding:7px 10px; border-radius:999px; border:1px solid var(--line); color:var(--muted); font-size:.75rem; }
.quick-actions { margin-top:24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.quick-actions>div,.actions { display:flex; justify-content:flex-end; gap:9px; flex-wrap:wrap; }
button,.button { border:0; border-radius:10px; padding:10px 14px; cursor:pointer; text-decoration:none; display:inline-flex; justify-content:center; align-items:center; color:#102016; background:var(--accent); font-weight:650; }
button.secondary,.button.secondary { background:var(--surface-2); border:1px solid var(--line); color:var(--text); }
button.danger { background:#3b2221; border:1px solid #70403c; color:#ffd6d1; }
button.compact { padding:7px 9px; margin-top:8px; font-size:.74rem; }
button:disabled { opacity:.5; cursor:not-allowed; }
.two-columns,.calendar-sections,.memory-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.calendar-drafts { margin-bottom:18px; }.calendar-drafts>p { color:var(--muted); }.calendar-drafts>div:last-child { display:grid; gap:9px; }.calendar-draft { padding:13px; border:1px solid var(--line); border-radius:12px; background:#0d1410; }.calendar-draft>div { display:flex; align-items:center; gap:9px; }.calendar-draft dl { display:grid; grid-template-columns:72px 1fr; gap:5px 9px; margin:11px 0; font-size:.76rem; }.calendar-draft dt { color:var(--muted); }.calendar-draft dd { margin:0; }.calendar-draft small { display:block; font-size:.7rem; }.calendar-draft .draft-open { color:#ddb17f; }.calendar-draft .draft-ready { color:#9dccaa; }.chat .calendar-drafts { margin:0 14px 12px; padding:13px; max-height:250px; overflow:auto; }.chat .calendar-drafts .section-head h2 { font-size:.95rem; }.chat .calendar-drafts>p { font-size:.72rem; }
.calendar-draft.excluded { opacity:.7; border-style:dashed; }.calendar-draft>div>span:last-child { margin-left:auto; color:var(--muted); font-size:.68rem; }.calendar-batch-items { display:grid; gap:9px; }.calendar-batch-edit { margin:12px 0; }.calendar-batch-edit summary { display:list-item; width:max-content; max-width:100%; cursor:pointer; color:var(--accent); font-size:.8rem; }.calendar-batch-edit summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }.calendar-batch-correction { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:12px 0; }.calendar-batch-correction label { min-width:0; color:var(--muted); font-size:.7rem; }.calendar-batch-correction input { display:block; width:100%; min-width:0; margin-top:4px; padding:9px; border:1px solid var(--line); border-radius:8px; background:#111815; color:var(--text); }.calendar-batch-correction button { justify-self:start; align-self:end; }.calendar-batch-actions { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:9px; margin:14px 0 18px; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.calendar-batch-actions button:disabled { opacity:.5; cursor:not-allowed; }.calendar-chat-link { margin:0 14px 12px; text-align:center; }.chat .calendar-batch { display:none; }
.calendar-journey { display:grid; gap:14px; }.calendar-single,.calendar-current-empty { margin-bottom:18px; }.calendar-single dl { display:grid; grid-template-columns:90px minmax(0,1fr); gap:7px 12px; margin:15px 0; font-size:.85rem; }.calendar-single dt { color:var(--muted); }.calendar-single dd { margin:0; overflow-wrap:anywhere; }.calendar-single .actions { margin-top:15px; }.calendar-single-correction { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:12px 0; }.calendar-single-correction label { min-width:0; color:var(--muted); font-size:.7rem; }.calendar-single-correction input { display:block; width:100%; min-width:0; margin-top:4px; padding:9px; border:1px solid var(--line); border-radius:8px; background:#111815; color:var(--text); }.calendar-single-correction button { justify-self:start; align-self:end; }.calendar-history { margin:0 0 18px; }.calendar-history>summary { cursor:pointer; color:var(--muted); font-size:.8rem; margin:0 0 12px; }.calendar-history .calendar-batch,.calendar-history .calendar-single { margin-bottom:0; }
.feature-card { min-height:190px; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; text-decoration:none; transition:transform .16s,border-color .16s; }
.feature-card:hover { transform:translateY(-2px); border-color:#4b6857; }
.feature-card span { color:var(--accent); font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; }
.feature-card strong { font:500 1.35rem Georgia,serif; margin:9px 0; }.feature-card small { color:var(--muted); }
.subnav { display:flex; gap:5px; margin:-10px 0 24px; border-bottom:1px solid var(--line); }
.subnav a { padding:10px 13px; text-decoration:none; color:var(--muted); font-size:.84rem; border-bottom:2px solid transparent; }
.subnav a.active { color:var(--text); border-color:var(--accent); }
.task-create { margin-bottom:14px; }.task-create label { display:block; margin-bottom:10px; color:var(--muted); font-size:.78rem; font-weight:650; }.task-create>div { display:flex; gap:9px; }.task-create input { flex:1; min-width:0; }.task-create input,.task-create select { background:#0d1410; border:1px solid var(--line); border-radius:10px; padding:11px 12px; color:var(--text); outline:none; }.task-create input:focus,.task-create select:focus { border-color:#6d9b79; }.task-filters { display:flex; gap:7px; margin:0 0 14px; flex-wrap:wrap; }.task-filters button.active,.task-contexts button.active { border-color:var(--accent); color:#c8efd2; background:rgba(109,155,121,.2); box-shadow:inset 0 0 0 1px rgba(109,155,121,.22); }.task-list { overflow:hidden; }.task-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--line); }.task-row:last-child { border-bottom:0; }.task-copy { min-width:0; }.task-row strong,.task-row small { display:block; overflow-wrap:anywhere; }.task-row small { margin-top:5px; color:var(--muted); font-size:.72rem; }.task-row.completed strong { color:var(--muted); text-decoration:line-through; text-decoration-thickness:1px; }.task-context-summary.assigned { color:#a8d5b3; }.task-context-summary.unassigned { color:#c49b79; }.task-context-editor { margin-top:12px; }.task-context-editor>span { display:block; color:var(--muted); font-size:.68rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.task-contexts { display:flex; gap:7px; margin-top:7px; flex-wrap:wrap; }.task-contexts button { display:grid; gap:2px; padding:7px 9px; text-align:left; opacity:.72; }.task-contexts button b,.task-contexts button small { margin:0; color:inherit; }.task-contexts button b { font-size:.72rem; }.task-contexts button small { font-size:.62rem; }.task-contexts button.inactive { border-style:dashed; }.task-contexts button.active { opacity:1; font-weight:700; }.task-delete-all { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:34px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); }.task-delete-all strong,.task-delete-all small { display:block; }.task-delete-all strong { color:var(--text); font-size:.8rem; }.task-delete-all small { margin-top:4px; font-size:.7rem; }.task-delete-all button { color:#d6a69d; border-color:#674b47; background:transparent; }.task-state { min-height:210px; display:grid; place-content:center; justify-items:start; }.task-state p { color:var(--muted); }.task-state-mark { color:var(--accent); font-size:1.5rem; margin-bottom:10px; }
.inbox-layout { display:grid; grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr); gap:18px; align-items:start; }
.mail-list { border:1px solid var(--line); border-radius:17px; overflow:hidden; background:var(--surface); }
.mail-row { width:100%; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; color:var(--text); padding:15px; display:grid; grid-template-columns:9px 1fr; text-align:left; gap:10px; font-weight:400; }
.mail-row:last-child { border:0; }.mail-row:hover { background:var(--surface-2); }
.mail-row>div,.mail-meta { min-width:0; }.mail-meta { display:flex; justify-content:space-between; gap:10px; }
.mail-meta strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.mail-meta time { color:var(--muted); font-size:.68rem; white-space:nowrap; }
.mail-row b,.mail-row small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.mail-row b { margin:5px 0; }.mail-row small { color:var(--muted); }
.read-dot { width:6px; height:6px; margin-top:6px; border-radius:50%; background:#58635d; }.read-dot.unread { background:var(--accent); box-shadow:0 0 0 4px #9ed3ae14; }
.mail-reader { min-height:430px; }.mail-empty { min-height:380px; display:grid; place-content:center; text-align:center; color:var(--muted); }.mail-empty span,.placeholder-mark { font-size:2rem; color:var(--accent); }
.mail-detail h2 { font:500 1.6rem Georgia,serif; }.mail-detail dl { display:grid; grid-template-columns:48px 1fr; gap:7px; color:var(--muted); font-size:.78rem; }.mail-detail dd { margin:0; color:var(--text); }
.mail-body { margin:24px 0; padding-top:22px; border-top:1px solid var(--line); white-space:pre-wrap; line-height:1.65; overflow-wrap:anywhere; }.mail-body a { color:var(--accent); text-decoration-thickness:1px; text-underline-offset:3px; }
.mail-filters { display:flex; gap:7px; overflow-x:auto; margin:0 0 16px; padding-bottom:3px; }.mail-filters button { flex:0 0 auto; padding:7px 11px; background:transparent; border:1px solid var(--line); color:var(--muted); font-size:.75rem; }.mail-filters button.active { background:#213329; border-color:#4b6857; color:var(--text); }
.manage-actions { border-top:1px solid var(--line); margin-top:22px; padding-top:20px; }.label-actions,.message-actions,.create-label { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }.label-actions select,.create-label input { min-width:0; flex:1; background:#0d1410; border:1px solid var(--line); border-radius:10px; padding:10px 11px; color:var(--text); }.create-label { margin-bottom:14px; }.message-actions { padding-top:14px; border-top:1px solid var(--line); }.manage-disabled { margin-top:20px; padding-top:17px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; }.manage-disabled a { color:var(--accent); }.primary-mail-actions { margin-bottom:4px; }.proposal.destructive { border-color:#70403c; background:#271918; }
.triage-review { margin-bottom:20px; }.triage-summary { display:flex; gap:8px; flex-wrap:wrap; margin:14px 0; }.triage-summary span,.triage-summary strong { padding:7px 10px; border-radius:9px; background:var(--surface-2); color:var(--muted); font-size:.75rem; }.triage-summary strong { color:var(--text); background:#213329; }.triage-section { margin-top:18px; }.triage-section h3 { font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }.triage-review .triage-uncertain h3 { color:#d6ae65; }.triage-review .triage-trash_candidate h3 { color:#d98b85; }.triage-group { border-top:1px solid var(--line); padding:12px 0; }.triage-group-head { display:flex; gap:10px; align-items:center; justify-content:space-between; }.triage-group-head label { display:flex; gap:8px; align-items:center; }.triage-group-head>span { color:var(--muted); font-size:.78rem; }.triage-counts { display:flex; gap:8px; flex-wrap:wrap; margin:8px 0; }.triage-counts span,.triage-note { color:var(--muted); font-size:.76rem; }.triage-counts span:not(:last-child)::after { content:"·"; margin-left:8px; color:var(--line); }.triage-note { margin:8px 0; }.text-button { padding:0; border:0; background:transparent; color:var(--accent); font-size:.78rem; }.triage-details { margin-top:8px; }.triage-item { display:grid!important; grid-template-columns:18px 1fr; margin:9px 0 0 22px; align-items:start!important; }.triage-item span,.triage-item small { display:block; }.triage-item small { color:var(--muted); margin-top:3px; }.triage-item em { display:inline-block; color:var(--accent); font-size:.68rem; margin-top:4px; font-style:normal; }
.memory-grid { align-items:start; }.record { display:grid; grid-template-columns:max-content 1fr; gap:12px; padding:13px 0; border-bottom:1px solid var(--line); }.record:last-child { border:0; }.record strong,.record small { display:block; }.record small { color:var(--muted); margin-top:5px; line-height:1.45; }
.empty,.muted { color:var(--muted); }.empty { line-height:1.55; }.empty-state { min-height:280px; display:grid; place-content:center; justify-items:start; max-width:720px; }
.status { display:inline-flex; align-items:center; gap:8px; color:var(--muted); }.dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#77827a; }.dot.connected { background:#84d19b; box-shadow:0 0 0 4px #84d19b1c; }.dot.error { background:var(--danger); }
.connection-stack { display:grid; gap:16px; }.social-layout { display:grid; grid-template-columns:minmax(190px,.32fr) minmax(0,1fr); gap:18px; align-items:start; }.social-accounts { display:grid; gap:8px; }.social-account { text-align:left; display:grid; gap:3px; background:var(--surface); color:var(--text); border:1px solid var(--line); }.social-account span,.refresh-state { color:var(--muted); font-size:.78rem; }.social-account.active { border-color:#63846e; background:#1b2921; }.social-counts,.social-metrics { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }.social-counts span,.social-metrics span { padding:9px 11px; border-radius:10px; background:var(--surface-2); color:var(--muted); font-size:.75rem; }.social-counts b,.social-metrics b,.social-metrics small { display:block; color:var(--text); }.social-media { margin-top:18px; display:grid; gap:12px; }.social-media-item { padding:16px; }.social-media-item>div:first-child { display:flex; justify-content:space-between; color:var(--muted); font-size:.72rem; }.social-media-item p { white-space:pre-wrap; line-height:1.5; }.social-media-item>a { color:var(--accent); font-size:.8rem; }.social-metrics small { color:var(--muted); font-weight:400; margin-top:2px; }
.buffer-channels { display:grid; gap:8px; padding-left:20px; overflow-wrap:anywhere; }.buffer-channels li { line-height:1.45; }.buffer-channels small { display:block; color:var(--muted); }
.notice { padding:12px 14px; border-radius:10px; background:#33241d; color:#f2c9a8; margin-bottom:16px; }.error { color:var(--danger); }
.chat-launcher { position:fixed; right:24px; bottom:24px; z-index:14; gap:9px; box-shadow:0 12px 35px #0007; color:var(--text); background:#20332a; border:1px solid #4b6b58; padding:10px 15px 10px 10px; }.chat-launcher span { width:30px; height:30px; display:grid; place-items:center; color:var(--accent); }.chat-launcher svg { width:26px; height:26px; }.chat-launcher i { width:7px; height:7px; border-radius:50%; background:#f2b67c; }
.chat-backdrop { position:fixed; inset:0; background:#05080688; z-index:15; }.chat-drawer { position:fixed; right:22px; bottom:78px; width:min(430px,calc(100vw - 32px)); height:min(690px,calc(100vh - 110px)); z-index:16; border:1px solid #3b5044; border-radius:20px; background:#111815; box-shadow:0 30px 80px #0009; overflow:hidden; }
.chat { height:100%; display:flex; flex-direction:column; }.chat-head { padding:17px 18px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; }.chat-head h2 { margin:0; }.icon-button { background:transparent; border:1px solid var(--line); color:var(--muted); padding:5px 10px; font-size:1.2rem; }
.messages { padding:17px; flex:1; min-height:0; overflow-y:auto; display:flex; flex-direction:column; gap:11px; }.message { max-width:86%; padding:10px 13px; border-radius:14px; line-height:1.5; white-space:pre-wrap; font-size:.88rem; }.message.assistant { align-self:flex-start; background:var(--surface-2); }.message.user { align-self:flex-end; background:#294536; }
.composer { padding:12px; border-top:1px solid var(--line); display:flex; gap:8px; }.composer input,.login input { flex:1; min-width:0; background:#0d1410; border:1px solid var(--line); border-radius:10px; padding:11px 12px; color:var(--text); outline:none; }.composer input:focus,.login input:focus { border-color:#6d9b79; }
.proposal { margin:0 14px 12px; padding:14px; max-height:260px; overflow:auto; border:1px solid #50705a; background:#17271d; border-radius:13px; }.proposal h3 { font-size:.7rem; letter-spacing:.1em; color:var(--accent); margin:0 0 12px; }.proposal dl { display:grid; grid-template-columns:68px 1fr; gap:7px; font-size:.78rem; margin:0 0 13px; }.proposal dt { color:var(--muted); }.proposal dd { margin:0; word-break:break-word; }
.login { position:fixed; inset:0; background:#09100cdd; display:grid; place-items:center; z-index:25; padding:20px; }.login .card { width:min(430px,100%); padding:26px; }.login form { display:flex; gap:9px; margin-top:20px; }.boot { display:grid; place-items:center; min-height:100vh; color:var(--muted); }

@media (max-width:980px) {
  :root { --sidebar:74px; }.brand>span:last-child,.nav-label,.nav-link>span:last-child,.sidebar-foot>span:last-child { display:none; }.brand,.nav-link,.sidebar-foot { justify-content:center; }.page { padding-inline:28px; }.home-grid,.home-work-grid { grid-template-columns:1fr; }.focus-card { grid-row:auto; min-height:260px; }.memory-grid,.social-layout { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .mobile-logout { display:inline-flex; flex-shrink:0; }
  .connection { flex-wrap:wrap; }.connection>button,.connection>.button { max-width:100%; }
  .sidebar { inset:auto 0 0; width:100%; height:66px; padding:6px; border:0; border-top:1px solid var(--line); }.brand,.sidebar-foot { display:none; }.sidebar nav { display:flex; overflow-x:auto; gap:2px; scrollbar-width:none; }.nav-link { min-width:62px; flex-direction:column; gap:2px; padding:6px; font-size:.62rem; }.nav-link>span:last-child { display:block; }.nav-link.active::before { left:20%; bottom:0; width:60%; height:2px; }.workspace { margin-left:0; padding-bottom:66px; }.topbar { height:56px; padding:0 16px; }.topbar .eyebrow { display:none; }.page { padding:28px 15px 100px; }.hero h1,.page-heading h1 { font-size:2rem; }.two-columns,.calendar-sections,.inbox-layout { grid-template-columns:1fr; }.calendar-batch-correction,.calendar-single-correction { grid-template-columns:1fr 1fr; }.calendar-batch-actions { flex-direction:column; align-items:stretch; }.calendar-batch-actions button { width:100%; }.calendar-draft>div { flex-wrap:wrap; }.calendar-draft>div>span:last-child { margin-left:0; }.action-heading,.quick-actions { align-items:flex-start; flex-direction:column; }.quick-actions>div { justify-content:flex-start; }.task-create>div,.task-row { align-items:stretch; flex-direction:column; }.task-row button { align-self:flex-start; }.chat-launcher { right:14px; bottom:78px; }.chat-drawer { inset:0; width:100%; height:100%; max-height:none; border:0; border-radius:0; }.mail-reader { min-height:340px; }.health-link { font-size:.72rem; }
}
@media (max-width:420px) { .calendar-batch-correction,.calendar-single-correction { grid-template-columns:1fr; } }
@media (max-width:420px) { .home-now .focus-card { padding:24px; }.home-now .focus-card h2 { font-size:1.6rem; overflow-wrap:anywhere; } }
@media (max-width:680px) { .home-work-item { align-items:stretch; flex-direction:column; }.home-work-item .button { align-self:flex-start; }.home-work-grid { gap:12px; } }
@media (prefers-reduced-motion:reduce) { .feature-card { transition:none; } }