@charset "UTF-8";:root{color-scheme:light;--ink: #30272a;--muted: #827579;--line: #e9e1e2;--paper: #f7f4f4;--surface: #fff;--hover: #f0e9e9;--accent: #bb3439;--accent-soft: #f9eded;--brand-background: radial-gradient(ellipse at 50% 40%, #cc6260 0%, #bf4547 48%, #a9262d 100%);--card-background: linear-gradient(145deg, #fff, #fffafa);--card-border: #ffffff85;--card-stripe: #ead3d3;--card-shadow: 0 9px 24px #5c0f1a16, 0 1px 3px #5c0f1a12;--card-hover-shadow: 0 16px 36px #590e2029;--symbol-background: linear-gradient(145deg, #fdf1f0, #f6e9e9);--symbol-border: #f0dede}:root[data-theme=dark]{color-scheme:dark;--ink: #f1eded;--muted: #b1a6a9;--line: #3a3337;--paper: #171619;--surface: #242226;--hover: #312a2e;--accent: #f07176;--accent-soft: #3e282f;--brand-background: radial-gradient(ellipse at 50% 40%, #2c272b 0%, #171619 58%, #0a0a0c 100%);--card-background: linear-gradient(145deg, #353035, #2b272c);--card-border: #ffffff13;--card-stripe: #584046;--card-shadow: 0 8px 24px #0000001f, inset 0 1px 0 #ffffff03;--card-hover-shadow: 0 16px 36px #00000040;--symbol-background: linear-gradient(145deg, #492f35, #3d2b30);--symbol-border: #5d383f}:root[data-theme=dark] app-root .search,:root[data-theme=dark] app-root .profile-menu,:root[data-theme=dark] app-root .content,:root[data-theme=dark] app-root .compose-window,:root[data-theme=dark] app-root .sidebar nav button.active,:root[data-theme=dark] app-root .label-menu,:root[data-theme=dark] app-root .mail-row.unread{background:var(--surface)}:root[data-theme=dark] app-root .mail-row{background:#211f23;border-color:var(--line)}:root[data-theme=dark] app-root .mail-row:hover,:root[data-theme=dark] app-root .mail-row.unread:hover,:root[data-theme=dark] app-root .label-row:hover,:root[data-theme=dark] app-root .label-row.active,:root[data-theme=dark] app-root .sidebar nav button:hover,:root[data-theme=dark] app-root .selection,:root[data-theme=dark] app-root .icon:hover{background:var(--hover)}:root[data-theme=dark] app-root .mail-row.selected{background:var(--accent-soft)}:root[data-theme=dark] app-root .profile{background:#392c32;border-color:#53404a;color:#f7c6ca}:root[data-theme=dark] app-root .nav-heading,:root[data-theme=dark] app-root .sidebar nav button,:root[data-theme=dark] app-root .sender,:root[data-theme=dark] app-root .summary b,:root[data-theme=dark] app-root .summary>span,:root[data-theme=dark] app-root .mail-open time,:root[data-theme=dark] app-root .unread time,:root[data-theme=dark] app-root .sidebar-footer,:root[data-theme=dark] app-root .sidebar-footer strong,:root[data-theme=dark] app-root .selection button{color:var(--muted)}:root[data-theme=dark] app-root .unread .sender,:root[data-theme=dark] app-root .unread .summary b,:root[data-theme=dark] app-root .sidebar nav button.active{color:var(--ink)}:root[data-theme=dark] app-root .toolbar,:root[data-theme=dark] app-root .compose-window{border-color:var(--line)}:root[data-theme=dark] app-root .empty-symbol{background:var(--hover);border-color:var(--line);color:var(--muted)}:root[data-theme=dark] app-root .new-label input,:root[data-theme=dark] app-root .compose-window input,:root[data-theme=dark] app-root .compose-window textarea{background:var(--surface);color:var(--ink)}:root[data-theme=dark] app-root .field input{background:#211d21;border-color:#51474c}:root[data-theme=dark] app-root .field input::placeholder{color:#a5989e}:root[data-theme=dark] app-root .compose,:root[data-theme=dark] app-root .send,:root[data-theme=dark] app-root .login-btn{background:#c2373e;color:#fff}:root[data-theme=dark] app-root .compose:hover,:root[data-theme=dark] app-root .send:hover,:root[data-theme=dark] app-root .login-btn:hover{background:#d03f46}:root[data-theme=dark] app-root .check i{border-color:#8d8085}:root[data-theme=dark] app-root .check input:checked+i{border-color:#c2373e;background:#c2373e}:root[data-theme=dark] app-root .star{color:#988b91}:root[data-theme=dark] app-root .star.on{color:#e8be66;background:#423524}:root[data-theme=dark] app-root .tag,:root[data-theme=dark] app-root .message-tag{color:var(--ink)!important}:root[data-theme=dark] app-root .error{background:#48252e;color:#ffb8c2}:root[data-theme=dark] app-root .success{background:#243d32;color:#addbc2}:root[data-theme=dark] app-root .registration-disabled{background:#423722;color:#ebd499}:root[data-theme=dark] app-root .toast{background:#ede6e9;color:#30252b}:root[data-theme=dark] app-root .loading-mails i{border-color:var(--line);border-top-color:var(--accent)}:root[data-theme=dark] app-root .html-body{color-scheme:light;background:#fff;border-radius:8px}html,body{margin:0;min-height:100%;font-family:DM Sans,Arial,sans-serif;background:var(--paper)}*{box-sizing:border-box}button,input,textarea{font:inherit}input[type=checkbox]{accent-color:var(--accent)}app-root .login-panel form{width:min(440px,100%);padding:38px;border:1px solid var(--card-border);border-top:5px solid #c63b40;border-radius:22px;background:var(--card-background);box-shadow:var(--card-shadow)}app-root .auth-tools{--theme-control-color: #fff;--theme-control-bg: #ffffff0b;--theme-control-hover: #ffffff1c;--theme-control-border: #ffffff24;--theme-toggle-size: 40px;position:absolute;top:26px;right:30px}app-root button{cursor:pointer;color:inherit}app-root button:disabled{opacity:.55;cursor:wait}app-root button,app-root input,app-root textarea{-webkit-tap-highlight-color:transparent}app-root button:focus-visible,app-root input:focus-visible,app-root textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}app-root button{transition:background .15s,color .15s}app-root .icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;flex-shrink:0;border:0;border-radius:7px;background:transparent;color:var(--muted)}app-root .icon:hover{background:#ebede7;color:var(--ink)}app-root .eyebrow{font-size:10px;font-weight:700;line-height:1.5;letter-spacing:1.5px;color:var(--muted)}app-root .text-link{border:0;background:transparent;padding:0;color:var(--accent);font-weight:700;font-size:inherit}app-root .text-link:hover{text-decoration:underline}app-root .field{position:relative}app-root .field input{width:100%;min-width:0;height:50px;padding:0 48px 0 15px;font-size:14px;border:1px solid #d8dcd2;border-radius:8px;background:#fff;color:var(--ink)}app-root .field input::placeholder{color:#93988e}app-root .field input:focus{border-color:var(--accent);outline:2px solid rgba(183,47,53,.0705882353);outline-offset:1px}app-root .field button{position:absolute;right:8px;top:8px;height:34px;width:34px;border:0;background:transparent;color:var(--muted);border-radius:6px}app-root .field button:hover{background:var(--paper)}app-root .login-btn{width:100%;min-height:48px;border:0;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:14px;font-weight:600}app-root .login-btn:hover{background:#9d252b}app-root .login-btn span{font-size:22px;font-weight:400}app-root .error,app-root .success,app-root .registration-disabled{font-size:12px;line-height:1.6;border-radius:8px;padding:11px 13px;margin:14px 0}app-root .error{color:#a02a32;background:#fbe9eb}app-root .success{color:#246249;background:#e8f3ed}app-root .registration-disabled{color:#745515;background:#fcf3db}app-root .check{position:relative;display:grid;place-items:center;width:28px;height:32px;flex-shrink:0;cursor:pointer}app-root .check input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}app-root .check i{width:15px;height:15px;border:1px solid #bdc3b4;border-radius:4px;display:grid;place-items:center}app-root .check input:checked+i{background:var(--accent);border-color:var(--accent)}app-root .check input:checked+i:after{content:"\2713";color:#fff;font-size:11px}app-root .check input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}app-root .star{color:#afb6a5;width:28px}app-root .star index-icon{width:17px;height:17px}app-root .star.on{color:#ba8c28;background:#fcf5e5}app-root .avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:600;font-style:normal;flex-shrink:0}app-root .tag,app-root .message-tag{padding:4px 7px;font-size:9px;border-radius:4px;white-space:nowrap;font-weight:500}app-root .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);padding:13px 20px;background:var(--ink);color:#fff;border-radius:9px;font-size:12px;line-height:1.5;box-shadow:0 8px 30px #202b1c25;z-index:100}
