:root{--font:"Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:Consolas, "Courier New", Menlo, monospace;--fs-100:10px;--fs-200:12px;--fs-300:14px;--fs-400:16px;--fs-500:20px;--fs-600:24px;--fs-700:28px;--lh-200:16px;--lh-300:20px;--lh-400:22px;--lh-500:28px;--radius-sm:2px;--radius:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-circle:9999px;--duration-fast:.1s;--duration:.2s;--ease:cubic-bezier(.33, 0, .67, 1);--ease-decel:cubic-bezier(.1, .9, .2, 1);--brand:#0f6cbd;--brand-hover:#115ea3;--brand-pressed:#0c3b5e;--brand-fg:#0f6cbd;--brand-fg-hover:#115ea3;--brand-bg2:#ebf3fc;--brand-bg2-hover:#cfe4fa;--brand-bg2-pressed:#b4d6fa;--brand-stroke:#77b7f7;--header-bg:#0f6cbd;--header-fg:#fff;--header-hover:#0c5aa0;--header-search-bg:#e1edf8;--fg-1:#242424;--fg-2:#424242;--fg-3:#616161;--fg-4:#707070;--fg-disabled:#bdbdbd;--fg-inverted:#fff;--fg-on-brand:#fff;--bg-app:#f5f5f5;--bg-1:#fff;--bg-1-hover:#f5f5f5;--bg-1-pressed:#e0e0e0;--bg-1-selected:#ebebeb;--bg-2:#fafafa;--bg-3:#f5f5f5;--bg-3-hover:#ebebeb;--bg-3-pressed:#d6d6d6;--bg-4:#f0f0f0;--bg-5:#ebebeb;--bg-6:#e6e6e6;--bg-subtle-hover:#0000000d;--bg-subtle-pressed:#0000001a;--bg-disabled:#f0f0f0;--bg-inverted:#292929;--bg-overlay:#0006;--stroke-1:#d1d1d1;--stroke-1-hover:#c7c7c7;--stroke-2:#e0e0e0;--stroke-3:#f0f0f0;--stroke-accessible:#616161;--stroke-focus:#000;--stroke-focus-inner:#fff;--red-fg:#b10e1c;--red-bg:#fdf3f4;--red-bg-2:#f1bbbc;--red:#c50f1f;--flag-bg:#fdf3f4;--flag-bg-hover:#f9e1e2;--flag:#c50f1f;--green:#107c10;--green-bg:#f1faf1;--yellow-bg:#fff9f5;--warning-bg:#fff4ce;--warning-fg:#835b00;--warning-icon:#bc4b09;--info-bg:#f5f5f5;--danger:#c50f1f;--danger-hover:#a80c19;--success:#107c10;--pin:#0f6cbd;--shadow-2:0 0 2px #0000001f, 0 1px 2px #00000024;--shadow-4:0 0 2px #0000001f, 0 2px 4px #00000024;--shadow-8:0 0 2px #0000001f, 0 4px 8px #00000024;--shadow-16:0 0 2px #0000001f, 0 8px 16px #00000024;--shadow-28:0 0 8px #0000001f, 0 14px 28px #00000024;--shadow-64:0 0 8px #0000001f, 0 32px 64px #00000024;--scrollbar:#00000040;--scrollbar-hover:#0006;--header-h:48px;--rail-w:48px;--pane-gap:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--fg-1:#fff;--fg-2:#d6d6d6;--fg-3:#adadad;--fg-4:#999;--fg-disabled:#5c5c5c;--fg-inverted:#242424;--bg-app:#141414;--bg-1:#292929;--bg-1-hover:#3d3d3d;--bg-1-pressed:#1f1f1f;--bg-1-selected:#383838;--bg-2:#1f1f1f;--bg-3:#141414;--bg-3-hover:#292929;--bg-3-pressed:#0a0a0a;--bg-4:#0a0a0a;--bg-5:#000;--bg-6:#333;--bg-subtle-hover:#ffffff12;--bg-subtle-pressed:#ffffff1f;--bg-disabled:#141414;--bg-inverted:#fff;--bg-overlay:#00000080;--stroke-1:#666;--stroke-1-hover:#757575;--stroke-2:#525252;--stroke-3:#3d3d3d;--stroke-accessible:#adadad;--stroke-focus:#fff;--stroke-focus-inner:#000;--red-fg:#ee6f78;--red-bg:#3b1a1d;--red-bg-2:#6e0811;--red:#dc626d;--flag-bg:#3b1a1d;--flag-bg-hover:#4a2125;--flag:#ee6f78;--green:#54b054;--green-bg:#052505;--warning-bg:#463100;--warning-fg:#f9e2ae;--warning-icon:#faa06b;--info-bg:#333;--danger:#dc626d;--danger-hover:#ee6f78;--success:#54b054;--pin:#479ef5;--shadow-2:0 0 2px #0000003d, 0 1px 2px #00000047;--shadow-4:0 0 2px #0000003d, 0 2px 4px #00000047;--shadow-8:0 0 2px #0000003d, 0 4px 8px #00000047;--shadow-16:0 0 2px #0000003d, 0 8px 16px #00000047;--shadow-28:0 0 8px #0000003d, 0 14px 28px #00000047;--shadow-64:0 0 8px #0000003d, 0 32px 64px #00000047;--scrollbar:#ffffff40;--scrollbar-hover:#fff6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--fs-300);line-height:var(--lh-300);color:var(--fg-1);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}button:disabled{cursor:default}a{color:var(--brand-fg)}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}:focus{outline:none}:focus-visible{outline:2px solid var(--stroke-focus);outline-offset:-2px;border-radius:var(--radius)}::selection{background:var(--brand-bg2-pressed)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:4px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.flex{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.grow{flex:auto;min-width:0}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.muted{color:var(--fg-3)}.small{font-size:var(--fs-200);line-height:var(--lh-200)}.semibold{font-weight:600}.spacer{flex:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes slide-left{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{border-radius:var(--radius);border:1px solid var(--stroke-1);background:var(--bg-1);min-height:32px;color:var(--fg-1);font-weight:600;font-size:var(--fs-300);white-space:nowrap;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;line-height:1;display:inline-flex}.btn:hover{background:var(--bg-1-hover);border-color:var(--stroke-1-hover)}.btn:active{background:var(--bg-1-pressed)}.btn:disabled{background:var(--bg-disabled);border-color:var(--stroke-2);color:var(--fg-disabled)}.btn svg{width:20px;height:20px}.btn--small{min-height:24px;font-size:var(--fs-200);padding:0 8px;font-weight:400}.btn--small svg{width:16px;height:16px}.btn--large{min-height:40px;font-size:var(--fs-400);padding:0 16px}.btn--primary{background:var(--brand);color:var(--fg-on-brand);border-color:#0000}.btn--primary:hover{background:var(--brand-hover);border-color:#0000}.btn--primary:active{background:var(--brand-pressed)}.btn--primary:disabled{background:var(--bg-disabled);color:var(--fg-disabled)}.btn--danger{background:var(--danger);color:#fff;border-color:#0000}.btn--danger:hover{background:var(--danger-hover);border-color:#0000}.btn--subtle{background:0 0;border-color:#0000;font-weight:400}.btn--subtle:hover{background:var(--bg-subtle-hover);border-color:#0000}.btn--subtle:active{background:var(--bg-subtle-pressed)}.btn--subtle:disabled{background:0 0;border-color:#0000}.btn--transparent{color:var(--brand-fg);background:0 0;border-color:#0000;padding:0 4px;font-weight:400}.btn--transparent:hover{color:var(--brand-fg-hover);background:0 0;border-color:#0000;text-decoration:underline}.btn--icon{width:32px;min-width:32px;padding:0}.btn--small.btn--icon{width:24px;min-width:24px}.btn--round{border-radius:var(--radius-circle)}.btn--pressed,.btn--subtle.btn--pressed{background:var(--bg-1-selected)}.split-btn{align-items:stretch;display:inline-flex}.split-btn>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.split-btn>.btn:last-child{border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0;min-width:0;padding:0 4px}.split-btn>.btn--primary:last-child{border-left:1px solid #fff6}.split-btn>.btn:last-child svg{width:16px;height:16px}.link-btn{color:var(--brand-fg);font-size:inherit}.link-btn:hover{color:var(--brand-fg-hover);text-decoration:underline}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field__label{font-size:var(--fs-300);color:var(--fg-1);font-weight:600}.field__hint{font-size:var(--fs-200);color:var(--fg-3)}.field__error{font-size:var(--fs-200);color:var(--red-fg)}.input,.select,.textarea{border-radius:var(--radius);border:1px solid var(--stroke-1);border-bottom-color:var(--stroke-accessible);background:var(--bg-1);width:100%;min-height:32px;color:var(--fg-1);font-size:var(--fs-300);transition:border-color var(--duration-fast);padding:0 10px}.input:hover,.select:hover,.textarea:hover{border-color:var(--stroke-1-hover);border-bottom-color:var(--fg-3)}.input:focus,.select:focus,.textarea:focus{border-bottom:2px solid var(--brand);outline:none;padding-bottom:0}.input:disabled,.select:disabled{background:var(--bg-disabled);color:var(--fg-disabled)}.input--invalid{border-bottom-color:var(--red)}.textarea{resize:vertical;min-height:72px;line-height:var(--lh-300);padding:6px 10px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.15 4.65a.5.5 0 0 1 .7 0L6 7.79l3.15-3.14a.5.5 0 1 1 .7.7l-3.5 3.5a.5.5 0 0 1-.7 0l-3.5-3.5a.5.5 0 0 1 0-.7Z' fill='%23616161'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}input[type=date].input,input[type=time].input,input[type=datetime-local].input{padding-right:6px}:root[data-theme=dark] input[type=date],:root[data-theme=dark] input[type=time],:root[data-theme=dark] input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.searchbox{border-radius:var(--radius);background:var(--bg-1);border:1px solid var(--stroke-1);border-bottom-color:var(--stroke-accessible);align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}.searchbox:focus-within{border-bottom:2px solid var(--brand)}.searchbox input{background:0 0;border:none;flex:1;min-width:0;height:100%}.searchbox svg{width:16px;height:16px;color:var(--fg-3)}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:32px;display:inline-flex}.checkbox input{opacity:0;pointer-events:none;position:absolute}.checkbox__box{border-radius:var(--radius-sm);border:1px solid var(--stroke-accessible);background:var(--bg-1);width:16px;height:16px;transition:background var(--duration-fast), border-color var(--duration-fast);flex-shrink:0;place-items:center;display:grid}.checkbox__box svg{color:#fff;opacity:0;width:12px;height:12px}.checkbox input:checked+.checkbox__box{background:var(--brand);border-color:var(--brand)}.checkbox input:checked+.checkbox__box svg{opacity:1}.checkbox input:focus-visible+.checkbox__box{outline:2px solid var(--stroke-focus);outline-offset:1px}.checkbox--round .checkbox__box{border-radius:50%;width:20px;height:20px}.checkbox--disabled{opacity:.5;cursor:default}.radio{cursor:pointer;align-items:center;gap:8px;min-height:32px;display:flex}.radio input{appearance:none;border:1px solid var(--stroke-accessible);cursor:pointer;background:var(--bg-1);border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;margin:0;display:grid}.radio input:checked{border-color:var(--brand)}.radio input:checked:after{content:"";background:var(--brand);border-radius:50%;width:10px;height:10px}.radio input:focus-visible{outline:2px solid var(--stroke-focus);outline-offset:1px}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-height:32px;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch__track{border:1px solid var(--stroke-accessible);width:40px;height:20px;transition:background var(--duration), border-color var(--duration);background:var(--bg-1);border-radius:10px;flex-shrink:0;position:relative}.switch__track:after{content:"";background:var(--fg-3);width:12px;height:12px;transition:transform var(--duration) var(--ease), background var(--duration);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--brand);border-color:var(--brand)}.switch input:checked+.switch__track:after{background:#fff;transform:translate(20px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--stroke-focus);outline-offset:2px}.switch--disabled{opacity:.5;cursor:default}.avatar{--avatar-size:32px;--avatar-base:#0078d4;width:var(--avatar-size);height:var(--avatar-size);font-weight:600;font-size:calc(var(--avatar-size) * .4);letter-spacing:0;-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--avatar-base) 22%, #fff);color:color-mix(in srgb, var(--avatar-base) 85%, #000);border-radius:50%;flex-shrink:0;place-items:center;line-height:1;display:inline-grid;position:relative;overflow:hidden}:root[data-theme=dark] .avatar{background:color-mix(in srgb, var(--avatar-base) 45%, #000);color:color-mix(in srgb, var(--avatar-base) 25%, #fff)}.avatar--icon svg{width:60%;height:60%}.avatar--square{border-radius:var(--radius-md)}.avatar__presence{border:2px solid var(--bg-1);background:#6bb700;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.tooltip{z-index:10000;border-radius:var(--radius);background:var(--bg-1);max-width:280px;color:var(--fg-1);box-shadow:var(--shadow-8);font-size:var(--fs-200);line-height:var(--lh-200);pointer-events:none;animation:fade-in .12s var(--ease);white-space:pre-line;padding:5px 9px 7px;position:fixed}:root[data-theme=dark] .tooltip{background:var(--bg-6)}.menu{z-index:9000;border-radius:var(--radius-md);background:var(--bg-1);min-width:160px;max-width:360px;max-height:calc(100vh - 16px);box-shadow:var(--shadow-16);animation:slide-down .14s var(--ease-decel);font-size:var(--fs-300);border:1px solid #0000;padding:4px;position:fixed;overflow-y:auto}:root[data-theme=dark] .menu{border-color:var(--stroke-2)}.menu__item{border-radius:var(--radius);text-align:left;width:100%;min-height:32px;color:var(--fg-1);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 10px 0 8px;display:flex}.menu__item:hover,.menu__item--active{background:var(--bg-1-hover)}.menu__item:active{background:var(--bg-1-pressed)}.menu__item:disabled,.menu__item--disabled{color:var(--fg-disabled);cursor:default;background:0 0!important}.menu__item svg{width:20px;height:20px;color:var(--fg-2)}.menu__item--danger,.menu__item--danger svg{color:var(--red-fg)}.menu__icon{flex-shrink:0;place-items:center;width:20px;display:grid}.menu__label{text-overflow:ellipsis;flex:1;overflow:hidden}.menu__secondary{color:var(--fg-3);font-size:var(--fs-200);margin-left:16px}.menu__chevron svg{width:16px;height:16px}.menu__divider{background:var(--stroke-2);height:1px;margin:4px -4px}.menu__header{font-size:var(--fs-200);color:var(--fg-3);padding:8px 8px 4px;font-weight:600}.menu__swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.menu__check svg{width:16px;height:16px;color:var(--fg-1)}.dialog-overlay{z-index:8000;background:var(--bg-overlay);animation:fade-in .15s var(--ease);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--bg-1);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-64);animation:scale-in .2s var(--ease-decel);flex-direction:column;display:flex;overflow:hidden}:root[data-theme=dark] .dialog{border:1px solid var(--stroke-2)}.dialog__header{align-items:flex-start;gap:8px;padding:24px 24px 8px;display:flex}.dialog__title{font-size:var(--fs-500);line-height:var(--lh-500);flex:1;font-weight:600}.dialog__body{color:var(--fg-1);flex:1;padding:8px 24px 16px;overflow-y:auto}.dialog__footer{justify-content:flex-end;gap:8px;padding:8px 24px 24px;display:flex}.dialog--full{max-width:1100px;height:calc(100vh - 64px)}.toaster{z-index:9500;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--bg-inverted);min-width:280px;max-width:min(560px,100vw - 32px);color:var(--fg-inverted);border-radius:var(--radius-md);box-shadow:var(--shadow-16);animation:slide-up .2s var(--ease-decel);align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.toast__icon svg{width:20px;height:20px}.toast--error .toast__icon{color:#f1707b}.toast--success .toast__icon{color:#54b054}.toast__text{font-size:var(--fs-300);flex:1}.toast__action{color:var(--brand-stroke);border-radius:var(--radius);padding:4px 8px;font-weight:600}:root[data-theme=light] .toast__action{color:#77b7f7}.toast__action:hover{background:#7f7f7f33}.toast__close{color:inherit;opacity:.8;border-radius:var(--radius);place-items:center;width:24px;height:24px;display:grid}.toast__close:hover{background:#7f7f7f33}.toast__close svg{width:16px;height:16px}.message-bar{border-radius:var(--radius);background:var(--info-bg);border:1px solid var(--stroke-2);font-size:var(--fs-300);align-items:flex-start;gap:8px;padding:8px 12px;display:flex}.message-bar svg{width:16px;height:16px;color:var(--fg-3);margin-top:2px}.message-bar--warning{background:var(--warning-bg);border-color:#0000}.message-bar--warning svg{color:var(--warning-icon)}.message-bar--error{background:var(--red-bg);border-color:#0000}.message-bar--error svg{color:var(--red)}.message-bar--success{background:var(--green-bg);border-color:#0000}.message-bar--success svg{color:var(--green)}.message-bar__body{flex:1}.message-bar__actions{gap:8px;display:flex}.tablist{align-items:center;gap:4px;display:flex}.tab{height:32px;color:var(--fg-2);border-radius:var(--radius);font-size:var(--fs-300);white-space:nowrap;padding:0 10px;position:relative}.tab:hover{background:var(--bg-subtle-hover);color:var(--fg-1)}.tab--selected{color:var(--fg-1);font-weight:600}.tab--selected:after{content:"";background:var(--brand);border-radius:2px;height:3px;position:absolute;bottom:2px;left:10px;right:10px}.tab__count{color:var(--brand-fg);margin-left:4px;font-weight:600}.spinner{border:2px solid var(--brand-bg2-pressed);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite spin}.spinner--large{border-width:3px;width:32px;height:32px}.spinner--small{width:14px;height:14px}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--bg-4) 0%, var(--bg-5) 50%, var(--bg-4) 100%);background-size:800px 100%;animation:1.4s linear infinite shimmer}.side-panel{top:calc(var(--header-h) + 4px);z-index:7000;background:var(--bg-1);border-radius:var(--radius-lg);width:340px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-28);animation:slide-left .2s var(--ease-decel);flex-direction:column;display:flex;position:fixed;bottom:8px;right:8px;overflow:hidden}.side-panel__header{align-items:center;gap:8px;padding:16px 12px 8px 20px;display:flex}.side-panel__title{font-size:var(--fs-500);font-weight:600;line-height:var(--lh-500);flex:1}.side-panel__body{flex:1;padding:8px 20px 20px;overflow-y:auto}.mini-cal{-webkit-user-select:none;user-select:none;width:100%;max-width:260px}.mini-cal__header{align-items:center;height:32px;margin-bottom:4px;display:flex}.mini-cal__title{text-transform:capitalize;flex:1;padding-left:6px;font-weight:600}.mini-cal__title:hover{color:var(--brand-fg)}.mini-cal__grid{text-align:center;font-size:var(--fs-200);grid-template-columns:repeat(7,1fr);display:grid}.mini-cal__dow{height:28px;color:var(--fg-2);text-transform:uppercase;line-height:28px}.mini-cal__day{width:28px;height:28px;color:var(--fg-1);font-size:var(--fs-200);border-radius:50%;place-items:center;margin:1px auto;display:grid;position:relative}.mini-cal__day:hover{background:var(--bg-1-hover)}.mini-cal__day--muted{color:var(--fg-3)}.mini-cal__day--range{background:var(--brand-bg2);border-radius:0;width:100%}.mini-cal__day--selected{background:var(--brand-bg2-hover);color:var(--fg-1);font-weight:600}.mini-cal__day--today{border-radius:50%;width:28px;font-weight:600;background:var(--brand)!important;color:#fff!important}.mini-cal__day--has-event:after{content:"";opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:2px}.mini-cal__months{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mini-cal__month{border-radius:var(--radius);text-transform:capitalize;height:44px}.mini-cal__month:hover{background:var(--bg-1-hover)}.mini-cal__month--current{background:var(--brand);color:#fff}.swatches{grid-template-columns:repeat(8,24px);gap:6px;display:grid}.swatch{border-radius:var(--radius);border:1px solid #0000001a;place-items:center;width:24px;height:24px;display:grid}.swatch:hover{transform:scale(1.1)}.swatch--selected{outline:2px solid var(--fg-1);outline-offset:1px}.swatch svg{color:#fff;width:14px;height:14px}.divider{background:var(--stroke-2);border:none;height:1px;margin:8px 0}.divider--vertical{background:var(--stroke-2);width:1px;height:20px;margin:0 4px}.badge{min-width:18px;height:18px;font-size:var(--fs-100);background:var(--brand);color:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-weight:600;display:inline-flex}.chip{border-radius:var(--radius);height:20px;font-size:var(--fs-200);white-space:nowrap;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.empty-state{text-align:center;color:var(--fg-3);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:32px 24px;display:flex}.empty-state__title{font-size:var(--fs-400);color:var(--fg-1);font-weight:600}.empty-state svg.empty-state__art{width:120px;height:120px;margin-bottom:8px}.kbd{border:1px solid var(--stroke-1);border-radius:var(--radius);min-width:20px;font-size:var(--fs-200);font-family:var(--font);background:var(--bg-2);text-align:center;border-bottom-width:2px;padding:1px 6px;display:inline-block}.shell{background:var(--bg-app);flex-direction:column;height:100%;display:flex}.shell__body{flex:1;min-height:0;display:flex}.shell__main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.page-loading{flex:1;place-items:center;display:grid}.offline-bar{background:var(--warning-bg);color:var(--fg-1);font-size:var(--fs-200);justify-content:center;align-items:center;gap:8px;padding:6px 12px;display:flex}.dav-bar--info{background:var(--info-bg)}.dav-bar__action{border:1px solid var(--stroke-1);border-radius:var(--radius);background:var(--bg-1);color:var(--fg-1);font:inherit;cursor:pointer;margin-left:8px;padding:2px 10px}.dav-bar__action:hover{background:var(--bg-1-hover)}.header{height:var(--header-h);background:var(--header-bg);color:var(--header-fg);z-index:50;flex-shrink:0;grid-template-columns:minmax(200px,1fr) minmax(200px,640px) minmax(200px,1fr);align-items:center;padding:0 8px 0 0;display:grid;position:relative}.header__left,.header__right{align-items:center;min-width:0;height:100%;display:flex}.header__right{justify-content:flex-end;gap:2px}.header__center{justify-content:center;min-width:0;padding:0 12px;display:flex}.header__btn{border-radius:var(--radius);width:40px;height:40px;color:var(--header-fg);place-items:center;display:grid;position:relative}.header__btn:hover,.header__btn--active{background:var(--header-hover)}.header__btn:focus-visible{outline:2px solid var(--header-fg)}.header__waffle{width:var(--rail-w);height:var(--header-h);border-radius:0}.header__title{color:var(--header-fg);font-size:var(--fs-400);border-radius:var(--radius);white-space:nowrap;height:32px;padding:0 8px;font-weight:600}.header__title:hover{text-decoration:underline}.header__badge{color:#fff;border:1px solid var(--header-bg);background:#c50f1f;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:600;display:grid;position:absolute;top:4px;right:3px}.header__avatar{border-radius:50%;margin-left:6px;display:grid}.header__avatar:hover .avatar{box-shadow:0 0 0 2px #ffffff80}.header-search{background:var(--header-search-bg);border-radius:var(--radius);width:100%;max-width:640px;height:32px;color:var(--fg-1);transition:background var(--duration-fast), box-shadow var(--duration-fast);align-items:center;display:flex;position:relative}.header-search:hover{background:color-mix(in srgb, var(--header-search-bg) 85%, #fff)}.header-search:focus-within,.header-search--open{background:var(--bg-1);box-shadow:var(--shadow-4)}.header-search__icon{color:var(--brand-fg);flex-shrink:0;margin:0 8px 0 10px}.header-search__input{min-width:0;height:100%;color:var(--fg-1);font-size:var(--fs-300);background:0 0;border:none;flex:1}.header-search__input::placeholder{color:var(--fg-2)}:root[data-theme=dark] .header-search__input::placeholder{color:var(--fg-3)}.account-card{align-items:center;gap:14px;min-width:280px;padding:12px 12px 10px;display:flex}.account-card__name{font-size:var(--fs-400);font-weight:600}.account-card__email{color:var(--fg-2)}.account-card__kind{color:var(--fg-3);font-size:var(--fs-200)}.rail{width:var(--rail-w);background:var(--bg-app);flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding-top:6px;display:flex}.rail__item{border-radius:var(--radius);width:40px;height:40px;color:var(--fg-2);place-items:center;text-decoration:none;display:grid;position:relative}.rail__item:hover{background:var(--bg-subtle-hover);color:var(--brand-fg)}.rail__item--active{color:var(--brand-fg);background:var(--bg-1);box-shadow:var(--shadow-2)}.rail__item--active:before{content:"";background:var(--brand);border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:-4px}.rail__sep{background:var(--stroke-2);width:24px;height:1px;margin:6px 0}.launcher-overlay{z-index:7500;position:fixed;inset:0}.launcher{z-index:7600;background:var(--bg-1);width:320px;box-shadow:var(--shadow-28);animation:slide-left .2s var(--ease-decel);padding:12px 16px;animation-name:launcher-in;animation-direction:reverse;position:fixed;top:0;bottom:0;left:0}@keyframes launcher-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.launcher__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.launcher__header h2{font-size:var(--fs-500);font-weight:600}.launcher__grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.launcher__app{border-radius:var(--radius-md);font-size:var(--fs-200);flex-direction:column;align-items:center;gap:8px;padding:12px 4px;display:flex}.launcher__app:hover{background:var(--bg-1-hover)}.launcher__icon{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#1490df,#0f6cbd);place-items:center;width:48px;height:48px;display:grid}.launcher__icon svg{width:28px;height:28px}.launcher__icon--calendar{background:linear-gradient(135deg,#2bb5e8,#0078d4)}.launcher__icon--people{background:linear-gradient(135deg,#3aa0f3,#2357c6)}.launcher__icon--todo{background:linear-gradient(135deg,#3d8bfd,#2564cf)}.ribbon{padding:0 var(--pane-gap) 0 0;flex-shrink:0}.ribbon__tabs{align-items:center;gap:2px;height:40px;display:flex}.ribbon__hamburger{border-radius:var(--radius);width:40px;height:32px;color:var(--fg-2);place-items:center;margin-right:4px;display:grid}.ribbon__hamburger:hover{background:var(--bg-subtle-hover)}.ribbon__tab{border-radius:var(--radius);height:32px;color:var(--fg-2);font-size:var(--fs-300);padding:0 12px;position:relative}.ribbon__tab:hover{background:var(--bg-subtle-hover);color:var(--fg-1)}.ribbon__tab--selected{color:var(--fg-1);font-weight:600}.ribbon__tab--selected:after{content:"";background:var(--brand);border-radius:2px;height:3px;position:absolute;bottom:0;left:12px;right:12px}.ribbon__tab--contextual{color:var(--brand-fg)}.ribbon__bar{background:var(--bg-1);border-radius:var(--radius-lg);height:40px;box-shadow:var(--shadow-2);align-items:center;padding:0 4px;display:flex;position:relative;overflow:hidden}.ribbon__commands{align-items:center;gap:2px;min-width:0;height:100%;display:flex}.ribbon__measure{visibility:hidden;pointer-events:none;white-space:nowrap;gap:2px;display:flex;position:absolute;top:0;left:0}.ribbon__btn{border-radius:var(--radius);height:32px;color:var(--fg-1);white-space:nowrap;font-size:var(--fs-300);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.ribbon__btn svg{width:20px;height:20px;color:var(--brand-fg)}.ribbon__btn .ribbon__caret{width:12px;height:12px;color:var(--fg-2);margin-left:-2px}.ribbon__btn:hover{background:var(--bg-subtle-hover)}.ribbon__btn:active{background:var(--bg-subtle-pressed)}.ribbon__btn:disabled{color:var(--fg-disabled);background:0 0}.ribbon__btn:disabled svg{color:var(--fg-disabled)}.ribbon__btn--pressed{background:var(--bg-1-selected)}.ribbon__btn--primary{background:var(--brand);color:var(--fg-on-brand);padding:0 12px;font-weight:600}.ribbon__btn--primary svg{color:var(--fg-on-brand)}.ribbon__btn--primary:hover{background:var(--brand-hover)}.ribbon__btn--primary:active{background:var(--brand-pressed)}.ribbon__split{border-radius:var(--radius);align-items:center;display:inline-flex}.ribbon__split .ribbon__btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:6px}.ribbon__split .ribbon__chevron{border-top-left-radius:0;border-bottom-left-radius:0;padding:0 4px}.ribbon__split .ribbon__chevron svg{width:14px;height:14px;color:var(--fg-2)}.ribbon__split--primary .ribbon__chevron{border-left:1px solid #ffffff59}.ribbon__split--primary .ribbon__chevron svg{color:var(--fg-on-brand)}.ribbon__split:not(.ribbon__split--primary):hover .ribbon__btn{background:var(--bg-subtle-hover)}.ribbon__split:not(.ribbon__split--primary) .ribbon__btn:hover{background:var(--bg-subtle-pressed)}.ribbon__divider{background:var(--stroke-2);flex-shrink:0;width:1px;height:20px;margin:0 4px}.ribbon__select{height:28px;min-height:28px;font-size:var(--fs-200);background-color:#0000;border-color:#0000}.ribbon__select:hover{background-color:var(--bg-subtle-hover)}.myday__date{text-transform:capitalize;margin:4px 0 12px;font-weight:600}.myday__event{text-align:left;border-left:4px solid var(--brand);background:var(--bg-2);border-radius:var(--radius);flex-direction:column;align-items:flex-start;width:100%;margin-bottom:6px;padding:8px 10px;display:flex}.myday__event:hover{background:var(--bg-1-hover)}.myday__time{font-size:var(--fs-200);color:var(--fg-2)}.myday__title{font-weight:600}.myday__add{color:var(--brand-fg);align-items:center;gap:8px;margin-bottom:8px;display:flex}.myday__task{border-bottom:1px solid var(--stroke-3);align-items:center;gap:8px;padding:8px 4px;display:flex}.myday__check{color:var(--brand-fg);display:grid}.myday__task-title--done{color:var(--fg-3);text-decoration:line-through}.notif-item{border-bottom:1px solid var(--stroke-3);align-items:flex-start;gap:4px;padding:4px 0;display:flex}.notif-item__body{text-align:left;border-radius:var(--radius);flex:1;gap:10px;min-width:0;padding:8px;display:flex}.notif-item__body:hover{background:var(--bg-1-hover)}.notif-item__text{flex-direction:column;min-width:0;display:flex}.notif-item__title{font-weight:600}.help-link{border-radius:var(--radius);text-align:left;align-items:center;gap:8px;padding:10px 8px;display:flex}.help-link:hover{background:var(--bg-1-hover)}.help-about{padding:10px 8px}.popups{top:calc(var(--header-h) + 8px);z-index:7200;flex-direction:column;gap:8px;display:flex;position:fixed;right:12px}.popup{background:var(--bg-1);border-radius:var(--radius-lg);width:360px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-28);animation:slide-left .22s var(--ease-decel);border-left:4px solid var(--brand);align-items:flex-start;display:flex}.popup__body{text-align:left;flex:1;gap:12px;min-width:0;padding:12px;display:flex}.popup__text{flex-direction:column;min-width:0;display:flex}.popup__title{font-weight:600}.popup__subject{color:var(--fg-1)}.popup__preview{color:var(--fg-3);font-size:var(--fs-200);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.popup__close{border-radius:var(--radius);width:24px;height:24px;color:var(--fg-3);place-items:center;margin:8px 8px 0 0;display:grid}.popup__close:hover{background:var(--bg-1-hover)}.shortcuts{gap:20px;display:grid}.shortcuts h3{font-size:var(--fs-400);margin-bottom:6px;font-weight:600}.shortcuts__row{border-bottom:1px solid var(--stroke-3);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.shortcuts__keys{gap:4px;display:flex}.login{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:100%;padding:24px 16px;display:flex;position:relative;overflow:auto}.login__bg{background:radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--brand) 25%, transparent), transparent 60%), radial-gradient(900px 500px at 110% 110%, #8764b838, transparent 60%), var(--bg-app);z-index:-1;position:fixed;inset:0}.login__card{background:var(--bg-1);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-28);animation:scale-in .25s var(--ease-decel);flex-direction:column;gap:14px;padding:36px 40px 28px;display:flex}.login__brand{font-size:var(--fs-400);color:var(--fg-2);align-items:center;gap:10px;font-weight:600;display:flex}.login__logo{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg, #28a8ea, var(--brand));place-items:center;width:36px;height:36px;display:grid}.login__title{font-size:var(--fs-600);margin-top:8px;font-weight:600;line-height:32px}.login__subtitle{color:var(--fg-3);margin-top:-10px}.login__hint{font-size:var(--fs-200);color:var(--fg-3);margin-top:-6px}.login__advanced-toggle{align-self:flex-start;align-items:center;gap:4px;display:inline-flex}.login__advanced{border-radius:var(--radius-md);background:var(--bg-2);flex-direction:column;gap:8px;padding:12px;display:flex}.login__row{gap:8px;display:flex}.login__submit{width:100%;margin-top:6px}.login__or{color:var(--fg-3);font-size:var(--fs-200);align-items:center;gap:12px;display:flex}.login__or:before,.login__or:after{content:"";background:var(--stroke-2);flex:1;height:1px}.login__sso{flex-direction:column;gap:8px;display:flex}.login__sso-btn{width:100%;font-weight:600}.login__demo{border-top:1px solid var(--stroke-2);flex-direction:column;align-items:center;gap:2px;padding-top:10px;display:flex}.login__footer{color:var(--fg-3);justify-content:flex-end;align-items:center;gap:6px;display:flex}.login__lang{background-color:#0000;border-color:#0000;width:auto;min-height:28px}.login__legal{font-size:var(--fs-200);color:var(--fg-3);margin-top:16px}.splash{background:var(--bg-1);flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.splash__logo{color:#fff;width:72px;height:72px;box-shadow:var(--shadow-16);background:linear-gradient(135deg,#28a8ea,#0f6cbd);border-radius:16px;place-items:center;display:grid}.splash__logo svg{width:40px;height:40px}.splash__name{font-size:var(--fs-500);color:var(--fg-2);min-height:28px;font-weight:600}.splash__bar{background:var(--bg-5);border-radius:1px;width:160px;height:2px;position:relative;overflow:hidden}.splash__bar:after{content:"";background:#0f6cbd;width:40%;animation:1.2s ease-in-out infinite splash-bar;position:absolute;inset:0}@keyframes splash-bar{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media (width<=760px){.header{grid-template-columns:auto 1fr auto}.header__title,.header__right .header__btn:not(:last-of-type),.rail{display:none}.ribbon{padding-left:var(--pane-gap)}}.app-page{gap:var(--pane-gap);min-height:0;padding-bottom:var(--pane-gap);flex-direction:column;flex:1;display:flex}.app-page__body{gap:var(--pane-gap);min-height:0;padding-right:var(--pane-gap);flex:1;display:flex}.nav-pane{flex-direction:column;flex-shrink:0;width:240px;min-height:0;padding:0 0 8px 4px;display:flex;overflow-y:auto}.nav-pane__section{margin-top:4px}.nav-pane__header{height:32px;color:var(--fg-1);border-radius:var(--radius);text-align:left;align-items:center;gap:4px;width:100%;padding:0 8px 0 4px;font-weight:600;display:flex}.nav-pane__header:hover{background:var(--bg-subtle-hover)}.nav-pane__header svg{width:16px;height:16px;color:var(--fg-2)}.nav-item{border-radius:var(--radius);width:100%;height:32px;color:var(--fg-1);text-align:left;align-items:center;gap:8px;padding:0 8px;display:flex;position:relative}.nav-item:hover{background:var(--bg-subtle-hover)}.nav-item--selected{background:var(--bg-1-selected);font-weight:600}:root[data-theme=light] .nav-item--selected{background:var(--bg-1);box-shadow:var(--shadow-2)}.nav-item svg{width:20px;height:20px;color:var(--fg-2)}.nav-item--selected svg{color:var(--brand-fg)}.nav-item__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item__count{font-size:var(--fs-200);color:var(--brand-fg);font-weight:600}.card{background:var(--bg-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}@media (width<=760px){.nav-pane{z-index:60;left:0;top:var(--header-h);background:var(--bg-app);box-shadow:var(--shadow-28);width:280px;padding:8px;position:fixed;bottom:0}.app-page__body{padding-left:var(--pane-gap)}}.account-row{align-items:center;gap:10px;min-width:0;padding:2px 0;display:flex}.account-row__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.account-choices{flex-direction:column;gap:8px;display:flex}.account-choice{border:1px solid var(--stroke-2);border-radius:var(--radius-lg);background:var(--bg-1);text-align:left;width:100%;transition:background var(--duration-fast), border-color var(--duration-fast);align-items:center;gap:14px;padding:12px 14px;display:flex}.account-choice:hover:not(:disabled){background:var(--bg-1-hover);border-color:var(--stroke-1)}.account-choice:disabled{opacity:.55;cursor:default}.account-choice__icon{border-radius:var(--radius-md);background:var(--brand-bg2);width:40px;height:40px;color:var(--brand-fg);flex-shrink:0;place-items:center;display:grid}.account-choice__text{flex-direction:column;flex:1;min-width:0;display:flex}.account-choice__title{font-weight:600}.account-choice__hint{font-size:var(--fs-200);color:var(--fg-3)}.account-choice__badge{font-size:var(--fs-200);color:var(--warning-fg);background:var(--warning-bg);white-space:nowrap;border-radius:10px;padding:2px 8px}.account-choices__configure{align-self:flex-start;margin-top:4px}.account-form{flex-direction:column;gap:12px;display:flex}.account-form__actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.account-waiting{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;display:flex}.account-waiting h3{font-size:var(--fs-400);margin-top:6px;font-weight:600}.oauth-config{flex-direction:column;gap:14px;display:flex}.oauth-config section{border-top:1px solid var(--stroke-3);flex-direction:column;gap:10px;padding-top:12px;display:flex}.oauth-config h3{font-size:var(--fs-300);font-weight:600}.login__card--desktop{max-width:520px}.settings-dialog{grid-template-columns:220px 220px 1fr;width:100%;max-width:1120px;height:min(820px,100vh - 48px);display:grid;overflow:hidden}.settings-dialog__nav{background:var(--bg-2);border-right:1px solid var(--stroke-3);flex-direction:column;gap:8px;padding:20px 8px 12px 12px;display:flex}.settings-dialog__title{font-size:var(--fs-500);padding:0 4px 4px;font-weight:600}.settings-dialog__search{margin-bottom:4px}.settings-dialog__groups,.settings-dialog__sections{flex-direction:column;gap:2px;display:flex}.settings-dialog__sections{border-right:1px solid var(--stroke-3);padding:64px 8px 12px;overflow-y:auto}.settings-nav-item{border-radius:var(--radius);text-align:left;min-height:36px;color:var(--fg-1);align-items:center;gap:10px;padding:0 12px;display:flex;position:relative}.settings-nav-item:hover{background:var(--bg-subtle-hover)}.settings-nav-item svg{color:var(--fg-2)}.settings-nav-item--selected{background:var(--bg-1-selected);font-weight:600}.settings-nav-item--selected:before{content:"";background:var(--brand);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.settings-nav-item--selected svg{color:var(--brand-fg)}.settings-dialog__content{flex-direction:column;min-width:0;min-height:0;display:flex}.settings-dialog__header{justify-content:space-between;align-items:center;padding:16px 16px 8px 28px;display:flex}.settings-dialog__section-title{font-size:var(--fs-500);font-weight:600}.settings-dialog__body{flex:1;padding:4px 28px 24px;overflow-y:auto}.settings-dialog__footer{border-top:1px solid var(--stroke-3);gap:8px;padding:12px 28px 20px;display:flex}.settings-form{flex-direction:column;gap:14px;display:flex}.settings-form section{border-bottom:1px solid var(--stroke-3);flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.settings-form section:last-child{border-bottom:none}.settings-form h3{font-size:var(--fs-300);margin-top:6px;font-weight:600}.settings-form h4{font-size:var(--fs-300);margin-top:10px;font-weight:600}.settings-dav__list{grid-template-columns:max-content 1fr;gap:4px 16px;margin:4px 0 0;display:grid}.settings-dav__list dt{color:var(--fg-3)}.settings-dav__list dd{-webkit-user-select:all;user-select:all;word-break:break-all;margin:0}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 14px;max-width:720px;display:grid}.settings-sample{border:1px solid var(--stroke-2);border-radius:var(--radius);max-width:480px;margin-top:8px;padding:12px}.settings-profile{align-items:center;gap:16px;display:flex}.settings-profile__name{font-size:var(--fs-500);font-weight:600}.settings-about__name{font-size:var(--fs-600);font-weight:600}.settings-about p{max-width:560px;margin:12px 0}.theme-grid{grid-template-columns:repeat(auto-fill,112px);gap:12px;display:grid}.theme-tile{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.theme-tile__preview{border-radius:var(--radius-md);border:2px solid #0000;width:112px;height:72px;display:block;position:relative;overflow:hidden}.theme-tile--selected .theme-tile__preview{border-color:var(--fg-1)}.theme-tile__bar{background:var(--bg-3);position:absolute;inset:14px 0 0}.theme-tile__lines{background:var(--bg-1);border-radius:3px;flex-direction:column;gap:5px;padding:6px;display:flex;position:absolute;inset:24px 8px 6px 30px}.theme-tile__lines span{background:var(--stroke-2);border-radius:2px;height:4px}.theme-tile__check{color:#fff;position:absolute;top:2px;right:4px}.theme-tile__label{font-size:var(--fs-200)}.density-options{flex-wrap:wrap;gap:12px;display:flex}.density-option{cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex}.density-option input{opacity:0;position:absolute}.density-option__preview{border:2px solid var(--stroke-2);border-radius:var(--radius-md);background:var(--bg-1);flex-direction:column;justify-content:center;width:120px;height:80px;padding:8px;display:flex}.density-option__preview span{background:var(--stroke-1);border-radius:3px;height:6px}.density-option__preview--roomy{gap:14px}.density-option__preview--cozy{gap:9px}.density-option__preview--compact{gap:5px}.density-option--selected .density-option__preview{border-color:var(--brand)}.density-option input:focus-visible+.density-option__preview{outline:2px solid var(--stroke-focus)}.rule-list{flex-direction:column;max-width:720px;display:flex}.rule-row{border-bottom:1px solid var(--stroke-3);align-items:center;gap:8px;padding:6px 0;display:flex}.rule-editor{flex-direction:column;gap:6px;max-width:720px;display:flex}.sender-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sender-chip{background:var(--bg-4);height:26px;font-size:var(--fs-200);border-radius:13px;align-items:center;gap:4px;padding:0 4px 0 10px;display:inline-flex}:root[data-theme=dark] .sender-chip{background:var(--bg-6)}.sender-chip button{width:20px;height:20px;color:var(--fg-3);border-radius:50%;place-items:center;display:grid}.sender-chip button:hover{background:var(--bg-subtle-pressed)}.category-list{flex-direction:column;gap:4px;display:flex}.category-row{border-bottom:1px solid var(--stroke-3);flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;display:flex}.category-row__swatch{border-radius:4px;width:16px;height:16px}.category-row__colors{flex-wrap:wrap;gap:3px;display:flex}.swatch--small{width:18px;height:18px}.swatch--small svg{width:10px;height:10px}.rich-field{border:1px solid var(--stroke-1);border-radius:var(--radius);background:var(--bg-1);max-width:720px}.rich-field:focus-within{border-color:var(--brand)}.rich-field__toolbar{border-bottom:1px solid var(--stroke-2);gap:2px;padding:4px;display:flex}.rich-field__btn{border-radius:var(--radius);width:28px;height:28px;color:var(--fg-2);place-items:center;display:grid}.rich-field__btn:hover{background:var(--bg-subtle-hover)}.rich-field__btn--on{background:var(--bg-1-selected);color:var(--brand-fg)}.rich-field__editor{cursor:text;padding:8px 10px}.rich-field__content{outline:none;min-height:80px}.rich-field__content p{margin:0}@media (width<=900px){.settings-dialog{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;height:calc(100vh - 32px)}.settings-dialog__nav{border-right:none;padding-bottom:4px}.settings-dialog__groups,.settings-dialog__sections{flex-direction:row;overflow-x:auto}.settings-dialog__sections{border-right:none;border-bottom:1px solid var(--stroke-3);padding:4px 8px}.settings-nav-item{white-space:nowrap}}.identity-list{flex-direction:column;max-width:640px;display:flex}.identity-row{border-bottom:1px solid var(--stroke-3);align-items:center;gap:8px;padding:4px 0;display:flex}.identity-row__text{flex-direction:column;padding:4px 0;line-height:1.3;display:flex}.mail-page .app-page__body{position:relative}.nav-overlay{z-index:55;background:var(--bg-overlay);position:fixed;inset:0}.folder-pane{width:232px}.folder-item{cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px;padding-right:8px}.folder-item__chevron{width:16px;height:16px;color:var(--fg-3);border-radius:2px;flex-shrink:0;place-items:center;display:grid}.folder-item__chevron svg{width:12px!important;height:12px!important;color:var(--fg-3)!important}.folder-item--unread .nav-item__label{font-weight:600}.folder-item__count{font-size:var(--fs-200);color:var(--brand-fg);margin-left:4px;font-weight:600}.folder-item__count--muted{color:var(--fg-2);font-weight:400}.folder-item--drop{outline:1px dashed var(--brand);background:var(--brand-bg2-hover)!important}.folder-input{height:28px;min-height:28px;font-size:var(--fs-300)}.folder-new{padding:2px 8px 2px 32px}.folder-pane__create{color:var(--brand-fg);gap:6px}.folder-pane__create svg{color:var(--brand-fg)!important}.folder-pane__account{gap:6px;margin-top:4px;font-weight:600}.folder-pane__add-account{margin-top:8px}.folder-pane__empty{color:var(--fg-3);font-size:var(--fs-200);padding:4px 12px 8px 28px}.mail-panes{flex:1;gap:0;min-width:0;display:flex}.mail-panes--right>.msg-list{width:var(--list-width);flex-shrink:0}.mail-panes--right>.reading{flex:1}.mail-panes--bottom{gap:var(--pane-gap);flex-direction:column}.mail-panes--bottom>.msg-list{flex-shrink:0;height:42%;min-height:180px}.mail-panes--bottom>.reading,.mail-panes--off>*{flex:1}.mail-splitter{width:var(--pane-gap);cursor:col-resize;flex-shrink:0;position:relative}.mail-splitter:after{content:"";width:2px;transition:background var(--duration-fast);background:0 0;border-radius:1px;position:absolute;top:0;bottom:0;left:3px}.mail-splitter:hover:after{background:var(--brand-stroke)}.msg-list{position:relative}.list-header{border-bottom:1px solid var(--stroke-3);flex-shrink:0;align-items:center;gap:4px;min-height:44px;padding:4px 8px 2px;display:flex}.list-header .tab{height:36px;font-size:var(--fs-300)}.list-header__title{font-size:var(--fs-400);align-items:center;gap:4px;min-width:0;padding-left:4px;font-weight:600;display:flex}.list-header__star{border-radius:var(--radius);width:28px;height:28px;color:var(--fg-3);place-items:center;display:grid}.list-header__star:hover{background:var(--bg-subtle-hover);color:var(--brand-fg)}.list-header__star svg{width:18px;height:18px}.list-header__filter{font-size:var(--fs-200);color:var(--brand-fg);background:var(--brand-bg2);border-radius:10px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.msg-list__scroll{outline:none;flex:1;padding-bottom:8px;overflow:hidden auto}.list-group{z-index:2;font-size:var(--fs-200);color:var(--fg-2);background:var(--bg-1);padding:10px 16px 4px 44px;font-weight:600;position:sticky;top:0}.list-sentinel{place-items:center;min-height:24px;padding:8px;display:grid}.list-skeleton__row{gap:12px;padding:12px 16px 12px 40px;display:flex}.msg-item{cursor:default;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast);border-left:3px solid #0000;outline:none;align-items:flex-start;gap:0;padding:10px 12px 10px 0;display:flex;position:relative}.msg-item:after{content:"";background:var(--stroke-3);height:1px;position:absolute;bottom:0;left:44px;right:0}.msg-item:hover{background:var(--bg-1-hover)}.msg-item--unread{border-left-color:var(--brand)}.msg-item--flagged{background:var(--flag-bg)}.msg-item--flagged:hover{background:var(--flag-bg-hover)}.msg-item--selected,.msg-item--selected:hover{background:var(--brand-bg2)}.msg-item--active.msg-item--selected{background:var(--brand-bg2-hover)}.msg-item:focus-visible{outline:2px solid var(--stroke-focus);outline-offset:-2px}.msg-item__lead{flex-shrink:0;align-items:flex-start;display:flex}.msg-item__expand,.msg-item__expand-spacer{flex-shrink:0;width:24px;height:32px}.msg-item__expand{color:var(--fg-2);border-radius:var(--radius);place-items:center;display:grid}.msg-item__expand:hover{background:var(--bg-subtle-hover)}.msg-item__expand svg{width:12px;height:12px}.msg-item__avatar{flex-shrink:0;width:32px;height:32px;margin-right:12px;position:relative}.msg-item__check{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.msg-item__check .checkbox{min-height:0}.msg-item__check--visible,.msg-item:hover .msg-item__check{opacity:1}.msg-item:hover .msg-item__avatar .avatar{opacity:0}.msg-item__check .checkbox__box{background:var(--bg-1)}.msg-item__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.msg-item__line1,.msg-item__line2{align-items:center;gap:6px;min-width:0;height:20px;display:flex}.msg-item__from{font-size:var(--fs-300);color:var(--fg-1);flex:1;min-width:0}.msg-item--unread .msg-item__from{font-weight:600}.msg-item__count{color:var(--fg-3);font-size:var(--fs-200);flex-shrink:0}.msg-item__draft{color:var(--red-fg);font-size:var(--fs-300);flex-shrink:0}.msg-item__subject{min-width:0;font-size:var(--fs-300);color:var(--fg-1);flex:1}.msg-item--unread .msg-item__subject{color:var(--brand-fg);font-weight:600}.msg-item__date{font-size:var(--fs-200);color:var(--fg-2);flex-shrink:0;margin-left:2px}.msg-item--unread .msg-item__date{color:var(--brand-fg);font-weight:600}.msg-item__preview{font-size:var(--fs-200);color:var(--fg-3);min-width:0;line-height:16px}.msg-item__preview--two{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:16px;display:-webkit-box;overflow:hidden}.msg-item__status{color:var(--fg-3);flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.msg-item__status svg{width:14px;height:14px}.msg-item__icon--important{color:var(--red)!important}.msg-item__persistent{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.msg-item__icon--flag{color:var(--flag)}.msg-item__icon--pin{color:var(--pin)}.msg-item__actions{flex-shrink:0;align-items:center;gap:0;margin:-6px -4px -6px 0;display:inline-flex}.msg-item__action{border-radius:var(--radius);width:28px;height:28px;color:var(--fg-2);place-items:center;display:grid}.msg-item__action:hover{background:var(--bg-subtle-pressed);color:var(--brand-fg)}.msg-item__action svg{width:18px;height:18px}.msg-item__action--flag{color:var(--flag)}.msg-item__action--pin{color:var(--pin)}.msg-item__cats{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.msg-item__cat{border-radius:var(--radius);height:20px;font-size:var(--fs-200);white-space:nowrap;align-items:center;padding:0 8px;display:inline-flex}.msg-item__cats-inline{gap:2px;display:inline-flex}.msg-item__cat-dot{border-radius:2px;width:8px;height:8px}.msg-item__preview-inline{color:var(--fg-3);font-size:var(--fs-200);flex:2}.density-roomy .msg-item{padding-top:12px;padding-bottom:12px}.density-cozy .msg-item{padding-top:8px;padding-bottom:8px}.msg-item--compact{padding-top:4px!important;padding-bottom:4px!important}.msg-item--compact:after{left:24px}.msg-item--compact .msg-item__expand,.msg-item--compact .msg-item__expand-spacer{height:20px}.msg-item--compact .msg-item__body{gap:0}.msg-children{border-bottom:1px solid var(--stroke-3);padding:2px 0 6px 68px}.msg-children--loading{padding:8px 0 8px 68px}.msg-child{text-align:left;border-radius:var(--radius);border-left:2px solid var(--stroke-2);grid-template-columns:1fr auto;grid-template-areas:"from date""preview folder";gap:0 8px;width:100%;padding:6px 12px 6px 10px;display:grid}.msg-child:hover{background:var(--bg-1-hover)}.msg-child--unread{border-left-color:var(--brand)}.msg-child--unread .msg-child__from{font-weight:600}.msg-child__from{font-size:var(--fs-200);grid-area:from}.msg-child__date{font-size:var(--fs-200);color:var(--fg-3);grid-area:date}.msg-child__preview{font-size:var(--fs-200);color:var(--fg-3);grid-area:preview}.msg-child__folder{font-size:var(--fs-100);color:var(--fg-3);border:1px solid var(--stroke-2);border-radius:var(--radius);grid-area:folder;padding:0 4px}.drag-ghost{background:var(--bg-1);color:var(--fg-1);border-radius:var(--radius);box-shadow:var(--shadow-8);font-size:var(--fs-300);border-left:3px solid var(--brand);white-space:nowrap;text-overflow:ellipsis;max-width:300px;padding:6px 12px;position:fixed;top:-100px;left:-100px;overflow:hidden}.reading{min-width:320px;position:relative}.reading__back{padding:6px 8px 0}.reading__scroll{flex:1;padding:16px 20px 24px;overflow-y:auto}.reading__scroll--compose{padding:12px 16px 16px}.reading__loading{flex:1;place-items:center;display:grid}.reading__subject-row{flex-wrap:wrap;align-items:flex-start;gap:8px 12px;margin-bottom:14px;display:flex}.reading__subject{font-size:var(--fs-500);line-height:var(--lh-500);color:var(--fg-1);word-break:break-word;flex:auto;font-weight:600}.reading__cats{flex-wrap:wrap;gap:4px;padding-top:4px;display:flex}.reading__messages{flex-direction:column;gap:8px;display:flex}.reading__multi{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.reading__multi-icon{width:64px;height:64px;color:var(--brand-fg)}.reading__multi-title{font-size:var(--fs-500);font-weight:600}.reading__multi-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.msg-card{border-radius:var(--radius-lg);background:var(--bg-1);border:1px solid var(--stroke-2);padding:14px 16px 12px;scroll-margin-top:12px}.reading__messages>div:only-child .msg-card{border-color:#0000;padding:4px 0 0}.msg-card--highlight{border-color:var(--brand-stroke);box-shadow:0 0 0 1px var(--brand-stroke)}.msg-card--collapsed{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;display:flex}.msg-card--collapsed:hover{background:var(--bg-1-hover)}.msg-card--unread{border-left:3px solid var(--brand)}.msg-card__collapsed-text{flex:1;min-width:0}.msg-card__collapsed-top{justify-content:space-between;gap:8px;display:flex}.msg-card--unread .msg-card__name{font-weight:600}.msg-card__preview{font-size:var(--fs-200);color:var(--fg-3)}.msg-card__header{align-items:flex-start;gap:12px;display:flex}.msg-card__avatar{border-radius:50%;flex-shrink:0}.msg-card__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-card__from{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.msg-card__name{font-size:var(--fs-400);color:var(--fg-1);font-weight:600}.msg-card__email{color:var(--fg-3);font-size:var(--fs-200)}.msg-card__person{color:inherit;text-align:left}.msg-card__person:hover{text-decoration:underline}.msg-card__recipients{font-size:var(--fs-200);color:var(--fg-2);gap:4px;min-width:0;display:flex}.msg-card__rlabel{flex-shrink:0}.msg-card__rlist{min-width:0}.msg-card__side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.msg-card__actions{align-items:center;gap:0;display:flex}.msg-card__action{border-radius:var(--radius);width:32px;height:32px;color:var(--brand-fg);place-items:center;display:grid}.msg-card__action:hover{background:var(--bg-subtle-hover)}.msg-card__action:last-child{color:var(--fg-2)}.msg-card__date{font-size:var(--fs-200);color:var(--fg-2);white-space:nowrap}.msg-card__folder{font-size:var(--fs-100);color:var(--fg-3);border:1px solid var(--stroke-2);border-radius:var(--radius);padding:0 4px}.msg-card__banners{flex-direction:column;gap:6px;margin:10px 0 0 52px;display:flex}.msg-card__banners:empty{display:none}.msg-card__notice{font-size:var(--fs-200);color:var(--fg-2);background:var(--bg-3);border-radius:var(--radius);align-items:center;gap:6px;padding:6px 10px;display:flex}.msg-card__footer{flex-wrap:wrap;gap:8px;margin:16px 0 4px 52px;display:flex}.msg-card__footer-btn{font-weight:400}.msg-card__footer-btn svg{color:var(--brand-fg)}.msg-body{margin:14px 0 0 52px;position:relative}.msg-body__frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:none;width:100%;display:block}.msg-body--canvas .msg-body__frame{border-radius:var(--radius-md)}.msg-body--dark .msg-body__frame{filter:invert()hue-rotate(180deg)}.msg-body__trim{border-radius:var(--radius);background:var(--bg-5);width:32px;height:18px;color:var(--fg-2);place-items:center;margin-top:4px;display:inline-grid}.msg-body__trim:hover{background:var(--bg-3-pressed)}.att-list{margin:12px 0 0 52px}.att-list--compose{margin:8px 0 0}.att-list__cards{flex-wrap:wrap;gap:8px;display:flex}.att-list__summary{font-size:var(--fs-200);color:var(--fg-3);gap:12px;margin-top:6px;display:flex}.att-card{border:1px solid var(--stroke-2);border-radius:var(--radius-md);background:var(--bg-1);align-items:stretch;width:232px;max-width:100%;height:52px;display:flex;overflow:hidden}.att-card:hover{border-color:var(--stroke-1);box-shadow:var(--shadow-2)}.att-card__main{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:0 8px 0 10px;display:flex}.att-card__icon{place-items:center;width:28px;display:grid}.att-card__icon svg{width:28px;height:28px}.att-card__thumb{object-fit:cover;border-radius:var(--radius);width:36px;height:36px}.att-card__text{flex-direction:column;min-width:0;display:flex}.att-card__name{font-size:var(--fs-200);color:var(--fg-1);font-weight:600}.att-card__size{font-size:var(--fs-200);color:var(--fg-3)}.att-card__more{width:28px;color:var(--fg-2);border-left:1px solid #0000;place-items:center;display:grid}.att-card__more:hover{background:var(--bg-1-hover);border-left-color:var(--stroke-2)}.att-viewer{z-index:8500;animation:fade-in .15s var(--ease);background:#000000d1;flex-direction:column;display:flex;position:fixed;inset:0}.att-viewer__bar{background:var(--bg-1);color:var(--fg-1);align-items:center;gap:8px;padding:8px 12px;display:flex}.att-viewer__icon svg{width:24px;height:24px}.att-viewer__name{flex:1;font-weight:600}.att-viewer__content{flex:1;place-items:center;min-height:0;padding:24px;display:grid;overflow:auto}.att-viewer__content img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:var(--shadow-28);background:#fff}.att-viewer__content iframe{background:#fff;border:none;width:min(1000px,100%);height:100%}.att-viewer__text{background:var(--bg-1);color:var(--fg-1);white-space:pre-wrap;width:100%;max-width:1000px;max-height:100%;font-family:var(--font-mono);border-radius:var(--radius);padding:24px;font-size:13px;overflow:auto}.att-viewer__none{color:#fff;font-size:var(--fs-400)}.draft-tabs{border-top:1px solid var(--stroke-2);flex-shrink:0;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}.draft-tab{border:1px solid var(--stroke-2);border-radius:var(--radius);background:var(--bg-2);align-items:center;max-width:260px;display:flex}.draft-tab__main{min-width:0;font-size:var(--fs-200);align-items:center;gap:6px;padding:4px 8px;display:flex}.draft-tab__main svg{color:var(--red-fg);width:16px;height:16px}.draft-tab__close{width:24px;height:24px;color:var(--fg-3);place-items:center;display:grid}.draft-tab:hover{background:var(--bg-1-hover)}.compose{flex-direction:column;gap:4px;min-height:100%;display:flex;position:relative}.compose--inline{border:1px solid var(--stroke-2);border-radius:var(--radius-lg);min-height:360px;box-shadow:var(--shadow-4);margin-bottom:12px;padding:12px 16px}.compose--drag{outline:2px dashed var(--brand);outline-offset:-2px}.compose__drop{z-index:5;background:color-mix(in srgb, var(--brand-bg2) 85%, transparent);color:var(--brand-fg);font-weight:600;font-size:var(--fs-400);border-radius:var(--radius-lg);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.compose__toolbar{align-items:center;gap:6px;padding-bottom:6px;display:flex}.compose__status{font-size:var(--fs-200);color:var(--fg-3);white-space:nowrap;margin-right:4px}.compose__info{font-size:var(--fs-200);color:var(--fg-2);background:var(--bg-3);border-radius:var(--radius);align-items:center;gap:6px;padding:4px 8px;display:flex}.compose__fields{flex-direction:column;display:flex}.compose__ccbcc{flex-shrink:0;gap:8px;padding-right:4px;display:flex}.compose__subject{border:none;border-bottom:1px solid var(--stroke-2);height:40px;font-size:var(--fs-400);color:var(--fg-1);background:0 0;padding:0 4px}.compose__subject:focus{border-bottom-color:var(--brand)}.compose__subject::placeholder{color:var(--fg-3)}.compose__quote{margin-top:4px}.compose__quote-frame{border:none;width:100%;min-height:120px;margin-top:8px}.compose-editor{cursor:text;flex:1;min-height:180px;padding:10px 4px}.compose--inline .compose-editor{min-height:140px}.compose-editor__content{word-wrap:break-word;outline:none;min-height:160px;line-height:1.35}.compose-editor__content p{min-height:1.35em;margin:0}.compose-editor__content ul,.compose-editor__content ol{margin:0 0 0 4px;padding-left:24px}.compose-editor__content blockquote{border-left:3px solid var(--stroke-1);color:var(--fg-2);margin:4px 0;padding-left:10px}.compose-editor__content pre{background:var(--bg-3);border-radius:var(--radius);font-family:var(--font-mono);padding:8px 10px;font-size:13px}.compose-editor__content img{max-width:100%;height:auto}.compose-editor__content img.ProseMirror-selectednode{outline:2px solid var(--brand)}.compose-editor__content a{color:var(--brand-fg)}.compose-editor__content hr{border:none;border-top:1px solid var(--stroke-1);margin:8px 0}.compose-editor__content h1{margin:.2em 0;font-size:1.6em}.compose-editor__content h2{margin:.2em 0;font-size:1.35em}.compose-editor__content h3{margin:.2em 0;font-size:1.15em}.compose-editor__content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--fg-3)}.compose-window{gap:var(--pane-gap);height:100%;padding:0 0 var(--pane-gap) var(--pane-gap);background:var(--bg-app);flex-direction:column;display:flex}.compose-window .ribbon__hamburger{display:none}.compose-window__card{margin-right:var(--pane-gap);flex:1;padding:12px 16px;overflow-y:auto}.compose__from-value{border-radius:var(--radius);min-width:0;max-width:100%;height:28px;color:var(--fg-1);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.compose__from-value:hover{background:var(--bg-subtle-hover)}.compose__from-value svg{color:var(--fg-3)}.compose__from-option{flex-direction:column;padding:2px 0;line-height:1.25;display:flex}.rcpt{border-bottom:1px solid var(--stroke-2);align-items:center;gap:6px;min-height:40px;padding:4px 0;display:flex}.rcpt:focus-within{border-bottom-color:var(--brand)}.rcpt__label{border:1px solid var(--stroke-1);border-radius:var(--radius);min-width:36px;height:28px;font-size:var(--fs-300);color:var(--fg-1);background:var(--bg-1);padding:0 8px}.rcpt__label:hover{background:var(--bg-1-hover)}.rcpt__field{cursor:text;flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.rcpt__input{min-width:120px;height:28px;color:var(--fg-1);background:0 0;border:none;flex:1}.rcpt__chip{background:var(--bg-4);border:1px solid #0000;border-radius:13px;align-items:center;max-width:260px;height:26px;display:inline-flex}:root[data-theme=dark] .rcpt__chip{background:var(--bg-6)}.rcpt__chip:hover{border-color:var(--stroke-1)}.rcpt__chip--invalid{background:var(--red-bg);color:var(--red-fg);-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red)}.rcpt__chip-main{min-width:0;font-size:var(--fs-300);color:inherit;align-items:center;gap:6px;padding:0 4px 0 3px;display:inline-flex}.rcpt__chip-x{width:22px;height:22px;color:var(--fg-3);border-radius:50%;place-items:center;margin-right:2px;display:grid}.rcpt__chip-x:hover{background:var(--bg-subtle-pressed)}.rcpt__suggest{z-index:9100;background:var(--bg-1);border-radius:var(--radius-md);box-shadow:var(--shadow-16);max-height:360px;animation:slide-down .12s var(--ease-decel);padding:4px;position:fixed;overflow-y:auto}:root[data-theme=dark] .rcpt__suggest{border:1px solid var(--stroke-2)}.rcpt__suggest-title{font-size:var(--fs-200);color:var(--fg-3);padding:6px 8px 4px;font-weight:600}.rcpt__option{border-radius:var(--radius);align-items:center;display:flex}.rcpt__option--active{background:var(--bg-1-hover)}.rcpt__option-main{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.rcpt__option-text{flex-direction:column;min-width:0;display:flex}.rcpt__option-x{border-radius:var(--radius);width:28px;height:28px;color:var(--fg-3);place-items:center;margin-right:4px;display:grid}.rcpt__option-x:hover{background:var(--bg-subtle-pressed)}.ribbon__select--font{width:150px}.ribbon__select--size{width:64px}.emoji-grid{grid-template-columns:repeat(8,32px);gap:2px;padding:6px;display:grid}.emoji-grid__item{border-radius:var(--radius);width:32px;height:32px;font-size:18px}.emoji-grid__item:hover{background:var(--bg-1-hover)}.schedule-list{flex-direction:column;display:flex}.schedule-option{border-radius:var(--radius);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.schedule-option:hover{background:var(--bg-1-hover)}.mail-search{position:relative}.mail-search__scope{border-radius:var(--radius);background:var(--brand-bg2);height:24px;color:var(--brand-fg);font-size:var(--fs-200);white-space:nowrap;align-items:center;gap:4px;margin:0 6px 0 4px;padding:0 8px;display:inline-flex}.mail-search__btn{width:32px;height:32px;color:var(--fg-2);border-radius:var(--radius);flex-shrink:0;place-items:center;display:grid}.mail-search__btn:hover{background:var(--bg-subtle-hover)}.mail-search__go{color:var(--brand-fg)}.search-dropdown{z-index:100;background:var(--bg-1);border-radius:var(--radius-md);box-shadow:var(--shadow-16);color:var(--fg-1);animation:slide-down .12s var(--ease-decel);max-height:70vh;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}:root[data-theme=dark] .search-dropdown{border:1px solid var(--stroke-2)}.search-dropdown__title{font-size:var(--fs-200);color:var(--fg-3);justify-content:space-between;align-items:center;padding:8px 8px 4px;font-weight:600;display:flex}.search-dropdown__item{border-radius:var(--radius);text-align:left;align-items:center;gap:10px;width:100%;min-height:36px;padding:4px 8px;display:flex}.search-dropdown__item:hover{background:var(--bg-1-hover)}.search-dropdown__item svg{color:var(--fg-3)}.search-dropdown__msg-text{flex-direction:column;flex:1;min-width:0;display:flex}.search-dropdown__tip{font-size:var(--fs-200);color:var(--fg-3);border-top:1px solid var(--stroke-3);margin-top:4px;padding:8px 8px 4px}.search-advanced{flex-direction:column;gap:8px;padding:16px;display:flex}.search-advanced__grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.search-advanced__footer{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.source-view{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--fg-1);margin:0;font-size:12px}@media (width<=760px){.reading{min-width:0}.msg-body,.att-list,.msg-card__banners,.msg-card__footer{margin-left:0}.msg-card__header{flex-wrap:wrap}.msg-card__email{display:none}.msg-card__side{flex-direction:row-reverse;order:3;justify-content:space-between;align-items:center;width:100%}.reading__scroll{padding:12px}}