:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-elevated:#fafafa;--bg-toolbar:#fff;--text:#1a1a1a;--text-muted:#666;--border:#e2e2e2;--border-subtle:#f0f0f0;--border-msg:#e8e8e8;--btn-bg:#fff;--btn-border:#ccc;--primary:#2563eb;--primary-text:#fff;--overlay:#00000059;--banner-bg:#fde68a;--banner-text:#1a1a1a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1a1a1a;--bg-elevated:#242424;--bg-toolbar:#1f1f1f;--text:#e8e8e8;--text-muted:#9aa0a6;--border:#333;--border-subtle:#2a2a2a;--border-msg:#333;--btn-bg:#2a2a2a;--btn-border:#444;--primary:#3b82f6;--primary-text:#fff;--overlay:#0009;--banner-bg:#5b4a12;--banner-text:#fde68a}}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:system-ui,sans-serif}.app{height:var(--viewport-height,100%);grid-template-columns:360px 1fr;display:grid}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.pane>.sidebar,.pane>.reader{flex:1;min-height:0}.sidebar{border-right:1px solid var(--border);overflow-y:auto}.account-header{border-bottom:1px solid var(--border);padding:10px 12px}.account-header .name{color:var(--text);font-weight:600}.account-header .email{color:var(--text-muted);font-size:12px}.folder-tabs{border-bottom:1px solid var(--border);gap:8px;padding:8px 10px;display:flex}.is-hidden{display:none}.section-nav{flex-direction:column;gap:8px;padding:10px;display:flex}.section-nav .btn{text-align:left}.section-nav-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:2px 2px 4px;font-size:12px}.toolbar{border-bottom:1px solid var(--border);background:var(--bg-toolbar);flex-wrap:wrap;gap:8px;padding:10px;display:flex;position:sticky;top:0}.toolbar input{flex:1;padding:6px 8px}.thread-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;border-left:3px solid #0000;padding:11px 12px 11px 22px;position:relative}.thread-item.unread:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:16px;left:9px}.thread-subject{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.thread-item:hover{background:var(--bg-elevated)}.thread-item.unread{font-weight:600}.thread-item.selected{background:var(--bg-elevated);border-left-color:var(--primary)}.thread-item .snippet{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:400;display:-webkit-box;overflow:hidden}.thread-item .thread-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.thread-meta{flex-shrink:0;justify-content:flex-end;align-items:baseline;min-width:56px;display:flex}.thread-time{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.thread-item.unread .thread-time{color:var(--primary)}.link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;font-size:12px;display:none}.thread-item:hover .thread-meta:has(.link-btn) .thread-time{display:none}.thread-item:hover .link-btn{display:inline}.link-btn:hover{color:var(--primary);text-decoration:underline}.load-more{width:calc(100% - 20px);margin:10px;display:block}.empty{color:var(--text-muted);text-align:center;padding:24px 12px;font-size:14px}.reader{padding:16px;overflow-y:auto}.reader>h3,.reader .card,.reader .list{max-width:720px}.list{margin:0 0 16px;padding:0;list-style:none}.list .row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.list .row>span:first-child{overflow-wrap:anywhere;min-width:0}.list .row>span:last-child{flex-shrink:0;gap:6px;display:flex}.msg{border:1px solid var(--border-msg);border-radius:8px;margin-bottom:14px}.msg-head{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:10px 12px;font-size:14px}.msg-label{color:var(--text-muted);font-size:13px}.msg iframe{background:var(--bg);border:0;border-radius:6px;width:calc(100% - 16px);min-height:40px;margin:8px;display:block}.btn{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn.active{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary);font-weight:600}.toolbar .spacer{margin-left:auto}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:16px}.card input,.card select,.card textarea{width:100%;margin:6px 0;padding:8px;display:block}.card input[hidden],.card select[hidden],.card textarea[hidden]{display:none}.modal{background:var(--overlay);place-items:center;display:grid;position:fixed;inset:0}.modal .card{background:var(--bg);width:min(640px,92vw)}.modal input,.modal textarea{width:100%;margin:6px 0;padding:8px}.login{height:var(--viewport-height,100%);place-items:center;display:grid}.banner{background:var(--banner-bg);color:var(--banner-text);padding:6px 12px;font-size:13px}@media (width<=768px){.app{grid-template-columns:1fr}.pane-hidden{display:none}.btn{padding:10px 14px}.thread-item{padding-top:14px;padding-bottom:14px}.reader{padding:12px}input,select,textarea{font-size:16px}}.compose-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=768px){.modal{display:block}.modal .card{width:100%;height:var(--viewport-height,100%);border:0;border-radius:0;flex-direction:column;max-width:none;display:flex;overflow-y:auto}.modal textarea{flex:1;min-height:120px}.compose-actions{padding-bottom:env(safe-area-inset-bottom);margin-top:auto}}@media (hover:none){.link-btn{display:none}.thread-item:hover .thread-meta:has(.link-btn) .thread-time{display:inline}.thread-item:hover .link-btn{display:none}}.card,.reader img,.reader iframe{max-width:100%}.msg-head{overflow-wrap:anywhere}@media (width<=768px){.login .card{width:min(400px,92vw)}}