@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-ext-wght-normal-tDTa1Fj6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-wght-normal-BFexNX-K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button{-webkit-tap-highlight-color:transparent}img,svg{display:block}button{color:inherit}button:disabled{cursor:not-allowed}input,select{min-width:0}button,input,select{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus)}}@layer base{:root{font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f5;--surface:#fff;--surface-soft:#f7f9f8;--surface-hover:#f0f6f3;--text:#203b3e;--muted:#667b7b;--faint:#879593;--line:#e6ede9;--teal:#126365;--deep:#0c4748;--accent:#b8f0dc;--mint:#e6f4ec;--mint-text:#237258;--blue:#eaf0fc;--blue-text:#4e72ae;--amber:#fbf1dc;--amber-text:#977025;--rose:#f9e9e8;--rose-text:#ac645d;--violet:#f0eafa;--violet-text:#8664b1;--danger:#b74349;--focus:#2c9a93;--shadow:0 22px 70px #173e3610;--overlay:#0c2e3b65;background:var(--bg);color:var(--text);font-family:Vazirmatn Variable,Tahoma,sans-serif;font-size:14px;line-height:1.7}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111d21;--surface:#18282d;--surface-soft:#1c2e32;--surface-hover:#223a3c;--text:#e3efea;--muted:#a0b4b2;--faint:#88a09c;--line:#2c4143;--teal:#91d9c7;--deep:#0a3c3e;--accent:#b8f0dc;--mint:#24423a;--mint-text:#a4e3c5;--blue:#28384e;--blue-text:#b0c9f6;--amber:#443b27;--amber-text:#eed18e;--rose:#493436;--rose-text:#edb1aa;--violet:#3d354e;--violet-text:#d3b9f3;--danger:#f39a9e;--focus:#93dcca;--shadow:0 22px 70px #0002;--overlay:#040e16aa}body{background:var(--bg);min-width:320px;min-height:100dvh}::selection{background:#81d5bf66}button{background:0 0;border:0}h1,h2,h3{letter-spacing:-.5px;font-weight:650}h1{font-size:32px;line-height:1.6}h2{font-size:20px}h3{font-size:15px}bdi,.sender-id{unicode-bidi:isolate}button,input,select,a{touch-action:manipulation}input::placeholder{color:var(--muted)}p{overflow-wrap:anywhere}.muted{color:var(--muted)}.eyebrow{color:var(--muted);letter-spacing:.2px;font-size:11px;font-weight:500}.heading-dot,.brand-dot{color:#60b598;margin-inline-start:2px}main:focus{outline:none}button{transition:background .16s,color .16s,box-shadow .16s,transform .16s}button:active{transform:translateY(1px)}}@layer components{.skip-link{background:var(--text);color:var(--surface);z-index:1000;border-radius:10px;padding:12px;position:fixed;top:-100px;right:20px}.skip-link:focus{top:15px}.app-shell{background:var(--surface);border:1px solid var(--line);width:min(1440px,100% - 72px);min-height:calc(100dvh - 64px);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:226px minmax(0,1fr);margin:32px auto;display:grid;overflow:clip}.sidebar{background:var(--surface-soft);border-inline-end:1px solid var(--line);flex-direction:column;padding:36px 21px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{border-radius:14px;width:43px;height:43px}.brand strong{letter-spacing:-1.6px;font-size:30px;font-weight:750;line-height:1.3}.brand-caption{color:var(--muted);margin-top:5px;font-size:10px;display:block}.brand.small{gap:9px}.brand.small img{border-radius:11px;width:35px;height:35px}.brand.small strong{font-size:27px}.workspace-label{color:var(--muted);margin:42px 13px 12px;font-size:10px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{text-align:right;min-height:48px;color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:0 13px;font-size:13px;display:flex}.sidebar nav button>span:first-of-type{flex:1}.sidebar nav button:hover{background:var(--line)}.sidebar nav button.selected{background:var(--deep);color:#e7f4ee;box-shadow:0 5px 12px #174e4912}.nav-count{color:#b8f0dc;background:#8ed8bd24;border-radius:6px;padding:0 7px;line-height:22px;font-size:11px!important}.sidebar-bottom{margin-top:auto;padding-top:60px}.sidebar-note{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px 15px 15px}.sidebar-note-icon{height:40px;color:var(--teal)}.sidebar-note strong{font-size:12px}.sidebar-note p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.9}.sidebar-note button{color:var(--teal);align-items:center;gap:7px;padding:15px 0 0;font-size:10px;display:flex}.sidebar-help{width:100%;min-height:60px;color:var(--muted);align-items:center;gap:10px;padding:10px;font-size:11px;display:flex}.sidebar-help span{text-align:right;flex:1}.sidebar-profile{border-top:1px solid var(--line);align-items:center;gap:9px;padding-top:20px;display:flex}.profile-avatar{background:var(--mint);width:35px;height:35px;color:var(--teal);border-radius:11px;place-items:center;display:grid}.sidebar-profile div{flex:1}.sidebar-profile strong,.sidebar-profile div span{display:block}.sidebar-profile strong{font-size:10px;font-weight:600}.sidebar-profile div span{color:var(--muted);margin-top:3px;font-size:9px}.sidebar-profile>svg{color:var(--muted)}.main-column{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:77px;padding:0 30px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:var(--text);font-size:11px;font-weight:500}.topbar-actions{align-items:center;gap:12px;display:flex}.design-badge{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.design-badge>span{background:#bc9151;border-radius:50%;width:5px;height:5px}.studio-link{border:1px solid var(--line);color:var(--muted);border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:7px 10px;font-size:10px;display:flex}.studio-link:hover,.studio-link.active{background:var(--mint);color:var(--teal)}.icon-button{width:44px;height:44px;color:var(--muted);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface-hover);color:var(--teal)}.topbar-actions>.icon-button{width:36px;height:36px}.desktop-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;margin-top:auto;padding:15px 28px;font-size:9px;display:flex}.mobile-brand-bar,.mobile-nav{display:none}main{flex:1;min-width:0}.offline-banner{background:var(--amber);color:var(--amber-text);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:12px;display:flex}.inbox-layout{grid-template-columns:minmax(330px,410px) minmax(0,1fr);min-height:720px;display:grid}.inbox-pane{border-inline-end:1px solid var(--line);min-width:0;padding:28px 25px 20px}.page-title-row{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-title-row h1{margin-top:2px;font-size:30px}.page-title-row>.icon-button{border:1px solid var(--line);background:var(--surface)}.inbox-summary{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;align-items:center;gap:13px;margin-bottom:14px;padding:17px 14px;display:flex;position:relative;overflow:hidden}.summary-icon{border:1px solid var(--line);background:var(--surface);width:37px;height:37px;color:var(--teal);border-radius:12px;place-items:center;display:grid}.inbox-summary strong{font-size:12px;font-weight:600}.inbox-summary p{color:var(--muted);margin-top:4px;font-size:10px}.summary-leaf{color:var(--teal);opacity:.55;margin-inline-start:auto}.demo-notice{color:var(--muted);background:var(--surface-soft);border:1px dashed var(--line);border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:9px 11px;font-size:10px;display:flex}.demo-spark{color:var(--amber-text);flex-shrink:0}.demo-notice strong{color:var(--text);margin-inline-end:7px;font-size:10px;font-weight:550}.demo-notice span:not(.demo-spark){font-size:9px}.demo-notice.compact{padding:7px 10px}.search-field{background:var(--surface-soft);border:1px solid var(--line);min-height:45px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:0 13px;display:flex}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px #5caa9514}.search-field input{width:100%;height:43px;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:11px}.search-field input:focus-visible{outline:none}.search-field .icon-button{width:26px;height:35px}.filter-tabs{border-bottom:1px solid var(--line);gap:4px;padding-bottom:19px;display:flex}.filter-tabs button{white-space:nowrap;min-height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px 9px;font-size:10px;display:flex}.filter-tabs button.selected{background:var(--mint);color:var(--mint-text);font-weight:600}.filter-tabs button:hover{background:var(--surface-hover)}.tab-count{background:var(--surface);border-radius:4px;min-width:16px;font-size:9px}.list-section-title{color:var(--muted);justify-content:space-between;padding:15px 2px 6px;font-size:9px;display:flex}.conversation-list{gap:3px;display:grid}.conversation{text-align:right;border-radius:12px;align-items:center;gap:12px;width:100%;min-width:0;padding:16px 8px;display:flex;position:relative}.conversation:not(:last-child):after{content:"";background:var(--line);bottom:-2px;height:1px;position:absolute;inset-inline:67px 9px}.conversation:hover{background:var(--surface-soft)}.conversation.active{background:var(--mint)}.avatar{border-radius:15px;flex-shrink:0;place-items:center;width:44px;height:44px;display:inline-grid}.avatar.mint{background:var(--mint);color:var(--mint-text)}.avatar.blue{background:var(--blue);color:var(--blue-text)}.avatar.amber{background:var(--amber);color:var(--amber-text)}.avatar.rose{background:var(--rose);color:var(--rose-text)}.avatar.violet{background:var(--violet);color:var(--violet-text)}.avatar.large{border-radius:20px;width:60px;height:60px}.conversation-copy{flex:1;min-width:0}.conversation-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.conversation-title strong{font-size:12px;font-weight:550}.conversation.unread .conversation-title strong{font-weight:750}.conversation-title time{color:var(--muted);white-space:nowrap;font-size:9px}.conversation-copy>p{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--muted);margin-top:4px;font-size:10px;line-height:1.8;overflow:hidden}.conversation-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:6px;display:flex}.conversation-foot bdi{letter-spacing:.3px;font-size:8px}.conversation-foot .unread-count{background:var(--teal);color:var(--surface);border-radius:6px;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid}.favorite-small{color:var(--amber-text)}.inbox-end{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:29px 0 3px;font-size:8px;display:flex}.inbox-end>span:first-child,.inbox-end>span:last-child{background:var(--line);width:24px;height:1px}.detail-pane{background:var(--surface-soft);min-width:0;position:relative}.welcome-panel{text-align:center;flex-direction:column;align-items:center;min-height:100%;padding:75px 26px 35px;display:flex}.orbit-illustration{place-items:center;width:235px;height:225px;margin-bottom:17px;display:grid;position:relative}.orbit-ring{border:1px solid var(--line);border-radius:50%;width:162px;height:162px;position:absolute;transform:rotate(-24deg)}.orbit-ring.two{opacity:.75;border-style:dashed;width:219px;height:219px}.orbit-center{background:var(--deep);width:100px;height:100px;color:var(--accent);border-radius:31px;place-items:center;display:grid;transform:rotate(-10deg);box-shadow:0 15px 40px #0a4a4020}.orbit-center svg{transform:rotate(10deg)}.orbit-node{background:var(--surface);border:1px solid var(--line);width:46px;height:46px;color:var(--teal);border-radius:15px;place-items:center;display:grid;position:absolute;box-shadow:0 6px 25px #173d3310}.orbit-node.top{top:13px;right:36px;transform:rotate(10deg)}.orbit-node.bottom{bottom:17px;left:19px;transform:rotate(-10deg)}.orbit-dot{border:3px solid var(--surface-soft);width:9px;height:9px;box-shadow:0 0 0 1px var(--line);background:#83c5ac;border-radius:50%;position:absolute;top:140px;right:15px}.welcome-panel>.eyebrow{font-size:10px}.welcome-panel h2{letter-spacing:-1px;margin:14px 0 10px;font-size:32px;font-weight:650;line-height:1.75}.welcome-panel>p{color:var(--muted);font-size:12px;line-height:2}.subtle-rule{background:var(--line);width:40px;height:1px;margin:29px 0 20px}.text-button{color:var(--teal);align-items:center;gap:7px;min-height:40px;padding:5px 2px;font-size:11px;display:inline-flex}.text-button:hover{color:var(--mint-text);text-underline-offset:6px;text-decoration:underline}.welcome-note{color:var(--muted);margin-top:55px;font-size:8px}.thread-panel{flex-direction:column;height:100%;min-height:720px;display:flex}.thread-header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;padding:23px 23px 21px;display:flex}.thread-title{flex:1}.thread-title h2{letter-spacing:0;font-size:14px}.sender-id{color:var(--muted);margin-top:3px;font-size:9px;display:inline-block}.thread-content{flex:1;padding:25px}.thread-label{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-bottom:29px;font-size:9px;display:flex}.message-block{margin-top:24px}.message-block>time{text-align:center;color:var(--muted);margin-bottom:14px;font-size:9px;display:block}.message-bubble{border:1px solid var(--line);background:var(--surface);border-radius:18px 5px 18px 18px;padding:20px 20px 12px;box-shadow:0 4px 12px #122e2603}.message-bubble>p{white-space:pre-wrap;unicode-bidi:plaintext;font-size:13px;line-height:2.2}.message-meta{color:var(--muted);justify-content:space-between;margin-top:18px;font-size:8px;display:flex}.message-meta span{align-items:center;gap:5px;display:flex}.message-meta>svg{color:var(--amber-text)}.message-actions{align-items:center;gap:14px;padding:4px 4px 0;display:flex}.message-actions button{color:var(--muted);align-items:center;gap:5px;min-height:40px;padding:4px;font-size:9px;display:flex}.message-actions button[aria-pressed=true]{color:var(--amber-text)}.message-actions button:last-child{margin-inline-start:auto}.thread-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:center;align-items:center;gap:7px;padding:19px;font-size:9px;display:flex}.mobile-back{display:none}.content-page{width:min(700px,100%);margin:0 auto;padding:35px 35px 40px;animation:.25s both appear}.page-header{margin-bottom:25px}.page-header h1{margin:3px 0 5px}.page-header p{color:var(--muted);font-size:12px}.content-page>.demo-notice{margin-bottom:25px}.connection-map{justify-content:center;align-items:center;padding:25px 0 40px;display:flex}.device-illustration{background:var(--mint);color:var(--mint-text);border:1px solid var(--line);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:85px;height:95px;display:flex;transform:rotate(7deg)}.device-illustration.iphone{background:var(--blue);color:var(--blue-text);transform:rotate(-7deg)}.device-os{font-size:9px;font-weight:600}.connection-bridge{color:var(--muted);align-items:center;gap:10px;margin:0 20px;display:flex;position:relative}.connection-bridge>span{border-bottom:1px dashed var(--muted);width:26px;height:1px}.connection-bridge small{white-space:nowrap;font-size:9px;position:absolute;top:32px;right:50%;transform:translate(50%)}.device-cards{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.device-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:17px;padding:20px}.device-card-label{color:var(--muted);justify-content:space-between;margin-bottom:23px;font-size:10px;display:flex}.device-card>svg{color:var(--teal);margin-bottom:15px}.device-card h2{text-align:right;letter-spacing:-.2px;font-size:16px}.device-card p{color:var(--muted);min-height:34px;margin-top:7px;font-size:10px}.status-label{color:var(--muted);align-items:center;gap:6px;margin-top:14px;font-size:10px;display:flex}.status-dot{background:#b8f0dc;border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.paused{background:#c6a364}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 18px;font-size:12px;font-weight:500;display:inline-flex}.button.primary{background:var(--deep);color:#ecfff7}.button.primary:hover{background:#156264}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.button.secondary:hover{background:var(--surface-hover)}.button.danger{background:var(--danger);color:var(--surface)}.button.wide{width:100%;margin-top:8px}.section-heading{margin:34px 0 22px}.section-heading h2{font-size:15px}.feature-grid{gap:22px;display:grid}.feature{align-items:flex-start;gap:13px;display:flex}.feature-icon{background:var(--surface-soft);border:1px solid var(--line);width:39px;height:39px;color:var(--teal);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.feature h3{letter-spacing:0;font-size:12px;font-weight:600}.feature p{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.9}.settings-group{border:1px solid var(--line);border-radius:16px;margin-bottom:24px;overflow:hidden}.settings-group>h2{letter-spacing:0;background:var(--surface-soft);border-bottom:1px solid var(--line);color:var(--muted);padding:12px 19px;font-size:11px;font-weight:600}.setting-row{justify-content:space-between;align-items:center;gap:15px;min-height:81px;padding:18px 19px;display:flex}.setting-row+.setting-row{border-top:1px solid var(--line)}.setting-label{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.setting-symbol{background:var(--surface-soft);border:1px solid var(--line);width:37px;height:37px;color:var(--teal);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.setting-label strong{font-size:12px;font-weight:550}.setting-label p,.setting-description{color:var(--muted);margin-top:4px;font-size:10px;display:block}.setting-row.stacked{display:block}.theme-options{gap:10px;margin-top:19px;display:flex}.theme-options button{border:1px solid var(--line);background:var(--surface-soft);min-height:44px;color:var(--muted);border-radius:10px;flex:1;align-items:center;gap:9px;padding:11px 12px;font-size:11px;display:flex}.theme-options button>span{flex:1}.theme-options button.selected{border-color:var(--teal);background:var(--mint);color:var(--mint-text)}select{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:9px;min-height:40px;padding:8px 10px;font-size:11px}.switch{appearance:none;background:var(--faint);cursor:pointer;border:2px solid #0000;border-radius:20px;width:42px;min-width:42px;height:26px;margin:9px 0;transition:background .2s;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0002}.switch:checked{background:var(--teal)}.switch:checked:after{transform:translate(16px)}.notification-preview{border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;align-items:center;gap:10px;margin:0 19px 18px;padding:14px;display:flex}.notification-logo img{border-radius:10px;width:32px;height:32px}.notification-preview>div:last-child{flex:1}.notification-top{justify-content:space-between;gap:7px;display:flex}.notification-top strong{font-size:11px}.notification-top>span{color:var(--muted);font-size:8px}.notification-preview p{margin-top:5px;font-size:10px}.privacy-warning{color:var(--amber-text);align-items:center;gap:7px;padding:0 20px 18px;font-size:10px;display:flex}.privacy-warning>svg{flex-shrink:0}.setting-button{text-align:right;width:100%}.setting-button:hover{background:var(--surface-soft)}.setting-button>svg{color:var(--muted)}.version-note{text-align:center;color:var(--muted);margin-top:30px;font-size:10px;line-height:2.2}.guide-hero{background:var(--deep);color:#dff5ec;text-align:center;border-radius:19px;margin:25px 0;padding:30px}.guide-hero>svg{color:var(--accent);margin:0 auto 15px}.guide-hero h2{font-size:20px;line-height:1.9}.guide-hero>span{color:#b6d2cc;margin-top:10px;font-size:10px;display:block}.steps{margin:25px 0}.step{gap:16px;padding:17px 0;display:flex}.step-number{background:var(--mint);width:32px;height:32px;color:var(--mint-text);border:1px solid var(--line);border-radius:11px;flex-shrink:0;place-items:center;font-size:13px;display:grid}.step h2{letter-spacing:0;font-size:13px}.step p{color:var(--muted);margin-top:6px;font-size:11px;line-height:2}.callout{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);border-radius:12px;align-items:flex-start;gap:9px;margin:15px 0;padding:14px;font-size:11px;line-height:2;display:flex}.callout>svg{color:var(--teal);flex-shrink:0;margin-top:3px}.empty-state{text-align:center;max-width:400px;margin:auto;padding:50px 20px}.empty-art{background:var(--mint);width:80px;height:80px;color:var(--teal);border-radius:26px;place-items:center;margin:0 auto 19px;display:grid;position:relative;transform:rotate(-5deg)}.empty-art>svg{transform:rotate(5deg)}.empty-art>span{background:var(--accent);border-radius:3px;width:8px;height:8px;position:absolute;top:-10px;right:4px}.empty-art>i{background:var(--faint);border-radius:2px;width:5px;height:5px;position:absolute;bottom:-7px;left:-8px}.empty-state h2{font-size:16px}.empty-state p{color:var(--muted);margin:10px 0 14px;font-size:11px;line-height:2}.empty-state .button{margin-top:12px}.modal-backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;justify-content:center;align-items:center;padding:20px;animation:.15s both appear;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:22px;width:min(460px,100%);max-height:calc(100dvh - 40px);padding:15px 25px 25px;overflow-y:auto;box-shadow:0 30px 100px #0002}.modal-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.modal-heading h2{font-size:17px}.modal-heading>.icon-button{margin-inline-end:-10px}.modal-content{font-size:12px;line-height:2.1}.modal-content p+p{margin-top:13px}.modal-content ul{color:var(--muted);padding-inline-start:20px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.pairing-illustration{color:var(--teal);justify-content:center;align-items:center;gap:25px;padding:15px 0 30px;display:flex}.pairing-illustration>span{background:var(--mint);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.privacy-illustration{color:var(--teal);justify-content:center;padding:15px 0 25px;display:flex}.toast{z-index:300;background:var(--text);color:var(--surface);border-radius:12px;align-items:center;gap:9px;max-width:calc(100% - 30px);padding:14px 20px;font-size:12px;animation:.15s appear;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0002}.toast svg{flex-shrink:0}.android-showcase{padding:30px 35px}.showcase-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.showcase-heading h1{margin-top:4px;font-size:25px}.showcase-heading p{color:var(--muted);margin-top:8px;font-size:10px}.showcase-heading>.button{white-space:nowrap;font-size:10px}.android-stage{direction:ltr;justify-content:center;align-items:center;gap:45px;padding:10px 0 28px;display:flex}.android-phone{direction:rtl;background:#263638;border:6px solid #263638;border-radius:40px;flex-shrink:0;width:350px;height:760px;position:relative;overflow:hidden;box-shadow:0 22px 55px #142c3b25}.android-camera{z-index:5;background:#263638;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.android-status{background:var(--surface);direction:ltr;justify-content:space-between;align-items:center;height:30px;padding:10px 23px 4px;font-size:10px;display:flex}.android-screen{background:var(--surface);flex-direction:column;height:calc(100% - 42px);display:flex}.android-brand-row{justify-content:space-between;align-items:center;padding:14px 21px 5px;display:flex}.android-brand-row .brand.small img{border-radius:10px;width:31px;height:31px}.android-brand-row .brand strong{font-size:25px}.android-scroll{scrollbar-width:thin;flex:1;padding:14px 22px;overflow:auto}.android-greeting{margin-bottom:20px}.android-greeting h2{margin-top:5px;font-size:24px}.android-greeting>p{color:var(--muted);margin-top:2px;font-size:10px}.sender-card{background:var(--deep);color:#e4f5ee;border-radius:20px;padding:17px 18px 16px;position:relative;overflow:hidden}.sender-card:before{content:"";pointer-events:none;border:1px solid #9bd8c418;border-radius:50%;width:130px;height:130px;position:absolute;top:20px;left:-35px}.sender-card-top{color:#d1e7de;justify-content:space-between;align-items:center;font-size:9px;display:flex}.sender-card-top>span{align-items:center;gap:6px;display:flex}.sender-orbit{height:85px;color:var(--accent);justify-content:center;align-items:center;gap:8px;display:flex}.sender-orbit>span{background:#a8d8c755;width:12px;height:1px}.sender-card h3{text-align:center;font-size:15px}.sender-card>p{text-align:center;color:#b6d2cb;margin-top:5px;font-size:9px}.sender-control{color:#184b43;background:#b8f0dc;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:39px;margin-top:17px;font-size:11px;font-weight:650;display:flex}.sender-control:hover{background:#d4f6e7}.android-stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;display:grid}.android-stat-grid>div{border:1px solid var(--line);border-radius:14px;grid-template-columns:32px 1fr;align-items:center;gap:2px 10px;padding:11px;display:grid}.stat-icon{background:var(--mint);width:32px;height:32px;color:var(--mint-text);border-radius:10px;grid-row:span 2;place-items:center;display:grid}.stat-icon.amber{background:var(--amber);color:var(--amber-text)}.android-stat-grid strong{font-size:19px;font-weight:600;line-height:1.3}.android-stat-grid>div>span:last-child{color:var(--muted);font-size:8px}.android-list-row{text-align:right;border-bottom:1px solid var(--line);align-items:center;gap:11px;width:100%;min-height:70px;padding:12px 0;display:flex}.android-list-row>div{flex:1}.android-list-row strong{font-size:11px;font-weight:550}.android-list-row p{color:var(--muted);margin-top:3px;font-size:8px}.android-list-row>svg{color:var(--muted)}.android-privacy{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:8px;display:flex}.android-demo-strip{color:var(--muted);background:var(--surface-soft);justify-content:center;align-items:center;gap:5px;padding:6px 5px;font-size:8px;display:flex}.android-nav{border-top:1px solid var(--line);background:var(--surface);flex-shrink:0;height:62px;display:flex}.android-nav button{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex;position:relative}.android-nav button.selected{color:var(--teal);font-weight:600}.android-nav button.selected:before{content:"";background:var(--mint);border-radius:10px;width:43px;height:25px;position:absolute;top:6px}.android-nav button>svg{position:relative}.android-gesture{background:var(--surface);height:12px;position:relative}.android-gesture:after{content:"";background:var(--text);border-radius:10px;width:100px;height:3px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.showcase-notes{direction:rtl;max-width:255px}.pill{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:6px 10px;font-size:9px;display:inline-flex}.showcase-notes>h2{margin:20px 0 12px;font-size:25px;line-height:1.9}.showcase-notes>p{color:var(--muted);margin-bottom:29px;font-size:11px;line-height:2.1}.showcase-notes>.feature{margin:20px 0}.showcase-notes .feature p{font-size:10px}.showcase-notes .feature h3{font-size:11px}.showcase-notes>.text-button{margin-top:10px}.queue-item{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:18px 0;display:flex}.queue-item>div{flex:1}.queue-item strong{font-size:11px}.queue-item p{color:var(--muted);margin-top:3px;font-size:9px}.queue-item>svg{color:var(--muted)}@keyframes appear{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}}@layer responsive{@media (width>=1600px){.app-shell{min-height:calc(100dvh - 104px);margin:52px auto}.inbox-layout{min-height:800px}.welcome-panel{padding-top:100px}.inbox-pane{padding-top:35px}.topbar{height:82px}.conversation{padding-top:19px;padding-bottom:19px}}@media (width<=1150px){.app-shell{grid-template-columns:190px minmax(0,1fr);width:calc(100% - 36px);min-height:calc(100dvh - 36px);margin:18px auto}.sidebar{padding-inline:15px}.sidebar-note{padding-inline:12px}.sidebar-note strong{font-size:11px}.topbar{padding-inline:20px}.design-badge{display:none}.inbox-layout{grid-template-columns:minmax(315px,370px) minmax(0,1fr)}.inbox-pane{padding-inline:20px}.welcome-panel{padding-inline:15px}.welcome-panel h2{font-size:28px}.welcome-panel>p{font-size:11px}.orbit-illustration{margin-bottom:0;scale:.88}.welcome-note{font-size:7px}.android-stage{gap:25px}.showcase-notes{max-width:210px}.android-showcase{padding:25px}.showcase-heading{display:block}.showcase-heading>.button{margin-top:15px}}@media (width<=960px) and (width>=761px){.app-shell{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{gap:8px}.brand strong{font-size:26px}.brand img{width:37px;height:37px}.brand-caption{font-size:8px}.inbox-layout{grid-template-columns:1fr}.detail-pane{display:none}.has-thread .detail-pane{display:block}.has-thread .inbox-pane{display:none}.mobile-back{display:flex}.welcome-panel{min-height:650px}.showcase-notes{display:none}.android-phone{width:350px}.desktop-footer{font-size:8px}.thread-panel{min-height:750px}}@media (width<=760px){.mobile-brand-bar{z-index:40;position:sticky;top:0}.page-title-row>.desktop-inbox-refresh{display:none}:root{font-size:14px}.app-shell{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0;display:block;overflow:visible}.sidebar,.topbar,.desktop-footer{display:none}.main-column{display:block}.mobile-brand-bar{padding:calc(env(safe-area-inset-top,0px) + 16px) 22px 12px;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.mobile-brand-bar>div:last-child{align-items:center;gap:5px;display:flex}.mobile-studio{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.mobile-brand-bar .icon-button{width:40px;height:40px}main{padding-bottom:calc(83px + env(safe-area-inset-bottom,0px))}.inbox-layout{min-height:0;display:block}.inbox-pane{border:0;padding:25px 22px 20px}.page-title-row{margin-bottom:21px}.page-title-row h1{font-size:31px}.page-title-row .eyebrow{font-size:11px}.page-title-row>.icon-button{width:42px;height:42px}.inbox-summary{border-radius:15px;padding:16px}.inbox-summary strong{font-size:13px}.inbox-summary p{font-size:11px}.demo-notice{margin-bottom:19px}.demo-notice strong{font-size:10px}.demo-notice span:not(.demo-spark){font-size:9px}.search-field{min-height:49px;margin-bottom:17px}.search-field input{height:47px;font-size:12px}.filter-tabs{justify-content:space-between;gap:5px;padding-bottom:17px}.filter-tabs button{min-height:39px;padding:7px 11px;font-size:11px}.tab-count{font-size:10px}.list-section-title{padding-top:17px;padding-bottom:8px;font-size:10px}.conversation{gap:13px;padding:17px 1px}.avatar{border-radius:16px;width:47px;height:47px}.conversation-title strong{font-size:14px}.conversation-title time{font-size:10px}.conversation-copy>p{margin-top:5px;font-size:12px}.conversation-foot{margin-top:8px}.conversation-foot bdi{font-size:9px}.conversation.active{padding-inline:8px}.conversation-foot .unread-count{min-width:19px;height:19px;font-size:10px}.inbox-end{margin-top:30px;font-size:9px}.detail-pane{display:none}.has-thread .detail-pane{min-height:calc(100dvh - 85px);display:block}.has-thread .inbox-pane{display:none}.thread-panel{min-height:calc(100dvh - 90px)}.has-thread{margin-bottom:calc(-83px - env(safe-area-inset-bottom,0px))}.thread-header{gap:10px;padding:18px 16px}.thread-header .avatar{border-radius:13px;width:40px;height:40px}.thread-title h2{font-size:14px}.sender-id{font-size:10px}.mobile-back{display:flex}.thread-header .mobile-back{width:35px;margin-inline-start:-5px}.thread-content{padding:25px 22px}.thread-label{font-size:10px}.message-bubble{padding:20px 18px 13px}.message-bubble>p{font-size:14px;line-height:2.2}.message-block>time{font-size:10px}.message-meta{font-size:9px}.message-actions button{min-height:44px;padding:7px;font-size:11px}.thread-footer{padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));margin-top:20px;font-size:10px}.mobile-nav{z-index:50;background:var(--surface);border-top:1px solid var(--line);padding:8px 16px calc(10px + env(safe-area-inset-bottom,0px));display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 25px #163e3003}.mobile-nav.thread-hidden{display:none}.mobile-nav button{min-height:49px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex;position:relative}.mobile-nav button>span:first-child{border-radius:10px;min-height:28px;padding:3px 14px;position:relative}.mobile-nav button.selected{color:var(--teal);font-weight:650}.mobile-nav button.selected>span:first-child{background:var(--mint)}.mobile-nav button i{border:1.5px solid var(--surface);background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:11px}.content-page{width:100%;padding:27px 22px 30px}.page-header{margin-bottom:25px}.page-header h1{font-size:30px}.page-header p{font-size:12px;line-height:2}.device-cards{gap:10px}.device-card{padding:17px 13px}.device-card-label{gap:5px;margin-bottom:20px;font-size:10px}.device-card h2{font-size:14px}.device-card p{min-height:38px;font-size:10px;line-height:1.9}.device-card>.status-label{font-size:10px}.connection-map{padding-top:20px}.device-illustration{border-radius:22px;width:75px;height:88px}.connection-bridge{gap:7px;margin:0 15px}.connection-bridge>span{width:18px}.button{min-height:46px;font-size:12px}.section-heading h2{font-size:16px}.feature h3{font-size:13px}.feature p{font-size:12px}.setting-row{gap:10px;padding:17px 15px}.setting-label{gap:10px}.setting-label strong{font-size:12px}.setting-description,.setting-label p{font-size:10px;line-height:1.9}.theme-options{gap:7px}.theme-options button{gap:6px;padding:11px 9px}.notification-preview{margin-inline:15px;padding:12px}.notification-preview p{font-size:11px}.notification-top strong{font-size:12px}.notification-top>span{font-size:9px}.version-note{font-size:10px}.callout{font-size:11px}.step p{font-size:12px}.step h2{font-size:14px}.guide-hero{padding:27px 20px}.guide-hero h2{font-size:20px}.modal-backdrop{align-items:flex-end;padding:15px}.modal{border-radius:22px 22px 18px 18px;width:100%;max-height:85dvh;padding:15px 22px 25px}.modal-heading h2{font-size:17px}.modal-content{font-size:13px}.modal-actions>.button{flex:1}.toast{bottom:calc(95px + env(safe-area-inset-bottom,0px));width:max-content;padding:12px 16px;font-size:11px}.android-showcase{padding:25px 14px}.studio-main{padding-bottom:15px}.showcase-heading{padding-inline:8px}.showcase-heading h1{font-size:25px}.showcase-heading p{font-size:11px;line-height:2}.android-stage{flex-direction:column;gap:35px;padding-top:0;display:flex}.android-phone{width:min(350px,100%);height:760px}.showcase-notes{max-width:350px;padding-inline:10px}.showcase-notes>h2{font-size:25px}.showcase-notes>p{font-size:12px}.showcase-notes>.feature p{font-size:11px}.showcase-notes>.feature h3{font-size:12px}.empty-state{padding:50px 15px}.empty-state p{font-size:12px}}@media (width<=360px){.inbox-pane,.content-page{padding-inline:16px}.filter-tabs{gap:2px}.filter-tabs button{padding-inline:8px;font-size:10px}.conversation-title strong{font-size:13px}.device-card h2{font-size:12px}.connection-bridge{gap:5px;margin:0 10px}.connection-bridge>span{width:13px}.theme-options button{gap:4px;font-size:10px}.android-scroll,.android-brand-row{padding-inline:17px}.android-stat-grid{gap:7px}.android-stat-grid>div{gap:2px 7px;padding:10px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}@layer refinement{.connected-gate{place-items:center;min-height:100dvh;padding:22px;display:grid}.connected-card{border:1px solid var(--line);background:var(--surface);width:min(100%,360px);box-shadow:var(--shadow);border-radius:22px;padding:26px}.connected-card h1{margin:10px 0 16px;font-size:24px}.connected-card .brand{margin-bottom:24px}.connected-lock{margin-bottom:4px}.connected-input{gap:8px;font-size:13px;font-weight:550;display:grid}.connected-input input{border:1px solid var(--line);background:var(--surface-soft);width:100%;min-height:46px;color:var(--text);border-radius:11px;padding:10px;font-size:16px}.connected-card .text-button{margin-top:7px;display:flex}.inbox-connection{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.inbox-connection:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.inbox-connection[data-paired=true]:before{background:#209460}.connected-code{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;background:var(--surface-soft);border-radius:10px;margin:10px 0;padding:12px;font:13px/1.7 ui-monospace,monospace;display:block}.connected-note{color:var(--muted);padding:8px 16px;font-size:12px}.connected-card .connected-note{padding:8px 0 0}.device-card .setting-symbol{margin-bottom:12px}:root{--bg:#f2f2f7;--surface:#fff;--surface-soft:#f5f5f7;--surface-hover:#eef3fa;--text:#1c1c1e;--muted:#68686e;--faint:#85858b;--line:#e6e6eb;--teal:#0064d6;--deep:#0064d6;--accent:#fff;--mint:#e9f2ff;--mint-text:#0064d6;--focus:#0064d6}:root[data-theme=dark]{--bg:#000;--surface:#111113;--surface-soft:#1c1c1e;--surface-hover:#27272b;--text:#f5f5f7;--muted:#a7a7af;--faint:#909098;--line:#303034;--teal:#78b6ff;--deep:#0064d6;--accent:#fff;--mint:#172e4d;--mint-text:#8ac0ff;--focus:#8ac0ff}.brand strong{letter-spacing:-.8px;font-size:25px;font-weight:700;line-height:1.4}.brand img{border-radius:12px;width:39px;height:39px}.brand.small strong{letter-spacing:-.6px;font-size:23px}.brand.small img{border-radius:10px;width:33px;height:33px}.sidebar nav button.selected{background:var(--mint);color:var(--teal);box-shadow:none}.nav-count{background:var(--teal);color:var(--surface)}.sidebar-note{display:none}.sidebar{padding-top:30px}.workspace-label{margin-top:33px}.sidebar-bottom{padding-top:30px}.sidebar-profile strong{font-size:11px}.sidebar-profile div span{font-size:10px}.sidebar-help{font-size:12px}.design-badge,.studio-link{font-size:11px}.breadcrumb,.breadcrumb strong{font-size:12px}.app-shell{border-radius:18px}.heading-dot,.brand-dot{display:none}.page-title-row{margin-bottom:17px}.page-title-row h1{font-size:30px;font-weight:750}.demo-notice{color:var(--muted);background:0 0;border:0;border-radius:0;gap:6px;margin-bottom:19px;padding:0}.demo-notice span:not(.demo-spark){font-size:11px}.demo-notice>svg{color:var(--muted);flex-shrink:0}.search-field{background:var(--bg);border:0;border-radius:12px;margin-bottom:15px}.search-field input{font-size:13px}.filter-tabs{background:var(--bg);border:0;border-radius:10px;justify-content:space-between;gap:3px;margin-bottom:7px;padding:3px}.filter-tabs button{border-radius:8px;flex:1;min-height:33px;padding:4px 7px;font-size:11px}.filter-tabs button.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000012}.filter-tabs .tab-count{background:var(--mint);color:var(--teal)}.list-section-title{padding:18px 2px 5px;font-size:11px}.avatar{border-radius:50%;width:47px;height:47px}.conversation{gap:13px;padding:18px 6px}.conversation-title strong{font-size:14px;font-weight:600}.conversation-title time{font-size:11px}.conversation-copy>p{margin-top:5px;padding-inline-end:20px;font-size:12px;line-height:1.9}.conversation-foot{margin:0;position:absolute;bottom:16px;left:8px}.conversation-foot bdi,.conversation-foot>svg:not(.favorite-small){display:none}.conversation-foot .unread-count{border-radius:50%;min-width:18px;height:18px;font-size:10px}.conversation-foot .favorite-small{color:var(--amber-text)}.conversation:not(:last-child):after{inset-inline-start:66px}.conversation.active{background:var(--mint)}.detail-pane{background:var(--surface)}.welcome-panel{min-height:700px;color:var(--faint);justify-content:center;gap:20px;padding:50px 25px}.welcome-panel h2{letter-spacing:0;color:var(--muted);margin:0;font-size:15px;font-weight:450}.welcome-panel>svg{color:var(--faint)}.thread-header{background:var(--surface-soft);padding-block:20px}.thread-content{background:var(--surface);padding-top:18px}.thread-title h2{font-size:15px}.thread-label{margin-bottom:24px;font-size:10px}.message-block>time{font-size:11px}.message-bubble{background:var(--bg);box-shadow:none;border:0;border-radius:19px 19px 5px;max-width:95%;padding:15px 18px 11px}.message-bubble>p{font-size:14px;line-height:2}.message-meta{margin-top:12px;font-size:10px}.message-actions button{font-size:11px}.message-actions button:hover{color:var(--teal)}.thread-footer{display:none}.content-page{padding-top:28px}.page-header h1{font-size:29px;font-weight:750}.page-header{margin-bottom:22px}.device-card{background:var(--surface);border-radius:15px}.device-card-label{font-size:12px}.device-card h2{font-size:17px}.device-card p,.status-label{font-size:11px}.device-cards{margin-top:25px}.button{border-radius:11px;min-height:46px;font-size:13px}.button.primary:hover{background:#0055b9}.settings-group{background:var(--surface);border-radius:14px}.settings-group>h2{font-size:12px}.setting-symbol{background:0 0;border:0;width:30px}.theme-options button,.notification-preview p,.notification-top strong{font-size:12px}.notification-top>span{font-size:10px}.step h2{font-size:14px}.step p,.text-button{font-size:12px}.version-note{font-size:11px}.android-showcase{padding-top:25px}.showcase-heading{margin-bottom:15px}.showcase-heading h1{font-size:22px}.android-stage{gap:0;padding-top:10px}.android-phone{border-color:#303034;height:730px;box-shadow:0 15px 45px #0001}.android-greeting h2{font-size:23px;font-weight:700}.sender-card{background:var(--surface-soft);color:var(--text);border:1px solid var(--line);border-radius:15px;padding:17px}.sender-card:before{display:none}.sender-card-top{color:var(--muted);font-size:10px}.sender-card-top>svg{color:var(--teal)}.sender-card h3{text-align:right;color:var(--text);margin:22px 0 8px;font-size:21px;font-weight:650}.sender-control{background:var(--deep);color:#fff;min-height:43px;margin-top:20px;font-size:12px}.sender-control:hover{background:#0055b9}.android-stat-grid{margin:16px 0}.android-stat-grid strong{font-size:23px}.android-stat-grid>div>span:last-child{font-size:10px}.android-list-row strong{font-size:13px}.android-list-row p{font-size:10px}.android-brand-row .brand strong{letter-spacing:-.5px;font-size:21px}.android-demo-strip{padding-block:8px;font-size:9px}.android-nav button{font-size:10px}.android-scroll>.callout{font-size:11px}.queue-item strong{font-size:13px}.queue-item p{font-size:11px}.android-stat-grid .stat-icon{background:var(--mint)}.mobile-nav{background:var(--surface)}.mobile-nav button.selected>span:first-child{background:0 0}.mobile-nav button.selected{color:var(--teal)}.mobile-nav button{font-size:11px}.modal-content{font-size:13px}.modal .callout{font-size:12px}.privacy-warning{font-size:11px}@media (width<=760px){.app-shell{border-radius:0}.mobile-brand-bar{padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-bottom:13px}.mobile-brand-bar .brand.small img{width:32px;height:32px}.mobile-brand-bar .brand.small strong{font-size:24px}.inbox-pane{padding-top:22px}.page-title-row{margin-bottom:15px}.page-title-row h1{font-size:32px}.demo-notice{margin-bottom:15px}.search-field{min-height:43px}.search-field input{height:43px;font-size:14px}.filter-tabs{justify-content:space-between;margin-bottom:4px}.filter-tabs button{min-height:34px;font-size:12px}.list-section-title{padding-top:18px;font-size:11px}.conversation{border-radius:0;gap:13px;padding:18px 2px}.conversation-title strong{font-size:15px}.conversation-copy>p{font-size:13px}.conversation-title time{font-size:11px}.conversation-foot{bottom:17px;left:4px}.conversation-foot .unread-count{min-width:18px;height:18px;font-size:10px}.avatar{width:48px;height:48px}.thread-header{padding-block:14px}.thread-header .avatar{border-radius:50%}.thread-content{padding-top:20px}.message-bubble{max-width:96%;padding:15px 17px 11px}.message-bubble>p{font-size:15px}.message-block>time{font-size:11px}.message-meta{font-size:10px}.page-header h1{font-size:30px}.device-card h2{font-size:14px}.device-card-label,.device-card p{font-size:11px}.settings-group>h2{font-size:12px}.setting-label strong{font-size:13px}.setting-description,.setting-label p{font-size:11px}.notification-preview p,.theme-options button{font-size:12px}.android-showcase{padding-top:20px}.showcase-heading h1{font-size:22px}.showcase-heading>.button{margin-top:10px}.android-stage{padding-top:0}.android-phone{height:730px}.sidebar-help{font-size:12px}}.avatar,.setting-symbol,.stat-icon,.profile-avatar{isolation:isolate;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 80%,transparent),color-mix(in srgb,currentColor 14%,var(--surface)) 62%,color-mix(in srgb,var(--surface) 90%,transparent));-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,inset 1px 0 #fff6,inset 0 -1px #fff5,0 3px 9px #182c4a0b}.avatar:before,.setting-symbol:before,.stat-icon:before,.profile-avatar:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(at 20% 0,#ffffffb3,#0000 64%);position:absolute;inset:1px}.avatar:after,.setting-symbol:after,.stat-icon:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffed,#0000);border-radius:50%;height:1px;position:absolute;top:3px;left:17%;right:17%}.avatar.mint{color:#0064b7;background:linear-gradient(145deg,#f1fcffb3,#a4d8ff73 65%,#d0ecff99)}.avatar.blue{color:#315cb1;background:linear-gradient(145deg,#f2f8ffb3,#b2c9ff73 65%,#e1eaff99)}.avatar.amber{color:#8c5c15;background:linear-gradient(145deg,#fffaf0b3,#ffd99c73 65%,#fff0d299)}.avatar.rose{color:#ad4f4f;background:linear-gradient(145deg,#fff5f5b3,#ffc0bd73 65%,#ffe5df99)}.avatar.violet{color:#7a4eac;background:linear-gradient(145deg,#faf3ffb3,#d9b7fa73 65%,#edddff99)}.setting-symbol{border-radius:11px;width:37px;height:37px}.brand img{box-shadow:inset 0 1px #fff8,0 3px 8px #007aff18}.icon-button:hover{background:color-mix(in srgb,var(--mint) 75%,transparent);box-shadow:inset 0 1px #fff5}.android-nav button.selected:before{background:linear-gradient(145deg,#fff8,color-mix(in srgb,var(--teal) 15%,var(--surface)));border:1px solid color-mix(in srgb,var(--teal) 16%,transparent);height:29px;top:4px;box-shadow:inset 0 1px #fff9,0 2px 7px #15305a0d}:root[data-theme=dark] .avatar,:root[data-theme=dark] .setting-symbol,:root[data-theme=dark] .stat-icon,:root[data-theme=dark] .profile-avatar{border-color:#ffffff29;box-shadow:inset 0 1px #ffffff40,inset 1px 0 #ffffff14,inset 0 -1px #ffffff14,0 3px 10px #0002}.avatar>svg,.setting-symbol>svg,.stat-icon>svg{z-index:1;position:relative}:root[data-theme=dark] .avatar.mint{color:#a3d8ff;background:linear-gradient(145deg,#235d7b99,#1a405999)}:root[data-theme=dark] .avatar.blue{color:#b6ccff;background:linear-gradient(145deg,#3a4f8899,#24315299)}:root[data-theme=dark] .avatar.amber{color:#f3d19b;background:linear-gradient(145deg,#74603999,#40332399)}:root[data-theme=dark] .avatar.rose{color:#ffbec3;background:linear-gradient(145deg,#784b5299,#49323c99)}:root[data-theme=dark] .avatar.violet{color:#dcc1ff;background:linear-gradient(145deg,#67548a99,#3b315399)}@media (width<=760px){.mobile-nav{left:14px;right:14px;bottom:calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(28px)saturate(175%);backdrop-filter:blur(28px)saturate(175%);border:1px solid color-mix(in srgb,var(--line) 80%,white);border-radius:26px;padding:8px 12px;box-shadow:inset 0 1px #ffffffa6,0 6px 25px #12244313}.mobile-nav button.selected>span:first-child{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 70%,transparent),color-mix(in srgb,var(--teal) 17%,var(--surface)));border:1px solid color-mix(in srgb,var(--teal) 12%,transparent);box-shadow:inset 0 1px #fff9}.mobile-nav button>span:first-child{border:1px solid #0000;padding-inline:16px}.mobile-nav button{gap:2px;min-height:48px}.mobile-nav button i{right:12px}.toast{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-transparency:reduce){.avatar,.setting-symbol,.stat-icon,.profile-avatar,.mobile-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--surface)}.avatar:before,.setting-symbol:before,.stat-icon:before{display:none}}@media (forced-colors:active){.avatar,.setting-symbol,.stat-icon,.profile-avatar,.mobile-nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid canvastext}.avatar:before,.avatar:after,.setting-symbol:before,.setting-symbol:after{display:none}}.avatar,.setting-symbol,.stat-icon{box-shadow:inset 0 1.5px #fffffff2,inset 1px 0 #ffffffa6,inset -1px 0 #ffffff80,inset 0 -2px 3px #ffffff8c,0 3px 8px #183e6b10}.avatar:before,.setting-symbol:before,.stat-icon:before{opacity:.7;background:linear-gradient(#ffffffd9,#ffffff38 85%,#ffffff05);border-bottom:1px solid #ffffff70;border-radius:0 0 50% 50%;inset:-20% -10% 44%;transform:rotate(-13deg)}.avatar:after,.setting-symbol:after,.stat-icon:after{filter:blur(1px);background:radial-gradient(#ffffffcf,#fff0 75%);height:5px;inset:auto 20% 3px}.avatar>svg,.setting-symbol>svg,.stat-icon>svg{filter:drop-shadow(0 1px #ffffff80)}.icon-button,.mobile-studio{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-soft) 82%,transparent));border:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:inset 0 1px #fff9,0 2px 5px #19365405}.search-field .icon-button,.modal-heading .icon-button{box-shadow:none;background:0 0;border:0}:root[data-theme=dark] .avatar:before,:root[data-theme=dark] .setting-symbol:before,:root[data-theme=dark] .stat-icon:before{opacity:.27}:root[data-theme=dark] .avatar:after,:root[data-theme=dark] .setting-symbol:after,:root[data-theme=dark] .stat-icon:after{opacity:.3}:root[data-theme=dark] .avatar>svg,:root[data-theme=dark] .setting-symbol>svg,:root[data-theme=dark] .stat-icon>svg{filter:drop-shadow(0 1px 1px #0004)}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .mobile-studio{box-shadow:inset 0 1px #ffffff26,0 2px 5px #0001}:root{--ease-soft:cubic-bezier(.22,.68,.2,1)}body{min-width:0}.route-frame{animation:soft-page-in .2s var(--ease-soft) both}.content-page{animation:none}.conversation,.icon-button,.mobile-nav button,.filter-tabs button,.button,.sender-control,.setting-button{transition:background .16s var(--ease-soft),color .14s ease,box-shadow .16s ease,transform .12s var(--ease-soft)}.conversation:active,.button:active,.sender-control:active{transform:scale(.992)}.modal-backdrop{animation:.14s ease-out both veil-in}.modal{animation:sheet-in .2s var(--ease-soft) both}.switch:after{transition:transform .18s var(--ease-soft)}.mobile-brand-bar .icon-button,.mobile-studio,.page-title-row>.icon-button{width:44px;height:44px}.filter-tabs button{min-height:44px}.search-field .icon-button{width:36px;min-height:44px}.setting-label strong{font-size:14px}.setting-description,.setting-label p{font-size:12px}.android-nav button:before{transition:background .18s var(--ease-soft),opacity .16s ease}.android-greeting{animation:soft-page-in .18s var(--ease-soft) both}@keyframes soft-page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.route-frame,.modal,.modal-backdrop,.android-greeting{animation:none!important}}}