:root{--bg:#f4efe5;--surface:rgba(255,250,242,0.86);--surface-strong:#fffaf1;--ink:#1e1a16;--muted:#5d5147;--accent:#0f766e;--accent-strong:#115e59;--border:rgba(39,33,28,0.12);--urgent:#b42318;--low:#2563eb;--shadow:0 24px 80px rgba(30,26,22,0.12);--radius:24px;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(37,99,235,.14),transparent 26%),linear-gradient(180deg,#fbf6ec,#f2ebdf);color:var(--ink)}body{font-family:inherit}a{color:inherit;text-decoration:none}main{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:32px 0 80px}.shell{display:grid;grid-gap:24px;gap:24px}.card,.hero,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{padding:40px}.eyebrow{display:inline-block;margin-bottom:16px;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.card h3,.hero h1,.panel h2{margin:0}.hero h1{font-size:clamp(36px,6vw,68px);line-height:.94;max-width:12ch}.card p,.hero p,.muted,.panel p{color:var(--muted);line-height:1.6}.grid{display:grid;grid-gap:20px;gap:20px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card,.panel{padding:28px}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.pill{border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--border);padding:10px 14px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:var(--accent);color:white;padding:12px 18px;font-weight:600;cursor:pointer}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--border)}.stack{display:flex;flex-direction:column;gap:14px}.timeline{display:grid;grid-gap:12px;gap:12px}.timeline-item{padding:14px 16px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--border)}.badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.badge.low{color:var(--low);background:rgba(37,99,235,.12)}.badge.urgent{color:var(--urgent);background:rgba(180,35,24,.12)}.badge.ignore{color:#4b5563;background:rgba(75,85,99,.12)}code{font-family:Consolas,Courier New,monospace}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 16px;max-width:1120px;margin:0 auto;font-size:12px;color:var(--muted);border-top:1px solid var(--border)}.button:focus-visible,.pill:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.badge.pending{color:#6b7280;background:rgba(107,114,128,.12)}.button.small{margin-top:8px;font-size:13px;padding:8px 14px}.button.secondary.small{margin-top:0}.settings-grid{display:flex;flex-direction:column;gap:14px;margin-top:18px}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:16px;gap:16px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-strong);align-items:center}.settings-label{font-weight:600;font-size:14px}.settings-hint{margin-top:2px;line-height:1.4}.settings-hint,.settings-source{font-size:12px;color:var(--muted)}.settings-source{margin-top:4px}.settings-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:white;font-family:inherit;font-size:14px}.settings-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.settings-control{display:flex;justify-content:flex-end;gap:8px}@media (max-width:640px){.settings-row{grid-template-columns:1fr}.settings-control{justify-content:flex-start}}.chat-feed{height:70vh;overflow-y:auto;padding:12px 4px;background:linear-gradient(180deg,rgba(255,250,242,.4),rgba(255,250,242,0) 80%);border-radius:18px;border:1px solid var(--border)}.chat-stream{gap:18px}.chat-stream,.chat-turn{display:flex;flex-direction:column}.chat-turn{gap:8px}.chat-bubble{max-width:85%;padding:14px 16px;border-radius:18px;border:1px solid var(--border);font-size:14px;line-height:1.5;box-shadow:0 6px 24px rgba(30,26,22,.06)}.chat-bubble.inbound{align-self:flex-start;background:var(--surface-strong);border-bottom-left-radius:6px}.chat-bubble.outbound{align-self:flex-end;background:rgba(15,118,110,.08);border-color:rgba(15,118,110,.2);border-bottom-right-radius:6px}.chat-bubble.outbound.sent{background:rgba(15,118,110,.12);opacity:.85}.chat-bubble-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}.chat-sender{font-weight:600;color:var(--ink)}.chat-time{margin-left:auto;color:var(--muted);font-size:11px}.chat-bubble-subject{font-weight:600;font-size:15px;margin-bottom:6px;line-height:1.35}.chat-bubble-body{color:var(--muted);margin-bottom:8px;white-space:pre-wrap}.chat-bubble-reason{font-size:12px;color:var(--muted);padding-top:6px;border-top:1px dashed var(--border)}.chat-bubble-draft{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.5;margin:0 0 8px;color:var(--ink)}.chat-bubble-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.suggested-action-row{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;background:rgba(15,118,110,.06);border:1px dashed rgba(15,118,110,.3);border-radius:12px;font-size:13px}.suggested-action-row .button{margin-left:auto}.chat-system-msg{align-self:center;font-size:12px;color:var(--muted);background:rgba(75,85,99,.08);padding:4px 10px;border-radius:999px}.chat-bubble-actions .button{font-size:12px;padding:6px 10px;margin-top:0}.rule-menu{position:relative}.rule-menu summary{list-style:none;cursor:pointer}.rule-menu summary::-webkit-details-marker{display:none}.rule-menu-popover{position:absolute;top:calc(100% + 4px);right:0;z-index:10;background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:240px;box-shadow:0 10px 30px rgba(30,26,22,.18)}@media (max-width:640px){.chat-bubble{max-width:95%}.chat-feed{height:75vh}.card,.hero,.panel{padding:22px}.hero h1{max-width:none;line-height:1.05}}