/* Pebble v0.3.7 — canonical global brand system
   This file intentionally loads after styles.css and is the single source of truth
   for shared brand tokens, shell behaviour, controls, surfaces and breakpoints. */

html.pebble-brand-v037 {
  --pb-bg: #fbfbf8;
  --pb-surface: #ffffff;
  --pb-soft: #f4f4ef;
  --pb-ink: #0b0b0a;
  --pb-muted: #716f68;
  --pb-line: rgba(11,11,10,.12);
  --pb-line-strong: rgba(11,11,10,.22);
  --pb-accent: #dfff45;
  --pb-accent-hover: #d5f63e;
  --pb-shell: 1360px;
  --pb-gutter: clamp(24px,4.4vw,72px);
  --pb-header: 88px;
  --pb-r-sm: 14px;
  --pb-r-md: 20px;
  --pb-r-lg: 28px;
  --pb-shadow: 0 10px 30px rgba(11,11,10,.045);
  --display: "Bricolage Grotesque", sans-serif;
  --ui: "Inclusive Sans", sans-serif;
  --hand: "Caveat", cursive;
}

html.pebble-brand-v037,
html.pebble-brand-v037 body {
  margin: 0;
  min-height: 100%;
  background: var(--pb-bg) !important;
  color: var(--pb-ink);
}
html.pebble-brand-v037 body {
  font-family: var(--ui);
  background-image: none !important;
  overflow-x: hidden;
}
html.pebble-brand-v037 body::before { display:none !important; }
html.pebble-brand-v037 * { box-sizing:border-box; }
html.pebble-brand-v037 img, html.pebble-brand-v037 svg { max-width:100%; }

