:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;color:var(--text);background:#f6f8fc;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #3377e8;--accent-deep: #1859c9;--text: #172033;--muted: #687389;--surface: #ffffff;--line: rgba(45, 63, 92, .12);--glass: rgba(250, 252, 255, .66);--glass-border: rgba(255, 255, 255, .74);--shadow: 0 12px 38px rgba(35, 62, 104, .13);color-scheme:light dark}*{box-sizing:border-box}html{min-height:100%;background:#f6f8fc;scrollbar-gutter:stable both-edges}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;color:var(--text);background:linear-gradient(155deg,#f8faff,#f4f7fb 65%,#f7f6fb)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:2px}body:before,body:after{content:"";position:fixed;z-index:-2;border-radius:50%;filter:blur(2px);pointer-events:none}body:before{width:320px;height:320px;top:-100px;right:-110px;background:radial-gradient(circle,rgba(101,174,255,.32),transparent 68%)}body:after{width:360px;height:360px;bottom:-160px;left:-160px;background:radial-gradient(circle,rgba(136,111,255,.17),transparent 70%)}.app-shell{min-height:100vh;min-height:100dvh}.app-screen{width:min(100%,760px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 24px) max(18px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 34px) max(18px,env(safe-area-inset-left))}.inbox-screen{position:relative;overscroll-behavior-y:contain;animation:inbox-enter .34s cubic-bezier(.22,.72,.2,1)}.inbox-content{transition:transform .34s cubic-bezier(.22,.72,.2,1)}.inbox-content.is-pulling{transition:none;will-change:transform}.pull-indicator{position:absolute;z-index:15;top:calc(env(safe-area-inset-top) + 4px);left:50%;display:flex;align-items:center;justify-content:center;min-width:130px;min-height:36px;gap:7px;padding:7px 11px;border:1px solid var(--glass-border);border-radius:18px;color:var(--muted);background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);pointer-events:none;font-size:.72rem;font-weight:700;transition:opacity .2s ease,transform .34s cubic-bezier(.22,.72,.2,1)}.pull-indicator svg{width:17px;height:17px;color:var(--accent)}.pull-indicator.refreshing svg{animation:spin .75s linear infinite}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:.69rem;font-weight:800;letter-spacing:.16em}.top-header{display:flex;align-items:center;justify-content:space-between;min-height:108px;margin-bottom:16px}.top-header h1{margin:0;color:var(--text);font-size:clamp(2rem,9vw,2.75rem);line-height:1.04;letter-spacing:-.045em}.header-brand{display:flex;align-items:center;gap:7px;margin:0 0 13px;color:var(--muted);font-size:1rem;font-weight:650}.header-brand span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#5795ec;background:#ffffffb8;box-shadow:0 4px 12px #3568b324}.header-brand svg{width:18px;height:18px}.header-subtitle{margin:9px 0 0;color:var(--muted);font-size:.86rem;letter-spacing:.02em}.header-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.icon-button svg{width:22px;height:22px}.glass-button,.glass-nav,.date-sheet,.message-menu__popover{background:var(--glass);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff94,var(--shadow);-webkit-backdrop-filter:blur(20px) saturate(165%);backdrop-filter:blur(20px) saturate(165%)}.glass-button{transition:transform .18s ease,background-color .25s ease,box-shadow .25s ease}.glass-button:active{transform:scale(.94);background:#ffffffd1}.profile-button{display:grid;place-items:center;width:56px;min-width:56px;height:56px;padding:3px;border:1px solid var(--glass-border);border-radius:50%;color:var(--text);background:var(--glass);box-shadow:inset 0 1px #ffffff73,0 9px 24px #2437562b;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.profile-button:active{transform:scale(.92)}.profile-button img,.account-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.profile-button>span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,var(--surface));font-size:.95rem;font-weight:800}.search-field{display:flex;align-items:center;min-height:58px;gap:11px;margin-bottom:13px;padding:0 18px;border:1px solid rgba(120,145,180,.13);border-radius:28px;color:var(--muted);background:#ffffffd1;box-shadow:inset 0 1px #ffffffe6,0 9px 26px #304c7512}.search-field svg{flex:none;width:22px}.search-field input{width:100%;min-width:0;height:52px;padding:0;border:0;outline:0;color:var(--text);background:transparent;font-size:1rem}.search-field input::placeholder{color:var(--muted);opacity:.9}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.mail-list{overflow:visible;border-radius:22px;background:transparent}.swipe-row{position:relative;overflow:hidden;min-height:104px;margin:0 0 10px;border:1px solid rgba(120,145,180,.13);border-radius:22px;background:var(--surface);box-shadow:0 9px 25px #304c7512;touch-action:pan-y;animation:card-enter .34s cubic-bezier(.22,.72,.2,1) backwards;transition:border-color .25s ease,box-shadow .25s ease}.swipe-row:nth-child(2){animation-delay:25ms}.swipe-row:nth-child(3){animation-delay:.05s}.swipe-row:nth-child(4){animation-delay:75ms}.swipe-row:nth-child(5){animation-delay:.1s}.swipe-row:nth-child(6){animation-delay:.125s}.swipe-row:nth-child(n+7){animation-delay:.15s}.swipe-row:has(.message-menu__popover){z-index:8;overflow:visible}.swipe-row__foreground{position:relative;z-index:1;min-height:inherit;border-radius:inherit;background:var(--surface);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.message-row--unread{background:var(--surface)}.swipe-row--moving .swipe-row__foreground{transition:none;will-change:transform}.swipe-action{position:absolute;top:5px;bottom:5px;left:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:121px;gap:4px;border-radius:17px 0 0 17px;color:#fff;background:linear-gradient(135deg,#4f92fa,#2f6edc);font-size:.73rem;font-weight:700}.swipe-action svg{width:26px;transition:transform .22s ease}.swipe-action--ready svg{transform:scale(1.18)}.message-row{position:relative;min-height:102px;display:flex;align-items:stretch;border-radius:inherit}.message-row__main{display:grid;grid-template-columns:8px 48px minmax(0,1fr);align-items:center;flex:1;min-width:0;gap:10px;padding:12px 43px 12px 7px;color:var(--text);text-align:left;border:0;border-radius:inherit;background:transparent;cursor:pointer}.message-row__main:active{background:#4573b912}.unread-dot{width:7px;height:7px;border-radius:50%;background:transparent}.message-row--unread .unread-dot{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.message-avatar{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.8);border-radius:50%;color:#2264ba;background:linear-gradient(145deg,#eef7ff,#dcecff);box-shadow:0 5px 15px #3267b024;font-size:1.05rem;font-weight:800}.message-row__content,.message-row__topline{min-width:0;display:flex}.message-row__content{flex-direction:column;gap:3px}.message-row__topline{align-items:baseline;justify-content:space-between;gap:10px}.message-row__sender{display:flex;align-items:center;min-width:0;gap:7px}.message-row__topline strong{overflow:hidden;font-size:.95rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.read-status{flex:none;padding:2px 6px;border-radius:999px;font-size:.62rem;font-weight:750;line-height:1.35}.read-status--unread{color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 16%,transparent)}.read-status--read{color:var(--muted);background:color-mix(in srgb,var(--muted) 10%,transparent)}.message-row__topline time{flex:none;color:var(--muted);font-size:.73rem}.message-row__subject{overflow:hidden;font-size:.91rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.message-row--unread .message-row__subject{font-weight:650}.message-row__preview{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.82rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:1}.message-menu{position:absolute;z-index:3;top:9px;right:4px}.message-menu__trigger{color:var(--muted)}.message-menu__popover{position:absolute;top:42px;right:4px;width:250px;padding:7px;border-radius:15px;transform-origin:top right;animation:menu-enter .18s cubic-bezier(.2,.8,.2,1)}.message-menu__popover button{display:flex;align-items:center;width:100%;min-height:46px;gap:10px;padding:10px 12px;border:0;border-radius:10px;color:var(--text);background:transparent;text-align:left;cursor:pointer}.message-menu__popover button:active{background:#506ea51a}.message-menu__popover svg{width:21px;color:var(--accent)}.menu-status-icon{display:grid;place-items:center;width:21px;color:var(--accent);font-size:.9rem}.state-card,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;padding:35px 24px;color:var(--muted);text-align:center}.state-card p,.empty-state p{max-width:330px;margin:12px 0;line-height:1.55}.state-card--error{color:var(--text)}.state-symbol,.empty-state>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#cc4453;background:#ff57681f;font-size:1.4rem;font-weight:800}.empty-state>span{color:#2c9a66;background:#2c9a661f}.empty-state h2{margin:16px 0 0;color:var(--text);font-size:1.1rem}.compact-empty{min-height:170px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.spinner{width:28px;height:28px;border:3px solid rgba(64,104,166,.18);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more{display:block;width:calc(100% - 28px);min-height:48px;margin:14px;border:0;border-radius:14px;color:var(--accent-deep);background:#407be01a;font-weight:700;cursor:pointer}.offline-banner{margin:-4px 0 14px;padding:11px 14px;border-radius:13px;color:#765619;background:#ffc75630;font-size:.84rem;font-weight:600;text-align:center}.toast{position:fixed;z-index:50;top:calc(env(safe-area-inset-top) + 12px);left:50%;display:flex;align-items:center;width:min(calc(100% - 32px),430px);min-height:48px;gap:10px;padding:10px 11px 10px 16px;border-radius:14px;color:#fff;background:#252d3beb;box-shadow:var(--shadow);transform:translate(-50%);font-size:.84rem}.toast button{margin-left:auto;width:32px;height:32px;border:0;border-radius:50%;color:#fff;background:#ffffff1f;font-size:1.2rem}.primary-button,.secondary-button,.danger-button,.microsoft-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 17px;border-radius:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .18s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.primary-button:active,.secondary-button:active,.danger-button:active,.microsoft-button:active{transform:scale(.975)}.primary-button{gap:8px;border:0;color:#fff;background:linear-gradient(135deg,#4389f4,#2464d6);box-shadow:0 9px 20px #2565d738}.primary-button svg{width:19px}.primary-button:disabled{opacity:.45;cursor:default}.secondary-button{border:1px solid var(--line);color:var(--text);background:#ffffff78}.danger-button{border:0;color:#d63d4f;background:#eb465a1a}.sheet-backdrop{position:fixed;z-index:60;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 max(env(safe-area-inset-right),8px) 0 max(env(safe-area-inset-left),8px);background:#121c2d47;animation:fade-in .2s ease-out}.date-sheet{width:min(100%,650px);max-height:min(94dvh,820px);overflow-y:auto;overscroll-behavior:contain;padding:9px 20px calc(env(safe-area-inset-bottom) + 22px);border-bottom:0;border-radius:28px 28px 0 0;animation:sheet-up .35s cubic-bezier(.2,.78,.2,1)}.sheet-handle{width:38px;height:5px;margin:1px auto 15px;border-radius:5px;background:#646e7d5c}.sheet-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#5698fa,#2869da)}.sheet-icon svg{width:25px}.date-sheet h2{margin:15px 0 4px;color:var(--text);font-size:1.35rem;letter-spacing:-.02em}.sheet-subject{overflow:hidden;margin:0 0 20px;color:var(--muted);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.date-field{display:block;margin-bottom:18px}.date-field span{display:block;margin:0 0 7px 2px;color:var(--muted);font-size:.78rem;font-weight:700}.date-field input{width:100%;min-height:52px;padding:8px 13px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:#ffffff94}.calendar-picker{margin:17px 0 20px}.quick-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.quick-dates button{min-height:42px;padding:7px;border:1px solid var(--line);border-radius:13px;color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:.8rem;font-weight:750;cursor:pointer}.calendar-heading{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:7px;margin-bottom:6px}.calendar-heading>button{width:44px;height:44px;padding:0;border:0;border-radius:50%;color:var(--text);background:color-mix(in srgb,var(--muted) 8%,transparent);font-size:1.8rem;line-height:1;cursor:pointer}.month-selects{display:flex;align-items:center;justify-content:center;gap:5px}.month-selects select{min-height:42px;padding:6px 25px 6px 10px;border:1px solid var(--line);border-radius:11px;color:var(--text);background-color:var(--surface);font-weight:750}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays span{padding:8px 0 5px;color:var(--muted);font-size:.69rem;font-weight:700;text-align:center}.calendar-weekdays span:first-child,.calendar-days .sunday{color:#e05261}.calendar-weekdays span:last-child,.calendar-days .saturday{color:#4f82df}.calendar-days{gap:3px}.calendar-days button{display:grid;place-items:center;min-width:0;min-height:42px;padding:0;border:0;border-radius:12px;color:var(--text);background:transparent;cursor:pointer;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .16s ease}.calendar-days button:active{transform:scale(.88)}.calendar-days button.outside{opacity:.32}.calendar-days button.today:not(.selected){box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 60%,transparent)}.calendar-days button.selected{color:#fff;background:linear-gradient(145deg,#5799fa,#2d6edf);box-shadow:0 5px 13px #2f6fdc47;font-weight:800}.calendar-days button.selected span{color:inherit}.selected-date{margin:12px 0 0;color:var(--muted);font-size:.78rem;font-weight:650;text-align:center}.sheet-actions{display:grid;grid-template-columns:auto 1fr;gap:10px}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}.detail-screen{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:calc(env(safe-area-inset-bottom) + 30px);animation:detail-enter .36s cubic-bezier(.22,.72,.2,1)}.detail-nav{position:sticky;z-index:10;top:calc(env(safe-area-inset-top) + 8px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;margin:-12px -6px 26px;padding:0 7px;border-radius:18px;font-size:.84rem;font-weight:700}.back-button{display:flex;align-items:center;min-height:44px;padding:0 7px 0 1px;border:0;color:var(--accent-deep);background:transparent;cursor:pointer}.back-button svg{width:23px}.message-detail{max-width:690px;margin:0 auto}.message-detail>h1{margin:0 0 22px;color:var(--text);font-size:clamp(1.65rem,7vw,2.45rem);line-height:1.16;letter-spacing:-.035em;overflow-wrap:anywhere}.sender-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid var(--line)}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#6c91c9,#426da9);font-weight:750}.sender-card div:nth-child(2){display:flex;flex-direction:column;min-width:0}.sender-card strong,.sender-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-card span{margin-top:2px;color:var(--muted);font-size:.78rem}.sender-card time{align-self:start;max-width:105px;color:var(--muted);font-size:.72rem;line-height:1.35;text-align:right}.message-body{max-width:100%;min-height:180px;margin:0;padding:25px 0;color:var(--text);font:inherit;font-size:.98rem;line-height:1.72;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.detail-status-row{display:flex;align-items:center;min-height:52px;gap:9px;border-bottom:1px solid var(--line)}.read-toggle-button{min-height:40px;padding:7px 11px;border:0;border-radius:11px;color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 11%,transparent);font-size:.8rem;font-weight:700;cursor:pointer}.read-toggle-button:disabled{opacity:.55}.read-notice{margin-left:auto;color:var(--muted);font-size:.72rem;text-align:right}.detail-actions{display:grid;gap:10px}.detail-actions>*{width:100%}.outlook-link{width:100%;gap:8px}.outlook-link svg{width:19px}.detail-action-error{margin:10px 2px 0;color:#c63f50;font-size:.8rem}.settings-screen{padding-bottom:calc(env(safe-area-inset-bottom) + 34px);animation:settings-enter .36s cubic-bezier(.22,.72,.2,1)}.settings-screen .settings-section{animation:section-enter .34s cubic-bezier(.22,.72,.2,1) backwards}.settings-screen .settings-section:nth-of-type(2){animation-delay:.05s}.settings-screen .settings-section:nth-of-type(3){animation-delay:.1s}.settings-group{border:1px solid rgba(116,137,170,.1);border-radius:19px;color:var(--text);background:var(--surface);box-shadow:0 8px 25px #2d415f12}.brand-panel{display:flex;align-items:center;gap:14px;padding:17px}.small-app-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#66a8ff,#2866d6);box-shadow:0 8px 18px #2c6ad838}.small-app-mark svg{width:29px}.brand-panel h2,.brand-panel p{margin:0}.brand-panel h2{font-size:1.12rem}.brand-panel p{margin-top:3px;color:var(--muted);font-size:.82rem}.settings-section{margin-top:27px}.appearance-section{margin-top:3px}.settings-section>h2{margin:0 0 9px 4px;color:var(--muted);font-size:.77rem;letter-spacing:.02em;text-transform:uppercase}.appearance-card{padding:15px}.appearance-card>p{margin:12px 3px 1px;color:var(--muted);font-size:.76rem;line-height:1.45}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border-radius:18px;background:#7186a517}.theme-picker button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:50px;gap:5px;padding:7px 5px;border:0;border-radius:14px;color:var(--muted);background:transparent;font-size:clamp(.69rem,3.2vw,.82rem);font-weight:700;cursor:pointer}.theme-picker button.active{color:var(--accent-deep);background:var(--surface);box-shadow:0 5px 15px #304b731f,inset 0 1px #ffffffb3}.theme-picker svg{flex:none;width:19px;height:19px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.account-identity{display:flex;align-items:center;min-width:0;gap:10px}.account-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;overflow:hidden;border-radius:50%;color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 12%,var(--surface));font-size:.88rem;font-weight:800}.account-copy{display:flex;flex-direction:column;min-width:0}.account-copy strong,.account-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy>span{margin-top:3px;color:var(--muted);font-size:.77rem}.settings-error{margin:8px 4px 0;color:#c63f50;font-size:.82rem}.privacy-section ul{margin:0;padding:3px 17px;list-style:none}.privacy-section li{position:relative;padding:14px 0 14px 24px;border-bottom:1px solid var(--line);font-size:.87rem;line-height:1.45}.privacy-section li:last-child{border:0}.privacy-section li:before{content:"✓";position:absolute;left:0;color:#269366;font-weight:800}.version-label{margin:26px 0 0;color:var(--muted);font-size:.72rem;text-align:center}.login-screen,.launch-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:calc(env(safe-area-inset-top) + 24px) max(20px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 24px) max(20px,env(safe-area-inset-left))}.login-orb{position:absolute;border-radius:50%;filter:blur(1px)}.login-orb--one{width:340px;height:340px;top:-130px;right:-120px;background:radial-gradient(circle at 35% 60%,#4792f76e,#7cb2ff0d 70%)}.login-orb--two{width:300px;height:300px;bottom:-100px;left:-130px;background:radial-gradient(circle at 65% 35%,rgba(137,111,240,.25),transparent 70%)}.login-card{position:relative;width:min(100%,420px);padding:31px 24px 25px;border:1px solid var(--glass-border);border-radius:31px;background:#fafcffb0;box-shadow:inset 0 1px #ffffffb8,0 24px 65px #29426a2b;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);text-align:center}.app-mark{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 20px;border-radius:23px;color:#fff;background:linear-gradient(145deg,#75b6ff,#2864d7);box-shadow:0 14px 30px #2b68d647,inset 0 1px #ffffff59}.app-mark svg{width:42px}.login-card h1{margin:0;font-size:2.55rem;letter-spacing:-.055em}.login-card>p:not(.eyebrow):not(.privacy-note):not(.login-error){margin:9px 0 25px;color:var(--muted)}.microsoft-button{width:100%;gap:11px;border:1px solid rgba(35,45,65,.12);color:#1f293a;background:#fff;box-shadow:0 7px 20px #2b3c5a1a}.microsoft-button:disabled{opacity:.65}.ms-logo{display:grid;grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:2px}.ms-logo i:nth-child(1){background:#f35325}.ms-logo i:nth-child(2){background:#81bc06}.ms-logo i:nth-child(3){background:#05a6f0}.ms-logo i:nth-child(4){background:#ffba08}.privacy-note{margin:20px auto 0;color:var(--muted);font-size:.72rem;line-height:1.5}.config-warning{display:flex;flex-direction:column;gap:7px;padding:14px;border-radius:14px;color:#6b4b0e;background:#ffc24826;font-size:.82rem;text-align:left}.config-warning code{font-size:.78rem}.login-error{color:#c63f50;font-size:.82rem}.launch-screen{flex-direction:column;gap:20px}.launch-screen .state-card{min-height:auto;padding:0}.launch-logo{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#75b6ff,#2864d7);font-size:2rem;font-weight:800;box-shadow:var(--shadow)}@media(min-width:700px){.app-screen{padding-left:28px;padding-right:28px}}:root[data-theme=dark]{--accent: #71a7ff;--accent-deep: #91bbff;--text: #f5f5f7;--muted: #a2a2aa;--surface: #161617;--line: rgba(255,255,255,.1);--glass: rgba(24,24,26,.8);--glass-border: rgba(255,255,255,.11);--shadow: 0 15px 42px rgba(0,0,0,.42);color:var(--text);background:#080809}:root[data-theme=dark] body{color:var(--text);background:linear-gradient(155deg,#0d0d0f,#070708 65%,#0a0a0c)}:root[data-theme=dark] body:before{background:radial-gradient(circle,rgba(100,100,108,.13),transparent 68%)}:root[data-theme=dark] body:after{background:radial-gradient(circle,rgba(88,88,96,.09),transparent 70%)}:root[data-theme=dark] .glass-button:active,:root[data-theme=dark] .profile-button{box-shadow:inset 0 1px #ffffff0f,0 7px 20px #00000052}:root[data-theme=dark] .date-field input{background:#121214e6}:root[data-theme=dark] .secondary-button{background:#ffffff12}:root[data-theme=dark] .login-card{background:#161618d1}:root[data-theme=dark] .microsoft-button{color:#f3f5f9;background:#f5f8ff1c;border-color:#ffffff1f}:root[data-theme=dark] .offline-banner{color:#ffd985}:root[data-theme=dark] .search-field{background:#18181ae6;border-color:#ffffff17;box-shadow:inset 0 1px #ffffff0d,0 9px 26px #00000038}:root[data-theme=dark] .message-avatar{color:#b8d3ff;background:linear-gradient(145deg,#29292c,#1d1d1f);border-color:#ffffff1c}:root[data-theme=dark] .settings-group,:root[data-theme=dark] .swipe-row{border-color:#ffffff1a;box-shadow:0 9px 25px #0000003d}:root[data-theme=dark] .theme-picker{background:#ffffff0f}:root[data-theme=dark] .theme-picker button.active{background:#29292c;box-shadow:0 5px 15px #00000040,inset 0 1px #ffffff12}:root[data-theme=dark] .message-row--unread{background:var(--surface)}.theme-changing body,.theme-changing .app-screen,.theme-changing .settings-group,.theme-changing .theme-picker,.theme-changing .theme-picker button,.theme-changing .glass-button,.theme-changing .profile-button,.theme-changing .search-field,.theme-changing .swipe-row,.theme-changing .swipe-row__foreground,.theme-changing .message-row,.theme-changing .date-sheet{transition:color .4s ease,background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.theme-changing:after{content:"";position:fixed;z-index:9999;inset:0;background:#8080841f;pointer-events:none;animation:theme-overlay .42s ease both}.theme-changing .app-shell{animation:theme-soft-fade .42s ease}@keyframes theme-overlay{0%,to{opacity:0}48%{opacity:1}}@keyframes theme-soft-fade{50%{opacity:.86}}@keyframes inbox-enter{0%{opacity:0;transform:translate(-14px)}}@keyframes detail-enter{0%{opacity:0;transform:translate(18px) scale(.995)}}@keyframes settings-enter{0%{opacity:0;transform:translateY(12px) scale(.992)}}@keyframes section-enter{0%{opacity:0;transform:translateY(9px)}}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}}@keyframes menu-enter{0%{opacity:0;transform:translateY(-5px) scale(.96)}}@media(hover:hover){.profile-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff73,0 12px 28px #24375633}.swipe-row:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 12px 28px #304c751a}.calendar-days button:hover:not(.selected){background:color-mix(in srgb,var(--accent) 8%,transparent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}