:root{--ink:#10121a;--ink2:#191c28;--paper:#f6f7fb;--card:#fff;--line:#e5e7ef;--text:#202330;--muted:#73788c;--soft:#eef0ff;--accent:#5b5fef;--danger:#d95757;--good:#16875f;--gold:#e3a323;--shadow:0 20px 60px rgba(20,22,35,.15);--radius:14px;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--sans);background:var(--paper);color:var(--text);overflow:hidden}button,input,textarea{font:inherit}button,a{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}.primary-btn{border:0;border-radius:12px;background:var(--accent);color:white;font-weight:750;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn:hover{filter:brightness(1.05)}.primary-btn:disabled{opacity:.5;cursor:wait}.orbit{width:24px;height:24px;border:1.5px solid rgba(91,95,239,.42);border-radius:50%;position:relative;display:inline-block;flex:0 0 auto}.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:50%;top:-4px;transform:translateX(-50%);box-shadow:0 0 20px rgba(91,95,239,.8)}.orbit.large{width:42px;height:42px}.orbit.large:after{width:9px;height:9px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup h1{font-size:25px;line-height:1;margin:0;letter-spacing:-.04em}.brand-lockup p{margin:4px 0 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.brand-lockup.compact{padding:7px 6px 23px}.brand-lockup.compact h1{font-size:21px}.brand-lockup.compact p{color:#7d8092}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#292d48 0,#151824 36%,#0e1017 100%)}.auth-card{width:min(460px,100%);background:#fff;padding:38px;border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.4)}.auth-lead{font-size:16px;line-height:1.65;color:#555b70;margin:27px 0}.auth-btn{width:100%;padding:14px}.auth-note{text-align:center;font-size:12px;color:#9699a8;margin:15px 0 4px}.legal-links{display:flex;justify-content:center;gap:18px;font-size:12px;color:#7a7e90;margin-top:24px}.legal-links a:hover{color:var(--accent)}
#app-shell{height:100vh;display:flex;min-width:0}#sidebar{width:260px;flex:none;background:var(--ink);color:#e9eaf2;padding:18px 15px;display:flex;flex-direction:column;overflow:auto}#compose-btn{width:100%;margin-bottom:17px}.folder{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:9px;color:#bec1cf;text-align:left;margin:1px 0}.folder:hover{background:#202331;color:white}.folder.active{background:#282b3c;color:white;font-weight:800}.folder b{font-size:11px;background:var(--accent);border-radius:12px;min-width:22px;padding:2px 6px;text-align:center}.side-section{border-top:1px solid #262936;margin-top:17px;padding-top:16px}.side-head{display:flex;justify-content:space-between;padding:0 8px 7px;color:#717589;text-transform:uppercase;font-weight:800;letter-spacing:.11em;font-size:10px}.side-head button{color:#7c8092;font-size:17px}.side-head button:hover{color:#fff}.mini-item{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 9px;border-radius:8px;color:#b9bdcb;font-size:12px}.mini-item:hover{background:#202331;color:#fff}.mini-dot{width:8px;height:8px;border-radius:50%;flex:none}.identity-card{margin-top:auto;border-top:1px solid #292c39;padding:15px 5px 2px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#8b8ff7);font-weight:850;color:#fff}.identity-copy{min-width:0;flex:1}.identity-copy strong,.identity-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-copy strong{font-size:12px}.identity-copy span{font:10px var(--mono);color:#8d90a2;margin-top:3px}.identity-card>a{color:#7d8090;font-size:15px}
#mail-main{display:flex;flex:1;min-width:0;background:#fff}#list-pane{width:390px;flex:none;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.list-head{display:flex;align-items:center;gap:10px;padding:20px 20px 11px}.list-head h2{font-size:22px;letter-spacing:-.03em;margin:0}.list-head span{display:block;font-size:11px;color:var(--muted);margin-top:3px}#mobile-menu{display:none}.search-wrap{position:relative;margin:0 18px 12px}.search-wrap input{width:100%;padding:10px 36px 10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--paper);outline:none}.search-wrap input:focus{border-color:#b4b7f6;background:#fff}.search-wrap button{position:absolute;right:7px;top:5px;width:30px;height:30px;color:#9a9dab}#message-list{flex:1;overflow:auto}.thread-row{position:relative;padding:14px 18px;border-top:1px solid #f0f1f6;display:flex;gap:11px;cursor:pointer}.thread-row:hover{background:#fafaff}.thread-row.selected{background:var(--soft)}.thread-row.unread .row-name,.thread-row.unread .row-subject{font-weight:850;color:#161824}.row-avatar{width:34px;height:34px;border-radius:50%;background:#e9eaf2;color:#63677b;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.row-copy{min-width:0;flex:1}.row-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.row-name{font-size:13px;color:#64697c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-time{font:10px var(--mono);color:#9b9eab;flex:none}.row-subject{font-size:13px;margin:3px 0;color:#595e70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-snippet{font-size:12px;color:#9296a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;margin-left:5px;border-radius:20px;background:#eaf8f2;color:var(--good);font-size:9px;font-weight:900;letter-spacing:.02em;vertical-align:middle}.unread-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:7px;top:29px}.loading,.empty-list,.error-list{padding:45px 24px;text-align:center;color:var(--muted);font-size:13px}.error-list{color:var(--danger)}
#thread-pane{flex:1;min-width:0;display:flex;flex-direction:column}.empty-stage{margin:auto;text-align:center;color:#9296a5;padding:30px}.empty-stage h2{font-size:18px;color:#5c6070;margin:20px 0 5px}.empty-stage p{font-size:13px}#thread-view{height:100%;display:flex;flex-direction:column}.thread-head{padding:17px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}.thread-head>button{display:none}.thread-head>div:nth-child(2){min-width:0;flex:1}.thread-head h2{font-size:19px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.thread-actions{display:flex;gap:3px}.thread-actions button{width:34px;height:34px;border-radius:8px;color:#777c8f}.thread-actions button:hover{background:var(--paper);color:#222532}#thread-messages{padding:20px 28px 10px;overflow:auto;flex:1}.message-card{border:1px solid var(--line);border-radius:13px;margin:0 0 12px;overflow:hidden;background:#fff}.message-card.service{border-color:#cfebe0}.message-head{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;background:#fafbfc}.message-meta{min-width:0;flex:1}.message-meta strong{font-size:13px}.message-address{font:10px var(--mono);color:#9296a6;margin-top:3px;word-break:break-all}.message-date{font:10px var(--mono);color:#a0a3af}.message-body{padding:16px 18px 19px;white-space:pre-wrap;line-height:1.65;font-size:14px;color:#323646}.service-banner{padding:7px 15px;background:#f0fbf7;border-bottom:1px solid #d8eee6;color:var(--good);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.reply-box{margin:0 28px 22px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;box-shadow:0 8px 25px rgba(35,37,55,.06)}#reply-to{font:10px var(--mono);color:#8d91a1;margin:0 0 7px}#reply-body{width:100%;min-height:85px;border:0;resize:vertical;outline:none;line-height:1.5;padding:4px}.reply-actions{display:flex;align-items:center;gap:12px}.reply-actions .primary-btn{padding:8px 14px;font-size:12px}.reply-actions span{font-size:11px;color:var(--muted)}
.overlay{position:fixed;inset:0;background:rgba(10,12,20,.38);z-index:50}.modal-card{position:absolute;right:28px;bottom:0;width:min(520px,calc(100vw - 56px));max-height:82vh;background:white;border-radius:15px 15px 0 0;box-shadow:var(--shadow);display:flex;flex-direction:column}.modal-card.small{width:min(430px,calc(100vw - 40px));bottom:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);border-radius:15px}.modal-card header{background:var(--ink);color:white;padding:12px 15px;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-card header button{font-size:20px;color:#969aab}.modal-card label{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:10px 15px;gap:10px}.modal-card label span{width:58px;color:#8a8e9f;font-size:12px}.modal-card input{border:0;outline:none;flex:1;min-width:0}.modal-card>textarea{min-height:220px;border:0;outline:none;resize:vertical;padding:15px;line-height:1.6}.modal-card footer{border-top:1px solid var(--line);padding:11px 15px;display:flex;align-items:center;gap:12px}.modal-card footer .primary-btn{padding:9px 17px}.modal-card footer span{font-size:11px;color:var(--muted)}#simple-fields{padding:14px}#simple-fields label{padding:10px 0}.field-help{font-size:11px;color:var(--muted);line-height:1.45;margin-top:8px}
.legal-page{min-height:100vh;overflow:auto;background:var(--paper);padding:40px 20px}.legal-card{max-width:820px;margin:auto;background:#fff;border-radius:18px;padding:36px;box-shadow:0 20px 60px rgba(25,28,40,.08)}.legal-card h1{margin:20px 0 5px}.legal-card h2{font-size:17px;margin-top:28px}.legal-card p,.legal-card li{line-height:1.7;color:#555a6b}.legal-card a{color:var(--accent)}
@media(max-width:900px){#sidebar{position:fixed;z-index:40;left:0;top:0;bottom:0;transform:translateX(-102%);transition:transform .2s;box-shadow:20px 0 50px rgba(0,0,0,.25)}#sidebar.open{transform:none}#list-pane{width:360px}#mobile-menu{display:block;width:32px;height:32px}.thread-head>button{display:block}}
@media(max-width:700px){body{overflow:hidden}#mail-main{width:100%}#list-pane{width:100%;border-right:0}#thread-pane{display:none;position:fixed;inset:0;background:#fff;z-index:20}#mail-main.reading #list-pane{display:none}#mail-main.reading #thread-pane{display:flex}.thread-head{padding:13px}.thread-head h2{font-size:17px}#thread-messages{padding:12px}.reply-box{margin:0 12px 12px}.modal-card{width:calc(100vw - 16px);right:8px}.auth-card{padding:28px}.legal-card{padding:25px}}
.ai-zone{border-top:1px solid #f0f1f5;padding:10px 15px 13px}.ai-analyze{font-size:11px;font-weight:800;color:var(--accent);padding:6px 8px;border-radius:8px}.ai-analyze:hover{background:var(--soft)}.ai-result{font-size:12px;color:var(--muted)}.ai-card{margin-top:8px;border:1px solid #dedffd;background:#f8f8ff;border-radius:10px;padding:11px 12px}.ai-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-top strong{color:#3c409d}.ai-top span{font:9px var(--mono);color:#6f73a6}.ai-card p{margin:8px 0;line-height:1.5;color:#4f5468}.ai-action{font-weight:700;color:#353a4d;margin:7px 0}.ai-deadline{color:#a15e13;margin:5px 0}.ai-card small{display:block;margin-top:8px;color:#979aae}

.network-object-card{margin:0 16px 15px;border:1px solid #dfe3ec;border-radius:13px;background:#fafbff;display:flex;overflow:hidden}
.network-object-media{width:112px;min-height:104px;background:#eceef5;flex:none}
.network-object-media:empty{display:none}
.network-object-media img{width:100%;height:100%;object-fit:cover;display:block}
.network-object-copy{padding:13px 14px;min-width:0;flex:1}
.network-object-source{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:var(--good);margin-bottom:6px}
.network-object-copy strong{display:block;font-size:14px;color:#252938}
.network-object-copy p{margin:5px 0 7px;color:#686d80;font-size:12px;line-height:1.45}
.network-object-facts{font:10px var(--mono);color:#777c8d;margin:6px 0 9px}
.network-object-copy a{font-size:11px;font-weight:850;color:var(--accent)}

/* Run L — ExoEthos by Nerddi people + visual experience */
#sidebar{background:linear-gradient(180deg,#111522 0%,#171b2c 55%,#10131e 100%);border-right:1px solid rgba(132,139,255,.08)}
.brand-lockup.compact{margin:-2px -1px 8px;padding:10px 8px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
#compose-btn{min-height:44px;border-radius:14px;background:linear-gradient(135deg,#5b5fef,#7b6ff3);box-shadow:0 12px 30px rgba(91,95,239,.22)}
.folder{border-radius:11px;padding:11px 12px;transition:.18s ease}.folder.active{background:linear-gradient(135deg,rgba(91,95,239,.25),rgba(91,95,239,.12));box-shadow:inset 0 0 0 1px rgba(132,139,255,.12)}
#list-pane{background:linear-gradient(180deg,#fff,#fbfbfe)}.thread-row{transition:background .16s ease,transform .16s ease}.thread-row:hover{background:#f7f7ff}.message-card{border-radius:17px;box-shadow:0 9px 28px rgba(35,37,55,.04)}.thread-head{background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}
.modal-card{border-radius:20px;box-shadow:0 35px 90px rgba(20,22,35,.22)}
.exo-network-person{display:inline-flex!important;align-items:center;max-width:100%;border:0;background:none;padding:0;color:#6268de!important;text-decoration:underline;text-decoration-color:rgba(91,95,239,.22);text-underline-offset:3px;cursor:pointer;word-break:break-all;text-align:left}
.message-person-action{border:0;cursor:pointer}.row-avatar.message-person-action{transition:transform .18s ease,box-shadow .18s ease}.row-avatar.message-person-action:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(91,95,239,.17);background:#dde0ff;color:#4e53d8}.message-address.message-person-action:hover{color:#4f54db!important}
.identity-copy #me-address{cursor:pointer}.identity-copy #me-address:hover{color:#b7bafc}
.primary-btn{transition:transform .18s ease,box-shadow .18s ease}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(91,95,239,.18)}

.person-avatar-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}