body{margin:0;height:100vh;display:flex;flex-direction:column;background:#d4eeea;color:#1f1f1f;font:14px/1.5 Google Sans,Roboto,Arial,sans-serif}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;font-size:.8rem}.card{flex:1;min-height:0;margin:1.5rem;border-radius:1.5rem;overflow:hidden;background:#fff;display:grid;grid-template-columns:36% minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.tools{grid-column:1 / -1;display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid #e0e0e0;color:#b4b8bd}.tools h1{margin:0;font:600 1rem Space Grotesk,sans-serif;letter-spacing:-.02em;white-space:nowrap}.tools h1 span{background:linear-gradient(90deg,#0b57d0,#7c4dff);-webkit-background-clip:text;background-clip:text;color:transparent}.tools .row{display:flex;align-items:center;gap:.6rem;align-self:stretch;margin:0 .75rem 0 1.25rem;padding:0 1rem;border-inline:1px solid #e0e0e0}.tools .tabs{display:flex}.tools .tabs a{display:flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-bottom:2px solid transparent;color:inherit;font-size:.85rem;text-decoration:none}.tools .tabs a[aria-current]{color:#8f8f8f;border-color:#8f8f8f}.tools .new{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;padding:.2rem .8rem .2rem .6rem;border:1px solid #c4cbd4;border-radius:.2rem;color:inherit;font-size:.85rem;text-decoration:none}.tools form{display:flex;align-items:center;gap:.4rem;margin-left:1.5rem;padding:.1rem .2rem;border-bottom:1px solid #c4cbd4}.tools input::placeholder{color:inherit}.tools form:focus-within{border-color:#1f1f1f}.tools input{width:9rem;border:0;outline:0;background:none;color:inherit;font:inherit;font-size:.85rem}.tools .pager{display:flex;gap:.5rem;margin-left:1.5rem;padding-right:.5rem}.tools .pager a{display:flex;color:#1f1f1f}.tools .pager a:not([href]){opacity:.3}nav{overflow-y:auto;border-right:1px solid #ccc;color:#767676}nav ol{margin:0;padding:0;list-style:none}nav>ol{border-bottom:1px solid #c4cbd4}nav li+li{border-top:1px solid #d3d9e0}nav a{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:center;padding:.75rem 1rem .75rem .85rem;color:inherit;text-decoration:none}nav a[aria-current]{background:#eef4fc}nav a.reply{grid-template-columns:auto auto 1fr}nav a>svg,nav summary>svg{margin-right:-.3rem;color:#9aa0a6}nav a:hover{position:relative;z-index:1;box-shadow:0 0 10px 1px #3c404329,0 2px 5px #3c404333}nav div{min-width:0}nav div>*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav small{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:#9da1a6}nav small span{overflow:hidden;text-overflow:ellipsis}nav b{font-weight:600;color:#9da1a6}nav .preview{color:#9da1a6}nav summary{display:flex;gap:.6rem;align-items:center;padding:.6rem 1rem .6rem .85rem;list-style:none;font-size:.8rem;color:#9da1a6;cursor:pointer}nav summary:hover span{text-decoration:underline}nav details[open] summary{display:none}nav .end{margin:0;padding:1.5rem 1rem;text-align:center;font-size:.85rem;color:#9da1a6}main{overflow-y:auto;scrollbar-gutter:stable both-edges;padding:2rem max(3rem,50% - 20rem)}main img,main iframe{display:block;max-width:100%;margin-top:1rem}main iframe{width:100%;aspect-ratio:16 / 9;border:0}.tools .back{display:none}@media(max-width:700px){body{height:auto}.card{margin:.5rem;border-radius:.75rem;overflow:visible;min-height:calc(100vh - 1rem);grid-template-columns:1fr}.tools{position:sticky;top:0;z-index:1;background:#fff;flex-wrap:wrap;padding:.4rem .75rem 0;border-radius:.75rem .75rem 0 0}.tools:after{content:"";flex-basis:100%}.tools .back{display:flex;margin-right:.75rem;color:#1f1f1f}.card:not(.email) .tools .back{display:none}.tools form{display:none}.tools .pager{margin-left:.75rem;padding-right:0}.tools .row,.tools .tabs{order:1}.tools .row{margin:0 .5rem 0 0;padding:.4rem .75rem .4rem 0;border-left:0}.tools .tabs a:not([aria-current]){display:none}nav,main{overflow:visible}nav{border-right:0;color:#3c3c3c}nav b,nav .preview,nav small,nav summary{color:#5f6368}nav b{color:#3c3c3c}.card.email nav{display:none}.card:not(.email) main{display:none}main{padding:1.5rem 1rem}}