:root{--accent:#956675;--ink:#342d31;--muted:#776b73;--line:#e9e1e5;--paper:#fffdfc}*{box-sizing:border-box}body{margin:0;background:#f7f3f3;color:var(--ink);font:15px/1.5 system-ui,-apple-system,sans-serif}header{height:82px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:20px}header>div{display:flex;align-items:center;gap:12px}.wordmark{display:flex;align-items:center;gap:16px;font-family:Georgia,serif;font-size:34px;color:var(--accent);text-decoration:none}.wordmark span{font:600 14px system-ui;letter-spacing:.15em}button,input,textarea,select{font:inherit}button,.btn{cursor:pointer;border:1px solid var(--line);padding:10px 16px;border-radius:9px;background:white;color:var(--ink)}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}input,textarea,select{border:1px solid #d8cdd3;background:white;border-radius:8px;padding:10px;color:var(--ink);max-width:100%}input,textarea{width:100%}label{display:grid;gap:6px;margin:14px 0;font-size:13px;color:var(--muted)}textarea{min-height:130px}h1{font:36px/1.2 Georgia,serif;margin:0 0 18px}h2{font-size:21px;margin:0 0 16px}h3{font-size:16px}p{color:var(--muted)}#root{min-height:calc(100vh - 190px)}.auth{display:grid;grid-template-columns:1fr 420px;max-width:1000px;margin:7vh auto;gap:80px;align-items:center;padding:25px}.intro{padding:25px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--accent);margin-bottom:24px}.intro h1{font-size:52px}.card{background:var(--paper);padding:28px;border:1px solid var(--line);border-radius:15px;box-shadow:0 15px 50px #66545d08}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tabs{margin-bottom:18px;gap:5px}.tabs button{font-size:12px;padding:8px}.workspace{display:grid;grid-template-columns:200px minmax(280px,370px) minmax(320px,1fr);max-width:1500px;margin:24px auto;padding:0 24px;gap:16px;align-items:start}.sidebar{display:grid;gap:8px}.sidebar button{text-align:left;border:0;background:transparent}.sidebar button.active{background:#eadce3;color:#71465a}.mail-list,.reader{min-height:60vh}.mail-list{padding:18px}.mail-list form{display:flex;gap:5px}.messages{margin-top:16px}.message{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:15px 4px;background:transparent}.message strong,.message span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message span{color:var(--muted);font-size:12px}.message.unread strong{color:var(--accent)}.reader{overflow-wrap:anywhere}.reader pre{white-space:pre-wrap;font:15px/1.7 system-ui}.muted{font-size:12px;color:var(--muted)}.ad{display:block;margin:18px 0;padding:16px;background:#f4e9ed;color:var(--ink);border-radius:10px;text-decoration:none}.ad small{display:block;color:var(--accent);text-transform:uppercase;font-size:10px;letter-spacing:.15em}.ad p{font-size:13px;margin-bottom:0}.panel{max-width:1000px;margin:25px auto;padding:25px}.split{display:grid;grid-template-columns:1fr 1fr;gap:25px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px 7px;border-bottom:1px solid var(--line)}.scroll{overflow:auto}dialog{border:1px solid var(--line);border-radius:14px;max-width:720px;width:94%;max-height:92vh;overflow:auto;padding:28px}dialog::backdrop{background:#2f203c66}.composer textarea{min-height:240px}#notice{max-width:1100px;margin:0 auto;padding:0 24px;white-space:pre-wrap}#notice:not(:empty){margin-top:14px;padding:12px 20px;background:#fff2ce;border-radius:8px}footer{text-align:center;font-size:11px;color:var(--muted);padding:25px}a{color:var(--accent)}#identity{font-size:12px}button:focus-visible,a:focus-visible{outline:3px solid #bf9aa9;outline-offset:3px}@media(max-width:1000px){.workspace{grid-template-columns:150px 1fr}.reader{grid-column:1/-1}.auth{gap:25px}.intro h1{font-size:40px}}@media(max-width:660px){header{height:auto;min-height:80px;padding:16px;flex-wrap:wrap}.wordmark span{font-size:12px}.auth{display:block;margin:15px auto;padding:18px}.intro{padding:12px}.intro h1{font-size:34px}.intro p{display:none}.workspace{display:block;padding:0 12px}.sidebar{display:flex;overflow:auto;margin-bottom:15px}.sidebar button{white-space:nowrap}.card{padding:20px}.reader{margin-top:15px}.split{display:block}.panel{padding:12px}.row{gap:6px}#identity{display:none}}