:root{--font:"Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--r-lg:18px;--r:12px;--r-sm:8px;--ease:cubic-bezier(.2, .7, .2, 1);--row-pad:13px}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06080b;--bg-2:#0a0d12;--panel:#0e1218;--panel-2:#131923;--panel-3:#1a2230;--line:#ffffff0f;--line-2:#ffffff1c;--tx:#e9eef5;--tx-strong:#fff;--tx-body:#d6dde6;--tx-2:#a0acba;--tx-3:#6d7a8a;--cy:#00e5ff;--cy-2:#38b6ff;--cy-text:#00e5ff;--on-cy:#001318;--cy-a08:#00e5ff14;--cy-a14:#00e5ff24;--cy-a30:#00e5ff4d;--cy-line:#00e5ff73;--ov-1:#ffffff08;--ov-2:#ffffff0d;--ov-3:#ffffff17;--sunk:#00000047;--sunk-2:#00000038;--panel-grad:linear-gradient(180deg, #ffffff07, #ffffff03);--shadow-panel:0 20px 60px -30px #000c;--shadow-pop:0 18px 50px #0009;--glow:0 0 12px var(--cy);--glow-big:0 0 60px -10px #00e5ff66;--logo-glow:drop-shadow(0 0 14px #00e5ff66);--btn-shadow:0 10px 30px -10px #00e5ff99, inset 0 1px 0 #fff6;--btn-shadow-hover:0 14px 36px -10px #00e5ffcc, inset 0 1px 0 #fff6;--ambient:radial-gradient(900px 520px at 6% -12%, #00e5ff1c, transparent 62%), radial-gradient(760px 520px at 104% 112%, #008cff14, transparent 62%);--star:#ffc857;--ok:#3ddc97;--bad:#ff5d73;--bad-bg:#ff5d7317;--bad-line:#ff5d734d;--bad-tx:#ffb3bd;--warn-bg:#ffc85712;--warn-line:#ffc85738;--warn-tx:#ffdf9c;--toast-bg:#161e2b;--toast-tx:#e9eef5;--scroll:#ffffff17;--av-bg-s:42%;--av-bg-l:20%;--av-fg-s:90%;--av-fg-l:76%;--av-line-l:34%}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8eef4;--bg-2:#f4f7fa;--panel:#fff;--panel-2:#fff;--panel-3:#f0f4f8;--line:#0c1c3014;--line-2:#0c1c3026;--tx:#0b1520;--tx-strong:#050d15;--tx-body:#25364a;--tx-2:#46566a;--tx-3:#64748b;--cy:#00e5ff;--cy-2:#38b6ff;--cy-text:#007a95;--on-cy:#00252d;--cy-a08:#0096b414;--cy-a14:#0096b424;--cy-a30:#0096b44d;--cy-line:#0096b480;--ov-1:#0c1c3008;--ov-2:#0c1c300d;--ov-3:#0c1c3017;--sunk:#0c1c300a;--sunk-2:#0c1c3008;--panel-grad:none;--shadow-panel:0 1px 2px #0c1c300d, 0 18px 50px -28px #0c1c3047;--shadow-pop:0 18px 50px #0c1c3038;--glow:0 0 0 transparent;--glow-big:0 12px 40px -16px #0096b459;--logo-glow:drop-shadow(0 4px 10px #0096b440);--btn-shadow:0 8px 22px -10px #00a0be8c, inset 0 1px 0 #ffffff80;--btn-shadow-hover:0 12px 28px -10px #00a0beb3, inset 0 1px 0 #ffffff80;--ambient:radial-gradient(900px 520px at 6% -12%, #00e5ff2e, transparent 62%), radial-gradient(760px 520px at 104% 112%, #008cff1a, transparent 62%);--star:#e09f00;--ok:#12915f;--bad:#d3304a;--bad-bg:#d3304a14;--bad-line:#d3304a4d;--bad-tx:#a6162f;--warn-bg:#e09f001a;--warn-line:#e09f0059;--warn-tx:#7a5200;--toast-bg:#0f1b2a;--toast-tx:#e9eef5;--scroll:#0c1c3029;--av-bg-s:75%;--av-bg-l:90%;--av-fg-s:60%;--av-fg-l:28%;--av-line-l:78%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body,#root{height:100%}body{background:var(--bg);color:var(--tx);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";z-index:-1;background:var(--ambient), var(--bg);position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0}input,textarea{font:inherit;color:inherit}ul{list-style:none}:focus-visible{outline:2px solid var(--cy-text);outline-offset:2px;border-radius:6px}.grow{flex:1;min-width:0}.muted{color:var(--tx-3)}.small{font-size:12.5px}svg.i{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}kbd{font:600 11px var(--font);border:1px solid var(--line-2);color:var(--tx-3);border-radius:6px;padding:1px 6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll);background-clip:content-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--tx-3);background-clip:content-box}.icon-btn{width:36px;height:36px;color:var(--tx-2);border-radius:10px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.icon-btn:hover{background:var(--ov-3);color:var(--tx)}.icon-btn.on{color:var(--star)}.icon-btn.on svg{fill:var(--star)}.icon-btn.danger:hover{color:var(--bad);background:var(--bad-bg)}.only-mobile{display:none}.chip-btn{border:1px solid var(--line-2);height:34px;color:var(--tx-2);border-radius:10px;align-items:center;gap:8px;padding:0 13px;font-weight:550;transition:all .15s;display:inline-flex}.chip-btn:hover{border-color:var(--cy-line);color:var(--cy-text);background:var(--cy-a08)}.btn-primary{text-align:center;width:100%;height:48px;color:var(--on-cy);background:linear-gradient(135deg, var(--cy), var(--cy-2));box-shadow:var(--btn-shadow);transition:transform .15s var(--ease), box-shadow .2s, opacity .2s;border-radius:12px;font-size:15px;font-weight:650;position:relative}.btn-primary:hover{box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:progress;transform:none}.btn-primary:disabled:not(.loading){opacity:.45;cursor:not-allowed;box-shadow:none}.btn-primary .spin{border:2.5px solid #00131840;border-top-color:var(--on-cy);border-radius:50%;width:18px;height:18px;margin:0 auto;animation:.7s linear infinite spin;display:none}.btn-primary.loading .label{display:none}.btn-primary.loading .spin{display:block}.btn-ghost{border:1px solid var(--line-2);height:36px;color:var(--tx-2);border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-weight:550;display:inline-flex}.btn-ghost:hover{border-color:var(--cy-line);color:var(--cy-text)}.btn-ghost.danger:hover{border-color:var(--bad-line);color:var(--bad)}.link{color:var(--cy-text);margin-top:14px;font-size:13px;font-weight:600;display:inline-block}.link:hover{text-decoration:underline}.link.inline{margin:0;font-weight:500}.field{margin-bottom:16px;display:block}.field>span,.field>label>span{color:var(--tx-2);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field>label{display:block}.inp{background:var(--sunk);border:1px solid var(--line-2);height:48px;color:var(--tx-3);border-radius:12px;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.inp:focus-within{border-color:var(--cy-line);box-shadow:0 0 0 4px var(--cy-a08);color:var(--cy-text)}.inp input{min-width:0;color:var(--tx);background:0 0;border:0;outline:0;flex:1;font-size:15px}.inp input::placeholder{color:var(--tx-3)}.inp button{color:var(--tx-3);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.inp button:hover{color:var(--tx);background:var(--ov-3)}.cb{border:1.5px solid var(--tx-3);border-radius:6px;flex:none;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.cb svg{stroke-width:3px;opacity:0;width:12px;height:12px;stroke:var(--on-cy)}.cb.on{background:var(--cy);border-color:var(--cy);box-shadow:var(--glow)}.cb.on svg{opacity:1}.cb.part{background:var(--cy-a30);border-color:var(--cy-text)}.sw{background:var(--ov-3);border-radius:99px;flex:none;width:42px;height:24px;transition:background .2s;position:relative}.sw:after{content:"";inset-inline-start:3px;width:18px;height:18px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;box-shadow:0 1px 3px #00000059}.sw[aria-checked=true]{background:var(--cy);box-shadow:var(--glow)}.sw[aria-checked=true]:after{background:#00222a;transform:translate(18px)}[dir=rtl] .sw[aria-checked=true]:after{transform:translate(-18px)}[dir=rtl] svg.i-flip{transform:scaleX(-1)}.select-field{background:var(--sunk);border:1px solid var(--line-2);max-width:240px;height:36px;color:var(--tx);cursor:pointer;border-radius:10px;outline:0;padding:0 12px;font-weight:550}.select-field:focus-visible{border-color:var(--cy-line);box-shadow:0 0 0 4px var(--cy-a08)}.select-field option{background:var(--panel);color:var(--tx)}.sw:disabled{opacity:.4;cursor:not-allowed}.seg{background:var(--sunk);border:1px solid var(--line);border-radius:10px;padding:3px;display:inline-flex}.seg button{height:30px;color:var(--tx-2);border-radius:8px;padding:0 14px;font-size:13px;font-weight:550}.seg button.on{background:var(--panel-3);color:var(--cy-text);box-shadow:0 2px 10px #00000040}.av{letter-spacing:.3px;background:hsl(var(--h) var(--av-bg-s) var(--av-bg-l));color:hsl(var(--h) var(--av-fg-s) var(--av-fg-l));border:1px solid hsl(var(--h) 50% var(--av-line-l) / .6);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.av-sm{width:30px;height:30px;font-size:11px}.av-md{width:40px;height:40px;font-size:13px}.av-lg{width:46px;height:46px;font-size:15px}.h0{--h:190}.h1{--h:215}.h2{--h:260}.h3{--h:300}.h4{--h:340}.h5{--h:10}.h6{--h:35}.h7{--h:60}.h8{--h:90}.h9{--h:130}.h10{--h:160}.h11{--h:175}.toasts{z-index:90;pointer-events:none;justify-items:center;gap:10px;display:grid;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast{background:var(--toast-bg);color:var(--toast-tx);border:1px solid var(--line-2);box-shadow:var(--shadow-pop);animation:rise .3s var(--ease) both;pointer-events:auto;border-radius:14px;align-items:center;gap:14px;max-width:92vw;padding:11px 12px 11px 18px;display:flex}.toast button{color:var(--cy);border-radius:8px;padding:4px 8px;font-weight:650}.toast button:hover{background:var(--cy-a14)}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.login{grid-template-rows:minmax(min-content,1fr) auto;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px 48px;padding:56px clamp(20px,6vw,96px) 16px;display:grid;position:fixed;inset:0;overflow:auto}.auth-top{top:16px;z-index:2;position:absolute;inset-inline-end:clamp(16px,3vw,32px)}.login-hero{max-width:520px}.logo{width:36px;height:36px;object-fit:contain;border-radius:9px;filter:var(--logo-glow);flex:none}.logo-xl{width:60px;height:60px;border-radius:14px;filter:var(--logo-glow)}.login-hero h2{letter-spacing:-.8px;margin:26px 0 14px;font-size:clamp(30px,3.6vw,46px);font-weight:700;line-height:1.08}.login-hero h2 em{background:linear-gradient(120deg, var(--cy-text), #3a86ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.login-hero p{color:var(--tx-2);max-width:440px;font-size:16px}.login-hero ul{gap:14px;margin-top:30px;display:grid}.login-hero li{color:var(--tx-2);align-items:center;gap:12px;display:flex}.login-hero li .ic{background:var(--cy-a08);border:1px solid var(--cy-a14);width:34px;height:34px;color:var(--cy-text);border-radius:10px;place-items:center;display:grid}.login-card{background:linear-gradient(180deg, var(--ov-2), var(--ov-1)), var(--panel);border:1px solid var(--line-2);width:100%;max-width:440px;box-shadow:var(--shadow-pop), 0 0 80px -30px var(--cy-a30);animation:rise .6s var(--ease) both;border-radius:24px;justify-self:center;padding:34px}.login-brand{padding-bottom:22px}.login-card h1{letter-spacing:-.3px;font-size:24px;font-weight:650}.login-card .sub{color:var(--tx-3);margin:4px 0 24px}.opts{color:var(--tx-3);justify-content:space-between;align-items:center;gap:10px;margin:2px 0 18px;font-size:12.5px;display:flex}.opts span{text-align:end}.check{opacity:.55;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.check input{accent-color:var(--cy-text)}.err{background:var(--bad-bg);border:1px solid var(--bad-line);color:var(--bad-tx);border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:13px;display:flex}.shake{animation:.4s shake}.demo-note{background:var(--cy-a08);border:1px solid var(--cy-a14);color:var(--tx-2);border-radius:12px;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 14px;font-size:12.5px;display:flex}.demo-note svg{color:var(--cy-text);margin-top:1px}.login-foot{text-align:center;color:var(--tx-3);grid-column:1/-1;font-size:12px}.hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset-inline-start:-9999px}.step{letter-spacing:.8px;text-transform:uppercase;color:var(--cy-text);margin-bottom:6px;font-size:12px;font-weight:650}.phone-row{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px;display:grid}.inp select{min-width:0;color:var(--tx);cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:1;font-size:14px}.inp select option{background:var(--panel);color:var(--tx)}.code-input{letter-spacing:.5em;font-size:22px;font-weight:650}.switch-auth.split{justify-content:space-between;gap:12px;display:flex}.rules.plain{margin:4px 0 16px}.rules.plain svg{opacity:1;color:var(--cy-text)}@media (max-width:520px){.phone-row{grid-template-columns:1fr}}.suffix{color:var(--tx-3);white-space:nowrap;font-size:14px}.status-line{color:var(--tx-3);align-items:center;gap:6px;margin-top:7px;font-size:12.5px;display:flex}.status-line svg{width:14px;height:14px}.status-line.ok{color:var(--ok)}.status-line.bad{color:var(--bad-tx)}.suggest{color:var(--tx-3);flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:12.5px;display:flex}.hint{color:var(--tx-3);margin-top:6px;font-size:12px}.strength{color:var(--tx-3);align-items:center;gap:12px;margin:-4px 0 10px;font-size:12.5px;display:flex}.bars{flex:none;gap:4px;display:flex}.bars i{background:var(--ov-3);border-radius:5px;width:34px;height:5px;transition:background .2s}.bars.s0 i:nth-child(-n+1){background:var(--bad)}.bars.s1 i:nth-child(-n+2){background:var(--star)}.bars.s2 i:nth-child(-n+3){background:var(--cy-text)}.bars.s3 i{background:var(--ok)}.rules{color:var(--tx-3);gap:4px;margin:0 0 16px;font-size:12.5px;display:grid}.rules li{align-items:center;gap:8px;display:flex}.rules svg{opacity:.35;width:14px;height:14px}.rules li.ok{color:var(--ok)}.rules li.ok svg{opacity:1}.terms{color:var(--tx-2);cursor:pointer;align-items:flex-start;gap:10px;margin:4px 0 18px;font-size:13px;display:flex}.terms input{accent-color:var(--cy-text);margin-top:3px}.switch-auth{text-align:center;color:var(--tx-3);margin-top:18px;font-size:13.5px}.done{text-align:center;justify-items:center;gap:10px;padding:6px 0;display:grid}.done .sub{margin:0}.done-ic{background:var(--cy-a08);border:1px solid var(--cy-a14);width:64px;height:64px;color:var(--cy-text);box-shadow:var(--glow-big);border-radius:20px;place-items:center;display:grid}.done-ic svg{stroke-width:2.2px;width:30px;height:30px}.done-addr{background:var(--sunk);border:1px solid var(--line-2);word-break:break-all;border-radius:12px;padding:10px 16px;font-size:18px;font-weight:650}.done .btn-primary{margin-top:10px}.app{grid-template-columns:var(--side-w) 1fr;--side-w:258px;height:100dvh;display:grid}.side{flex-direction:column;gap:14px;min-height:0;padding:18px 14px;display:flex;overflow:auto}.brand{letter-spacing:.1px;align-items:center;gap:10px;padding:2px 8px 6px;font-size:18px;display:flex}.brand b{font-weight:700}.brand span{color:var(--cy-text);font-weight:600}.btn-compose{background:linear-gradient(135deg, var(--cy), var(--cy-2));height:46px;color:var(--on-cy);box-shadow:var(--btn-shadow);transition:transform .15s var(--ease), box-shadow .2s;border-radius:14px;align-items:center;gap:10px;padding:0 16px;font-weight:650;display:flex}.btn-compose:hover{box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.btn-compose kbd{color:#00131899;border-color:#00131847;margin-inline-start:auto}.nav{flex-direction:column;gap:2px;display:flex}.nav button{height:40px;color:var(--tx-2);border-radius:10px;align-items:center;gap:12px;padding:0 12px;transition:background .15s,color .15s;display:flex;position:relative}.nav button:hover{background:var(--ov-2);color:var(--tx)}.nav button.on{background:var(--cy-a08);color:var(--cy-text)}.nav button.on:before{content:"";inset-inline-start:-14px;background:var(--cy-text);width:3px;box-shadow:var(--glow);border-start-end-radius:3px;border-end-end-radius:3px;position:absolute;top:9px;bottom:9px}.nav .lbl{white-space:nowrap;flex:1}.nav .cnt{color:var(--tx-3);font-size:12px;font-weight:650}.nav .on .cnt{color:var(--cy-text)}.nav hr{border:0;border-top:1px solid var(--line);margin:8px 6px}.side-foot{background:var(--ov-1);border:1px solid var(--line);border-radius:14px;margin-top:auto;padding:14px}.side-foot-row{justify-content:space-between;display:flex}.side-foot b{font-size:13px;font-weight:600}.side-foot small{color:var(--tx-3);font-size:12px}.meter{background:var(--ov-3);border-radius:5px;height:5px;margin:8px 0 6px;overflow:hidden}.meter i{background:linear-gradient(90deg, var(--cy), var(--cy-2));border-radius:5px;width:24%;height:100%;display:block}.scrim{display:none}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.top{flex:none;align-items:center;gap:12px;height:66px;padding-block:0;padding-inline:6px 18px;display:flex}.search{background:var(--ov-1);border:1px solid var(--line);min-width:0;max-width:640px;height:42px;color:var(--tx-3);border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s,color .2s;display:flex}.search:focus-within{border-color:var(--cy-line);box-shadow:0 0 0 4px var(--cy-a08);background:var(--ov-2);color:var(--cy-text)}.search input{min-width:0;color:var(--tx);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--tx-3)}.demo-pill{height:30px;color:var(--cy-text);background:var(--cy-a08);border:1px solid var(--cy-a14);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.demo-pill:before{content:"";background:var(--cy-text);width:6px;height:6px;box-shadow:var(--glow);border-radius:50%;animation:2.2s ease-in-out infinite pulse}.lang{flex:none;position:relative}.lang-btn{height:36px;color:var(--tx-2);border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:650;transition:background .15s,color .15s;display:inline-flex}.lang-btn:hover,.lang-btn[aria-expanded=true]{background:var(--ov-3);color:var(--tx)}.lang-menu{inset-inline-end:0;z-index:80;background:var(--panel-3);border:1px solid var(--line-2);min-width:190px;max-height:min(420px,70vh);box-shadow:var(--shadow-pop);animation:rise .18s var(--ease) both;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);overflow-y:auto}.lang-menu button{width:100%;color:var(--tx-2);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.lang-menu button:hover{background:var(--cy-a08);color:var(--tx)}.lang-menu button.on{color:var(--cy-text);font-weight:650}.lang-menu .sep{background:var(--line);height:1px;margin:4px 6px}.avatar-btn{border-radius:50%;flex:none}.avatar-btn .av{width:38px;height:38px}.content{flex:1;grid-template-columns:clamp(330px,35%,430px) 1fr;gap:14px;min-height:0;padding:0 14px 14px;display:grid}.list-pane,.read-pane{border-radius:var(--r-lg);background:var(--panel-grad), var(--panel);border:1px solid var(--line);min-height:0;box-shadow:var(--shadow-panel);flex-direction:column;display:flex;overflow:hidden}.empty{text-align:center;color:var(--tx-3);place-items:center;height:100%;padding:50px 24px;display:grid}.empty .big{width:64px;height:64px;color:var(--cy-text);background:var(--cy-a08);border:1px solid var(--cy-a14);box-shadow:var(--glow-big);border-radius:20px;place-items:center;margin:0 auto 16px;display:grid}.empty .big svg{width:28px;height:28px}.empty h3{color:var(--tx);margin-bottom:6px;font-size:16px;font-weight:600}.empty .keys{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;font-size:12px;display:flex}.tabbar,.fab{display:none}.l-head{align-items:center;gap:12px;padding:16px 16px 10px;display:flex}.l-head h1{letter-spacing:-.2px;font-size:18px;font-weight:650}.l-head .meta{color:var(--tx-3);font-size:12.5px}.fbar{scrollbar-width:none;gap:6px;padding:0 16px 12px;display:flex;overflow-x:auto}.fbar::-webkit-scrollbar{display:none}.fchip{border:1px solid var(--line-2);height:30px;color:var(--tx-2);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:550;transition:all .15s;display:inline-flex}.fchip:hover{color:var(--tx);border-color:var(--tx-3)}.fchip.on{color:var(--cy-text);border-color:var(--cy-line);background:var(--cy-a08)}.bulk{color:var(--cy-text);align-items:center;gap:4px;padding:6px 10px 10px 16px;font-size:13px;font-weight:600;display:flex;overflow-x:auto}.bulk .icon-btn{color:var(--tx-2)}.bulk .icon-btn:hover{color:var(--tx)}.bulk .icon-btn.danger:hover{color:var(--bad)}.rows{border-top:1px solid var(--line);flex:1;overflow:auto}.skeleton{background:linear-gradient(90deg, var(--ov-1) 25%, var(--ov-3) 50%, var(--ov-1) 75%) 0 0 / 200% 100%;border-radius:12px;height:78px;margin:12px 16px;animation:1.4s linear infinite shimmer}.row{padding:var(--row-pad) 16px;border-bottom:1px solid var(--line);animation:fade .3s var(--ease) both;grid-template-columns:auto 1fr;gap:12px;transition:background .15s;display:grid;position:relative}.row:hover{background:var(--ov-1)}.row.sel{background:linear-gradient(to right, var(--cy-a08), transparent 75%)}[dir=rtl] .row.sel{background:linear-gradient(to left, var(--cy-a08), transparent 75%)}.row.sel:before{content:"";inset-inline-start:0;background:var(--cy-text);width:3px;box-shadow:var(--glow);border-start-end-radius:3px;border-end-end-radius:3px;position:absolute;top:12px;bottom:12px}.lead{place-items:center;width:40px;height:40px;display:grid;position:relative}.lead .cb,.row:hover .lead .av,.row.chk .lead .av,.row.selecting .lead .av{display:none}.row:hover .lead .cb,.row.chk .lead .cb,.row.selecting .lead .cb{display:grid}.row-main{text-align:start;border-radius:8px;width:100%;min-width:0;display:block}.r1{align-items:center;gap:8px;padding-inline-end:30px;display:flex}.from{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--tx-2);flex:1;font-weight:550;overflow:hidden}.time{color:var(--tx-3);white-space:nowrap;font-size:12px}.flags{color:var(--tx-3);display:inline-flex}.flags svg{width:14px;height:14px}.r2,.r3{text-overflow:ellipsis;white-space:nowrap;margin-top:1px;display:block;overflow:hidden}.r2{color:var(--tx-2)}.r3{color:var(--tx-3);font-size:13px}.row.unread .from,.row.unread .r2{color:var(--tx-strong);font-weight:650}.row.unread .from:before{content:"";background:var(--cy-text);width:7px;height:7px;box-shadow:var(--glow);vertical-align:1px;border-radius:50%;margin-inline-end:8px;display:inline-block}.row-star{inset-inline-end:12px;top:calc(var(--row-pad) - 1px);position:absolute}.star-btn{width:24px;height:24px;color:var(--tx-3);border-radius:6px;place-items:center;transition:color .15s,transform .15s;display:grid}.star-btn:hover{color:var(--star);transform:scale(1.15)}.star-btn.on{color:var(--star)}.star-btn.on svg{fill:var(--star)}.star-btn svg{width:15px;height:15px}.row .time{margin-inline-end:4px}.quick{inset-inline-end:12px;background:var(--panel-3);border:1px solid var(--line-2);box-shadow:var(--shadow-pop);border-radius:10px;gap:2px;padding:3px;display:none;position:absolute;bottom:8px}.quick .icon-btn{width:30px;height:30px}@media (hover:hover){.row:hover .quick,.row:focus-within .quick{display:flex}}.app[data-density=compact]{--row-pad:8px}.app[data-preview=off] .r3{display:none}.r-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.r-actions{flex-wrap:wrap;gap:6px;display:flex}.r-tools{gap:2px;margin-inline-start:auto;display:flex}.r-scroll{animation:fade .3s var(--ease) both;flex:1;padding:26px clamp(18px,3vw,34px) 40px;overflow:auto}.r-subject{letter-spacing:-.25px;margin-bottom:20px;font-size:22px;font-weight:650;line-height:1.28}.r-meta{align-items:flex-start;gap:14px;display:flex}.r-who{flex:1;min-width:0}.r-who b{font-weight:650}.r-who .addr{color:var(--tx-3);word-break:break-all;direction:ltr;unicode-bidi:isolate;margin-inline-start:6px;font-size:13px}.r-to{color:var(--tx-3);margin-top:2px;font-size:13px}.r-date{color:var(--tx-3);white-space:nowrap;padding-top:2px;font-size:12.5px}.details{background:var(--ov-1);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;gap:6px 14px;margin-block:16px 0;margin-inline:60px 0;padding:14px 16px;font-size:13px;animation:.25s both fade;display:grid}.details dt{color:var(--tx-3)}.details dd{color:var(--tx-2);word-break:break-all}.banner{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-tx);border-radius:12px;align-items:center;gap:12px;margin:22px 0 0;padding:12px 14px;font-size:13px;display:flex}.banner svg{color:var(--star)}.banner button{color:var(--warn-tx);white-space:nowrap;font-weight:700;text-decoration:underline}.r-body{background:var(--sunk-2);border:1px solid var(--line);color:var(--tx-body);border-radius:14px;margin-top:24px;padding:22px 24px;font-size:15px;line-height:1.7}.r-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:14px}.r-body p:last-child{margin-bottom:0}.r-body .li{margin-bottom:6px;padding-inline-start:18px;position:relative}.r-body .li:before{content:"";inset-inline-start:2px;background:var(--cy-text);border-radius:50%;width:5px;height:5px;position:absolute;top:.75em}.mail-frame{color-scheme:normal;background:0 0;border:0;width:100%;display:block}.remote{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.remote div{aspect-ratio:16/9;color:var(--tx-3);background:repeating-linear-gradient(135deg, var(--ov-2) 0 10px, var(--ov-1) 10px 20px);border:1px dashed var(--line-2);border-radius:10px;place-items:center;font-size:11px;display:grid}.att-title{color:var(--tx-3);text-transform:uppercase;letter-spacing:.8px;margin:26px 0 10px;font-size:12.5px;font-weight:650}.atts{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.att{background:var(--ov-1);border:1px solid var(--line);text-align:start;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex}.att:hover{border-color:var(--cy-line);background:var(--cy-a08)}.att .ic{background:var(--cy-a08);width:38px;height:38px;color:var(--cy-text);border-radius:10px;flex:none;place-items:center;display:grid}.att-text{min-width:0}.att b{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;font-weight:600;display:block;overflow:hidden}.att small{color:var(--tx-3);font-size:12px}.att>svg{color:var(--tx-3);margin-inline-start:auto}.qreply{border:1px solid var(--line-2);width:100%;height:50px;color:var(--tx-3);text-align:start;border-radius:14px;align-items:center;gap:12px;margin-top:28px;padding:0 16px;transition:all .2s;display:flex}.qreply:hover{border-color:var(--cy-line);color:var(--tx-2);box-shadow:0 0 0 4px var(--cy-a08)}.compose{inset-inline-end:24px;z-index:60;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--r-lg) var(--r-lg) 0 0;width:min(620px,100vw - 32px);max-height:min(740px,94dvh);box-shadow:var(--shadow-pop), 0 0 70px -30px var(--cy-a30);animation:rise .28s var(--ease) both;border-bottom:0;flex-direction:column;display:flex;position:fixed;bottom:0}.compose.min .c-body{display:none}.c-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:10px 10px 10px 18px;display:flex}.c-head b{flex:1;font-weight:650}.c-body{flex-direction:column;flex:1;min-height:0;display:flex}.c-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:8px;padding:6px 18px;display:flex;position:relative}.c-row>.lbl,.c-row>label{width:46px;color:var(--tx-3);flex:none;padding-top:7px;font-size:13px}.chips{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.chips input,.c-row>input{min-width:120px;height:32px;color:var(--tx);background:0 0;border:0;outline:0;flex:1}.c-row>input::placeholder{color:var(--tx-3)}.rchip{background:var(--cy-a08);border:1px solid var(--cy-a30);border-radius:99px;align-items:center;gap:6px;height:28px;padding:0 6px 0 11px;font-size:13px;display:inline-flex}.rchip.bad{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad-tx)}.rchip button{width:18px;height:18px;color:var(--tx-3);border-radius:50%;place-items:center;display:grid}.rchip button:hover{background:var(--ov-3);color:var(--tx)}.rchip svg{width:12px;height:12px}.ccbcc{color:var(--tx-3);gap:10px;padding-top:6px;font-size:13px;display:flex}.ccbcc button:hover{color:var(--cy-text)}.sugg{inset-inline-start:64px;z-index:5;background:var(--panel-3);border:1px solid var(--line-2);min-width:280px;box-shadow:var(--shadow-pop);border-radius:12px;padding:6px;position:absolute;top:100%}.sugg button{text-align:start;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 8px;display:flex}.sugg button:hover{background:var(--cy-a08)}.sugg small{color:var(--tx-3);font-size:12px;display:block}.editor{white-space:pre-wrap;overflow-wrap:anywhere;outline:0;flex:1;min-height:200px;max-height:380px;padding:16px 18px;line-height:1.65;overflow:auto}.editor:empty:before{content:attr(data-ph);color:var(--tx-3)}.c-atts{flex-wrap:wrap;gap:8px;padding:0 18px 8px;display:flex}.c-foot{border-top:1px solid var(--line);align-items:center;gap:6px;padding:10px 14px 12px;display:flex}.btn-send{height:40px;color:var(--on-cy);background:linear-gradient(135deg, var(--cy), var(--cy-2));box-shadow:var(--btn-shadow);border-radius:12px;align-items:center;gap:8px;margin-inline-end:6px;padding:0 20px;font-weight:650;transition:transform .15s;display:inline-flex}.btn-send:hover{transform:translateY(-1px)}.c-foot .status{color:var(--tx-3);white-space:nowrap;margin-inline-start:auto;padding:0 6px;font-size:12px}.page{border-radius:var(--r-lg);background:var(--panel-grad), var(--panel);border:1px solid var(--line);min-height:0;box-shadow:var(--shadow-panel);flex:1;margin:0 14px 14px;padding:clamp(18px,3vw,32px);animation:.3s both fade;overflow:auto}.page h1{letter-spacing:-.3px;font-size:22px;font-weight:650}.page .lead-txt{color:var(--tx-3);margin:4px 0 24px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.ccard{background:var(--ov-1);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.ccard:hover{border-color:var(--cy-line);box-shadow:0 14px 40px -20px var(--cy-a30);transform:translateY(-2px)}.ccard .t{flex:1;min-width:0}.ccard b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.ccard small{color:var(--tx-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.set{grid-template-columns:200px 1fr;gap:28px;max-width:960px;display:grid}.tabs{flex-direction:column;gap:2px;display:flex}.tabs button{height:38px;color:var(--tx-2);border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:flex}.tabs button:hover{background:var(--ov-2)}.tabs button.on{background:var(--cy-a08);color:var(--cy-text)}.sec{align-content:start;gap:18px;display:grid}.sec h2{font-size:16px;font-weight:650}.srow{background:var(--ov-1);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.srow.quota .meter{max-width:360px;margin:10px 0 2px}.srow b{font-weight:600}.srow small{color:var(--tx-3);align-items:center;gap:6px;margin-top:1px;font-size:12.5px;display:flex}.ta{resize:vertical;background:var(--sunk);border:1px solid var(--line-2);width:100%;min-height:110px;color:var(--tx);border-radius:12px;outline:0;padding:12px 14px;line-height:1.6}.ta:focus{border-color:var(--cy-line);box-shadow:0 0 0 4px var(--cy-a08)}.preview-sig{border:1px dashed var(--line-2);color:var(--tx-2);white-space:pre-wrap;border-radius:12px;padding:14px 16px;font-size:13.5px}@media (max-width:1179px){.app{--side-w:78px}.side{align-items:center;padding:18px 10px}.brand{padding:2px 0 6px}.side .brand div,.side .lbl,.side .cnt,.btn-compose span,.btn-compose kbd,.side-foot{display:none}.btn-compose{justify-content:center;width:48px;padding:0}.nav{align-items:stretch}.nav button{justify-content:center;width:48px;padding:0}.nav button.on:before{inset-inline-start:-10px}.content{grid-template-columns:minmax(300px,40%) 1fr}}@media (max-width:799px){.app{grid-template-columns:1fr}.side{z-index:50;background:var(--bg-2);border-inline-end:1px solid var(--line-2);width:min(86vw,320px);transition:transform .3s var(--ease);align-items:stretch;padding:18px 14px;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-104%)}[dir=rtl] .side{transform:translate(104%)}.side.open,[dir=rtl] .side.open{transform:none}.side .brand div,.side .lbl,.side .cnt,.btn-compose span,.btn-compose kbd{display:revert}.side-foot{display:block}.btn-compose{justify-content:flex-start;width:auto;padding:0 16px}.nav button{justify-content:flex-start;width:auto;padding:0 12px}.nav button.on:before{inset-inline-start:-14px}.scrim{z-index:45;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;transition:opacity .3s;display:block;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.only-mobile{display:grid}.top{gap:8px;height:60px;padding:0 12px}.top>.grow,.top .demo-pill,.top .bell,.search kbd,.top .lang-btn span{display:none}.top .lang-btn{padding:0 8px}.content{padding:0 10px calc(74px + env(safe-area-inset-bottom));grid-template-columns:1fr}.page{margin:0 10px calc(74px + env(safe-area-inset-bottom))}.read-pane{z-index:40;background:var(--bg-2);transition:transform .32s var(--ease);border:0;border-radius:0;position:fixed;inset:0;transform:translate(100%)}[dir=rtl] .read-pane{transform:translate(-100%)}.read-pane.open,[dir=rtl] .read-pane.open{transform:none}.r-bar{padding:10px}.chip-btn span{display:none}.chip-btn{padding:0 10px}.r-scroll{padding:20px 16px 90px}.r-subject{font-size:20px}.r-meta{flex-wrap:wrap}.r-who .addr{margin-inline-start:0;display:block}.r-date{flex-basis:100%;padding-block:2px 0;padding-inline:60px 0}.details{margin-inline-start:0}.set{grid-template-columns:1fr}.tabs{flex-direction:row;overflow-x:auto}.tabs button{white-space:nowrap}.tabbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:35;background:color-mix(in srgb, var(--panel-2) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-2);height:58px;box-shadow:var(--shadow-pop);border-radius:20px;display:flex;position:fixed}.tabbar button{color:var(--tx-3);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10.5px;display:flex;position:relative}.tabbar button.on{color:var(--cy-text)}.tabbar button.on:after{content:"";background:var(--cy-text);width:16px;height:3px;box-shadow:var(--glow);border-radius:3px;position:absolute;bottom:5px}.fab{inset-inline-end:18px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:34;width:56px;height:56px;color:var(--on-cy);background:linear-gradient(135deg, var(--cy), var(--cy-2));box-shadow:var(--btn-shadow);border-radius:18px;place-items:center;display:grid;position:fixed}.fab svg{width:22px;height:22px}.compose{border:0;border-radius:0;width:auto;max-height:none;inset:0}.editor{max-height:none}.toasts{bottom:calc(92px + env(safe-area-inset-bottom))}.login{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:auto;align-content:start;gap:28px;padding:56px 18px 24px}.login-hero h2{margin-top:18px}.login-hero ul{display:none}.login-card{padding:26px 22px}}@media (max-width:420px){.login-hero p{display:none}}

/* BSensei Mail V2 : nom de marque aligne avec le grand logo dans le panneau gauche */
.login-hero-brand .brand{padding:0;gap:14px;font-size:clamp(21px,2.1vw,28px);white-space:nowrap}
.login-hero-brand .logo{width:60px;height:60px;border-radius:14px}

/* V5 : proportions équilibrées à gauche, alignées visuellement sur la carte */
.login{padding:56px clamp(34px,7vw,136px) 16px;gap:28px clamp(48px,5vw,88px)}
.login-hero{max-width:640px;justify-self:start;margin-inline-start:clamp(16px,3.4vw,72px)}
.login-hero-brand .brand{gap:15px;font-size:clamp(22px,1.9vw,28px)}
.login-hero-brand .logo{width:58px;height:58px;border-radius:14px}
.login-hero h2{font-size:clamp(38px,3.2vw,53px);line-height:1.07;letter-spacing:-1px;margin:26px 0 16px;font-weight:760;max-width:none}
.login-hero p{font-size:clamp(17px,1.18vw,20px);line-height:1.55;max-width:550px}
.login-hero ul{margin-top:27px;gap:15px}
.login-hero li{gap:13px;font-size:clamp(15px,1.08vw,18px)}
.login-hero li .ic{width:37px;height:37px;border-radius:11px}
@media(max-width:1280px){.login-hero{max-width:580px;margin-inline-start:clamp(8px,2vw,24px)}.login-hero h2{font-size:clamp(37px,3.55vw,47px)}}
@media(max-width:980px){.login{position:relative;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:82px clamp(20px,6vw,38px) 16px;gap:28px}.login-hero{max-width:100%;margin-inline-start:0}.login-hero h2{font-size:clamp(36px,5vw,46px)}.login-hero p{font-size:17px}.login-hero li{font-size:16px}.login-card{justify-self:stretch;max-width:520px}}
@media(max-width:520px){.login-hero h2{font-size:clamp(30px,8vw,38px)}.login-hero-brand .brand{font-size:21px}.login-hero-brand .logo{width:50px;height:50px}}