:root{--ink:#443c35;--muted:#776d64;--paper:#f4eee4;--surface:#fbf7f0;--line:#d9cebf;--accent:#b9785f;--sage:#bcc4a9;--autumn:#d9b89d;--dark:#514941;--dark-muted:#c9c0b7;font-family:Inter,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;background:var(--dark);color:var(--surface);border:1px solid transparent;border-radius:7px;padding:11px 16px;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.quiet{background:transparent;color:var(--ink);border-color:var(--line)}header{background:var(--dark);color:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:20px 32px;gap:20px}header .quiet{color:var(--surface)}.brand{font-size:28px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand .brandIcon{font-size:19px;line-height:1;letter-spacing:0}.mode{font-size:12px;letter-spacing:1px;color:var(--dark-muted)}h1{font-size:36px;letter-spacing:-1.4px;margin:8px 0}h2{font-size:18px;margin:0 0 10px}p{line-height:1.55}small{font-size:13px;line-height:1.6;color:var(--muted)}.heading{display:flex;justify-content:space-between;align-items:center;padding:28px 32px 18px}.heading p{margin:5px 0;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700}.stats{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:24px}.stats strong{font-size:36px}.stats span{font-size:14px}nav{display:flex;gap:10px;padding:0 32px 20px}nav .quiet{border-color:transparent}.desk{margin:0 32px;display:grid;grid-template-columns:230px minmax(300px,1fr) 280px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:560px}aside{padding:22px 16px}aside h2 span{color:var(--muted)}.contact{display:block;width:100%;text-align:left;background:var(--surface);color:var(--ink);padding:16px 12px;margin-top:6px}.contact small{display:block}.contact.active{background:var(--sage);border-color:var(--sage)}.thread{border-left:1px solid var(--line);border-right:1px solid var(--line);display:flex;flex-direction:column}.threadHead{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.messages{height:360px;overflow:auto;padding:22px;background:var(--paper);display:flex;flex-direction:column;gap:14px}.bubble{max-width:85%;padding:12px 16px;border-radius:12px;border:1px solid var(--line);align-self:flex-start;background:var(--surface)}.bubble.out{align-self:flex-end;background:var(--sage);border-color:var(--sage)}.bubble p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.composer{padding:16px;display:flex;gap:12px;align-items:end}.composer label{flex:1}.composer textarea{min-height:65px}label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}input,textarea{display:block;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:6px;margin-top:7px;padding:11px;color:var(--ink)}textarea{resize:vertical;min-height:100px}.sim{background:var(--paper)}.sim p{font-size:14px;color:var(--muted)}.sim button{width:100%;font-size:14px}.tips{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.empty{padding:24px;color:var(--muted)}.cards{padding:0 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.request,.settings{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:10px}.request h2{margin-top:20px}.badge{background:var(--autumn);padding:5px 10px;border-radius:20px;font-size:13px}.note{font-size:14px;color:var(--muted)}.actions{display:flex;gap:10px}dt{font-size:13px;color:var(--muted);margin-top:14px}dd{margin:4px 0;overflow-wrap:anywhere}.settings{max-width:850px;margin:0 32px}.code{font-family:Consolas,monospace;min-height:390px;font-size:14px}.error{margin:10px 32px;padding:12px;background:var(--autumn);color:var(--ink);border-radius:6px}footer{padding:22px 32px;font-size:13px;color:var(--muted)}.login{max-width:540px;margin:9vh auto;background:var(--surface);padding:40px;border-radius:15px;border:1px solid var(--line)}.login .brand{color:var(--dark);margin-bottom:35px}.login h1{font-size:42px}.login form{margin-top:30px}.login button{width:100%}@media(max-width:1050px){.desk{grid-template-columns:190px 1fr}.sim{grid-column:1/-1;border-top:1px solid var(--line)}.sim form{display:flex;gap:16px;align-items:end}.sim label{flex:1}.sim button{width:auto}.tips{margin-top:10px}}@media(max-width:650px){header{padding:16px;flex-wrap:wrap}.heading{padding:20px 16px}h1{font-size:28px}.stats{display:none}nav{padding:0 16px 16px}.desk{margin:0 12px;display:flex;flex-direction:column}.thread{border-top:1px solid var(--line)}.sim form,.composer{display:block}.threadHead{align-items:start}.cards{padding:0 12px}.settings{margin:0 12px}.login{margin:20px;padding:25px}.messages{height:340px}}.admin{max-width:1100px;margin:0 32px}.adminCard{padding:24px;margin-bottom:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.adminTitle{display:flex;justify-content:space-between;align-items:center;gap:20px}.adminTitle p{color:var(--muted)}.notice{padding:16px;background:var(--sage);border-radius:8px;overflow-wrap:anywhere}.url{display:block;margin:10px 0;overflow-wrap:anywhere;font-size:14px}.job{display:inline-block;margin:8px;padding:6px 12px;background:var(--paper);border-radius:12px}.availability{display:flex;gap:16px;align-items:end;margin-top:20px}select{display:block;font:inherit;padding:12px;border:1px solid var(--line);border-radius:6px;width:100%;margin-top:8px;background:var(--surface);color:var(--ink)}@media(max-width:650px){.admin{margin:0 12px}.adminTitle,.availability{display:block}.actions{flex-wrap:wrap}}h1,h2{font-family:inherit;font-weight:600}button{transition:background .15s ease,box-shadow .15s ease}button:not(:disabled):hover{box-shadow:0 2px 8px #443c3514}nav .selected{background:var(--autumn);color:var(--ink);border-color:var(--accent)}.eyebrow{color:var(--muted)}.login{border-top:4px solid var(--accent);box-shadow:0 16px 50px #443c350a}.login .brand{color:var(--ink);justify-content:flex-end}header .brand{order:3;margin-left:auto;justify-content:flex-end}a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:3px}header .quiet{border-color:var(--dark-muted)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}header button:focus-visible{outline-color:var(--surface)}.threadHead{flex-wrap:wrap}.threadHead>div{flex:1;min-width:140px}.desk>*{min-width:0}.bubble,.contact{overflow-wrap:anywhere}@media(max-width:650px){nav{flex-wrap:wrap;gap:8px}.brand{font-size:25px}}.archiveToggle{width:100%;margin:4px 0 12px}.archiveAction{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.archiveAction small{flex:1;min-width:160px}.replyMenu{display:flex;flex-direction:column;gap:8px;margin:12px 0}.replyMenu button{background:var(--surface);border-color:var(--ink);font-size:14px}.replyMenu button:disabled{cursor:default}.replyMenu small{font-size:12px}.tips .actions{flex-wrap:wrap}.messageContent{display:flex;flex-direction:column;gap:14px;min-height:min-content}.messages{display:block;overflow-anchor:none}header .brand{order:0;margin-left:0;margin-right:auto;justify-content:flex-start}.mode{display:flex;align-items:center;gap:8px;letter-spacing:.4px}.modeDot{width:8px;height:8px;border-radius:50%;background:var(--dark-muted);display:inline-block}.modeDot.live{background:#6ed49b}.templateList{margin-top:18px}.templateRow{border-top:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.templateRow h3{margin:0 0 8px;font-size:16px}.templateRow p{margin:8px 0}.templateRow .actions{margin:12px 0;flex-wrap:wrap}.templateBody{white-space:pre-wrap}.templateForm{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.formGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.cleanupReferences{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.admin .error{margin:12px 0}.adminCard summary{cursor:pointer;font-weight:600}.adminTitle{margin-bottom:16px}.adminCard form{max-width:760px}.adminCard .actions{flex-wrap:wrap}.login .brand{justify-content:flex-start}@media(max-width:650px){.formGrid{grid-template-columns:1fr}.adminTitle .actions{margin-top:12px}.mode{font-size:11px}}