:root{--sec-blue:#0c8ce7;--sec-navy:#060c31;--sec-paper:#f4f6f4;--sec-fog:#d1dadd;--sec-ink:#10182f;--sec-line:rgba(6,12,49,.18);--sec-display:"Anton",Impact,sans-serif;--sec-mono:"IBM Plex Mono",monospace;--sec-body:"Public Sans",sans-serif}
.secretary-shell{width:min(1380px,100%);margin:auto;padding:clamp(14px,3vw,38px)}
.secretary{min-height:720px;display:grid;grid-template-columns:300px minmax(0,1fr);border:2px solid var(--sec-navy);background:var(--sec-paper);color:var(--sec-navy);box-shadow:12px 12px 0 rgba(6,12,49,.18);font-family:var(--sec-body)}
.secretary-rail{display:flex;flex-direction:column;padding:22px;background:var(--sec-navy);color:var(--sec-paper);border-right:2px solid var(--sec-navy)}
.secretary-id{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid rgba(244,246,244,.18)}
.secretary-mark{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--sec-paper);background:var(--sec-blue);font:24px var(--sec-display);box-shadow:4px 4px 0 var(--sec-paper)}
.secretary-id b,.secretary-id small{display:block}.secretary-id b{font:22px var(--sec-display);text-transform:uppercase}.secretary-id small{margin-top:2px;color:#a8bbc5;font:9px var(--sec-mono);text-transform:uppercase;letter-spacing:.12em}
.secretary-new{margin:22px 0 14px;padding:13px;border:1px solid var(--sec-blue);background:var(--sec-blue);color:white;font:600 10px var(--sec-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
.secretary-new:hover,.secretary-new:focus-visible{background:var(--sec-paper);color:var(--sec-navy);outline:none}
.secretary-history-label{margin:4px 0 10px;color:#7e9bab;font:600 9px var(--sec-mono);text-transform:uppercase;letter-spacing:.14em}
.secretary-threads{display:grid;gap:5px;overflow:auto}
.secretary-thread{padding:11px;text-align:left;border:1px solid transparent;background:transparent;color:#b8c9d0;font:500 10px/1.4 var(--sec-mono);cursor:pointer}
.secretary-thread:hover,.secretary-thread.active{border-color:rgba(244,246,244,.25);background:rgba(244,246,244,.08);color:white}
.secretary-privacy{margin-top:auto;padding-top:20px;color:#7e9bab;font:9px/1.55 var(--sec-mono)}
.secretary-main{min-width:0;display:grid;grid-template-rows:auto 1fr auto;background-image:linear-gradient(var(--sec-line) 1px,transparent 1px),linear-gradient(90deg,var(--sec-line) 1px,transparent 1px);background-size:28px 28px}
.secretary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:clamp(22px,4vw,42px);border-bottom:2px solid var(--sec-navy);background:rgba(244,246,244,.94)}
.secretary-kicker{color:var(--sec-blue);font:600 9px var(--sec-mono);text-transform:uppercase;letter-spacing:.16em}
.secretary-head h1{margin:8px 0 0;font:clamp(42px,6vw,76px)/.86 var(--sec-display);text-transform:uppercase;letter-spacing:-.02em}.secretary-head h1 span{color:var(--sec-blue)}
.secretary-status{max-width:27ch;color:#526071;font:10px/1.55 var(--sec-mono)}
.secretary-messages{display:flex;flex-direction:column;gap:18px;min-height:360px;padding:clamp(20px,4vw,46px);overflow:auto}
.secretary-welcome{max-width:700px;margin:auto;padding:30px;border:2px solid var(--sec-navy);background:var(--sec-paper);box-shadow:7px 7px 0 var(--sec-blue)}
.secretary-welcome h2{margin:0 0 10px;font:32px var(--sec-display);text-transform:uppercase}.secretary-welcome p{margin:0;color:#526071;line-height:1.65}
.secretary-starters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.secretary-starter{padding:13px;text-align:left;border:1px solid var(--sec-navy);background:white;color:var(--sec-navy);font:600 9px/1.45 var(--sec-mono);cursor:pointer}.secretary-starter:hover{background:var(--sec-blue);color:white;border-color:var(--sec-blue)}
.secretary-message{max-width:min(720px,88%);padding:17px 19px;border:1px solid var(--sec-navy);background:var(--sec-paper);box-shadow:5px 5px 0 rgba(6,12,49,.12)}
.secretary-message.user{align-self:flex-end;background:var(--sec-blue);border-color:var(--sec-blue);color:white}.secretary-message.assistant{align-self:flex-start}
.secretary-message b{display:block;margin-bottom:8px;font:600 9px var(--sec-mono);text-transform:uppercase;letter-spacing:.12em;opacity:.68}.secretary-message p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.7}
.secretary-message.thinking p{height:18px;background:linear-gradient(90deg,#d1dadd 25%,#eef1ef 45%,#d1dadd 65%);background-size:200% 100%;animation:sec-shimmer 1.1s linear infinite;color:transparent}@keyframes sec-shimmer{to{background-position:-200% 0}}
.secretary-composer{padding:18px clamp(20px,4vw,46px) 24px;border-top:2px solid var(--sec-navy);background:var(--sec-paper)}
.secretary-form{display:grid;grid-template-columns:1fr auto;border:2px solid var(--sec-navy);background:white}.secretary-input{min-height:62px;padding:16px;border:0;outline:0;resize:none;color:var(--sec-navy);background:transparent;font:14px/1.5 var(--sec-body)}.secretary-send{min-width:130px;border:0;border-left:2px solid var(--sec-navy);background:var(--sec-blue);color:white;font:600 10px var(--sec-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.secretary-send:disabled{opacity:.5;cursor:wait}.secretary-note{margin:8px 0 0;color:#657383;font:9px/1.5 var(--sec-mono)}.secretary-alert{color:#a42936}
@media(max-width:760px){.secretary-shell{padding:8px}.secretary{grid-template-columns:1fr;min-height:760px}.secretary-rail{border-right:0;border-bottom:2px solid var(--sec-navy)}.secretary-threads{display:flex;overflow:auto}.secretary-thread{min-width:150px}.secretary-privacy{display:none}.secretary-head{align-items:flex-start;flex-direction:column}.secretary-starters{grid-template-columns:1fr}.secretary-message{max-width:94%}.secretary-form{grid-template-columns:1fr}.secretary-send{min-height:48px;border-left:0;border-top:2px solid var(--sec-navy)}}