:root{--bg: #1b1a19;--bg-side: #201f3a;--bg-panel: #252423;--bg-hover: #323130;--border: #3b3a39;--text: #f3f2f1;--text-dim: #a19f9d;--accent: #6b4eff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px}.app{display:grid;grid-template-columns:290px 1fr;grid-template-rows:48px 1fr 26px;grid-template-areas:"topbar topbar" "sidebar main" "footer footer";height:100vh}.topbar{grid-area:topbar;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.brand{font-weight:600}.actions{display:flex;align-items:center;gap:12px}.action{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 10px;cursor:pointer}.action:hover:not(:disabled){background:var(--bg-hover)}.action:disabled{opacity:.4;cursor:not-allowed}.msg-actions{display:flex;gap:6px;align-items:center}.move-select{font:inherit}.move-select option{color:#000}.days{color:var(--text-dim);display:flex;align-items:center;gap:4px}.days button{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:2px 8px;cursor:pointer}.days button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.search{margin-left:auto;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:6px 10px;width:220px}.sidebar{grid-area:sidebar;background:var(--bg-side);border-right:1px solid var(--border);padding:10px 6px;overflow-y:auto}.account{font-weight:600;margin:4px 8px 10px;color:var(--text-dim);word-break:break-all}.folder{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.folder:hover{background:#ffffff0f}.folder.active{background:#ffffff21}.twisty{width:12px;display:inline-block;text-align:center;color:var(--text-dim)}.folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:var(--accent);color:#fff;border-radius:10px;padding:0 7px;font-size:11px;min-width:18px;text-align:center}.star{margin-left:4px;cursor:pointer;flex-shrink:0;opacity:0;color:var(--text-dim);font-size:13px}.folder:hover .star{opacity:.8}.star.on{color:#f1c40f}.grip{width:12px;flex-shrink:0;text-align:center;color:var(--text-dim);cursor:grab;opacity:0;font-size:12px}.fav-section .folder:hover .grip{opacity:.6}.folder.dragging{opacity:.4}.folder.drag-over{border-top:2px solid var(--accent)}.fav-section{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.fav-header{display:flex;align-items:center;justify-content:space-between;padding-right:6px}.fav-gear{cursor:pointer;opacity:.5;font-size:13px}.fav-gear:hover{opacity:1}.fav-gear.on{opacity:1;color:var(--accent)}.fav-hint{font-size:11px;color:var(--accent);padding:2px 8px 6px}.reorder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40}.fav-section.reordering{position:relative;z-index:50;background:var(--bg-side);border:1px solid var(--accent);border-radius:6px;padding:6px 4px;box-shadow:0 0 14px #6b4effb3}.fav-section.reordering .folder{cursor:grab}.fav-section.reordering .grip{opacity:.85}.main{grid-area:main;display:grid;grid-template-rows:45% 55%;overflow:hidden}.list{overflow-y:auto;border-bottom:1px solid var(--border)}.reading{overflow-y:auto;background:var(--bg-panel)}.selbar{position:sticky;top:0;z-index:2;background:var(--accent);color:#fff;padding:5px 12px;font-size:12px}.day-sep{position:sticky;top:0;z-index:1;background:#2d2c4a;color:var(--text);padding:5px 12px;font-size:12px;font-weight:600;border-bottom:1px solid var(--border);text-transform:capitalize}.msg{padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.msg.flagged{background:#e74c3c24}.msg:hover{background:var(--bg-hover)}.msg.sel{background:#6b4eff38}.msg.unread{border-left:3px solid var(--accent)}.msg.unread .msg-sender,.msg.unread .msg-subject{font-weight:700}.msg-line1{display:flex;justify-content:space-between;gap:8px}.msg-sender{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-date{color:var(--text-dim);flex-shrink:0;font-size:12px}.msg-line2{display:flex;align-items:center;gap:6px;color:var(--text-dim);margin-top:2px}.msg-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.clip,.flag{flex-shrink:0}.cats{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cat{background:#ffffff1a;color:var(--text);border-radius:3px;padding:1px 6px;font-size:11px}.more{display:block;width:calc(100% - 24px);margin:10px 12px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px;cursor:pointer}.more:hover{background:var(--bg-hover)}.reading{display:flex;flex-direction:column}.read{display:flex;flex-direction:column;height:100%;padding:16px 20px 0;min-height:0}.read h2{margin:0 0 10px;font-size:18px}.meta{color:var(--text-dim);line-height:1.7}.meta b{color:var(--text)}.ext-banner{margin:10px 0 0;padding:8px 12px;border-radius:4px;background:#ffc1071f;border:1px solid rgba(255,193,7,.4);color:#ffd24d;font-size:12px}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.att{background:#ffffff12;border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:12px}.att-size{color:var(--text-dim)}.mail-iframe{flex:1;min-height:240px;width:100%;margin-top:12px;border:none;background:#fff;border-radius:4px 4px 0 0}.dim{color:var(--text-dim)}.pad{padding:24px}.error{color:#ff8a80;padding:16px}code{background:#ffffff14;padding:1px 4px;border-radius:3px}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;margin-left:8px;font:inherit;padding:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:18px 20px;width:360px;max-height:70vh;display:flex;flex-direction:column}.modal h3{margin:0 0 12px}.cat-list{overflow-y:auto;display:flex;flex-direction:column;gap:6px;max-height:320px}.cat-opt{display:flex;align-items:center;gap:8px;cursor:pointer}.cat-dot{width:11px;height:11px;border-radius:2px;display:inline-block;flex-shrink:0}.cat-add{display:flex;gap:6px;margin:12px 0}.cat-add input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:6px 8px}.cat-add button,.modal-actions button{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 12px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions .primary{background:var(--accent);border-color:var(--accent);color:#fff}.footer{grid-area:footer;background:var(--bg-panel);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 12px}.statusbar{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:12px}.statusbar .sep{opacity:.4}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.ok{background:#4caf50}.dot.ko{background:#e74c3c}