*{box-sizing:border-box}html{font-size:16px}body{margin:0}.skip{position:fixed;left:-999px;top:8px}.skip:focus{left:8px;z-index:99;background:var(--surface);padding:12px}.shell{width:min(100%,1000px);min-height:100vh;margin:auto;padding:24px clamp(18px,4vw,32px) calc(112px + env(safe-area-inset-bottom));overflow-x:hidden}header{margin-bottom:28px}.hero{color:#fff;margin:-24px calc(-1 * clamp(18px,4vw,32px)) 30px;padding:30px clamp(22px,5vw,38px);border-radius:0 0 28px 28px}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:750;opacity:.8}h1{font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.12;margin:0 0 12px}h2{font-size:clamp(1.12rem,3vw,1.3rem);line-height:1.25;margin:0 0 14px}h3{font-size:1.1rem;margin:2px 0 5px}.attention{font-size:1.08rem;max-width:30rem}.attention strong{font-size:1.85rem}.mode,.status{display:inline-block;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:720;background:var(--info-surface);color:var(--primary)}.hero .mode{background:var(--surface);color:var(--brand-navy)}.attention-section{margin-top:28px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title span{border-radius:999px;padding:4px 10px;font-weight:700}.attention-card,.review-card,.controls,.empty,.automation-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(17px,3vw,22px);margin:14px 0;box-shadow:0 6px 22px var(--shadow)}.attention-card{display:flex;gap:18px;justify-content:space-between;align-items:center}.attention-card p{margin:4px 0;color:var(--text-secondary);font-size:.9rem}.attention-card .reason{color:var(--primary);font-weight:700}.button,button{appearance:none;border:1px solid var(--control-border);border-radius:11px;background:var(--surface);color:var(--text-primary);min-height:44px;padding:10px 15px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.primary{color:#fff}.secondary{white-space:nowrap}.quiet{border-color:transparent}.danger{color:var(--destructive)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--primary-focus);outline-offset:2px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1000px);display:grid;padding:8px clamp(10px,3vw,20px) calc(8px + env(safe-area-inset-bottom));background:var(--nav-surface);border:1px solid var(--border);border-bottom:0;backdrop-filter:blur(12px)}.bottom-nav.three-items{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav.four-items{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav a{text-align:center;color:var(--text-secondary);text-decoration:none;padding:11px 4px;border-radius:10px;font-size:.86rem;font-weight:650;min-height:52px;min-width:0;display:flex;align-items:center;justify-content:center}.bottom-nav a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.conversation-row{display:flex;justify-content:space-between;gap:14px;padding:17px 4px;border-bottom:1px solid var(--border);color:var(--text-primary);text-decoration:none}.conversation-row div{display:flex;flex-direction:column;min-width:0}.conversation-row span,.conversation-row time{font-size:.84rem;color:var(--text-secondary)}.conversation-head{display:flex;gap:12px;align-items:center}.conversation-head>a{font-size:1.6rem;text-decoration:none;color:var(--text-primary);min-width:44px}.conversation-head h1{font-size:1.35rem;margin:0}.conversation-head span{font-size:.84rem;color:var(--text-secondary)}.messages{display:flex;flex-direction:column;gap:12px;margin:24px 0}.bubble{max-width:88%;padding:13px 15px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.bubble.customer{align-self:flex-start;border-bottom-left-radius:4px}.bubble.agent{align-self:flex-end;background:var(--agent-surface);border-color:var(--agent-border);border-bottom-right-radius:4px}.bubble p{margin:0;white-space:pre-wrap}.bubble small{display:block;color:var(--text-secondary);margin-top:6px}.review-card{border-left:5px solid var(--primary)}.review-card blockquote{margin:14px 0;padding:16px;background:var(--ai-surface);border-radius:12px;white-space:pre-wrap}.review-card summary{padding:9px 0;font-weight:700;cursor:pointer}.review-card li{margin:9px 0}.actions{display:flex;flex-wrap:wrap;gap:10px}.hidden{display:none!important}form{margin-top:16px}label{display:block;font-weight:700;margin-bottom:7px}textarea{width:100%;resize:vertical;border:1px solid var(--control-border);border-radius:12px;padding:13px;font:inherit;background:var(--surface);margin-bottom:8px}.mode-list{display:grid;gap:12px;margin:18px 0}.mode-option{display:flex;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;min-height:44px;line-height:1.4}.mode-option:has(input:checked){border:2px solid var(--primary);padding:16px;background:var(--info-surface)}.mode-option input{margin:4px 12px 0 0}.mode-option span{display:flex;flex-direction:column}.mode-option small{color:var(--text-secondary);margin-top:5px;font-size:.86rem;line-height:1.45}.mode-option em{font-size:.74rem;color:var(--primary);font-style:normal;font-weight:700}.empty{text-align:center;padding:34px 22px}.empty p{color:var(--text-secondary);margin-bottom:0}.skeleton{min-height:180px;margin:20px 0;padding:64px 24px;text-align:center;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:18px}@media(max-width:430px){.attention-card{align-items:flex-start;flex-direction:column}.attention-card .button{align-self:stretch;text-align:center}.actions>button{flex:1 1 145px}.bubble{max-width:94%}.bottom-nav{padding-inline:4px}.bottom-nav a{padding-inline:2px;font-size:.7rem}.bottom-nav .icon{font-size:1rem}}@media(min-width:700px){.shell{padding-top:36px}.hero{margin:0 0 32px;border-radius:26px}.attention-card{padding:22px 24px}.bubble{max-width:72%}.bottom-nav{border-radius:18px 18px 0 0}}
.sources ul{display:grid;gap:10px;padding:0;list-style:none}.source-card{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.source-card>span{color:var(--text-secondary);font-size:.88rem}.source-title{display:flex;gap:8px;align-items:baseline}.source-title>span{color:var(--primary);font-weight:700}.source-excerpt{margin-top:6px}.source-excerpt summary{cursor:pointer;color:var(--primary);font-weight:650}.source-excerpt p{white-space:pre-wrap;overflow-wrap:anywhere}
.bottom-nav a{position:relative}.attention-badge{position:absolute;top:4px;left:calc(50% + 14px);display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--destructive);color:#fff;border:2px solid var(--nav-surface);font-size:.68rem;line-height:1}.attention-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin:28px 0 20px;padding:clamp(18px,4vw,26px);border:1px solid var(--primary);border-radius:20px;background:var(--info-surface);box-shadow:0 8px 26px var(--shadow)}.attention-summary h2{margin-bottom:0}.attention-counts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.attention-counts span{padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.88rem}.attention-counts strong{color:var(--primary)}.attention-summary button{grid-column:2;grid-row:1}.attention-toast{position:fixed;z-index:40;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:280px;padding:13px 16px;border-radius:12px;background:var(--brand-navy);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);font-weight:700}@media(max-width:600px){.attention-summary{grid-template-columns:1fr}.attention-summary button{grid-column:1;grid-row:auto;width:100%}.attention-counts{grid-column:1}.attention-toast{left:16px;right:16px;text-align:center}.attention-badge{top:2px}}