.product-shell,.auth-page{color:var(--text-primary);background:var(--bg-canvas);font-variant-numeric:tabular-nums;touch-action:manipulation;min-height:100dvh}.product-shell :is(button,a,input,textarea,summary):focus-visible,.auth-page :is(button,a,input,textarea):focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.product-shell :is(button,a),.auth-page :is(button,a){transition:color .1s,background-color .1s,border-color .1s,box-shadow .1s,transform .1s}.product-shell :is(h1,h2),.auth-heading h1{letter-spacing:-.04em;text-wrap:balance}.product-header{height:auto;min-height:68px;padding:0 max(28px, env(safe-area-inset-right)) 0 max(28px, env(safe-area-inset-left));border-bottom:2px solid var(--border-main);background:var(--bg-surface);align-items:center;gap:44px;display:flex}.product-brand{flex:none}.product-header nav{align-self:stretch;gap:8px;display:flex}.product-header nav a{min-height:44px;color:var(--text-secondary);border-bottom:3px solid #0000;align-items:center;gap:9px;padding:0 16px;font-size:13px;font-weight:550;display:flex}.product-header nav a:hover{color:var(--text-primary);background:var(--accent-primary-soft)}.product-header nav a.is-active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.product-header form{margin-left:auto}.product-signout{min-height:44px;color:var(--text-secondary);background:var(--bg-surface);border:2px solid var(--border-main);border-radius:var(--r-pill);box-shadow:var(--shadow-small);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;display:flex}.product-signout:hover{box-shadow:none;transform:translate(2px,2px)}.product-context{height:44px;padding:0 max(28px, env(safe-area-inset-right)) 0 max(28px, env(safe-area-inset-left));border-bottom:2px solid var(--border-main);background:var(--bg-canvas);justify-content:space-between;align-items:center;font-size:11px;display:flex}.product-context ol{gap:10px;margin:0;padding:0;list-style:none;display:flex}.product-context li{align-items:center;gap:10px;display:flex}.product-context a,.product-context-note{color:var(--text-secondary)}.product-skip{left:max(20px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));z-index:100;background:var(--bg-surface);min-height:44px;color:var(--text-primary);border:2px solid var(--border-main);border-radius:var(--r-pill);box-shadow:var(--shadow-control);padding:12px 16px;position:fixed;transform:translateY(-200%)}.product-skip:focus,.product-skip:focus-visible{transform:translateY(0)}.product-shell .ops-shell{height:auto;min-height:calc(100dvh - 112px)}.product-shell .ops-header{background:var(--bg-canvas);border-bottom:2px solid var(--border-main);padding-inline:28px}.product-shell .ops-identity strong{font-size:13px}.product-shell .ops-body{border-inline:0;min-height:calc(100dvh - 184px)}.product-shell .ops-main{background:var(--bg-surface);min-width:0}.product-shell .chat-pane{height:calc(100dvh - 184px);min-height:500px}.product-shell .pane-heading{background:var(--bg-surface);border-bottom:2px solid var(--border-main);min-height:64px;padding-inline:28px}.product-shell .chat-scroll{padding-inline:clamp(20px,5vw,70px)}.product-shell .chat-composer-wrap{background:var(--bg-surface);padding:18px clamp(20px,5vw,70px) 22px}.product-shell .chat-footnote{color:var(--text-secondary);line-height:1.6}.product-shell .chat-message.user .chat-bubble{background:var(--bg-surface-elevated)}.product-shell .ops-chat.selected{background:var(--accent-primary-soft);border-color:var(--border-main)}.product-shell .ops-chat-select strong{font-weight:550}.product-shell .primary-button,.auth-page .primary-button{background:var(--accent-primary);min-height:44px;color:var(--text-primary);border:2px solid var(--border-main);border-radius:var(--r-pill);box-shadow:var(--shadow-control);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:500;display:inline-flex}.product-shell .primary-button:hover:not(:disabled),.auth-page .primary-button:hover:not(:disabled){background:color-mix(in srgb, var(--accent-primary) 86%, var(--text-primary));box-shadow:var(--shadow-small);transform:translate(2px,2px)}.product-shell .primary-button:active:not(:disabled),.auth-page .primary-button:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.product-shell .toolbar-button{border:2px solid var(--border-main);border-radius:var(--r-pill);min-height:44px;box-shadow:var(--shadow-small);background:var(--bg-surface);font-size:11px}.product-shell .settings-page{min-height:calc(100dvh - 112px);padding-top:24px}.product-shell .settings-header{display:none}.product-shell .settings-intro p{max-width:62ch}.product-shell .settings-card{box-shadow:var(--shadow-card);border:2px solid var(--border-main);border-radius:var(--r-card);background:var(--bg-surface)}.product-shell .settings-nav{align-self:start;position:sticky;top:24px}.product-shell .settings-nav a.active{background:var(--accent-primary-soft);color:var(--accent-ink);border-color:var(--border-main)}.chat-activity{border:2px solid var(--border-main);border-radius:var(--r-card);background:var(--bg-surface);max-width:680px;box-shadow:var(--shadow-small);margin:20px 0 24px 42px;font-size:12px}.chat-activity summary{cursor:pointer;align-items:center;gap:12px;min-height:44px;padding:13px 16px;list-style:none;display:flex}.chat-activity summary::-webkit-details-marker{display:none}.chat-activity summary>svg{transition:transform .18s}.chat-activity[open] summary>svg{transform:rotate(180deg)}.activity-summary{gap:3px;min-width:0;display:grid}.activity-summary strong{font-size:12px;font-weight:550}.activity-summary small,.activity-count{color:var(--text-secondary);font-size:10px}.activity-count{white-space:nowrap;margin-left:auto}.activity-indicator{color:var(--status-success)}.chat-activity ol{border-top:2px solid var(--border-main);padding:0 16px 14px;list-style:none}.activity-step{color:var(--text-secondary);align-items:start;gap:10px;padding-top:14px;display:flex}.activity-step>span:first-child{padding-top:2px}.activity-step small{color:var(--text-secondary);margin-top:3px;font-size:10px;display:block}.activity-step time{color:var(--text-secondary);margin-left:auto;font-size:10px}.activity-step.failed{color:var(--accent-danger)}.connections-page{max-width:1240px;margin:0 auto;padding:48px 32px 80px}.connections-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.eyebrow{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.connections-heading h1{margin-bottom:10px;font-size:clamp(28px,3vw,38px);font-weight:550}.connections-heading p:not(.eyebrow),.connections-empty p{color:var(--text-secondary);font-size:13px;line-height:1.7}.connection-list{border-top:2px solid var(--border-main)}.connection-item{border-bottom:2px solid var(--border-main);background:var(--bg-surface);flex-wrap:wrap;align-items:center;gap:28px;padding:26px 4px;display:flex}.connection-item-identity{flex:1;align-items:center;gap:14px;min-width:220px;display:flex}.connection-item h2{margin-bottom:5px;font-size:15px;font-weight:550}.connection-item p{color:var(--text-secondary);overflow-wrap:anywhere;font-size:12px}.connection-item-actions{flex-wrap:wrap;gap:8px;display:flex}.connection-state{color:var(--status-warning);font-size:11px}.connection-state.healthy{color:var(--status-success)}.connection-editor{background:var(--bg-surface);border:2px solid var(--border-main);border-radius:var(--r-card);box-shadow:var(--shadow-card);max-width:640px;margin:24px 0;padding:28px}.connection-editor h2{margin-bottom:24px;font-size:20px}.connections-empty{text-align:center;background:var(--bg-surface);border:2px solid var(--border-main);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:60px 20px}.connections-empty>svg{color:var(--accent-ink);margin:0 auto 16px}.connections-empty .primary-button{margin-top:20px}.connection-skeleton{gap:14px;display:grid}.connection-skeleton span{border-radius:var(--r-card);border:2px solid var(--border-main);background:var(--bg-surface-elevated);height:90px;animation:1.4s ease-in-out infinite alternate product-pulse;display:block}.auth-page{padding:max(40px, env(safe-area-inset-top)) 20px max(40px, env(safe-area-inset-bottom));place-items:center;display:grid}.auth-card{background:var(--bg-surface);border:2px solid var(--border-main);border-radius:var(--r-card);width:100%;max-width:440px;box-shadow:var(--shadow-card);padding:36px}.auth-heading{margin:40px 0 28px}.auth-heading h1,.auth-card>h1{margin-bottom:12px;font-size:29px;font-weight:550;line-height:1.2}.auth-heading>p:last-child,.auth-card>p{color:var(--text-secondary);font-size:13px;line-height:1.7}.auth-card form{gap:18px;display:grid}.auth-card label{gap:8px;font-size:12px;font-weight:550;display:grid}.auth-card input{background:var(--bg-surface);border:2px solid var(--border-main);border-radius:var(--r-input);width:100%;min-height:44px;padding:11px 12px;font-size:14px}.auth-card .primary-button{justify-content:center;min-height:44px}.auth-google{border:2px solid var(--border-main);border-radius:var(--r-pill);background:var(--bg-surface);width:100%;min-height:44px;color:var(--text-primary);box-shadow:var(--shadow-control);cursor:pointer;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:550;display:flex}.auth-google:hover:not(:disabled){box-shadow:var(--shadow-small);transform:translate(2px,2px)}.auth-google:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0;font-size:11px;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-main);height:2px}.auth-links{color:var(--accent-ink);justify-items:start;gap:14px;margin-top:24px;font-size:12px;display:grid}.auth-links button{min-height:44px;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.auth-error{background:var(--tint-bad);color:var(--accent-danger);border:2px solid var(--border-main);border-radius:var(--r-input);padding:12px;font-size:12px;line-height:1.6}.auth-notice{background:var(--tint-ok);color:var(--status-success);border:2px solid var(--border-main);border-radius:var(--r-input);padding:12px;font-size:12px;line-height:1.6}.auth-legal{color:var(--text-secondary);gap:20px;margin-top:32px;font-size:11px;display:flex}@keyframes product-pulse{to{opacity:.5}}@media (max-width:760px){.product-header{height:auto;min-height:64px;padding:16px max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));flex-wrap:wrap;gap:12px}.product-header form{order:1}.product-header nav{order:2;justify-content:space-between;width:100%;overflow-x:auto}.product-header nav a{min-height:44px;padding:14px 8px;font-size:12px}.product-context{padding-inline:max(20px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-right))}.product-context-note{display:none}.product-shell .ops-header{flex-wrap:wrap;gap:14px;height:auto;padding:14px 20px}.product-shell .ops-header-actions{flex-wrap:wrap;gap:6px}.product-shell .chat-pane{height:max(65dvh,550px);min-height:0}.product-shell .ops-body{min-height:0}.product-shell .pane-heading{padding-inline:20px}.product-shell .settings-nav{gap:8px;display:flex;position:static;overflow-x:auto}.product-shell .settings-nav a{white-space:nowrap;min-height:44px}.product-shell .settings-nav>p{display:none}.connections-page{padding:30px 20px 60px}.connections-heading{flex-direction:column;align-items:start}.connection-item{gap:18px}.connection-item-actions{width:100%}.chat-activity{margin-left:0}.auth-card{padding:28px}}@media (prefers-reduced-motion:reduce){.product-shell *,.auth-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.product-shell .connection-state-label{color:var(--text-secondary);margin-top:3px;font-size:10px;display:block}.product-shell .ops-list{background:var(--bg-canvas);border-right:2px solid var(--border-main);padding:18px 14px}.product-shell .ops-list-head{border-bottom:2px solid var(--border-main);padding-bottom:18px}.product-shell .ops-chat{border-radius:var(--r-card);border-width:2px}.product-shell .chat-author{letter-spacing:0;font-size:11px}.product-shell .ops-picker-option:hover{background:var(--accent-primary-soft)}@media (min-width:861px){.product-shell .ops-shell{height:calc(100dvh - 112px);min-height:0}.product-shell .ops-body{min-height:0}.product-shell .chat-pane{height:100%;min-height:0}}