@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--canvas:#fefefe;--bg:#fff;--surface:#f8f8f6;--surface-strong:#efefed;--border:#d9d6d2;--border-strong:#c2bdb6;--text:#111;--text-muted:#6b6b6b;--text-faint:#a3a3a3;--primary:#111;--brand:var(--primary);--danger:#bf3b30;--success:#2f7d52;--accent-task:#111;--accent-task-light:#f0f0f0;--accent-task-mid:#111;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-card:0 0 12px rgba(0,0,0,.08);--shadow-card-hover:0 0 20px rgba(0,0,0,.12);--shadow-chip:0 0 12px rgba(0,0,0,.08);--shadow-popover:0 0 24px rgba(0,0,0,.14);--shadow-modal:0 0 40px rgba(0,0,0,.18);--header-height:48px;--navbar-height:48px;--sidebar-width:200px;--thread-list-width:340px;--font-sans:"Satoshi","DM Sans",system-ui,sans-serif;--shell-panel-radius:16px;--shell-panel-shadow:0 0 4px rgba(0,0,0,.25);--shell-pill-shadow:0 0 6px rgba(0,0,0,.2);--shell-divider:rgba(0,0,0,.1);--shell-control:#484848;--shell-gap:16px;--shell-pad:32px;--shell-list-width:300px;--shell-row-shadow:0 0 4px rgba(0,0,0,.18);--shell-composer-shadow:0 0 2px rgba(0,0,0,.5);--shell-chat-width:380px;--mail-body-bg:#fff;--mail-body-text:#111;--mail-body-text-muted:#6b6b6b;--mail-body-border:#d9d6d2}html.dark{--shell-row-shadow:0 0 4px rgba(0,0,0,.5);--shell-composer-shadow:0 0 2px rgba(0,0,0,.8);--shell-panel-shadow:0 0 4px rgba(0,0,0,.6);--shell-pill-shadow:0 0 2px rgba(0,0,0,.6);--shell-divider:hsla(0,0%,100%,.12);--shell-control:#9c9c9c;--canvas:#0a0a0a;--bg:#161616;--surface:#1f1f1f;--surface-strong:#2c2c2c;--border:#2a2f34;--border-strong:#57524b;--text:#f2f2f2;--text-muted:#9c9c9c;--text-faint:#6f6f6f;--primary:#f2f2f2;--brand:var(--primary);--danger:#e8756a;--success:#6fbe8f;--accent-task:#f2f2f2;--accent-task-light:#1f1f1f;--accent-task-mid:#f2f2f2;--shadow-card:0 0 12px rgba(0,0,0,.36);--shadow-card-hover:0 0 20px rgba(0,0,0,.48);--shadow-chip:0 0 12px rgba(0,0,0,.36);--shadow-popover:0 0 24px rgba(0,0,0,.55);--shadow-modal:0 0 40px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}:root{--scrollbar-thumb:color-mix(in srgb,var(--text) 20%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--text) 34%,transparent)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:transparent;border:4px solid transparent;border-radius:var(--radius-pill);background-clip:padding-box;-webkit-transition:background-color .16s ease;transition:background-color .16s ease}:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}}.card-open-link{opacity:0!important}div:hover .card-open-link{opacity:1!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spotlightIn{0%{opacity:0;transform:scale(.94) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cardSwitch{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tabIn{0%{opacity:.4;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.task-checkbox{transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.amae-list-checkbox{transition:transform .14s cubic-bezier(.22,1,.36,1)}.amae-list-checkbox:not(:disabled):hover{transform:scale(1.1)}.amae-list-checkbox:not(:disabled):active{transform:scale(.94)}.task-checkbox-previewable:not(:disabled):focus,.task-checkbox-previewable:not(:disabled):hover{background:var(--bg)!important;border-color:var(--accent-task)!important;color:var(--text)!important}.task-checkbox-preview-check{display:none;align-items:center;justify-content:center}.task-checkbox-previewable:not(:disabled):focus .task-checkbox-preview-check,.task-checkbox-previewable:not(:disabled):hover .task-checkbox-preview-check{display:flex;animation:taskCheckIn .16s ease-out}.task-checkbox-previewable:not(:disabled):focus .task-checkbox-number,.task-checkbox-previewable:not(:disabled):hover .task-checkbox-number{display:none}.task-checkbox-checked{animation:taskCheckPop .22s cubic-bezier(.16,1,.3,1)}.task-checkbox-check{display:flex;align-items:center;justify-content:center;animation:taskCheckIn .16s ease-out}.task-move-focus-overlay{position:absolute;top:8px;right:8px;width:68px;height:38px;display:flex;align-items:flex-start;justify-content:flex-end;padding:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--task-card-bg,#fff) 80%,transparent) 100%);border-radius:var(--radius-sm);z-index:2}.task-move-focus-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-faint);cursor:pointer;padding:0;opacity:.82;pointer-events:auto;transform:translateY(-2px);transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease,transform .12s ease}.task-move-focus-button:focus-visible,.task-move-focus-button:hover{background:var(--bg);border-color:var(--accent-task-mid);color:var(--accent-task);opacity:1;transform:translateY(-3px)}.task-insertion-line{height:2px;border-radius:999px;background:var(--accent-task);pointer-events:none;position:absolute;left:0;right:0;z-index:10}@keyframes taskCheckPop{0%{transform:scale(.84)}65%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes amaeBoxPop{0%{transform:scale(1)}38%{transform:scale(.86)}to{transform:scale(1)}}@keyframes amaeCheckDraw{0%{stroke-dashoffset:13}to{stroke-dashoffset:0}}@keyframes amaeMarkIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.amae-box-pop{animation:amaeBoxPop .28s cubic-bezier(.22,1,.36,1);transform-origin:50% 50%}.amae-check-draw{stroke-dasharray:13;animation:amaeCheckDraw .24s cubic-bezier(.22,1,.36,1) both}.amae-mark-in{animation:amaeMarkIn .22s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 50%}@keyframes taskCheckIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.amae-box-pop,.amae-check-draw,.amae-list-checkbox,.amae-mark-in,.quick-add-task-modal,.task-checkbox,.task-checkbox-check,.task-checkbox-checked,.task-checkbox-preview-check,.task-insertion-line,.task-move-focus-button{transition:none;animation:none}.amae-check-draw{stroke-dasharray:none}}.undo-banner{width:100%;max-width:860px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:13px;margin-top:16px;animation:fadeIn .2s ease}.undo-banner,.undo-banner button{background:var(--bg);color:var(--text)}.undo-banner button{border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 12px;font-size:12px;cursor:pointer;white-space:nowrap;font-family:var(--font-sans)}.undo-banner button:hover{background:var(--bg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface) 25%,var(--border) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes meshMove{0%{transform:translate(0)}25%{transform:translate(18%,20%)}50%{transform:translate(8%,-18%)}75%{transform:translate(-15%,12%)}to{transform:translate(0)}}@keyframes modalBgIn{0%{opacity:0}to{opacity:.55}}@keyframes modalBlurIn{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.modal-blur-overlay{position:fixed;inset:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.18);animation:modalBlurIn .25s ease-out forwards}.modal-gradient-bg{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:var(--surface);animation:modalBgIn .25s ease-out forwards}.modal-gradient-bg:before{inset:-50%;filter:blur(60px);animation:meshMove 40s ease-in-out infinite}.modal-gradient-bg:after,.modal-gradient-bg:before{content:"";position:absolute;z-index:0;background:var(--bg)}.modal-gradient-bg:after{inset:0;opacity:1;pointer-events:none}.auth-bg,.auth-card{position:relative}.auth-card{z-index:1;border:1.5px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-modal)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.auth-card,html.dark .auth-card{background:var(--bg)!important}html.dark .modal-gradient-bg{background:var(--surface)}.modal-surface{background:var(--bg)!important;border:1.5px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-modal)!important}.quick-add-task-shell{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.quick-add-task-modal{width:min(760px,100%);height:330px;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:modalIn .18s ease-out forwards;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1)}.quick-add-task-modal.expanded{width:min(900px,100%);height:72vh}.quick-add-task-title-row{display:flex;align-items:center;gap:12px}.quick-add-task-window-actions{display:flex;flex:0 0 auto;align-items:center;gap:2px}.quick-add-task-close,.quick-add-task-resize{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;color:var(--text-muted);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.quick-add-task-close:hover,.quick-add-task-resize:hover{color:var(--text);background:var(--bg)}.quick-add-task-body{min-height:0;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:18px 18px 12px 20px}.quick-add-task-notes,.quick-add-task-title{width:100%;color:var(--text);background:transparent;border:0;outline:0}.quick-add-task-modal input:focus-visible,.quick-add-task-modal textarea:focus-visible{outline:none;box-shadow:none}.quick-add-task-title{min-width:0;flex:1 1;padding:0;font-size:21px;font-weight:650;letter-spacing:-.25px}.quick-add-task-title::placeholder{color:color-mix(in srgb,var(--text-muted) 66%,transparent)}.quick-add-task-notes{min-height:0;flex:1 1;margin-top:10px;padding:0;overflow-y:auto;resize:none;font-size:14px;line-height:1.55}.quick-add-task-notes::placeholder{color:var(--text-faint)}.quick-add-task-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.quick-add-task-chip,.quick-add-task-date{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;color:var(--text-muted);background:var(--bg);border:1.5px solid var(--border);border-radius:999px;font-size:12px;line-height:1}.quick-add-task-chip{cursor:pointer}.quick-add-task-chip:hover,.quick-add-task-date:hover{color:var(--text);background:var(--bg)}.quick-add-task-chip.active{color:var(--accent-task);background:var(--accent-task-light);border-color:var(--accent-task-mid)}.quick-add-task-status-dot{width:12px;height:12px;border:1.5px solid;border-radius:50%}.quick-add-task-chip.active .quick-add-task-status-dot{background:currentColor;box-shadow:inset 0 0 0 3px var(--accent-task-light)}.quick-add-task-project{position:relative}.quick-add-task-project-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:30;width:min(290px,calc(100vw - 64px));padding:7px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}.quick-add-task-project-menu>input{width:100%;padding:8px 10px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);outline:0;font-size:13px}.quick-add-task-project-menu>input:focus{border-color:var(--border)}.quick-add-task-project-options{max-height:210px;overflow-y:auto;margin-top:5px}.quick-add-task-project-empty,.quick-add-task-project-options button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 9px;color:var(--text);background:transparent;border:0;border-radius:var(--radius-sm);font-size:13px;text-align:left}.quick-add-task-project-options button{cursor:pointer}.quick-add-task-project-options button.highlighted,.quick-add-task-project-options button:hover{background:var(--bg);outline:1px solid var(--border)}.quick-add-task-project-empty{color:var(--text-muted)}.quick-add-task-project-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%}.quick-add-task-date{position:relative;padding-right:9px;overflow:hidden}.quick-add-task-date.selected{color:var(--text)}.quick-add-task-date-icon{display:flex}.quick-add-task-date>input{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.quick-add-task-date>button{position:relative;z-index:2;width:18px;height:18px;display:grid;place-items:center;margin:-2px -5px -2px 0;padding:0;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:50%;cursor:pointer}.quick-add-task-error{margin:12px 0 0;color:var(--danger);font-size:13px}.quick-add-task-footer{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;padding:12px 18px 14px}.quick-add-task-actions{display:flex;flex:0 0 auto;align-items:center;gap:14px}.quick-add-create-more{display:inline-flex;align-items:center;gap:8px;padding:4px 0;color:var(--text-muted);background:transparent;border:0;cursor:pointer;font-size:12px}.quick-add-create-more-track{width:30px;height:18px;display:flex;align-items:center;padding:2px;background:var(--bg);border:1px solid var(--border);border-radius:999px;transition:background .15s ease}.quick-add-create-more-track>span{width:14px;height:14px;background:var(--text);border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.25);transition:transform .15s ease}.quick-add-create-more-track.active{background:var(--bg)}.quick-add-create-more-track.active>span{transform:translateX(12px)}.quick-add-task-submit{min-width:136px;padding:9px 15px;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:650;transition:opacity .15s ease,transform .15s ease}.quick-add-task-submit:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}.quick-add-task-submit:disabled{cursor:not-allowed;opacity:.42}.auth-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 12%,transparent)}.auth-btn{background:var(--primary)!important;color:var(--canvas)!important;border:none!important;border-radius:var(--radius-pill)!important}.auth-btn:not(:disabled):hover{opacity:.88!important;transform:translateY(-1px)}.sidebar{transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9}.header-logo-full{display:inline}.header-logo-icon,.header-menu-btn{display:none!important}@media (max-width:768px){.quick-add-task-shell{align-items:flex-end;padding:12px}.quick-add-task-modal{height:420px;border-radius:var(--radius-xl)}.quick-add-task-modal.expanded{width:100%;height:calc(100vh - 24px)}.quick-add-task-body{overflow:hidden}.quick-add-task-footer{align-items:center;flex-wrap:wrap}.quick-add-task-chips{width:100%}.quick-add-task-actions{width:100%;justify-content:flex-end}.quick-add-task-submit{width:auto}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);z-index:25}.sidebar-overlay.open{display:block;z-index:24}.main-content{margin-left:0!important}.header-menu-btn{display:flex!important}.header-logo-full{display:none!important}.header-logo-icon{display:inline!important}.app-header{gap:12px!important;padding:10px 16px!important}.item-modal{flex-direction:column!important;max-height:88vh!important;height:auto!important;border-radius:var(--radius-lg)!important;max-width:calc(100% - 32px)!important;overflow-y:auto!important}.item-modal-left{width:100%!important;height:180px!important;flex-shrink:0!important}.item-modal-right{flex:1 1!important;overflow-y:auto!important}}@keyframes panelSlideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.detail-side-panel{width:100%!important;top:var(--header-height)!important}}.task-detail-content{container-type:inline-size}.task-detail-columns{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-gap:40px;gap:40px;align-items:start;margin-top:32px}@container (max-width: 680px){.task-detail-columns{grid-template-columns:minmax(0,1fr);gap:28px}}.note-detail-content{container-type:inline-size}.note-detail-sidebar{width:280px;flex-shrink:0}@container (max-width: 680px){.note-detail-columns{flex-direction:column}.note-detail-sidebar{width:100%}}.mail-logo{display:block;cursor:pointer}.mail-logo-eye,.mail-logo-pupil{transform-box:fill-box;transform-origin:center}.mail-logo-pupil{transform:translate(calc(var(--logo-dx, 0) * 1px),calc(var(--logo-dy, 0) * 1px));transition:transform .08s ease-out}.mail-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%}.mail-dot--hollow{background:transparent;box-shadow:inset 0 0 0 1px var(--shell-control)}.mail-empty-card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:32px;max-width:360px;text-align:center}.mail-empty-card--inline{max-width:none;text-align:left}.mail-empty-title{margin:0 0 8px;font-size:16px;font-weight:500;color:var(--text)}.mail-empty-text{margin:0 0 16px;font-size:14px;color:var(--text-muted)}.mail-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:200px;padding:4px;background:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}.mail-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border:none;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}.mail-btn:hover{background:var(--surface-strong)}.mail-btn:active{transform:translateY(1px)}.mail-btn:disabled{opacity:.5;cursor:not-allowed}.mail-btn--primary{background:var(--primary);color:var(--canvas)}.mail-btn--primary:hover{background:var(--primary);opacity:.88}.mail-btn--danger{color:var(--danger)}.mail-btn--small{height:28px;padding:0 12px;font-size:12px}.mail-input{display:block;width:100%;padding:8px 12px;border:none;border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:14px;line-height:1.5;outline:none}.mail-input::placeholder{color:var(--text-faint)}.mail-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 12%,transparent)}.mail-search-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.mail-search-toggle:hover{background:var(--surface-strong);color:var(--text)}.mail-textarea{resize:vertical;min-height:96px}.mail-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.mail-label{font-size:12px;font-weight:500;color:var(--text-muted)}.mail-hint{margin:4px 0 8px;font-size:12px;line-height:1.5;color:var(--text-faint)}.mail-error{color:var(--danger)}.mail-error,.mail-success{margin:8px 0;font-size:14px}.mail-success{color:var(--success)}.mail-fieldset{border:none;margin:0 0 16px;padding:0;min-width:0}.mail-legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text)}.mail-radio-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.mail-check,.mail-radio{align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer}.mail-radio{display:inline-flex}.mail-check{display:flex;margin-bottom:8px}.mail-check:last-child{margin-bottom:0}.mail-check input,.mail-radio input{margin:0;width:16px;height:16px;accent-color:var(--primary)}.mail-check-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.mail-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:12px;column-gap:12px}.mail-form-actions{flex-wrap:wrap;margin-top:16px}.mail-color-row,.mail-form-actions{display:flex;align-items:center;gap:8px}.mail-color-picker{position:relative;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:var(--radius-pill);background:var(--surface);font-size:12px;color:var(--text);cursor:pointer}.mail-color-picker:hover{background:var(--surface-strong)}.mail-color-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.mail-spinner-wrap{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted)}.mail-spinner{flex-shrink:0;transform-box:fill-box;transform-origin:center;animation:mailSpin .7s linear infinite}.mail-spinner-label{font-family:var(--font-sans);font-size:13px}@keyframes mailSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mail-spinner{animation:mailSpinnerPulse 1.4s ease-in-out infinite}@keyframes mailSpinnerPulse{0%,to{opacity:.35}50%{opacity:1}}}.mail-dialog.mail-settings-dialog{width:940px;max-width:calc(100vw - 64px);height:640px;max-height:calc(100vh - 96px);padding:0;overflow:hidden}.mail-dialog .mail-settings-dialog-close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s}.mail-settings-dialog-close:hover{color:var(--text)}.mail-settings-dialog-body{display:flex;flex-direction:column;height:100%;min-height:0}.mail-settings-root-title{padding:24px 24px 0;flex-shrink:0;margin:0;padding:20px 24px 16px;border-bottom:1px solid var(--shell-divider)}.mail-settings-root{display:grid;grid-template-columns:176px minmax(0,1fr);flex:1 1;min-height:0}.mail-settings-nav{display:flex;flex-direction:column;min-height:0;padding:20px 12px;border-right:1px solid var(--shell-divider)}.mail-settings-nav-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.mail-settings-nav-item{display:block;width:100%;padding:8px 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s,color .15s}.mail-settings-nav-item:hover,.mail-settings-nav-item[data-active=true]{background:var(--surface);color:var(--text)}.mail-settings-section{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;padding:20px 24px 32px}.mail-settings-section-title{margin:0 0 16px;font-size:16px;font-weight:500;color:var(--text)}.mail-settings-two-col{display:grid;grid-template-columns:200px minmax(0,1fr);flex:1 1;min-height:0}.mail-settings-sidebar{display:flex;flex-direction:column;min-height:0;padding:20px 12px;border-right:1px solid var(--shell-divider)}.mail-settings-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding:0 8px}.mail-settings-sidebar-list{flex:1 1;min-height:0;overflow-y:auto;margin:0;padding:0;list-style:none}.mail-settings-sidebar-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-column-gap:8px;column-gap:8px;width:100%;padding:8px;border:none;border-radius:var(--radius-md);background:transparent;font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background .15s}.mail-settings-sidebar-row:hover,.mail-settings-sidebar-row[data-active=true]{background:var(--surface)}.mail-settings-sidebar-row[data-archived=true]{opacity:.55}.mail-settings-sidebar-row .mail-dot{grid-row:1/span 2}.mail-settings-sidebar-name{font-size:13px;font-weight:500;color:var(--text)}.mail-settings-sidebar-addr,.mail-settings-sidebar-name{grid-column:2;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-settings-sidebar-addr{font-size:11px;color:var(--text-faint)}.mail-settings-sidebar-archived{flex-shrink:0;margin-top:12px;padding:0 8px;font-size:12px;color:var(--text-faint)}.mail-settings-sidebar-add{flex-shrink:0;margin-top:8px}.mail-settings-detail{min-width:0;min-height:0;overflow-y:auto;padding:20px 24px 32px}.mail-settings-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;color:var(--text-faint)}.mail-settings-detail .mail-account-card,.mail-settings-detail .mail-form-panel{padding:0;background:transparent;box-shadow:none;border-radius:0}.mail-settings-scroll{height:100%;overflow-y:auto;padding:28px 32px 60px}.mail-settings-page{max-width:680px}.mail-settings-title{flex-shrink:0;margin:0 0 16px;font-size:20px;font-weight:500;color:var(--text)}.mail-settings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mail-settings-toolbar .mail-settings-title{margin:0}.mail-settings-toolbar-actions{display:flex;align-items:center;gap:16px}.mail-account-card,.mail-form-panel{background:var(--bg);border-radius:var(--shell-panel-radius);box-shadow:var(--shell-panel-shadow);padding:20px}.mail-form-panel{padding:24px;margin-bottom:16px}.mail-form-title{margin:0 0 16px;font-size:16px;font-weight:500;color:var(--text)}.mail-account-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.mail-account-card.is-archived{opacity:.6}.mail-account-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mail-account-titles{min-width:0}.mail-account-name{font-size:16px;font-weight:500;color:var(--text)}.mail-account-address{font-size:14px;color:var(--text-muted)}.mail-badge{margin-left:auto;padding:4px 8px;border-radius:var(--radius-pill);background:var(--surface);font-size:12px;color:var(--text-muted)}.mail-account-meta{margin:0 0 24px;display:flex;flex-direction:column;gap:8px;font-size:14px}.mail-meta-row{display:flex;gap:8px;padding:4px 0}.mail-meta-row dt{flex-shrink:0;width:120px;color:var(--text-faint)}.mail-meta-row dd{margin:0;min-width:0;color:var(--text)}.mail-meta-sub{margin-top:2px;font-size:12px;color:var(--text-faint)}.mail-inbound-address{display:inline-block;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface);-webkit-user-select:all;-moz-user-select:all;user-select:all;word-break:break-all}.mail-account-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px}.mail-account-actions-primary{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mail-account-actions-danger{flex-shrink:0;margin-left:12px;padding-left:12px;border-left:1px solid var(--border)}.mail-account-projects{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.mail-account-projects .mail-label{display:block;margin-bottom:8px}.mail-theme-options{display:flex;width:max-content;gap:8px;margin-top:8px}.mail-theme-option{height:36px;padding:0 16px;border:none;border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.mail-theme-option:hover{background:var(--surface-strong)}.mail-theme-option[data-active=true]{background:var(--surface-strong);color:var(--text);font-weight:600}.mail-dialog-root{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}.mail-dialog-backdrop{z-index:0}.mail-dialog{position:relative;z-index:1;width:400px;max-width:calc(100vw - 32px);padding:24px;background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);animation:modalIn .2s ease-out}.mail-dialog-title{margin:0 0 12px;font-size:16px;font-weight:500;color:var(--text)}.mail-dialog-body{font-size:14px;line-height:1.5;color:var(--text-muted)}.mail-dialog-body p{margin:0 0 8px}.mail-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.mail-link{color:var(--text);text-decoration:underline}.mail-link:hover{color:var(--text-muted)}.mail-thread-view{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.mail-thread-view-loading{padding:32px;text-align:center}.mail-thread-topbar{flex-shrink:0;height:51px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid transparent;transition:border-color .15s ease}.mail-thread-topbar[data-scrolled=true]{border-bottom-color:var(--shell-divider)}.mail-thread-topbar-left{display:flex;align-items:center;gap:24px;min-width:0}.mail-thread-topbar-actions{display:flex;align-items:center;gap:8px}.mail-thread-topbar-pagination{flex-shrink:0;display:flex;align-items:center;gap:16px;font-size:13px;font-weight:500;color:var(--text-muted);white-space:nowrap}.mail-thread-topbar-pagination-arrows{display:flex;align-items:center;gap:0}.mail-thread-topbar-pagination span{display:inline-flex;align-items:center;height:32px}.mail-thread-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:0 24px 24px}.mail-thread-title{margin:16px 0 0 48px;font-size:20px;font-weight:600;color:var(--text)}.mail-thread-unsubscribe{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--text-muted)}.mail-thread-messages{margin-top:8px}.mail-message-card{padding:12px 0;border-bottom:1px solid var(--border)}.mail-message-card:last-child{border-bottom:none}.mail-message-header{display:flex;align-items:flex-start;gap:16px;width:100%}.mail-message-header-toggle{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0;padding:0;border:none;background:transparent;text-align:left}.mail-message-header[data-collapsible=true]{cursor:pointer}.mail-message-reply-actions{flex-shrink:0;display:flex;align-items:center;gap:8px;margin-top:0}.mail-message-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface);color:var(--text-faint)}.mail-message-header-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1}.mail-message-header-toprow{display:flex;align-items:baseline;gap:8px;min-width:0}.mail-message-from{font-size:14px;font-weight:500;color:var(--text)}.mail-message-from,.mail-message-from-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-from-address{min-width:0;font-size:12px;color:var(--text-faint)}.mail-message-header-end{flex-shrink:0;margin-left:auto;display:flex;align-items:center;gap:16px}.mail-message-time{flex-shrink:0;font-size:12px;color:var(--text-faint);white-space:nowrap}.mail-message-to-row-wrap{position:relative}.mail-message-preview{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-muted)}.mail-message-to-row{display:flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s}.mail-message-to-row:hover{color:var(--text)}.mail-message-to{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mail-message-details{top:calc(100% + 4px);left:0;right:auto;min-width:280px;max-width:420px;padding:12px;display:flex;flex-direction:column;gap:8px}.mail-message-details-row{display:flex;gap:8px;font-size:12px;line-height:1.4}.mail-message-details-label{flex-shrink:0;width:32px;color:var(--text-faint);text-align:left}.mail-message-details-value{min-width:0;color:var(--text);word-break:break-word}.mail-message-details-address{color:var(--text-faint)}.mail-message-body{padding:16px 0 16px 48px}.mail-message-show-images{margin-bottom:8px}.mail-message-iframe{display:block;width:100%;border:none}.mail-message-body-loading{display:flex;align-items:center;height:32px}.mail-composer{flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:16px;box-shadow:var(--shell-composer-shadow);background:var(--surface);max-height:60%;overflow-y:auto}.mail-composer-fields{display:flex;flex-direction:column;gap:4px}.mail-field--row{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:0}.mail-field--row .mail-label{flex-shrink:0;width:72px}.mail-field--row .mail-input{flex:1 1}.mail-composer-signature{display:flex;flex-direction:column;gap:4px;opacity:.75}.mail-editor{display:flex;flex-direction:column;border-radius:var(--radius-md);background:var(--bg);overflow:hidden}.mail-editor-toolbar{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:4px;border-bottom:1px solid var(--border)}.mail-editor-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer}.mail-editor-btn:hover{background:var(--surface-strong);color:var(--text)}.mail-editor-btn:disabled{opacity:.4;cursor:not-allowed}.mail-editor-btn:disabled:hover{background:transparent}.mail-editor-surface{min-height:120px;padding:12px;font-size:14px;line-height:1.5;color:var(--text);outline:none;overflow-y:auto}.mail-editor-surface:empty:before{content:attr(data-placeholder);color:var(--text-faint)}.mail-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s}.mail-icon-btn:hover{background:transparent;color:var(--text)}.mail-icon-btn:disabled{opacity:.35;cursor:default}.mail-icon-btn:disabled:hover{background:transparent;color:var(--text-muted)}.mail-workspace{position:relative;height:100%}.mail-workspace-pane{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;transition:opacity .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}.mail-workspace-pane[data-hidden=true]{opacity:0;pointer-events:none}.mail-workspace-pane--list[data-hidden=true]{transform:translateX(-12px)}.mail-workspace-pane--thread[data-hidden=true]{transform:translateX(12px)}@media (prefers-reduced-motion:reduce){.mail-workspace-pane{transition:none}}.mail-list{display:flex;flex-direction:column;height:100%;min-height:0}.mail-list-header{flex-shrink:0;min-height:52px;box-sizing:border-box;display:grid;grid-template-columns:200px 1fr 200px;align-items:center;grid-gap:16px;gap:16px;padding:0 24px;border-bottom:1px solid var(--shell-divider)}.mail-list-header-left{display:flex;align-items:center;gap:12px}.mail-list-header-left .mail-checkbox{margin-right:7px}.mail-list-header-center{display:flex;align-items:center;justify-content:center;min-width:0}.mail-list-header-right{display:flex;align-items:center;justify-content:flex-end;gap:16px}.mail-list-pagination{display:flex;align-items:center;gap:0}.mail-list-count{flex-shrink:0;font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap;display:inline-flex;align-items:center;height:32px}.mail-category-tabs{position:relative;display:flex;align-items:center;gap:4px}.mail-category-tab-pill{position:absolute;left:0;top:50%;height:28px;margin-top:-14px;border-radius:var(--radius-pill);background:var(--surface);pointer-events:none}.mail-category-tab-pill[data-animate=true]{transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1)}.mail-category-tab{position:relative;z-index:1;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:none;border-radius:var(--radius-pill);background:transparent;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .15s}.mail-category-tab:hover,.mail-category-tab[data-active=true]{color:var(--text)}.mail-category-tab-count{font-size:12px;font-weight:500;color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.mail-category-tab-pill[data-animate=true]{transition:none}}.mail-list-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:0 0 40px}.mail-list-scroll-pad{padding:16px 24px 0}.mail-list-search-note{margin:16px 24px 4px;font-size:12px;color:var(--text-faint)}.mail-rows[data-refreshing=true]{opacity:.55;transition:opacity .2s ease-out .15s}.mail-rows[data-refreshing=false]{opacity:1;transition:opacity .1s ease-out}@keyframes mailRowsIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.mail-rows{animation:mailRowsIn .18s ease-out}@media (prefers-reduced-motion:reduce){.mail-rows{animation:none}}.mail-thread-row{display:flex;align-items:center;gap:16px;box-sizing:border-box;width:100%;padding:12px 24px;border-bottom:1px solid var(--shell-divider);cursor:pointer;outline:none;transition:box-shadow .15s}.mail-thread-row:hover{box-shadow:var(--shell-row-shadow)}.mail-thread-row[data-unread=false]{background:var(--surface)}.mail-thread-row-sender-wrap{flex-shrink:0;width:148px;display:flex;align-items:center;gap:4px}.mail-thread-row-sender{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:21px;color:var(--text-muted);position:relative;padding-left:14px}.mail-thread-row[data-unread=true] .mail-thread-row-sender{color:var(--text);font-weight:600}.mail-thread-row[data-unread=true] .mail-thread-row-sender:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--text);transform:translateY(-50%)}.mail-thread-row-count{flex-shrink:0;font-size:11px;font-weight:400;color:var(--text-faint)}.mail-thread-row-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:21px;padding:0 8px;border-radius:var(--radius-pill);background:var(--surface);font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap}.mail-thread-row-text{flex:1 1;min-width:0;display:flex;align-items:center;gap:4px;margin:0;font-size:14px;line-height:21px;white-space:nowrap}.mail-thread-row-subject{flex-shrink:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:var(--text-muted)}.mail-thread-row[data-unread=true] .mail-thread-row-subject{color:var(--text);font-weight:600}.mail-thread-row-snippet{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:400;color:var(--text-muted)}.mail-thread-row-end{position:relative;flex-shrink:0;width:80px;height:21px}.mail-thread-row-actions,.mail-thread-row-date{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;transition:opacity .12s ease}.mail-thread-row-date{font-size:12px;color:var(--text-muted)}.mail-thread-row[data-unread=true] .mail-thread-row-date{color:var(--text)}.mail-thread-row-actions{gap:8px;margin-right:-4px;opacity:0;pointer-events:none}.mail-thread-row:has(:focus-visible) .mail-thread-row-date,.mail-thread-row:hover .mail-thread-row-date{opacity:0}.mail-thread-row:has(:focus-visible) .mail-thread-row-actions,.mail-thread-row:hover .mail-thread-row-actions{opacity:1;pointer-events:auto}.mail-thread-row-actions .mail-icon-btn{position:relative;width:24px;height:24px}.mail-thread-row-actions .mail-icon-btn:before{content:"";position:absolute;inset:-4px}.mail-checkbox{position:relative;flex-shrink:0;box-sizing:border-box;width:16px;height:16px;margin:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;border-radius:3px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--shell-control);cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.mail-checkbox:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--text)}.mail-checkbox:disabled{opacity:.35;cursor:not-allowed}.mail-checkbox:before{content:"";position:absolute;inset:-10px}.mail-checkbox:checked,.mail-checkbox:indeterminate{background:var(--shell-control);box-shadow:inset 0 0 0 1.5px var(--shell-control)}.mail-checkbox:checked:after{content:"";position:absolute;left:5.5px;top:2px;width:4px;height:8px;border:solid var(--bg);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.mail-checkbox:indeterminate:after{content:"";position:absolute;left:3px;top:7px;width:10px;height:2px;background:var(--bg)}.mail-nav{gap:6px;height:100%;padding:0 0 24px}.mail-nav,.mail-nav-groups{display:flex;flex-direction:column}.mail-nav-groups{gap:32px}.mail-nav-top{display:flex;align-items:center;padding:0}.mail-nav-caption{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;font-family:var(--font-sans);font-size:12px;font-weight:700;line-height:1.4;color:var(--shell-control)}.mail-account-switcher{position:relative;max-width:100%}.mail-account-switcher-trigger{display:flex;align-items:center;gap:6px;max-width:100%;padding:0;border:none;background:transparent;font-family:var(--font-sans);font-size:13px;font-weight:500;line-height:1.2;color:var(--text);cursor:pointer;text-align:left}.mail-account-switcher-trigger:disabled{cursor:default;color:var(--text-muted)}.mail-account-switcher-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-account-switcher-popover{top:calc(100% + 4px);left:0;right:auto;min-width:100%;max-width:280px;max-height:320px;overflow-y:auto;padding:4px}.mail-account-switcher-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-sans);font-size:12px;color:var(--text);cursor:pointer;text-align:left;transition:background .12s ease}.mail-account-switcher-option:hover,.mail-account-switcher-option[aria-selected=true]{background:var(--surface)}.mail-account-switcher-option[aria-selected=true] .mail-account-switcher-option-name{font-weight:700}.mail-account-switcher-option-label{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.mail-account-switcher-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.mail-account-switcher-option-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text-muted)}.mail-nav-section{display:flex;flex-direction:column;gap:0;padding:0}.mail-nav-section .mail-nav-list{padding-top:0}.mail-nav-list{list-style:none;margin:0;padding:4px 0 0;display:flex;flex-direction:column}.mail-nav-row{width:100%;display:flex;align-items:center;gap:8px;padding:6px 0;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.25;cursor:pointer;text-align:left;transition:color .15s}.mail-nav-row:hover,.mail-nav-row[data-active=true]{color:var(--text)}.mail-nav-row-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px}.mail-nav-row-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-nav-row-count{flex-shrink:0;font-size:12px;color:var(--text-muted)}.mail-topbar{position:relative;z-index:2;flex-shrink:0;display:grid;grid-template-columns:1fr minmax(0,449px) 1fr;align-items:center;grid-gap:16px;gap:16px;padding:20px 48px 12px}.mail-topbar-logo,.mail-topbar-search{display:flex;align-items:center}.mail-topbar-search{position:relative;gap:8px;height:32px;padding:0 14px;border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);transition:background .15s,box-shadow .15s}.mail-topbar-search:focus-within,.mail-topbar-search[data-open=true]{background:var(--bg);box-shadow:var(--shell-panel-shadow);color:var(--text)}.mail-topbar-search-wrap{position:relative}.mail-search-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;display:flex;flex-direction:column;padding:8px 0;background:var(--bg);border-radius:var(--shell-panel-radius);box-shadow:var(--shell-panel-shadow)}.mail-search-suggestions{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.mail-search-suggestion{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background .15s}.mail-search-suggestion:hover{background:var(--surface)}.mail-search-suggestion-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.mail-search-suggestion-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--text)}.mail-search-suggestion-from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-faint)}.mail-search-suggestion-date{flex-shrink:0;font-size:12px;color:var(--text-faint)}.mail-search-all{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;border-top:1px solid var(--shell-divider);background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;text-align:left;cursor:pointer;transition:background .15s}.mail-search-all:hover{background:var(--surface)}.mail-search-all-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.mail-search-all-hint{flex-shrink:0;font-size:11px;color:var(--text-faint)}.mail-search-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s}.mail-search-clear:hover{color:var(--text)}.mail-topbar-search-input{flex:1 1;min-width:0;border:none;background:transparent;outline:none;font-family:var(--font-sans);font-size:14px;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}.mail-topbar-search-input::placeholder{color:var(--text-faint)}.mail-topbar-search-input::-webkit-search-cancel-button,.mail-topbar-search-input::-webkit-search-decoration,.mail-topbar-search-input::-webkit-search-results-button,.mail-topbar-search-input::-webkit-search-results-decoration{-webkit-appearance:none}.mail-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mail-topbar-compose{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px;border:none;border-radius:var(--radius-pill);background:var(--primary);color:var(--canvas);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .15s}.mail-topbar-compose:hover{background:var(--primary);opacity:.88}.mail-topbar-compose:disabled{opacity:.5;cursor:not-allowed}.mail-composer-card{position:fixed;right:48px;bottom:0;z-index:60;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;width:504px;height:428px;padding:16px;max-width:calc(100vw - 96px);max-height:calc(100vh - 64px);background:var(--bg);border-radius:var(--shell-panel-radius) var(--shell-panel-radius) 0 0;box-shadow:var(--shell-composer-shadow);overflow:hidden}.mail-composer-card[data-minimized=true]{height:auto;max-height:none}.mail-composer-card-header{flex-shrink:0;display:flex;align-items:flex-start;gap:8px;padding:0}.mail-composer-card-subject{flex:1 1;min-width:0;border:none;background:transparent;outline:none;font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--text)}.mail-composer-card-subject::placeholder{color:var(--text-faint)}.mail-composer-card-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;border:none;background:transparent;text-align:left;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--text)}.mail-composer-card-header-actions{flex-shrink:0;display:flex;align-items:center;gap:0;margin-top:-7px;margin-right:-7px}.mail-composer-card-header-actions>button+button{margin-left:-6px}.mail-composer-card-body{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:0}.mail-composer-card-body .mail-editor-surface{padding:0}.mail-composer-card-fields{display:flex;flex-direction:column;gap:0}.mail-composer-card-field{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border)}.mail-composer-card-field-label{flex-shrink:0;font-size:14px;color:var(--text-muted)}.mail-composer-card-field-static{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--text)}.mail-composer-card-field-control{flex:1 1;min-width:0;padding:0;border:none;background:transparent;outline:none;font-family:var(--font-sans);font-size:14px;line-height:1.4;color:var(--text);-moz-appearance:none;appearance:none;-webkit-appearance:none}.mail-composer-card-field-control::placeholder{color:var(--text-muted)}.mail-composer-card-field:focus-within{border-bottom-color:var(--text)}.mail-composer-card-field select.mail-composer-card-field-control{cursor:pointer}.mail-composer-card-body .mail-field--row .mail-input{border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:6px 0}.mail-composer-card-body .mail-field--row .mail-input:focus,.mail-composer-card-body .mail-field--row .mail-input:focus-visible{outline:none!important;box-shadow:none;border-bottom-color:var(--text)}.mail-composer-card-cc-toggle{flex-shrink:0;padding:0;border:none;background:transparent;font-size:12px;color:var(--text-faint)}.mail-composer-card-cc-toggle:hover{color:var(--text-muted)}.mail-composer-card-footer{flex-shrink:0;display:flex;align-items:center;gap:16px;margin-top:8px;padding:0}.mail-composer-card-footer-tools{flex:1 1;display:flex;align-items:center;gap:6px;padding-left:0;margin-left:-5px}.mail-composer-card-footer .mail-btn{height:32px;padding:0 12px}.mail-composer-card-footer>.mail-icon-btn:last-child{margin-right:-7px}.mail-message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mail-message-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:none;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.mail-message-attachment-chip:hover{background:var(--surface-strong)}.mail-message-attachment-chip:disabled{cursor:default;opacity:.7}.mail-message-attachment-name{font-weight:500}.mail-message-attachment-size{color:var(--text-faint)}.mail-category-tab[data-drag-over=true]{padding:2px 8px;margin:-2px -8px;background:var(--surface-strong);color:var(--text);border-radius:var(--radius-md)}.mail-scheduled-title{font-size:14px;font-weight:600;color:var(--text)}.mail-scheduled-row{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--shell-divider)}.mail-scheduled-row-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.mail-scheduled-row-open{border:none;background:transparent;padding:0;text-align:left;font:inherit;cursor:pointer}.mail-scheduled-row-subject{font-size:14px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-scheduled-row-recipients{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-scheduled-row-time{font-size:12px;color:var(--text-faint)}.mail-nav-row[data-drag-over=true]{background:var(--surface-strong);color:var(--text);border-radius:var(--radius-md)}.mail-nav-caption-row{justify-content:space-between;padding:0}.mail-nav-caption-row,.mail-nav-tag-row{display:flex;align-items:center}.mail-nav-tag-row .mail-nav-row{flex:1 1;min-width:0}.mail-nav-row-edit{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-faint);cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.mail-nav-tag-row:hover .mail-nav-row-edit{opacity:1}.mail-nav-row-edit:hover{color:var(--text)}.mail-tag-color-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mail-tag-color-swatch{flex-shrink:0;width:20px;height:20px;padding:0;border:none;border-radius:var(--radius-pill);cursor:pointer}.mail-tag-color-swatch[data-active=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}.mail-tag-create{display:flex;flex-direction:column;gap:8px;padding:8px 0;margin-bottom:4px}.mail-tag-create-input{padding:6px 8px;font-size:13px}.mail-tag-create-actions{display:flex;gap:8px}.mail-composer-card-recipients{display:flex;flex-direction:column;gap:4px}.mail-composer-card-send-btn{border-radius:var(--radius-pill)}.mail-composer-card-schedule{position:relative;display:inline-flex}.mail-composer-card-schedule-menu{position:absolute;bottom:calc(100% + 8px);right:0;z-index:10;display:flex;flex-direction:column;gap:2px;min-width:220px;padding:8px;background:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow-modal)}.mail-composer-card-schedule-menu-label{padding:4px 8px;font-size:12px;font-weight:500;color:var(--text-muted)}.mail-composer-card-schedule-option{display:block;width:100%;padding:8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.mail-composer-card-schedule-option:hover{background:var(--surface)}.mail-composer-card-schedule-option:disabled{opacity:.5;cursor:not-allowed}.mail-composer-card-schedule-custom{display:flex;align-items:center;gap:8px;padding-top:8px;margin-top:4px;border-top:1px solid var(--border)}.mail-composer-card-schedule-custom .mail-input{flex:1 1;padding:6px 8px;background:var(--surface);border-radius:var(--radius-sm);font-size:13px}.mail-send-status{position:fixed;right:48px;bottom:16px;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg);border-radius:var(--radius-pill);box-shadow:var(--shadow-popover);font-size:13px;color:var(--text-muted)}.mail-send-status-label{white-space:nowrap}.mail-send-status-undo{padding:0;border:none;background:transparent;color:var(--text);font-size:13px;font-weight:500;text-decoration:underline;cursor:pointer;white-space:nowrap}.mail-composer-card-recipient-input-wrap{position:relative;display:flex;flex:1 1;min-width:0}.mail-composer-card-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);max-height:200px;overflow-y:auto}.mail-composer-card-suggestion{display:flex;align-items:baseline;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.mail-composer-card-suggestion:hover{background:var(--surface)}.mail-composer-card-suggestion-name{flex-shrink:0;font-weight:500}.mail-composer-card-suggestion-address{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint)}.mail-composer-card-attachments{display:flex;flex-wrap:wrap;gap:8px}.mail-composer-card-attachment-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 8px;border-radius:var(--radius-sm);background:var(--surface);font-size:12px;color:var(--text)}.mail-composer-card-attachment-chip[data-uploading=true]{color:var(--text-muted)}.mail-composer-card-attachment-name{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.mail-composer-card-attachment-size{flex-shrink:0;color:var(--text-faint)}.mail-composer-card-attachment-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);cursor:pointer}.mail-composer-card-attachment-remove:hover{color:var(--text)}