.chat-access{min-width:0;padding:16px;margin:20px 0;border:1px solid var(--app-border);border-radius:12px}.chat-access legend{padding:0 6px;font-size:14px;font-weight:550}.chat-access p{line-height:1.6}.chat-access small{color:var(--app-muted);font-size:12px;line-height:1.5}.chat-access :focus-visible{outline:2px solid var(--app-primary);outline-offset:3px}.chat-access:disabled{opacity:.65}.chat-access-modes{display:grid;gap:8px}.chat-access-mode{display:flex;align-items:flex-start;gap:10px;padding:12px;cursor:pointer;border:1px solid var(--app-border);border-radius:10px}.chat-access-mode[data-selected=true]{background:var(--app-tint);border-color:var(--app-primary)}.chat-access-mode span{display:grid;gap:4px;min-width:0}.chat-access-mode strong{font-weight:550}.chat-access input[type=radio]{width:18px;height:18px;margin:3px 0 0;flex-shrink:0;accent-color:var(--app-primary)}.chat-access select,.permission-app-picker select{max-width:100%;min-width:0;min-height:40px;padding:8px 30px 8px 12px;border:1px solid var(--app-control-border);border-radius:9px;color:var(--app-ink);background:var(--app-surface);font:inherit;font-size:13px}.chat-account-picker{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:12px;color:var(--app-muted)}.chat-account-picker select{width:100%;color:var(--app-ink)}.chat-access-account{min-width:0;margin-top:20px}.chat-access-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--app-border);margin-bottom:16px}.chat-access-heading strong{font-size:14px;font-weight:550}.chat-access-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px}.chat-search-field{flex:1 1 200px;min-width:0}.chat-access-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--app-control-border);border-radius:9px;background:var(--app-surface);color:var(--app-muted)}.chat-access-search svg{flex-shrink:0}.chat-access-search input[type=search]{width:100%;min-width:0;min-height:40px;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--app-ink);font-size:13px}.chat-access-search .subtle-button{min-width:28px;min-height:36px;padding:0}.chat-access-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.chat-kind-filters{display:flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--app-tint);border-radius:9px}.chat-kind-filters button{min-height:34px;padding:6px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--app-muted);font:inherit;font-size:12px;cursor:pointer}.chat-kind-filters button[aria-pressed=true]{border-color:var(--app-border);color:var(--app-ink);background:var(--app-surface);box-shadow:0 1px 3px #2426290a}.chat-access-filters label{display:flex;align-items:center;font-size:12px}.chat-access-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-height:44px;margin:4px 0}.chat-access-bulk>small{margin-right:auto}.chat-access-bulk .subtle-button{min-height:40px;padding:4px 0;font-size:12px;font-weight:400}.chat-access-columns{display:none}.chat-access-list{max-height:400px;overflow:auto;overscroll-behavior:contain;margin:0 0 14px}.chat-access-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 32px;align-items:center;gap:12px;min-height:64px;padding:10px 8px;cursor:pointer;border-bottom:1px solid var(--app-border);border-radius:0;scroll-margin-block:20px 160px}.chat-access-row:last-child{border-bottom:0}.chat-access-row:hover,.chat-access-row:focus-within{background:var(--app-tint);border-radius:8px}.chat-access-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--app-tint);color:var(--app-muted)}.chat-access-name{display:grid;min-width:0;gap:3px;overflow-wrap:anywhere}.chat-access-name strong{font-size:13px;font-weight:500;line-height:1.5}.chat-access-name small{font-size:11px}.chat-access-kind,.chat-access-updated{display:none}.chat-access-state{display:flex;align-items:center;gap:6px;width:fit-content;padding:3px 8px;border:1px solid var(--app-border);border-radius:20px;background:var(--app-surface);color:var(--app-ink);font-size:11px;white-space:nowrap}.chat-access-state i{width:5px;height:5px;border-radius:50%;background:var(--app-success)}.chat-access-row[data-permitted=false] .chat-access-state i{background:var(--app-muted)}.chat-access-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:32px;height:20px;margin:0;border:1px solid var(--app-control-border);border-radius:20px;background:var(--app-canvas);cursor:pointer;position:relative;transition:background .12s}.chat-access-row input[type=checkbox]:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;top:2px;left:2px;background:#fff;box-shadow:0 1px 3px #24262933;transition:transform .12s}.chat-access-row input[type=checkbox]:checked{background:var(--app-accent);border-color:var(--app-primary)}.chat-access-row input[type=checkbox]:checked:before{background:var(--app-on-accent);transform:translate(12px)}.chat-access-row input:disabled{cursor:not-allowed;opacity:.5}.chat-list-caption{display:block;margin-top:10px}.permission-app-picker{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-bottom:20px;padding:16px 20px;background:var(--app-tint);border:1px solid var(--app-border);border-radius:14px}.permission-app-picker label{display:flex;align-items:center;gap:12px;color:var(--app-muted);font-size:13px}.permission-app-picker select{min-width:220px;font-weight:500}.permission-app-picker p{margin:0;color:var(--app-muted);font-size:12px}.permissions-page .permission-editor{padding:24px;overflow:visible}.chat-access[data-compact=true]{padding:0;border:0;margin:0}.chat-access[data-compact=true] legend{padding:0;font-size:18px;letter-spacing:-.4px;margin-bottom:12px}.chat-access[data-compact=true] .chat-access-policy{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 24px}.chat-access[data-compact=true] .chat-access-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-access[data-compact=true] .chat-account-picker{margin-top:0;flex:0 1 260px;min-height:44px}.chat-access[data-compact=true] .chat-account-picker select{max-width:210px}.chat-rule-details{flex:1 1 270px;min-width:0}.chat-rule-details summary{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:0;min-height:44px;cursor:pointer}.chat-rule-details summary>span:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.chat-rule-details summary strong{font-size:13px;font-weight:500}.chat-rule-details summary small{font-size:11px}.chat-rule-change{color:var(--app-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.chat-rule-details[open]{flex-basis:100%}.chat-rule-details[open] summary{margin-bottom:16px}.chat-access[data-compact=true] .chat-access-account{margin-top:4px}.chat-access[data-compact=true] .chat-search-field{order:2;flex:0 1 220px;margin-left:auto}.chat-access[data-compact=true] .chat-access-heading strong{font-weight:400;font-size:12px;color:var(--app-muted)}.chat-access[data-compact=true] .chat-access-list{max-height:520px}.permission-save-bar{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 4px;margin-top:18px;border-top:1px solid var(--app-border);background:var(--app-surface)}.permission-save-bar[data-pending=false]{position:static}.permission-save-bar>span{font-size:12px;color:var(--app-muted)}.permission-save-bar>div{display:flex;flex-wrap:wrap;gap:8px}@media(min-width:1101px){.chat-access[data-compact=true] .chat-access-row{grid-template-columns:32px minmax(0,1fr) 90px 78px 100px 32px;gap:14px;min-height:62px}.chat-access[data-compact=true] .chat-access-kind,.chat-access[data-compact=true] .chat-access-updated{display:block;color:var(--app-muted);font-size:12px}.chat-access[data-compact=true] .chat-access-columns{background:var(--app-tint);border-radius:8px 8px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 90px 78px 146px;gap:14px;padding:12px 8px 12px 54px;border-bottom:1px solid var(--app-border);color:var(--app-muted);font-size:11px}}@media(max-width:1100px){.chat-access[data-compact=true] .chat-search-field{order:0;flex:1 1 200px;margin-left:0}}@media(max-width:850px){.permission-save-bar{bottom:calc(70px + env(safe-area-inset-bottom));padding-bottom:12px}}@media(max-width:600px){.permissions-page .permission-editor{padding:18px 14px}.permission-app-picker{padding:12px 14px;margin-bottom:16px}.permission-app-picker label{width:100%}.permission-app-picker select{min-width:0;flex:1}.chat-access[data-compact=true] .chat-access-policy{gap:12px}.chat-access[data-compact=true] .chat-access-modes{grid-template-columns:1fr}.chat-access[data-compact=true] .chat-account-picker{flex:1 1 100%}.chat-access[data-compact=true] .chat-account-picker select{max-width:none}.chat-rule-details{flex-basis:100%}.chat-rule-details summary>span:first-child{display:grid}.chat-rule-change{max-width:52px}.chat-access-filters{gap:10px;width:100%}.chat-access-filters label{margin-left:auto}.chat-kind-filters{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.chat-kind-filters button{padding:8px 0;font-size:11px}.chat-access-row{grid-template-columns:minmax(0,1fr) auto 32px;gap:8px;padding:12px 2px}.chat-access-avatar{display:none}.chat-access-state{font-size:10px;padding:3px 6px}.chat-access-state i{display:none}.chat-access-heading{gap:4px}.chat-access-heading small{font-size:11px}.chat-access-bulk{gap:4px 12px}.chat-access-bulk>small{flex-basis:100%}.permission-save-bar>div{width:100%}.permission-save-bar .button{flex:1;padding-left:10px;padding-right:10px}}@media(max-width:600px){.permission-app-picker>p{display:none}.chat-access[data-compact=true] legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.chat-access[data-compact=true] .chat-access-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.chat-access[data-compact=true] .chat-search-field{order:0}.chat-access[data-compact=true] .chat-access-filters{display:contents}.chat-access[data-compact=true] .chat-access-filters label{order:1;width:100%;margin:0}.chat-access[data-compact=true] .chat-access-filters select{width:100%;padding-left:8px;font-size:12px}.chat-access[data-compact=true] .chat-kind-filters{grid-column:1 / -1;order:2}.chat-access[data-compact=true] .chat-access-bulk>small{display:none}.chat-access[data-compact=true] .chat-access-heading{padding-top:10px;margin-bottom:10px}}@media(forced-colors:active){.chat-access-row input[type=checkbox]{appearance:auto}.chat-access-row input[type=checkbox]:before{display:none}.chat-kind-filters button[aria-pressed=true]{outline:2px solid Highlight}}.landing{background:var(--app-surface);color:var(--app-ink);font-size:16px}.landing a{text-decoration:none}.landing a:hover{text-decoration:underline;text-underline-offset:4px}.landing a:active{opacity:.8}.landing-header,.landing-footer{max-width:1320px;margin:auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-brand{display:inline-flex;align-items:center;gap:7px;font-size:28px;font-weight:750;letter-spacing:-1.3px}.landing-brand>svg{width:29px;height:29px;color:var(--app-primary)}.landing-brand>span{color:var(--app-primary);margin-left:-7px}.landing-header nav,.landing-footer nav{display:flex;align-items:center;gap:32px}.landing-header nav{font-size:14px;font-weight:550}.landing .landing-login{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border-radius:9px;background:var(--app-feature);color:var(--app-on-feature);white-space:nowrap}.landing .landing-login:hover{background:var(--app-primary-hover);text-decoration:none}.landing-hero{max-width:1320px;margin:0 auto;padding:82px 48px 86px;display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}.landing-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;display:flex;align-items:center;gap:9px;margin-bottom:27px;color:var(--app-primary)}.landing-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--app-primary)}.landing h1{font-size:clamp(42px,4.3vw,62px);line-height:1.08;font-weight:550;letter-spacing:-.055em;margin-bottom:27px}.landing h1>span{color:var(--app-primary)}.landing-lead{max-width:460px;font-size:18px;line-height:1.65;color:var(--app-muted);margin-bottom:30px}.landing-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.landing .landing-cta{background:var(--app-accent);color:var(--app-on-accent);padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:9px;font-size:15px;font-weight:650;white-space:nowrap}.landing .landing-cta:hover{background:var(--app-accent-hover);text-decoration:none}.landing-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:550}.landing-hero-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--app-muted);margin:25px 0 0}.landing-demo{background:var(--app-canvas);background-image:var(--app-pattern);border-radius:18px;overflow:hidden;border:1px solid var(--app-border);transform:rotate(1.3deg);box-shadow:0 18px 0 -10px var(--app-tint)}.landing-demo-top{background:var(--app-feature);color:var(--app-on-feature);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 26px}.landing-demo-top>span:first-child{display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px}.landing-demo-label{color:var(--app-feature-muted);font-size:10px;letter-spacing:.12em}.landing-demo-body{padding:28px 26px 22px}.landing-demo-question{font-size:22px;font-weight:600;letter-spacing:-.04em;margin-bottom:4px}.landing-demo-hint{color:var(--app-muted);font-size:13px;margin-bottom:23px}.landing-chat-list{border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface);overflow:hidden}.landing-chat{display:flex;align-items:center;gap:12px;padding:17px 16px;cursor:pointer;margin:0}.landing-chat+.landing-chat{border-top:1px solid var(--app-border)}.landing-chat:hover{background:var(--app-success-bg)}.landing-avatar{width:39px;height:39px;flex:0 0 39px;border-radius:50%;background:var(--app-tint);color:var(--app-primary-hover);display:grid;place-items:center;font-size:12px;font-weight:650}.landing-avatar-private{background:var(--app-canvas);color:var(--app-muted)}.landing-chat-name{flex:1;min-width:0}.landing-chat-name strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.landing-chat-name>span{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--app-muted);margin-top:3px}.landing-chat input{width:22px;height:22px;flex-shrink:0;margin:0;accent-color:var(--app-primary);cursor:pointer}.landing-chat input:focus-visible{outline:2px solid var(--app-primary);outline-offset:4px}.landing-demo-result{display:flex;align-items:center;gap:12px;font-size:13px;margin-top:22px;color:var(--app-primary-hover)}.landing-demo-result strong{font-weight:600}.landing-demo-disclaimer{display:block;color:var(--app-muted);font-size:11px;margin-top:18px;line-height:1.5}.landing-purpose{padding:32px max(48px,calc((100% - 1224px)/2));background:var(--app-tint);display:flex;align-items:center;justify-content:space-between;gap:40px}.landing-purpose p{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.025em}.landing-purpose strong{font-weight:600}.landing-purpose ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:16px 28px}.landing-purpose li{display:flex;align-items:center;gap:8px;font-size:13px}.landing-purpose svg{color:var(--app-primary);flex-shrink:0}.landing-how{max-width:1320px;margin:auto;padding:100px 48px;display:grid;grid-template-columns:1fr 1fr;gap:100px;scroll-margin-top:24px}.landing h2{font-size:clamp(30px,3vw,42px);line-height:1.12;font-weight:550;letter-spacing:-.045em;margin-bottom:22px}.landing-section-intro>p:not(.landing-eyebrow){color:var(--app-muted);max-width:380px;line-height:1.7}.landing-section-intro>.landing-eyebrow{margin-bottom:20px}.landing-steps{list-style:none;padding:0;margin:0}.landing-steps li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--app-border)}.landing-steps li:first-child{padding-top:0}.landing-steps li>span{font-family:ui-monospace,monospace;color:var(--app-primary);font-size:13px;padding-top:3px}.landing-steps h3{font-size:20px;font-weight:550;margin:0 0 8px}.landing-steps p{color:var(--app-muted);font-size:15px;line-height:1.65;margin:0}.landing-close{margin:0 48px 45px;padding:48px;background:var(--app-feature);color:var(--app-on-feature);border-radius:18px;display:flex;align-items:center;gap:32px}.landing-close>svg{color:var(--app-accent);flex-shrink:0}.landing-close>div{flex:1}.landing-close h2{font-size:34px;margin:0 0 12px}.landing-close p{margin:0;color:var(--app-feature-muted);font-size:15px}.landing-close a:focus-visible{outline-color:var(--app-on-feature)}.landing-footer{padding-top:10px;padding-bottom:32px;font-size:13px}.landing-footer .landing-brand{font-size:23px}.landing-footer>p{flex:1;margin:0;color:var(--app-muted)}.landing-footer nav a{display:inline-flex;align-items:center;min-height:44px}@media(min-width:1320px){.landing-close{max-width:1224px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.landing-header,.landing-footer{padding-left:28px;padding-right:28px}.landing-hero{padding:56px 28px 70px;gap:30px}.landing-how{padding:70px 28px;gap:48px}.landing-purpose{padding:30px 28px}.landing-purpose ul{display:grid}.landing-close{margin-left:28px;margin-right:28px;padding:32px}}@media(max-width:700px){.landing-header{padding:18px 20px;gap:10px}.landing-brand{font-size:25px}.landing-brand>svg{width:25px}.landing-header .landing-nav-detail{display:none}.landing .landing-login{padding:12px 14px;gap:7px;font-size:13px}.landing-hero{grid-template-columns:1fr;gap:42px;padding:40px 20px 50px}.landing h1{font-size:clamp(36px,8.8vw,57px)}.landing-lead{font-size:16px}.landing-eyebrow{font-size:10px;margin-bottom:23px}.landing-actions{gap:12px}.landing-demo{transform:none}.landing-demo-top{padding:20px}.landing-demo-body{padding:24px 18px 20px}.landing-purpose{display:grid;padding:30px 20px;gap:24px}.landing-purpose ul{gap:13px}.landing-how{grid-template-columns:1fr;padding:55px 20px;gap:35px}.landing-close{margin:0 20px 32px;padding:30px 24px;flex-wrap:wrap;gap:22px}.landing-close>svg{display:none}.landing-close>div{flex-basis:100%}.landing-close h2{font-size:30px}.landing-footer{padding:0 20px 24px;flex-wrap:wrap;gap:8px 20px}.landing-footer>p{flex:auto}.landing-footer nav{flex-basis:100%;gap:24px}}@media(forced-colors:active){.landing-demo{background-image:none;transform:none;box-shadow:none}.landing .landing-login,.landing .landing-cta{border:1px solid ButtonText}}:root{--app-primary: #127543;--app-primary-hover: #0d5732;--app-accent: #25d366;--app-accent-hover: #1cbd59;--app-on-accent: #123322;--app-pattern: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='360'%20viewBox='0%200%20480%20360'%20fill='none'%3e%3cg%20stroke='%2358655e'%20stroke-opacity='.14'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cg%20transform='translate(28%2030)%20rotate(-12%2022%2018)'%3e%3cpath%20d='M5%202h32a5%205%200%200%201%205%205v19a5%205%200%200%201-5%205H18L7%2039v-8H5a5%205%200%200%201-5-5V7a5%205%200%200%201%205-5Z'/%3e%3cpath%20d='M10%2012h22M10%2020h14'/%3e%3c/g%3e%3cg%20transform='translate(150%2062)%20rotate(16)'%3e%3cpath%20d='m0%2014%2042-14-14%2042-7-20-21-8Z'/%3e%3cpath%20d='m21%2022%2021-22'/%3e%3c/g%3e%3cg%20transform='translate(291%2024)%20rotate(12)'%3e%3crect%20width='25'%20height='42'%20rx='5'/%3e%3cpath%20d='M9%206h7M10%2035h5'/%3e%3c/g%3e%3cg%20transform='translate(397%2080)'%3e%3cpath%20d='m0%2012%208%208L26%201m-10%2019%208%208L42%207'/%3e%3c/g%3e%3cg%20transform='translate(86%20155)%20rotate(14)'%3e%3cpath%20d='M3%2013h27v9a13.5%2013.5%200%200%201-27%200v-9ZM9%2013V2m15%2011V2M16.5%2036v12'/%3e%3c/g%3e%3cg%20transform='translate(220%20131)%20rotate(-8)'%3e%3cpath%20d='M0%208h38a5%205%200%200%201%205%205v19a5%205%200%200%201-5%205H24l-10%208v-8H5a5%205%200%200%201-5-5V8Z'/%3e%3cpath%20d='M11%2022h1m9%200h1m9%200h1'/%3e%3c/g%3e%3cg%20transform='translate(355%20178)%20rotate(9)'%3e%3crect%20x='0'%20y='12'%20width='26'%20height='22'%20rx='4'/%3e%3cpath%20d='M6%2012V6a7%207%200%200%201%2014%200v6M13%2021v5'/%3e%3c/g%3e%3cg%20transform='translate(27%20275)%20rotate(-13)'%3e%3cpath%20d='M0%2012c9-18%2020%2018%2029%200s20%2018%2029%200'/%3e%3c/g%3e%3cg%20transform='translate(165%20267)%20rotate(17)'%3e%3cpath%20d='M0%2012%2012%200h22v34H0V12Zm0%200h12V0M8%2021h17M8%2027h12'/%3e%3c/g%3e%3cg%20transform='translate(292%20292)%20rotate(-18)'%3e%3cpath%20d='M0%2010h35a5%205%200%200%201%205%205v14a5%205%200%200%201-5%205H20l-9%207v-7H5a5%205%200%200%201-5-5V10Z'/%3e%3cpath%20d='m10%2022%206%206%2013-13'/%3e%3c/g%3e%3cpath%20d='m424%20286%204-9%204%209%209%204-9%204-4%209-4-9-9-4%209-4Zm-304-179%203-6%203%206%206%203-6%203-3%206-3-6-6-3%206-3Z'/%3e%3ccircle%20cx='226'%20cy='38'%20r='3'/%3e%3ccircle%20cx='33'%20cy='193'%20r='3'/%3e%3ccircle%20cx='453'%20cy='181'%20r='3'/%3e%3cpath%20d='m186%20216%203%203m106-109%204-2M111%20325l3-3m326-294%204%202'/%3e%3c/g%3e%3c/svg%3e");--app-feature: #262b2e;--app-on-feature: #ffffff;--app-feature-muted: #dce5df;--app-control-border: #717e76;--app-surface: #ffffff;--app-canvas: #e9ece9;--app-ink: #202925;--app-muted: #4d5c53;--app-border: #c1cbc4;--app-tint: #dcf3e4;--app-success: #26734d;--app-success-bg: #edf6ef;--app-warning: #805817;--app-warning-bg: #fcf4e5;--app-danger: #aa3e43;--app-danger-bg: #fceff0;--app-sidebar-width: 224px;--app-radius: 18px;--scroll-thumb: #7d8b81;--scroll-track: #e9ece9;--green: var(--app-primary);--dark: var(--app-primary-hover);--muted: var(--app-muted);--line: var(--app-border);--lime: var(--app-tint);color:var(--app-ink);background:var(--app-canvas)}html{scrollbar-gutter:stable;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scroll-padding-bottom:90px}*{scrollbar-width:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--app-muted)}::-webkit-scrollbar-thumb:active{background:var(--green)}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.skip-navigation{position:fixed;left:16px;top:12px;z-index:110;padding:12px 18px;background:var(--app-surface);color:var(--dark);border-radius:8px;transform:translateY(-180%)}.skip-navigation:focus{transform:none}.app-sidebar{width:var(--app-sidebar-width);position:fixed;inset:0 auto 0 0;padding:32px 14px 20px;display:flex;flex-direction:column;background:var(--app-canvas);color:var(--app-ink);border-right:1px solid var(--app-border);overflow-y:auto}.app-sidebar .brand{margin:0 12px 42px;color:var(--dark);font-size:24px;font-weight:600;letter-spacing:-1px}.app-sidebar .brand-symbol{background:var(--app-accent);color:var(--app-primary-hover);border-radius:9px;width:32px;height:32px}.app-sidebar .brand-dot{color:var(--green)}.app-sidebar nav,.navigation-sheet nav{display:flex;flex-direction:column;gap:4px}.app-sidebar nav button,.navigation-sheet nav button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--app-ink);text-align:left;font-size:14px}.app-sidebar nav button:hover,.navigation-sheet nav button:hover{background:var(--app-tint);color:var(--app-ink)}.app-sidebar nav button[aria-current=page],.navigation-sheet nav button[aria-current=page]{background:var(--app-accent);color:var(--app-on-accent);font-weight:500;box-shadow:0 2px 4px #20292514}.navigation-section{padding:26px 12px 8px;color:var(--app-muted);font-size:12px}.destination-arrow{margin-left:auto;width:14px}.navigation-footer{margin-top:auto;padding:24px 12px 0}.navigation-email{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--app-muted);margin-bottom:12px}.navigation-footer button{display:flex;align-items:center;gap:8px;min-height:44px;border:0;padding:0;background:transparent;color:var(--app-muted);font-size:13px}.navigation-footer button:hover{color:var(--green)}.mobile-navigation{display:none}.navigation-sheet{width:min(480px,100%);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--app-border);border-radius:18px 18px 0 0;color:var(--app-ink);background:var(--app-surface);margin:auto auto 0}.navigation-sheet::backdrop,.operation-dialog::backdrop{background:#20292555}.navigation-sheet-body{padding:22px 20px max(22px,env(safe-area-inset-bottom))}.navigation-sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.navigation-sheet-heading h2{margin:0;font-size:21px}.navigation-sheet-heading .eyebrow{display:none}.navigation-sheet-heading .icon-button{min-width:44px;min-height:44px}.navigation-sheet-account{border-top:1px solid var(--app-border);margin-top:16px;padding-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.navigation-sheet-account>span{overflow-wrap:anywhere;font-size:12px;color:var(--app-muted);flex:1 1 160px}.navigation-sheet-account button{min-height:44px}.app-layout{color:var(--app-ink);background:var(--app-pattern) repeat,var(--app-canvas)}.app-layout .main-area{margin-left:var(--app-sidebar-width)}.app-layout .topbar{display:none;align-items:center;justify-content:space-between;min-height:52px;padding:4px 24px;background:transparent;border-bottom:0;font-size:12px}.app-layout .topbar-actions{width:auto;gap:8px}.app-layout .breadcrumb,.app-layout .lock-shortcut{color:var(--app-muted)}.app-layout .lock-shortcut{min-height:44px;font-size:12px}.app-layout .main-content{padding:34px 32px 48px;max-width:1440px}.app-layout .main-content:focus{outline:none}.app-layout .page-heading{margin-bottom:20px;padding:24px 28px;border-radius:var(--app-radius);background:var(--app-feature);color:var(--app-on-feature);align-items:center;gap:20px}.app-layout .page-heading h1{color:var(--app-on-feature);font-size:38px;font-weight:450;letter-spacing:-1.6px;margin:0 0 7px}.app-layout .page-heading p{margin:0;max-width:620px;font-size:14px;line-height:1.5;color:var(--app-feature-muted)}.app-layout .page-heading .eyebrow{display:none}.page-actions{display:flex;flex-wrap:wrap;gap:8px}.app-layout .panel{border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:none;background:var(--app-surface)}.app-layout .panel-heading{padding:20px 22px;background:var(--app-tint);border-bottom-color:var(--app-border)}.app-layout .panel-heading h2{font-size:18px;font-weight:550;letter-spacing:-.5px}.app-layout .subtle,.app-layout .panel-heading>span{color:var(--app-muted)}.app-layout .count{font-size:12px;background:var(--app-tint);color:var(--green)}.app-layout .button,.operation-dialog .button{min-height:42px;font-size:13px;font-weight:500;border-radius:10px}.app-layout .button.primary,.operation-dialog .button.primary{background:var(--app-accent);color:var(--app-on-accent);border-color:var(--app-primary)}.app-layout .button.primary:hover,.operation-dialog .button.primary:hover{background:var(--app-accent-hover)}.app-layout .button.secondary,.operation-dialog .button.secondary{background:var(--app-surface);border-color:var(--app-control-border);color:var(--green)}.app-layout .button.secondary:hover,.operation-dialog .button.secondary:hover{background:var(--app-tint)}.app-layout .subtle-button{font-size:12px;min-height:36px;color:var(--app-muted)}.app-layout .danger-text{color:var(--app-danger)}.app-layout .empty{padding:40px 24px}.app-layout .empty-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:12px;background:var(--app-tint);color:var(--green)}.app-layout .empty h3{font-size:18px}.app-layout .empty p{max-width:420px;color:var(--app-muted);font-size:14px;line-height:1.6;margin:0 auto}.app-layout .notice{color:var(--app-ink);font-size:13px}.app-layout .notice.error{color:var(--app-danger)}.app-layout .loading{min-height:100px;gap:10px;color:var(--app-muted)}.connections-list>.notice{margin:16px}.connection-row{padding:20px 24px;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:14px 20px;border-bottom:1px solid var(--app-border)}.connection-row:last-child{border-bottom:0}.connection-identity{display:flex;align-items:center;gap:12px;min-width:0}.connection-identity>div{min-width:0}.connection-symbol{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--app-tint);color:var(--green)}.connection-identity h2{margin:0 0 5px;font-size:16px;overflow-wrap:anywhere;letter-spacing:-.3px}.connection-identity p{margin:0;color:var(--app-muted);font-size:13px;overflow-wrap:anywhere}.connection-row .status{justify-self:start;white-space:normal;max-width:150px;line-height:1.5;font-size:12px}.connection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}.connection-error{grid-column:1 / -1;display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:6px;color:var(--app-danger);background:var(--app-danger-bg);font-size:13px;line-height:1.5}.connection-error svg{flex-shrink:0}.connection-detail{grid-column:1 / -1;color:var(--app-muted)}.connection-guide{margin:18px 0;color:var(--app-muted);font-size:13px}.connection-guide summary{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:500;color:var(--green);width:fit-content}.connection-guide summary:before{content:"+";font-size:18px}.connection-guide[open] summary:before{content:"−"}.connection-guide summary>svg{display:none}.connection-guide ol,.connection-steps{padding-left:22px;line-height:1.8}.connection-guide p{max-width:680px;line-height:1.6}.grant-list .grant{flex-wrap:wrap;gap:10px}.grant-list .grant>div{min-width:160px}.grant-list .grant h3{font-size:15px;overflow-wrap:anywhere;flex-wrap:wrap}.grant-list .grant p,.grant-list .grant small{font-size:12px;color:var(--app-muted);line-height:1.65}.grant-list .grant .tag{font-size:10px}.copy-status{min-height:20px;color:var(--green);font-size:13px}.operation-dialog{padding:0;border:1px solid var(--app-border);border-radius:14px;width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 40px);margin:auto;background:var(--app-surface);color:var(--app-ink)}.operation-dialog .modal-heading{position:sticky;top:0;z-index:1;background:var(--app-surface);padding:18px 24px;margin:0;border-bottom:1px solid var(--app-border)}.operation-dialog .modal-heading h2{margin:0;font-size:20px}.operation-dialog .modal-heading .icon-button{min-width:40px;min-height:40px}.dialog-content{padding:22px 24px}.dialog-content>p{line-height:1.6;color:var(--app-muted);font-size:14px}.dialog-content form>.button{width:100%;margin-top:16px}.dialog-content .copy-field{margin-top:14px}.dialog-content .copy-field button{min-height:36px;min-width:36px}.dialog-content .connection-guide{border-top:1px solid var(--app-border);padding-top:12px}.dialog-content .field input,.dialog-content .field select{font-size:14px}.dialog-content .chat-access{margin-top:20px}.auth-layout{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:var(--app-canvas)}.auth-brand{margin-bottom:28px;text-align:center}.auth-brand .brand{margin:0 auto 14px;color:var(--dark)}.auth-brand p{font-size:14px;color:var(--app-muted);margin:0}.auth-layout .auth-form-area{width:100%;max-width:430px;padding:0;min-height:0;display:block}.auth-layout .auth-card{width:100%;max-width:none;padding:28px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface)}.auth-layout .auth-card h2{font-size:25px}.auth-layout .eyebrow,.auth-layout .auth-bottom{display:none}.auth-layout .form-intro,.auth-layout .input-help{color:var(--app-muted)}@media(max-width:1100px){.connection-row{grid-template-columns:minmax(160px,1fr) auto}.connection-actions{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:850px){.app-sidebar{display:none}.app-layout .main-area{margin-left:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-layout .topbar{display:flex;min-height:52px;padding:4px 20px}.app-layout .main-content{padding:16px 20px 32px}.mobile-navigation{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;z-index:40;background:var(--app-surface);border-top:1px solid var(--app-border);padding:6px 8px max(8px,env(safe-area-inset-bottom))}.mobile-navigation button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;padding:6px 2px;border:0;border-radius:8px;background:transparent;color:var(--app-muted);font-size:11px}.mobile-navigation button[aria-current=page],.mobile-navigation button.current-section{color:var(--app-on-accent);background:var(--app-accent);font-weight:500}.mobile-navigation button:hover:not([aria-current=page]):not(.current-section){background:var(--app-canvas)}}@media(max-width:600px){.app-layout .page-heading{padding:18px;align-items:flex-start;flex-direction:column;gap:16px}.app-layout .page-heading h1{font-size:30px;letter-spacing:-1px}.app-layout .page-heading p{font-size:13px}.page-actions{width:100%}.page-actions>button{flex:1 1 auto}.app-layout .location-label .breadcrumb,.app-layout .location-label>svg{display:none}.app-layout .top-avatar{display:none}.connection-row{padding:18px;grid-template-columns:1fr;gap:12px}.connection-row .status{margin-left:52px;max-width:none}.connection-actions{margin-top:4px}.connection-error{font-size:12px}.connections-page .page-heading>.button{width:100%}.grant-list{padding:0 18px}.grant-list .grant>div{flex-basis:calc(100% - 55px)}.app-layout .panel-heading{flex-wrap:wrap;padding:18px;gap:8px}.app-layout .empty{padding:30px 20px}.operation-dialog .modal-heading{padding:14px 18px}.dialog-content{padding:18px}.auth-layout{padding:26px 16px}.auth-layout .auth-card{padding:24px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){html{scrollbar-color:auto}.app-sidebar nav button[aria-current=page],.mobile-navigation button[aria-current=page],.mobile-navigation .current-section{outline:2px solid Highlight}}.app-layout .mobile-wordmark{color:var(--app-ink);font-weight:600;font-size:18px}.app-layout .field>span,.app-layout .field input,.app-layout .field select,.app-layout .field textarea{font-size:13px}.app-layout .field>span,.app-layout .settings-panel>p{color:var(--app-muted)}.app-layout .settings-panel>p{font-size:13px;line-height:1.6}.chat-filter{display:flex;align-items:center;gap:4px;margin:0 16px 14px}.chat-filter .search{width:100%;min-width:0;font-size:13px}.chat-filter .icon-button{flex-shrink:0;min-width:32px;min-height:32px}.chat-back{display:none}.chat-heading:focus{outline:2px solid var(--green);outline-offset:-2px}.app-layout .chat-item strong{font-size:13px}.app-layout .chat-item small,.app-layout .chat-item time,.app-layout .small-empty{color:var(--app-muted);font-size:12px}.app-layout .compose textarea{resize:none;min-height:44px;font-size:14px}@media(max-width:600px){.app-layout .location-label{display:none}.app-layout .mobile-wordmark{display:block;color:var(--green);font-weight:650;font-size:16px}.conversation-layout{display:flex;flex-direction:column;height:auto;max-height:none;min-height:420px}.conversation-layout[data-chat-open=false] .chat-detail,.conversation-layout[data-chat-open=true] .chat-list{display:none}.conversation-layout .chat-list{max-height:none;height:auto;min-height:420px}.conversation-layout .chat-list-scroll{max-height:60dvh}.conversation-layout .chat-detail{min-height:480px;height:70dvh}.conversation-layout .chat-heading{flex-wrap:wrap;gap:10px;padding:14px}.chat-back{display:inline-flex}.conversation-layout .chat-heading>div{min-width:0}.conversation-layout .chat-heading strong{overflow-wrap:anywhere}}.app-layout .notice,.operation-dialog .notice,.app-layout .secret-value,.app-layout .verified-email{background:var(--app-tint);border-color:var(--app-border);color:var(--app-ink)}.app-layout .notice.error,.operation-dialog .notice.error{background:var(--app-danger-bg);color:var(--app-danger)}.app-layout .status.connected{background:var(--app-success-bg);color:var(--app-success)}.app-layout .status.reconnecting,.app-layout .status.connecting{background:var(--app-warning-bg);color:var(--app-warning)}.app-layout .tag,.app-layout .grant-icon,.app-layout .section-icon,.app-layout .chat-item.active,.app-layout .chat-item:hover{background:var(--app-tint);color:var(--app-ink)}.app-layout .chat-detail,.app-layout .chat-heading,.app-layout .compose{background:var(--app-surface);border-color:var(--app-border)}.app-layout .messages{background:var(--app-pattern) repeat,var(--app-canvas)}.app-layout .message{background:var(--app-surface);color:var(--app-ink);border-color:var(--app-border)}.app-layout .message.outgoing{background:var(--app-tint)}.app-layout .checkbox-group label,.app-layout .field input,.app-layout .field textarea,.app-layout .field select{color:var(--app-ink)}.app-layout .field input,.app-layout .field textarea,.app-layout .field select,.operation-dialog .field input,.operation-dialog .field select{border-color:var(--app-control-border);background:var(--app-surface)}.app-layout .dashboard th{background:var(--app-tint);color:var(--app-muted)}.app-layout .dashboard td,.app-layout .dashboard th{border-color:var(--app-border)}.app-layout .metrics-badge{background:var(--app-tint);color:var(--app-muted)}.app-layout .metrics-inventory strong{color:var(--app-ink)}.app-layout .metrics-chart line{stroke:var(--app-border)}.app-layout .metrics-chart text{fill:var(--app-muted)}.app-layout .metrics-details summary{color:var(--app-ink)}.navigation-account{display:flex;gap:10px;align-items:center;border-top:1px solid var(--app-border);padding-top:18px;margin-top:12px}.navigation-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--app-border);border-radius:50%;background:var(--app-surface);color:var(--app-ink);font-weight:500}.navigation-account .navigation-email{margin:0;font-size:11px;line-height:1.6}.navigation-account strong{font-size:12px;font-weight:500}.navigation-account>div{min-width:0}.app-layout .connection-identity h2,.app-layout .metrics-value{color:var(--app-ink)}.app-layout .metrics-card{background:var(--app-surface);border-color:var(--app-border);border-radius:var(--app-radius)}.app-layout .metrics-card-label,.app-layout .metrics-card p,.app-layout .metrics-note,.app-layout .metrics-footer,.app-layout .metrics-period,.app-layout .metrics-switch button{color:var(--app-muted)}.app-layout .metrics-period select{color:var(--app-ink);background:var(--app-surface);border-color:var(--app-border)}.app-layout .metrics-switch{background:var(--app-tint)}.app-layout .metrics-switch .selected{background:var(--app-surface);color:var(--app-ink)}.app-layout .page-heading .button.primary{color:var(--app-on-accent);background:var(--app-accent);border-color:var(--app-accent)}.app-layout .page-heading .button.secondary{color:var(--app-on-feature);background:transparent;border-color:var(--app-feature-muted)}.app-layout .page-heading .button:hover{background:var(--app-accent-hover);color:var(--app-on-accent)}.app-layout .page-heading :focus-visible{outline-color:var(--app-on-feature)}.app-layout .page-heading .subtle,.app-layout .page-heading .metrics-period{color:var(--app-feature-muted)}.app-layout .grant h3{color:var(--app-ink)}@media(forced-colors:active){.app-layout,.app-layout .messages{background-image:none}}.app-layout .message p{color:var(--app-ink);font-size:14px;line-height:1.6}.app-layout .message time,.app-layout .chat-heading small,.app-layout .chat-heading>span,.app-layout .message .unavailable{color:var(--app-muted);font-size:12px}.app-layout .message-reply{color:var(--app-primary);font-size:12px;min-height:32px;padding:4px 0}.app-layout .compose textarea{border-color:var(--app-control-border);color:var(--app-ink)}.app-layout .compose textarea:focus-visible{outline:2px solid var(--app-primary);outline-offset:2px}.app-layout .compose textarea::placeholder{color:var(--app-muted);opacity:1}.operation-dialog .copy-field{background:var(--app-canvas);border-color:var(--app-control-border)}.operation-dialog .copy-field code,.operation-dialog .copy-field button{color:var(--app-primary)}.session-exit-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.app-layout .security-list{color:var(--app-muted);font-size:13px}.app-layout .dashboard .muted,.app-layout .metrics-inventory p,.app-layout .metrics-empty{color:var(--app-muted)}.app-layout .plan-current .eyebrow{color:var(--app-muted);font-size:12px}.auth-layout .auth-card h1{font-size:29px;margin:12px 0;line-height:1.25}.auth-layout .tabs button{color:var(--app-muted)}.auth-layout .tabs button.selected,.auth-layout .forgot-link{color:var(--app-primary)}.auth-layout .auth-footnote{color:var(--app-muted);font-size:12px;line-height:1.6}@media(max-width:600px){.main-content:has(.conversation-layout[data-chat-open=true])>.page-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}.main-content:has(.conversation-layout[data-chat-open=true])>.page-heading .button{display:none}.conversation-layout[data-chat-open=true]{min-height:0}.conversation-layout[data-chat-open=true] .chat-detail{min-height:0;height:max(280px,calc(100dvh - 180px - env(safe-area-inset-bottom)))}}
