:root{--app-bg: var(--tg-theme-bg-color, #ffffff);--app-text: var(--tg-theme-text-color, #1d2733);--app-hint: var(--tg-theme-hint-color, #707579);--app-subtitle: var(--tg-theme-subtitle-text-color, var(--app-hint));--app-link: var(--tg-theme-link-color, #2481cc);--app-button: var(--tg-theme-button-color, #2481cc);--app-button-text: var(--tg-theme-button-text-color, #ffffff);--app-secondary-bg: var(--tg-theme-secondary-bg-color, #f4f4f5);--app-section-bg: var(--tg-theme-section-bg-color, var(--app-secondary-bg));--app-section-header: var(--tg-theme-section-header-text-color, var(--app-hint));--app-separator: var(--tg-theme-section-separator-color, #d7d8da);--app-bottom-bar: var(--tg-theme-bottom-bar-bg-color, var(--app-bg));--app-destructive: var(--tg-theme-destructive-text-color, #e53935);--app-radius: 12px;--app-ease: .16s cubic-bezier(.2, 0, 0, 1);background:var(--app-bg);color:var(--app-text);color-scheme:var(--tg-color-scheme, light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--app-bg);margin:0;min-height:var(--tg-viewport-stable-height, 100dvh);min-width:320px;overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;transition:background-color var(--app-ease),color var(--app-ease),opacity var(--app-ease),transform var(--app-ease)}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin:0}h1{color:var(--app-text);font-size:21px;font-weight:700;letter-spacing:0;line-height:1.16}h2{color:var(--app-text);font-size:15px;font-weight:650;letter-spacing:0;line-height:1.24}h3{color:var(--app-text);font-size:13px;font-weight:650;letter-spacing:0;line-height:1.25}p{color:var(--app-subtitle);font-size:13px;line-height:1.38}svg{flex:0 0 auto}.app-shell{margin:0 auto;max-width:760px;min-height:var(--tg-viewport-stable-height, 100dvh);padding:calc(var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px) + 12px) calc(var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px)) + 12px) calc(var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px) + 86px) calc(var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px)) + 12px)}.topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 0 12px;min-height:44px}.topbar>div{min-width:0}.topbar h1{overflow-wrap:anywhere}.eyebrow{color:var(--app-section-header);font-size:12px;font-weight:700;letter-spacing:0;line-height:1.2;margin:0 0 3px;text-transform:uppercase}.content{display:grid;gap:10px}.section-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:430px;width:100%}.tile,.integration-card,.row-item,.tool-surface,.notice{background:var(--app-section-bg);border:1px solid var(--app-separator);border-radius:var(--app-radius);box-shadow:0 1px #1f2d3d08}.tile{aspect-ratio:1 / 1;color:inherit;display:flex;flex-direction:column;min-height:142px;padding:10px;text-align:left;width:100%}.tile-button{border:1px solid var(--app-separator);justify-content:flex-start}.tile-button:hover{background:color-mix(in srgb,var(--app-section-bg) 86%,var(--app-button) 14%)}.tile-head,.row-main{align-items:center;display:flex;gap:10px}.tile-head{justify-content:space-between;margin-bottom:8px}.tile-emoji{align-items:center;display:inline-flex;flex:0 0 32px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:27px;height:32px;justify-content:center;line-height:1;width:32px}.tile svg,.row-main svg{color:var(--app-link)}.tile p{display:-webkit-box;font-size:12px;line-height:1.28;margin-top:5px;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tile-foot{align-items:center;display:flex;gap:6px;margin-top:auto}.tile-foot .meter{flex:1 1 auto;margin-top:0}.tile-foot svg{color:var(--app-hint)}.status{background:color-mix(in srgb,var(--app-button) 12%,transparent);border-radius:999px;color:var(--app-link);font-size:10px;font-weight:650;line-height:1.1;max-width:96px;overflow:hidden;padding:5px 6px;text-overflow:ellipsis;white-space:nowrap}.meter{background:var(--app-secondary-bg);border-radius:999px;height:5px;margin-top:auto;overflow:hidden}.meter span{background:var(--app-button);display:block;height:100%}.stack{display:grid;gap:10px}.integration-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:430px;width:100%}.integration-card{aspect-ratio:1 / 1.05;color:inherit;display:flex;flex-direction:column;min-height:0;min-width:0;padding:10px;text-align:left}.integration-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.integration-logo-box{align-items:center;background:var(--app-secondary-bg);border:1px solid color-mix(in srgb,var(--app-separator) 72%,transparent);border-radius:10px;display:flex;flex:0 0 36px;height:36px;justify-content:center;padding:5px;width:36px}.integration-logo{display:block;height:100%;object-fit:contain;width:100%}.integration-card h2{display:-webkit-box;font-size:14px;line-height:1.2;margin-top:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.integration-card p{display:-webkit-box;font-size:12px;line-height:1.28;margin-top:5px;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.integration-card .status{max-width:84px}.small-button.integration-action{font-size:11px;margin-top:auto;min-height:30px;min-width:0;padding:0 8px;width:100%}.status-planned{background:var(--app-secondary-bg);color:var(--app-hint)}.row-item{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:72px;padding:12px}.row-main,.row-main div{min-width:0}.row-main p,.row-main h2{overflow-wrap:anywhere}.tool-surface{display:grid;gap:12px;padding:12px}.credential-form{grid-template-columns:minmax(118px,.7fr) minmax(0,1.3fr) auto}.tool-surface.vertical{grid-template-columns:1fr}.segmented{background:var(--app-secondary-bg);border:1px solid var(--app-separator);border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.segmented button{align-items:center;background:transparent;border-radius:9px;color:var(--app-hint);display:inline-flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;min-height:38px;min-width:0;padding:0 8px}.segmented button.active{background:var(--app-section-bg);color:var(--app-button);box-shadow:0 1px #1f2d3d0d}.action-row{display:flex;gap:8px;min-width:0}.action-row button{flex:1 1 0;min-width:0}.action-row .secondary{background:var(--app-secondary-bg);color:var(--app-text)}.device-panel{background:var(--app-secondary-bg);border:1px solid var(--app-separator);border-radius:10px;display:grid;gap:8px;padding:10px}.device-panel a{color:var(--app-link);font-size:13px;overflow-wrap:anywhere}.device-code{background:var(--app-section-bg);border:1px solid var(--app-separator);border-radius:10px;color:var(--app-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;font-weight:750;letter-spacing:0;padding:10px;text-align:center}.runtime-disconnect{justify-self:stretch}.field{color:var(--app-section-header);display:grid;font-size:12px;font-weight:650;gap:6px;min-width:0}.field-helper{color:var(--app-hint);font-size:12px;font-weight:400;line-height:1.3}input,select,textarea{-webkit-appearance:none;appearance:none;background:var(--app-secondary-bg);border:1px solid var(--app-separator);border-radius:10px;color:var(--app-text);min-height:42px;min-width:0;outline:0;padding:0 11px;transition:border-color var(--app-ease),box-shadow var(--app-ease),background-color var(--app-ease)}select{background-image:linear-gradient(45deg,transparent 50%,var(--app-hint) 50%),linear-gradient(135deg,var(--app-hint) 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--app-button) 26%,transparent);outline:0}input::placeholder{color:var(--app-hint)}input[type=checkbox]{accent-color:var(--app-button);appearance:auto;min-height:0;width:18px}.scope-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.scope-grid label{align-items:center;background:var(--app-secondary-bg);border:1px solid var(--app-separator);border-radius:10px;color:var(--app-text);display:flex;font-size:12px;gap:8px;min-height:40px;min-width:0;padding:8px}.scope-grid label:active{transform:scale(.99)}.icon-button,.small-button,.tool-surface button,.status-screen button,.invite-accept button{align-items:center;background:var(--app-button);border-radius:10px;color:var(--app-button-text);display:inline-flex;font-weight:700;gap:6px;justify-content:center;min-height:42px;padding:0 13px}.icon-button{height:40px;padding:0;width:40px}.icon-button.secondary,.small-button.secondary{background:var(--app-secondary-bg);color:var(--app-text)}.small-button{min-width:98px;white-space:nowrap}.detail-shell{display:grid;gap:10px}.detail-header{align-items:center;display:grid;gap:10px;grid-template-columns:40px minmax(0,1fr);min-height:44px}.detail-title{align-items:center;display:flex;gap:10px;min-width:0}.detail-title h1{overflow-wrap:anywhere}.detail-icon{align-items:center;background:color-mix(in srgb,var(--app-button) 12%,var(--app-section-bg));border-radius:10px;color:var(--app-button);display:flex;height:38px;justify-content:center;width:38px}.detail-summary,.detail-panel{background:var(--app-section-bg);border:1px solid var(--app-separator);border-radius:var(--app-radius);box-shadow:0 1px #1f2d3d08}.detail-summary{display:grid;gap:10px;padding:13px}.detail-summary-head{align-items:center;display:flex;justify-content:space-between}.detail-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.detail-panel{display:grid;gap:10px;min-width:0;padding:12px}.detail-panel.compact ul{display:grid;gap:7px;list-style:none;margin:0;padding:0}.detail-panel.compact li{color:var(--app-subtitle);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.detail-items{display:grid;gap:8px}.detail-item{align-items:center;background:var(--app-secondary-bg);border:1px solid var(--app-separator);border-radius:10px;display:flex;gap:10px;justify-content:space-between;min-width:0;padding:10px}.detail-item>div{min-width:0}.detail-item p,.detail-item h3{overflow-wrap:anywhere}.context-workspace{display:grid;gap:10px;grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr)}.document-list{align-content:start}.document-button{align-items:center;background:var(--app-secondary-bg);border:1px solid transparent;border-radius:10px;color:var(--app-text);display:flex;gap:9px;min-height:48px;padding:9px;text-align:left;width:100%}.document-button svg{color:var(--app-link)}.document-button span{display:grid;gap:2px;min-width:0}.document-button strong,.document-button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-button strong{font-size:13px}.document-button small{color:var(--app-hint);font-size:11px}.document-button.active{background:color-mix(in srgb,var(--app-button) 12%,var(--app-secondary-bg));border-color:color-mix(in srgb,var(--app-button) 38%,var(--app-separator))}.document-surface{align-content:start}.document-toolbar{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.document-toolbar>div:first-child{min-width:0}.document-actions{display:flex;flex:0 0 auto;gap:8px}.markdown-editor{line-height:1.4;min-height:min(52vh,560px);padding:12px;resize:vertical;width:100%}.markdown-preview{color:var(--app-text);display:grid;gap:10px;max-width:100%;overflow-wrap:anywhere}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:2px}.markdown-preview ul,.markdown-preview ol{color:var(--app-subtitle);display:grid;gap:5px;margin:0;padding-left:18px}.markdown-preview li,.markdown-preview p{font-size:13px}.markdown-preview code{background:var(--app-secondary-bg);border:1px solid var(--app-separator);border-radius:6px;color:var(--app-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:1px 4px}.markdown-preview pre{background:var(--app-secondary-bg);border:1px solid var(--app-separator);border-radius:10px;margin:0;overflow:auto;padding:10px}.document-updated{color:var(--app-hint);font-size:12px}.small-button.danger{background:var(--app-destructive);color:#fff}.notice{color:var(--app-text);padding:12px}.notice p{margin-top:4px}.notice.split{align-items:center;display:flex;gap:10px;justify-content:space-between}.mono{color:var(--app-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}.invite-accept{display:grid;gap:12px;max-width:360px;width:min(100%,360px)}.invite-accept button{width:100%}.error-text{color:var(--app-destructive);max-width:360px}.tabbar{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);background:color-mix(in srgb,var(--app-bottom-bar) 92%,transparent);border-top:1px solid var(--app-separator);bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;padding:7px calc(var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px)) + 8px) calc(var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + 7px) calc(var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px)) + 8px);position:fixed;right:0}.tab{align-items:center;background:transparent;border-radius:10px;color:var(--app-hint);display:flex;flex-direction:column;font-size:11px;font-weight:650;gap:3px;justify-content:center;min-height:52px;min-width:0}.tab svg{height:19px;width:19px}.tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.active{background:color-mix(in srgb,var(--app-button) 12%,transparent);color:var(--app-button)}.status-screen{align-items:center;background:var(--app-bg);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:var(--tg-viewport-stable-height, 100dvh);padding:calc(var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)) + 24px) calc(var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px)) + 18px) calc(var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + 24px) calc(var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px)) + 18px);text-align:center}.status-screen>p{max-width:320px}.status-icon{align-items:center;background:color-mix(in srgb,var(--app-button) 12%,var(--app-section-bg));border-radius:999px;color:var(--app-button);display:flex;height:64px;justify-content:center;width:64px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:560px){.app-shell{padding-left:calc(var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px)) + 10px);padding-right:calc(var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px)) + 10px)}.credential-form,.action-row,.scope-grid,.detail-grid,.context-workspace{grid-template-columns:1fr}.action-row{flex-direction:column}.row-item{align-items:stretch;flex-direction:column}.row-main{align-items:flex-start}.small-button,.tool-surface button{width:100%}.notice.split,.document-toolbar,.document-actions{align-items:stretch;flex-direction:column}.document-actions .small-button{width:100%}}