/* Canonical page shell */
html.pebble-brand-v037 :where(.shell,.landing-shell,.soft-page,.dashboard-shell,.profile-page,.demo-page,.onboarding-page) {
  min-height:100vh;
  background:var(--pb-bg) !important;
}
html.pebble-brand-v037 :where(.topbar,.landing-nav,.simple-nav,.studio-topbar) {
  width:min(var(--pb-shell),calc(100% - (var(--pb-gutter) * 2))) !important;
  max-width:none !important;
  height:var(--pb-header) !important;
  min-height:var(--pb-header) !important;
  margin-inline:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
html.pebble-brand-v037 :where(.profile-main,.dashboard,.demo-main,.onboarding-stage,.signin-stage) {
  width:min(var(--pb-shell),calc(100% - (var(--pb-gutter) * 2))) !important;
  max-width:none !important;
  margin-inline:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Brand lockup */
html.pebble-brand-v037 :where(.brand,.brand-lockup) {
  display:inline-flex;
  align-items:center;
  gap:14px !important;
  font-family:var(--display);
  font-size:30px !important;
  line-height:1;
  font-weight:690 !important;
  letter-spacing:-.055em !important;
  color:var(--pb-ink);
  text-decoration:none;
}
html.pebble-brand-v037 :where(.brand-mark,.brand>.brand-mark,.brand-lockup .brand-mark) {
  width:40px !important;
  height:35px !important;
  flex:0 0 auto;
  border-radius:48% 52% 55% 45% / 44% 47% 53% 56% !important;
  background:#090909 !important;
  transform:rotate(-10deg) !important;
  box-shadow:none !important;
}

/* Shared typography */
html.pebble-brand-v037 :where(h1,h2,h3,.dashboard-head h1,.profile-copy h1,.onboarding-intro h1,.signin-card h1,.demo-intro h1,.demo-flow-copy h2,.demo-people h2,.panel-title h2,.modal-head h2) {
  font-family:var(--display) !important;
  color:var(--pb-ink) !important;
  letter-spacing:-.055em !important;
  text-wrap:balance;
}
html.pebble-brand-v037 :where(p,.helper,.microcopy,small) { color:var(--pb-muted); }
html.pebble-brand-v037 :where(.section-kicker,.eyebrow) {
  font-family:var(--ui) !important;
  font-size:9px !important;
  font-weight:700 !important;
  line-height:1.2;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  color:var(--pb-muted) !important;
}

/* Shared controls */
html.pebble-brand-v037 :where(.button,.nav-link,.tiny-link,.button-link) {
  font-family:var(--ui) !important;
  font-weight:650 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}
html.pebble-brand-v037 .button.primary {
  background:var(--pb-ink) !important;
  color:#fff !important;
  border:1px solid var(--pb-ink) !important;
}
html.pebble-brand-v037 .button.primary:hover { background:#242422 !important; }
html.pebble-brand-v037 .button.soft,
html.pebble-brand-v037 .button.quiet,
html.pebble-brand-v037 .icon-button {
  background:var(--pb-surface) !important;
  color:var(--pb-ink) !important;
  border:1px solid var(--pb-line) !important;
  box-shadow:none !important;
}
html.pebble-brand-v037 .button.quiet { color:var(--pb-muted) !important; }
html.pebble-brand-v037 :where(.input,input[type="text"],input[type="email"],input[type="url"],input[type="tel"],textarea,select) {
  min-width:0;
  max-width:100%;
  background:var(--pb-surface) !important;
  color:var(--pb-ink) !important;
  border:1px solid var(--pb-line) !important;
  border-radius:var(--pb-r-sm) !important;
  box-shadow:none !important;
}
html.pebble-brand-v037 :where(.input,input,textarea,select):focus {
  outline:0 !important;
  border-color:rgba(11,11,10,.38) !important;
  box-shadow:0 0 0 3px rgba(223,255,69,.20) !important;
}

/* Shared surfaces */
html.pebble-brand-v037 :where(.panel,.onboarding-card,.auth-card,.empty-card,.modal,.channel-card,.profile-copy,.pebble-preview-panel,.demo-choice,.demo-people,.connected-card,.ripple-request,.saved-card,.permission-option,.check-item,.channel-row,.share-context,.ripple-inbox,.connect-modal) {
  background:var(--pb-surface) !important;
  border:1px solid var(--pb-line) !important;
  box-shadow:var(--pb-shadow) !important;
  backdrop-filter:none !important;
}
html.pebble-brand-v037 :where(.panel,.onboarding-card,.auth-card,.empty-card,.modal,.profile-copy,.pebble-preview-panel,.demo-people) { border-radius:var(--pb-r-lg) !important; }
html.pebble-brand-v037 :where(.channel-card,.demo-choice,.connected-card,.ripple-request,.saved-card,.permission-option,.check-item,.channel-row) { border-radius:var(--pb-r-md) !important; }

/* Landing: colloquial line carries the accent; headline stays clean. */
html.pebble-brand-v037 .refined-landing { background:var(--pb-bg) !important; }
html.pebble-brand-v037 .refined-landing .pebble-home.landing-layout.refined-editorial {
  width:min(var(--pb-shell),calc(100% - (var(--pb-gutter) * 2))) !important;
  margin-inline:auto !important;
  grid-template-columns:minmax(430px,.88fr) minmax(620px,1.12fr);
  gap:clamp(52px,6vw,104px);
  min-height:calc(100vh - 12px);
  padding:132px 0 34px !important;
  align-items:center;
}
html.pebble-brand-v037 .home-copy { max-width:600px; padding:0; }
html.pebble-brand-v037 .field-note-inline {
  position:relative;
  display:inline-block;
  margin:0 0 28px;
  font-family:var(--hand);
  font-size:clamp(24px,2vw,29px);
  line-height:1;
  font-weight:700;
  color:var(--pb-ink) !important;
  transform:rotate(-1.3deg);
}
html.pebble-brand-v037 .field-note-inline::after {
  content:"";
  position:absolute;
  left:14%; right:10%; bottom:-7px;
  height:4px;
  border-radius:999px;
  background:var(--pb-accent) !important;
}
html.pebble-brand-v037 .home-copy h1 {
  max-width:520px;
  margin:0 0 24px;
  font-size:clamp(60px,5.3vw,82px);
  line-height:.915;
  font-weight:620 !important;
  letter-spacing:-.068em !important;
}
html.pebble-brand-v037 .home-copy h1 span::after,
html.pebble-brand-v037 .home-copy h1 .marker-word::after { content:none !important; display:none !important; }
html.pebble-brand-v037 .home-copy .lead { max-width:580px; margin-bottom:24px; font-size:clamp(16px,1.25vw,20px); line-height:1.5; color:#474742; }
html.pebble-brand-v037 .connect-label,
html.pebble-brand-v037 .quick-connect-row { display:none !important; }
html.pebble-brand-v037 .start-form {
  width:min(620px,100%);
  min-height:70px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  padding:5px 5px 5px 8px;
  background:var(--pb-surface) !important;
  border:1.5px solid var(--pb-ink) !important;
  border-radius:20px !important;
  box-shadow:none !important;
}
html.pebble-brand-v037 .start-form input { width:100%; border:0 !important; background:transparent !important; box-shadow:none !important; padding:14px 18px; font-size:15px; }
html.pebble-brand-v037 .start-form button {
  min-height:54px;
  padding:0 22px;
  border:0;
  border-radius:15px !important;
  background:var(--pb-accent) !important;
  color:var(--pb-ink) !important;
  font-weight:700;
  white-space:nowrap;
}
html.pebble-brand-v037 .start-form button:hover { background:var(--pb-accent-hover) !important; }
html.pebble-brand-v037 .landing-after { width:min(620px,100%); display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:10px; }
html.pebble-brand-v037 .home-object::before,
html.pebble-brand-v037 .home-object::after,
html.pebble-brand-v037 .field-caption,
html.pebble-brand-v037 .field-key,
html.pebble-brand-v037 .field-note:not(.field-note-inline) { display:none !important; content:none !important; }

/* Sign-in: same control system as landing, no mobile button regression. */
html.pebble-brand-v037 .signin-stage { min-height:calc(100svh - var(--pb-header)); display:grid; place-items:center; padding-top:24px !important; padding-bottom:72px !important; }
html.pebble-brand-v037 .signin-card { width:min(500px,100%); padding:clamp(30px,4vw,46px); text-align:center; }
html.pebble-brand-v037 .signin-card h1 { margin:0 auto 16px; max-width:430px; font-size:clamp(44px,5vw,62px); line-height:.96; font-weight:650 !important; }
html.pebble-brand-v037 .signin-card > p { max-width:420px; margin-inline:auto; line-height:1.5; }
html.pebble-brand-v037 .signin-pebble { background:#111 !important; filter:none !important; box-shadow:none !important; }
html.pebble-brand-v037 .signin-card .start-form.stacked { width:100%; margin-top:26px; display:grid; grid-template-columns:minmax(0,1fr) auto; background:#fff !important; border:1.5px solid var(--pb-ink) !important; padding:5px; }
html.pebble-brand-v037 .signin-card .start-form.stacked input { width:100%; }
html.pebble-brand-v037 .signin-card .start-form.stacked button { display:inline-flex !important; align-items:center; justify-content:center; min-width:128px; background:var(--pb-accent) !important; color:var(--pb-ink) !important; }
html.pebble-brand-v037 .signin-card .microcopy { margin:10px 0 0 !important; }

/* Public profile */
html.pebble-brand-v037 .profile-main {
  min-height:calc(100vh - var(--pb-header));
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr);
  gap:clamp(36px,5vw,72px);
  align-items:center;
  padding-top:30px !important;
  padding-bottom:64px !important;
}
html.pebble-brand-v037 .profile-main > section { min-width:0; }
html.pebble-brand-v037 .profile-copy { width:100%; max-width:500px; justify-self:start; padding:clamp(28px,3.6vw,44px); }
html.pebble-brand-v037 .profile-copy h1 { margin-bottom:16px; font-size:clamp(48px,5vw,72px); line-height:.95; font-weight:650 !important; }
html.pebble-brand-v037 .profile-actions { display:flex; flex-wrap:wrap; gap:8px; }

/* Dashboard: desktop rail, mobile tab strip. */
html.pebble-brand-v037 .dashboard {
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  gap:32px;
  padding-top:22px !important;
  padding-bottom:72px !important;
}
html.pebble-brand-v037 .dashboard-content { width:100%; max-width:none; min-width:0; }
html.pebble-brand-v037 .side-nav { min-width:0; border-right:1px solid var(--pb-line); padding-right:18px; }
html.pebble-brand-v037 .side-nav button { color:var(--pb-muted) !important; border:1px solid transparent !important; }
html.pebble-brand-v037 .side-nav button.active { background:var(--pb-accent) !important; color:var(--pb-ink) !important; border-color:transparent !important; }
html.pebble-brand-v037 .dashboard-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:8px 0 26px; }
html.pebble-brand-v037 .dashboard-head > div:first-child { min-width:0; }
html.pebble-brand-v037 .dashboard-head h1 { margin:0; font-size:clamp(44px,5vw,68px); line-height:.94; font-weight:650 !important; }
html.pebble-brand-v037 .dashboard-head p { max-width:650px; line-height:1.5; }
html.pebble-brand-v037 .head-actions { display:flex; gap:8px; flex-wrap:wrap; }
html.pebble-brand-v037 .panel,
html.pebble-brand-v037 .pebble-preview-panel,
html.pebble-brand-v037 .universe-panel { width:100%; min-width:0; overflow:hidden; }

/* Generated Pebbles stay individual; app chrome remains neutral. */
html.pebble-brand-v037 .preview-glow { background:rgba(11,11,10,.035) !important; filter:blur(42px) !important; }
html.pebble-brand-v037 .tag.preferred,
html.pebble-brand-v037 .visibility-choice.public,
html.pebble-brand-v037 .ripple-count { background:var(--pb-accent) !important; color:var(--pb-ink) !important; }
html.pebble-brand-v037 .network-legend,
html.pebble-brand-v037 .private-universe-label { background:#fff !important; border-color:var(--pb-line) !important; color:var(--pb-muted) !important; }

/* Medium / tablet */
@media (max-width:930px) {
  html.pebble-brand-v037 { --pb-gutter:22px; --pb-header:78px; }
  html.pebble-brand-v037 :where(.brand,.brand-lockup) { font-size:25px !important; }
  html.pebble-brand-v037 :where(.brand-mark,.brand>.brand-mark,.brand-lockup .brand-mark) { width:34px !important; height:30px !important; }
  html.pebble-brand-v037 .refined-landing .pebble-home.landing-layout.refined-editorial { grid-template-columns:1fr; gap:24px; padding-top:118px !important; }
  html.pebble-brand-v037 .home-copy { max-width:650px; }
  html.pebble-brand-v037 .profile-main { grid-template-columns:1fr; gap:20px; align-items:start; }
  html.pebble-brand-v037 .profile-copy { max-width:760px; justify-self:center; }
  html.pebble-brand-v037 .dashboard { grid-template-columns:1fr; gap:22px; }
  html.pebble-brand-v037 .side-nav { position:static; display:flex; gap:8px; overflow-x:auto; padding:0 0 6px; border-right:0; scrollbar-width:none; }
  html.pebble-brand-v037 .side-nav::-webkit-scrollbar { display:none; }
  html.pebble-brand-v037 .side-nav .mini-id { display:none; }
  html.pebble-brand-v037 .side-nav button { flex:0 0 auto; width:auto; white-space:nowrap; }
}

/* Mobile */
@media (max-width:620px) {
  html.pebble-brand-v037 { --pb-gutter:18px; --pb-header:70px; --pb-r-lg:22px; }
  html.pebble-brand-v037 :where(.brand,.brand-lockup) { font-size:22px !important; gap:10px !important; }
  html.pebble-brand-v037 :where(.brand-mark,.brand>.brand-mark,.brand-lockup .brand-mark) { width:29px !important; height:26px !important; }
  html.pebble-brand-v037 .nav-actions { gap:8px; }
  html.pebble-brand-v037 .landing-cta { display:none !important; }

  html.pebble-brand-v037 .refined-landing .pebble-home.landing-layout.refined-editorial { width:calc(100% - (var(--pb-gutter) * 2)) !important; padding:104px 0 34px !important; gap:10px; }
  html.pebble-brand-v037 .field-note-inline { font-size:24px; margin-bottom:24px; }
  html.pebble-brand-v037 .home-copy h1 { max-width:100%; font-size:52px; line-height:.92; margin-bottom:24px; }
  html.pebble-brand-v037 .home-copy .lead { font-size:16px; line-height:1.52; }
  html.pebble-brand-v037 .start-form { min-height:62px; grid-template-columns:minmax(0,1fr) auto; border-radius:18px !important; }
  html.pebble-brand-v037 .start-form input { padding:12px 11px; font-size:14px; }
  html.pebble-brand-v037 .start-form button { min-height:50px; min-width:0; padding:0 16px; border-radius:14px !important; font-size:13px; }
  html.pebble-brand-v037 .landing-after { align-items:flex-start; flex-direction:column; gap:8px; }
  html.pebble-brand-v037 .home-object { width:calc(100% + 36px); margin-inline:-18px; min-height:540px; }

  html.pebble-brand-v037 .signin-stage { width:calc(100% - (var(--pb-gutter) * 2)) !important; padding-top:28px !important; align-items:start; }
  html.pebble-brand-v037 .signin-card { width:100%; max-width:100%; padding:30px 22px; margin-top:38px; }
  html.pebble-brand-v037 .signin-card h1 { font-size:42px; line-height:.95; }
  html.pebble-brand-v037 .signin-card > p { font-size:16px; }
  html.pebble-brand-v037 .signin-card .start-form.stacked { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; background:#fff !important; border:1.5px solid var(--pb-ink) !important; padding:5px !important; }
  html.pebble-brand-v037 .signin-card .start-form.stacked input { border:0 !important; background:transparent !important; padding:12px 10px !important; }
  html.pebble-brand-v037 .signin-card .start-form.stacked button { width:auto !important; min-width:112px !important; min-height:48px !important; border:0 !important; background:var(--pb-accent) !important; color:var(--pb-ink) !important; font-size:13px !important; }

  html.pebble-brand-v037 .profile-main { width:calc(100% - (var(--pb-gutter) * 2)) !important; display:grid; grid-template-columns:minmax(0,1fr); gap:22px; padding-top:14px !important; padding-bottom:52px !important; }
  html.pebble-brand-v037 .profile-main > section:first-child { min-height:390px; display:grid; place-items:center; overflow:hidden; }
  html.pebble-brand-v037 .profile-main > section:first-child .identity-wrap { width:390px; max-width:390px; transform:scale(.86); transform-origin:center; }
  html.pebble-brand-v037 .profile-copy { width:100%; max-width:none; justify-self:stretch; padding:24px 20px; text-align:left; }
  html.pebble-brand-v037 .profile-copy h1 { font-size:44px; line-height:.96; }
  html.pebble-brand-v037 .profile-quick-icons { justify-content:flex-start; }
  html.pebble-brand-v037 .profile-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  html.pebble-brand-v037 .profile-actions .button { width:100%; min-width:0; padding:11px 10px; font-size:12px; }

  html.pebble-brand-v037 .dashboard { width:calc(100% - (var(--pb-gutter) * 2)) !important; display:block; padding-top:8px !important; padding-bottom:56px !important; }
  html.pebble-brand-v037 .side-nav { margin:0 0 28px; padding:0 0 6px; overflow-x:auto; display:flex; gap:8px; scroll-snap-type:x proximity; }
  html.pebble-brand-v037 .side-nav button { scroll-snap-align:start; padding:10px 14px; font-size:12px; }
  html.pebble-brand-v037 .dashboard-content { width:100%; min-width:0; overflow:visible; }
  html.pebble-brand-v037 .dashboard-head { display:block; margin:0 0 24px; }
  html.pebble-brand-v037 .dashboard-head h1 { font-size:50px; line-height:.94; overflow-wrap:anywhere; }
  html.pebble-brand-v037 .dashboard-head p { font-size:15px; }
  html.pebble-brand-v037 .head-actions { width:100%; display:grid; grid-template-columns:1fr 1fr; margin-top:20px; }
  html.pebble-brand-v037 .head-actions .button { width:100%; text-align:center; }
  html.pebble-brand-v037 .panel { padding:20px 18px; overflow:hidden; }
  html.pebble-brand-v037 .panel-title { align-items:flex-start; gap:12px; }
  html.pebble-brand-v037 .form-row { grid-template-columns:1fr !important; }
  html.pebble-brand-v037 .pebble-preview-panel,
  html.pebble-brand-v037 .universe-panel { height:520px !important; min-height:520px !important; overflow:hidden !important; }
  html.pebble-brand-v037 .universe-panel .identity-wrap.has-people { width:390px; max-width:390px; transform:scale(.80); transform-origin:center; }
  html.pebble-brand-v037 .channel-row { grid-template-columns:38px minmax(0,1fr); }
  html.pebble-brand-v037 .row-actions { grid-column:1 / -1; width:100%; display:flex; justify-content:flex-end; border-top:1px solid var(--pb-line); padding-top:10px; }
  html.pebble-brand-v037 .ripple-request { grid-template-columns:auto minmax(0,1fr); }
  html.pebble-brand-v037 .ripple-request-actions { grid-column:1 / -1; width:100%; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
  html.pebble-brand-v037 .connected-grid,
  html.pebble-brand-v037 .saved-grid { grid-template-columns:1fr !important; }
  html.pebble-brand-v037 .share-row { align-items:flex-start; }
  html.pebble-brand-v037 .modal { width:100%; max-height:calc(100svh - 28px); padding:22px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  html.pebble-brand-v037 *, html.pebble-brand-v037 *::before, html.pebble-brand-v037 *::after {
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }
}



/* Pebble v0.3.7 — single shared component contract
   Page layouts can differ. Brand grammar does not. */
html.pebble-brand-v037 {
  --pb-bg:#fcfcf9;
  --pb-surface:#fff;
  --pb-soft:#f5f5f0;
  --pb-ink:#0a0a09;
  --pb-muted:#77756f;
  --pb-line:rgba(10,10,9,.105);
  --pb-line-strong:rgba(10,10,9,.18);
  --pb-accent:#dfff45;
  --pb-accent-hover:#d5f63e;
  --pb-accent-soft:rgba(223,255,69,.22);
  --pb-shell:1360px;
  --pb-gutter:clamp(24px,4.4vw,72px);
  --pb-header:88px;
  --pb-r-sm:14px;
  --pb-r-md:18px;
  --pb-r-lg:24px;
  --pb-shadow:0 10px 30px rgba(10,10,9,.03);
  --pb-control-h:46px;
}

/* One interaction language */
html.pebble-brand-v037 :where(.button,.nav-link,.tiny-link,.button-link,.launch-button) {
  min-height:var(--pb-control-h);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  font-family:var(--ui)!important;
  font-size:13px;
  line-height:1;
  font-weight:650!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
html.pebble-brand-v037 :where(.button.small,.tiny-link,.button-link) { min-height:38px; padding-inline:12px; font-size:12px; }
html.pebble-brand-v037 .button.primary,
html.pebble-brand-v037 .launch-button { background:var(--pb-ink)!important; color:#fff!important; border:1px solid var(--pb-ink)!important; }
html.pebble-brand-v037 .button.soft,
html.pebble-brand-v037 .button.quiet { background:#fff!important; border:1px solid var(--pb-line)!important; color:var(--pb-ink)!important; }
html.pebble-brand-v037 :where(.button,.launch-button,a,button,input,textarea,select):focus-visible { outline:3px solid var(--pb-accent-soft)!important; outline-offset:2px; }

/* One surface language */
html.pebble-brand-v037 :where(.panel,.onboarding-card,.auth-card,.empty-card,.modal,.channel-card,.profile-copy,.pebble-preview-panel,.demo-choice,.demo-people,.connected-card,.ripple-request,.saved-card,.permission-option,.check-item,.channel-row,.share-context,.ripple-inbox,.connect-modal,.share-toggle-row,.switch-setting) {
  background:var(--pb-surface)!important;
  border:1px solid var(--pb-line)!important;
  box-shadow:var(--pb-shadow)!important;
}
html.pebble-brand-v037 :where(.panel,.onboarding-card,.auth-card,.empty-card,.modal,.profile-copy,.pebble-preview-panel,.demo-people,.ripple-inbox,.connect-modal) { border-radius:var(--pb-r-lg)!important; }
html.pebble-brand-v037 :where(.channel-card,.demo-choice,.connected-card,.ripple-request,.saved-card,.permission-option,.check-item,.channel-row,.share-context,.share-toggle-row,.switch-setting) { border-radius:var(--pb-r-md)!important; }

/* One disclosure switch: off = private, on = shared. */
html.pebble-brand-v037 .pb-switch-control {
  position:relative;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  cursor:pointer;
}
html.pebble-brand-v037 .pb-switch-input {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
  z-index:2;
}
html.pebble-brand-v037 .pb-switch-track {
  width:52px;
  height:30px;
  display:block;
  position:relative;
  border-radius:999px;
  background:#deded9;
  border:1px solid rgba(10,10,9,.06);
  transition:background .18s ease,border-color .18s ease;
}
html.pebble-brand-v037 .pb-switch-knob {
  position:absolute;
  width:24px;
  height:24px;
  left:2px;
  top:2px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.12);
  transition:transform .18s ease,background .18s ease;
}
html.pebble-brand-v037 .pb-switch-input:checked + .pb-switch-track { background:var(--pb-accent); border-color:var(--pb-accent); }
html.pebble-brand-v037 .pb-switch-input:checked + .pb-switch-track .pb-switch-knob { transform:translateX(22px); background:var(--pb-ink); }
html.pebble-brand-v037 .pb-switch-input:focus-visible + .pb-switch-track { box-shadow:0 0 0 3px var(--pb-accent-soft); }
html.pebble-brand-v037 .visibility-choice { display:none!important; }

/* Shared disclosure rows */
html.pebble-brand-v037 :where(.switch-setting,.share-toggle-row,.permission-option) {
  display:grid!important;
  align-items:center;
  gap:14px;
  padding:12px 14px!important;
  box-shadow:none!important;
}
html.pebble-brand-v037 .switch-setting { grid-template-columns:minmax(0,1fr) auto!important; }
html.pebble-brand-v037 :where(.share-toggle-row,.permission-option) { grid-template-columns:36px minmax(0,1fr) auto!important; cursor:pointer; }
html.pebble-brand-v037 :where(.switch-setting,.share-toggle-row,.permission-option) strong,
html.pebble-brand-v037 :where(.switch-setting,.share-toggle-row,.permission-option) small { display:block; }
html.pebble-brand-v037 :where(.switch-setting,.share-toggle-row,.permission-option) strong { font-size:12px; }
html.pebble-brand-v037 :where(.switch-setting,.share-toggle-row,.permission-option) small { margin-top:2px; font-size:10px; color:var(--pb-muted); }
html.pebble-brand-v037 .share-toggle-list,
html.pebble-brand-v037 .permission-options { display:grid; gap:8px; margin-top:8px; }

/* What I share uses the same switch directly — no visibility-pill translation layer. */
html.pebble-brand-v037 .channel-row {
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:72px;
  padding:10px 12px!important;
  box-shadow:none!important;
}
html.pebble-brand-v037 .channel-row .channel-tags { margin-top:5px; }
html.pebble-brand-v037 .channel-row .tag:not(.preferred) { display:none!important; }
html.pebble-brand-v037 .channel-disclosure { display:flex; align-items:center; gap:10px; }
html.pebble-brand-v037 .visibility-label { min-width:48px; text-align:right; font-size:10px; color:var(--pb-muted); }
html.pebble-brand-v037 .row-actions { display:flex; align-items:center; gap:5px; border:0!important; padding:0!important; }
html.pebble-brand-v037 .row-actions .button { min-height:36px; }

/* Onboarding uses the same control geometry. */
html.pebble-brand-v037 .quick-link {
  grid-template-columns:40px 88px minmax(0,1fr) auto!important;
  gap:10px!important;
  min-height:60px;
  padding:7px 10px!important;
  background:#fff!important;
  border:1px solid var(--pb-line)!important;
  border-radius:var(--pb-r-md)!important;
  box-shadow:none!important;
}
html.pebble-brand-v037 .quick-link:hover { transform:none!important; border-color:var(--pb-line-strong)!important; }
html.pebble-brand-v037 .quick-label small { text-transform:none!important; letter-spacing:0!important; font-size:10px!important; font-weight:500!important; color:var(--pb-muted)!important; }
html.pebble-brand-v037 .quick-link input { border:0!important; background:transparent!important; box-shadow:none!important; }

/* Landing proposition: direct, modest, colloquial. */
html.pebble-brand-v037 .refined-landing .home-copy > .field-note-inline {
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:inline-block!important;
  margin:0 0 28px 0!important;
  padding:0!important;
  align-self:flex-start!important;
  font-family:var(--hand)!important;
  font-size:clamp(24px,2vw,29px)!important;
  line-height:1!important;
  transform:rotate(-1deg)!important;
}
html.pebble-brand-v037 .field-note-inline::after { left:10%!important; right:8%!important; bottom:-7px!important; }
html.pebble-brand-v037 .home-copy h1 { max-width:540px; font-size:clamp(58px,5.1vw,80px); }
html.pebble-brand-v037 .home-copy .lead { max-width:570px; }
html.pebble-brand-v037 .home-copy h1 span::after,
html.pebble-brand-v037 .home-copy h1 .marker-word::after { display:none!important; content:none!important; }

/* Generated Pebble stays the identity object. */
html.pebble-brand-v037 .pebble-core { isolation:isolate; }
html.pebble-brand-v037 .pebble-core-copy {
  position:relative;
  z-index:3;
  max-width:80%;
  display:grid;
  justify-items:center;
  gap:7px;
  text-align:center;
  color:#fff;
}
html.pebble-brand-v037 .pebble-core-label { font-family:var(--display); font-size:28px; line-height:.95; font-weight:650; letter-spacing:-.055em; }
html.pebble-brand-v037 .pebble-core-handle { max-width:100%; font-size:9px; line-height:1.2; color:rgba(255,255,255,.62); white-space:nowrap; }
html.pebble-brand-v037 .refined-landing .pebble-nameplate { display:none!important; }

/* People look like people. Demo photographs are fictional visual examples. */
html.pebble-brand-v037 .person-pebble > span,
html.pebble-brand-v037 .saved-stone,
html.pebble-brand-v037 .ripple-request-stone { border-radius:50%!important; overflow:hidden; }
html.pebble-brand-v037 .person-pebble > span {
  width:58px;
  height:58px;
  background:#eee;
  border:3px solid #fff;
  box-shadow:0 0 0 2px var(--pb-accent),0 7px 18px rgba(10,10,9,.08)!important;
}
html.pebble-brand-v037 .person-pebble img,
html.pebble-brand-v037 .saved-stone img,
html.pebble-brand-v037 .ripple-request-stone img,
html.pebble-brand-v037 .demo-person-stone img { width:100%; height:100%; object-fit:cover; filter:saturate(.88) contrast(.98); }
html.pebble-brand-v037 .person-pebble small { margin-top:5px; font-size:9px; font-weight:650; color:var(--pb-ink); background:rgba(255,255,255,.94); border:1px solid var(--pb-line); padding:3px 7px; }
html.pebble-brand-v037 .person-pebble i { display:none!important; }
html.pebble-brand-v037 .refined-landing .demo-person > span { width:62px; height:62px; border-width:3px; }
html.pebble-brand-v037 .network-links path.approved { stroke:rgba(10,10,9,.20)!important; stroke-width:.23!important; }
html.pebble-brand-v037 .network-links path.pending { stroke:rgba(10,10,9,.12)!important; }
html.pebble-brand-v037 .people-ring { border-color:rgba(10,10,9,.08)!important; }

/* Shared page rhythm. */
html.pebble-brand-v037 :where(.dashboard-head,.demo-intro,.onboarding-intro) > p { max-width:680px; }
html.pebble-brand-v037 :where(.dashboard-head h1,.demo-intro h1,.profile-copy h1,.onboarding-intro h1) { font-weight:620!important; }
html.pebble-brand-v037 .side-nav button.active { background:var(--pb-accent)!important; color:var(--pb-ink)!important; }
html.pebble-brand-v037 .tag.preferred,
html.pebble-brand-v037 .ripple-count { background:var(--pb-accent)!important; color:var(--pb-ink)!important; }
html.pebble-brand-v037 .panel-title { align-items:flex-start; }
html.pebble-brand-v037 .panel-title h2 { margin:0; }

@media (max-width:930px) {
  html.pebble-brand-v037 .channel-row { grid-template-columns:42px minmax(0,1fr) auto!important; }
  html.pebble-brand-v037 .channel-row .row-actions { grid-column:2 / -1; justify-content:flex-end; }
}

@media (max-width:620px) {
  html.pebble-brand-v037 .refined-landing .home-copy > .field-note-inline { margin-left:0!important; font-size:24px!important; }
  html.pebble-brand-v037 .channel-row { grid-template-columns:40px minmax(0,1fr) auto!important; gap:10px!important; }
  html.pebble-brand-v037 .channel-disclosure { align-self:start; padding-top:2px; }
  html.pebble-brand-v037 .visibility-label { display:none; }
  html.pebble-brand-v037 .channel-row .row-actions { grid-column:2 / -1; justify-content:flex-end; }
  html.pebble-brand-v037 .pb-switch-track { width:48px; height:28px; }
  html.pebble-brand-v037 .pb-switch-knob { width:22px; height:22px; }
  html.pebble-brand-v037 .pb-switch-input:checked + .pb-switch-track .pb-switch-knob { transform:translateX(20px); }
  html.pebble-brand-v037 .refined-landing .demo-person > span { width:54px; height:54px; }
}

/* Photographic demo portraits are deliberately cropped slightly inside their source circles. */
html.pebble-brand-v037 .demo-person img,
html.pebble-brand-v037 .demo-person-stone img { transform:scale(1.10); transform-origin:center; }

/* v0.3.7 — forward global product contract
   This block is intentionally generic: new screens should inherit these shared
   tokens and component rules instead of introducing page-specific visual systems. */
html.pebble-brand-v037 {
  --pb-bg:#fcfcf9;
  --pb-surface:#fff;
  --pb-ink:#0a0a09;
  --pb-muted:#6f6d66;
  --pb-faint:#9a9890;
  --pb-line:rgba(10,10,9,.11);
  --pb-line-soft:rgba(10,10,9,.07);
  --pb-accent:#ddff3d;
  --pb-accent-hover:#d4f63a;
  --pb-accent-soft:rgba(221,255,61,.18);
  --pb-shell:1400px;
  --pb-gutter:clamp(24px,4.6vw,76px);
  --pb-header:92px;
  --pb-control-h:46px;
  --pb-r-sm:14px;
  --pb-r-md:20px;
  --pb-r-lg:28px;
  --pb-shadow:0 14px 38px rgba(10,10,9,.045);
}

/* One shell across every route. */
html.pebble-brand-v037 :where(.topbar,.landing-nav,.simple-nav,.studio-topbar) {
  width:min(var(--pb-shell),calc(100% - (var(--pb-gutter) * 2)))!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  border:0!important;
  background:transparent!important;
}
html.pebble-brand-v037 :where(.pebble-home,.profile-main,.dashboard,.demo-main,.onboarding-stage,.signin-stage) {
  width:min(var(--pb-shell),calc(100% - (var(--pb-gutter) * 2)))!important;
  margin-inline:auto!important;
}

/* Shared text hierarchy. */
html.pebble-brand-v037 :where(.dashboard-head h1,.demo-intro h1,.profile-copy h1,.onboarding-intro h1) {
  font-size:clamp(46px,4.6vw,70px)!important;
  line-height:.95!important;
  font-weight:620!important;
  letter-spacing:-.06em!important;
}
html.pebble-brand-v037 :where(.dashboard-head p,.demo-intro p,.profile-copy .bio,.onboarding-intro p) {
  font-size:clamp(15px,1.2vw,18px)!important;
  line-height:1.5!important;
  color:var(--pb-muted)!important;
}
html.pebble-brand-v037 :where(.panel-title h2,.modal-head h2) {
  font-size:clamp(20px,1.8vw,25px)!important;
  line-height:1!important;
}

/* Shared controls and surfaces. */
html.pebble-brand-v037 :where(.button,.icon-button,.input,input,textarea,select) { transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease; }
html.pebble-brand-v037 .button { min-height:var(--pb-control-h); display:inline-flex; align-items:center; justify-content:center; padding-inline:18px!important; }
html.pebble-brand-v037 .button.small { min-height:36px; padding-inline:13px!important; }
html.pebble-brand-v037 :where(.panel,.profile-copy,.pebble-preview-panel,.onboarding-card,.modal,.demo-choice,.connected-card,.ripple-request,.saved-card,.channel-row,.share-toggle-row,.permission-option) {
  background:var(--pb-surface)!important;
  border-color:var(--pb-line)!important;
  box-shadow:none!important;
}
html.pebble-brand-v037 :where(.panel,.profile-copy,.pebble-preview-panel,.onboarding-card,.modal) { border-radius:var(--pb-r-lg)!important; }
html.pebble-brand-v037 :where(.channel-row,.connected-card,.ripple-request,.saved-card,.share-toggle-row,.permission-option) { border-radius:var(--pb-r-md)!important; }
html.pebble-brand-v037 :where(.panel,.pebble-preview-panel) { padding:clamp(22px,2.4vw,34px)!important; }

/* Toggle is the privacy control everywhere: off = private, on = shared. */
html.pebble-brand-v037 .pb-switch-control { width:50px; height:30px; flex:0 0 50px; display:inline-flex; position:relative; }
html.pebble-brand-v037 .pb-switch-input { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; opacity:0!important; margin:0!important; cursor:pointer!important; z-index:2; }
html.pebble-brand-v037 .pb-switch-track {
  width:50px!important; height:30px!important; padding:3px!important; display:block!important;
  border:0!important; border-radius:999px!important; background:#dfdfdb!important; box-shadow:none!important;
}
html.pebble-brand-v037 .pb-switch-knob {
  width:24px!important; height:24px!important; display:block!important; border-radius:50%!important;
  background:#fff!important; box-shadow:0 1px 4px rgba(0,0,0,.12)!important; transform:translateX(0)!important;
}
html.pebble-brand-v037 .pb-switch-input:checked + .pb-switch-track { background:var(--pb-accent)!important; }
html.pebble-brand-v037 .pb-switch-input:checked + .pb-switch-track .pb-switch-knob { transform:translateX(20px)!important; background:var(--pb-ink)!important; }
html.pebble-brand-v037 .visibility-label,
html.pebble-brand-v037 .quick-label small { display:none!important; }
html.pebble-brand-v037 .channel-disclosure { margin-left:auto; }

/* Landing follows the approved campaign composition. */
html.pebble-brand-v037 .refined-landing .pebble-home.landing-layout.refined-editorial {
  grid-template-columns:minmax(450px,.87fr) minmax(680px,1.13fr)!important;
  gap:clamp(60px,6vw,108px)!important;
  min-height:calc(100vh - 10px)!important;
  padding:138px 0 42px!important;
  align-items:center!important;
}
html.pebble-brand-v037 .home-copy { max-width:610px!important; }
html.pebble-brand-v037 .home-copy > .field-note-inline {
  margin:0 0 30px!important;
  font-size:clamp(25px,1.9vw,30px)!important;
  transform:rotate(-1deg)!important;
}
html.pebble-brand-v037 .field-note-inline::after { left:11%!important; right:10%!important; height:4px!important; }
html.pebble-brand-v037 .home-copy h1 {
  max-width:560px!important;
  font-size:clamp(60px,5.25vw,82px)!important;
  line-height:.92!important;
  font-weight:620!important;
  letter-spacing:-.067em!important;
  margin-bottom:24px!important;
}
html.pebble-brand-v037 .home-copy .lead { max-width:590px!important; font-size:clamp(17px,1.25vw,20px)!important; }
html.pebble-brand-v037 .start-form { width:min(630px,100%)!important; min-height:72px!important; }
html.pebble-brand-v037 .landing-after { width:min(630px,100%)!important; }

/* Field architecture: channels live inside, people live clearly outside. */
html.pebble-brand-v037 .home-object.refined-field { min-height:720px!important; height:min(79vh,780px)!important; overflow:visible!important; }
html.pebble-brand-v037 .identity-wrap.has-people .orbit-ring { border-color:rgba(10,10,9,.075)!important; }
html.pebble-brand-v037 .identity-wrap.has-people .people-ring {
  inset:-2%!important;
  border:1px solid rgba(10,10,9,.08)!important;
  border-radius:48% 52% 50% 50% / 52% 48% 54% 46%!important;
}
html.pebble-brand-v037 .refined-landing .orbit-node {
  min-width:116px!important;
  min-height:52px!important;
  padding:9px 13px!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(10,10,9,.04)!important;
  z-index:7!important;
}
html.pebble-brand-v037 .refined-landing .orbit-node.preferred { box-shadow:0 0 0 1.5px var(--pb-accent),0 8px 22px rgba(10,10,9,.04)!important; }
html.pebble-brand-v037 .refined-landing .person-pebble,
html.pebble-brand-v037 .universe-panel .person-pebble {
  left:calc(50% + var(--px))!important;
  top:calc(50% + var(--py))!important;
  width:0!important; height:0!important;
  display:block!important;
  z-index:9!important;
  animation:pbPersonFloat 8s var(--person-delay,0s) ease-in-out infinite!important;
}
html.pebble-brand-v037 .person-pebble .person-photo {
  position:absolute!important;
  left:50%!important; top:50%!important;
  width:66px!important; height:66px!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important; place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  border:4px solid #fff!important;
  background:#eee!important;
  box-shadow:0 0 0 1px rgba(10,10,9,.10),0 8px 22px rgba(10,10,9,.08)!important;
}
html.pebble-brand-v037 .person-pebble.approved .person-photo { box-shadow:0 0 0 1px rgba(10,10,9,.10),0 8px 22px rgba(10,10,9,.08)!important; }
html.pebble-brand-v037 .person-pebble.pending .person-photo { opacity:.62; filter:grayscale(.25); }
html.pebble-brand-v037 .person-pebble img { width:100%!important; height:100%!important; object-fit:cover!important; transform:none!important; filter:saturate(.92) contrast(.98)!important; }
html.pebble-brand-v037 .person-pebble .person-handle {
  position:absolute!important;
  left:50%!important; top:50%!important;
  transform:translate(calc(-50% + var(--hx)),calc(-50% + var(--hy)))!important;
  min-width:max-content!important;
  margin:0!important;
  padding:4px 8px!important;
  border:1px solid var(--pb-line-soft)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--pb-ink)!important;
  font:600 10px/1 var(--ui)!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
html.pebble-brand-v037 .person-pebble i { display:none!important; }
html.pebble-brand-v037 .network-links { z-index:3!important; }
html.pebble-brand-v037 .network-links path.approved { stroke:rgba(10,10,9,.15)!important; stroke-width:.20!important; }
html.pebble-brand-v037 .network-links path.pending { stroke:rgba(10,10,9,.09)!important; }

/* Dashboard universe uses the same field grammar, scaled for the larger canvas. */
html.pebble-brand-v037 .universe-panel .identity-wrap.has-people { width:min(720px,88%)!important; }
html.pebble-brand-v037 .universe-panel .orbit-node { min-width:102px!important; }
html.pebble-brand-v037 .universe-panel .person-pebble .person-photo { width:58px!important; height:58px!important; }
html.pebble-brand-v037 .universe-panel .person-pebble .person-handle { font-size:9px!important; }

/* A single row grammar for details, permissions and sharing. */
html.pebble-brand-v037 :where(.channel-row,.quick-link,.permission-option,.share-toggle-row,.switch-setting) {
  min-height:64px;
  align-items:center!important;
}
html.pebble-brand-v037 .channel-row { grid-template-columns:46px minmax(0,1fr) auto auto!important; gap:14px!important; padding:12px 14px!important; }
html.pebble-brand-v037 .channel-row .meta strong { font-size:14px!important; }
html.pebble-brand-v037 .channel-row .channel-value { color:var(--pb-muted)!important; }
html.pebble-brand-v037 .channel-row .row-actions { display:flex!important; gap:6px!important; }
html.pebble-brand-v037 .quick-link { grid-template-columns:40px 90px minmax(0,1fr) auto!important; }
html.pebble-brand-v037 .quick-label { align-self:center!important; }
html.pebble-brand-v037 .permission-option,
html.pebble-brand-v037 .share-toggle-row { grid-template-columns:38px minmax(0,1fr) auto!important; }

@keyframes pbPersonFloat {
  0%,100% { transform:translate3d(0,0,0); }
  50% { transform:translate3d(0,-5px,0); }
}

@media (max-width:930px) {
  html.pebble-brand-v037 .refined-landing .pebble-home.landing-layout.refined-editorial { grid-template-columns:1fr!important; width:min(900px,calc(100% - (var(--pb-gutter) * 2)))!important; gap:34px!important; }
  html.pebble-brand-v037 .home-object.refined-field { min-height:680px!important; height:680px!important; }
  html.pebble-brand-v037 .dashboard { grid-template-columns:1fr!important; }
  html.pebble-brand-v037 .side-nav { border-right:0!important; padding-right:0!important; }
}

@media (max-width:620px) {
  html.pebble-brand-v037 { --pb-gutter:20px; --pb-header:76px; }
  html.pebble-brand-v037 :where(.brand,.brand-lockup) { font-size:25px!important; gap:10px!important; }
  html.pebble-brand-v037 :where(.brand-mark,.brand>.brand-mark,.brand-lockup .brand-mark) { width:31px!important; height:28px!important; }
  html.pebble-brand-v037 .landing-cta { display:none!important; }
  html.pebble-brand-v037 .refined-landing .pebble-home.landing-layout.refined-editorial { padding-top:112px!important; }
  html.pebble-brand-v037 .home-copy > .field-note-inline { margin-bottom:24px!important; font-size:25px!important; }
  html.pebble-brand-v037 .home-copy h1 { font-size:52px!important; max-width:440px!important; }
  html.pebble-brand-v037 .home-copy .lead { font-size:16px!important; }
  html.pebble-brand-v037 .start-form { min-height:66px!important; }
  html.pebble-brand-v037 .start-form button { min-height:54px!important; padding-inline:16px!important; font-size:13px!important; }
  html.pebble-brand-v037 .landing-after { align-items:flex-start!important; gap:8px!important; flex-wrap:wrap!important; }
  html.pebble-brand-v037 .home-object.refined-field { width:calc(100% + 40px)!important; margin-inline:-20px!important; min-height:650px!important; height:650px!important; }
  html.pebble-brand-v037 .refined-landing .orbit-node { min-width:92px!important; min-height:44px!important; padding:7px 9px!important; }
  html.pebble-brand-v037 .person-pebble .person-photo { width:56px!important; height:56px!important; border-width:3px!important; }
  html.pebble-brand-v037 .person-pebble .person-handle { font-size:9px!important; padding:3px 6px!important; }
  html.pebble-brand-v037 .channel-row { grid-template-columns:40px minmax(0,1fr) auto!important; }
  html.pebble-brand-v037 .channel-row .row-actions { grid-column:2 / -1!important; justify-content:flex-end!important; }
  html.pebble-brand-v037 .quick-link { grid-template-columns:36px minmax(0,1fr) auto!important; }
  html.pebble-brand-v037 .quick-link input { grid-column:2 / -1!important; width:100%!important; }
  html.pebble-brand-v037 .quick-label { min-width:0!important; }
}