@font-face{font-family:Geist;src:url(/fonts/geist.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-1.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-2.woff2) format("woff2");font-weight:700;font-display:swap}:root{--wall: #f4f3f1;--sheet: #ffffff;--line: #ebebee;--soft: #f6f6f8;--text: #17171a;--muted: #71717c;--accent: #176cf1;--accent-soft: #eaf2ff;--accent-ink: #ffffff;--danger: #c5362c;--shadow: 0 0 0 1px rgba(20, 20, 30, .06), 0 1px 2px rgba(20, 20, 30, .04), 0 24px 60px -20px rgba(20, 20, 30, .18);--display: "General Sans", "Geist", system-ui, sans-serif;font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}@media(prefers-color-scheme:dark){:root{--wall: #121213;--sheet: #1b1b1e;--line: #2a2a30;--soft: #232327;--text: #f2f2f4;--muted: #9c9ca8;--accent: #4d91ff;--accent-soft: #1a2740;--accent-ink: #0b0b0d;--danger: #ff8a80;--shadow: 0 0 0 1px rgba(255, 255, 255, .07), 0 24px 60px -20px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--wall);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;border-radius:10px;padding:8px 14px;font-weight:500}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);font-weight:600;border-radius:999px;box-shadow:inset 0 1px #ffffff47,0 1px 2px #176cf159}button.primary:not(:disabled):hover{filter:brightness(1.06)}button.ghost{box-shadow:inset 0 0 0 1px var(--line);background:var(--sheet);border-radius:999px}button.ghost:hover{background:var(--soft)}button.link{padding:0;color:var(--accent);font-weight:500}button.danger{color:var(--danger)}:is(button,input,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{width:100%;border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;background:var(--sheet);padding:10px 13px}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical;min-height:120px;line-height:1.55}.muted{color:var(--muted)}.pad{padding:22px}.problem{color:var(--danger)}.leaf{display:block}.avatar{flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:600;letter-spacing:.02em}.avatar.is-you{width:34px;height:34px;background:var(--accent);font-size:11px}.signin{min-height:100%;display:grid;place-items:center;padding:16px;background:radial-gradient(760px 420px at 50% 108%,rgba(255,138,31,.3),rgba(255,79,142,.12) 48%,transparent 72%),var(--wall)}.signin-card{width:min(400px,100%);display:grid;gap:14px;padding:34px 30px 30px;background:var(--sheet);border-radius:28px;box-shadow:var(--shadow);text-align:center}.signin-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 2px;border-radius:20px;background:#17171a}.signin-card h1{font:700 26px/1.1 var(--display);letter-spacing:-.03em}.signin-card p{color:var(--muted)}.signin-card p strong{color:var(--text);font-weight:600}.signin-card input{padding:12px 14px;text-align:center}.signin-card .primary{padding:12px}input.code{font:600 22px/1.2 ui-monospace,SF Mono,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}.app{height:100%;display:grid;grid-template-columns:236px minmax(0,1fr);gap:4px;padding:12px 12px 12px 4px}.side{display:flex;flex-direction:column;gap:18px;padding:10px 12px 6px;min-width:0}.brand{display:flex;align-items:center;gap:9px;padding:4px 6px;font:600 18px/1 var(--display);letter-spacing:-.025em}.compose{padding:12px 16px;font-size:14.5px}.side nav{display:grid;gap:2px}.side nav button{justify-content:flex-start;gap:11px;padding:9px 12px;border-radius:12px;color:var(--muted);font-weight:500}.side nav button span{flex:1;text-align:left}.side nav button:hover{background:#7878871a;color:var(--text)}.side nav button.is-on{background:var(--sheet);color:var(--text);font-weight:600;box-shadow:0 0 0 1px #14141e0f,0 1px 2px #14141e0d}.side nav b{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:600;text-align:center}.account{margin-top:auto;position:relative}.account summary{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:14px;cursor:pointer;list-style:none}.account summary::-webkit-details-marker{display:none}.account summary:hover,.account[open] summary{background:#7878871a}.account-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.account-menu{position:absolute;left:0;right:0;bottom:calc(100% + 6px);display:grid;padding:6px;background:var(--sheet);border-radius:14px;box-shadow:var(--shadow);z-index:5}.account-menu button{justify-content:flex-start;padding:9px 10px;border-radius:9px}.account-menu button:hover{background:var(--soft)}.sheet{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);min-width:0;min-height:0;background:var(--sheet);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.list-head{display:grid;gap:12px;padding:20px 18px 12px}.list-head h1{font:700 24px/1 var(--display);letter-spacing:-.03em}.search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:999px;background:var(--soft);color:var(--muted)}.search:focus-within{box-shadow:0 0 0 2px var(--accent)}.search input{box-shadow:none;background:none;padding:9px 0;outline:none;color:var(--text)}.rows{flex:1;overflow-y:auto;padding:0 8px 10px}.row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:11px 10px;border-radius:14px;text-align:left;font-weight:400}.row:hover{background:var(--soft)}.row.is-open{background:var(--accent-soft)}.row-body{display:grid;gap:2px;min-width:0}.row-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.row-top time{flex:none;color:var(--muted);font-size:12px}.row-who,.row-subject,.row-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-who{font-weight:500}.row-who i{margin-left:6px;padding:0 6px;border-radius:999px;background:var(--soft);color:var(--muted);font-style:normal;font-size:11.5px}.row-subject{font-size:13.5px}.row-preview{color:var(--muted);font-size:13px}.row.is-unread .row-who,.row.is-unread .row-subject{font-weight:700}.row.is-unread .row-top time{color:var(--accent);font-weight:600}.dot{position:absolute;right:12px;bottom:14px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.empty{display:grid;justify-items:center;align-content:center;gap:8px;height:100%;min-height:240px;padding:28px;text-align:center}.empty-mark{display:grid;place-items:center;width:56px;height:56px;margin-bottom:4px;border-radius:18px;background:var(--soft);color:var(--muted)}.empty h3{font:600 18px/1.2 var(--display);letter-spacing:-.02em}.empty p{max-width:300px;color:var(--muted)}.empty .ghost{margin-top:8px}.reading{display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(var(--sheet),var(--sheet))}.reading-head{display:flex;align-items:center;gap:12px;padding:18px 22px 14px;border-bottom:1px solid var(--line)}.reading-head h2{min-width:0;font:600 20px/1.2 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere}.reading-tools{margin-left:auto;display:flex;gap:6px;flex:none}.reading-tools button{padding:6px 12px;font-size:13px}.reading-scroll{flex:1;overflow-y:auto;padding:18px 22px 24px;display:grid;gap:14px;align-content:start}.back{display:none;padding:6px 10px 6px 4px;color:var(--muted)}.message{padding:16px 18px;border-radius:18px;background:var(--soft)}.message.is-out{background:var(--accent-soft)}.message header{display:flex;align-items:center;gap:11px}.message-who{display:grid;min-width:0;flex:1}.message-who strong{font-weight:600;overflow-wrap:anywhere}.message-who span,.message time,.attachments{color:var(--muted);font-size:12.5px}.message time{flex:none}.message pre{margin:14px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.message .link{margin-top:12px;font-size:13px}.attachments{margin-top:12px}.formatted{width:100%;height:440px;margin-top:14px;border:0;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line)}.composer{display:grid;gap:12px;padding:16px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line);background:var(--sheet)}.composer:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}.composer h2{font:700 22px/1.1 var(--display);letter-spacing:-.03em;padding:4px 2px 2px}.composer .field{display:grid;grid-template-columns:64px 1fr;align-items:center;border-bottom:1px solid var(--line)}.composer .field span{color:var(--muted);font-size:13px;padding-left:2px}.composer :is(input,textarea){box-shadow:none;padding:10px 2px;border-radius:0;outline:none}.composer-foot{display:flex;align-items:center;gap:8px}.composer-foot>span{margin-right:auto;color:var(--muted);font-size:12.5px}.composer-foot .primary{padding:9px 18px}.notice{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:10px 18px;border-radius:999px;background:var(--text);color:var(--wall);font-weight:600;box-shadow:0 12px 30px #00000047;z-index:10}@media(max-width:860px){.app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:8px}.side{flex-direction:row;align-items:center;gap:8px;padding:4px}.brand span{display:none}.compose{padding:9px 14px;font-size:13.5px}.side nav{display:flex}.side nav button{padding:8px 10px}.account{margin:0 0 0 auto}.account-email{display:none}.account-menu{left:auto;right:0;top:calc(100% + 6px);bottom:auto;width:210px}.sheet{grid-template-columns:1fr;border-radius:20px}.list{border-right:0}.reading,.app.has-open .list{display:none}.app.has-open .reading{display:flex}.back{display:inline-flex}.reading-tools span{display:none}.reading-head{padding:12px 14px}.reading-scroll{padding:14px}}