html,body,#root{margin:0;padding:0;height:100%;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--colorNeutralBackground2, #fafafa)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.centered-spinner{display:flex;align-items:center;justify-content:center;height:100vh;font-size:14px;color:#666}.three-pane{display:flex;flex-direction:row;flex:1;min-height:0;background:var(--colorNeutralBackground1)}.three-pane>*{border-right:1px solid var(--colorNeutralStroke2, #e1e1e1);overflow:hidden;min-width:0}.three-pane>*:last-child{border-right:0}.pane-folder{width:240px;flex-shrink:0;display:flex;flex-direction:column;min-height:0}.pane-list{width:380px;flex-shrink:0;display:flex;flex-direction:column;min-height:0}.pane-reading{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.app-header{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;background:var(--colorBrandBackground, #0078d4);color:#fff}.app-header .title{font-weight:600;font-size:16px;letter-spacing:.2px}.app-header .spacer{flex:1}.message-row{cursor:pointer}.message-row.unread{font-weight:600}.message-row.selected{background:var(--colorBrandBackground2, #e1efff)}.reading-pane{padding:24px 32px;display:flex;flex-direction:column;gap:16px;overflow:auto;min-height:0}.reading-pane h2{margin:0;font-size:22px}.reading-pane .meta{font-size:13px;color:#555}.composer{display:flex;flex-direction:column;gap:12px;padding:16px}.composer .field{display:flex;flex-direction:column;gap:4px}.composer textarea,.composer input{width:100%;font-family:inherit;font-size:14px;padding:8px;border:1px solid #d1d1d1;border-radius:4px}.composer .editor{min-height:220px;border:1px solid #d1d1d1;border-radius:4px;padding:12px}.folder-tree{padding:8px 0}.folder-tree .folder{display:flex;justify-content:space-between;padding:6px 16px;cursor:pointer;border-radius:4px}.folder-tree .folder.active{background:var(--colorBrandBackground2, #e1efff);color:var(--colorBrandForeground1, #0078d4);font-weight:600}.folder-tree .folder:hover:not(.active){background:var(--colorNeutralBackground3)}.folder-tree .badge{font-size:12px;background:var(--colorBrandBackground, #0078d4);color:#fff;border-radius:10px;padding:0 8px;line-height:18px}.toolbar{display:flex;gap:8px;padding:8px 16px;border-bottom:1px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground1);position:sticky;top:0;z-index:1}