:root{--brand: #C9A227;--brand-dark: #A6851F;--brand-soft: #F7F0DC;--brand-glow: #E0C15A;--gold: #CEAC58;--gold-deep: #8B7320;--silver: #C3C2C0;--silver-2: #9CA3AF;--ink: #12141A;--ink-2: #3c4257;--muted: #6b7280;--line: #e8eaef;--bg: #F3F4F6;--sidebar: #0B0D10;--sidebar-2: #151920;--card: #ffffff;--danger: #e03131;--warn: #f59f00;--info: #228be6;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .06);--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.pub-top{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);text-decoration:none!important}.logo-mark{width:36px;height:36px;border-radius:10px;background:#0b0d10;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 16px #c9a22759;border:1px solid rgba(201,162,39,.35)}.logo-mark img{width:100%;height:100%;object-fit:contain;display:block}.logo-mark.letter{color:#0b0d10;font-size:15px;font-weight:800;background:linear-gradient(135deg,#e0c15a,#c9a227)}.pub-nav{display:flex;gap:8px;align-items:center}.pub-nav a{color:var(--ink-2);text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:500;font-size:14px}.pub-nav a:hover{background:var(--bg);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-weight:600;border-radius:10px;padding:11px 18px;transition:.15s ease;text-decoration:none!important}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px #c9a22747}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background:var(--bg)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.auth-shell{min-height:calc(100vh + -0px);display:grid;grid-template-columns:1.05fr 1fr}.auth-brand{background:radial-gradient(1200px 600px at 10% 10%,rgba(224,193,90,.25),transparent 55%),radial-gradient(900px 500px at 90% 80%,rgba(34,139,230,.18),transparent 50%),linear-gradient(160deg,#0b1f1a,#0f1419 45%,#15202b);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;margin:18px 0 12px;letter-spacing:-.02em}.auth-brand p{color:#c5d0db;max-width:420px}.auth-features{display:grid;gap:12px;margin-top:28px}.auth-feature{display:flex;gap:12px;align-items:flex-start;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}.auth-feature span{width:28px;height:28px;border-radius:8px;background:#c9a22740;color:#e0c15a;display:grid;place-items:center;font-size:14px;flex-shrink:0}.auth-panel{display:grid;place-items:center;padding:40px 24px;background:#fff}.auth-card{width:100%;max-width:420px}.auth-card h2{margin:0 0 6px;font-size:1.6rem;letter-spacing:-.02em}.auth-card .sub{color:var(--muted);margin:0 0 24px;font-size:14px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--ink-2)}.field input{border:1px solid var(--line);border-radius:10px;padding:12px 14px;outline:none;background:#fff;transition:border .15s,box-shadow .15s}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c9a22726}.alert{border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:14px}.alert-error{background:#fff5f5;color:var(--danger);border:1px solid #ffc9c9}.alert-ok{background:var(--brand-soft);color:var(--brand-dark);border:1px solid #E8D9A0}.auth-footer{margin-top:18px;font-size:14px;color:var(--muted);text-align:center}.hero-wrap{max-width:1120px;margin:0 auto;padding:56px 24px 80px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.hero-kicker{display:inline-flex;gap:8px;align-items:center;background:var(--brand-soft);color:var(--brand-dark);font-weight:600;font-size:13px;padding:6px 12px;border-radius:999px}.hero-wrap h1{font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.03em;line-height:1.1;margin:16px 0 14px}.hero-wrap .lead{color:var(--ink-2);font-size:1.08rem;max-width:520px}.hero-cta{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px}.hero-card h3{margin:0 0 12px;font-size:15px;color:var(--muted);font-weight:600}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:var(--bg);border-radius:12px;padding:14px}.metric b{display:block;font-size:1.35rem;color:var(--ink)}.metric span{font-size:12px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.feature-card .ico{width:40px;height:40px;border-radius:12px;background:var(--brand-soft);color:var(--brand-dark);display:grid;place-items:center;font-weight:700;margin-bottom:12px}.feature-card h4{margin:0 0 8px}.feature-card p{margin:0;color:var(--muted);font-size:14px}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:#d7dee7;padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .logo{color:#fff;padding:6px 8px 18px}.side-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7d8a99;padding:14px 12px 6px;font-weight:700}.side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#c9d3de!important;text-decoration:none!important;font-size:14px;font-weight:500;margin-bottom:2px}.side-link:hover{background:#ffffff0f}.side-link.active{background:linear-gradient(90deg,#0b996e47,#0b996e14);color:#fff!important;box-shadow:inset 3px 0 0 var(--brand)}.side-link .dot{width:18px;text-align:center;opacity:.9;font-size:13px}.side-foot{margin-top:auto;padding:12px 8px;border-top:1px solid rgba(255,255,255,.08)}.side-user{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#228be6);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}.side-user .meta{min-width:0}.side-user .meta b{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user .meta span{display:block;color:#8b97a6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-admin{display:inline-block;margin-top:4px;font-size:10px;font-weight:700;background:#f59f0033;color:#ffd43b;padding:2px 6px;border-radius:999px}.main{min-width:0;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:1.25rem;letter-spacing:-.02em}.topbar .crumb{color:var(--muted);font-size:13px;margin-top:2px}.content{padding:24px 28px 48px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-h h2{margin:0;font-size:1.05rem}.card-h p{margin:4px 0 0;color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-12px;top:-12px;width:64px;height:64px;border-radius:50%;background:var(--brand-soft);opacity:.7}.stat-card .label{color:var(--muted);font-size:13px;font-weight:500}.stat-card .value{font-size:1.7rem;font-weight:700;margin-top:6px;letter-spacing:-.02em}.stat-card .hint{margin-top:6px;font-size:12px;color:var(--muted)}.progress{height:8px;background:#eef1f5;border-radius:999px;overflow:hidden;margin-top:10px}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-glow));border-radius:999px}.panel-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.list-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.list-row:last-child{border-bottom:0}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.pill-green{background:#f7f0dc;color:#a6851f}.pill-gray{background:#f1f3f5;color:#495057}.pill-amber{background:#fff3bf;color:#e67700}.pill-red{background:#ffe3e3;color:#c92a2a}table.data{width:100%;border-collapse:collapse}table.data th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--line)}table.data td{padding:12px 8px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}table.data tr:hover td{background:#fafbfc}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f1f3f5;padding:2px 6px;border-radius:6px;font-size:12px}.form-inline{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-bottom:16px}.form-stack{display:grid;gap:4px;max-width:520px}.muted{color:var(--muted);font-size:13px}.empty{text-align:center;padding:28px 12px;color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:32px auto;padding:0 24px 48px}.price-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.price-card.featured{border-color:var(--brand);box-shadow:0 10px 30px #0b996e26}.price-card h3{margin:0 0 6px}.price-card .price{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:12px 0}.price-card ul{margin:0 0 18px;padding-left:18px;color:var(--ink-2);font-size:14px}.cf-card{background:linear-gradient(135deg,#f8fffc,#fff 55%,#f3f8ff);border-color:#c3fae8}.cf-form,.domain-add,.cf-connected{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.cf-connected{align-items:center;justify-content:space-between;background:#f7f0dc;border:1px solid #E0C15A;border-radius:12px;padding:14px 16px}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:18px}.domain-tile{text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;cursor:pointer;display:grid;gap:6px;transition:.15s ease;font:inherit;color:inherit}.domain-tile:hover{border-color:#e0c15a;box-shadow:var(--shadow)}.domain-tile.active{border-color:var(--brand);box-shadow:0 0 0 3px #0b996e1f}.domain-tile-top{display:flex;justify-content:space-between;align-items:center}.domain-ico{width:32px;height:32px;border-radius:10px;background:var(--brand-soft);color:var(--brand-dark);display:grid;place-items:center;font-weight:700}.dns-list{display:grid;gap:14px}.dns-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fafbfc}.dns-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.dns-card-head h3{margin:2px 0 4px;font-size:1.02rem}.dns-card-head p{margin:0;color:var(--muted);font-size:13px}.dns-step{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand)}.dns-badges{display:flex;gap:6px;flex-wrap:wrap}.dns-fields{display:grid;grid-template-columns:1fr 120px;gap:10px}.dns-field{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}.dns-field-wide{grid-column:1 / -1}.dns-field-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--muted)}.dns-value{display:block;font-size:13px;word-break:break-all;background:#f1f3f5;padding:8px 10px;border-radius:8px;color:var(--ink)}.dns-value.wrap{white-space:pre-wrap}.btn-copy{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink-2);transition:.12s ease}.btn-copy:hover{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft)}.btn-copy.ok{border-color:#e0c15a;background:#f7f0dc;color:#a6851f}.copy-ico{font-size:13px}.sync-summary{background:#e7f5ff;border:1px solid #a5d8ff;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:14px}.sync-summary ul{margin:8px 0 0;padding-left:18px;color:var(--ink-2)}.sender-form{display:grid;gap:12px;max-width:520px}.sender-form select,.sender-form input{border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:100%;background:#fff}.local-part{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.local-part input{border:none!important;border-radius:0!important;flex:1}.local-part .at{background:#f1f3f5;padding:12px 14px;color:var(--muted);font-weight:600;white-space:nowrap;border-left:1px solid var(--line)}.logo-brand-grid{display:grid;grid-template-columns:1fr 1.2fr 120px;gap:14px;align-items:end}.logo-preview-box{width:112px;height:112px;border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;background:#fafbfc;overflow:hidden}.bimi-box{margin-top:16px;padding:14px;border-radius:12px;background:#f8fffc;border:1px solid #c3fae8}@media (max-width: 900px){.logo-brand-grid{grid-template-columns:1fr}}@media (max-width: 980px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.stats{grid-template-columns:1fr 1fr}.panel-grid,.hero-grid,.feature-grid,.price-grid,.form-inline,.dns-fields{grid-template-columns:1fr}}.email-preview-frame{width:100%;min-height:280px;height:360px;border:1px solid var(--line);border-radius:12px;background:#fff;display:block}.tz-banner{display:flex;gap:12px;align-items:flex-start;background:#fbf8ef;border:1px solid #E8D9A0;border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-size:13px;color:var(--ink)}.tz-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--brand);flex-shrink:0;box-shadow:0 0 0 4px #c9a22726}.eng-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.eng-row:last-child{border-bottom:0}.engagement-times{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fafbfc}.wm{display:grid;grid-template-columns:240px minmax(300px,1fr) minmax(360px,1.15fr);gap:0;min-height:calc(100vh - 120px);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0f172a0f}.wm-nav{background:#f8fafc;border-right:1px solid #e8edf2;padding:18px 14px 14px;display:flex;flex-direction:column;gap:14px}.wm-compose-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:999px;padding:13px 18px;font-size:15px;font-weight:800;letter-spacing:-.01em;color:#fff;background:linear-gradient(135deg,#c9a227,#a6851f);box-shadow:0 8px 20px #c9a22747;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.wm-compose-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #c9a22759}.wm-compose-plus{font-size:20px;line-height:1;font-weight:400}.wm-account label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:6px}.wm-account select{width:100%;border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;color:#0f172a}.wm-warn{margin-top:8px;font-size:12px;font-weight:600;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px 10px}.wm-warn a{color:#b45309;font-weight:800;text-decoration:underline}.wm-folders{display:grid;gap:2px}.wm-fold{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;width:100%;border:0;background:transparent;border-radius:10px;padding:10px 12px;color:#475569;cursor:pointer;text-align:left;font-size:14px}.wm-fold:hover{background:#eef2f6;color:#0f172a}.wm-fold.active{background:#f7f0dc;color:#a6851f}.wm-fold-label{font-weight:700}.wm-fold.active .wm-fold-label{font-weight:800}.wm-count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#c9a227;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.wm-nav-foot{margin-top:auto;padding-top:8px}.wm-live{font-size:12px;font-weight:700;color:#94a3b8}.wm-live.on{color:#a6851f}.wm-live.on:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e0c15a;margin-right:6px;box-shadow:0 0 0 3px #e0c15a33}.wm-list{border-right:1px solid #e8edf2;display:flex;flex-direction:column;min-width:0;background:#fff}.wm-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;border-bottom:1px solid #eef2f6}.wm-list-head h1{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:#0f172a}.wm-list-head p{margin:4px 0 0;font-size:13px;font-weight:600;color:#94a3b8}.wm-list-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wm-search{display:flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:999px;padding:8px 14px;min-width:180px;color:#64748b}.wm-search input{border:0;background:transparent;outline:none;width:140px;font-size:13px;font-weight:600;color:#0f172a}.wm-rows{overflow:auto;flex:1;max-height:calc(100vh - 220px)}.wm-row{display:grid;grid-template-columns:42px 1fr 10px;gap:12px;align-items:start;width:100%;border:0;border-bottom:1px solid #f1f5f9;background:#fff;padding:14px 16px;cursor:pointer;text-align:left;transition:background .12s ease}.wm-row:hover{background:#f8fafc}.wm-row.active{background:#fbf8ef}.wm-row.unread{background:#fcfffe}.wm-row.unread .wm-from,.wm-row.unread .wm-subj{font-weight:800;color:#0f172a}.wm-avatar{width:40px;height:40px;border-radius:12px;background:#e2e8f0;color:#334155;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}.wm-avatar.hot{background:linear-gradient(135deg,#c9a227,#e0c15a);color:#fff}.wm-avatar.lg{width:48px;height:48px;font-size:15px;border-radius:14px}.wm-row-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:2px}.wm-from{font-size:14px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-row-top time{font-size:11px;font-weight:700;color:#94a3b8;white-space:nowrap}.wm-subj{font-size:13px;font-weight:700;color:#334155;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-preview{font-size:12px;font-weight:500;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-dot{width:8px;height:8px;border-radius:50%;background:#c9a227;margin-top:16px;box-shadow:0 0 0 3px #c9a22726}.wm-list-empty{padding:48px 24px;text-align:center;color:#64748b}.wm-list-empty b{display:block;font-size:16px;font-weight:800;color:#0f172a;margin-bottom:6px}.wm-reader{display:flex;flex-direction:column;min-width:0;background:#fff;padding:0 0 16px}.wm-reader-empty{flex:1;display:grid;place-content:center;text-align:center;gap:6px;color:#64748b;padding:40px}.wm-reader-empty-icon{font-size:42px;margin-bottom:8px;opacity:.7}.wm-reader-empty b{font-size:18px;font-weight:800;color:#0f172a}.wm-reader-head{padding:20px 22px 12px;border-bottom:1px solid #eef2f6}.wm-reader-head h1{margin:0 0 12px;font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:#0f172a;line-height:1.25}.wm-reader-actions{display:flex;flex-wrap:wrap;gap:8px}.wm-meta{display:flex;gap:14px;padding:16px 22px;align-items:flex-start}.wm-meta-from{font-size:15px;color:#0f172a;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.wm-meta-from b{font-weight:800}.wm-email-muted{font-size:13px;font-weight:600;color:#94a3b8}.wm-meta-to,.wm-meta-date{font-size:13px;font-weight:600;color:#64748b;margin-top:3px}.wm-meta-to b{color:#0f172a;font-weight:700}.wm-track-pill{margin:0 22px 10px;display:inline-flex;align-self:flex-start;padding:6px 12px;border-radius:999px;background:#f7f0dc;color:#a6851f;font-size:12px;font-weight:800}.wm-body{flex:1;padding:0 18px 8px;min-height:280px}.wm-frame{width:100%;min-height:360px;height:calc(100vh - 360px);border:1px solid #eef2f6;border-radius:14px;background:#fff}.wm-compose-panel{grid-column:2 / -1;padding:22px 28px 28px;overflow:auto;background:#fff}.wm-compose-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.wm-compose-head h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:#0f172a}.wm-compose-head p{margin:6px 0 0;font-size:14px;font-weight:600;color:#64748b}.wm-compose-form{max-width:860px;display:grid;gap:4px}.wm-field-row{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.wm-field-row label{font-size:13px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.wm-field-row input,.wm-field-row select{width:100%;border:0;outline:none;background:transparent;font-size:15px;font-weight:700;color:#0f172a;padding:8px 0}.wm-field-row input::placeholder{color:#cbd5e1;font-weight:600}.wm-subject-input{font-size:17px!important;font-weight:800!important}.wm-field-grow{display:flex;align-items:center;gap:10px}.wm-linkish{border:0;background:transparent;color:#c9a227;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap}.wm-editor-block{margin-top:14px}.wm-editor-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.wm-editor-label b{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.wm-editor-label span{font-size:12px;font-weight:600;color:#94a3b8}.wm-compose-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.wm-send{min-width:120px;font-weight:800!important;padding:12px 22px!important;border-radius:999px!important}.re-wrap{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0f172a0a}.re-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;background:#f8fafc;border-bottom:1px solid #e8edf2}.re-tools{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.re-btn{border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:800;color:#334155;cursor:pointer;min-width:34px}.re-btn:hover{border-color:#c9a227;color:#a6851f;background:#fbf8ef}.re-sep{width:1px;height:22px;background:#e2e8f0;margin:0 4px}.re-mode{display:inline-flex;background:#e2e8f0;border-radius:999px;padding:3px}.re-mode-btn{border:0;background:transparent;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;color:#64748b;cursor:pointer}.re-mode-btn.on{background:#fff;color:#a6851f;box-shadow:0 1px 3px #0f172a14}.re-editor{min-height:280px;max-height:420px;overflow:auto;padding:18px 20px;font-size:15px;font-weight:500;line-height:1.6;color:#0f172a;outline:none}.re-editor:empty:before{content:attr(data-placeholder);color:#cbd5e1;font-weight:600}.re-html{width:100%;min-height:280px;max-height:420px;border:0;outline:none;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:600;line-height:1.5;color:#e2e8f0;background:#0f172a;resize:vertical}.wm-loading,.wm-empty-state{min-height:420px;display:grid;place-items:center;color:#64748b}.wm-spinner{width:36px;height:36px;border-radius:50%;border:3px solid #e2e8f0;border-top-color:#c9a227;animation:wmspin .7s linear infinite;margin:0 auto 12px}@keyframes wmspin{to{transform:rotate(360deg)}}.wm-empty-card{max-width:480px;background:#fff;border:1px solid #e8edf2;border-radius:18px;padding:32px;box-shadow:0 12px 40px #0f172a0f;text-align:left}.wm-empty-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#f7f0dc;font-size:26px;margin-bottom:14px}.wm-empty-card h2{margin:0 0 8px;font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:#0f172a}.wm-empty-card p{margin:0 0 14px;font-weight:600;color:#64748b;line-height:1.5}.wm-empty-card ol{margin:0 0 18px;padding-left:18px;font-weight:600;color:#334155;line-height:1.8}.wm-empty-card a{font-weight:800;color:#c9a227}.topbar h1{font-weight:800!important;letter-spacing:-.03em}.side-link{font-weight:600}.side-link.active,.btn-primary{font-weight:800}@media (max-width: 1200px){.wm{grid-template-columns:220px 1fr}.wm-reader{display:none}.wm-compose-panel{grid-column:2}}@media (max-width: 860px){.wm{grid-template-columns:1fr;min-height:auto}.wm-nav{border-right:0;border-bottom:1px solid #e8edf2}.wm-field-row{grid-template-columns:1fr;gap:4px}}.conn{display:grid;gap:20px}.conn-hero{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#0b1f17,#0f3d2e 55%,#c9a227 140%);color:#fff;box-shadow:0 12px 40px #c9a2272e}.conn-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e0c15a;margin-bottom:8px}.conn-hero h1{margin:0;font-size:1.65rem;font-weight:800;letter-spacing:-.03em;max-width:560px}.conn-hero p{margin:10px 0 0;max-width:560px;font-size:14px;font-weight:600;line-height:1.55;color:#ffffffd1}.conn-hero-stats{display:flex;gap:12px;align-items:stretch}.conn-stat{min-width:100px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px;text-align:center}.conn-stat b{display:block;font-size:1.6rem;font-weight:800;letter-spacing:-.03em}.conn-stat span{font-size:12px;font-weight:700;color:#ffffffbf}.conn-card{background:#fff;border:1px solid #e8edf2;border-radius:16px;padding:20px 22px 22px;box-shadow:0 6px 24px #0f172a0a}.conn-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.conn-card-head h2{margin:0;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:#0f172a}.conn-card-head p{margin:6px 0 0;font-size:13px;font-weight:600;color:#64748b;max-width:520px}.conn-create{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.conn-input{border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;min-width:180px;color:#0f172a}.conn-ports{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.conn-port{background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;padding:12px 14px;display:grid;gap:4px}.conn-port-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.conn-port b{font-size:14px;font-weight:800;color:#0f172a;word-break:break-all}.conn-secret{background:#fbf8ef;border:1px solid #E8D9A0;border-radius:14px;padding:14px 16px;margin-bottom:14px}.conn-secret-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.conn-secret-title b{font-weight:800;color:#a6851f}.conn-secret-title span{font-size:12px;font-weight:700;color:#c9a227}.conn-secret-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conn-secret-grid label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:#64748b;margin-bottom:4px}.conn-copy-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.conn-copy-row code,.conn-user{font-weight:700;font-size:13px;background:#f1f5f9;padding:4px 8px;border-radius:6px}.conn-table-wrap{overflow-x:auto}.conn-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:4px 0}.conn-divider-line{height:1px;background:linear-gradient(90deg,transparent,#cbd5e1,transparent)}.conn-divider-badge{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:10px 18px 10px 12px;box-shadow:0 6px 20px #0f172a0d;max-width:420px}.conn-door-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c9a227,#e0c15a);color:#fff;font-weight:800;flex-shrink:0}.conn-divider-badge b{display:block;font-size:13px;font-weight:800;color:#0f172a}.conn-divider-badge p{margin:2px 0 0;font-size:12px;font-weight:600;color:#64748b}.conn-door{border-color:#c3fae8;box-shadow:0 8px 28px #c9a22712}.conn-proto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.conn-proto{border:1px solid #e8edf2;border-radius:14px;padding:16px;background:#fafbfc}.conn-proto.highlight{background:linear-gradient(180deg,#fbf8ef,#fff 70%);border-color:#e8d9a0}.conn-proto-tag{display:inline-flex;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 9px;border-radius:999px;margin-bottom:10px}.conn-proto-tag.recv{background:#e0f2fe;color:#0369a1}.conn-proto-tag.send{background:#fef3c7;color:#b45309}.conn-proto-tag.both{background:#f7f0dc;color:#a6851f}.conn-proto h3{margin:0 0 6px;font-size:1.05rem;font-weight:800;color:#0f172a}.conn-proto-desc{margin:0 0 12px;font-size:13px;font-weight:600;color:#64748b;line-height:1.45;min-height:38px}.conn-kv{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #eef2f6;font-size:13px}.conn-kv span{font-weight:700;color:#94a3b8}.conn-kv b{font-weight:800;color:#0f172a;text-align:right}.conn-snippet{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.5;overflow:auto;margin:0 0 12px}.conn-mboxes{margin-top:8px}.conn-mboxes h3{margin:0 0 10px;font-size:14px;font-weight:800;color:#0f172a}.conn-mbox-list{display:grid;gap:8px}.conn-mbox{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid #eef2f6;border-radius:12px;background:#fff}.conn-mbox-av{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#c9a227,#e0c15a);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.conn-mbox b{display:block;font-weight:800;color:#0f172a;font-size:14px}.conn-mbox span{font-size:12px;font-weight:600;color:#64748b}.conn-note{margin:12px 0 0;font-size:12px;font-weight:600;color:#64748b}.conn-note a{font-weight:800;color:#c9a227}.conn-empty-mbox{text-align:center;padding:28px 16px;background:#f8fafc;border-radius:14px;border:1px dashed #cbd5e1}.conn-empty-mbox b{display:block;font-size:16px;font-weight:800;color:#0f172a;margin-bottom:6px}.conn-empty-mbox p{margin:0 0 14px;font-weight:600;color:#64748b}.conn-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.conn-tab{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;color:#64748b;cursor:pointer}.conn-tab.on{background:#f7f0dc;border-color:#e0c15a;color:#a6851f}.conn-guide{background:#f8fafc;border-radius:14px;padding:16px 18px 8px;border:1px solid #eef2f6}.conn-guide h3{margin:0 0 10px;font-size:15px;font-weight:800;color:#0f172a}.conn-guide ol{margin:0;padding-left:18px;font-size:14px;font-weight:600;color:#334155;line-height:1.7}@media (max-width: 1000px){.conn-ports,.conn-proto-grid,.conn-secret-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.conn-ports,.conn-proto-grid,.conn-secret-grid,.conn-divider{grid-template-columns:1fr}.conn-divider-line{display:none}}.mbx{display:grid;gap:18px}.mbx-hero{padding:20px 22px;border-radius:16px;background:linear-gradient(135deg,#0f172a,#0f3d2e 70%);color:#fff}.mbx-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e0c15a;margin-bottom:6px}.mbx-hero h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.mbx-hero p{margin:8px 0 0;max-width:640px;font-size:14px;font-weight:600;color:#ffffffd1;line-height:1.5}.mbx-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mbx-card{background:#fff;border:1px solid #e8edf2;border-radius:16px;padding:18px 20px;box-shadow:0 6px 22px #0f172a0a}.mbx-card-h{margin-bottom:14px}.mbx-card-h h2{margin:0;font-size:1.1rem;font-weight:800;color:#0f172a}.mbx-card-h p{margin:4px 0 0;font-size:13px;font-weight:600;color:#64748b}.mbx-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.mbx-secret{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fbf8ef;border:1px solid #E8D9A0}.mbx-secret b{color:#a6851f;font-weight:800}.mbx-secret p{margin:4px 0 8px;font-size:13px;font-weight:600;color:#a6851f}.mbx-diag-row{display:flex;gap:8px;flex-wrap:wrap}.mbx-diag-row input{flex:1;min-width:180px;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font-weight:600}.mbx-diag{margin-top:12px}.mbx-ready{padding:10px 12px;border-radius:10px;font-weight:800;font-size:13px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;margin-bottom:10px}.mbx-ready.yes{background:#fbf8ef;color:#8b7320;border-color:#e8d9a0}.mbx-checks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mbx-checks div{font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px}.mbx-checks .ok{background:#f7f0dc;color:#a6851f}.mbx-checks .bad{background:#fff5f5;color:#c92a2a}.mbx-checks .warn{background:#fff9db;color:#e67700}.mbx-srv{border:1px solid #eef2f6;border-radius:12px;padding:10px 12px;margin-bottom:10px;background:#f8fafc}.mbx-srv h3{margin:0 0 8px;font-size:13px;font-weight:800;color:#0f172a}.mbx-srv-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0;font-size:13px}.mbx-srv-row span{color:#94a3b8;font-weight:700;min-width:120px}.mbx-srv-row b{font-weight:800;color:#0f172a}.mbx-tips{margin:8px 0;padding-left:18px;font-size:13px;font-weight:600;color:#334155;line-height:1.55}.mbx-note{font-size:12px;font-weight:600;color:#64748b;margin:8px 0 0}.mbx-placeholder{padding:20px;border-radius:12px;background:#f8fafc;border:1px dashed #cbd5e1;font-weight:600;color:#64748b;font-size:14px}.mbx-pw-form{background:#fbf8ef;border:1px solid #E8D9A0;border-radius:12px;padding:12px 14px;margin-bottom:14px}.mbx-pw-form b{display:block;margin-bottom:8px;font-weight:800;color:#a6851f}.mbx-row-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}@media (max-width: 960px){.mbx-grid{grid-template-columns:1fr}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);overscroll-behavior-y:none}button,.btn,.side-link,.wm-fold,.wm-row,.conn-tab{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn,.btn-primary,.btn-secondary{min-height:42px}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:18px;height:2px;background:#e0c15a;border-radius:2px;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007a;z-index:40}.topbar-mobile{display:none}@media (max-width: 900px){.nav-toggle{display:inline-flex}.topbar-mobile{display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:calc(10px + var(--safe-top));background:var(--sidebar);border-bottom:1px solid rgba(201,162,39,.2);position:sticky;top:0;z-index:30}.topbar-mobile .logo{color:#fff;flex:1;min-width:0}.topbar-mobile .logo span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.app-shell{grid-template-columns:1fr!important;min-height:100dvh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,88vw);z-index:50;transform:translate(-105%);transition:transform .22s ease;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom));overflow-y:auto;box-shadow:12px 0 40px #00000059}.app-shell.nav-open .sidebar{transform:translate(0)}.app-shell.nav-open .sidebar-backdrop{display:block}.main{min-width:0}.topbar{flex-wrap:wrap;gap:10px;padding:14px}.topbar h1{font-size:1.2rem}.content{padding:14px 12px 28px}.pub-top{padding:12px 14px;gap:8px;flex-wrap:wrap}.pub-nav{width:100%;justify-content:flex-end;flex-wrap:wrap}.auth-shell{grid-template-columns:1fr!important;min-height:100dvh}.auth-brand{display:none}.auth-panel{padding:24px 16px}.hero-wrap,.hero-grid{padding:20px 16px;grid-template-columns:1fr!important}.stats{grid-template-columns:1fr 1fr!important}.panel-grid,.price-grid,.feature-grid{grid-template-columns:1fr!important}.wm{grid-template-columns:1fr!important;min-height:calc(100dvh - 140px);border-radius:12px}.wm-nav{border-right:0;border-bottom:1px solid #e8edf2;padding:12px}.wm-compose-btn{border-radius:14px;padding:12px}.wm-folders{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.wm-fold{flex:0 0 auto;grid-template-columns:auto auto;padding:8px 12px;background:#fff;border:1px solid #e8edf2}.wm-fold .wm-fold-label{white-space:nowrap}.wm-nav-foot{display:none}.wm-list{border-right:0}.wm-reader,.wm.wm-reading .wm-list{display:none}.wm.wm-reading .wm-reader{display:flex}.wm.wm-reading .wm-nav{display:none}.wm-compose-panel{grid-column:1!important;padding:14px 12px 24px}.wm-list-head{flex-direction:column;align-items:stretch}.wm-search,.wm-search input{width:100%}.wm-field-row{grid-template-columns:1fr!important;gap:4px}.wm-frame{height:50vh;min-height:280px}.wm-reader-actions{gap:6px}.wm-reader-actions .btn{flex:1 1 auto;font-size:12px;padding:8px 10px}.conn-hero{padding:16px}.conn-hero h1{font-size:1.25rem}.conn-ports,.conn-proto-grid,.conn-secret-grid,.mbx-grid,.conn-divider{grid-template-columns:1fr!important}.conn-divider-line{display:none}.mbx-hero{padding:16px}.mbx-hero h1{font-size:1.25rem}.mbx-row-actions{flex-direction:column;align-items:stretch}.mbx-row-actions .btn{width:100%}.data{font-size:13px}.data th,.data td{padding:10px 8px}.card{border-radius:14px}.card-h{flex-direction:column;align-items:stretch;gap:10px}}.pwa-install{display:none;position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));z-index:60;background:#0b0d10;color:#fff;border:1px solid rgba(201,162,39,.45);border-radius:16px;padding:12px 14px;box-shadow:0 12px 40px #00000059;gap:10px;align-items:center}.pwa-install.show{display:flex}.pwa-install b{font-weight:800;font-size:14px;color:#e0c15a}.pwa-install p{margin:2px 0 0;font-size:12px;font-weight:600;color:#ffffffbf}.pwa-install .btn{margin-left:auto;white-space:nowrap}.smx{max-width:1120px}.smx-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.smx-hero h1{margin:4px 0 6px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#111827}.smx-hero p{margin:0;font-size:13px;color:#6b7280;max-width:520px;line-height:1.45}.smx-hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.smx-hero-meta>span{font-size:12px;font-weight:700;color:#6b7280;background:#f8f5eb;border:1px solid #ead9a0;border-radius:999px;padding:6px 10px}.smx-hero-meta b{color:#a6851f;margin-right:3px}.smx-btn{padding:6px 10px!important;font-size:12px!important;border-radius:9px!important}.smx-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.smx-strip>div{background:#fff;border:1px solid #eee6cc;border-radius:12px;padding:8px 10px;min-width:0}.smx-strip span{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#a6851f;margin-bottom:2px}.smx-strip b{font-size:12px;font-weight:700;color:#1f2937;word-break:break-all}.smx-domain{margin-bottom:18px}.smx-domain-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin-bottom:10px;border-radius:12px;background:linear-gradient(135deg,#fbf7eb,#f4ebd2);border:1px solid #ead9a0}.smx-domain-bar span{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#a6851f}.smx-domain-bar strong{font-size:15px;font-weight:800;color:#1f2937}.smx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.smx-card{background:#fff;border:1px solid #ebe3c8;border-radius:14px;padding:12px;box-shadow:0 4px 14px #a6851f0d;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s}.smx-card.open{border-color:#d4b84a;box-shadow:0 8px 22px #a6851f1f;grid-column:1 / -1}.smx-card-main{display:flex;gap:10px;align-items:flex-start}.smx-av{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#e0c15a,#a6851f);color:#fff;font-weight:800;font-size:11px;display:grid;place-items:center;flex-shrink:0}.smx-info{min-width:0;flex:1}.smx-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.smx-name-row b{font-size:13px;font-weight:800;color:#111827}.smx-email{display:block;margin-top:2px;font-size:12px;font-weight:700;color:#374151;word-break:break-all;background:transparent}.smx-domain-tag{display:inline-block;margin-top:2px;font-size:11px;font-weight:700;color:#a6851f}.smx-mini{display:flex;flex-wrap:wrap;gap:4px}.smx-mini span{font-size:10px;font-weight:700;color:#6b7280;background:#f8f5eb;border:1px solid #f0e6c4;border-radius:999px;padding:3px 7px}.smx-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.smx-detail{margin-top:4px;padding-top:10px;border-top:1px solid #f0e9d2;display:grid;gap:10px}.smx-detail-head{display:flex;align-items:center;justify-content:space-between}.smx-detail-head b{font-size:13px;font-weight:800}.smx-x{border:0;background:#f3f4f6;width:28px;height:28px;border-radius:8px;font-size:18px;line-height:1;cursor:pointer;color:#374151}.smx-x:hover{background:#e5e7eb}.smx-x.lg{width:34px;height:34px;font-size:22px}.smx-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.smx-detail-grid label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;margin-bottom:3px}.smx-detail-grid b{font-size:12px;color:#1f2937}.smx-pw{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:#f9fafb;border:1px dashed #d1d5db;font-size:12px;font-weight:700;color:#4b5563}.smx-snippet{margin:0;padding:10px 12px;border-radius:10px;background:#0f1419;color:#e5e7eb;font-size:11px;line-height:1.45;overflow:auto;max-height:150px;white-space:pre-wrap}.smx-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0f14198c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px}.smx-modal{width:min(720px,100%);max-height:min(88vh,720px);overflow:auto;background:#fff;border-radius:18px;border:1px solid #ead9a0;box-shadow:0 24px 60px #00000047;padding:16px 18px 14px}.smx-modal-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.smx-modal-h h2{margin:4px 0;font-size:18px;font-weight:800}.smx-modal-h code{font-size:12px;font-weight:700;color:#4b5563;background:#f8f5eb;padding:2px 8px;border-radius:6px}.smx-preview-body{display:grid;grid-template-columns:1fr 1fr;gap:12px}.smx-preview-pane{border:1px solid #eee6cc;border-radius:14px;padding:12px;background:#fcfaf4;min-width:0}.smx-preview-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 8px;margin-bottom:10px}.smx-preview-tag.recv{background:#e0f2fe;color:#0369a1}.smx-preview-tag.send{background:#fef3c7;color:#b45309}.smx-fake-client{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.smx-fake-top{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#111827;color:#f9fafb}.smx-fake-top span{width:8px;height:8px;border-radius:50%;background:#6b7280}.smx-fake-top span:nth-child(1){background:#f87171}.smx-fake-top span:nth-child(2){background:#fbbf24}.smx-fake-top span:nth-child(3){background:#34d399}.smx-fake-top b{margin-left:6px;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smx-fake-row{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid #f3f4f6;font-size:11px}.smx-fake-row span{color:#6b7280;font-weight:600}.smx-fake-row b{color:#111827;font-weight:700;text-align:right;word-break:break-all}.smx-modal-f{display:flex;justify-content:flex-end;margin-top:14px;padding-top:10px;border-top:1px solid #f0e9d2}@media (max-width: 760px){.smx-strip{grid-template-columns:1fr 1fr}.smx-preview-body,.smx-detail-grid{grid-template-columns:1fr}.smx-card.open{grid-column:auto}}