:root{color-scheme:dark;--bg: #0e0e0f;--panel: #161618;--panel-2: #1c1c1f;--line: #2c2c30;--text: #e8e8ea;--muted: #9b9ba3;--accent: #c45c26;--accent-hover: #d46a32;--error: #e06b6b;--unread: #e8a078;--unread-badge: #c45c26;--unread-badge-text: #fff;--radius-8: 8px;--radius-16: 16px;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-16)}button{cursor:pointer;padding:.55rem 1rem}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:default;filter:none}button.ghost{background:transparent}input,textarea{width:100%;padding:.65rem .9rem;border-radius:var(--radius-8)}textarea{min-height:8rem;resize:vertical}label{display:grid;gap:.4rem;font-size:.85rem;color:var(--muted)}.muted{color:var(--muted)}.error{color:var(--error);margin:0}.center,.pad{display:grid;place-items:center;height:100%}.pad{place-items:start;padding:1.5rem}.logo{width:2rem;height:2rem;border-radius:var(--radius-8);display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:.95rem}.avatar{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:#3a2a22;color:#f0c2a8;font-size:.75rem;font-weight:700;flex:none}.avatar.sm{width:1.85rem;height:1.85rem}.login{display:grid;place-items:center;height:100%}.login-brand{display:flex;gap:.85rem;align-items:center}.card,.compose-card,.people-card{width:min(26rem,calc(100% - 2rem));background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-16);padding:1.5rem;display:grid;gap:.9rem}.card h1,.card h2,.compose-card h2,.people-card h2{margin:0;font-size:1.35rem}.card button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff;width:100%}.app{display:grid;grid-template-columns:15.5rem minmax(20rem,26rem) 1fr;grid-template-rows:3.6rem 1fr;height:100%}.topbar{grid-column:1 / -1;display:grid;grid-template-columns:15.5rem 1fr auto;align-items:center;gap:1rem;padding:0 1rem;border-bottom:1px solid var(--line);background:var(--panel)}.topbar-brand{display:flex;align-items:center;gap:.7rem}.account{position:relative}.account-btn{display:flex;align-items:center;gap:.65rem;background:transparent;border:0;padding:.25rem .35rem .25rem .25rem;border-radius:var(--radius-16);max-width:18rem}.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.82rem}.account-menu{position:absolute;right:0;top:calc(100% + .4rem);min-width:16rem;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-8);padding:.45rem;z-index:20;display:grid;gap:.2rem}.account-menu-email{margin:0;padding:.55rem .7rem .35rem;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.account-menu button{text-align:left;background:transparent;border:0;border-radius:var(--radius-8);padding:.55rem .7rem}.search{display:flex;gap:.5rem;max-width:42rem}.search input{border-radius:var(--radius-16);background:var(--bg)}.search button{background:transparent;color:var(--text)}aside{display:flex;flex-direction:column;gap:.35rem;padding:.85rem .75rem 1rem;border-right:1px solid var(--line);background:var(--panel);min-height:0}.compose{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:var(--radius-16);padding:.85rem 1rem;font-weight:600;margin-bottom:.6rem}.compose:hover{background:var(--accent-hover)}.nav-label{margin:.4rem .7rem .2rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}aside nav{display:grid;gap:.15rem;overflow:auto}.nav-item{display:flex;align-items:center;gap:.7rem;text-align:left;background:transparent;border:0;border-radius:0 var(--radius-16) var(--radius-16) 0;padding:.7rem .85rem}.nav-item small{display:block;color:var(--muted);font-size:.72rem}.nav-item strong{font-size:.92rem;font-weight:600}.nav-item.active{background:#2a211c;color:#f3d2c0}.nav-item span:nth-child(2){min-width:0;flex:1}.unread-count{margin-left:auto;min-width:1.25rem;padding:.1rem .4rem;border-radius:999px;background:var(--unread-badge);color:var(--unread-badge-text);font-size:.7rem;font-weight:700;text-align:center}.inbox-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--accent);flex:none}.inbox-dot.empty{background:transparent}.list,.read{min-height:0;overflow:auto;background:var(--bg)}.list{border-right:1px solid var(--line)}.list-head{display:flex;justify-content:space-between;align-items:baseline;padding:.9rem 1rem .55rem}.list-head h2{margin:0;font-size:.95rem;font-weight:600}.list ul{list-style:none;margin:0;padding:0 .4rem .6rem}.row-msg{width:100%;display:flex;gap:.75rem;text-align:left;border:0;border-radius:var(--radius-8);background:transparent;padding:.75rem .7rem}.row-msg:hover{background:var(--panel-2)}.row-msg.active{background:#2a211c;color:#f3d2c0}.row-msg.active .snippet,.row-msg.active time{color:#b89a88}.row-main{min-width:0;flex:1;display:grid;gap:.12rem}.row-top{display:flex;justify-content:space-between;gap:.6rem}.from,.subject,.snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.from{font-weight:500}.subject{font-size:.9rem}.snippet{color:var(--muted);font-size:.8rem}.row-msg time{color:var(--muted);font-size:.75rem;flex:none}.row-msg.is-unread .from,.row-msg.is-unread .subject{font-weight:700}.row-msg.is-unread .from{color:var(--unread)}.empty{padding:1.5rem 1rem;color:var(--muted)}.read{padding:0}.empty-read{height:100%;display:grid;place-content:center;text-align:center;gap:.35rem;color:var(--muted)}.empty-read p{margin:0;font-size:1.05rem;color:var(--text)}.thread{padding:1.1rem 1.5rem 2rem;display:grid;gap:1.1rem}.thread-title{margin:.2rem 0 .3rem;font-size:1.35rem;font-weight:500}.thread article{display:grid;gap:.75rem;padding:1rem 0 1.2rem;border-bottom:1px solid var(--line)}.thread header{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start}.thread header div{display:grid}.thread header time{color:var(--muted);font-size:.8rem}.thread iframe{width:100%;min-height:14rem;border:1px solid var(--line);border-radius:var(--radius-8);background:#fff}.thread pre{white-space:pre-wrap;font-family:inherit;margin:0;line-height:1.5}.chip{justify-self:start;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:var(--radius-16);padding:.35rem .75rem;font-size:.8rem;background:var(--panel-2)}.reply{display:grid;gap:.7rem}.reply textarea{border-radius:var(--radius-16);min-height:6.5rem;background:var(--panel)}.reply button[type=submit],.compose-card button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}.row{display:flex;align-items:center;gap:.75rem}.modal{position:fixed;inset:0;background:#0000008c;display:grid;place-items:end;padding:1.25rem}.compose-card{width:min(36rem,100%);border-radius:var(--radius-16) var(--radius-16) var(--radius-8) var(--radius-8)}.compose-card header,.people-card header{display:flex;justify-content:space-between;align-items:center}.compose-card .from-line,.people-card .from-line{margin:0}.people-modal{place-items:center}.people-card{width:min(40rem,100%);max-height:min(44rem,calc(100vh - 2.5rem));overflow:auto;border-radius:var(--radius-16)}.people-card h3{margin:.4rem 0 0;font-size:.95rem}.people-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.people-list li{border:1px solid var(--line);border-radius:var(--radius-8);padding:.75rem;display:grid;gap:.55rem;background:var(--panel-2)}.person-head{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center}.person-head div{display:grid;min-width:0}.person-head strong,.person-head .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-remove{padding:.35rem .7rem;font-size:.8rem}.mailbox-picks{display:flex;flex-wrap:wrap;gap:.45rem .9rem}.check{display:flex;align-items:center;gap:.45rem;color:var(--text);font-size:.85rem}.check input{width:auto}.add-person{display:grid;gap:.7rem;padding-top:.35rem;border-top:1px solid var(--line)}.add-person button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}.icon{min-width:40px;min-height:40px;width:40px;height:40px;padding:0;border:0;border-radius:var(--radius-8);background:transparent;font-size:1.35rem;line-height:1;display:inline-grid;place-items:center}.icon:hover{color:var(--text);background:var(--panel-2);filter:none}.spinner{width:1.5rem;height:1.5rem;border:2px solid #3a2a22;border-top-color:var(--accent);border-radius:50%;animation:kd-spin .7s linear infinite}.spinner.sm{width:1.1rem;height:1.1rem;border-width:2px}@keyframes kd-spin{to{transform:rotate(360deg)}}.loading-block{display:flex;flex-direction:column;align-items:center;gap:.85rem}.loading-inline{display:flex;align-items:center;gap:.65rem}.nav-empty{margin:.5rem .85rem;font-size:.85rem;color:var(--muted)}.nav-item:focus-visible,.row-msg:focus-visible,.compose:focus-visible,.account-btn:focus-visible,.search input:focus-visible,.search button:focus-visible,.compose-card input:focus-visible,.compose-card textarea:focus-visible,.compose-card button:focus-visible,.people-card input:focus-visible,.people-card button:focus-visible,.people-card textarea:focus-visible,.card input:focus-visible,.card button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:960px){.app,.topbar{grid-template-columns:1fr}.app{grid-template-rows:auto auto auto minmax(0,1fr)}.list{max-height:32vh}aside{flex-direction:column;flex-wrap:nowrap;border-right:0;border-bottom:1px solid var(--line)}aside nav{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.45rem}.nav-item{flex:0 0 auto;max-width:11rem;border-radius:999px;background:var(--panel-2);padding:.45rem .85rem}.nav-item small{display:none}.nav-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-field{display:contents}.reply-field{display:grid;gap:.4rem;width:100%}.login-card,.login .card{border-radius:var(--radius-16)}.login-card label,.login label{color:#d7d7de}.login-card .muted,.login .muted{color:#c4c4cc}.login-card input,.login input{background:#1a1a1d;border:1px solid #3a3a40;border-radius:var(--radius-8);min-height:40px;color:var(--text)}.login-card button.primary,.login button.primary,button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.login-card button.primary,.login button.primary{width:100%;border:none;border-radius:var(--radius-8);min-height:44px}.login-card button.primary:hover,.login button.primary:hover{background:var(--accent-hover);filter:none}.compose-card{border-radius:var(--radius-16)}.compose-card input,.compose-card button:not(.icon),.compose-card textarea{min-height:40px;border-radius:var(--radius-8)}.compose-card textarea{min-height:8rem;resize:vertical}.people-card{border-radius:var(--radius-16)}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.55rem 1rem;border-radius:var(--radius-8);background:var(--accent);border:1px solid var(--accent);color:#fff;text-decoration:none;font-weight:700;text-align:center}.button-link:hover{background:var(--accent-hover)}.not-found{min-height:100%;display:grid;place-items:center;padding:1.5rem;background:var(--bg)}.not-found-card{width:min(26rem,100%);text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-16);padding:1.75rem 1.5rem;display:grid;gap:.65rem;justify-items:center}.not-found-card h1{margin:0;font-size:1.35rem}.not-found-link{display:inline-block;margin-top:.35rem;color:#fff;background:var(--accent);text-decoration:none;padding:.7rem 1.15rem;border-radius:var(--radius-8);font-weight:700}.not-found-link:hover{background:var(--accent-hover)}.list-more{display:grid;place-items:center;padding:.75rem 1rem 1.25rem}.list-more .ghost{min-width:8rem}.reply-field input{width:100%}.load-more{display:block;width:calc(100% - 1rem);margin:.5rem;padding:.55rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.load-more:hover{background:var(--panel-2, var(--panel))}.load-more:disabled{opacity:.6;cursor:wait}