:root{--canvas: #f6f8fc;--sheet: #ffffff;--sheet-2: #f8fafd;--ink: #1f1f1f;--mute: #444746;--faint: #747775;--line: #e0e3e7;--line-strong: #c4c7c5;--pine: #0b57d0;--pine-ink: #0842a0;--pine-soft: #d3e3fd;--pine-tint: #f0f4f9;--postal: #c2e7ff;--postal-ink: #001d35;--rose: #b3261e;--rose-soft: #fce8e6;--amber: #b06000;--amber-soft: #fef7e0;--sel: #d3e3fd;--hover: #f2f2f2;--read-bg: rgba(242, 246, 252, .8);--row-line: rgba(100, 121, 143, .122);--star: #f4b400;--shadow-sheet: none;--shadow-pop: 0 2px 6px 2px rgba(60, 64, 67, .15), 0 1px 2px rgba(60, 64, 67, .3);--radius: 8px;--radius-lg: 16px;--font: "Google Sans Text", "Google Sans", Roboto, "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;--font-display: "Google Sans", "Google Sans Text", Roboto, "Segoe UI", system-ui, Helvetica, Arial, sans-serif;--sidebar-w: 256px;--list-w: 400px;--tap: 44px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;border-radius:8px}button:disabled{cursor:default;opacity:.55}a{color:var(--pine)}p{margin:0}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--pine);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline-offset:0}[hidden]{display:none!important}.num{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}::selection{background:var(--pine-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--radius);font-weight:500;white-space:nowrap;transition:background .12s,color .12s,box-shadow .12s}.btn-primary{background:var(--pine);color:#fff}.btn-primary:hover:not(:disabled){background:var(--pine-ink)}.btn-ghost{background:var(--sheet);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn-ghost:hover:not(:disabled){background:var(--hover)}.btn-quiet{color:var(--mute)}.btn-quiet:hover:not(:disabled){background:var(--hover);color:var(--ink)}.btn-danger{background:var(--rose);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.93)}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn-lg{height:44px;padding:0 20px;font-size:15px}.ib{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;color:var(--mute);flex:none;transition:background .12s,color .12s}.ib:hover:not(:disabled){background:var(--hover);color:var(--ink)}.ib.on{color:var(--pine)}.ib.danger:hover{color:var(--rose);background:var(--rose-soft)}.field{display:flex;flex-direction:column;gap:6px}.field label,.label{font-size:13px;font-weight:500;color:var(--mute)}.input,.select,.textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--sheet);outline:none;transition:border-color .12s,box-shadow .12s}.textarea{height:auto;min-height:96px;padding:10px 12px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--pine);box-shadow:0 0 0 3px var(--pine-soft)}.input::placeholder,.textarea::placeholder{color:var(--faint)}.select{appearance:none;padding-right:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7571' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.row-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.help{font-size:13px;color:var(--mute);line-height:1.5}.error-text{color:var(--rose);font-size:13px}.switch{position:relative;width:40px;height:24px;border-radius:12px;background:var(--line-strong);transition:background .15s;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s}.switch[aria-checked=true]{background:var(--pine)}.switch[aria-checked=true]:after{transform:translate(16px)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border-bottom:0}.toggle-row .t{display:flex;flex-direction:column;gap:2px}.toggle-row .t small{color:var(--mute);font-size:13px}.bundle{margin:8px 10px 4px;border:1px solid var(--line);border-radius:14px;background:var(--sheet-2);overflow:hidden}.bundle-head{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;text-align:left}.bundle-head:hover{background:#17201c08}.bundle-ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--sheet);color:var(--mute);border:1px solid var(--line);flex:none}.bundle-title{font-weight:600;display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.bundle-title small{font-weight:400;color:var(--mute);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--pine-soft);color:var(--pine-ink);font-variant-numeric:tabular-nums}.bundle-chev{color:var(--faint);transition:transform .15s}.bundle.open .bundle-chev{transform:rotate(180deg)}.bundle .row{background:transparent;border-top:1px solid var(--line);border-bottom:0;padding:9px 12px;min-height:56px}.bundle .row:hover{background:#17201c08}.bundle .row.sel{background:var(--sel)}.bundle .av{width:30px;height:30px;font-size:11.5px}.bundle .snip{display:none}.bundle-more{display:block;width:100%;padding:10px 12px;border-top:1px solid var(--line);color:var(--pine);font-weight:500;font-size:13px;text-align:left}.bundle-more:hover{background:#17201c08}.skel{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.skel-av,.skel-line{background:linear-gradient(90deg,var(--canvas),#eceeed,var(--canvas));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}.skel-av{width:38px;height:38px;border-radius:50%}.skel-line{height:11px;margin:5px 0}@keyframes shimmer{to{background-position:-200% 0}}.empty{margin:auto;text-align:center;color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;max-width:340px}.empty h2{font-size:18px;color:var(--ink)}.empty .big{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--pine-tint);color:var(--pine);margin-bottom:6px}.empty .btn{margin-top:8px}.load-more{display:block;margin:12px auto;color:var(--mute);font-size:13px}.reader{display:flex;flex-direction:column;min-width:0;min-height:0;margin:12px 12px 12px 0;background:var(--sheet);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet);overflow:hidden}.reader.blank{display:flex}.r-bar{display:flex;align-items:center;gap:2px;padding:10px 14px;border-bottom:1px solid var(--line);min-height:57px}.r-bar .div{width:1px;height:20px;background:var(--line);margin:0 6px}.back{display:none}.desk{display:contents}.t-short{display:none}.r-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.r-inner{width:100%;max-width:820px;margin:0 auto;padding:24px 32px 48px;display:flex;flex-direction:column;gap:14px}.r-head{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.r-subj{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere}.r-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--mute);flex-wrap:wrap}.acct-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;border-radius:999px;background:color-mix(in srgb,var(--c, var(--pine)) 11%,#fff);color:color-mix(in srgb,var(--c, var(--pine)) 75%,#000);font-size:12px;font-weight:500}.msg{border:1px solid var(--line);border-radius:14px;background:var(--sheet)}.msg.collapsed{background:var(--sheet-2);cursor:pointer}.msg.collapsed:hover{border-color:var(--line-strong)}.msg-head{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;width:100%;text-align:left;color:inherit}.msg-who{display:flex;flex-direction:column;min-width:0;line-height:1.35;flex:1}.msg-who b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-who small,.msg-snip{color:var(--mute);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-who .to-line{display:inline-flex;align-items:center;gap:4px;cursor:pointer;border-radius:4px}.msg-who .to-line:hover{color:var(--ink)}.msg-time{font-size:12px;color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:2px}.msg-details{padding:0 16px 10px 60px;font-size:12.5px;color:var(--mute);display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.msg-details b{font-weight:500;color:var(--faint)}.msg-tools{display:flex;gap:0;align-self:flex-start;margin:-6px -6px 0 0}.msg-body{padding:0 16px 16px}.msg-body.text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6;max-width:72ch}.html-frame{width:100%;border:0;display:block;min-height:60px;color-scheme:light}.images-bar{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:8px 10px 8px 12px;background:var(--sheet-2);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--mute)}.images-bar .btn{margin-left:auto}.quoted-toggle{margin-top:8px;font-size:13px;color:var(--mute);display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:var(--sheet-2)}.quoted-toggle:hover{color:var(--ink)}.quoted{margin-top:8px;padding-left:12px;border-left:2px solid var(--line-strong);color:var(--mute);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.atts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.att{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:10px;background:var(--sheet);max-width:100%;text-align:left;color:inherit;text-decoration:none;transition:border-color .12s,background .12s}.att:hover{border-color:var(--line-strong);background:var(--hover)}.att-ico{width:32px;height:36px;border-radius:6px;display:grid;place-items:center;font-size:9.5px;font-weight:700;letter-spacing:.03em;background:var(--ink);color:#fff;flex:none}.att-ico.pdf{background:#c9414f}.att-ico.img{background:#2e7d9e}.att-ico.doc{background:#2f5fb8}.att-ico.xls{background:#1f7a4d}.att-name{display:flex;flex-direction:column;min-width:0;line-height:1.3;font-size:13px}.att-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.att-name small{color:var(--faint);font-size:11.5px;font-variant-numeric:tabular-nums}.unsub{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mute)}.unsub:hover{color:var(--ink)}.reply{border:1px solid var(--line);border-radius:14px;background:var(--sheet);padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:border-color .12s,box-shadow .12s}.reply:focus-within{border-color:var(--pine);box-shadow:0 0 0 3px var(--pine-soft)}.reply-from{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute);flex-wrap:wrap}.reply-from b{color:var(--ink);font-weight:500}.reply-modes{display:inline-flex;gap:2px}.reply-modes button{height:28px;padding:0 9px;border-radius:7px;font-size:13px;color:var(--mute)}.reply-modes button.on{background:var(--sel);color:var(--ink);font-weight:500}.reply-modes button:hover{color:var(--ink)}.reply textarea{border:0;background:none;resize:vertical;outline:none;min-height:72px;line-height:1.5;width:100%;font-size:14.5px}.reply-actions{display:flex;align-items:center;gap:6px}.reply-actions .sp{flex:1}.reply-collapsed{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:var(--mute);width:100%;text-align:left;background:var(--sheet)}.reply-collapsed:hover{border-color:var(--line-strong);color:var(--ink)}.r-actions{display:none}.keys{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:12.5px;margin-top:10px;color:var(--mute)}.kbd{display:inline-block;font-size:11.5px;padding:1px 6px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;color:var(--ink);background:var(--sheet);min-width:20px;text-align:center}.search{position:relative}.search-box{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px;border-radius:10px;background:var(--canvas);color:var(--mute);transition:box-shadow .12s,background .12s}.search-box:focus-within{background:var(--sheet);box-shadow:inset 0 0 0 1.5px var(--pine)}.search-box input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--ink);height:100%}.search-box input::placeholder{color:var(--faint)}.search-box input::-webkit-search-cancel-button,.search-box input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.search-box .ib{width:28px;height:28px}.search-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--sheet);border-radius:12px;box-shadow:var(--shadow-pop);border:1px solid var(--line);padding:6px;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.search-pop .sec{padding:8px 8px 4px}.sug{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;width:100%;text-align:left;min-height:36px}.sug:hover,.sug.on{background:var(--sel)}.sug .av{width:26px;height:26px;font-size:10.5px}.sug small{color:var(--mute);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sug code{font-family:inherit;font-size:13px;padding:1px 6px;border-radius:5px;background:var(--canvas);color:var(--ink)}.ops{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px 6px}.op{font-size:12px;padding:3px 8px;border-radius:999px;background:var(--canvas);color:var(--mute)}.op:hover{background:var(--pine-soft);color:var(--pine-ink)}.scope{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mute)}.scrim{position:fixed;inset:0;background:#17201c52;display:grid;place-items:center;padding:16px;z-index:50;animation:fade .12s}@keyframes fade{0%{opacity:0}}.sheet{width:min(640px,100%);background:var(--sheet);border-radius:16px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;max-height:calc(100% - 32px);overflow:hidden;animation:rise .16s ease-out}@keyframes rise{0%{transform:translateY(8px);opacity:0}}.sheet.small{width:min(440px,100%);padding:24px;gap:14px}.sheet.small h2{font-size:19px}.sheet.small p{color:var(--mute);line-height:1.55}.sheet.small b{color:var(--ink);font-weight:600;word-break:break-all}.sheet-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.folder-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.compose{width:min(760px,100%)}.compose-top{display:flex;align-items:center;gap:8px;padding:12px 10px 12px 20px;border-bottom:1px solid var(--line)}.compose-top h2{font-size:17px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfield{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:0 20px;min-height:46px;position:relative}.cfield>label{font-size:13px;color:var(--faint);width:56px;flex:none}.cfield input,.cfield select{flex:1;min-width:0;border:0;background:none;outline:none;height:44px}.cfield select{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfield select{cursor:pointer}.cfield .links{display:flex;gap:4px}.cfield .links button{font-size:13px;color:var(--mute);padding:4px 6px}.cfield .links button:hover{color:var(--ink)}.from-pick{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.compose-body{flex:1;min-height:220px;border:0;padding:16px 20px;resize:none;outline:none;background:none;line-height:1.55;width:100%;font-size:14.5px}.compose-quote{margin:0 20px 12px;padding-left:12px;border-left:2px solid var(--line-strong);color:var(--mute);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;max-height:160px;overflow:auto}.compose-atts{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 12px}.compose-att{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;border-radius:9px;background:var(--canvas);font-size:13px;max-width:100%}.compose-att span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.compose-att small{color:var(--faint)}.compose-att .ib{width:24px;height:24px}.compose-foot{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--line)}.compose-foot .status{color:var(--faint);font-size:12.5px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-foot .err{color:var(--rose)}.compose.drop{outline:2px dashed var(--pine);outline-offset:-6px}.sugs{position:absolute;left:76px;right:20px;top:100%;z-index:10;background:var(--sheet);border-radius:10px;box-shadow:var(--shadow-pop);border:1px solid var(--line);padding:4px}.toasts{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:70;width:max-content;max-width:calc(100% - 32px)}.toast{display:flex;gap:14px;align-items:center;padding:10px 10px 10px 16px;border-radius:12px;background:var(--ink);color:#fff;box-shadow:var(--shadow-pop);font-size:13.5px;animation:rise .16s ease-out}.toast.error{background:var(--rose)}.toast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast button{color:#fff;font-weight:600;padding:6px 10px;border-radius:8px;flex:none}.toast button:hover{background:#ffffff1f}.toast .ib{color:#ffffffb3;width:30px;height:30px}.settings{grid-column:2 / -1;display:flex;min-height:0;margin:12px 12px 12px 0;background:var(--sheet);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet);overflow:hidden}.settings-nav{width:220px;flex:none;padding:18px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.settings-nav h1{font-size:18px;padding:2px 10px 12px}.settings-head{display:flex;align-items:center;gap:4px}.settings-head .back{display:none}@media(max-width:760px){.settings-head .back{display:inline-flex;width:40px;height:40px;margin-bottom:10px}}.settings-main{flex:1;min-width:0;overflow-y:auto;padding:24px 32px 48px}.settings-main h2{font-size:20px;margin-bottom:4px}.settings-main>.help{margin-bottom:20px}.settings-section{max-width:640px;display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.card{border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.acct-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.acct-row:last-child{border-bottom:0}.acct-row .acct{flex:1}.acct-row .acct small{white-space:normal}.status-pill{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--canvas);color:var(--mute)}.status-pill.ok{background:var(--pine-soft);color:var(--pine-ink)}.status-pill.err{background:var(--rose-soft);color:var(--rose)}.status-pill.sync{background:var(--amber-soft);color:var(--amber)}.progress{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.progress i{display:block;height:100%;background:var(--pine);transition:width .3s}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.colors{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px #fff;outline:2px solid transparent}.color-swatch.on{outline-color:var(--ink)}.blocked-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.blocked-row .acct{flex:1}.blocked-row .acct>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocked-row .acct small{white-space:normal}.note{padding:14px 16px 6px;color:var(--mute);font-size:13px;line-height:1.5;max-width:56ch}.auth{height:100%;display:grid;place-items:center;padding:24px}.auth-card{width:min(380px,100%);background:var(--sheet);border-radius:18px;box-shadow:var(--shadow-sheet);padding:32px 28px;display:flex;flex-direction:column;gap:18px}.auth-card .brand{padding:0}.auth-card h1{font-size:22px}.auth-card form{display:flex;flex-direction:column;gap:12px}.fab{display:none}@media(max-width:760px){.scrim.full{padding:0;place-items:stretch}.scrim.full .sheet{width:100%;max-height:none;height:100%;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.toasts{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.settings{flex-direction:column;margin:0;border-radius:0;box-shadow:none}.settings-nav{width:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px;gap:4px;scrollbar-width:none}.settings-nav h1{display:none}.settings-nav .nav-item{white-space:nowrap}.settings-main{padding:20px 16px 48px}.grid-2{grid-template-columns:1fr}.ib,.btn{min-height:40px}.sugs{left:14px;right:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sig-editor{border:1px solid var(--line);border-radius:12px;background:var(--sheet, #fff);overflow:hidden}.sig-editor:focus-within{border-color:var(--pine)}.sig-toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--canvas)}.sig-toolbar button,.sig-tool{min-width:30px;height:30px;padding:0 8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--mute);font-size:13px;cursor:pointer}.sig-toolbar button:hover,.sig-tool:hover{background:var(--hover);color:var(--ink)}.sig-sep{width:1px;height:18px;background:var(--line);margin:0 6px}.sig-area{min-height:120px;padding:12px 14px;outline:none;line-height:1.5;font-size:14px}.sig-area img{max-width:100%;height:auto}.sig-area:empty:before{content:"Write your signature";color:var(--faint)}.sig-preview{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);color:var(--mute);font-size:14px;line-height:1.45;max-height:160px;overflow:auto}.sig-preview img{max-width:100%;height:auto}.sig-pick{display:inline-flex;align-items:center;gap:6px;color:var(--mute);font-size:13px}.sig-pick select{border:0;background:none;color:var(--mute);font:inherit;cursor:pointer;max-width:160px}.sig-pick select:hover{color:var(--ink)}.sig-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--sheet, #fff);margin-bottom:10px}.sig-card .sig-render{margin-top:8px;font-size:14px;line-height:1.45;max-height:120px;overflow:hidden}.sig-card .sig-render img{max-width:100%;height:auto}.sig-default{font-size:12px;color:var(--pine-ink);background:var(--pine-soft);border-radius:999px;padding:2px 8px}.plain-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.shell[data-density=compact] .row{padding-top:7px;padding-bottom:7px;gap:10px}.shell[data-density=compact] .av{width:32px;height:32px;font-size:12px}.shell[data-density=compact] .row-meta{margin-top:1px}.shell[data-text=large]{font-size:16px}.shell[data-text=large] .who{font-size:16.5px}.shell[data-text=large] .subj,.shell[data-text=large] .snip{font-size:15.5px}.shell[data-text=large] .msg-body.text,.shell[data-text=large] .reply textarea{font-size:17px}.snip.lines-2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row.no-avatar .av{display:none}.send-group{position:relative;display:inline-flex}.send-group .btn-primary:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.send-later{border-top-left-radius:0;border-bottom-left-radius:0;padding:0 8px;margin-left:1px}.menu{position:absolute;right:0;bottom:calc(100% + 6px);min-width:220px;background:var(--sheet, #fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #141e1a24;padding:6px;display:flex;flex-direction:column;z-index:20}.menu button,.menu .menu-custom{text-align:left;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--ink);display:flex;flex-direction:column;gap:4px}.menu button:hover{background:var(--hover)}.menu .menu-custom{font-size:12.5px;color:var(--mute)}.menu .menu-custom input{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.outbox-card{margin:8px 12px;padding:10px 12px;border:1px dashed var(--line-strong, var(--line));border-radius:12px;font-size:13.5px;display:flex;align-items:center;gap:10px}.outbox-card .t{flex:1;min-width:0;display:flex;flex-direction:column}.outbox-card .t span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outbox-card small{color:var(--mute)}.settings-sub{margin:18px 0 8px;font-weight:600;font-size:14px}.chips-row{display:flex;flex-wrap:wrap;gap:6px}.chips-row .chip-x{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px}.viewer{position:fixed;inset:0;z-index:60;background:#0e1412db;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.viewer-top{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#fff}.viewer-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.viewer-title b,.viewer-title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-title small{opacity:.7}.viewer-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.viewer-actions .btn-ghost{background:#ffffff1a;border-color:#fff3;color:#fff}.viewer-actions .btn-ghost:hover{background:#ffffff2e}.viewer-actions .ib{color:#fff}.viewer-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:0 56px 16px}.viewer-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;background:#fff}.viewer-frame{width:min(1000px,100%);height:100%;border:0;border-radius:8px;background:#fff}.viewer-text{width:min(900px,100%);max-height:100%;overflow:auto;background:#fff;color:var(--ink);border-radius:8px;padding:16px 18px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;margin:0}.viewer-none{background:#fff;color:var(--ink);border-radius:14px;padding:28px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.att-ico.big{width:56px;height:64px;font-size:13px}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff24;color:#fff;display:grid;place-items:center}.viewer-nav:disabled{opacity:.3}.viewer-nav.prev{left:8px}.viewer-nav.next{right:8px}@media(max-width:760px){.viewer-body{padding:0 0 8px}.viewer-nav{display:none}.viewer-actions .btn-ghost span,.viewer-actions .btn-ghost:not(.drive){font-size:12px}}.event-card{display:flex;gap:14px;padding:12px 14px;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.event-card.cancelled{opacity:.7}.event-date{width:52px;flex:none;border-radius:10px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;padding:6px 0}.event-date b{font-size:22px}.event-date small{font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}.event-body{display:flex;flex-direction:column;gap:2px;min-width:0}.wizard-page{align-items:start;padding-top:max(24px,6vh);overflow-y:auto;background:radial-gradient(900px 400px at 50% -10%,var(--pine-soft),transparent 70%),var(--bg, #f4f6f5)}.auth-card.wizard{width:min(560px,100%);gap:22px}.wizard-count{margin-left:auto;font-size:12.5px;color:var(--mute);font-variant-numeric:tabular-nums}.wizard-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wizard-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--faint);position:relative}.wizard-steps li:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}.wizard-steps li:first-child:before{display:none}.wizard-steps li.done:before{background:var(--pine)}.ws-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sheet);border:2px solid var(--line);color:var(--faint)}.wizard-steps li.now .ws-dot{border-color:var(--pine);color:var(--pine);box-shadow:0 0 0 4px var(--pine-soft)}.wizard-steps li.done .ws-dot{background:var(--pine);border-color:var(--pine);color:#fff}.wizard-steps li.now{color:var(--ink);font-weight:600}.wizard-head h1{font-size:24px;letter-spacing:-.02em;margin:0 0 6px}.wizard-head .help{font-size:14.5px;line-height:1.5}.wizard-form{display:flex;flex-direction:column;gap:14px}.input-lg{height:46px;font-size:16px}.help.lookup{min-height:18px;display:inline-flex;align-items:center;gap:5px;color:var(--pine)}.wizard-hint{display:flex;gap:10px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:12px;background:#fff6e5;color:#6b4a00;font-size:13.5px;line-height:1.5}.wizard-hint svg{flex:none;margin-top:3px}.wizard-hint a{color:inherit;font-weight:600}.wizard-ok{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:12px;background:var(--pine-soft);color:var(--pine-ink);font-size:14px;font-weight:500}.wizard-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:4px}.wizard-actions .btn-lg{min-width:180px}.wizard-accounts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}.wizard-accounts li{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:14.5px}.wizard-accounts li+li{border-top:1px solid var(--line)}.wa-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.wa-state{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--mute);flex:none}.wa-state.ok{color:var(--pine)}.wa-state.err{color:#b42318;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wizard-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.5}.wizard-list.tips{list-style:none;padding:0}.wizard-list.tips li{padding:10px 12px;border-radius:12px;background:var(--sheet-2)}.wizard-share{display:flex;flex-direction:column;gap:6px}.wizard-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;border-radius:10px;background:var(--sheet-2);border:1px solid var(--line);font-size:13px}.wizard-done-mark{width:56px;height:56px;border-radius:18px;background:var(--pine-soft);color:var(--pine);display:grid;place-items:center}@media(max-width:760px){.wizard-page{padding:0;align-items:stretch}.auth-card.wizard{width:100%;min-height:100%;border-radius:0;box-shadow:none;padding:20px 18px calc(24px + env(safe-area-inset-bottom,0px))}.wizard-actions .btn-lg{flex:1}.ws-label{font-size:11px}}.wizard-servers{display:flex;flex-direction:column;gap:12px;padding:12px 14px;border-radius:12px;background:var(--sheet-2);border:1px solid var(--line)}.ws-row{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:13.5px}.ws-row .ws-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ws-row b{color:var(--ink);font-weight:600}@media(max-width:760px){.switch{width:46px;height:28px}.switch:after{width:22px;height:22px}.switch.on:after{transform:translate(18px)}.color-swatch{width:36px;height:36px}.search-box .ib{width:40px;height:40px}.op{padding:9px 12px;font-size:13px}.sig-toolbar button,.sig-tool{min-width:40px;height:40px}}.tpl-picker{position:relative}.tpl-menu{bottom:calc(100% + 6px);left:0;min-width:260px;max-width:min(340px,90vw);max-height:360px;overflow:auto}.tpl-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.tpl-menu button small{color:var(--mute);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tpl-menu .tpl-new{flex-direction:row;align-items:center;gap:6px;color:var(--pine);border-top:1px solid var(--line)}.tpl-head{padding:8px 12px 4px;font-size:12px;font-weight:600;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}.tpl-empty{padding:8px 12px;color:var(--mute);font-size:13px}.tpl-save{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.tpl-save .input{height:34px}.tpl-preview{margin:0;white-space:pre-wrap;color:var(--mute);font-size:13px;max-height:6.5em;overflow:hidden}.viewer.compact{align-items:center;justify-content:center;background:#0e14288c}.viewer-ask{background:var(--sheet);color:var(--ink);border-radius:18px;padding:24px;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;box-shadow:0 20px 50px #00000040}.viewer-ask .ask-name{word-break:break-word}.viewer-ask small{color:var(--mute)}.viewer-ask p{margin:8px 0 6px;color:var(--mute)}.ask-actions{display:flex;gap:10px;width:100%}.ask-actions .btn{flex:1;justify-content:center}.unsub-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--pine-tint);border:1px solid var(--pine-soft);font-size:13.5px;color:var(--ink)}.unsub-bar span{flex:1;min-width:160px}.unsub-bar.done{background:#edf8f1;border-color:#cdebd8}.ctx-menu{position:fixed;z-index:80;background:var(--sheet);border-radius:12px;padding:6px;box-shadow:0 12px 40px #14215c38,0 0 0 1px var(--line)}.ctx-menu button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border-radius:8px;font-size:14px;color:var(--ink);text-align:left}.ctx-menu button:hover{background:var(--pine-tint)}.ctx-menu button.danger{color:#b42318}.ctx-sep{height:1px;background:var(--line);margin:5px 6px}.pv-scroll,.pv-doc,.pv-sheet{width:min(1000px,100%);height:100%;overflow:auto;border-radius:8px}.pv-scroll{background:#e9ecf2;padding:8px}.pv-pages{display:flex;flex-direction:column;align-items:center;gap:8px}.pv-page{background:#fff;box-shadow:0 1px 4px #0000002e;max-width:100%;height:auto}.pv-status{color:#fff;text-align:center;padding:24px 12px;font-size:14px}.pv-scroll .pv-status,.pv-sheet .pv-status{color:var(--mute)}.pv-doc{position:relative;background:#eef0f4}.pv-doc .pv-status{position:absolute;inset:0 0 auto;color:var(--mute)}.pv-doc-frame{width:100%;height:100%;border:0;display:block}.pv-sheet{background:#fff;display:flex;flex-direction:column}.pv-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line);overflow-x:auto;flex:none}.pv-tabs button{padding:6px 12px;border-radius:8px;font-size:13px;color:var(--mute);white-space:nowrap}.pv-tabs button.on{background:var(--pine-soft);color:var(--pine-ink);font-weight:600}.pv-table-wrap{overflow:auto;flex:1}.pv-table{border-collapse:collapse;font-size:13px;color:var(--ink)}.pv-table th,.pv-table td{border:1px solid var(--line);padding:4px 8px;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}.pv-table th{position:sticky;left:0;background:var(--sheet-2);color:var(--mute);font-weight:500;text-align:right}.viewer-media{max-width:100%;max-height:100%;border-radius:8px;background:#000}.viewer-audio{width:min(520px,100%)}:root{color-scheme:light}*{scrollbar-width:thin;scrollbar-color:#cdd3dc transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#cdd3dc;border-radius:10px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#aab2be;background-clip:padding-box;border:3px solid transparent}.chips{scrollbar-width:none}body{background:var(--canvas);font:14px/20px var(--font);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:0}.btn{border-radius:20px;font-family:var(--font-display);font-weight:500;letter-spacing:.1px;padding:0 20px}.btn-sm{height:32px;padding:0 14px;border-radius:16px}.btn-ghost{box-shadow:inset 0 0 0 1px var(--faint);color:var(--pine)}.btn-ghost:hover:not(:disabled){background:#0b57d00f}.ib{border-radius:50%;color:var(--mute)}.ib:hover:not(:disabled){background:#44474614}:focus-visible{outline:2px solid var(--pine)}.shell{position:relative;height:100%;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"off off" "top top" "side main";background:var(--canvas);padding-top:env(safe-area-inset-top,0px)}.offline-bar{grid-area:off;display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;color:#3c2d00;background:#fef7e0}.drawer-scrim{display:none}.topbar{grid-area:top;display:flex;align-items:center;height:64px;padding:8px;min-width:0}.top-menu{width:48px;height:48px;margin:0 4px 0 0}.topbar .brand{display:flex;align-items:center;gap:6px;width:182px;flex:none;padding-left:2px;color:var(--mute);text-decoration:none}.topbar .brand img{display:block}.topbar .brand-name{font:400 22px/24px "Google Sans","Product Sans",var(--font-display);color:#5f6368;letter-spacing:-.1px;padding-left:4px}.topbar .search{position:relative;flex:1 1 auto;max-width:720px;min-width:0;margin:0}.topbar .search-box{display:flex;align-items:center;gap:4px;height:48px;padding:0 8px 0 12px;border:0;border-radius:24px;background:#e9eef6;box-shadow:none;color:var(--mute);transition:background .15s,box-shadow .15s}.topbar .search-box>svg{width:24px;height:24px;margin:0 8px 0 4px;flex:none}.topbar .search-box:focus-within{background:#fff;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.topbar .search:has(.search-pop) .search-box{border-radius:24px 24px 0 0}.topbar .search-box input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;font:400 16px/24px var(--font);color:var(--ink);padding:0}.topbar .search-box input::placeholder{color:var(--mute)}.topbar .search-box .kbd{display:none}.topbar .search-pop{position:absolute;top:48px;left:0;right:0;width:auto;margin:0;background:#fff;border-radius:0 0 24px 24px;box-shadow:0 4px 6px #20212447;border-top:1px solid var(--line);padding:8px 0 16px;z-index:50}.search-pop .av{width:28px;height:28px;font-size:12px}.top-right{display:flex;align-items:center;gap:4px;margin-left:auto;padding-left:16px;flex:none}.top-right>.ib{width:40px;height:40px}.me-wrap{position:relative;margin:0 4px 0 8px}.me-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pine);color:#fff;font:500 15px/1 var(--font-display);box-shadow:0 0 0 4px transparent;transition:box-shadow .12s}.me-btn:hover{box-shadow:0 0 0 4px #4447461f}.me-pop{position:absolute;top:44px;right:0;width:360px;max-width:calc(100vw - 24px);background:#e9eef6;border-radius:28px;box-shadow:var(--shadow-pop);padding:16px 12px 12px;z-index:70}.me-head{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 16px;text-align:center}.me-head b{font:400 22px/28px var(--font-display)}.me-head small{color:var(--mute)}.me-big{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--pine);color:#fff;font:400 34px/1 var(--font-display);margin-bottom:4px}.me-list{background:#fff;border-radius:20px;padding:8px 0;max-height:260px;overflow-y:auto}.me-acct{display:flex;align-items:center;gap:14px;padding:8px 20px;font-size:14px}.me-acct span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-actions{display:flex;justify-content:center;gap:8px;padding-top:12px}.me-actions .btn{background:#fff;box-shadow:none;color:var(--ink)}.me-actions .btn:hover{background:#f8fafd}.sidebar{grid-area:side;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 16px;scrollbar-width:none}.sidebar:hover{scrollbar-width:thin}.drawer-brand{display:none}.compose-wrap{padding:8px 0 16px 8px}.compose-btn{display:inline-flex;align-items:center;gap:12px;height:56px;min-width:56px;padding:0 24px 0 16px;border-radius:16px;background:var(--postal);color:var(--postal-ink);font:500 14px/20px var(--font-display);letter-spacing:.25px;transition:box-shadow .08s linear}.compose-btn:hover{background:var(--postal);box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.compose-btn svg{flex:none}.sidebar .nav{display:flex;flex-direction:column;gap:0;padding:0 16px 0 0}.sidebar .nav-item{display:flex;align-items:center;gap:18px;width:100%;height:32px;min-height:32px;padding:0 12px 0 26px;border-radius:0 16px 16px 0;background:none;box-shadow:none;color:#202124;font:400 14px/20px var(--font);letter-spacing:.2px;text-align:left;text-decoration:none}.sidebar .nav-item svg{flex:none;color:var(--mute)}.sidebar .nav-item:hover{background:#1f1f1f14;color:#202124}.sidebar .nav-item.on{background:var(--pine-soft);color:#001d35;font-weight:700}.sidebar .nav-item.on svg{color:#001d35}.sidebar .nav-item.bold{font-weight:700}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-item .n{margin-left:auto;font-size:12px;letter-spacing:.3px;color:inherit;font-weight:inherit}.sidebar .nav-title{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 4px 26px;font:500 16px/24px var(--font-display);color:var(--ink)}.sidebar .nav-title .ib{width:32px;height:32px}.acct-status{width:8px;height:8px;border-radius:50%;flex:none}.acct-status.err{background:var(--rose)}.acct-status.sync{background:var(--amber);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.sidebar-foot{display:none}@media(min-width:1101px){.shell[data-mini=on]{--sidebar-w: 72px}.shell[data-mini=on] .sidebar .nav-label,.shell[data-mini=on] .sidebar .n,.shell[data-mini=on] .sidebar .nav-title,.shell[data-mini=on] .sidebar .acct-status{display:none}.shell[data-mini=on] .compose-btn{padding:0;width:56px;justify-content:center}.shell[data-mini=on] .sidebar .nav{padding:0;align-items:center}.shell[data-mini=on] .sidebar .nav-item{width:56px;padding:0;justify-content:center;border-radius:16px}.shell[data-mini=on] .sidebar .nav.labels{margin-top:16px}.fab{display:none}}.main-card{grid-area:main;position:relative;display:flex;min-width:0;min-height:0;margin:0 16px 16px 0;background:var(--sheet);border-radius:16px;overflow:hidden}.main-card>.settings{flex:1;margin:0;border-radius:0;box-shadow:none}.list-pane{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--sheet);border:0;container-type:inline-size;container-name:list}.reader{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;border-radius:0;box-shadow:none;background:var(--sheet)}.shell[data-reading=full][data-open=list] .reader,.shell[data-reading=full][data-open=thread] .list-pane{display:none}.shell[data-reading=full] .reader .back{display:inline-grid}.shell[data-reading=side] .list-pane{flex:0 0 var(--list-w);border-right:1px solid var(--line)}.pane-resizer{position:absolute;top:0;bottom:0;left:calc(var(--list-w) - 4px);width:8px;cursor:col-resize;z-index:15;touch-action:none}.pane-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .15s}.pane-resizer:hover:after,.pane-resizer.dragging:after{background:var(--pine)}.shell.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.shell.resizing iframe{pointer-events:none}.list-head{flex:none;background:var(--sheet);position:relative;z-index:3}.list-title-row{display:none}.toolbar{display:flex;align-items:center;height:48px;padding:0 16px 0 8px;gap:0}.toolbar .ib{width:40px;height:40px}.sel-wrap{position:relative;display:flex;align-items:center}.toolbar .sel-drop{width:20px;height:40px;border-radius:4px;margin-left:-6px}.tb-div{width:1px;height:20px;background:var(--line);margin:0 8px}.tb-count{font-size:14px;color:var(--mute);margin-left:12px;white-space:nowrap}.toolbar .sp{flex:1}.range{font-size:12px;letter-spacing:.3px;color:var(--mute);white-space:nowrap;padding:0 8px}.menu-pop{position:absolute;top:calc(100% + 2px);left:0;z-index:60;min-width:160px;padding:6px 0;background:#fff;border-radius:4px;box-shadow:var(--shadow-pop)}.menu-pop.right{left:auto;right:0;min-width:220px}.menu-pop button{display:flex;align-items:center;gap:12px;width:100%;min-height:32px;padding:4px 16px;border-radius:0;font-size:14px;color:var(--ink);text-align:left}.menu-pop button:hover:not(:disabled){background:#1f1f1f14}.menu-pop button svg{color:var(--mute)}.scope{display:flex;align-items:center;gap:12px;padding:0 16px 8px;font-size:13px;color:var(--mute)}.scope button{color:var(--pine);font-weight:500}.list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--row-line)}.sec{display:flex;align-items:center;gap:8px;padding:12px 16px 6px;font:500 14px/20px var(--font-display);color:var(--mute)}.sec svg{color:var(--star)}.sec .n{font-size:12px;color:var(--faint)}.load-more{padding:12px;text-align:center;color:var(--faint);font-size:12px}.row-wrap{position:relative}.swipe-bg{position:absolute;inset:0;display:flex;align-items:center;padding:0 24px;color:#fff;font-weight:500;background:#188038}.swipe-bg.left{justify-content:flex-end}.swipe-bg.tone-red{background:#d93025}.swipe-bg.tone-blue{background:var(--pine)}.swipe-bg span{display:flex;align-items:center;gap:8px;transition:transform .12s}.row{position:relative;display:flex;align-items:center;height:40px;padding:0 16px 0 8px;background:var(--read-bg);border-bottom:1px solid var(--row-line);color:var(--ink);font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .16s ease}.row.unread{background:#fff}.row:hover{z-index:2;box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0,0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.row.sel{background:var(--pine-soft)}.row.checked{background:#c2dbff}.row.focus:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ink)}.row.swiping{transition:none}.row-check,.row-star{flex:none;display:grid;place-items:center;width:32px;height:40px;border-radius:0;color:#44474699}.row-check:hover,.row-star:hover,.row.checked .row-check{color:var(--ink)}.row-star{margin-right:8px}.row-star.on{color:var(--star)}.row-av{display:none}.who{flex:0 0 168px;display:flex;align-items:baseline;gap:4px;min-width:0;padding-right:24px;white-space:nowrap}.who-name{overflow:hidden;text-overflow:ellipsis}.cnt{font-size:12px;color:var(--mute);font-weight:400}.draft-word{color:#d93025;font-weight:400}.row-text{flex:1;display:flex;min-width:0;overflow:hidden}.row-line{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subj{color:var(--ink)}.snip-inline,.snip{color:var(--mute)}.row-text>.snip,.row-tags{display:none}.snip mark{background:#fde293;color:inherit;border-radius:2px}.row.unread .who,.row.unread .subj,.row.unread .when{font-weight:700;color:var(--ink)}.row-icons{flex:none;display:flex;gap:4px;padding-left:12px;color:var(--mute)}.row-icons:empty{display:none}.when{flex:none;min-width:56px;padding-left:16px;text-align:right;font-size:12px;color:var(--mute);white-space:nowrap}.row-hover{display:none;position:absolute;right:8px;top:0;height:100%;align-items:center;background:inherit;padding-left:8px}.row-hover .ib{width:40px;height:40px}@media(hover:hover){.row:hover .row-hover{display:flex}}.acct-tag{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;vertical-align:top;margin:1px 6px 0 0;padding:0 4px;border-radius:4px;font:400 12px/18px var(--font);white-space:nowrap;background:color-mix(in srgb,var(--c, #5f6368) 16%,#fff);color:color-mix(in srgb,var(--c, #5f6368) 75%,#000)}.av{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--c, #5f6368);color:#fff;font:500 17px/1 var(--font-display);text-transform:uppercase}.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;background:#fff}.av.has-img img{opacity:1}.av.sm{width:32px;height:32px;font-size:14px}.av.me,.av-check{background:var(--pine)}@container list (max-width: 759px){.row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"av who when" "av text star";column-gap:12px;row-gap:0;align-items:start;height:auto;padding:10px 16px;background:#fff;border-bottom:0}.row:hover{box-shadow:none;background:#f2f2f2}.row.sel,.row.checked{background:var(--pine-soft)}.row.no-avatar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who when" "text star"}.row-check,.row-icons,.row-hover{display:none!important}.row-av{grid-area:av;display:block;padding-top:2px}.who{grid-area:who;padding:0;font-size:16px;line-height:24px;color:var(--ink)}.when{grid-area:when;min-width:0;padding:2px 0 0 8px;line-height:20px}.row-text{grid-area:text;flex-direction:column}.row-line{font-size:14px;line-height:20px}.snip-inline,.row-line .acct-tag{display:none}.row-tags{display:flex;margin-top:4px}.row-text>.snip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}.row-text>.snip.lines-2{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row-star{grid-area:star;align-self:end;justify-self:end;width:32px;height:32px;margin:0 -6px -6px 0}.row.unread .who{font-weight:700}}.bundle{border-bottom:1px solid var(--row-line)}.bundle-head{border-radius:0}.shell[data-density=compact] .row{height:32px}@container list (max-width: 759px){.shell[data-density=compact] .row{height:auto;padding-top:6px;padding-bottom:6px}}.shell[data-text=large] .row,.shell[data-text=large] .msg-body.text{font-size:15.5px}.r-bar{display:flex;align-items:center;gap:4px;height:48px;min-height:48px;padding:0 16px 0 8px;border-bottom:0}.r-bar .ib{width:40px;height:40px}.r-bar .div{width:1px;height:20px;background:var(--line);margin:0 8px}.r-bar .sp{flex:1}.pager{display:flex;align-items:center}.star-btn.on{color:var(--star)}.r-scroll{flex:1;min-height:0;overflow-y:auto}.r-inner{padding:0 24px 48px 16px;max-width:none;margin:0}.shell[data-reading=full] .reader .r-inner{max-width:none}.r-head{display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:12px 0 8px 56px}.r-subj{flex:1;min-width:0;font:400 22px/28px var(--font-display);color:var(--ink);overflow-wrap:anywhere}.r-subj .acct-tag{margin:0 0 0 10px;vertical-align:3px;max-width:260px;padding:0 6px}.msg{border:0;border-radius:0;background:transparent;border-bottom:1px solid var(--line)}.msg:last-of-type{border-bottom:0}.msg.collapsed,.msg.collapsed:hover{background:transparent}.msg-head{display:flex;align-items:flex-start;gap:16px;padding:20px 0 12px}.msg.collapsed .msg-head{padding:12px 0}.msg-head .av{width:40px;height:40px;font-size:17px}.msg-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:20px}.msg-from{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}.msg-from b,.msg-who>b{font-weight:700;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.msg-email{font-size:12px;color:#5e5e5e;overflow:hidden;text-overflow:ellipsis}.msg-who .to-line{display:inline-flex;align-items:center;align-self:flex-start;height:20px;padding:0;font-size:12px;color:#5e5e5e;border-radius:4px}.msg-snip{font-size:14px;color:var(--mute)}.msg-time{font-size:12px;color:#5e5e5e;white-space:nowrap;line-height:20px}.msg-tools{display:flex;align-items:center;margin:-10px -8px 0 0}.msg-tools .ib{width:40px;height:40px}.msg-tools>div{position:relative}.msg-details{margin-left:56px}.msg-body{padding:0 0 20px 56px}.reply-pills{display:flex;flex-wrap:wrap;gap:12px;padding:24px 0 24px 56px}.pill-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 24px 0 16px;border:1px solid var(--faint);border-radius:20px;background:#fff;color:var(--mute);font:500 14px/20px var(--font-display);letter-spacing:.1px}.pill-btn:hover{background:#44474614}.reply{margin:16px 0 24px 56px;border:0;border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.reply:focus-within{box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.r-actions,.t-short{display:none}.compose-dock{position:fixed;right:16px;bottom:0;z-index:60;display:flex;align-items:flex-end;pointer-events:none}.compose-dock .compose{pointer-events:auto;display:flex;flex-direction:column;width:min(560px,calc(100vw - 32px));height:min(620px,calc(100vh - 72px));max-height:none;margin:0;padding:0;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003;overflow:hidden}.compose-dock.min .compose{width:300px;height:40px}.compose-dock.min .compose>:not(.compose-top){display:none!important}.compose-dock.min .compose-top{cursor:pointer}.compose-dock.max{inset:0;align-items:center;justify-content:center;background:#00000080;pointer-events:auto}.compose-dock.max .compose{width:min(1100px,calc(100vw - 120px));height:calc(100vh - 100px);border-radius:16px}.compose-top{display:flex;align-items:center;gap:2px;flex:none;height:40px;padding:0 8px 0 16px;margin:0;background:#f2f6fc;border:0}.compose-top h2{flex:1;min-width:0;margin:0;font:500 14px/20px var(--font-display);color:#041e49;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-top .win-btn{width:28px;height:28px;border-radius:4px;color:var(--mute)}.compose-back,.phone-send{display:none!important}.compose-dock .cfield{display:flex;align-items:center;gap:8px;min-height:40px;margin:0 16px;padding:0;border-bottom:1px solid #f1f3f4;background:transparent}.compose-dock .cfield label{color:var(--mute);font-size:14px;min-width:0;width:auto}.compose-dock .cfield input,.compose-dock .cfield select{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:14px;padding:8px 0;box-shadow:none}.compose-dock .cfield input::placeholder{color:var(--mute)}.compose-dock .compose-body{flex:1;min-height:140px;border:0;outline:none;resize:none;padding:12px 16px;font:14px/1.5 Arial,Helvetica,sans-serif;color:#222}.compose-dock .compose-quote{margin:0 16px 8px}.compose-dock .compose-foot{display:flex;align-items:center;gap:2px;flex:none;padding:8px 16px 12px;border:0;background:#fff}.compose-foot .sp{flex:1}.compose-foot .ib{width:40px;height:40px}.compose-foot .status{margin-left:8px;font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.send-group{position:relative;display:flex;margin-right:8px}.send-group .btn-primary{height:40px;border-radius:20px 0 0 20px;padding:0 16px 0 24px;font:500 14px/20px var(--font-display)}.send-group .btn-primary.send-later{border-radius:0 20px 20px 0;padding:0 10px 0 6px;border-left:1px solid rgba(0,0,0,.18)}.send-group .send-later-menu{top:auto;bottom:calc(100% + 6px);left:0;right:auto}.toasts{left:24px;right:auto;transform:none;bottom:calc(24px + env(safe-area-inset-bottom,0px))}.toast{border-radius:4px;background:#1f1f1f;font-size:14px;padding:6px 8px 6px 16px;min-height:48px}.toast button{color:#a8c7fa;font-weight:500}@media(max-width:1100px){.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"off" "top" "main"}.topbar .brand{width:auto;margin-right:16px}.main-card{margin:0 8px 8px}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(300px,86vw);z-index:40;background:var(--canvas);transform:translate(-102%);transition:transform .22s ease;box-shadow:var(--shadow-pop);padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.shell[data-drawer=open] .sidebar{transform:none}.shell[data-drawer=open] .drawer-scrim{display:block;position:fixed;inset:0;background:#00000052;z-index:39}.drawer-brand{display:flex;align-items:center;gap:10px;padding:12px 24px 16px;font:400 22px/24px "Google Sans","Product Sans",var(--font-display);color:#5f6368}.sidebar .compose-wrap{display:none}.sidebar-foot{display:block;margin-top:12px;padding:8px 16px 0 0;border-top:1px solid var(--line)}.sidebar .nav-item{height:40px}.fab{display:flex;align-items:center;gap:12px;position:fixed;z-index:30;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));height:56px;padding:0 20px 0 16px;border-radius:16px;background:var(--postal);color:var(--postal-ink);font:500 14px/20px var(--font-display);letter-spacing:.25px;box-shadow:0 1px 3px #0000004d,0 4px 8px 3px #00000026}.fab:hover{background:var(--postal)}}@media(max-width:760px){body{font-size:14px}.shell{grid-template-rows:auto auto minmax(0,1fr);background:#fff}.topbar{height:48px;margin:8px 16px 4px;padding:0 4px;border-radius:28px;background:#e9eef6}.topbar:focus-within{background:#fff;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.topbar .brand,.top-right>.ib{display:none}.top-menu{width:40px;height:40px;margin:0}.topbar .search{max-width:none}.topbar .search-box,.topbar .search-box:focus-within{background:transparent;box-shadow:none;padding:0 0 0 8px}.topbar .search-box>svg{display:none}.topbar .search-pop{top:44px;left:-48px;right:-52px;border-radius:0 0 24px 24px}.top-right{padding-left:4px}.me-wrap{margin:0 4px}.shell[data-view=reader] .topbar{display:none}.main-card{margin:0;border-radius:0}.shell[data-view=list] .reader,.shell[data-view=reader] .list-pane,.shell[data-view=reader] .fab,.pane-resizer{display:none!important}.shell[data-view=reader] .reader{display:flex}.shell[data-reading=side] .list-pane{flex:1 1 auto;border-right:0}.back{display:inline-grid!important}.list-title-row{display:flex;align-items:baseline;gap:8px;padding:12px 16px 4px}.list-title{font:500 14px/20px var(--font);color:var(--mute);letter-spacing:.2px}.list-sub,.toolbar{display:none}.list-head.checking .toolbar{display:flex;position:absolute;top:0;left:0;right:0;background:#fff;padding:0 8px}.list-head.checking .range{display:none}.list{border-top:0;padding-bottom:88px}.wide-only{display:none!important}.t-long{display:none}.t-short{display:inline}.r-bar{padding:0 4px;height:56px;padding-top:env(safe-area-inset-top,0px)}.r-bar .ib{width:48px;height:48px}.r-inner{padding:0 16px 40px}.r-head{padding:4px 0 8px}.r-subj{font-size:22px;line-height:28px}.r-subj .acct-tag{display:inline-block;margin:6px 0 0;max-width:100%}.msg-head{gap:12px;padding:16px 0 12px}.msg-tools{margin:-8px -8px 0 0}.msg-email{display:none}.msg-body,.msg-details,.reply-pills{padding-left:0;margin-left:0}.reply-pills{gap:8px}.pill-btn{flex:1;justify-content:center;padding:0 12px}.reply{margin:12px 0 24px}.toasts{left:8px;right:8px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}.toast{width:100%}.compose-dock,.compose-dock.max{inset:0;background:none}.compose-dock .compose,.compose-dock.max .compose{width:100%;height:100%;border-radius:0}.compose-dock.min .compose{width:100%;height:100%}.compose-dock.min .compose>:not(.compose-top){display:flex!important}.compose-top{height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 4px 0;background:#fff}.compose-top h2{font:400 18px/24px var(--font-display);color:var(--ink);padding-left:8px}.compose-top .win-btn{display:none}.compose-back,.phone-send{display:inline-grid!important;width:48px;height:48px}.compose-dock .compose-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}.dot{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--c, var(--pine))}.acct{display:flex;flex-direction:column;min-width:0;line-height:1.3}.acct>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct small{font-size:12px;color:var(--mute);overflow-wrap:anywhere}.brand{display:flex;align-items:center;gap:10px;color:var(--mute);text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;flex:none}.brand-mark img{width:36px;height:36px}.brand-name{font:400 22px/28px "Google Sans","Product Sans",var(--font-display);color:#5f6368}.settings-nav{padding:8px 16px 8px 0}.settings-nav .nav-item{display:flex;align-items:center;gap:16px;height:36px;padding:0 16px 0 24px;border-radius:0 18px 18px 0;color:#202124;text-decoration:none;font-size:14px}.settings-nav .nav-item svg{color:var(--mute)}.settings-nav .nav-item:hover{background:#1f1f1f14}.settings-nav .nav-item.on{background:var(--pine-soft);color:#001d35;font-weight:700}.settings-head{padding-left:16px}@media(max-width:760px){.settings-nav{padding:8px}.settings-nav .nav-item{border-radius:18px;padding:0 14px;white-space:nowrap}}.backup-card{display:flex;flex-direction:column;padding:0;margin-top:12px}.backup-line{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--line)}.backup-line:last-child{border-bottom:0}.backup-line>svg{color:var(--mute);flex:none}.backup-line>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.backup-line small{color:var(--mute);font-size:13px}.pending-box{display:flex;flex-direction:column;gap:8px;margin:16px 0;align-items:flex-start}.pending-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.pending-row .acct-tag{min-width:200px;font-size:13px;line-height:22px}.pending-row .input{flex:1;min-width:160px;max-width:280px}.pending-err{width:100%;color:var(--rose);font-size:13px}.wizard-restore{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;color:var(--mute)}@media(max-width:760px){.backup-line{flex-wrap:wrap}.backup-line>.btn,.backup-line>a.btn{margin-left:38px}}a.btn{text-decoration:none}.google-btn{background:#fff;color:#1f1f1f;box-shadow:inset 0 0 0 1px #747775;font-family:"Google Sans",var(--font-display)}.google-btn:hover:not(:disabled){background:#f8fafd}.google-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 14px}.google-row .help{margin:0}.main-card>.settings{flex-direction:column}.settings .settings-nav{width:auto;flex:none;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:0;padding:0 16px;border-right:0;border-bottom:1px solid var(--line)}.settings .settings-head{width:100%;padding:16px 8px 8px}.settings .settings-head h1,.settings .settings-nav h1{display:block;padding:0;font:400 22px/28px var(--font-display);color:var(--ink)}.settings .settings-nav .nav-item{position:relative;height:44px;gap:8px;padding:0 14px;border-radius:0;background:none;color:var(--mute);font-weight:400;white-space:nowrap}.settings .settings-nav .nav-item svg{display:none}.settings .settings-nav .nav-item:hover{background:#1f1f1f0f;color:var(--ink)}.settings .settings-nav .nav-item.on{background:none;color:var(--pine);font-weight:500}.settings .settings-nav .nav-item.on:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--pine)}.settings .settings-nav .nav-item.signout{margin-left:auto;margin-top:0}.settings .settings-main{padding:8px 24px 48px}.settings-main h2{font:400 16px/24px var(--font-display);color:var(--ink);margin:16px 0 4px}.settings-main .help{color:var(--mute)}.settings-section{max-width:900px}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:900px;margin-top:8px}.sec-head h2{margin:8px 0}.settings-main .card:has(>.toggle-row){border:0;border-radius:0;padding:0;gap:0;border-top:1px solid var(--line)}.settings-main .card{border-radius:8px;border-color:var(--line)}.toggle-row{display:grid;grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border-bottom:1px solid var(--line)}.toggle-row .t span{font-weight:700;font-size:14px;color:var(--ink)}.toggle-row .t small{font-size:12px;color:var(--mute)}.toggle-row>:not(.t){justify-self:start}.switch{width:18px;height:18px;border-radius:2px;background:transparent;box-shadow:inset 0 0 0 2px var(--mute);flex:none}.switch:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;border-radius:0;background:none;box-shadow:none;transform:rotate(45deg) scale(0);transition:transform .12s}.switch[aria-checked=true]{background:var(--pine);box-shadow:none}.switch[aria-checked=true]:after{transform:rotate(45deg) scale(1)}.status-pill{padding:0;background:none!important;font-size:12px;font-weight:500;color:var(--mute)}.status-pill.ok{color:#188038}.status-pill.err{color:var(--rose)}.status-pill.sync{color:var(--amber)}.settings-main .pill{background:#e8eaed;color:var(--mute);border-radius:4px;font-weight:500}.wizard-close{margin-left:8px}@media(max-width:760px){.settings .settings-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 8px}.settings .settings-head{position:sticky;left:0;width:auto;flex:none;display:flex;align-items:center;padding:8px 8px 8px 0}.settings .settings-head h1{display:none}.toggle-row{grid-template-columns:1fr auto;gap:12px}.toggle-row>:not(.t){justify-self:end}}@media(min-width:761px){.settings .settings-head{width:auto;flex:1 0 calc(100% - 140px)}.settings .settings-nav .nav-item.signout{order:-1;align-self:center;height:36px;margin-top:8px}.settings .settings-nav .nav-item{padding:0 11px}}@media(min-width:761px){.settings .settings-head{order:-2}}.sig-default{background:#e8eaed!important;color:var(--mute)!important;border-radius:4px!important}.settings-top{display:flex;align-items:center;gap:4px;padding:12px 16px 4px 12px;flex:none}.settings-top h1{flex:1;margin:0;font:400 22px/28px var(--font-display);color:var(--ink);padding-left:4px}.settings-top .back{display:inline-grid}.settings-tabs{display:flex;flex:none;gap:0;padding:0 12px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs .tab{position:relative;flex:none;display:flex;align-items:center;height:44px;padding:0 14px;color:var(--mute);text-decoration:none;font-size:14px;white-space:nowrap}.settings-tabs .tab:hover{background:#1f1f1f0f;color:var(--ink)}.settings-tabs .tab.on{color:var(--pine);font-weight:500}.settings-tabs .tab.on:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--pine)}@media(max-width:760px){.settings-top h1{font-size:20px}.settings .settings-main{padding:4px 16px 48px}.toggle-row:has(select){grid-template-columns:1fr;gap:8px}.toggle-row:has(select)>select{justify-self:stretch;width:100%!important}}.rsvp{display:flex;flex-direction:column;gap:6px;margin-top:8px}.rsvp-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rsvp-q{font-size:14px;color:var(--mute);margin-right:4px}.rsvp-btn{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 16px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--faint);font:500 14px/20px var(--font-display);color:var(--mute);background:#fff}.rsvp-btn:hover:not(:disabled){background:#44474614}.rsvp-btn.on{background:var(--pine-soft);color:#041e49;box-shadow:none}.rsvp-cal{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#188038}.rsvp-cal.busy{color:var(--amber)}.side-panel{position:fixed;z-index:35;top:calc(64px + env(safe-area-inset-top,0px));right:16px;bottom:16px;width:320px;display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:var(--shadow-pop);overflow:hidden}@media(min-width:1101px){.shell[data-tasks=open] .main-card{margin-right:352px}.shell[data-tasks=open] .side-panel{box-shadow:none}}.sp-head{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 4px 20px;font:400 18px/24px var(--font-display)}.sp-head b{font-weight:400}.sp-add{display:flex;align-items:center;gap:12px;margin:4px 12px 8px;padding:0 12px;height:40px;border-radius:20px;color:var(--pine)}.sp-add:focus-within{background:var(--pine-tint)}.sp-add input{flex:1;border:0;outline:none;background:transparent;font-size:14px;color:var(--ink)}.sp-add input::placeholder{color:var(--pine)}.sp-list{flex:1;overflow-y:auto;padding:0 12px 16px}.sp-list .help{padding:8px}.sp-task{display:flex;gap:12px;padding:10px 8px;border-radius:8px}.sp-task:hover{background:var(--hover)}.sp-check{flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--mute)}.sp-check:hover{box-shadow:inset 0 0 0 2px var(--pine);background:var(--pine-tint)}.sp-text{display:flex;flex-direction:column;min-width:0;font-size:14px}.sp-text small{color:var(--mute);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-due{color:var(--pine)!important}.top-right .ib.on{background:var(--pine-soft);color:#041e49}@media(max-width:760px){.side-panel{inset:0;width:auto;border-radius:0;z-index:50;padding-top:env(safe-area-inset-top,0px)}.top-right>.ib{display:none}}.g-features{display:flex;flex-direction:column;gap:10px;margin-top:12px}.g-feat-list{display:flex;gap:16px;flex-wrap:wrap}.g-feat{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--faint)}.g-feat.on{color:#188038}