:root{--cream: #FFF8EE;--paper: #FFFFFF;--ink: #13161D;--muted: #6A6458;--line: #E8DFCF;--ember: #C9462A;--ember-dk: #A8381F;--gold: #F2B23E;--soft: #F6EEDF;--sel: #FBE4D3;--unread: #C9462A;--nav-w: 232px;--list-w: 380px;--ui: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display: Fraunces, Georgia, serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--cream: #13161D;--paper: #1A1D24;--ink: #E9E4DA;--muted: #A59E91;--line: #2B2F38;--soft: #20242C;--sel: #3A2620;--unread: #F2B23E;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--cream);color:var(--ink);font:14px/1.45 var(--ui);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:var(--ink)}.primary{background:var(--ember);color:#fff8ee;border:0;border-radius:999px;padding:10px 18px;font-weight:700}.primary:hover{background:var(--ember-dk)}.primary:disabled{opacity:.6;cursor:default}.link{background:none;border:0;padding:0;color:var(--ember);font-weight:600;text-decoration:underline;text-underline-offset:2px}.icon{background:none;border:0;font-size:18px;padding:6px 10px;border-radius:8px}.icon:hover{background:var(--soft)}.muted{color:var(--muted)}.only-phone{display:none!important}.splash{height:100%;display:grid;place-items:center}.login{min-height:100%;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left))}.login-card{width:min(400px,100%);background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px 28px;display:grid;gap:14px;box-shadow:0 10px 40px #3c281414}.login-card h1{font:600 26px/1.2 var(--display);margin:4px 0 6px}.login-card label{display:grid;gap:6px;font-weight:600;font-size:13px}.login-card input[type=email],.login-card input[type=password]{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--cream);font-size:15px}.login-card .check{display:flex;align-items:center;gap:8px;font-weight:500}.form-err{color:var(--ember);margin:0;font-weight:600}.fine{margin:0;color:var(--muted);font-size:12px;text-align:center}.shell{display:grid;grid-template-columns:var(--nav-w) var(--list-w) 1fr;height:100vh;height:100dvh;overflow:hidden}.nav{background:var(--soft);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 12px;padding-top:max(16px,env(safe-area-inset-top));gap:12px;min-width:0}.brand{display:flex;align-items:center;gap:10px;font:600 20px var(--display);padding:2px 6px}.compose-btn{width:100%}.nav{height:100%;min-height:0;overflow:hidden}.nav nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0;margin:0 -4px;padding:0 4px;overscroll-behavior:contain}.folder-row{display:flex;align-items:center;border-radius:10px}.folder-row.on{background:var(--sel)}.folder-row.on .folder{font-weight:700}.chev,.chev-sp{flex:none;width:20px;height:28px}.chev{background:none;border:0;color:var(--muted);font-size:12px;padding:0;border-radius:6px}.chev:hover{background:#c9462a14}.folder{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:10px;padding:8px 8px 8px 4px;text-align:left}.nav-sep{height:1px;background:var(--line);margin:8px 6px}.folder:hover{background:#c9462a12}.fname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:var(--ember);color:#fff8ee;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px}.account{margin-top:auto;display:grid;gap:4px;font-size:12px;padding:8px 6px;border-top:1px solid var(--line)}.account span{overflow:hidden;text-overflow:ellipsis}.list-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:var(--paper)}.list-head{display:flex;gap:8px;padding:12px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--line)}.search{flex:1}.search input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--cream)}.list-title{font:600 18px var(--display);margin:12px 16px 6px}.msgs{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.row{width:100%;display:grid;grid-template-columns:10px 1fr auto;grid-template-areas:"dot from date" ". subj subj";gap:2px 8px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 14px 10px 10px}.row:hover{background:var(--soft)}.row.on{background:var(--sel)}.row .dot{grid-area:dot;width:8px;height:8px;border-radius:50%;margin-top:6px}.row.unread .dot{background:var(--unread)}.row .from{grid-area:from;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.unread .from,.row.unread .subj{font-weight:700}.row .date{grid-area:date;color:var(--muted);font-size:12px}.row .subj{grid-area:subj;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.row.unread .subj{color:var(--ink)}.more{width:100%;padding:14px;background:none;border:0;color:var(--ember);font-weight:700}.list-state{padding:24px 16px;color:var(--muted)}.list-state.err{color:var(--ember)}.read-pane{min-width:0;min-height:0;height:100%;display:flex;background:var(--paper)}.empty{margin:auto;text-align:center;color:var(--muted);opacity:.8}.reader{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--line);align-items:center}.toolbar button{background:none;border:1px solid transparent;border-radius:8px;padding:6px 10px}.toolbar button:hover{background:var(--soft);border-color:var(--line)}.sp{flex:1}.msg-head{padding:16px 20px 8px}.msg-head h1{font:600 22px/1.25 var(--display);margin:0 0 10px;overflow-wrap:anywhere}.meta{display:grid;gap:2px;font-size:13px}.addr{color:var(--muted)}.notice{margin:4px 20px;padding:8px 12px;background:var(--soft);border-radius:10px;font-size:13px}.atts{list-style:none;margin:6px 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.atts li,.atts a{display:inline-flex;gap:6px;align-items:center}.atts a{border:1px solid var(--line);border-radius:10px;padding:6px 10px;color:var(--ink);text-decoration:none;background:var(--cream)}iframe.body{flex:1;width:100%;border:0;min-height:300px;background:var(--paper)}.compose-wrap{position:fixed;inset:0;background:#13161d59;display:grid;place-items:center;padding:16px;z-index:20}.compose{width:min(760px,100%);height:min(720px,100%);background:var(--paper);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040}.compose header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--soft)}.compose .from{padding:8px 16px 0;font-size:12px}.field{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 16px}.field span{width:56px;color:var(--muted);font-size:13px}.field input{flex:1;border:0;background:none;padding:4px 0;outline:none}.compose textarea{flex:1;border:0;resize:none;padding:14px 16px;outline:none;background:var(--paper);line-height:1.55}.compose footer{display:flex;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}.attach{cursor:pointer;font-weight:600}.attach input{display:none}.toasts{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:grid;gap:8px;z-index:50}.toast{background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:999px;font-weight:600;box-shadow:0 6px 20px #0003}.toast.err{background:var(--ember);color:#fff8ee}.scrim{display:none}@media (max-width: 1100px){.shell{grid-template-columns:var(--list-w) 1fr}.nav{position:fixed;inset:0 auto 0 0;width:260px;z-index:30;transform:translate(-100%);transition:transform .2s}.nav-open .nav{transform:none}.nav-open .scrim{display:block;position:fixed;inset:0;background:#0000004d;z-index:25}.only-phone{display:inline-flex!important}}@media (max-width: 720px){.shell{grid-template-columns:1fr}.read-pane,.has-sel .list-pane{display:none}.has-sel .read-pane{display:flex}.toolbar .lbl{display:none}.compose-wrap{padding:0}.compose{height:100%;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.row{padding-left:max(10px,env(safe-area-inset-left))}}.ico{flex:none;vertical-align:-3px}.toolbar button,.folder,.compose-btn,.attach,.atts a,.atts li{display:inline-flex;align-items:center;gap:6px}.compose-btn{justify-content:center}.flagmark{color:#d99a12;margin-right:4px}.clipmark{color:var(--muted);margin-right:4px}.row .subj .ico{vertical-align:-2px}.toast{display:flex;align-items:center;gap:14px}.toast-act{background:none;border:0;color:var(--gold);font-weight:800;padding:0;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.toast.err .toast-act{color:#fff8ee}.modal-wrap{position:fixed;inset:0;background:#13161d66;display:grid;place-items:center;padding:16px;z-index:60}.modal{width:min(420px,100%);background:var(--paper);border-radius:18px;padding:22px;box-shadow:0 20px 60px #0000004d;display:grid;gap:10px}.modal h2{font:600 20px/1.25 var(--display);margin:0}.modal p{margin:0;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.ghost{background:none;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-weight:600}.primary.danger{background:#b3261e}.primary.danger:hover{background:#8c1d17}.row.ctx{background:var(--soft);outline:2px solid var(--line);outline-offset:-2px}.ctx-menu{position:fixed;z-index:55;min-width:220px;max-width:300px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 36px #0000002e;display:flex;flex-direction:column}.ctx-menu button{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;padding:8px 12px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-menu button:hover,.ctx-menu button:focus-visible{background:var(--soft);outline:none}.ctx-menu hr{border:0;border-top:1px solid var(--line);margin:4px 6px}.ctx-menu .danger-item{color:#b3261e}.ctx-more{margin-left:auto;color:var(--muted)}.ctx-scroll{max-height:320px;overflow-y:auto;display:flex;flex-direction:column}