:root{--color-surface:#fff;--color-surface-sunken:#f6f6f6;--color-text-primary:#000;--color-text-strong:#010111;--color-text-heading:#1e1e1e;--color-text-secondary:#666;--color-text-tertiary:#717171;--color-text-muted:#919191;--color-text-placeholder:#c1c1c1;--color-text-alert:#c0322f;--color-surface-alert:#f4e7e6;--color-border-alert:#f0d3d1;--color-danger:#fc413d;--color-border-field:#e9e9e9;--color-border-button:#dde0e8;--color-border-hairline:#e9e9e9;--color-drawer-scrim:#1e1e1e61;--color-accent:#090909;--color-accent-text:#fff;--color-wordmark-from:#030303;--color-wordmark-to:#696969;--space-2:5px;--space-4:10px;--space-5:12px;--space-7:16px;--space-8:20px;--space-9:24px;--space-11:30px;--space-12:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-text:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-weight-regular:400;--font-weight-medium:510;--font-weight-semibold:590;--type-title-size:32px;--type-title-line:1.08;--type-title-tracking:-.32px;--type-wordmark-size:31.92px;--type-wordmark-tracking:-.4788px;--type-nav-size:18px;--type-nav-line:1.08;--type-nav-tracking:-.18px;--type-section-size:16px;--type-section-line:24.154px;--type-row-title-size:14px;--type-row-title-line:20.654px;--type-row-title-tracking:-.21px;--type-micro-size:12px;--type-micro-line:1.21;--type-micro-tracking:-.18px;--type-body-size:16px;--type-body-tracking:-.24px;--type-body-relaxed-line:26px;--shadow-button:0 2px 2.4px #1616160d;--shadow-button-active:0 2.4px 2.4px #16161633;--shadow-pill:0 2.4px 2.4px #00000005;--shadow-drawer:5px 20px 20px 4px #e9ecef80;--viewport-width:390px;--content-width:350px;--gutter:20px;--control-height:56px;--appbar-height:56px;--pill-height:42px;--chip-height:28px;--drawer-width:254px;--lettermark-size:36px;--ease-standard:cubic-bezier(.32, .72, 0, 1);--duration-fast:.14s;--duration-sheet:.32s;--color-page:#f7f7f5;--color-tile:#ececea;--color-hairline-warm:#e5e5e1;--color-success:#1a9c4e;--font-serif:ui-serif, "Iowan Old Style", Charter, Georgia, "Times New Roman", serif;--type-display-size:28px;--type-display-tracking:-.4px;--type-row-size:15px;--type-meta-size:13px;--type-badge-size:10px;--shadow-menu:0 10px 28px #2826201f, 0 1px 3px #28262014;--action-height:32px;--tile-size:32px;--product-mark:18px;--row-pad:8px;--row-indent:44px;--content-max:760px}body:has(.viewport){background:var(--color-surface)}.viewport{font-family:var(--font-text);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}.viewport button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.viewport input{font:inherit;color:inherit;background:0 0;border:none;outline:none}.viewport ul{margin:0;padding:0;list-style:none}.app__outcome{margin:0 0 var(--space-8);padding:var(--space-5) var(--space-7);border-radius:var(--radius-md);background:var(--color-surface-sunken);border:1px solid var(--color-border-button);font-family:var(--font-display);font-size:var(--type-micro-size);line-height:var(--type-micro-line);color:var(--color-text-tertiary)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewport{background:var(--color-surface);isolation:isolate;flex-direction:column;width:100%;max-width:100%;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width<=430px){.viewport{max-width:100vw}}@media (width>=768px){.viewport{max-width:min(960px,100vw)}}@media (width>=1200px){.viewport{max-width:min(1100px,100vw)}}.app-header{z-index:2;padding-top:env(safe-area-inset-top,0px);background:var(--color-surface);border-bottom:1px solid var(--color-border-hairline);position:absolute;top:0;left:0;right:0}.app-header__plate{height:var(--appbar-height);background:var(--color-surface);align-items:center;display:flex}.app-header__nav{align-items:center;gap:var(--space-4);padding-left:var(--space-5);flex:auto;display:flex}.app-header__menu{flex:none;width:30px;height:30px;display:flex}.app-header__menu img{width:100%;height:100%}.app-header__menu:active{opacity:.5}.app-header__title{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-nav-size);line-height:var(--type-nav-line);letter-spacing:var(--type-nav-tracking);color:var(--color-text-heading);margin:0}.wordmark{--wordmark-size:var(--type-wordmark-size);--wordmark-tracking:var(--type-wordmark-tracking);--wordmark-gap:3.8px;align-items:center;gap:var(--wordmark-gap);align-self:center;display:flex}.wordmark__mark{width:var(--wordmark-size);height:var(--wordmark-size);flex:none}.wordmark__text{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--wordmark-size);letter-spacing:var(--wordmark-tracking);color:var(--color-wordmark-from);background:linear-gradient(to right, var(--color-wordmark-from), var(--color-wordmark-to));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.drawer__backdrop{z-index:3;background:var(--color-drawer-scrim);opacity:0;pointer-events:none;transition:opacity var(--duration-sheet) var(--ease-standard);position:absolute;inset:0}.drawer__backdrop[data-open=true]{opacity:1;pointer-events:auto}.drawer{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);width:var(--drawer-width);z-index:4;background:var(--color-surface);box-shadow:var(--shadow-drawer);transition:transform var(--duration-sheet) var(--ease-standard), visibility 0s linear 0s;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0}.drawer[data-open=false]{visibility:hidden;transition:transform var(--duration-sheet) var(--ease-standard), visibility 0s linear var(--duration-sheet);transform:translate(-110%)}.drawer[data-open=true]{transform:translate(0)}.drawer[data-layout=sidebar]{visibility:visible;width:100%;min-height:0;box-shadow:none;z-index:auto;flex:auto;position:relative;transform:none}.drawer[data-layout=sidebar][data-open=false]{visibility:visible;transform:none}@media (prefers-reduced-motion:reduce){.drawer,.drawer__backdrop{transition:none}}.drawer__head{padding:23px var(--space-9) 0;flex:none;justify-content:space-between;align-items:center;display:flex}.drawer__close{color:var(--color-text-tertiary);display:flex}.drawer__local{padding:8px var(--space-drawer-x) 0}.drawer__local-link{border-radius:var(--radius-md,10px);color:var(--color-ink-secondary,#555);background:var(--color-surface-alt,#f4f4f5);padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;display:block}.drawer__local-link:hover{color:var(--color-ink,#111)}.drawer__nav{min-height:0;padding:var(--space-9) var(--space-5) 0;flex:auto;overflow-y:auto}.drawer__nav ul{flex-direction:column;display:flex}.drawer__item{width:100%;height:var(--pill-height);align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--type-row-title-size);line-height:var(--type-row-title-line);display:flex}.drawer__item[data-selected=true]{background:var(--color-surface-sunken);font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.drawer__item[data-selected=false]{font-weight:var(--font-weight-regular);color:var(--color-text-tertiary)}.drawer__item-icon{width:var(--space-9);height:var(--space-9);flex:none;justify-content:center;align-items:center;display:flex}.drawer__item-icon svg{display:block}.drawer__item-label{white-space:nowrap}.drawer__account{align-items:center;gap:var(--space-4);margin:var(--space-4) var(--space-4) 32px;padding:0 var(--space-2);text-align:left;color:var(--color-text-tertiary);flex:none;display:flex}.drawer__avatar{border-radius:var(--radius-full);flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.drawer__avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.drawer__avatar-photo{z-index:1}.drawer__avatar[data-photo=true] .drawer__avatar-initial{display:none}.drawer__avatar-initial{font-family:var(--font-display);font-weight:var(--font-weight-semibold);letter-spacing:-.1829px;color:var(--color-text-primary);font-size:12.19px;position:relative}.drawer__account-text{flex-direction:column;flex:auto;min-width:0;display:flex}.drawer__account-name{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-row-title-size);line-height:var(--type-row-title-line);color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer__signout{height:var(--chip-height);padding:0 var(--space-5);border:1px solid var(--color-border-button);border-radius:var(--radius-full);background:var(--color-surface-sunken);font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);color:var(--color-text-tertiary);white-space:nowrap;flex:none}.drawer__signout:active{opacity:.7}.app-shell{--app-header-total:calc(var(--appbar-height) + env(safe-area-inset-top,0px) + 1px);flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.app-shell[data-layout=narrow] .app-shell__sidebar{z-index:3;pointer-events:none;position:absolute;inset:0}.app-shell[data-layout=narrow] .app-shell__sidebar .drawer,.app-shell[data-layout=narrow] .app-shell__sidebar .drawer__backdrop{pointer-events:auto}.app-shell[data-layout=narrow] .app-shell__main{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;position:relative}.app-shell[data-layout=wide]{flex-direction:row;align-items:stretch}.app-shell[data-layout=wide] .app-shell__sidebar{width:var(--drawer-width);border-right:1px solid var(--color-border-hairline);background:var(--color-surface);flex-direction:column;flex:none;min-height:0;display:flex}.app-shell[data-layout=wide] .app-shell__main{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;position:relative}.app-shell__scroll{-webkit-overflow-scrolling:touch;background:var(--color-page);min-height:0;padding:0 var(--gutter);padding-top:calc(var(--app-header-total) + var(--space-11));padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom,0px));flex-direction:column;flex:auto;display:flex;overflow-y:auto}.app-shell[data-layout=wide] .app-shell__scroll{padding-top:calc(var(--app-header-total) + var(--space-11))}.app-shell[data-layout=wide] .app-header{position:sticky;top:0;left:auto;right:auto}.sign-in{min-height:0;padding:calc(var(--space-12) + env(safe-area-inset-top,0px)) var(--gutter) calc(var(--space-12) + env(safe-area-inset-bottom,0px));flex:auto;justify-content:center;align-items:center;display:flex}.sign-in__content{width:100%;max-width:var(--content-width);gap:var(--space-12);flex-direction:column;display:flex}.sign-in__header{gap:var(--space-2);flex-direction:column;display:flex}.sign-in__title{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-title-size);line-height:var(--type-title-line);letter-spacing:var(--type-title-tracking);color:var(--color-text-primary);margin:0}.sign-in__subtitle{font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-body-size);letter-spacing:var(--type-body-tracking);color:var(--color-text-secondary);margin:0}.sign-in__form{gap:var(--space-12);flex-direction:column;display:flex}.sign-in__fields{gap:var(--space-11);flex-direction:column;display:flex;position:relative}.field{height:var(--control-height);align-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-5);background:var(--color-surface-sunken);border:1.2px solid var(--color-border-field);border-radius:var(--radius-md);display:flex}.sign-in__field--autofill-anchor{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field__country{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);flex:none;display:flex;position:relative}.field__flag{font-size:var(--space-9);line-height:1}.field__country-select{opacity:0;appearance:none;width:100%;position:absolute;inset:0}.field__divider{width:1px;height:var(--space-9);background:var(--color-border-hairline);flex:none}.field__input{min-width:0;font-family:var(--font-text);font-weight:var(--font-weight-medium);font-size:var(--type-body-size);color:var(--color-text-tertiary);flex:auto}.field__input::placeholder{color:var(--color-text-placeholder)}.field__input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-tertiary);box-shadow:0 0 0 1000px var(--color-surface-sunken) inset;transition:background-color 99999s ease-out}.field__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-tertiary);box-shadow:0 0 0 1000px var(--color-surface-sunken) inset;transition:background-color 99999s ease-out}.field__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-tertiary);box-shadow:0 0 0 1000px var(--color-surface-sunken) inset;transition:background-color 99999s ease-out}.sign-in__dev{margin-top:var(--space-11);font-family:var(--font-display);font-size:var(--type-micro-size);color:var(--color-text-placeholder);text-underline-position:from-font;align-self:center;text-decoration:underline}.sign-in__dev:disabled{opacity:.5;cursor:default}.sign-in__number{font-weight:var(--font-weight-semibold);color:var(--color-text-heading);white-space:nowrap}.field__input--code{letter-spacing:.32em;font-size:var(--type-body-size);color:var(--color-text-heading)}.field__input--code::placeholder{letter-spacing:.32em}.sign-in__code-actions{gap:var(--space-9);display:flex}.sign-in__link{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-row-title-size);color:var(--color-text-tertiary);text-underline-position:from-font;align-self:flex-start;text-decoration:underline}.sign-in__link:disabled{opacity:.5;cursor:default;text-decoration:none}.sign-in__problem{gap:var(--space-2);padding:var(--space-5) var(--space-7);border-radius:var(--radius-md);background:var(--color-surface-alert);color:var(--color-text-alert);font-family:var(--font-display);font-size:var(--type-micro-size);line-height:var(--type-body-relaxed-line);flex-direction:column;display:flex}.sign-in__problem-fix{opacity:.85}.sign-in__problem .sign-in__link{color:inherit}.sign-in__legal{font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-body-size);line-height:var(--type-body-relaxed-line);letter-spacing:var(--type-body-tracking);color:var(--color-text-tertiary);margin:0}.sign-in__legal-link{color:inherit;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration:underline}.cta{height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-body-size);letter-spacing:var(--type-body-tracking);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), filter var(--duration-fast) var(--ease-standard);display:flex}.cta[data-active=false]{background:var(--color-surface);border:1.2px solid var(--color-border-button);color:var(--color-text-placeholder);filter:drop-shadow(var(--shadow-button));cursor:default}.cta[data-active=true]{background:var(--color-accent);color:var(--color-accent-text);filter:drop-shadow(var(--shadow-button-active));border:1.2px solid #0000}.cta[data-active=true]:active{opacity:.85}.connector{padding:var(--space-5) 0;border-bottom:1px solid var(--color-hairline-warm);flex-direction:column;display:flex}.connector__main{align-items:center;gap:var(--space-5);padding:0 var(--row-pad);display:flex}.connector__art{width:var(--tile-size);height:var(--tile-size);border-radius:var(--radius-sm);background:var(--color-tile);color:var(--color-text-secondary);flex:none;justify-content:center;align-items:center;display:flex}.connector__art img{display:block}.connector__text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.connector__name{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-row-size);color:var(--color-text-strong)}.connector__description{font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-meta-size);color:var(--color-text-tertiary)}.viewport .connector__action{height:var(--action-height);padding:0 var(--space-7);border:1px solid var(--color-hairline-warm);border-radius:var(--radius-full);background:var(--color-surface);font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-meta-size);color:var(--color-text-heading);white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;display:flex}.viewport .connector__action[data-connected=false]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-text)}.viewport .connector__action:hover:not(:disabled){background:var(--color-tile)}.viewport .connector__action[data-connected=false]:hover:not(:disabled){background:var(--color-accent);opacity:.86}.viewport .connector__action:disabled{opacity:.5;cursor:default}.connector__accounts{margin-top:var(--space-4);flex-direction:column;display:flex}.account{position:relative}.account__line{align-items:center;gap:var(--space-4);min-height:44px;padding:0 var(--row-pad) 0 calc(var(--row-pad) + var(--row-indent));border-radius:var(--radius-md);font-family:var(--font-display);transition:background var(--duration-fast) var(--ease-standard);display:flex}.account__line:hover,.account[data-open=true] .account__line{background:var(--color-tile)}.account__mark{border-radius:var(--radius-full);background:var(--color-success);width:16px;height:16px;color:var(--color-accent-text);flex:none;justify-content:center;align-items:center;display:flex}.account[data-failed=true] .account__mark{background:var(--color-danger)}.account__email{min-width:0;font-size:var(--type-row-size);font-weight:var(--font-weight-medium);color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account__badge{padding:3px var(--space-2);background:var(--color-tile);font-size:var(--type-badge-size);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border-radius:4px;flex:none}.account__line:hover .account__badge,.account[data-open=true] .account__badge{background:var(--color-surface)}.account__products{align-items:center;gap:var(--space-2);flex:none;margin-left:2px;display:flex}.account__product{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:3px;line-height:0;transition:background-color .12s,border-color .12s,filter .12s,opacity .12s;display:flex}.account__product img{width:var(--product-mark);height:var(--product-mark);display:block}.account__product[data-on=false] img{filter:grayscale();opacity:.45}.account__product:hover:not(:disabled){background:var(--color-surface-sunken,#7f7f7f1f);border-color:var(--color-border,#7f7f7f47)}.account__product:disabled{cursor:progress}@media (prefers-reduced-motion:reduce){.account__product{transition:none}}.account__when{font-size:var(--type-meta-size);color:var(--color-text-muted);white-space:nowrap;flex:none;margin-left:auto}.account__status{color:var(--color-text-alert);font-weight:var(--font-weight-medium)}.account__menu-wrap{flex:none;position:relative}.viewport .account__more{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex}.viewport .account__more:hover,.account[data-open=true] .account__more{color:var(--color-text-heading)}.account__menu{top:calc(100% + var(--space-2));z-index:5;min-width:186px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-hairline-warm);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);flex-direction:column;display:flex;position:absolute;right:0}.viewport .account__menu-item{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-display);text-align:left;color:var(--color-text-heading);white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard);font-size:14px;text-decoration:none;display:block}.viewport .account__menu-item:hover{background:var(--color-tile)}.viewport .account__menu-item--danger{color:var(--color-text-alert)}.account__confirm{justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-2) var(--row-pad) var(--space-4) calc(var(--row-pad) + var(--row-indent));padding:var(--space-5);background:var(--color-surface-alert);border:1px solid var(--color-border-alert);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--type-meta-size);color:var(--color-text-alert);flex-wrap:wrap;display:flex}.account__confirm-text{flex:14rem;min-width:0}.account__confirm-actions{gap:var(--space-2);display:flex}.viewport .account__btn{height:var(--chip-height);padding:0 var(--space-5);border-radius:var(--radius-full);border:1px solid var(--color-hairline-warm);font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-meta-size);white-space:nowrap;color:var(--color-text-heading);background:var(--color-surface)}.viewport .account__btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-accent-text)}.viewport .account__btn:active{opacity:.7}@media (width<=560px){.account__line{padding-left:var(--row-pad);padding-top:var(--space-4);padding-bottom:var(--space-4);flex-wrap:wrap}.account__when{margin-left:0}.account__menu-wrap{margin-left:auto}.account__confirm{margin-left:var(--row-pad)}}.contact-channel__actions{align-items:center;gap:var(--space-2);flex-flow:row;flex:none;display:flex}.contact-channel .connector__action{padding:0 var(--space-5)}a.connector__action{text-decoration:none}.contact-channel__number--loading{width:9rem;max-width:100%;min-height:var(--type-micro-line);border-radius:var(--radius-full);background:var(--color-tile);animation:contact-channel-number-pulse 1.4s var(--ease-standard) infinite;display:block}@keyframes contact-channel-number-pulse{0%,to{opacity:.45}50%{opacity:.85}}@media (prefers-reduced-motion:reduce){.contact-channel__number--loading{opacity:.55;animation:none}}.notice{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-7);border-radius:var(--radius-md);border:1px solid var(--color-border-button);background:var(--color-surface-sunken);font-family:var(--font-display);font-size:var(--type-micro-size);line-height:var(--type-micro-line);letter-spacing:var(--type-micro-tracking);color:var(--color-text-tertiary);display:flex}.notice[data-tone=error]{border-color:var(--color-border-alert);background:var(--color-surface-alert);color:var(--color-text-alert)}.notice__text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.notice__message{font-weight:var(--font-weight-medium)}.notice__fix{opacity:.85}.notice__retry{height:var(--chip-height);padding:0 var(--space-5);border-radius:var(--radius-full);font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-micro-size);color:inherit;border:1px solid;flex:none}.notice__retry:active{opacity:.6}.home{width:100%;max-width:var(--content-max);margin:0 auto}.home__lockup{margin-bottom:var(--space-12);padding:0 var(--row-pad);justify-content:center;display:flex}.home__section+.home__section{margin-top:var(--space-12)}.home__section-head{align-items:end;gap:var(--space-4);padding:0 var(--row-pad) var(--space-5);border-bottom:1px solid var(--color-hairline-warm);grid-template-columns:minmax(0,1fr) auto;display:grid}.home__section-title{margin:0 0 var(--space-2);font-family:var(--font-serif);font-weight:var(--font-weight-regular);font-size:var(--type-display-size);letter-spacing:var(--type-display-tracking);color:var(--color-text-primary);grid-column:1;line-height:1.1}.home__section-note{font-family:var(--font-display);font-size:var(--type-meta-size);color:var(--color-text-tertiary);grid-column:1;margin:0}.home__section-count{font-family:var(--font-display);font-size:var(--type-meta-size);color:var(--color-text-muted);white-space:nowrap;grid-area:2/2}.home__rows{padding-top:var(--space-2);flex-direction:column;display:flex}.home__holding{flex:auto}.home__skeleton{height:104px;margin:var(--space-2) var(--row-pad);border-radius:var(--radius-md);background:var(--color-tile);animation:skeleton-pulse 1.4s var(--ease-standard) infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.home__skeleton{animation:none}}@media (width<=560px){.home__section+.home__section{margin-top:var(--space-11)}.home__section-title{font-size:24px}.home__section-count{display:none}}.site-icon{width:var(--lettermark-size);height:var(--lettermark-size);background:var(--color-surface-sunken);border:1px solid var(--color-border-field);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.site-icon__letter{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-body-size);color:var(--color-text-heading);line-height:1}.site-icon__img{object-fit:contain;background:var(--color-surface);width:100%;height:100%;padding:6px;position:absolute;inset:0}.key-card{gap:var(--space-5);padding:var(--space-7);background:var(--color-surface);border:1px solid var(--color-border-button);border-radius:var(--radius-lg);box-shadow:var(--shadow-pill);flex-direction:column;display:flex}.key-card__head{align-items:center;gap:var(--space-5);min-width:0;display:flex}.key-card__identity{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.key-card__site{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-row-title-size);line-height:var(--type-row-title-line);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-card__saved{font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-micro-size);line-height:var(--type-micro-line);color:var(--color-text-muted)}.key-card__remove{height:var(--chip-height);padding:0 var(--space-5);border:1px solid var(--color-border-button);border-radius:var(--radius-full);background:var(--color-surface-sunken);font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);color:var(--color-text-tertiary);flex:none}.key-card__remove:disabled{opacity:.5;cursor:default}.key-card__confirm{gap:var(--space-5);padding:var(--space-5);background:var(--color-surface-alert);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--type-micro-size);line-height:var(--type-micro-line);color:var(--color-text-alert);flex-direction:column;display:flex}.key-card__confirm-actions{gap:var(--space-2);display:flex}.key-card__btn{height:var(--chip-height);padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--color-surface);font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-micro-size);color:var(--color-text-tertiary);border:1px solid}.key-card__btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-accent-text)}.key-card__btn:active{opacity:.7}.keys{gap:var(--space-4);flex-direction:column;display:flex}.keys__title{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-section-size);line-height:var(--type-section-line);color:var(--color-text-heading);margin:0}.keys__list{gap:var(--space-4);flex-direction:column;display:flex}.keys__skeleton{border-radius:var(--radius-lg);background:var(--color-surface-sunken);border:1px solid var(--color-border-button);height:70px;animation:skeleton-pulse 1.4s var(--ease-standard) infinite}.keys__footnote{margin:var(--space-2) 0 0;font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-micro-size);line-height:var(--type-micro-line);letter-spacing:var(--type-micro-tracking);color:var(--color-text-placeholder)}.keys--empty{text-align:center;justify-content:center;align-items:center;gap:var(--space-5);padding-bottom:var(--space-12);flex:auto}.keys__empty-glyph{color:var(--color-text-tertiary);opacity:.35}.keys__empty-title{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--type-section-size);color:var(--color-text-heading);margin:0}.keys__empty-body{max-width:260px;font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-micro-size);line-height:var(--type-body-relaxed-line);color:var(--color-text-tertiary);margin:0}.connect{min-height:0;padding:calc(var(--space-12) + env(safe-area-inset-top,0px)) var(--gutter) calc(var(--space-12) + env(safe-area-inset-bottom,0px));flex:auto;justify-content:center;align-items:center;display:flex}.connect__content{width:100%;max-width:var(--content-width);gap:var(--space-11);flex-direction:column;display:flex}.connect__header{gap:var(--space-2);flex-direction:column;display:flex}.connect__title{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-title-size);line-height:var(--type-title-line);letter-spacing:var(--type-title-tracking);color:var(--color-text-primary);margin:0}.connect__subtitle{font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-body-size);line-height:var(--type-body-relaxed-line);letter-spacing:var(--type-body-tracking);color:var(--color-text-secondary);margin:0}.connect__problem{padding:var(--space-5) var(--space-7);border-radius:var(--radius-md);background:var(--color-surface-alert);color:var(--color-text-alert);font-family:var(--font-display);font-size:var(--type-micro-size);line-height:var(--type-body-relaxed-line)}.connect__link{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-row-title-size);color:var(--color-text-tertiary);text-underline-position:from-font;align-self:center;text-decoration:underline}:root{--blue:#0b93f6;--bg:#fff;--recv:#e9e9eb;--recv-text:#000;--text:#111114;--muted:#8a8a8e;--line:#e4e4e7;--panel:#f6f6f7;--panel-2:#ececee;--panel-line:#dededf;--good:#17a34a;--bad:#e0453a;--warn:#c77700;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#000;--recv:#26252a;--recv-text:#fff;--text:#f2f2f5;--line:#232326;--panel:#101012;--panel-2:#1a1a1d;--panel-line:#2a2a2e;--good:#30d158;--bad:#ff6961;--warn:#ffb340}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}body:has(.app){background:var(--panel)}button{cursor:pointer;font-family:inherit}code{font-family:var(--mono);font-size:.92em}.app{height:100%;display:flex}.workspace{display:contents}.phone{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;flex:1;min-width:380px;display:flex}.phone-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 16px;display:flex}.avatar{color:#fff;background:linear-gradient(160deg,#b8b8bd,#86868b);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:grid}.who .name{font-size:14px;font-weight:600}.who .presence{color:var(--muted);font-size:11px}.thread{flex-direction:column;flex:1;padding:24px 22px 16px;display:flex;overflow:hidden auto}.empty{color:var(--muted);margin:auto;font-size:13px}.row{flex-direction:column;margin-top:2px;display:flex}.row.tail{margin-bottom:10px}.row.left{align-items:flex-start}.row.right{align-items:flex-end}.bubble-wrap{align-items:center;gap:6px;max-width:76%;display:flex;position:relative}.row.right .bubble-wrap{flex-direction:row-reverse}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;padding:8px 14px;font-size:15px;line-height:1.32;position:relative}.row.left .bubble{background:var(--recv);color:var(--recv-text)}.row.right .bubble{background:var(--blue);color:#fff}.row.tail .bubble:before,.row.tail .bubble:after{content:"";height:22px;position:absolute;bottom:0}.row.left.tail .bubble:before{background:var(--recv);border-bottom-right-radius:16px 14px;width:20px;left:-7px}.row.left.tail .bubble:after{background:var(--bg);border-bottom-right-radius:10px;width:26px;left:-25px}.row.right.tail .bubble:before{background:var(--blue);border-bottom-left-radius:16px 14px;width:20px;right:-7px}.row.right.tail .bubble:after{background:var(--bg);border-bottom-left-radius:10px;width:26px;right:-25px}.bubble a{color:inherit;text-underline-offset:2px;text-decoration:underline}.bubble.card-only{padding:0;background:0 0!important}.row.tail .bubble.card-only:before,.row.tail .bubble.card-only:after{display:none}.link-card{min-width:230px;color:var(--recv-text);background:var(--bg);border:1px solid #7f7f7f40;border-radius:14px;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;display:flex;text-decoration:none!important}.bubble.card-only .link-card{margin-top:0}.row.right .link-card{color:var(--recv-text)}.link-card:hover{filter:brightness(.97)}.link-glyph{font-size:22px;line-height:1}.link-body{flex-direction:column;min-width:0;display:flex}.link-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.link-domain{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reactions{z-index:3;gap:2px;display:flex;position:absolute;top:-14px}.reactions.right{left:-6px}.reactions.left{right:-6px}.reaction{border:1.5px solid var(--bg);background:var(--recv);color:var(--recv-text);border-radius:999px;padding:1px 5px;font-size:12px;line-height:1.25;box-shadow:0 1px 3px #0000002e}.reaction.user{background:var(--blue)}.actions{opacity:0;gap:2px;transition:opacity .12s;display:flex}.bubble-wrap:hover .actions{opacity:1}.actions button{width:22px;height:22px;color:var(--muted);background:0 0;border:none;border-radius:50%;font-size:12px}.actions button:hover{background:var(--recv);color:var(--text)}.tapbacks{background:var(--panel-2);border:1px solid var(--panel-line);z-index:10;border-radius:999px;gap:2px;padding:4px 6px;display:flex;position:absolute;bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000038}.tapbacks.right{right:0}.tapbacks.left{left:0}.tapbacks button{background:0 0;border:none;border-radius:50%;width:28px;height:28px;font-size:16px}.tapbacks button:hover{transform:scale(1.2)}.tapbacks button.on{background:var(--blue)}.quote{background:color-mix(in srgb, var(--recv) 55%, transparent);max-width:74%;color:var(--muted);opacity:.85;border-radius:16px;margin-bottom:-6px;padding:6px 13px 12px;transform:scale(.94)}.quote-who{font-size:10.5px;font-weight:600;display:block}.quote-text{overflow-wrap:anywhere;font-size:13px}.meta{color:var(--muted);flex-wrap:wrap;gap:3px 6px;max-width:100%;margin:3px 4px 0;font-size:10px;display:flex}.meta>*{overflow-wrap:anywhere;min-width:0;max-width:100%}.meta .mid{font-family:var(--mono);opacity:.6}.meta .tag{color:var(--blue);font-family:var(--mono)}.bubble.typing{background:var(--recv);gap:4px;padding:12px 14px;display:flex}.bubble.typing span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.bubble.typing span:nth-child(2){animation-delay:.15s}.bubble.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.composer{border-top:1px solid var(--line);padding:10px 16px 14px}.reply-preview{background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;align-items:center;gap:9px;margin-bottom:8px;padding:7px 10px;display:flex}.reply-preview button{color:var(--muted);background:0 0;border:none}.reply-bar{background:var(--blue);border-radius:2px;align-self:stretch;width:3px}.reply-body{flex:1;min-width:0}.reply-who{color:var(--blue);font-size:10.5px;font-weight:600}.reply-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.input-row{align-items:flex-end;gap:8px;display:flex}.input-row textarea{resize:none;min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--panel-line);border-radius:18px;outline:none;flex:1;padding:8px 14px;font-family:inherit;font-size:15px;line-height:1.35}.send{background:var(--blue);color:#fff;border:none;border-radius:50%;flex:none;width:30px;height:30px;font-size:15px}.send:disabled{opacity:.35}.inspector{background:var(--panel);border-left:1px solid var(--panel-line);flex:none;width:440px;font-size:12px;overflow-y:auto}.insp-head{border-bottom:1px solid var(--panel-line);background:var(--panel);z-index:4;align-items:center;gap:8px;padding:12px 14px;display:flex;position:sticky;top:0}.insp-head h1{margin:0;font-size:13px}.dot-status{background:var(--bad);border-radius:50%;width:7px;height:7px}.dot-status.on{background:var(--good)}.sect{border-bottom:1px solid var(--panel-line)}.sect-head{width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:7px;padding:8px 14px;font-size:12px;display:flex}.sect-head:hover{background:var(--panel-2)}.chev{color:var(--muted);width:9px;font-size:9px}.sect-title{flex:1;font-weight:600}.sect-badge{color:var(--muted);font-family:var(--mono);font-size:10.5px}.sect-body{padding:2px 14px 12px 28px}.sect .sect{border-bottom:none;border-left:1px solid var(--panel-line)}.sect .sect .sect-head{padding-left:10px}.sect .sect .sect-body{padding-left:18px}.kv{align-items:baseline;gap:10px;padding:3px 0;display:flex}.kv .k{color:var(--muted);min-width:100px}.kv .v{font-family:var(--mono);overflow-wrap:anywhere;flex:1;font-size:11px}.dump{background:var(--bg);border:1px solid var(--panel-line);max-height:340px;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:6px 0;padding:8px 10px;font-size:10.5px;line-height:1.5;overflow:auto}.dump.bad{color:var(--bad)}.bar{background:var(--panel-2);border-radius:4px;height:8px;margin:4px 0 6px;display:flex;overflow:hidden}.bar-seg{background:var(--muted);opacity:.5}.bar-seg.cached{background:var(--good);opacity:.85}.bar-seg.conversation{background:var(--blue);opacity:.7}.bar-seg.control{background:var(--warn);opacity:.7}.legend{color:var(--muted);gap:14px;margin-bottom:8px;font-size:10px;display:flex}.dot{background:var(--muted);border-radius:2px;width:7px;height:7px;margin-right:4px;display:inline-block}.dot.cached{background:var(--good)}.slots{gap:5px;margin:4px 0 10px;display:flex}.slot{text-align:center;background:var(--bg);border:1px dashed var(--panel-line);color:var(--muted);font-family:var(--mono);border-radius:6px;flex:1;padding:6px;font-size:10px}.slot.taken{border-style:solid;border-color:var(--good);color:var(--good)}.spawn{gap:5px;margin:8px 0;display:flex}.spawn input{min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--panel-line);border-radius:6px;outline:none;flex:1;padding:5px 8px;font-family:inherit;font-size:11.5px}.spawn button,.btn-row button{color:var(--text);background:var(--bg);border:1px solid var(--panel-line);border-radius:6px;padding:5px 10px;font-size:11px}.spawn button:hover:not(:disabled),.btn-row button:hover{border-color:var(--blue);color:var(--blue)}.spawn button:disabled{opacity:.4}.btn-row{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.check{align-items:center;gap:7px;margin:8px 0;font-size:11.5px;display:flex}.muted{color:var(--muted)}.pad{padding:10px 14px}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.warn-box{background:color-mix(in srgb, var(--warn) 14%, transparent);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);color:var(--warn);border-radius:6px;margin:10px 14px;padding:8px 10px;font-size:11px;line-height:1.45}.hist{align-items:center;gap:6px;padding:2px 0;display:flex}.hist-name{font-family:var(--mono);min-width:130px;font-size:10px}.hist-bar{background:var(--blue);opacity:.7;border-radius:2px;min-width:2px;height:7px}.hist-n{color:var(--muted);font-size:10px}.events{max-height:420px;overflow:auto}.ev{font-family:var(--mono);border-bottom:1px solid color-mix(in srgb, var(--panel-line) 50%, transparent);gap:7px;padding:2px 0;font-size:10px;display:flex}.ev-t{color:var(--muted);flex:none}.ev-type{flex:none;min-width:128px}.ev-detail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ev.good .ev-type{color:var(--good)}.ev.bad .ev-type{color:var(--bad)}.ev.warn .ev-type{color:var(--warn)}.row.pending .bubble{opacity:.55}.meta .sending{font-style:italic}.meta .coalesced{color:var(--muted);opacity:.7;font-family:var(--mono)}.wrap{overflow-wrap:anywhere;white-space:normal}.photos{flex-direction:column;gap:4px;margin-bottom:3px;display:flex}.photo{object-fit:cover;cursor:zoom-in;border:1px solid #00000014;border-radius:16px;width:auto;max-width:260px;max-height:340px;display:block}.row.right .photos{align-items:flex-end}.row.left .photos{align-items:flex-start}.phone-header{grid-template-columns:34px minmax(0,1fr) auto auto;gap:4px 10px;display:grid}.phone-header .avatar{grid-area:1/1/3}.phone-header .who{grid-area:1/2/3;min-width:0}.phone-header .watch-browser-button{grid-area:1/3/auto/5;justify-self:end}.phone-header>a{color:var(--muted);grid-row:2;justify-self:end;font-size:11px;text-decoration:none}.phone-header>a:first-of-type{grid-column:3}.phone-header>a:last-of-type{grid-column:4}.phone-header>a:hover{color:var(--blue)}.watch-browser-button{border:1px solid var(--panel-line);background:var(--panel);color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;font-weight:600;display:inline-flex}.watch-browser-button:hover,.watch-browser-button.active{color:var(--blue);background:color-mix(in srgb, var(--blue) 8%, var(--bg));border-color:color-mix(in srgb, var(--blue) 35%, var(--panel-line))}.watch-browser-button:focus-visible,.live-browser button:focus-visible,.live-browser select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app--watching .phone{flex:0 0 390px;min-width:340px}.app--watching .workspace{flex:1;min-width:0;display:flex;overflow:hidden}.app--watching .inspector{width:320px}.live-browser{background:var(--panel);flex-direction:column;flex:1;min-width:0;min-height:0;padding:0 20px;display:flex;overflow:auto}.browser-panel-header{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.browser-panel-heading,.browser-panel-actions{align-items:center;gap:9px;display:flex}.browser-panel-heading>svg{color:var(--muted)}.browser-panel-heading h2{letter-spacing:-.2px;margin:0;font-size:14px}.browser-readonly{color:var(--muted);border:1px solid var(--panel-line);border-radius:5px;padding:3px 5px;font-size:10px}.browser-panel-actions button{border:1px solid var(--panel-line);background:var(--bg);color:var(--text);border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:29px;padding:4px 9px;font-size:11px;display:inline-flex}.browser-panel-actions button:hover{border-color:var(--muted)}.browser-panel-actions .browser-close{width:29px;color:var(--muted);background:0 0;border-color:#0000;padding:0;font-size:19px}.browser-panel-actions .browser-close:hover{background:var(--panel-2)}.browser-task-row{align-items:center;gap:10px;padding:0 0 15px;display:flex}.browser-task-row label{color:var(--muted);font-size:11px}.browser-task-row select{width:100%;min-width:0;color:var(--text);border:1px solid var(--panel-line);background:var(--bg);text-overflow:ellipsis;border-radius:7px;flex:1;padding:7px 28px 7px 9px;font-family:inherit;font-size:12px}.browser-task-row select:disabled{color:var(--muted);opacity:1}.browser-window{border:1px solid var(--panel-line);background:var(--bg);border-radius:11px;flex-direction:column;flex:1 0 280px;min-height:280px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000b,0 1px 2px #00000009}.browser-chrome{background:var(--panel-2);border-bottom:1px solid var(--panel-line);align-items:center;gap:12px;min-height:44px;padding:9px 12px;display:flex}.browser-window-dots{flex:none;gap:4px;display:flex}.browser-window-dots i{background:var(--muted);opacity:.35;border-radius:50%;width:6px;height:6px}.browser-address{background:var(--bg);border:1px solid var(--panel-line);min-width:0;color:var(--muted);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex}.browser-address>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser-status{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.browser-status>span{background:currentColor;border-radius:50%;width:5px;height:5px}.browser-status.is-live{color:var(--good)}.browser-viewport{background:color-mix(in srgb, var(--panel) 70%, var(--bg));flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.browser-viewport>img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.browser-empty{text-align:center;max-width:325px;color:var(--muted);padding:35px 24px}.browser-empty-icon{border:1px solid var(--panel-line);background:var(--bg);border-radius:15px;place-items:center;width:54px;height:54px;margin:0 auto 18px;display:grid;box-shadow:0 2px 5px #00000008}.browser-empty-icon svg{stroke-width:1.2px;width:27px;height:27px}.browser-empty h3{color:var(--text);margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.4}.browser-empty p{margin:0;font-size:12px;line-height:1.6}.browser-empty>button{border:1px solid var(--panel-line);background:var(--bg);color:var(--text);border-radius:7px;margin-top:17px;padding:7px 11px;font-size:11px}.browser-empty>button span{color:var(--muted);margin-left:9px}.browser-footer{color:var(--muted);justify-content:space-between;gap:12px;padding:12px 2px 15px;font-size:10px;display:flex}.browser-page-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browser-footer>span:last-child{flex:none}.browser-stats{border-top:1px solid var(--panel-line);flex:none;padding:13px 0 20px;font-size:11px}.browser-stats-heading,.browser-fleet-heading,.browser-queue-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.browser-stats-heading h3{margin:0;font-size:12px;font-weight:600}.browser-stats-heading>span,.browser-fleet-heading,.browser-queue-heading>span,.browser-stats-note{color:var(--muted);font-size:10px}.browser-stats-location{grid-template-columns:1fr 1fr;gap:12px;padding:13px 0;display:grid}.browser-stats-location>div,.browser-resource-grid>div{flex-direction:column;gap:5px;min-width:0;display:flex}.browser-stats-location span,.browser-resource-grid span,.browser-stats-location small,.browser-resource-grid small{color:var(--muted);font-size:10px}.browser-stats-location strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.browser-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.browser-resource-grid>div{border:1px solid var(--panel-line);background:var(--bg);border-radius:7px;padding:10px}.browser-resource-grid strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.browser-fleet-heading{margin:15px 0 8px}.browser-fleet-grid{flex-wrap:wrap;gap:5px;display:flex}.browser-container{background:var(--panel-2);border:1px solid var(--panel-line);width:25px;height:24px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:5px;place-items:center;font-size:10px;display:grid}.browser-container.is-busy{background:color-mix(in srgb, var(--blue) 15%, var(--bg));color:var(--blue);border-color:color-mix(in srgb, var(--blue) 25%, var(--panel-line))}.browser-container.is-draining{color:#b7791f;border-style:dashed}.browser-container.is-unknown{opacity:.6;border-style:dashed}.browser-container.is-selected{outline:2px solid var(--blue);outline-offset:1px}.browser-fleet-legend{color:var(--muted);gap:10px;margin:8px 0 14px;font-size:9px;display:flex}.browser-fleet-legend>span:first-child{color:var(--blue)}.browser-queue-heading{border-top:1px solid var(--panel-line);padding-top:12px}.browser-queue-heading strong{font-size:11px;font-weight:500}.browser-task-stats{max-height:125px;margin:8px 0;padding:0;list-style:none;overflow:auto}.browser-task-stats li{justify-content:space-between;gap:10px;padding:6px 0;display:flex}.browser-task-stats li>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser-task-stats small{color:var(--muted);flex:none;font-size:10px}.browser-stats-note{margin:8px 0 0;line-height:1.5}@media (width<=1500px){.app--watching .phone{flex-basis:42%;max-width:480px}.app--watching .workspace{flex-direction:column}.app--watching .live-browser{flex:0 0 60%;min-height:340px}.app--watching .inspector{border-left:none;border-top:1px solid var(--panel-line);flex:1;width:100%;min-height:0}}@media (width<=820px){.app{flex-direction:column;height:auto;min-height:100%}.phone,.app--watching .phone{border-right:0;flex:none;width:100%;min-width:0;max-width:none;height:75svh;min-height:400px}.inspector{border-left:0;width:100%;max-height:65svh}.app--watching .workspace{flex:none;overflow:visible}.app--watching .live-browser{border-top:1px solid var(--panel-line);flex:none;height:65svh;min-height:360px;padding:0 14px}.app--watching .inspector{flex:none;max-height:65svh}.phone-header{gap:4px 8px;padding:10px 12px}.browser-footer{font-size:9px}.browser-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}