:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ciatto-logo-cyan:#20c7f5;--ciatto-logo-blue:#2f6bff;--ciatto-logo-violet:#7c5cff;--ciatto-brand-gradient:linear-gradient(135deg, var(--ciatto-logo-cyan) 0%, var(--ciatto-logo-blue) 48%, var(--ciatto-logo-violet) 100%);--mail-accent:var(--ciatto-logo-blue);--mail-accent-hover:#2458dd;--mail-accent-soft:#edf3ff;--mail-accent-faint:#f6f8ff;--bg:#f5f7fb;--bg-elevated:#f8fafc;--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#f1f5f9;--surface-hover:#f7f9fc;--ink:#0f172a;--ink-secondary:#334155;--muted:#64748b;--muted-soft:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fef2f2;--success:#0f766e;--success-soft:#f0fdfa;--warning:#a16207;--warning-soft:#fffbeb;--overlay:#0f172a7a;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 8px 28px #0f172a0f;--shadow-md:0 20px 56px #0f172a1c;--shadow-lg:0 34px 100px #0f172a33;--topbar-height:68px;--toolbar-height:54px;--sidebar-width:258px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mail-accent:#6e91ff;--mail-accent-hover:#8ca7ff;--mail-accent-soft:#152347;--mail-accent-faint:#101a33;--bg:#080b11;--bg-elevated:#0c111b;--surface:#0f1622;--surface-soft:#121b29;--surface-muted:#172131;--surface-hover:#152030;--ink:#f8fafc;--ink-secondary:#d7dfeb;--muted:#9aa8bb;--muted-soft:#718096;--border:#243044;--border-strong:#35445c;--danger:#f87171;--danger-hover:#fca5a5;--danger-soft:#31171c;--success:#5eead4;--success-soft:#0b2928;--warning:#facc15;--warning-soft:#2c260e;--overlay:#000000ad;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 8px 28px #0000003d;--shadow-md:0 20px 56px #00000057;--shadow-lg:0 34px 100px #00000073}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:inherit;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--mail-accent) 26%, transparent);outline-offset:2px}button:disabled{cursor:default}::selection{background:color-mix(in srgb, var(--mail-accent) 18%, transparent)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.mail-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--bg);width:100%;min-height:100dvh;display:grid}.sidebar{z-index:30;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:14px;min-width:0;height:100dvh;padding:20px 14px 14px;display:flex;position:relative;overflow:hidden}.brand-row{justify-content:space-between;align-items:center;min-height:42px;padding:0 8px;display:flex}.sidebar-close,.mobile-menu-button,.mobile-brand,.mobile-compose-fab,.mobile-sidebar-backdrop{display:none}.compose-primary{background:var(--ink);min-height:46px;color:var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;letter-spacing:-.012em;border:0;border-radius:13px;justify-content:flex-start;align-items:center;gap:10px;padding:0 15px;font-weight:720;transition:transform .15s,background .15s,box-shadow .15s;display:flex}html[data-theme=dark] .compose-primary{color:#0f172a;background:#f8fafc}.compose-primary:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.compose-primary:active{transform:translateY(0)}.folder-nav{scrollbar-width:thin;gap:3px;min-height:0;padding:3px 0;display:grid;overflow:auto}.folder{min-height:40px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 11px;transition:background .13s,color .13s;display:grid}.folder:hover{background:var(--surface-soft);color:var(--ink-secondary)}.folder.active{background:var(--mail-accent-soft);color:var(--mail-accent);font-weight:700}.folder-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{background:color-mix(in srgb, var(--mail-accent) 11%, transparent);min-width:22px;color:var(--mail-accent);text-align:center;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:760;line-height:18px}.sidebar-spacer{flex:1;min-height:12px}.sidebar-settings{min-height:40px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 11px;display:flex}.sidebar-settings:hover{background:var(--surface-soft);color:var(--ink-secondary)}.identity-card{border-top:1px solid var(--border);align-items:center;gap:10px;min-width:0;padding:14px 8px 2px;display:flex}.avatar,.sender-avatar{background:var(--ink);color:var(--surface);flex:none;place-items:center;font-weight:760;display:grid}html[data-theme=dark] .avatar,html[data-theme=dark] .sender-avatar{color:#0f172a;background:#e2e8f0}.avatar{border-radius:11px;width:36px;height:36px;font-size:11px}.identity-copy{min-width:0}.identity-copy strong,.identity-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.identity-copy strong{color:var(--ink-secondary);font-size:12.5px}.identity-copy small{color:var(--muted-soft);margin-top:3px;font-size:10.5px}.logout{border:1px solid var(--border);background:var(--surface);width:100%;min-height:38px;color:var(--muted);cursor:pointer;border-radius:10px;font-size:12px;font-weight:650;transition:background .13s,color .13s,border-color .13s}.logout:hover{border-color:var(--border-strong);background:var(--surface-soft);color:var(--ink)}.mail-workspace{background:var(--bg);min-width:0;height:100dvh;position:relative;overflow:hidden}.topbar{z-index:20;height:var(--topbar-height);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);align-items:center;gap:10px;padding:10px 18px;display:flex;position:relative}.search-wrap{flex:1;align-items:center;gap:6px;min-width:0;max-width:880px;display:flex;position:relative}.mail-search{flex:1;align-items:center;min-width:0;display:flex;position:relative}.search-icon{z-index:2;color:var(--muted-soft);pointer-events:none;position:absolute;left:14px}.mail-search input{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-width:0;height:44px;color:var(--ink);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);border-radius:13px;outline:0;padding:0 96px 0 42px;transition:border-color .14s,background .14s,box-shadow .14s}.mail-search input:hover{border-color:var(--border-strong)}.mail-search input:focus{border-color:color-mix(in srgb, var(--mail-accent) 50%, var(--border));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--mail-accent) 10%, transparent)}.mail-search input::placeholder{color:var(--muted-soft)}.search-submit{background:var(--ink);min-width:62px;height:32px;color:var(--surface);cursor:pointer;border:0;border-radius:9px;font-size:11.5px;font-weight:720;position:absolute;right:6px}html[data-theme=dark] .search-submit{color:#0f172a;background:#e2e8f0}.search-clear{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;right:74px}.search-clear:hover{background:var(--surface-muted);color:var(--ink)}.search-help-trigger{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:9px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.search-help{z-index:50;border:1px solid var(--border);background:var(--surface);width:min(410px,100vw - 32px);box-shadow:var(--shadow-md);border-radius:16px;padding:17px;position:absolute;top:calc(100% + 10px);right:0}.search-help strong{font-size:13px;display:block}.search-help p{color:var(--muted);margin:5px 0 14px;font-size:12px;line-height:1.45}.search-examples{flex-wrap:wrap;gap:6px;display:flex}.search-examples code{border:1px solid var(--border);background:var(--surface-soft);color:var(--ink-secondary);border-radius:7px;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.icon-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:11px;flex:none;place-items:center;transition:border-color .13s,background .13s,color .13s,transform .13s;display:grid}.icon-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-soft);color:var(--ink)}.icon-button:active:not(:disabled){transform:translateY(1px)}.icon-button:disabled{opacity:.42}.offline-banner{top:calc(var(--topbar-height) + 8px);z-index:45;border:1px solid color-mix(in srgb, var(--warning) 25%, var(--border));background:var(--warning-soft);color:var(--warning);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:650;position:absolute;left:50%;transform:translate(-50%)}.alert{top:calc(var(--topbar-height) + 10px);z-index:48;border:1px solid color-mix(in srgb, var(--danger) 25%, var(--border));background:var(--danger-soft);width:min(430px,100% - 36px);color:var(--danger);box-shadow:var(--shadow-md);border-radius:13px;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 12px 11px 14px;font-size:12px;line-height:1.45;display:flex;position:absolute;right:18px}.alert button{width:26px;height:26px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.alert button:hover{background:color-mix(in srgb, var(--danger) 8%, transparent)}.toast{z-index:90;border:1px solid var(--border);background:var(--surface);max-width:min(420px,100vw - 36px);color:var(--ink-secondary);box-shadow:var(--shadow-md);border-radius:12px;align-items:center;gap:9px;padding:10px 13px;font-size:12px;font-weight:620;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:22px;right:22px}.toast.success{border-color:color-mix(in srgb, var(--success) 22%, var(--border))}.toast.success svg{color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mail-toolbar{height:var(--toolbar-height);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:7px 13px 7px 16px;display:flex}.select-all-control{min-width:0;color:var(--ink-secondary);cursor:pointer;align-items:center;gap:10px;font-size:12px;font-weight:680;display:flex}.select-all-control span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}input[type=checkbox]{width:15px;height:15px;accent-color:var(--mail-accent);cursor:pointer;flex:none;margin:0}.toolbar-actions{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.toolbar-actions>button,.move-control>button,.reader-actions button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:650;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.toolbar-actions>button:hover:not(:disabled),.move-control>button:hover:not(:disabled),.reader-actions button:hover:not(:disabled){border-color:var(--border);background:var(--surface-soft);color:var(--ink)}.toolbar-actions button:disabled,.move-control>button:disabled{opacity:.38}.toolbar-actions .danger-action:hover:not(:disabled){border-color:color-mix(in srgb, var(--danger) 18%, var(--border));background:var(--danger-soft);color:var(--danger)}.move-control{position:relative}.move-menu{z-index:60;border:1px solid var(--border);background:var(--surface);width:220px;max-height:330px;box-shadow:var(--shadow-md);border-radius:13px;gap:2px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.move-menu>strong{color:var(--muted-soft);letter-spacing:.08em;text-transform:uppercase;padding:8px 9px 6px;font-size:10px}.move-menu>button{min-height:36px;color:var(--ink-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 9px;font-size:12px;display:flex}.move-menu>button:hover{background:var(--surface-soft);color:var(--ink)}.mail-grid{height:calc(100dvh - var(--topbar-height) - var(--toolbar-height));background:var(--bg);grid-template-columns:minmax(330px,420px) minmax(0,1fr);min-height:0;display:grid}.message-list{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.message-list-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.message-row{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:18px 24px minmax(0,1fr);align-items:start;gap:7px;min-height:91px;transition:background .11s;display:grid;position:relative}.message-row:hover{background:var(--surface-hover)}.message-row.selected{background:var(--mail-accent-faint);box-shadow:inset 3px 0 0 var(--mail-accent)}.message-row.is-unread{background:color-mix(in srgb, var(--mail-accent) 2.4%, var(--surface))}.message-row.is-unread.selected{background:var(--mail-accent-faint)}.message-select{cursor:pointer;place-items:start center;width:18px;height:100%;padding-top:17px;display:grid}.row-star{width:24px;height:32px;color:var(--muted-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;margin-top:9px;display:grid}.row-star:hover{background:var(--surface-muted);color:var(--ink-secondary)}.row-star.active{color:#d69e00}.row-star.active svg,.reader-star.active svg{fill:currentColor}.message-open{cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;height:100%;padding:14px 14px 13px 0}.message-row-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.message-row-head strong{color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:620;overflow:hidden}.message-row.is-unread .message-row-head strong{color:var(--ink);font-weight:780}.message-row-head time{color:var(--muted-soft);flex:none;font-size:9.5px;font-weight:550}.message-row.is-unread .message-row-head time{color:var(--mail-accent);font-weight:700}.subject-line{min-width:0;color:var(--ink-secondary);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:610;display:flex}.subject-line span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subject-line svg{color:var(--muted-soft);flex:none}.message-row.is-unread .subject-line{color:var(--ink);font-weight:720}.message-open p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:11.5px;line-height:1.35;overflow:hidden}.message-pager{border-top:1px solid var(--border);background:var(--surface);min-height:50px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-size:10.5px;display:flex}.message-pager>div{gap:5px;display:flex}.message-pager button{border:1px solid var(--border);background:var(--surface);width:31px;height:31px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.message-pager button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-soft);color:var(--ink)}.message-pager button:disabled{opacity:.36}.reader{overscroll-behavior:contain;background:var(--surface);scrollbar-width:thin;min-width:0;min-height:0;padding:clamp(26px,3.4vw,48px) clamp(28px,4.2vw,64px) 72px;overflow:auto}.reader-header{border-bottom:1px solid var(--border);max-width:900px;margin:0 auto 30px;padding-bottom:24px}.reader-back{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--muted);cursor:pointer;border-radius:9px;align-items:center;gap:5px;margin-bottom:18px;padding:0 10px;font-size:11px;font-weight:650;display:none}.reader-title-row{justify-content:space-between;align-items:flex-start;gap:18px;min-width:0;display:flex}.reader-title-row>div{min-width:0}.reader h1{overflow-wrap:anywhere;color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:790;line-height:1.08}.reader-title-row time{color:var(--muted-soft);margin-top:9px;font-size:11px;display:block}.reader-star{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--muted-soft);cursor:pointer;border-radius:11px;flex:none;place-items:center;display:grid}.reader-star:hover{border-color:var(--border-strong);background:var(--surface-soft);color:var(--ink-secondary)}.reader-star.active{border-color:color-mix(in srgb, #d69e00 24%, var(--border));background:color-mix(in srgb, #d69e00 6%, var(--surface));color:#d69e00}.sender-card{align-items:flex-start;gap:11px;min-width:0;margin-top:25px;display:flex}.sender-avatar{border-radius:12px;width:38px;height:38px;font-size:13px}.sender-card>div{min-width:0}.sender-card strong{overflow-wrap:anywhere;color:var(--ink-secondary);font-size:12.5px;display:block}.sender-card details{margin-top:4px}.sender-card summary{width:fit-content;color:var(--muted);cursor:pointer;font-size:10.5px;list-style:none}.sender-card summary::-webkit-details-marker{display:none}.sender-card summary:hover{color:var(--mail-accent)}.sender-card dl{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;gap:6px;max-width:690px;margin:9px 0 0;padding:10px 12px;display:grid}.sender-card dl>div{grid-template-columns:48px minmax(0,1fr);gap:8px;display:grid}.sender-card dt,.sender-card dd{overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.4}.sender-card dt{color:var(--muted-soft);font-weight:700}.sender-card dd{color:var(--ink-secondary)}.reader-actions{flex-wrap:wrap;gap:5px;margin-top:20px;display:flex}.reader-actions button{border-color:var(--border);background:var(--surface);min-height:36px;padding:0 11px}.content-safety-note{border:1px solid color-mix(in srgb, var(--mail-accent) 16%, var(--border));background:var(--mail-accent-faint);max-width:900px;color:var(--muted);border-radius:11px;margin:0 auto 24px;padding:9px 12px;font-size:10.5px;line-height:1.5}.content-safety-note span{color:var(--mail-accent);margin-right:6px;font-weight:760}.message-body{overflow-wrap:anywhere;max-width:900px;min-height:120px;color:var(--ink-secondary);white-space:pre-wrap;margin:0 auto;font-size:14px;line-height:1.75}.attachments{border-top:1px solid var(--border);max-width:900px;margin:34px auto 0;padding-top:24px}.attachments h2{color:var(--ink-secondary);align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:760;display:flex}.attachments h2 span{background:var(--surface-muted);min-width:20px;height:20px;color:var(--muted);border-radius:999px;place-items:center;font-size:9px;display:grid}.attachment-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;display:grid}.attachment-card{border:1px solid var(--border);background:var(--surface-soft);min-width:0;color:var(--ink-secondary);border-radius:12px;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 11px;text-decoration:none;transition:border-color .12s,background .12s,transform .12s;display:grid}.attachment-card:hover{border-color:var(--border-strong);background:var(--surface);transform:translateY(-1px)}.attachment-card>svg:first-child{color:var(--mail-accent)}.attachment-card span{min-width:0}.attachment-card strong,.attachment-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment-card strong{font-size:11.5px}.attachment-card small{color:var(--muted);margin-top:3px;font-size:9.5px}.reader-empty,.empty-list,.mail-loading{text-align:center;align-content:center;place-items:center;height:100%;padding:32px;display:grid}.reader-empty{max-width:490px;color:var(--muted);margin:0 auto}.reader-empty-mark,.loading-mark{border:1px solid var(--border);background:var(--surface-soft);width:62px;height:62px;box-shadow:var(--shadow-xs);border-radius:18px;place-items:center;margin-bottom:18px;display:grid}.reader-empty strong,.mail-loading strong,.empty-list strong{color:var(--ink-secondary);font-size:13px}.reader-empty>span,.mail-loading>span,.empty-list>span{max-width:380px;color:var(--muted);margin-top:6px;font-size:11.5px;line-height:1.5}.shortcut-hints{color:var(--muted-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:20px;font-size:9px;display:flex}.shortcut-hints kbd{border:1px solid var(--border);border-bottom-color:var(--border-strong);background:var(--surface);min-width:22px;box-shadow:0 1px 0 var(--border);color:var(--ink-secondary);border-radius:6px;padding:3px 5px;font-family:inherit;font-size:8.5px;font-weight:700}.empty-list{min-height:320px;color:var(--muted)}.empty-list>svg{color:var(--muted-soft);margin-bottom:13px}.empty-list button{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--ink-secondary);cursor:pointer;border-radius:9px;margin-top:14px;padding:0 11px;font-size:11px;font-weight:650}.mail-loading{height:calc(100dvh - var(--topbar-height));background:var(--surface);color:var(--muted)}.message-skeletons{display:grid}.message-skeleton{border-bottom:1px solid var(--border);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface-muted) 78%, transparent), transparent), var(--surface);background-size:220px 100%,100% 100%;height:91px;animation:1.4s linear infinite skeleton}@keyframes skeleton{0%{background-position:-220px 0,0 0}to{background-position:calc(100% + 220px) 0,0 0}}html[data-density=compact] .message-row,html[data-density=compact] .message-skeleton{height:72px;min-height:72px}html[data-density=compact] .message-open{padding-top:9px;padding-bottom:8px}html[data-density=compact] .message-select{padding-top:12px}html[data-density=compact] .row-star{margin-top:4px}.modal-backdrop{z-index:70;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:20px;animation:.13s ease-out backdrop-in;display:grid;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.composer-backdrop{place-items:end center}.composer{border:1px solid color-mix(in srgb, var(--border-strong) 75%, transparent);background:var(--surface);width:min(760px,100vw - 40px);height:min(760px,100dvh - 40px);max-height:860px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) composer-in;display:flex;overflow:hidden}@keyframes composer-in{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.composer>header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:0 16px 0 19px;display:flex}.composer>header>div{align-items:center;gap:9px;min-width:0;display:flex}.composer>header strong{font-size:12.5px;font-weight:760}.draft-state{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 7px;font-size:9px;font-weight:650}.composer>header button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.composer>header button:hover{background:var(--surface-muted);color:var(--ink)}.composer-fields{display:grid}.composer-fields label{border-bottom:1px solid var(--border);grid-template-columns:68px minmax(0,1fr);align-items:center;min-height:44px;padding:0 18px;display:grid}.composer-fields label>span{color:var(--muted);font-size:10.5px;font-weight:650}.composer-fields input,.composer-fields select{width:100%;min-width:0;height:43px;color:var(--ink-secondary);background:0 0;border:0;outline:0;font-size:12.5px}.composer-fields input::placeholder{color:var(--muted-soft)}.composer>textarea{resize:none;background:var(--surface);min-height:150px;color:var(--ink-secondary);border:0;outline:0;flex:1;padding:20px;font-size:13.5px;line-height:1.65}.composer>textarea::placeholder{color:var(--muted-soft)}.compose-attachments{border-top:1px solid var(--border);background:var(--surface-soft);flex-wrap:wrap;gap:6px;max-height:130px;padding:9px 14px;display:flex;overflow:auto}.compose-attachment{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:7px;min-width:min(240px,100%);max-width:340px;padding:7px 7px 7px 9px;display:grid}.compose-attachment>svg{color:var(--mail-accent)}.compose-attachment>span{min-width:0}.compose-attachment strong,.compose-attachment small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.compose-attachment strong{color:var(--ink-secondary);font-size:10px}.compose-attachment small{color:var(--muted);margin-top:2px;font-size:8.5px}.compose-attachment button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.compose-attachment button:hover{background:var(--surface-muted);color:var(--danger)}.composer>footer{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 14px;display:flex}.composer-primary-actions,.composer-secondary-actions{align-items:center;gap:6px;display:flex}.send,.composer-tool,.composer-secondary-actions button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:11px;font-weight:690;display:inline-flex}.send{background:var(--ink);color:var(--surface);border:0}html[data-theme=dark] .send{color:#0f172a;background:#f8fafc}.send:hover:not(:disabled){transform:translateY(-1px)}.send:disabled,.composer-tool:disabled,.composer-secondary-actions button:disabled{opacity:.43;cursor:default}.composer-tool,.composer-secondary-actions button{border:1px solid var(--border);background:var(--surface);color:var(--muted)}.composer-tool:hover:not(:disabled),.composer-secondary-actions button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-soft);color:var(--ink)}.composer-secondary-actions .discard-button:hover{border-color:color-mix(in srgb, var(--danger) 18%, var(--border));background:var(--danger-soft);color:var(--danger)}.composer-prompt{z-index:90;border:1px solid var(--border);background:var(--surface);width:min(390px,100vw - 34px);box-shadow:var(--shadow-lg);border-radius:16px;gap:8px;padding:20px;display:grid;position:fixed}.composer-prompt strong{color:var(--ink);font-size:15px}.composer-prompt p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.55}.composer-prompt>div{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.composer-prompt button,.confirm-dialog button{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--ink-secondary);cursor:pointer;border-radius:9px;padding:0 11px;font-size:10.5px;font-weight:680}.composer-prompt button.primary{background:var(--ink);color:var(--surface);border-color:#0000}html[data-theme=dark] .composer-prompt button.primary{color:#0f172a;background:#f8fafc}.composer-prompt button.danger,.confirm-dialog button.danger{border-color:color-mix(in srgb, var(--danger) 25%, var(--border));background:var(--danger-soft);color:var(--danger)}.settings-panel{border:1px solid var(--border);background:var(--surface);width:min(620px,100vw - 40px);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-lg);border-radius:20px;overflow:auto}.settings-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 18px;display:flex}.eyebrow{color:var(--mail-accent);letter-spacing:.13em;font-size:8.5px;font-weight:800;display:block}.settings-panel h2{color:var(--ink);letter-spacing:-.04em;margin:6px 0 0;font-size:24px}.settings-section{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 22px;display:grid}.settings-section strong,.privacy-panel strong{color:var(--ink-secondary);font-size:12px;display:block}.settings-section p,.privacy-panel p{color:var(--muted);margin:5px 0 0;font-size:10.5px;line-height:1.5}.segmented-control{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;padding:3px;display:flex}.segmented-control button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9.5px;font-weight:650}.segmented-control button.active{background:var(--surface);color:var(--mail-accent);box-shadow:var(--shadow-xs)}.switch{background:var(--surface-muted);cursor:pointer;border:0;border-radius:999px;width:42px;height:24px;transition:background .14s;position:relative}.switch span{background:var(--surface);border-radius:50%;width:18px;height:18px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a29}.switch.on{background:var(--mail-accent)}.switch.on span{transform:translate(18px)}.privacy-panel{border:1px solid color-mix(in srgb, var(--success) 18%, var(--border));background:var(--success-soft);border-radius:13px;grid-template-columns:34px minmax(0,1fr);gap:11px;margin:20px 22px 22px;padding:14px;display:grid}.privacy-panel>svg{background:color-mix(in srgb, var(--success) 10%, transparent);width:32px;height:32px;color:var(--success);border-radius:9px;padding:7px;display:grid}.confirm-dialog{border:1px solid var(--border);background:var(--surface);width:min(410px,100vw - 36px);box-shadow:var(--shadow-lg);text-align:center;border-radius:18px;padding:22px}.confirm-icon{background:var(--danger-soft);width:46px;height:46px;color:var(--danger);border-radius:13px;place-items:center;margin:0 auto 14px;display:grid}.confirm-dialog h2{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:18px}.confirm-dialog p{color:var(--muted);margin:8px auto 18px;font-size:11.5px;line-height:1.55}.confirm-dialog>div:last-child{justify-content:center;gap:7px;display:flex}.signin-shell{background:radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--mail-accent) 5%, transparent), transparent 38%), var(--surface);place-items:center;min-height:100dvh;padding:30px;display:grid}.signin-card{border:1px solid var(--border);background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow-sm);border-radius:22px;gap:28px;padding:44px;display:grid;position:relative;overflow:hidden}.signin-card:before{content:"";background:var(--ciatto-brand-gradient);border-radius:0 0 3px 3px;width:78px;height:3px;position:absolute;top:0;left:44px}.signin-card h1{max-width:430px;color:var(--ink);letter-spacing:-.055em;margin:9px 0 12px;font-size:clamp(34px,5vw,46px);line-height:.98}.signin-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.signin-card small{color:var(--muted-soft);font-size:11px;line-height:1.55}.signin-button{background:var(--ink);min-height:46px;color:var(--surface);box-shadow:var(--shadow-xs);border-radius:12px;justify-content:center;align-items:center;font-size:12px;font-weight:720;text-decoration:none;display:inline-flex}html[data-theme=dark] .signin-button{color:#0f172a;background:#f8fafc}.signin-button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:1180px){:root{--sidebar-width:226px}.mail-grid{grid-template-columns:minmax(310px,370px) minmax(0,1fr)}.toolbar-actions>button span,.move-control>button span{display:none}.toolbar-actions>button,.move-control>button{width:34px;padding:0}}@media (max-width:860px){:root{--sidebar-width:206px}.mail-grid{grid-template-columns:minmax(285px,330px) minmax(0,1fr)}.reader{padding-left:28px;padding-right:28px}.search-help-trigger{display:none}}@media (max-width:720px){body{overflow:hidden}.mail-shell{display:block}.sidebar{z-index:80;width:min(310px,86vw);height:100dvh;padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(14px, env(safe-area-inset-bottom));border-right:1px solid var(--border);box-shadow:var(--shadow-lg);transition:transform .21s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-104%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:grid}.mobile-sidebar-backdrop{z-index:75;visibility:hidden;background:var(--overlay);opacity:0;transition:opacity .18s,visibility .18s;display:block;position:fixed;inset:0}.mobile-sidebar-backdrop.visible{visibility:visible;opacity:1}.mail-workspace{height:100dvh}.topbar{height:calc(var(--topbar-height) + env(safe-area-inset-top));padding-top:max(10px, env(safe-area-inset-top));padding-left:10px;padding-right:10px}.mobile-menu-button,.mobile-brand{display:grid}.mobile-brand{place-items:center;width:28px}.topbar-action:last-child{display:none}.search-wrap{gap:0}.mail-search input{border-radius:11px;height:40px;padding-right:38px}.search-submit{display:none}.search-clear{right:5px}.mail-toolbar{height:var(--toolbar-height);gap:8px;padding-left:12px;padding-right:8px;overflow:hidden}.select-all-control span{max-width:105px}.toolbar-actions{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.toolbar-actions::-webkit-scrollbar{display:none}.mail-grid{height:calc(100dvh - var(--topbar-height) - var(--toolbar-height) - env(safe-area-inset-top));display:block}.message-list{border-right:0;height:100%}.mail-grid.has-reader .message-list{display:none}.reader{height:100%;padding:20px 18px calc(88px + env(safe-area-inset-bottom));display:none}.mail-grid.has-reader .reader{display:block}.reader-back{display:inline-flex}.reader h1{font-size:27px}.reader-actions{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.reader-actions button{flex:none}.reader-empty{display:none}.message-row{min-height:86px}.mobile-compose-fab{right:18px;bottom:max(18px, env(safe-area-inset-bottom));z-index:50;background:var(--ink);width:52px;height:52px;color:var(--surface);box-shadow:var(--shadow-md);cursor:pointer;border:0;border-radius:17px;place-items:center;display:grid;position:fixed}html[data-theme=dark] .mobile-compose-fab{color:#0f172a;background:#f8fafc}.mail-grid.has-reader~.mobile-compose-fab{display:none}.offline-banner{top:calc(var(--topbar-height) + env(safe-area-inset-top) + 5px);text-overflow:ellipsis;max-width:calc(100vw - 24px);overflow:hidden}.alert{top:calc(var(--topbar-height) + env(safe-area-inset-top) + 8px);width:calc(100% - 20px);right:10px}.toast{right:12px;bottom:calc(82px + env(safe-area-inset-bottom))}.modal-backdrop{padding:0}.composer-backdrop{place-items:end stretch}.composer{width:100%;height:calc(100dvh - max(10px, env(safe-area-inset-top)));max-height:none;padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:20px 20px 0 0}.composer-fields label{grid-template-columns:54px minmax(0,1fr);padding:0 14px}.composer>textarea{padding:16px}.composer>footer{flex-direction:column;align-items:stretch;gap:7px;padding:9px 10px}.composer-primary-actions,.composer-secondary-actions{width:100%}.composer-primary-actions .send{flex:1}.composer-secondary-actions{justify-content:flex-end}.settings-panel{width:100%;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:20px 20px 0 0;align-self:end}.settings-section{grid-template-columns:1fr;gap:12px}.toggle-setting{grid-template-columns:1fr auto}.segmented-control{width:100%}.segmented-control button{flex:1}.confirm-dialog{width:100%;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:20px 20px 0 0;align-self:end}.signin-shell{padding:18px}.signin-card{padding:32px 28px}.signin-card:before{left:28px}}@media (max-width:480px){.topbar{gap:6px}.mobile-brand{display:none}.topbar-action{width:34px;height:34px}.mail-toolbar{padding-left:9px}.select-all-control span{display:none}.toolbar-actions>button,.move-control>button{width:33px;height:33px}.message-row{grid-template-columns:17px 22px minmax(0,1fr);gap:5px}.message-open{padding-right:10px}.reader{padding-left:14px;padding-right:14px}.reader-title-row{gap:10px}.reader h1{font-size:24px}.sender-card dl>div{grid-template-columns:42px minmax(0,1fr)}.attachment-grid{grid-template-columns:1fr}.composer>header{padding-left:14px;padding-right:10px}.compose-attachments{flex-wrap:nowrap}.compose-attachment{min-width:220px}.composer-secondary-actions button span{display:none}.privacy-panel{margin-left:14px;margin-right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.fatal-shell,.route-loading{background:var(--surface);min-height:100dvh;color:var(--ink);place-items:center;padding:28px;display:grid}.fatal-card{border:1px solid var(--border);background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow-sm);border-radius:20px;gap:28px;padding:38px;display:grid}.fatal-card h1{letter-spacing:-.05em;margin:8px 0 10px;font-size:clamp(30px,5vw,42px);line-height:1}.fatal-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.fatal-actions{flex-wrap:wrap;gap:8px;display:flex}.fatal-actions button,.fatal-actions a{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--ink-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.fatal-actions button{background:var(--ink);color:var(--surface);border-color:#0000}html[data-theme=dark] .fatal-actions button{color:#0f172a;background:#f8fafc}.route-loading{color:var(--muted);text-align:center;align-content:center}.route-loading strong{color:var(--ink-secondary);margin-top:14px;font-size:13px}.route-loading>span{margin-top:5px;font-size:11px}@media (max-width:560px){.fatal-shell{padding:18px}.fatal-card{padding:30px 26px}}