.mail-shell{display:grid;grid-template-columns:248px minmax(320px,440px) 1fr;height:100vh;overflow:hidden;gap:0;background:var(--bg-grad),var(--bg)}.mail-side{background:var(--glass);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.mail-side .brand{display:flex;align-items:center;gap:10px;padding:16px 16px 6px}.compose-btn{margin:12px 14px 10px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:var(--radius-l);box-shadow:0 6px 18px #4f46e559;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.compose-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #4f46e573}.folders{padding:4px 10px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.folders a,.side-foot>a{position:relative;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:var(--radius);color:var(--text);text-decoration:none;transition:background .15s var(--ease),color .15s var(--ease)}.folder-name{display:inline-flex;align-items:center;gap:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-name svg{color:var(--muted);flex-shrink:0;transition:color .15s var(--ease)}.folders a:hover,.side-foot>a:hover{background:var(--surface-3)}.folders a.active,.side-foot>a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.folders a.active .folder-name svg{color:var(--accent)}.folders a.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--brand-grad);animation:fade-in .2s var(--ease)}.count{background:var(--brand-grad);color:#fff;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:650;min-width:22px;text-align:center;box-shadow:0 2px 6px #4f46e54d}.new-folder{margin:6px 18px;text-align:left}.side-foot{border-top:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:4px;font-size:13px}.side-foot .foot-actions{display:flex;gap:6px;padding:4px 8px;align-items:center}.quota{padding:6px 12px 10px;font-size:12px;color:var(--muted)}.quota .meter{width:100%;height:6px;border-radius:6px;overflow:hidden}.mail-list{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--surface)}.list-head{display:flex;flex-direction:column;gap:10px;padding:16px 14px 10px;border-bottom:1px solid var(--border)}.list-title{display:flex;align-items:baseline;gap:4px;font-size:20px;font-weight:700;letter-spacing:-.01em}.list-title .muted{font-weight:500}.list-title h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.search-box{position:relative;display:flex;align-items:center;flex:1}.search-box svg{position:absolute;left:11px;color:var(--muted);pointer-events:none}.search-box input{width:100%;padding:9px 12px 9px 34px;border-radius:999px;background:var(--surface-2);border:1px solid transparent;transition:background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.search-box input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.unread-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);cursor:pointer;padding:4px 10px;border-radius:999px;background:var(--surface-2);-webkit-user-select:none;user-select:none}.unread-toggle:has(input:checked){background:var(--accent-soft);color:var(--accent);font-weight:600}.unread-toggle input{margin:0;accent-color:var(--accent)}.toolbar{display:flex;gap:4px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--border);flex-wrap:wrap;background:var(--surface)}.toolbar button{display:inline-flex;align-items:center;gap:6px}.spacer{flex:1}.msg-list{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.msg-list li{position:relative;display:flex;gap:12px;padding:11px 12px;border-radius:var(--radius);cursor:pointer;align-items:flex-start;transition:background .12s var(--ease),transform .12s var(--ease),box-shadow .12s var(--ease);animation:fade-in .25s var(--ease) both}.msg-list li:hover{background:var(--surface-2)}.msg-list li.open{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #6366f140}.msg-list li.checked{background:var(--accent-soft)}.msg-list li.unread .msg-from,.msg-list li.unread .msg-subject{font-weight:700;color:var(--text)}.msg-list li.unread:before{content:"";position:absolute;left:3px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--brand-grad);box-shadow:0 0 0 3px var(--accent-soft)}.avatar-select{position:relative;flex-shrink:0;width:36px;height:36px;display:grid;place-items:center}.avatar-select input{position:absolute;inset:0;margin:auto;width:18px;height:18px;opacity:0;accent-color:var(--accent);cursor:pointer;transition:opacity .12s var(--ease)}.avatar-select .avatar{transition:opacity .12s var(--ease),transform .12s var(--ease)}.msg-list li:hover .avatar-select input,.avatar-select.selecting input,.msg-list li.checked .avatar-select input{opacity:1}.msg-list li:hover .avatar-select .avatar,.avatar-select.selecting .avatar,.msg-list li.checked .avatar-select .avatar{opacity:.12;transform:scale(.9)}.msg-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.msg-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.msg-from{font-size:14px}.msg-subject{font-size:13.5px;color:var(--text)}.msg-from,.msg-subject,.msg-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-date{color:var(--muted);font-size:11.5px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.msg-list li.unread .msg-date{color:var(--accent);font-weight:600}.msg-bottom{display:flex;align-items:center;gap:6px}.msg-preview{color:var(--muted);font-size:12.5px;flex:1;min-width:0}.star{border:0;background:none;box-shadow:none;padding:2px;color:var(--border-strong);display:inline-grid;place-items:center;border-radius:6px;transition:color .15s var(--ease),transform .15s var(--ease)}.star:hover:not(:disabled){color:#f5b301;background:transparent;transform:scale(1.15)}.star.on{color:#f5b301}.star.on svg{fill:currentColor}.list-empty{display:grid;place-items:center;gap:10px;padding:60px 20px;color:var(--muted);text-align:center;animation:fade-in .3s var(--ease)}.list-empty svg{color:var(--accent);opacity:.6}.mail-read{overflow-y:auto;min-width:0}.big-empty{height:100%;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted);text-align:center;padding:24px;animation:fade-in .4s var(--ease)}.big-empty h3,.big-empty>div:nth-child(2){margin:0;color:var(--text);font-size:17px;font-weight:600}.empty-art{width:112px;height:112px;border-radius:32px;display:grid;place-items:center;color:#fff;background:var(--brand-grad);box-shadow:0 18px 40px #4f46e559;animation:float 6s ease-in-out infinite}.reader{padding:12px 28px 40px;display:flex;flex-direction:column;min-height:100%;animation:fade-in .25s var(--ease)}.reader-tools{display:flex;gap:4px;flex-wrap:wrap;position:sticky;top:0;z-index:2;padding:8px;margin:0 -8px;border-radius:var(--radius-l);background:var(--glass);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:var(--shadow-2)}.reader-tools button{display:inline-flex;align-items:center;gap:6px}.reader-subject{font-size:24px;font-weight:700;letter-spacing:-.015em;margin:20px 0 14px;line-height:1.25}.reader-meta{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l) var(--radius-l) 0 0;border-bottom:0}.reader-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted)}.reader-who>*{overflow:hidden;text-overflow:ellipsis}.reader-from{font-size:15px;font-weight:650;color:var(--text)}.reader-date{color:var(--muted);font-size:12.5px;white-space:nowrap;align-self:flex-start}.reader-meta-2{padding:0 16px 12px 64px;background:var(--surface);border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius-l) var(--radius-l);margin-bottom:14px;box-shadow:var(--shadow-2)}.auth{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mail-frame{width:100%;min-height:120px;height:200px;border:1px solid var(--border);border-radius:var(--radius-l);background:#fff;box-shadow:var(--shadow-8);display:block;transition:background .2s var(--ease)}.mail-frame.dark{background:var(--surface)}.reader-foot{display:flex;justify-content:flex-end;gap:8px;padding:8px 2px}.mail-text{white-space:pre-wrap;word-break:break-word;font:14px/1.6 var(--font);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:20px;box-shadow:var(--shadow-8)}.attachments{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.attachment{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px 8px 8px;background:var(--surface);text-decoration:none;color:var(--text);box-shadow:var(--shadow-2);transition:transform .15s var(--ease),box-shadow .15s var(--ease),border-color .15s var(--ease);max-width:280px}.attachment:hover{transform:translateY(-1px);box-shadow:var(--shadow-8);border-color:var(--accent)}.att-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.att-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550}.attachment .muted{font-size:11.5px}.mobile-only{display:none}.compose{position:fixed;right:28px;bottom:20px;width:min(660px,calc(100vw - 32px));height:min(640px,88vh);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-28);display:flex;flex-direction:column;z-index:20;overflow:hidden;animation:pop-in .22s var(--ease)}.compose-head{display:flex;gap:10px;align-items:center;padding:12px 14px;background:var(--brand-grad);color:#fff}.compose-head strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-head button{color:#fff;background:#ffffff24;border-color:transparent;box-shadow:none;display:inline-grid;place-items:center}.compose-head button:hover:not(:disabled){background:#ffffff42}.compose-fields label{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:4px 16px;transition:background .15s var(--ease)}.compose-fields label:focus-within{background:var(--accent-soft)}.compose-fields label>span{width:56px;color:var(--muted);font-size:12px;font-weight:600}.compose-fields input,.compose-fields select{flex:1;border:0;background:transparent;padding:8px 0;box-shadow:none}.compose-fields input:focus{outline:none;box-shadow:none}.compose-format{display:flex;gap:4px;padding:6px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.compose-format .active{background:var(--accent-soft);color:var(--accent)}.compose-editor{flex:1;border:0;padding:16px;resize:none;font:14px/1.6 var(--font);background:var(--surface);color:var(--text);overflow-y:auto;border-radius:0;box-shadow:none}.compose-editor:focus{outline:none;box-shadow:none}.compose .attachments{padding:0 14px}.compose .error{margin:0 14px}.compose-actions{display:flex;gap:8px;align-items:center;padding:12px 14px;border-top:1px solid var(--border);background:var(--surface-2)}.compose-actions button{display:inline-flex;align-items:center;gap:6px}.fab{position:fixed;right:28px;bottom:28px;width:56px;height:56px;border-radius:18px;border:0;padding:0;display:none;place-items:center;color:#fff;background:var(--brand-grad);box-shadow:0 12px 28px #4f46e573;z-index:15;transition:transform .18s var(--ease),box-shadow .18s var(--ease);animation:pop-in .3s var(--ease)}.fab:hover:not(:disabled){transform:translateY(-2px) scale(1.04);box-shadow:0 16px 34px #4f46e58c;background:var(--brand-grad)}.mail-account{grid-column:2 / 4;overflow-y:auto;padding:28px 32px;animation:fade-in .25s var(--ease)}.account .panel-body .form{padding:12px 14px}.qr svg{width:200px;height:200px;background:#fff;padding:10px;border-radius:12px;box-shadow:var(--shadow-8)}textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);padding:8px 10px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;background:#171a26eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;padding:10px 18px;border-radius:999px;z-index:30;box-shadow:var(--shadow-16);animation:pop-in .2s var(--ease);font-size:13.5px}.toast svg{color:#5ee28f}kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:0 6px;font-size:12px;background:var(--surface-2);font-family:var(--mono)}.palette{padding:0;overflow:hidden}.palette input{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:16px;font-size:15px;box-shadow:none}.palette ul{list-style:none;margin:0;padding:6px;max-height:50vh;overflow-y:auto}.palette li{display:flex;justify-content:space-between;padding:9px 12px;border-radius:var(--radius);cursor:pointer}.palette li.active{background:var(--accent-soft);color:var(--accent)}@media(max-width:900px){.mail-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh;overflow:visible}.mail-side{border-right:0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.mail-side .compose-btn{display:none}.folders{flex-direction:row;overflow-x:auto;padding:0 10px 10px}.folders a{white-space:nowrap;gap:6px}.folders a.active:before{display:none}.side-foot,.new-folder,.mail-read,.mail-shell.reading .mail-list{display:none}.mail-shell.reading .mail-read{display:block}.mobile-only{display:inline-flex}.mail-account{grid-column:1;padding:16px}.reader{padding:8px 14px 40px}.reader-meta-2{padding-left:16px}.compose{right:0;bottom:0;width:100vw;height:100vh;border-radius:0}.fab{display:grid}}@media(min-width:901px){.fab{display:none}}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px}.app-tile{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface-2);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.app-tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-8)}.app-tile>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0;align-items:flex-start}.app-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 4px 12px #00000026}.app-icon.outlook{background:linear-gradient(135deg,#0a64c8,#28a8ea)}.app-icon.thunderbird{background:linear-gradient(135deg,#1a3fa8,#e8473a)}.app-icon.apple{background:linear-gradient(135deg,#3a3a3c,#8e8e93)}.app-icon.other{background:var(--brand-grad)}.app-tile .button{margin-top:6px}.vacation-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:550}.switch input{position:absolute;opacity:0;width:0;height:0}.switch span{position:relative;width:40px;height:22px;border-radius:999px;background:var(--border-strong);transition:background .2s var(--ease);flex-shrink:0}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-2);transition:transform .2s var(--ease)}.switch input:checked+span{background:var(--brand-grad)}.switch input:checked+span:after{transform:translate(18px)}.switch input:focus-visible+span{box-shadow:0 0 0 3px var(--accent-soft)}.rich{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.compose .rich{flex:1;border:0;border-radius:0}.rich-bar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--surface-2)}.tb{min-width:30px;height:30px;padding:0 7px;border:0;background:transparent;box-shadow:none;border-radius:7px;color:var(--text);font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;position:relative}.tb:hover:not(:disabled){background:var(--surface-3)}.tb-wide{font-size:12.5px;font-weight:600;color:var(--accent)}.tb-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.tb-select{height:30px;padding:0 6px;font-size:12.5px;border-radius:7px;background:var(--surface)}.tb-color{font-weight:700}.tb-color:after{content:"";position:absolute;left:7px;right:7px;bottom:4px;height:3px;border-radius:2px;background:var(--swatch)}.tb-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.rich-area{flex:1;overflow-y:auto;padding:16px;font:14px/1.6 var(--font);color:var(--text);outline:none;min-height:140px}.rich-area:empty:before{content:attr(data-placeholder);color:var(--muted)}.rich-area img{max-width:100%;height:auto}.rich-area blockquote{margin:0 0 0 .8ex;border-left:2px solid var(--border-strong);padding-left:1ex;color:var(--muted)}.rich-area .zs-signature{color:inherit}.sigpad{position:relative;border:1px dashed var(--border-strong);border-radius:var(--radius);background:#fff;overflow:hidden}.sigpad canvas{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair}.sigpad-hint{position:absolute;inset:0;display:grid;place-items:center;color:#9aa0b4;pointer-events:none;font-size:14px}.sigpad-line{position:absolute;left:6%;right:6%;bottom:26%;border-bottom:1px solid #d4d8e4;pointer-events:none}.sigpad-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:10px 0}.sigpad-tools label{display:inline-flex;align-items:center;gap:6px}.sigpad-tools input[type=color]{width:30px;height:26px;padding:0;border:0;background:none}.sigpad-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;border:2px dashed var(--border-strong);border-radius:var(--radius-l);cursor:pointer;text-align:center}.sigpad-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.addr-input{position:relative;flex:1;display:flex}.addr-input input{flex:1}.addr-sugg{position:absolute;top:100%;left:0;right:0;z-index:30;list-style:none;margin:2px 0 0;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-16);max-height:240px;overflow-y:auto}.addr-sugg li{padding:7px 10px;border-radius:7px;cursor:pointer}.addr-sugg li.active,.addr-sugg li:hover{background:var(--accent-soft)}.compose-format{align-items:center;flex-wrap:wrap}.sig-pick{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.sig-pick select{height:28px;font-size:12.5px;padding:0 6px}button.toggle.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.compose-notice{margin:0;border-radius:0;display:flex;align-items:center;gap:6px}.pgp-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.pgp-locked{display:flex;gap:18px;align-items:flex-start;padding:22px;margin:8px 0;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-8)}.empty-art.small-art{width:64px;height:64px;border-radius:20px;flex-shrink:0;animation:none}.pgp-unlock{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.pgp-unlock input{flex:1;min-width:180px}.sig-layout{display:grid;grid-template-columns:200px 1fr;gap:16px}.sig-list{display:flex;flex-direction:column;gap:4px}.sig-item{justify-content:flex-start;text-align:left;border:1px solid transparent;background:transparent;box-shadow:none;gap:8px}.sig-item.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.sig-item .badge{margin-left:auto}.sig-edit{display:flex;flex-direction:column;gap:10px;min-width:0}.sig-edit>.danger{align-self:flex-start}.pgp-key{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.card-inset{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2)}@media(max-width:900px){.sig-layout{grid-template-columns:1fr}.sig-list{flex-direction:row;flex-wrap:wrap}}.contacts-link{margin:0 10px}.mail-contacts{grid-column:2 / 4;min-height:0;overflow:hidden}.contacts{display:grid;grid-template-columns:minmax(280px,360px) 1fr;height:100%;min-height:0}.contacts-side{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--surface);padding:16px 12px 0;gap:10px}.contacts-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-pills{display:flex;flex-wrap:wrap;gap:6px}.group-pills button{padding:4px 10px;border-radius:999px;font-size:12px;background:var(--surface-2);border:1px solid transparent;box-shadow:none}.group-pills button.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}.contact-list{flex:1;overflow-y:auto;margin:0 -6px;padding:0 6px}.letter{position:sticky;top:0;z-index:1;padding:8px 8px 4px;font-size:11.5px;font-weight:700;color:var(--accent);background:var(--surface);letter-spacing:.06em}.contact-row{display:flex;width:100%;align-items:center;gap:10px;padding:8px;border:0;background:transparent;box-shadow:none;border-radius:var(--radius);text-align:left;justify-content:flex-start}.contact-row:hover:not(:disabled){background:var(--surface-2)}.contact-row.active{background:var(--accent-soft)}.contact-row-text{display:flex;flex-direction:column;min-width:0}.contact-row-text>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-foot{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0 12px;border-top:1px solid var(--border)}.contact-photo{border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 6px #00000026}.fav{color:#f5b301}.contact-main{overflow-y:auto;padding:28px 32px;min-width:0}.contact-card,.contact-editor{max-width:760px;animation:fade-in .25s var(--ease)}.contact-hero{display:flex;gap:18px;align-items:center;padding:22px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-8);position:relative;overflow:hidden;margin-bottom:16px}.contact-hero:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--brand-grad)}.contact-hero h2{margin:0 0 4px;font-size:22px}.contact-hero .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.big-input{font-size:20px;font-weight:650;padding:10px 12px}.photo-pick{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:11.5px;color:var(--muted)}.photo-pick:hover{color:var(--accent)}.contact-fields{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:8px;box-shadow:var(--shadow-2)}.cf{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--radius)}.cf:hover{background:var(--surface-2)}.cf>svg{color:var(--accent);flex-shrink:0}.cf>div{flex:1;display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.cf .pre{white-space:pre-wrap}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;background:var(--accent-soft);color:var(--accent);font-weight:600}.chip button{border:0;background:none;box-shadow:none;padding:0 2px;color:inherit;min-width:0}.chips input{flex:1;min-width:140px}.labeled-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.labeled-row select{width:110px}.labeled-row input{flex:1}.add-contact{margin-left:8px}@media(max-width:900px){.mail-contacts{grid-column:1}.contacts{grid-template-columns:1fr}.contact-main{padding:16px}.contacts-link{margin:0 10px 8px}}.secure-panel{display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:var(--accent-soft);border-bottom:1px solid var(--border)}.secure-panel svg{vertical-align:-2px;color:var(--accent)}.secure-missing{color:var(--accent)}.secure-fields{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.secure-fields input{flex:1;min-width:180px;height:32px;font-family:var(--mono);font-size:13px}.secure-fields input+input{font-family:var(--font)}.secure-fields select{height:32px}