:root{--ink:#163d34;--paper:#f4f2e9;--line:#d7ddd2;--muted:#66786e;--lime:#d9f080}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Avenir Next,PingFang TC,sans-serif}main{max-width:1320px;margin:auto;padding:0 48px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;display:flex}a{color:inherit;text-decoration:none}.brand{letter-spacing:-1.7px;font-size:30px;font-weight:800}.brand span{letter-spacing:2px;margin-left:14px;font-size:12px;font-weight:500}.tag,.eyebrow,.label{letter-spacing:2px;font-size:11px;font-weight:700}.tag{border:1px solid var(--line);border-radius:30px;padding:9px 14px}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;padding:64px 0 48px;display:grid}.eyebrow{color:var(--muted);margin:0 0 22px}h1{letter-spacing:-2px;margin:0;font-size:54px;font-weight:500;line-height:1.3}h1 em{font-family:Georgia,Songti TC,serif;font-style:normal}.intro{color:var(--muted);margin-top:24px;font-size:14px;line-height:1.9}.hero aside{border-left:1px solid #b9c5b9;padding:20px 0 20px 42px}.hero aside h2{overflow-wrap:anywhere;letter-spacing:-.8px;margin:14px 0 6px;font-size:25px}.hero aside p{color:var(--muted);font-size:14px}.pill{border:1px solid #c1cbbf;border-radius:30px;margin:12px 0;padding:8px 12px;font-size:12px;display:inline-block}.pill.ok{background:var(--lime)}aside small{color:var(--muted);font-size:12px;line-height:1.9;display:block}.steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:30px;display:grid}.steps>div{border-right:1px solid var(--line);align-items:center;gap:12px;padding:23px 12px;display:flex}.steps>div:last-child{border:0}.steps span{color:var(--muted);font:14px Georgia}.steps strong{font-size:13px;font-weight:500}.steps i{color:var(--muted);margin-left:auto;font-size:10px;font-style:normal}.steps .done{color:#24603a;font-weight:700}.panel{border:1px solid var(--line);background:#fbfaf6;margin-bottom:24px;padding:32px}.accounts-panel,.login,.setup{grid-template-columns:1fr 1fr;gap:42px;display:grid}.panel h2{margin:0 0 14px;font-size:24px}.panel p{overflow-wrap:anywhere;font-size:13px;line-height:1.8}.panel .eyebrow{margin-bottom:12px;font-size:10px}.muted{color:var(--muted)}form{flex-direction:column;justify-content:center;gap:12px;display:flex}label{font-size:12px}select,input,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #aab8ab;border-radius:3px;padding:14px}button{border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;cursor:pointer;border-radius:4px;padding:13px 20px;font-size:13px;transition:background .15s}button:hover{background:#2b5749}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #719b22}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.secondary{color:var(--ink);background:0 0}.secondary:hover{background:#e9edde}dl{min-width:0;margin:0}dt{color:var(--muted);margin-bottom:7px;font-size:11px}dd{overflow-wrap:anywhere;margin:0 0 18px;font-size:12px}.notice{background:#e9efd7;border-left:3px solid #8ca93f;margin-bottom:20px;padding:18px;font-size:14px}.inbox{border:1px solid var(--line);background:#fbfaf6;grid-template-columns:290px 1fr;min-height:430px;display:grid}.inbox nav{border-right:1px solid var(--line)}.inbox-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px;display:flex}.inbox-title h2{margin:0;font-size:18px}.inbox-title span{font-size:12px}.contact{color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;width:100%;padding:20px;display:block}.contact.selected,.contact:hover{background:#eaf0dd}.contact b,.contact small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contact small{color:var(--muted);margin-top:8px}.empty{text-align:center;color:var(--muted);padding:36px 22px;font-size:14px;line-height:1.9}.empty small{font-size:12px}.big{padding:60px 24px}.big>span{color:#88a353;font-size:52px}.big h2{color:var(--ink);font-size:23px;font-weight:500}.big p{font-size:13px}.thread-head{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;gap:12px;padding:20px;font-size:12px;display:flex}.thread{flex-direction:column;gap:16px;height:330px;padding:24px;display:flex;overflow:auto}.bubble{background:#edf0e7;border-radius:10px;align-self:flex-start;max-width:85%;padding:12px 16px}.bubble.out{background:#d9e8bb;align-self:flex-end}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px;font-size:14px}.bubble time{color:var(--muted);font-size:10px}.composer{border-top:1px solid var(--line);padding:20px}.composer button{align-self:flex-end}.logout{color:var(--muted);background:0 0;border:none;margin:18px 0;padding:8px 0}footer{letter-spacing:1px;color:var(--muted);justify-content:space-between;padding:35px 0;font-size:10px;display:flex}@media (max-width:800px){main{padding:0 22px}header{height:76px}.hero{grid-template-columns:1fr;gap:22px;padding:36px 0}h1{font-size:40px}.hero aside{padding-left:20px}.steps{grid-template-columns:1fr 1fr}.steps>div{border-bottom:1px solid var(--line)}.login,.setup{grid-template-columns:1fr;gap:20px}.inbox{grid-template-columns:1fr}.inbox nav{border-right:0;border-bottom:1px solid var(--line)}footer{gap:20px;line-height:1.8}.tag{font-size:9px}.panel{padding:24px}}.accounts-panel select{margin-top:12px;display:block}.accounts-panel small{line-height:1.6}