.section.band{background:var(--bg)}.section+.section:not(.band):not(.inverse){border-top:1px solid var(--line-soft)}.sec-head{gap:var(--s-4);max-width:760px;margin-bottom:var(--s-8);display:grid}.sec-head.center{text-align:center;justify-items:center;margin-inline:auto}.sec-head h2{font-size:var(--fs-4xl)}.sec-head .lede{margin:0}.sec-head .chip{justify-self:start}.sec-head.center .chip{justify-self:center}.hero{background:var(--bg);padding-block:clamp(40px,6vw,88px) clamp(56px,8vw,104px);overflow:hidden}.hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero-copy{gap:var(--s-6);display:grid}.hero h1{font-size:var(--fs-5xl);letter-spacing:-.015em;line-height:1.04}.hero h1 em{color:var(--accent);font-style:italic}.hero .lede{color:color-mix(in srgb, var(--ink) 72%, var(--muted));font-size:clamp(1.0625rem,1rem + .4vw,1.3125rem)}.hero-note{font-size:var(--fs-sm);color:var(--muted)}.hero-facts{gap:var(--s-2) var(--s-5);font-size:var(--fs-sm);color:var(--ink);flex-wrap:wrap;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.hero-facts li{align-items:center;gap:6px;display:inline-flex}.hero-facts svg{width:16px;height:16px;color:var(--ok)}.hero-announce{align-items:center;gap:var(--s-2);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line-soft);font-size:var(--fs-sm);color:var(--ink);transition:border-color var(--t-fast) var(--ease);justify-self:start;padding:4px 6px 4px 4px;text-decoration:none;display:inline-flex}.hero-announce:hover{border-color:var(--accent-line)}.hero-announce .chip{min-height:22px}.hero-announce svg{width:14px;height:14px;color:var(--muted)}.hero-visual{position:relative}.hero-visual .mock{width:min(900px,100%)}@media (width<=1179px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:760px}.hero-visual{margin-right:0}}@media (width<=639px){.hero-visual{display:none}}.showcase-tabs{margin-bottom:var(--s-7);justify-content:center;display:flex}.showcase-tabs .segmented button{min-height:40px;padding:0 var(--s-5);font-size:var(--fs-md)}.showcase-tabs svg{width:16px;height:16px}.showcase-panel{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.showcase-panel[hidden]{display:none}.showcase-points{gap:var(--s-5);margin:0;padding:0;list-style:none;display:grid}.showcase-points li{gap:var(--s-3);grid-template-columns:40px minmax(0,1fr);display:grid}.showcase-points .ic{border-radius:var(--r-md);background:var(--surface);width:40px;height:40px;color:var(--accent);box-shadow:var(--e-1);place-items:center;display:grid}.showcase-points .ic svg{width:20px;height:20px}.showcase-points strong{display:block}.showcase-points p{color:var(--muted);font-size:var(--fs-md)}@media (width<=1023px){.showcase-panel{grid-template-columns:minmax(0,1fr)}}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.split.reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.split.reverse>:first-child{order:2}.split-copy{gap:var(--s-5);top:calc(var(--header-h) + var(--s-7));display:grid;position:sticky}.split-copy h2{font-size:var(--fs-4xl)}.product-mark{align-items:center;gap:var(--s-3);font-family:var(--didone);font-size:var(--fs-xl);display:inline-flex}.product-mark .ic{border-radius:var(--r-md);background:var(--accent);width:44px;height:44px;color:var(--accent-ink);place-items:center;display:grid}.product-mark .ic svg{width:22px;height:22px}@media (width<=1023px){.split,.split.reverse{grid-template-columns:minmax(0,1fr)}.split.reverse>:first-child{order:0}.split-copy{position:static}}.features{gap:var(--s-7) var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.features.three{grid-template-columns:repeat(3,minmax(0,1fr))}.features li{gap:var(--s-2);align-content:start;display:grid}.features .ic{border-radius:var(--r-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);margin-bottom:var(--s-2);place-items:center;display:grid}.features .ic svg{width:20px;height:20px}.features h3{font-family:var(--body);font-weight:700;font-size:var(--fs-lg);line-height:var(--lh-snug)}.features p{color:var(--muted);font-size:var(--fs-md)}.features a{font-size:var(--fs-md)}@media (width<=1023px){.features.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.features,.features.three{gap:var(--s-6);grid-template-columns:minmax(0,1fr)}}.acc-compare{gap:var(--s-5);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;max-width:1040px;margin-inline:auto;display:grid}.acc-panel{gap:var(--s-5);padding:var(--s-6);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line-soft);align-content:start;display:grid}.acc-panel.next{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.acc-panel header{gap:var(--s-3);justify-items:start;display:grid}.acc-panel h3{font-size:var(--fs-2xl)}.acc-products{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.acc-products li{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface-2);grid-template-columns:40px minmax(0,1fr);align-items:center;display:grid}.acc-products .ic{border-radius:var(--r-md);background:var(--accent);width:40px;height:40px;color:var(--accent-ink);place-items:center;display:grid}.acc-products .ic svg{width:20px;height:20px}.acc-products strong{display:block}.acc-products span:not(.ic):not(.chip){color:var(--muted);font-size:var(--fs-sm)}.acc-products .chip{vertical-align:1px;margin-left:4px}.acc-benefits{gap:var(--s-4);margin:0;padding:0;list-style:none;display:grid}.acc-benefits li{gap:var(--s-3);font-size:var(--fs-md);grid-template-columns:22px minmax(0,1fr);display:grid}.acc-benefits svg{width:22px;height:22px;color:var(--accent);margin-top:1px}.acc-arrow{background:var(--surface);width:44px;height:44px;color:var(--accent);border:1px solid var(--line-soft);border-radius:50%;align-self:center;place-items:center;display:grid}.acc-arrow svg{width:20px;height:20px}@media (width<=860px){.acc-compare{grid-template-columns:minmax(0,1fr);max-width:560px}.acc-arrow{justify-self:center;transform:rotate(90deg)}}.inverse{--surface:#221b2e;--surface-2:#2a2238;--ink:#f3eefa;--muted:#b9b0cb;--line:#3d3350;--line-soft:#342b45;--accent:#c9aef0;--accent-ink:#1a1224;--accent-soft:#3d334d;--ok:#8fdcae;--hover:#ffffff12;--code-bg:#1a1424;background:var(--surface);color:var(--ink);color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .inverse{--surface:#0f0c15;--surface-2:#1a1522;--line-soft:#2a2236;--line:#342b40}}:root[data-theme=dark] .inverse{--surface:#0f0c15;--surface-2:#1a1522;--line-soft:#2a2236;--line:#342b40}.principles{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--r-xl);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.principles li{gap:var(--s-2);padding:var(--s-6);background:var(--surface);align-content:start;display:grid}.principles .ic{color:var(--accent);margin-bottom:var(--s-2)}.principles .ic svg{width:24px;height:24px}.principles h3{font-family:var(--body);font-weight:700;font-size:var(--fs-lg)}.principles p{color:var(--muted);font-size:var(--fs-md)}@media (width<=1023px){.principles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.principles{grid-template-columns:minmax(0,1fr)}}.verify{gap:var(--s-7);margin-top:var(--s-8);padding:var(--s-7);border-radius:var(--r-xl);background:var(--surface-2);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.verify h3{font-size:var(--fs-2xl);margin-bottom:var(--s-3)}.verify p{color:var(--muted)}@media (width<=1023px){.verify{padding:var(--s-6);grid-template-columns:minmax(0,1fr)}}.term{border-radius:var(--r-lg);background:var(--code-bg);border:1px solid var(--line-soft);font-family:var(--mono);font-size:var(--fs-sm);position:relative;overflow:hidden}.term-h{border-bottom:1px solid var(--line-soft);color:var(--muted);font-family:var(--body);font-size:var(--fs-xs);align-items:center;gap:6px;padding:10px 14px;font-weight:700;display:flex}.term-h svg{width:14px;height:14px}.term pre{padding:var(--s-4);margin:0;line-height:1.7;overflow-x:auto}.term .c{color:var(--muted)}.term .p{color:var(--accent);user-select:none}.plans{gap:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.plan{gap:var(--s-5);padding:var(--s-7) var(--s-6);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);flex-direction:column;display:flex;position:relative}.plan.highlight{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-badge{top:-12px;left:var(--s-6);position:absolute}.plan h3{font-size:var(--fs-2xl)}.plan .tagline{color:var(--muted);font-size:var(--fs-md);margin-top:var(--s-1)}.price{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.price strong{font-family:var(--didone);letter-spacing:-.02em;font-size:2.75rem;font-weight:500;line-height:1}.price span{color:var(--muted);font-size:var(--fs-sm)}.price-note{font-size:var(--fs-sm);color:var(--muted);min-height:1.5em}.plan ul{font-size:var(--fs-md);gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan li{grid-template-columns:18px minmax(0,1fr);gap:10px;display:grid}.plan li svg{width:18px;height:18px;color:var(--accent);margin-top:2px}.plan .btn{margin-top:auto}@media (width<=900px){.plans{grid-template-columns:minmax(0,1fr);max-width:480px;margin-inline:auto}}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-5) 0;font-weight:700;font-size:var(--fs-lg);cursor:pointer;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:20px;height:20px;color:var(--muted);transition:transform var(--t) var(--ease);flex:none}.faq details[open] summary svg{color:var(--accent);transform:rotate(45deg)}.faq summary:hover{color:var(--accent)}.faq .answer{padding:0 var(--s-8) var(--s-6) 0;color:var(--muted);max-width:72ch}.faq-layout{gap:var(--s-8);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}@media (width<=1023px){.faq-layout{gap:var(--s-7);grid-template-columns:minmax(0,1fr)}.faq .answer{padding-right:0}}.cta-band{justify-items:center;gap:var(--s-5);text-align:center;padding:clamp(40px, 6vw, 72px) var(--s-6);border-radius:var(--r-xl);background:var(--bg);display:grid}.cta-band h2{font-size:var(--fs-4xl);max-width:22ch}.cta-band p{color:var(--muted);max-width:56ch}.page-hero{background:var(--bg);padding-block:clamp(40px,6vw,80px)}.page-hero .crumbs{margin-bottom:var(--s-5)}.page-hero h1{font-size:var(--fs-5xl);max-width:18ch}.page-hero .lede{margin-top:var(--s-5)}.page-hero .btnrow{margin-top:var(--s-6)}.page-hero.center{text-align:center}.page-hero.center h1,.page-hero.center .lede{margin-inline:auto}.page-hero.center .btnrow{justify-content:center}.buildlist{gap:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.buildlist h3{font-family:var(--body);font-weight:700;font-size:var(--fs-lg);margin-bottom:var(--s-3);align-items:center;gap:8px;display:flex}.buildlist h3 svg{width:22px;height:22px;color:var(--accent);flex:none}.buildlist ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.buildlist li{font-size:var(--fs-md);grid-template-columns:18px minmax(0,1fr);gap:10px;display:grid}.buildlist li svg{width:18px;height:18px;margin-top:2px}.buildlist .yes svg{color:var(--ok)}.buildlist .no svg{color:var(--muted)}@media (width<=760px){.buildlist{grid-template-columns:minmax(0,1fr)}}.cardgrid{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.mock-wrap{margin-top:var(--s-8)}.principle-list{gap:var(--s-4);font-size:var(--fs-lg);margin:0;padding-left:1.4em;display:grid}.principle-list li::marker{font-family:var(--didone);color:var(--accent)}.compare table{min-width:640px}.compare thead th{background:var(--surface);font-size:var(--fs-md);color:var(--ink)}.compare thead th:not(:first-child),.compare td{text-align:center;width:18%}.compare tr.group th{background:var(--surface-2);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-block:10px}.compare tbody th[scope=row]{font-weight:700}.compare tbody th .chip{vertical-align:1px;margin-left:8px}.compare tbody th .hint{font-weight:400;font-size:var(--fs-sm);color:var(--muted);display:block}.compare .yes svg{width:20px;height:20px;color:var(--ok);margin-inline:auto}.compare .no svg{width:18px;height:18px;color:var(--line);margin-inline:auto}.plans.n4{gap:var(--s-4);grid-template-columns:repeat(4,minmax(0,1fr))}.plans.n4 .plan{padding:var(--s-6) var(--s-5)}.plans.n4 .price strong{font-size:2.25rem}@media (width<=1180px){.plans.n4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}@media (width<=640px){.plans.n4{gap:var(--s-5);grid-template-columns:minmax(0,1fr);max-width:480px;margin-inline:auto}}.plan-top{justify-content:space-between;align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.plan .tagline{margin-top:calc(var(--s-3) * -1)}.plan.later{background:color-mix(in srgb, var(--surface) 70%, var(--bg))}.plan.later.highlight{box-shadow:none;border-color:var(--accent-line)}.requirement{border-radius:var(--r-md);background:var(--accent-soft);font-size:var(--fs-sm);align-items:flex-start;gap:8px;padding:8px 10px;font-weight:700;display:flex}.requirement svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:2px}.save-note{color:var(--ok);font-weight:700}.plan-later{min-height:var(--h-md);border-radius:var(--r-md);border:1px dashed var(--line);color:var(--muted);font-size:var(--fs-md);justify-content:center;align-items:center;gap:8px;margin-top:auto;font-weight:700;display:flex}.plan-later svg{width:16px;height:16px}.plans-head{gap:var(--s-2);margin-bottom:var(--s-6);display:grid}.plans-head .product-mark{font-weight:500}.plans-head p{max-width:70ch}.jump{justify-content:center;gap:var(--s-2);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.jump a{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line-soft);min-height:36px;color:var(--ink);font-size:var(--fs-sm);align-items:center;gap:6px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.jump a:hover{border-color:var(--accent-line);color:var(--accent)}.jump svg{width:16px;height:16px;color:var(--accent)}.team-table td{white-space:nowrap}.team-table thead th{white-space:normal}.team-table .block{display:block}.team-table{min-width:460px}@media (width<=640px){.team-table{min-width:0}.team-table th,.team-table td{padding:12px 10px}}@media (width<=479px){.hero .btnrow,.page-hero .btnrow,.cta-band .btnrow,#account .btnrow.center{flex-direction:column;align-items:stretch;width:100%}.hero .btnrow .btn,.page-hero .btnrow .btn,.cta-band .btnrow .btn,#account .btnrow.center .btn{width:100%}.btnrow>.segmented{align-self:center}}.mock{--mfs:13px;font-size:var(--mfs);color:var(--ink);user-select:none;line-height:1.4}.mock-frame{background:var(--surface);border-radius:var(--r-xl);height:100%;box-shadow:var(--e-3), 0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent);display:grid;overflow:hidden}.mock svg{flex:none;width:16px;height:16px}.mock .m-ib{width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;display:inline-grid}.mock .m-av{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.mock .m-av.g{background:color-mix(in srgb, var(--accent) 22%, var(--surface));border-radius:11px}.mock .m-av.sm{width:28px;height:28px;font-size:11px}.mock .m-row{flex:1;min-width:0;display:grid}.mock .m-row strong,.mock .m-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mock .m-row>span{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.mock .m-row>span svg{width:12px;height:12px}.mock-chat .mock-frame{grid-template-columns:56px 240px minmax(0,1fr);min-height:520px}.m-rail{background:var(--surface-2);border-right:1px solid var(--line-soft);flex-direction:column;align-items:center;gap:6px;padding:14px 0;display:flex}.m-logo{font-family:var(--didone);margin-bottom:10px;font-size:20px;font-weight:700}.m-logo i{color:var(--accent);font-style:normal}.m-rail-i{width:38px;height:38px;color:var(--muted);border-radius:10px;place-items:center;display:grid;position:relative}.m-rail-i svg{width:18px;height:18px}.m-rail-i.on{background:var(--accent-soft);color:var(--accent)}.m-rail-i b{background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);text-align:center;border-radius:8px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:3px;right:2px}.m-rail-i.end{margin-top:auto}.m-list{border-right:1px solid var(--line-soft);flex-direction:column;gap:10px;min-width:0;padding:14px 10px;display:flex}.m-list-h{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.m-list-h strong{font-family:var(--didone);font-size:22px;font-weight:500}.m-search{background:var(--surface-2);height:34px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.m-search span{flex:1}.m-search kbd{font-size:10px}.m-pills{gap:4px;display:flex}.m-pills span{color:var(--muted);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.m-pills .on{background:var(--ink);color:var(--surface)}.m-list ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.m-list li{border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.m-list li.on{background:var(--accent-soft)}.m-meta{color:var(--muted);justify-items:end;gap:4px;font-size:11px;display:grid}.m-meta b{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);text-align:center;border-radius:9px;padding:0 5px;font-size:10px;line-height:18px}.m-chat{background:var(--bg);flex-direction:column;min-width:0;display:flex}.m-chat-h{background:var(--surface);border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:10px 14px;display:flex}.m-channels{background:var(--surface);border-bottom:1px solid var(--line-soft);gap:4px;padding:8px 14px;display:flex;overflow:hidden}.m-channels span{color:var(--muted);white-space:nowrap;border-radius:8px;padding:3px 9px;font-size:12px}.m-channels .on{background:var(--accent-soft);color:var(--accent);font-weight:700}.m-msgs{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex}.m-day{background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--muted);border-radius:999px;align-self:center;margin:0;padding:2px 10px;font-size:11px;font-weight:700}.m-msg{align-items:flex-end;gap:8px;max-width:86%;display:flex}.m-msg>div{gap:3px;display:grid}.m-name{color:var(--accent);padding-left:2px;font-size:11px;font-weight:700}.m-name em{color:var(--muted);margin-left:4px;font-style:normal;font-weight:400}.m-b{background:var(--theirs);box-shadow:0 1px 1px hsl(var(--shadow-color) / .06);border-radius:14px 14px 14px 4px;margin:0;padding:8px 12px}.m-msg.mine{align-self:flex-end}.m-msg.mine .m-b{background:var(--mine);color:var(--mine-ink);border-radius:14px 14px 4px}.m-t{opacity:.7;vertical-align:-2px;align-items:center;gap:2px;margin-left:8px;font-size:10px;display:inline-flex}.m-t svg{width:12px;height:12px}.m-react{background:var(--surface);border:1px solid var(--line-soft);border-radius:999px;justify-self:start;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}.m-react i{font-style:normal}.m-event{background:var(--surface);border:1px solid var(--line-soft);color:var(--muted);border-radius:12px;align-self:flex-start;align-items:center;gap:10px;margin-left:36px;padding:10px 14px;font-size:12px;display:flex}.m-event svg{color:var(--accent);width:20px;height:20px}.m-event strong{color:var(--ink)}.m-compose{background:var(--surface);box-shadow:var(--e-1);border-radius:14px;align-items:center;gap:8px;margin:0 12px 12px;padding:6px 8px;display:flex}.m-input{color:var(--muted);flex:1}.m-lock{color:var(--ok);white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.m-lock svg{width:12px;height:12px}.mock-mail .mock-frame{grid-template-columns:200px 280px minmax(0,1fr);min-height:520px}.mm-side{background:var(--surface-2);border-right:1px solid var(--line-soft);flex-direction:column;gap:2px;padding:14px 10px;display:flex}.mm-brand{font-family:var(--didone);padding:2px 8px 10px;font-size:15px;font-weight:700}.mm-brand i{color:var(--accent);font-style:normal}.mm-brand em{color:var(--muted);font-style:normal;font-weight:500}.mm-compose{background:var(--accent);height:34px;color:var(--accent-ink);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.mm-h{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:10px 8px 4px;font-size:10px;font-weight:700;overflow:hidden}.mm-f{color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}.mm-f svg{color:var(--muted)}.mm-f b{color:var(--accent);margin-left:auto;font-size:11px}.mm-f.on{background:var(--accent-soft);font-weight:700}.mm-f.on svg{color:var(--accent)}.mm-list{border-right:1px solid var(--line-soft);flex-direction:column;min-width:0;display:flex}.mm-list-h{justify-content:space-between;align-items:center;padding:14px 14px 10px;display:flex}.mm-list-h strong{font-family:var(--didone);font-size:20px;font-weight:500}.mm-seg{background:var(--surface-2);border-radius:999px;padding:2px;font-size:11px;font-weight:700;display:inline-flex}.mm-seg span{color:var(--muted);border-radius:999px;padding:3px 9px}.mm-seg .on{background:var(--surface);color:var(--ink);box-shadow:var(--e-1)}.mm-list ul{gap:2px;margin:0;padding:0 8px;list-style:none;display:grid}.mm-list li{border-bottom:1px solid var(--line-soft);border-radius:10px;gap:2px;padding:10px;display:grid}.mm-list li.on{background:var(--accent-soft);border-color:#0000}.mm-top{justify-content:space-between;gap:8px;font-size:12px;display:flex}.mm-top span{color:var(--muted);font-size:11px}.mm-list li:not(.unread) .mm-top strong{font-weight:400}.mm-subj{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.mm-list li:not(.unread) .mm-subj{font-weight:400}.mm-snip{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mm-chip{background:var(--surface);border:1px solid var(--line-soft);color:var(--accent);border-radius:999px;justify-self:start;align-items:center;gap:4px;margin-top:4px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.mm-chip svg{width:11px;height:11px}.mm-chip.un{color:var(--muted)}.mm-read{flex-direction:column;gap:14px;min-width:0;padding:16px 20px;display:flex}.mm-read header{gap:10px;display:grid}.mm-read h4{font-family:var(--didone);font-size:22px;font-weight:500;line-height:1.15}.mm-actions{align-items:center;gap:8px;display:flex}.mm-assign{border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.mm-assign svg{width:13px;height:13px;color:var(--muted)}.mm-from{align-items:center;gap:10px;font-size:12px;display:flex}.mm-from span span{color:var(--muted)}.mm-body{gap:8px;font-size:13px;line-height:1.55;display:grid}.mm-body p{margin:0}.mm-att{background:var(--surface-2);border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.mm-att span{color:var(--muted);font-weight:400}.mm-enc{color:var(--ok);align-items:center;gap:6px;margin-top:auto;font-size:11px;font-weight:700;display:inline-flex}.mm-enc svg{width:13px;height:13px}@media (width<=1100px){.mock-chat .mock-frame{grid-template-columns:56px minmax(0,1fr)}.mock-chat .m-list{display:none}.mock-mail .mock-frame{grid-template-columns:240px minmax(0,1fr)}.mock-mail .mm-side{display:none}}@media (width<=640px){.mock-chat .mock-frame{grid-template-columns:minmax(0,1fr);min-height:460px}.mock-chat .m-rail{display:none}.mock-mail .mock-frame{grid-template-columns:minmax(0,1fr);min-height:0}.mock-mail .mm-read{display:none}.mock .m-msg{max-width:94%}.m-lock{display:none}}