:root{--q-ink: var(--ink);--q-muted: var(--muted);--q-descriptor: var(--brand)}:root{--bg: #f6f8fb;--panel: #ffffff;--ink: #0d1526;--muted: #526074;--line: #d5dde7;--brand: #c2410c;--brand-strong: #9a3412;--brand-ink: #ffffff;--hover: #eef2f7;--sel: rgba(194, 65, 12, .1);--danger: #d13b3b;--ok: #067a54;--warn: #a9600a;--danger-bg: rgba(209, 59, 59, .09);--ok-bg: rgba(6, 122, 84, .1);--warn-bg: rgba(169, 96, 10, .11);--radius: .625rem;--radius-card: 1rem;--card: var(--panel);--text: var(--ink);--surface-2: var(--hover);--shadow-tint-a: rgba(15, 23, 42, .06);--shadow-tint-b: rgba(15, 23, 42, .1);--shadow-tint-c: rgba(15, 23, 42, .16);--shadow-raised: 0 1px 2px var(--shadow-tint-a), 0 4px 12px -2px var(--shadow-tint-b);--shadow-menu: 0 4px 12px var(--shadow-tint-a), 0 24px 48px -12px var(--shadow-tint-c)}:root{--dur-instant: .12s;--dur-quick: .2s;--dur-base: .32s;--ease-out-expo: cubic-bezier(.22, 1, .36, 1);--ease-glide: cubic-bezier(.32, .72, 0, 1)}@media(prefers-color-scheme:dark){html:not([data-theme]){--bg: #0b0e12;--panel: #151a20;--ink: #f3f5f8;--muted: #aab4c0;--line: #2d3742;--brand: #ff6a3d;--brand-strong: #e8542a;--brand-ink: #2a0f06;--hover: #1c222a;--sel: rgba(255, 106, 61, .16);--danger: #ff6b6b;--ok: #3ddc97;--warn: #fcc419;--danger-bg: rgba(255, 107, 107, .14);--ok-bg: rgba(61, 220, 151, .14);--warn-bg: rgba(252, 196, 25, .14);--card: var(--panel);--text: var(--ink);--surface-2: var(--hover);--shadow-tint-a: rgba(0, 0, 0, .35);--shadow-tint-b: rgba(0, 0, 0, .45);--shadow-tint-c: rgba(0, 0, 0, .55)}}html[data-theme=dark]{--bg: #0b0e12;--panel: #151a20;--ink: #f3f5f8;--muted: #aab4c0;--line: #2d3742;--brand: #ff6a3d;--brand-strong: #e8542a;--brand-ink: #2a0f06;--hover: #1c222a;--sel: rgba(255, 106, 61, .16);--danger: #ff6b6b;--ok: #3ddc97;--warn: #fcc419;--danger-bg: rgba(255, 107, 107, .14);--ok-bg: rgba(61, 220, 151, .14);--warn-bg: rgba(252, 196, 25, .14);--card: var(--panel);--text: var(--ink);--surface-2: var(--hover);--shadow-tint-a: rgba(0, 0, 0, .35);--shadow-tint-b: rgba(0, 0, 0, .45);--shadow-tint-c: rgba(0, 0, 0, .55)}html[data-theme=light]{--bg: #f6f8fb;--panel: #ffffff;--ink: #0d1526;--muted: #526074;--line: #d5dde7;--brand: #c2410c;--brand-strong: #9a3412;--brand-ink: #ffffff;--hover: #eef2f7;--sel: rgba(194, 65, 12, .1);--danger: #d13b3b;--ok: #067a54;--warn: #a9600a;--danger-bg: rgba(209, 59, 59, .09);--ok-bg: rgba(6, 122, 84, .1);--warn-bg: rgba(169, 96, 10, .11);--card: var(--panel);--text: var(--ink);--surface-2: var(--hover);--shadow-tint-a: rgba(15, 23, 42, .06);--shadow-tint-b: rgba(15, 23, 42, .1);--shadow-tint-c: rgba(15, 23, 42, .16)}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}html:not([data-theme]){color-scheme:light dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.shell.with-pane{grid-template-columns:232px minmax(280px,420px) minmax(0,1fr)}.shell.with-pane .main{border-right:1px solid var(--line);overflow-y:auto}.pane{position:relative;overflow-y:auto;background:var(--panel);min-width:0}.pane-empty{margin:0;padding:40px 24px;color:var(--muted);font-size:14px;text-align:center}.pane-close{position:absolute;top:10px;right:12px;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius);color:var(--muted);text-decoration:none;font-size:15px}.pane-close:hover{background:var(--hover);color:var(--ink)}.messages.narrow .preview{display:none}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:52px minmax(0,1fr);height:100vh}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;min-width:200px}.search{flex:1;display:flex;gap:6px;max-width:640px}.search input{flex:1;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.who{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.sidebar{background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column}.compose-btn{display:block;width:100%;text-align:center;padding:9px 12px;margin-bottom:12px;background:var(--brand);color:var(--brand-ink);border:0;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:background var(--dur-instant) var(--ease-out-expo)}.compose-btn:hover{background:var(--brand-strong)}.folder{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius);color:var(--ink);transition:background var(--dur-instant) var(--ease-out-expo)}.folder:hover{background:var(--hover)}.folder.active{background:var(--sel);font-weight:600}.folder .count{margin-left:auto;font-size:12px;color:var(--muted)}.folder .count.unread{color:var(--brand);font-weight:700}.folder-row{display:flex;align-items:center}.folder-row .folder{flex:1;min-width:0}.folder-edit{visibility:hidden;background:none;border:0;color:var(--muted);cursor:pointer;padding:4px 6px;border-radius:var(--radius);line-height:1}.folder-row:hover .folder-edit,.folder-edit:focus-visible{visibility:visible}.folder-edit:hover{background:var(--hover);color:var(--ink)}.folder-form,.folder-new form{display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px 10px}.folder-form input[name=name],.folder-new input[name=name],.folder-new select{flex:1;min-width:0;font-size:13px;padding:5px 7px}.folder-new{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.folder-new summary{cursor:pointer;color:var(--muted);font-size:13px;padding:4px 10px}.btn.danger{color:var(--danger, #b42318)}.main{overflow:auto;padding:14px;min-width:0}.listhead{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.listhead h1{font-size:17px;margin:0}.chip{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px;background:var(--panel)}ul.messages{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);overflow:hidden}ul.messages li{border-bottom:1px solid var(--line)}ul.messages li:last-child{border-bottom:0}.msg{display:grid;grid-template-columns:34px minmax(120px,210px) minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:10px 12px;transition:background var(--dur-instant) var(--ease-out-expo)}.msg:hover{background:var(--hover)}.msg.unread .from,.msg.unread .subject{font-weight:700}.msg .from{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg .subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg .preview{color:var(--muted);font-weight:400}.msg .when{color:var(--muted);font-size:12px;white-space:nowrap}.flagbtn{background:none;border:0;cursor:pointer;padding:0 2px;color:var(--muted);font-size:15px}.flagbtn.on{color:var(--warn)}.empty{padding:40px 16px;text-align:center;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card)}.pager{display:flex;gap:8px;align-items:center;margin-top:12px;color:var(--muted);font-size:13px}.reader{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);overflow:hidden}.reader header{padding:14px 16px;border-bottom:1px solid var(--line)}.reader h1{font-size:18px;margin:0 0 8px;line-height:1.35}.addr{color:var(--muted);font-size:13px;margin:2px 0}.addr b{color:var(--ink);font-weight:600}.toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg)}.btn{padding:6px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;transition:background var(--dur-instant) var(--ease-out-expo),border-color var(--dur-instant) var(--ease-out-expo)}.btn:hover{background:var(--hover)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:transparent;font-weight:600}.btn.primary:hover{background:var(--brand-strong)}.btn.danger{color:var(--danger)}iframe.body{display:block;width:100%;min-height:460px;border:0;background:var(--panel)}.notice{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--warn-bg);color:var(--warn);border-bottom:1px solid var(--line);font-size:13px}.attachments{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap}.attachment{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:7px 11px;background:var(--bg)}.attachment .size{color:var(--muted);font-size:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);padding:18px;max-width:760px}.field{display:grid;gap:5px;margin-bottom:12px}.field label{font-size:13px;color:var(--muted)}.field input,.field textarea,.field select{padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%}.field textarea{min-height:260px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);padding:10px 12px;margin-bottom:14px}.success{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok);border-radius:var(--radius);padding:10px 12px;margin-bottom:14px}.custody{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn);border-radius:var(--radius);padding:10px 12px;margin-bottom:14px}.custody p{margin:6px 0 0}.offer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px}.offer-text{min-width:16rem;flex:1 1 20rem}.offer-text p{margin:4px 0 0;color:var(--muted)}.offer-actions{display:flex;gap:8px;align-items:center}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(60rem 40rem at 50% -10%,color-mix(in oklab,var(--brand) 24%,transparent),transparent 70%),var(--bg)}.login{width:100%;max-width:380px}.login h1{margin:0 0 4px;display:flex;align-items:center}.login p.sub{color:var(--muted);margin:0 0 18px;font-size:13px}@media(max-width:1100px){.shell.with-pane{grid-template-columns:232px minmax(0,1fr)}.shell.with-pane .main{display:none}.shell.with-pane .pane{grid-column:2}}@media(max-width:720px){.shell{grid-template-columns:1fr;grid-template-rows:52px auto minmax(0,1fr)}.shell.with-pane{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow-x:auto;padding:8px}.sidebar .folder{white-space:nowrap}.compose-btn{width:auto;margin:0}.msg{grid-template-columns:30px minmax(0,1fr) auto}.msg .from{grid-column:2}.msg .subject{grid-column:2 / -1}}