@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..700&family=Noto+Sans+SC:wght@400..700&display=swap";:root{color-scheme:dark;--bg-base: #0f1011;--bg-panel: #161718;--bg-2: #1c1c1f;--bg-3: #232326;--bg-4: #28282c;--line: #23252a;--line-2: #34343a;--line-3: #3e3e44;--fg: #f7f8f8;--fg-2: #d0d6e0;--fg-3: #8a8f98;--fg-4: #62666d;--accent: #5e6ad2;--accent-hover: #6b77e0;--accent-tint: #18182f;--blue: #4ea7fc;--green: #27a644;--yellow: #f0bf00;--orange: #fc7840;--red: #eb5757;--shadow-low: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 24px rgba(0, 0, 0, .2);--shadow-high: 0 7px 32px rgba(0, 0, 0, .35);--ease: cubic-bezier(.16, 1, .3, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font);font-feature-settings:"cv01","ss03";font-size:13px;line-height:1.5;color:var(--fg);background:var(--bg-base);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}body{margin:0;min-width:340px}h1,h2,h3,p,dl,dd,dt,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{opacity:.5;cursor:default}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{flex-shrink:0}strong{font-weight:510}code,pre,.mono{font-family:var(--mono);font-size:12px}small{font-size:12px;color:var(--fg-3)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:1px solid var(--line-2);border-radius:4px;background:var(--bg-2);color:var(--fg-3);font-family:var(--font);font-size:11px;line-height:1}::selection{background:#5e6ad273;color:var(--fg)}input,textarea{caret-color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 2px #5e6ad24d}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;padding:8px 12px;border-radius:6px;background:var(--fg);color:var(--bg-base)}.skip-link:focus{top:12px}.muted{color:var(--fg-3)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:10px 12px 12px;overflow-y:auto}.ws{display:flex;align-items:center;gap:8px;height:32px;padding:0 6px;border-radius:6px;font-weight:510}.ws-avatar{width:18px;height:18px;display:grid;place-items:center;border-radius:4px;background:var(--accent);color:#fff;font-size:11px;font-weight:590}.ws>.icon-btn{margin-left:auto}.compose-btn{margin:10px 0 12px;height:32px;justify-content:flex-start;padding:0 10px}.compose-btn kbd{margin-left:auto}.nav{display:flex;flex-direction:column;gap:1px}.nav-section{margin:14px 0 4px;padding:0 8px;font-size:12px;color:var(--fg-3);font-weight:510}.nav a{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border-radius:6px;color:var(--fg-2);font-weight:510}.nav a svg{color:var(--fg-3)}.nav a:hover{background:var(--bg-2);color:var(--fg)}.nav a.active{background:var(--bg-3);color:var(--fg)}.nav a.active svg{color:var(--fg-2)}.nav-count{margin-left:auto;font-size:12px;color:var(--fg-3);font-variant-numeric:tabular-nums}.sidebar-foot{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:1px}.sidebar-foot a{height:28px;font-weight:400;color:var(--fg-3);font-size:12px}.sidebar-foot a:hover{color:var(--fg-2)}.nav .conn-dot{margin-left:auto}.conn-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px #f0bf001f}.conn-dot.live{background:var(--green);box-shadow:0 0 0 3px #27a64426}.panel{margin:8px 8px 8px 0;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:var(--bg-panel);min-height:calc(100vh - 16px)}.panel-head{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0}.panel-head h1{font-size:14px;font-weight:510;display:flex;align-items:center;gap:8px;min-width:0}.panel-head h1 a{color:var(--fg-3)}.panel-head h1 a:hover{color:var(--fg)}.crumb-sep{color:var(--fg-4)}.panel-tools{margin-left:auto;display:flex;align-items:center;gap:6px}.subhead{display:flex;align-items:center;gap:12px;height:40px;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0}.subhead-right{margin-left:auto;display:flex;align-items:center;gap:6px}main{flex:1;min-width:0;display:flex;flex-direction:column}main:focus{outline:none}.page{padding:20px 24px 40px}.page.narrow{max-width:720px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:510;white-space:nowrap;transition:background-color .12s,border-color .12s,color .12s}.btn svg{width:15px;height:15px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-2);border-color:var(--line-2);color:var(--fg-2)}.btn-secondary:hover:not(:disabled){background:var(--bg-3);color:var(--fg)}.btn-ghost{color:var(--fg-2)}.btn-ghost:hover:not(:disabled){background:var(--bg-3);color:var(--fg)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#f06a6a}.btn kbd{margin-left:2px}.btn-primary kbd{border-color:#ffffff40;background:#ffffff1f;color:#ffffffd9}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--fg-3);transition:background-color .12s,color .12s}.icon-btn:hover:not(:disabled){background:var(--bg-3);color:var(--fg)}.nav-scrim,.icon-btn.menu-btn{display:none}.icon-btn.spinning svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link{color:var(--fg-2);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px}.link:hover{color:var(--fg);text-decoration-color:var(--fg-3)}.ext{display:inline-flex;align-items:center;gap:4px}.ext svg{width:12px;height:12px;color:var(--fg-4)}.input,textarea,select{width:100%;height:32px;padding:0 10px;border:1px solid var(--line-2);border-radius:6px;background:var(--bg-2);color:var(--fg);transition:border-color .12s,box-shadow .12s}.input::placeholder,textarea::placeholder{color:var(--fg-3)}.input:hover,textarea:hover,select:hover{border-color:var(--line-3)}textarea{height:auto;min-height:280px;padding:10px;line-height:1.6;resize:vertical}textarea.code{font-family:var(--mono);font-size:12px;line-height:1.6}select{padding-right:28px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.search{position:relative;width:220px}.search>svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--fg-3);width:14px;height:14px;pointer-events:none}.search .input{height:28px;padding-left:28px;padding-right:28px}.search kbd,.search .icon-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%)}.search .icon-btn{width:20px;height:20px}.subhead select,.subhead .btn{height:28px}.subhead select{width:auto}.segmented{display:inline-flex;padding:2px;border-radius:6px;background:var(--bg-2);border:1px solid var(--line)}.segmented button{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:510;color:var(--fg-3)}.segmented button svg{width:13px;height:13px}.segmented button:hover{color:var(--fg-2)}.segmented button[aria-pressed=true]{background:var(--bg-4);color:var(--fg);box-shadow:var(--shadow-low)}.tabs{display:flex;align-items:center;gap:2px}.tabs button{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px;border-radius:6px;font-size:13px;font-weight:510;color:var(--fg-3)}.tabs button:hover{color:var(--fg-2);background:var(--bg-2)}.tabs button[aria-pressed=true]{color:var(--fg);background:var(--bg-3)}.tabs button span{font-size:12px;color:var(--fg-4);font-variant-numeric:tabular-nums}.tabs button[aria-pressed=true] span{color:var(--fg-3)}.tabs button span.warn{color:var(--orange)}.notice{display:flex;align-items:center;gap:8px;padding:0 16px;height:36px;border-bottom:1px solid var(--line);background:var(--accent-tint);color:var(--fg-2);font-size:12px}.notice svg{width:14px;height:14px;color:#8d97f0}.notice.inline{height:auto;min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;margin-bottom:16px}.error{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid rgba(235,87,87,.3);border-radius:6px;background:#eb575714;color:var(--fg-2);font-size:12px;line-height:1.5;margin:12px 16px}.error svg{width:14px;height:14px;color:var(--red);margin-top:2px}.error button{margin-left:auto;color:var(--fg);font-weight:510;white-space:nowrap}.error button:hover{text-decoration:underline}.page .error,dialog .error{margin:0 0 12px}.list{display:flex;flex-direction:column}.group-head{display:flex;align-items:center;gap:8px;height:32px;padding:0 16px;background:var(--bg-2);border-bottom:1px solid var(--line);font-size:12px;font-weight:510;color:var(--fg-2);position:sticky;top:0;z-index:1}.group-head span{color:var(--fg-3);font-weight:400;font-variant-numeric:tabular-nums}.row{display:grid;grid-template-columns:16px minmax(160px,220px) 1fr auto auto;align-items:center;gap:12px;height:38px;padding:0 16px;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--fg);transition:background-color 80ms}.row:hover{background:var(--bg-2)}.row:focus-visible{outline:none;background:var(--bg-3);box-shadow:inset 2px 0 0 var(--accent)}.row>*{min-width:0}.inbox-row{grid-template-columns:minmax(160px,220px) 1fr auto auto}.domain-row{grid-template-columns:16px 1fr auto auto;cursor:default}.domain-row:hover{background:none}.domain-row .row-title small{margin-left:8px}.row-meta code{color:var(--fg-4)}.row-sub{color:var(--fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub small{color:var(--fg-4);margin-left:4px}.row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.row-meta{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--fg-3);white-space:nowrap}.row-meta svg{width:13px;height:13px}.row-date{font-size:12px;color:var(--fg-3);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:84px;text-align:right}.status-icon{width:14px;height:14px;display:block}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-2);white-space:nowrap}.status.danger{color:var(--red)}.status.success{color:var(--green)}.status.warning{color:var(--yellow)}.row .status{color:var(--fg-3);min-width:56px}.row .status.danger{color:var(--red)}.row .status .status-icon{display:none}.status .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.list-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;font-size:12px;color:var(--fg-3)}.list-foot .btn{height:26px;font-size:12px}.footnote{display:flex;align-items:center;gap:12px;padding:0 16px 16px;font-size:12px;color:var(--fg-4)}.footnote>:last-child{margin-left:auto}.list+.footnote{padding-top:12px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 24px;gap:6px}.empty svg{color:var(--fg-4);margin-bottom:8px}.empty h3{font-size:13px;font-weight:510}.empty p{color:var(--fg-3);font-size:12px;max-width:360px}.empty .btn{margin-top:12px}.skeleton{display:flex;flex-direction:column}.skeleton div{display:flex;gap:12px;align-items:center;height:38px;padding:0 16px;border-bottom:1px solid var(--line)}.skeleton span{height:10px;border-radius:3px;background:var(--bg-3);animation:pulse 1.4s ease-in-out infinite}.skeleton span:nth-child(1){width:14px;height:14px;border-radius:50%}.skeleton span:nth-child(2){width:160px}.skeleton span:nth-child(3){flex:1;max-width:360px}.skeleton span:nth-child(4){width:60px;margin-left:auto}@keyframes pulse{50%{opacity:.45}}.toast{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:10px;max-width:420px;padding:10px 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg-3);box-shadow:var(--shadow-high);font-size:12px;color:var(--fg);animation:rise .2s var(--ease)}.toast>svg{width:14px;height:14px;color:var(--green)}.toast .icon-btn{width:22px;height:22px;margin-left:4px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}dialog{border:1px solid var(--line-2);padding:0;color:var(--fg);background:var(--bg-panel)}dialog::backdrop{background:#0000008c}.dialog{width:min(480px,calc(100vw - 32px));border-radius:10px;box-shadow:var(--shadow-high);animation:pop .16s var(--ease)}@keyframes pop{0%{opacity:0;transform:scale(.98)}}.dialog-head{display:flex;align-items:center;gap:12px;padding:14px 16px 0}.dialog-head h2{font-size:14px;font-weight:590}.dialog-head .icon-btn{margin-left:auto}.dialog-body{padding:8px 16px 16px}.dialog-body p{color:var(--fg-2);font-size:13px;line-height:1.6}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.dialog-body .dialog-foot{margin:16px -16px -16px}.props{display:grid;grid-template-columns:76px 1fr;gap:6px 12px;font-size:13px;margin:12px 0}.props dt{color:var(--fg-3)}.props dd{color:var(--fg);word-break:break-word;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.props code{color:var(--fg-2)}.props .icon-btn{width:20px;height:20px}.sheet{position:fixed;inset:0 0 0 auto;margin:0;height:100vh;max-height:100vh;width:min(600px,100vw);border-width:0 0 0 1px;border-radius:0;box-shadow:var(--shadow-high);animation:slide .18s var(--ease)}@keyframes slide{0%{opacity:0;transform:translate(12px)}}.sheet .dialog-head{height:44px;padding:0 12px 0 16px;border-bottom:1px solid var(--line)}.sheet .dialog-head h2{font-size:12px;font-weight:510;color:var(--fg-3)}.sheet .dialog-body{padding:0;overflow-y:auto;height:calc(100vh - 44px)}.sheet-section{padding:16px;border-bottom:1px solid var(--line)}.sheet-section h3{font-size:15px;font-weight:590;line-height:1.4;margin-bottom:8px}.sheet-section .props{margin:0}.sheet-tabs{padding:8px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.preview{padding:16px}.preview .frame{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.email-preview{width:100%;height:480px;border:0;display:block;background:#fff}.source{margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg-base);color:var(--fg-2);white-space:pre-wrap;word-break:break-word;max-height:480px;overflow:auto}.preview-note{padding:0 16px 16px;font-size:12px;color:var(--fg-4)}.attachments{display:flex;flex-direction:column;gap:8px}.attachment{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:6px}.attachment>svg{width:14px;height:14px;color:var(--fg-3)}.attachment>div{flex:1;min-width:0;display:flex;flex-direction:column}.attachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.attachment .btn{height:26px;font-size:12px}.sheet-section>p{font-size:12px;color:var(--fg-3);margin-top:8px}.sheet-section h4{font-size:12px;font-weight:510;color:var(--fg-3);margin-bottom:8px;display:flex;align-items:center;gap:6px}.demo-tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;background:var(--bg-3);color:var(--fg-3);font-size:11px;font-weight:510}.compose{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:24px;align-items:start}.form{display:flex;flex-direction:column}.field{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid var(--line)}.field label{font-size:13px;color:var(--fg-3)}.field .input{border-color:transparent;background:transparent;padding-left:0}.field .input:hover{border-color:transparent}.field .input:focus-visible{border-color:transparent!important;box-shadow:none}.field-actions{display:flex;align-items:center;gap:8px}.field-actions .input{flex:1}.field-actions .btn{height:24px;font-size:12px;color:var(--fg-3);padding:0 6px}.field-actions .btn svg{width:13px;height:13px}.hint{font-size:12px;color:var(--fg-3);padding:8px 0 0 84px}.section .hint{padding-left:0;margin-top:4px}.section .hint .ext{margin-left:4px}.editor{margin-top:16px}.editor-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.editor-top label{font-size:13px;color:var(--fg-3)}.editor-bottom{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:12px;color:var(--fg-4)}.editor-bottom .btn{height:24px;font-size:12px;margin-left:auto}.form-actions{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.form-actions>span{font-size:12px;color:var(--fg-3);margin-right:auto}.paper{position:sticky;top:20px}.paper-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--fg-3)}.paper-frame{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;margin:0 auto}.paper-frame.mobile{max-width:375px}.envelope{padding:14px 20px;border-bottom:1px solid #eaeaeb;color:#6f6e77;font-size:12px;display:flex;flex-direction:column;gap:2px}.envelope strong{color:#282a2f;font-size:14px;font-weight:590;margin-bottom:4px}.paper .email-preview{height:400px}.paper-note{font-size:12px;color:var(--fg-4);margin-top:8px}.confirm .props{grid-template-columns:64px 1fr}.section{padding:20px 0;border-bottom:1px solid var(--line)}.section:first-child{padding-top:0}.section:last-child{border-bottom:0}.section h2{font-size:14px;font-weight:590;margin-bottom:4px}.section>p{font-size:13px;color:var(--fg-3);margin-bottom:16px}.setting-row{display:flex;align-items:flex-start;gap:24px;padding:12px 0;border-top:1px solid var(--line)}.setting-row:first-of-type{border-top:0}.setting-row>div:first-child{flex:1;min-width:0}.setting-row strong{display:block;font-weight:510;margin-bottom:2px}.setting-row p{font-size:12px;color:var(--fg-3);line-height:1.6}.setting-row code{color:var(--fg-2)}.setting-row>.btn,.setting-row>.status{flex-shrink:0;margin-top:2px}.key-form{display:flex;gap:8px;margin-top:12px}.key-form .input{max-width:420px;font-family:var(--mono)}.key-form .btn{height:32px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--bg-panel);box-shadow:var(--shadow-medium)}.auth .ws{padding:0;margin-bottom:4px}.auth h1{font-size:15px;font-weight:590}.auth p{color:var(--fg-3);margin-top:-6px}.auth .error{margin:0}.auth .btn{height:32px}.auth-switch{align-self:center;font-size:12px;color:var(--fg-3)}.auth-switch:hover{color:var(--fg)}.auth .key-input{font-family:var(--mono)}.auth p.auth-hint{margin-top:0;font-size:12px}.auth-hint .ext{display:flex;width:fit-content;margin-top:2px}.auth-foot{display:flex;justify-content:center;gap:16px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--fg-3)}.auth-foot a:hover,.auth-foot button:hover{color:var(--fg)}.password-form .input{font-family:var(--font);max-width:200px}.page .password-form+.error{margin-top:12px}.user-row{grid-template-columns:16px 1fr auto 64px 150px;cursor:default}.user-row:hover{background:none}.user-row .row-title small,.user-row .demo-tag{margin-left:8px}.row-actions{display:flex;justify-content:flex-end;gap:2px}.row-actions .btn{height:24px;padding:0 6px;font-size:12px}.row-actions .btn.danger{color:var(--red)}.new-user{margin-top:12px}dialog .new-user+.error{margin-top:12px}.temp-password{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border:1px solid var(--line-2);border-radius:6px;background:var(--bg-2)}.temp-password code{flex:1;font-size:14px;color:var(--fg);-webkit-user-select:all;user-select:all}.steps{display:flex;flex-direction:column;gap:8px}.steps li{display:flex;gap:10px;font-size:13px;color:var(--fg-2);line-height:1.6}.steps li span:first-child{color:var(--fg-4);font-variant-numeric:tabular-nums}.steps a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px}.about{font-size:12px;color:var(--fg-4);padding-top:16px}@media(max-width:1100px){.compose{grid-template-columns:1fr}.paper{position:static}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;left:0;width:260px;background:var(--bg-base);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .2s var(--ease)}.sidebar.open{transform:none}.nav-scrim{display:block;position:fixed;inset:0;z-index:35;background:#00000080}.icon-btn.menu-btn{display:inline-flex}.panel{margin:0;border:0;border-radius:0;min-height:100vh}.panel-head{height:48px;padding:0 12px}.subhead{height:auto;min-height:40px;flex-wrap:wrap;padding:8px 12px;gap:8px}.subhead-right{margin-left:0;width:100%}.search{flex:1;width:auto}.row{grid-template-columns:16px 1fr auto;grid-template-rows:auto auto;height:auto;padding:8px 12px;row-gap:2px;column-gap:10px}.row-sub{grid-column:2;grid-row:2;font-size:12px}.row-title{grid-column:2;grid-row:1}.row>.status-icon{grid-row:1 / span 2}.row-meta{grid-column:3;grid-row:2;justify-self:end}.row-date{grid-column:3;grid-row:1;min-width:0}.row>.status{grid-column:3;grid-row:2;justify-self:end}.inbox-row{grid-template-columns:1fr auto}.inbox-row .row-sub,.inbox-row .row-title{grid-column:1}.inbox-row .row-meta,.inbox-row .row-date{grid-column:2}.domain-row{grid-template-columns:16px 1fr auto}.domain-row .row-title{grid-column:2;grid-row:1}.domain-row .row-title small{display:block;margin:0}.domain-row .row-meta{grid-column:2;grid-row:2;justify-self:start}.domain-row>svg{grid-row:1 / span 2}.user-row{grid-template-columns:16px 1fr auto}.user-row .row-title{grid-column:2;grid-row:1}.user-row .row-title small{display:block;margin:0}.user-row .row-meta{grid-column:2;grid-row:2;justify-self:start}.user-row>svg{grid-row:1 / span 2}.user-row>.status{grid-column:3;grid-row:1}.user-row .row-actions{grid-column:2 / span 2;grid-row:3;justify-content:flex-start;margin-left:-6px}.password-form{flex-wrap:wrap}.password-form .input{max-width:none;flex:1 1 140px}.domain-row>.status{grid-column:3;grid-row:1}.group-head,.list-foot,.footnote,.error{padding-left:12px;padding-right:12px}.page{padding:16px 12px 32px}.field{grid-template-columns:1fr;gap:2px;padding:8px 0}.hint{padding-left:0}.sheet{width:100vw;border-left:0}.paper .email-preview,.email-preview{height:320px}.toast{left:12px;right:12px;max-width:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation:none!important;transition:none!important}}