/* Kakashi v0.20.4 — consolidated runtime style layers. */

/* Consolidated from installMotionRefinementStyles. */
:root { --kakashi-spring: cubic-bezier(.22,.8,.2,1); }
    button, [role="button"], .route-step { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
    .opportunity-card { transform: translateZ(0); backface-visibility: hidden; }
    .live-path-feed { max-height: 148px; overflow: visible; pointer-events: none; }
    .live-feed-list { position: relative; display:flex; flex-direction:column; justify-content:flex-end; gap:8px; max-height:148px; overflow:visible; }
    .live-path-comment {
      pointer-events:auto; min-height:58px; max-height:68px; overflow:hidden;
      will-change: transform, opacity, filter;
      transform: translate3d(0,0,0); backface-visibility:hidden;
      transition: transform 720ms cubic-bezier(.16,1,.3,1), opacity 560ms ease, filter 560ms ease;
      box-shadow:0 10px 30px rgba(0,0,0,.24);
    }
    .live-path-comment:first-child:not(:last-child) { opacity:.72; transform:translate3d(0,-2px,0) scale(.985); }
    .live-path-comment strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .live-path-comment.is-live-entering {
      animation: kakashiLiveEnter 820ms cubic-bezier(.16,1,.3,1) both;
    }
    .live-path-comment.is-live-leaving {
      pointer-events: none;
      animation: kakashiLiveLeave 680ms cubic-bezier(.4,0,.2,1) both;
    }
    @keyframes kakashiLiveEnter {
      0% { opacity: 0; transform: translate3d(0,28px,0) scale(.94); filter: blur(5px); }
      68% { opacity: 1; transform: translate3d(0,-3px,0) scale(1.012); filter: blur(0); }
      100% { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }
    }
    @keyframes kakashiLiveLeave {
      0% { opacity: 1; transform: translate3d(0,0,0) scale(1); }
      100% { opacity: 0; transform: translate3d(0,-34px,0) scale(.96); filter: blur(3px); }
    }

    .opportunity-card { --card-accent:#ff7a1a; }
    .opportunity-card[data-tone="repair"] { --card-accent:#aeb5bf; }
    .opportunity-card[data-tone="personal"] { --card-accent:#72c98b; }
    .opportunity-card[data-tone="household"] { --card-accent:#72a7e8; }
    .opportunity-card[data-tone="creative"] { --card-accent:#a98be8; }
    .opportunity-card[data-tone="research"] { --card-accent:#e2bd67; }
    .opportunity-card .category { color:var(--card-accent)!important; }
    button.tap-ack { animation:kakashiTapAck 280ms cubic-bezier(.2,.8,.2,1); }
    button.save-ack svg { animation:kakashiSavePulse 520ms cubic-bezier(.16,1,.3,1); }
    @keyframes kakashiTapAck { 0%{transform:scale(1)} 45%{transform:scale(.965)} 100%{transform:scale(1)} }
    @keyframes kakashiSavePulse { 0%{transform:scale(1)} 45%{transform:scale(1.28)} 100%{transform:scale(1)} }



    .account-nav-list { display:grid; gap:10px; margin:18px 0; }
    .account-nav-item { overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(255,255,255,.035); }
    .account-nav-item summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:64px; padding:0 18px; cursor:pointer; font-weight:760; letter-spacing:-.01em; }
    .account-nav-item summary::-webkit-details-marker { display:none; }
    .account-nav-item summary::after { content:'⌄'; color:rgba(255,255,255,.56); font-size:20px; font-weight:700; transition:color 260ms ease; }
    .account-nav-item[open] summary::after { content:'⌃'; color:#ff842a; }
    .account-nav-item[open] summary { border-bottom:1px solid rgba(255,255,255,.07); }
    .account-nav-body { padding:16px 18px 18px; animation:accountReveal 420ms var(--kakashi-spring) both; }
    .account-nav-body > :first-child { margin-top:0; }
    .account-nav-body > :last-child { margin-bottom:0; }
    @keyframes accountReveal { from{opacity:0;transform:translateY(-5px)} to{opacity:1;transform:none} }
    .ambient-listening { display:inline-flex; align-items:center; gap:7px; color:rgba(255,255,255,.7); font-size:11px; letter-spacing:.02em; }
    .ambient-listening::before { content:''; width:6px; height:6px; border-radius:50%; background:#ff842a; box-shadow:0 0 0 0 rgba(255,132,42,.42); animation:listenPulse 2.2s ease-out infinite; }
    @keyframes listenPulse { 0%{box-shadow:0 0 0 0 rgba(255,132,42,.4)} 65%,100%{box-shadow:0 0 0 8px rgba(255,132,42,0)} }

    .learning-tip { width:min(100%,420px); margin:4px auto 0; text-align:center; }
    .learning-tip > small { display:block; margin-bottom:7px; color:rgba(255,132,42,.9); font-size:10px; font-weight:800; letter-spacing:.14em; }
    [data-app-tip] { min-height:2.8em; opacity:0; transform:translate3d(0,5px,0); transition:opacity 420ms ease,transform 560ms cubic-bezier(.16,1,.3,1); }
    [data-app-tip].tip-visible { opacity:1; transform:translate3d(0,0,0); }


    .tutorial-layer { position:fixed; inset:0; z-index:12000; pointer-events:none; }
    .tutorial-shade { display:none; position:absolute; inset:0; background:rgba(3,4,7,.62); opacity:0; animation:tutorialShadeIn 300ms ease forwards; }
    .tutorial-spotlight { position:fixed; border:2px solid rgba(255,132,42,.96); border-radius:20px; background:transparent; box-shadow:0 0 0 9999px rgba(3,4,7,.46),0 0 0 5px rgba(255,132,42,.12),0 16px 48px rgba(0,0,0,.34); transition:top 520ms var(--kakashi-spring),left 520ms var(--kakashi-spring),width 520ms var(--kakashi-spring),height 520ms var(--kakashi-spring),border-radius 520ms var(--kakashi-spring); pointer-events:none; }
    .tutorial-card { position:fixed; left:16px; right:16px; bottom:max(18px,env(safe-area-inset-bottom)); max-width:430px; margin:auto; padding:19px; border:1px solid rgba(255,255,255,.13); border-radius:24px; background:rgba(20,21,25,.96); box-shadow:0 28px 80px rgba(0,0,0,.48); pointer-events:auto; animation:tutorialCardIn 480ms var(--kakashi-spring) both; }
    .tutorial-card small { display:block; color:#ff842a; font-weight:850; font-size:10px; letter-spacing:.14em; margin-bottom:8px; }
    .tutorial-card h2 { margin:0 0 8px; font-size:22px; line-height:1.08; letter-spacing:-.035em; }
    .tutorial-card p { margin:0; color:rgba(255,255,255,.74); font-size:14px; line-height:1.48; }
    .tutorial-actions { display:flex; align-items:center; gap:10px; margin-top:17px; }
    .tutorial-actions button { min-height:46px; border-radius:15px; font-weight:780; }
    .tutorial-next { flex:1; border:0; background:#ff842a; color:#111; }
    .tutorial-skip { border:1px solid rgba(255,255,255,.12); background:transparent; color:rgba(255,255,255,.7); padding:0 15px; }
    .tutorial-progress { display:flex; gap:5px; margin-top:14px; }
    .tutorial-progress i { height:3px; flex:1; border-radius:99px; background:rgba(255,255,255,.12); overflow:hidden; }
    .tutorial-progress i.done { background:#ff842a; }
    .tutorial-welcome .tutorial-shade { display:block; }
    .tutorial-welcome .tutorial-spotlight { display:none; }
    .tutorial-welcome .tutorial-card { top:50%; bottom:auto; transform:translateY(-50%); text-align:center; padding:28px 22px 22px; }
    .tutorial-welcome .tutorial-actions { justify-content:center; }
    @keyframes tutorialShadeIn { to{opacity:1} }
    @keyframes tutorialCardIn { from{opacity:0;transform:translateY(18px) scale(.97)} to{opacity:1;transform:none} }
    @media (min-width:760px){ .tutorial-card{ left:auto; right:28px; bottom:28px; width:390px; } .tutorial-welcome .tutorial-card{left:50%;right:auto;transform:translate(-50%,-50%);} }

    /* v0.17.3 — single-path Live presentation */
    .surface-switch {
      position:relative!important;
      display:grid!important;
      grid-template-columns:1fr 1fr!important;
      align-items:center!important;
      justify-items:stretch!important;
      padding:3px!important;
      min-height:38px!important;
      line-height:1!important;
    }
    .surface-switch .surface-indicator {
      inset:3px auto 3px 3px!important;
      height:auto!important;
      width:calc(50% - 3px)!important;
    }
    .surface-switch button {
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      min-height:32px!important;
      height:32px!important;
      padding:0 14px!important;
      line-height:1!important;
      margin:0!important;
    }
    .live-path-feed {
      left:14px!important;
      right:14px!important;
      bottom:calc(env(safe-area-inset-bottom) + 188px)!important;
      height:76px!important;
      max-height:76px!important;
      display:flex!important;
      align-items:flex-end!important;
      justify-content:flex-end!important;
      overflow:visible!important;
      pointer-events:none!important;
    }
    .live-feed-list {
      position:relative!important;
      width:100%!important;
      height:76px!important;
      max-height:76px!important;
      overflow:visible!important;
      display:flex!important;
      align-items:flex-end!important;
      justify-content:flex-end!important;
      padding:4px 0!important;
      pointer-events:none!important;
    }
    .live-path-comment {
      position:absolute!important;
      right:0!important;
      bottom:0!important;
      width:min(88%,410px)!important;
      min-height:58px!important;
      max-height:68px!important;
      margin:0!important;
      pointer-events:auto!important;
      overflow:hidden!important;
      opacity:1!important;
      transform:translate3d(0,0,0) scale(1)!important;
      filter:none!important;
      animation:none!important;
      transition:opacity 300ms ease, transform 420ms cubic-bezier(.22,1,.36,1), filter 300ms ease!important;
      will-change:opacity,transform,filter;
    }
    .live-path-comment.is-live-exiting {
      opacity:0!important;
      transform:translate3d(0,-8px,0) scale(.985)!important;
      filter:blur(2px)!important;
      pointer-events:none!important;
    }
    .live-path-comment.is-live-entering {
      opacity:0!important;
      transform:translate3d(0,10px,0) scale(.985)!important;
      filter:blur(2px)!important;
      pointer-events:none!important;
    }
    @media (max-height:720px) {
      .live-path-feed { bottom:calc(env(safe-area-inset-bottom) + 168px)!important; }
    }
    @media (prefers-reduced-motion: reduce) {
      .live-path-comment { transition-duration: 1ms!important; }
    }

/* Consolidated from installAppleLevelRefinementStyles. */
:root {
      --motion-fast: 180ms;
      --motion-standard: 360ms;
      --motion-slow: 620ms;
      --ease-out-quint: cubic-bezier(.22,1,.36,1);
      --ease-spring-soft: cubic-bezier(.2,.88,.24,1.08);
      --surface-hairline: rgba(255,255,255,.09);
      --text-primary: rgba(255,255,255,.96);
      --text-secondary: rgba(255,255,255,.70);
      --text-tertiary: rgba(255,255,255,.48);
      --tap-target: 44px;
    }
    html { -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-behavior:smooth; }
    body { overscroll-behavior-y:none; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
    button, [role="button"], summary, a {
      min-height:var(--tap-target);
      -webkit-user-select:none;
      user-select:none;
      transition:transform var(--motion-fast) var(--ease-out-quint), opacity var(--motion-fast) ease,
        background-color var(--motion-standard) ease, border-color var(--motion-standard) ease,
        color var(--motion-standard) ease, box-shadow var(--motion-standard) ease;
    }
    button:not(:disabled):active, [role="button"]:not([aria-disabled="true"]):active, summary:active {
      transform:scale(.975);
      opacity:.88;
    }
    button:disabled, [aria-disabled="true"] { cursor:default; opacity:.46; transform:none!important; }
    button:focus-visible, [role="button"]:focus-visible, summary:focus-visible, a:focus-visible,
    input:focus-visible, textarea:focus-visible, select:focus-visible {
      outline:3px solid rgba(255,132,42,.68);
      outline-offset:3px;
    }
    .is-pressing { transform:scale(.975)!important; opacity:.88!important; }
    .app-shell, main, section, article, nav, header { box-sizing:border-box; }
    h1,h2,h3,p { text-wrap:pretty; }
    h1,h2,h3 { color:var(--text-primary); }
    p,li { color:var(--text-secondary); }

    .opportunity-card {
      contain:layout paint style;
      transition:transform var(--motion-slow) var(--ease-out-quint), opacity var(--motion-standard) ease,
        box-shadow var(--motion-standard) ease;
    }
    .opportunity-card.is-active { box-shadow:0 24px 70px rgba(0,0,0,.32); }
    .opportunity-card:not(.is-active) { opacity:.9; }
    .article-scroll { overscroll-behavior:contain; scrollbar-width:none; }
    .article-scroll::-webkit-scrollbar { display:none; }
    .article-summary { display:grid; gap:12px; }
    .article-summary h2 { text-wrap:balance; letter-spacing:-.035em; }
    .article-dek { line-height:1.58!important; }
    .summary-block { border-top:1px solid var(--surface-hairline); }
    .summary-block li { line-height:1.48; }
    .article-jump-actions {
      padding-bottom:max(10px,env(safe-area-inset-bottom));
      background:linear-gradient(180deg,rgba(15,15,17,.88),rgba(15,15,17,.98) 38%);
      -webkit-backdrop-filter:saturate(130%) blur(18px);
      backdrop-filter:saturate(130%) blur(18px);
    }
    .article-jump-actions button { min-width:52px; min-height:50px; }
    .article-jump-actions button[aria-busy="true"] { pointer-events:none; }
    .article-jump-actions button[aria-busy="true"] .action-icon { animation:kakashiBusyPulse 1.15s ease-in-out infinite; }
    @keyframes kakashiBusyPulse { 0%,100%{opacity:.48;transform:scale(.92)} 50%{opacity:1;transform:scale(1.05)} }

    .live-path-comment { border:1px solid rgba(255,255,255,.1); }
    .live-path-comment:active { transform:scale(.985); }
    .live-feed-note { line-height:1.35; color:var(--text-tertiary); }
    .learning-tip [data-app-tip] { line-height:1.52; }
    .thinking-dialog, .continuation-stage-card { transition:opacity var(--motion-standard) ease, transform var(--motion-slow) var(--ease-out-quint); }

    .account-nav-item { transition:border-color var(--motion-standard) ease, background-color var(--motion-standard) ease; }
    .account-nav-item[open] { border-color:rgba(255,132,42,.23); background:rgba(255,255,255,.05); }
    .account-nav-item summary { min-height:60px; }
    .account-nav-body { line-height:1.55; }

    [data-toast], .toast, .notice, .banner { animation:kakashiSurfaceIn 480ms var(--ease-out-quint) both; }
    @keyframes kakashiSurfaceIn { from{opacity:0;transform:translate3d(0,10px,0) scale(.985)} to{opacity:1;transform:none} }

    @media (max-width:430px) {
      .article-summary h2 { font-size:clamp(27px,8vw,36px); }
      .article-jump-actions { gap:4px; }
      .article-jump-actions button { min-width:48px; padding-inline:5px; }
      .action-label { font-size:10px; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior:auto; }
      *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
    }
    @media (prefers-contrast: more) {
      :root { --surface-hairline:rgba(255,255,255,.24); --text-secondary:rgba(255,255,255,.86); --text-tertiary:rgba(255,255,255,.7); }
      button, .account-nav-item, .opportunity-card { border-color:rgba(255,255,255,.28)!important; }
    }

/* Consolidated from installStoreReadinessStyles. */
.legal-copy{display:grid;gap:14px;color:rgba(255,255,255,.76);font-size:14px;line-height:1.58}.legal-copy h3{margin:8px 0 0;color:#fff;font-size:16px}.legal-copy p,.legal-copy ul{margin:0}.legal-copy ul{padding-left:20px}.legal-copy strong{color:#fff}.compliance-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.compliance-actions button,.compliance-actions a{min-height:44px;padding:0 15px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750}.danger-zone{border-color:rgba(255,92,92,.28)!important}.danger-zone summary{color:#ff9b9b}.danger-button{background:rgba(255,70,70,.1)!important;border-color:rgba(255,92,92,.3)!important;color:#ffb2b2!important}.permission-grid{display:grid;gap:10px}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035)}.permission-row span{display:grid;gap:2px}.permission-row small{color:rgba(255,255,255,.55);line-height:1.35}.permission-state{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#ff842a}.feed-report{border:0;background:transparent;color:rgba(255,255,255,.5);font-size:12px;padding:8px 0}.feed-report:active{color:#ff842a}.safety-note{padding:13px 14px;border-radius:15px;background:rgba(255,132,42,.08);border:1px solid rgba(255,132,42,.16);color:rgba(255,255,255,.7);font-size:13px;line-height:1.5}.account-footer-note{padding:8px 4px 28px;color:rgba(255,255,255,.42);font-size:12px;line-height:1.5;text-align:center}

/* Consolidated from installExperienceIntelligenceStyles. */
.evidence-lead{margin:0 0 22px;padding:13px 15px;border-left:2px solid var(--card-accent,#ff842a);border-radius:0 12px 12px 0;background:rgba(255,255,255,.035);color:rgba(255,255,255,.76);font-size:13px;line-height:1.45}.evidence-lead span{display:block;margin-bottom:4px;color:var(--card-accent,#ff842a);font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
    .path-feedback{margin:18px 0 4px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}.path-feedback summary{cursor:pointer;color:rgba(255,255,255,.48);font-size:11px;font-weight:720;list-style:none}.path-feedback summary::-webkit-details-marker{display:none}.path-feedback div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.path-feedback button{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.64);font-size:11px}.path-feedback button.active{border-color:rgba(255,132,42,.55);background:rgba(255,132,42,.14);color:#ff9a52}
    .saved-status-pill{margin-left:auto!important;min-height:28px!important;padding:0 10px!important;border:1px solid rgba(255,132,42,.28)!important;border-radius:999px!important;background:rgba(255,132,42,.08)!important;color:#ff9a52!important;font-size:10px!important;font-weight:800!important;white-space:nowrap}
    .first-success-toast{position:fixed;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:15000;max-width:430px;margin:auto;padding:15px 17px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(22,23,27,.96);box-shadow:0 22px 60px rgba(0,0,0,.46);opacity:0;transform:translateY(18px) scale(.98);transition:opacity 380ms ease,transform 520ms cubic-bezier(.16,1,.3,1)}.first-success-toast.visible{opacity:1;transform:none}.first-success-toast strong{display:block;margin-bottom:4px;color:#fff}.first-success-toast span{color:rgba(255,255,255,.68);font-size:13px;line-height:1.4}
    .community-card .public-knowledge-note,.feed-card .public-knowledge-note{margin:10px 18px 0;color:rgba(255,255,255,.42);font-size:10px;line-height:1.35}
    .path-lineage-summary{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;margin:14px 18px 0;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.path-lineage-summary span{grid-row:1/3;color:#ff842a;font-size:11px;font-weight:900;letter-spacing:.08em}.path-lineage-summary b{font-size:12px;color:rgba(255,255,255,.8)}.path-lineage-summary small{font-size:10px;color:rgba(255,255,255,.46)}
    .spoken-context-used{display:flex;align-items:center;gap:7px;margin:-6px 18px 12px;color:rgba(255,255,255,.52);font-size:11px}.spoken-context-used span{color:#ff842a;font-size:8px}
    @media (prefers-reduced-motion:reduce){.first-success-toast{transition:none}}

/* Existing v0.20 experience layer follows. */
/* Kakashi v0.20.0 — Complete Experience Intelligence */
:root {
  --v20-orange: #ff842a;
  --v20-surface: rgba(22, 22, 25, .94);
  --v20-surface-raised: rgba(31, 31, 35, .96);
  --v20-hairline: rgba(255, 255, 255, .095);
  --v20-text: rgba(255, 255, 255, .96);
  --v20-secondary: rgba(255, 255, 255, .70);
  --v20-tertiary: rgba(255, 255, 255, .46);
  --v20-spring: cubic-bezier(.16, 1, .3, 1);
  --v20-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Live: one coordinated stage, one path at rest, two nodes only during crossfade. */
.live-path-feed {
  left: 14px !important;
  right: 14px !important;
  bottom: calc(env(safe-area-inset-bottom) + 184px) !important;
  height: 112px !important;
  max-height: 112px !important;
  display: block !important;
  overflow: visible !important;
  pointer-events: none !important;
  contain: layout style;
}
.live-feed-stage {
  position: relative;
  width: 100%;
  height: 112px;
  display: grid;
  grid-template-rows: 78px 28px;
  gap: 6px;
  align-items: end;
  pointer-events: none;
}
.live-feed-list {
  position: relative !important;
  width: 100% !important;
  height: 78px !important;
  max-height: 78px !important;
  min-height: 78px !important;
  display: block !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
}
.live-feed-list.is-empty::after {
  content: '';
  display: block;
  height: 78px;
}
.live-path-comment {
  position: absolute !important;
  inset: auto 0 0 auto !important;
  width: min(92%, 430px) !important;
  min-height: 64px !important;
  max-height: 76px !important;
  margin: 0 !important;
  padding: 12px 42px 12px 15px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 21px 21px 7px 21px !important;
  background: linear-gradient(145deg, rgba(31,32,36,.96), rgba(17,18,21,.97)) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05) !important;
  opacity: 1 !important;
  transform: translate3d(0,0,0) scale(1) !important;
  filter: none !important;
  animation: none !important;
  transition:
    opacity 420ms ease,
    transform 560ms var(--v20-spring),
    filter 420ms ease !important;
  will-change: opacity, transform, filter;
  pointer-events: auto !important;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  touch-action: pan-y;
}
.live-path-comment span {
  display: block;
  margin-bottom: 4px;
  color: var(--v20-orange);
  font-size: 9px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.live-path-comment strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--v20-text);
  font-size: 14px;
  line-height: 1.28;
  letter-spacing: -.015em;
}
.live-path-comment i {
  position: absolute;
  right: 15px;
  top: 50%;
  translate: 0 -50%;
  color: rgba(255,255,255,.55);
  font-size: 24px;
  font-style: normal;
}
.live-path-comment.is-live-entering {
  opacity: 0 !important;
  transform: translate3d(0, 18px, 0) scale(.965) !important;
  filter: blur(3px) !important;
  pointer-events: none !important;
}
.live-path-comment.is-live-exiting {
  opacity: 0 !important;
  transform: translate3d(0, -13px, 0) scale(.985) !important;
  filter: blur(2px) !important;
  pointer-events: none !important;
}
.live-feed-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  min-width: 0;
  padding-right: 2px;
  pointer-events: none;
}
.live-feed-status > span {
  overflow: hidden;
  color: rgba(255,255,255,.57);
  font-size: 10px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-freeze {
  min-height: 26px !important;
  height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(18,18,21,.75);
  color: rgba(255,255,255,.72);
  font-size: 10px;
  font-weight: 760;
  pointer-events: auto;
}
.live-freeze.active {
  border-color: rgba(255,132,42,.52);
  background: rgba(255,132,42,.14);
  color: #ff9a52;
}
.live-control-group { max-width: min(100%, 430px); }
.live-feed-note { max-width: 340px; margin-inline: auto; }
@media (max-height: 720px) {
  .live-path-feed { bottom: calc(env(safe-area-inset-bottom) + 165px) !important; }
  .live-feed-stage { height: 104px; grid-template-rows: 72px 26px; }
  .live-feed-list { height: 72px !important; min-height: 72px !important; }
}

/* Spoken context */
.audio-context-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: min(100%, 320px);
  min-height: 34px !important;
  margin: 0 auto 7px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  background: rgba(14,15,18,.66);
  color: rgba(255,255,255,.68);
  backdrop-filter: blur(16px) saturate(120%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .015em;
}
.audio-context-chip i {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--v20-orange);
  box-shadow: 0 0 0 0 rgba(255,132,42,.36);
  animation: v20Listen 2.1s ease-out infinite;
}
.audio-context-chip.status-used i { animation: none; box-shadow: 0 0 0 4px rgba(255,132,42,.10); }
.audio-context-chip.status-unavailable i { background: rgba(255,255,255,.32); animation: none; }
.audio-context-chip b { color: rgba(255,255,255,.42); font-size: 16px; }
@keyframes v20Listen { 0% { box-shadow:0 0 0 0 rgba(255,132,42,.38); } 70%,100% { box-shadow:0 0 0 8px rgba(255,132,42,0); } }
.audio-context-sheet textarea { min-height: 150px; }

/* Discovery cards: editorial rhythm, useful disclosure, and comparison. */
.article-card .card-topline-copy small {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.34);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.article-card .evidence-lead {
  margin: 2px 0 23px;
  padding: 13px 15px;
  border-left: 2px solid var(--card-accent, var(--v20-orange));
  border-radius: 0 13px 13px 0;
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.76);
  font-size: 13px;
  line-height: 1.5;
}
.article-card .evidence-lead span {
  display: block;
  margin-bottom: 4px;
  color: var(--card-accent, var(--v20-orange));
  font-size: 9px;
  font-weight: 880;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.path-more-context {
  margin: 18px 0 2px;
  border-top: 1px solid var(--v20-hairline);
  border-bottom: 1px solid var(--v20-hairline);
}
.path-more-context > summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px 2px;
  cursor: pointer;
  list-style: none;
}
.path-more-context > summary::-webkit-details-marker { display: none; }
.path-more-context > summary span { color: rgba(255,255,255,.82); font-size: 13px; font-weight: 780; }
.path-more-context > summary small { grid-column: 1; color: rgba(255,255,255,.40); font-size: 10px; }
.path-more-context > summary svg { grid-row: 1 / 3; grid-column: 2; width: 18px; transition: transform 360ms var(--v20-spring); }
.path-more-context[open] > summary svg { transform: rotate(180deg); }
.path-context-grid {
  display: grid;
  gap: 14px;
  padding: 2px 0 17px;
  animation: v20Reveal 380ms var(--v20-spring) both;
}
.path-context-grid section { padding: 0 2px; }
.path-context-grid b {
  display: block;
  margin-bottom: 7px;
  color: var(--card-accent, var(--v20-orange));
  font-size: 9px;
  letter-spacing: .13em;
}
.path-context-grid p { margin: 5px 0; color: rgba(255,255,255,.67); font-size: 12px; line-height: 1.48; }
.path-origin { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 12px; }
.path-origin small { color: rgba(255,255,255,.38); font-size: 9px; }

/* Context-specific Do It routes. */
.route-essentials {
  margin: 14px 16px 16px;
  padding: 17px;
  border: 1px solid var(--v20-hairline);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(29,29,33,.84), rgba(19,19,22,.88));
}
.route-progress-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.route-progress-head span { color:var(--v20-orange); font-size:9px; font-weight:900; letter-spacing:.14em; }
.route-progress-head strong { color:rgba(255,255,255,.8); font-size:12px; }
.route-progress-track { height:5px; margin:9px 0 18px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.07); }
.route-progress-track i { display:block; height:100%; border-radius:inherit; background:var(--v20-orange); transition:width 620ms var(--v20-spring); }
.route-essential-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.route-essential-grid section { padding:12px; border:1px solid rgba(255,255,255,.07); border-radius:15px; background:rgba(255,255,255,.025); }
.route-essential-grid b { display:block; margin-bottom:7px; color:rgba(255,255,255,.42); font-size:8px; letter-spacing:.12em; }
.route-essential-grid p,.route-essential-grid li { color:rgba(255,255,255,.70); font-size:11px; line-height:1.45; }
.route-essential-grid p { margin:0; }
.route-essential-grid ul { margin:0; padding-left:15px; }
.route-done-definition { grid-column:1/-1; border-color:rgba(255,132,42,.20) !important; }
.route-caution { grid-column:1/-1; border-color:rgba(255,193,90,.22) !important; }
.route-step { transition:transform 220ms var(--v20-ease), opacity 260ms ease, border-color 340ms ease, background 340ms ease !important; }
.route-step:active { transform:scale(.992) !important; }
.route-step.done { opacity:.68; }
.route-step.done .route-marker { animation:v20Check 420ms var(--v20-spring) both; }
@keyframes v20Check { 0%{transform:scale(.78)} 60%{transform:scale(1.12)} 100%{transform:scale(1)} }

/* Library lifecycle and resurfacing. */
.workflow-filter-rail {
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 16px 10px;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
.workflow-filter-rail::-webkit-scrollbar { display:none; }
.workflow-filter-rail button {
  flex:0 0 auto;
  min-height:38px !important;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.54);
  font-size:10px;
  font-weight:760;
  scroll-snap-align:start;
}
.workflow-filter-rail button.active { border-color:rgba(255,132,42,.42); background:rgba(255,132,42,.14); color:#ff9a52; }
.resurface-card,.followed-library-update {
  display:grid;
  gap:13px;
  margin:0 16px 14px;
  padding:17px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(29,29,32,.86),rgba(17,17,20,.91));
  box-shadow:0 18px 48px rgba(0,0,0,.18);
  animation:v20Reveal 420ms var(--v20-spring) both;
}
.resurface-card small,.followed-library-update small { color:var(--v20-orange); font-size:9px; font-weight:900; letter-spacing:.14em; }
.resurface-card h2 { margin:7px 0 5px; font-size:18px; line-height:1.15; }
.resurface-card p,.followed-library-update p { margin:0; color:rgba(255,255,255,.58); font-size:12px; line-height:1.45; }
.resurface-card > div:last-child { display:flex; gap:8px; }
.resurface-card button { min-height:38px !important; padding:0 13px; border-radius:12px; font-size:10px; font-weight:800; }
.resurface-card [data-resurface-open] { border:0; background:var(--v20-orange); color:#111; }
.resurface-card [data-resurface-dismiss] { border:1px solid rgba(255,255,255,.10); background:transparent; color:rgba(255,255,255,.58); }
.followed-library-update > div:first-child { display:flex; align-items:end; justify-content:space-between; gap:12px; }
.followed-library-update > div:first-child strong { color:rgba(255,255,255,.84); font-size:12px; }
.followed-library-update > div:last-child { display:grid; gap:7px; }
.followed-library-update button { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px !important; padding:0 11px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.025); text-align:left; }
.followed-library-update button span { min-width:0; overflow:hidden; color:rgba(255,255,255,.72); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.followed-library-update button small { flex:0 0 auto; letter-spacing:0; }
.saved-status-pill { cursor:pointer; }
.library-visibility { margin-left:auto; padding:4px 7px; border:1px solid rgba(255,255,255,.08); border-radius:999px; color:rgba(255,255,255,.40); font-size:8px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.library-visibility.public { border-color:rgba(255,132,42,.26); background:rgba(255,132,42,.08); color:#ff9a52; }
.status-choice-list { display:grid; gap:8px; margin-top:18px; }
.status-choice-list > button { display:grid; grid-template-columns:34px 1fr; gap:11px; align-items:center; min-height:62px !important; padding:10px 12px; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(255,255,255,.025); text-align:left; }
.status-choice-list > button > span { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:rgba(255,255,255,.045); color:rgba(255,255,255,.55); }
.status-choice-list strong { display:block; color:rgba(255,255,255,.85); font-size:12px; }
.status-choice-list small { display:block; margin-top:3px; color:rgba(255,255,255,.42); font-size:10px; }
.status-choice-list > button.active { border-color:rgba(255,132,42,.42); background:rgba(255,132,42,.10); }
.status-choice-list > button.active > span { background:rgba(255,132,42,.17); color:#ff9a52; }

/* Public knowledge, lineage, and creator reputation. */
.public-path-badge {
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-top:4px;
  padding:3px 6px;
  border:1px solid rgba(255,132,42,.25);
  border-radius:999px;
  background:rgba(255,132,42,.08);
  color:#ff9a52;
  font-size:7px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.12em;
}
.creator-mini-panel {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px 18px;
  align-items:center;
  margin:0 16px 15px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:19px;
  background:rgba(255,255,255,.028);
}
.creator-mini-panel small { display:block; color:var(--v20-orange); font-size:8px; font-weight:900; letter-spacing:.13em; }
.creator-mini-panel strong { display:block; margin-top:4px; color:rgba(255,255,255,.86); font-size:15px; }
.creator-mini-panel span { display:block; margin-top:2px; color:rgba(255,255,255,.42); font-size:9px; }
.creator-mini-panel p { margin:0; color:rgba(255,255,255,.55); font-size:11px; line-height:1.4; }
.community-actions { flex-wrap:wrap; }
.community-actions button { min-height:38px !important; }
.community-actions button:disabled { opacity:.42; }
.share-preview { margin:14px 0; padding:13px; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:rgba(255,255,255,.025); }
.share-preview span { color:var(--v20-orange); font-size:9px; font-weight:900; letter-spacing:.12em; }
.share-preview strong { display:block; margin:6px 0 4px; color:rgba(255,255,255,.88); font-size:14px; line-height:1.3; }
.share-preview p { margin:0; color:rgba(255,255,255,.42); font-size:10px; }
.public-share-dialog { max-height:min(88svh,780px); overflow:auto; }
.public-share-dialog label:not(.share-consent):not(.share-name-choice) { display:grid; gap:7px; margin-top:13px; color:rgba(255,255,255,.62); font-size:10px; font-weight:760; }
.public-share-dialog select,.public-share-dialog textarea { width:100%; border:1px solid rgba(255,255,255,.10); border-radius:13px; background:rgba(255,255,255,.035); color:rgba(255,255,255,.88); padding:11px; font:inherit; }
.public-share-dialog textarea { min-height:86px; resize:vertical; }
.share-name-choice { display:flex; align-items:center; gap:10px; margin-top:13px; color:rgba(255,255,255,.62); font-size:11px; }
.creator-badge-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; }
.creator-badge-row span { padding:5px 9px; border:1px solid rgba(255,132,42,.25); border-radius:999px; background:rgba(255,132,42,.08); color:#ff9a52; font-size:9px; font-weight:800; }

/* Shared sheets and feedback. */
.v20-sheet-backdrop {
  position:fixed;
  inset:0;
  z-index:17000;
  display:grid;
  align-items:end;
  padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  background:rgba(5,5,7,.54);
  animation:v20Backdrop 260ms ease both;
}
.v20-sheet {
  position:relative;
  width:min(100%,540px);
  margin-inline:auto;
  padding:21px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  background:rgba(22,22,25,.98);
  box-shadow:0 28px 90px rgba(0,0,0,.55);
  animation:v20Sheet 480ms var(--v20-spring) both;
}
.v20-sheet > small { display:block; color:var(--v20-orange); font-size:9px; font-weight:900; letter-spacing:.14em; }
.v20-sheet > h2 { margin:8px 42px 7px 0; font-size:23px; line-height:1.1; letter-spacing:-.035em; }
.v20-sheet > p { margin:0; color:rgba(255,255,255,.58); font-size:12px; line-height:1.48; }
.v20-sheet label { display:grid; gap:7px; margin-top:16px; color:rgba(255,255,255,.57); font-size:10px; font-weight:760; }
.v20-sheet input,.v20-sheet textarea { width:100%; border:1px solid rgba(255,255,255,.10); border-radius:14px; background:rgba(255,255,255,.035); color:rgba(255,255,255,.88); padding:12px; font:inherit; }
.v20-sheet-actions { display:flex; gap:9px; margin-top:18px; }
.v20-sheet-actions button { flex:1; min-height:46px !important; border-radius:14px; font-size:11px; font-weight:820; }
.v20-sheet-actions .primary { border:0; background:var(--v20-orange); color:#111; }
.v20-sheet-actions .secondary { border:1px solid rgba(255,255,255,.11); background:transparent; color:rgba(255,255,255,.65); }
.v20-toast {
  position:fixed;
  left:16px;
  right:16px;
  bottom:calc(env(safe-area-inset-bottom) + 18px);
  z-index:20000;
  width:min(calc(100% - 32px),430px);
  margin-inline:auto;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(24,24,27,.97);
  box-shadow:0 22px 65px rgba(0,0,0,.48);
  opacity:0;
  transform:translate3d(0,16px,0) scale(.98);
  transition:opacity 320ms ease, transform 460ms var(--v20-spring);
  pointer-events:none;
}
.v20-toast.is-visible { opacity:1; transform:none; }
.v20-toast strong { display:block; color:rgba(255,255,255,.94); font-size:13px; }
.v20-toast span { display:block; margin-top:4px; color:rgba(255,255,255,.57); font-size:11px; line-height:1.4; }
.v20-toast.tone-success { border-color:rgba(255,132,42,.30); }

@keyframes v20Reveal { from { opacity:0; transform:translate3d(0,7px,0); } to { opacity:1; transform:none; } }
@keyframes v20Backdrop { from { opacity:0; } to { opacity:1; } }
@keyframes v20Sheet { from { opacity:0; transform:translate3d(0,26px,0) scale(.985); } to { opacity:1; transform:none; } }

/* Mobile header protection: keep titles visible instead of truncating behind actions. */
@media (max-width: 520px) {
  .saved-screen .library-header {
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:10px 12px !important;
    align-items:center !important;
  }
  .saved-screen .library-header > div:nth-child(2) { min-width:0; }
  .saved-screen .library-header > div:nth-child(2) h1 { overflow:visible !important; white-space:normal !important; text-overflow:clip !important; font-size:clamp(20px,6vw,27px) !important; line-height:1.02 !important; }
  .saved-screen .library-header .header-actions { grid-column:1/-1; justify-content:flex-end; margin-top:0; }
  .route-essential-grid { grid-template-columns:1fr; }
  .route-done-definition,.route-caution { grid-column:1; }
  .creator-mini-panel { grid-template-columns:1fr; }
}

@media (min-width: 760px) {
  .v20-sheet-backdrop { align-items:center; }
  .path-context-grid { grid-template-columns:1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .live-path-comment,.v20-toast,.v20-sheet,.v20-sheet-backdrop,.path-context-grid,.route-progress-track i,.route-step { transition-duration:1ms !important; animation-duration:1ms !important; }
}

/* v0.20.0 visual QA corrections: one evidence block and collision-free results controls. */
.results-screen.article-results {
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
}
.results-control-stack {
  position: relative;
  z-index: 4;
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 30px;
  background: #0b0b0c;
}
.results-control-stack .discovery-toolbar {
  position: relative;
  z-index: 2;
  min-height: 30px !important;
  padding-top: 0 !important;
  padding-bottom: 4px !important;
  background: #0b0b0c;
  opacity: 1;
}
.article-results .compact-scene .spoken-context-used.spoken-context-inline {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 18px;
  margin: 1px 4px 0;
  color: rgba(255,255,255,.52);
  font-size: 10px;
  line-height: 1.25;
}
.article-results .compact-scene .spoken-context-used.spoken-context-inline span {
  flex: 0 0 auto;
  color: var(--v20-orange);
  font-size: 8px;
}
.article-results .card-rail {
  position: relative;
  z-index: 1;
  min-height: 0 !important;
  padding-top: 8px !important;
}
.article-results .card-number {
  word-spacing: .14em;
  font-variant-numeric: tabular-nums;
}
@media (orientation: landscape) and (max-height: 520px) {
  .results-screen.article-results {
    grid-template-columns: minmax(220px,.78fr) minmax(0,1.22fr) !important;
    grid-template-rows: auto auto minmax(0,1fr) auto !important;
  }
  .results-control-stack { grid-column: 1; grid-row: 3; align-self: start; }
  .results-control-stack .discovery-toolbar { grid-column: auto; grid-row: auto; }
  .article-results .card-rail { grid-column: 2; grid-row: 1 / 5; }
}

/* v0.20.0 community impact — compact, readable, and consistent with Account */
.creator-impact-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:14px;
}
.creator-reputation .creator-impact-stats span {
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:3px;
  margin:0;
  padding:10px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.58);
  font-size:9px;
  font-weight:750;
  line-height:1.2;
  text-align:center;
}
.creator-reputation .creator-impact-stats b {
  color:#f5f2ed;
  font-size:17px;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.creator-activity-list {
  display:grid;
  gap:7px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}
.creator-activity-list > small {
  color:rgba(255,255,255,.46);
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}
.creator-activity-list div {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
}
.creator-reputation .creator-activity-list div span {
  display:inline-flex;
  margin:0;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(255,122,45,.1);
  color:#ff9752;
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}
.creator-activity-list div strong {
  display:block;
  min-width:0;
  margin:0;
  overflow:hidden;
  color:rgba(255,255,255,.76);
  font-size:10px;
  font-weight:720;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (max-width:390px) {
  .creator-impact-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* v0.20.0 final visual standardization: one coordinated Live footer and a fully dark Account surface. */
.mode-live .capture-panel {
  gap: 10px !important;
}
.mode-live .live-path-feed {
  bottom: calc(env(safe-area-inset-bottom) + 184px) !important;
}
.live-feed-stage {
  height: 116px;
  grid-template-rows: 78px 32px;
  gap: 6px;
}
.live-feed-status {
  min-height: 32px;
  justify-content: flex-end;
  gap: 7px;
  padding: 0 2px;
}
.live-feed-status > span {
  flex: 1 1 90px;
  min-width: 0;
  text-align: right;
}
.live-feed-status .audio-context-chip.live-audio-context-chip {
  flex: 0 1 auto;
  max-width: 142px;
  min-width: 0;
  min-height: 26px !important;
  height: 26px;
  margin: 0 auto 0 0;
  padding: 0 9px;
  gap: 6px;
  border-color: rgba(255,255,255,.11);
  background: rgba(14,15,18,.78);
  font-size: 9px;
  white-space: nowrap;
  overflow: hidden;
}
.live-feed-status .audio-context-chip.live-audio-context-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-feed-status .audio-context-chip.live-audio-context-chip b {
  display: none !important;
}
.live-feed-status .audio-context-chip.live-audio-context-chip i {
  width: 5px;
  height: 5px;
  flex-basis: 5px;
}
.live-freeze {
  flex: 0 0 auto;
}

/* Final v0.20.2 detail corrections discovered during visual QA. */
.library-card-open {
  outline:none;
  transition:background var(--ui-fast) ease,transform var(--ui-fast) var(--ui-ease) !important;
}
.library-card-open:hover { background:rgba(255,255,255,.012); }
.library-card-open:focus-visible {
  box-shadow:inset 0 0 0 2px rgba(255,132,42,.72) !important;
  border-radius:17px 17px 0 0;
}
.public-knowledge-terms.compact {
  display:grid;
  gap:8px;
  padding:13px 14px !important;
  border-radius:15px !important;
}
.public-knowledge-terms.compact p {
  margin:0 !important;
  font-size:11px !important;
  line-height:1.5 !important;
}
.next-steps-screen .completion-route > header {
  padding:19px 20px !important;
}
.next-steps-screen .route-list {
  gap:9px !important;
  padding:0 9px 9px !important;
}
.next-steps-screen .route-step {
  padding:16px !important;
}
.next-steps-screen .route-step p {
  margin-bottom:10px !important;
}
.next-steps-screen .route-action,
.next-steps-screen .route-proof {
  margin-top:6px !important;
  line-height:1.48 !important;
}
.browse-path-card { scroll-margin-top:112px; }

@media (max-width: 370px) {
  .live-feed-status .audio-context-chip.live-audio-context-chip { max-width: 116px; }
  .live-feed-status > span { font-size: 9px; }
}
@media (max-height: 720px) {
  .mode-live .live-path-feed { bottom: calc(env(safe-area-inset-bottom) + 168px) !important; }
  .live-feed-stage { height: 108px; grid-template-rows: 72px 30px; }
}

.account-screen {
  min-height: 100svh !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,132,42,.105), transparent 34%),
    #0b0b0c !important;
  color: var(--v20-text) !important;
}
.account-screen .account-header,
.account-screen .account-hero,
.account-screen .creator-reputation,
.account-screen .account-nav-list {
  width: min(100%, 760px);
  margin-left: auto;
  margin-right: auto;
}
.account-screen .account-header small,
.account-screen .account-hero small,
.account-screen .data-section small,
.account-screen .future-sync small {
  color: var(--v20-orange) !important;
}
.account-screen .account-header h1,
.account-screen .account-hero h2,
.account-screen .data-section h2,
.account-screen .future-sync h2,
.account-screen .app-version-copy h2,
.account-screen .legal-copy h3,
.account-screen .account-nav-item summary {
  color: var(--v20-text) !important;
}
.account-screen .back {
  border: 1px solid var(--v20-hairline) !important;
  background: rgba(25,25,28,.86) !important;
  color: var(--v20-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.account-screen .account-hero,
.account-screen .sync-status-card,
.account-screen .profile-form,
.account-screen .data-section,
.account-screen .future-sync,
.account-screen .app-version-card {
  border-color: var(--v20-hairline) !important;
  background: linear-gradient(145deg, rgba(28,28,31,.96), rgba(17,17,19,.98)) !important;
  color: var(--v20-text) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.account-screen .account-avatar {
  background: rgba(255,132,42,.13) !important;
  color: #ff9850 !important;
  border: 1px solid rgba(255,132,42,.28);
}
.account-screen .account-hero p,
.account-screen .data-section p,
.account-screen .future-sync p,
.account-screen .future-sync li,
.account-screen .legal-copy p,
.account-screen .legal-copy li,
.account-screen .profile-form > small,
.account-screen .sync-status-card small,
.account-screen .app-version-copy p,
.account-screen .app-version-copy > span,
.account-screen .account-footer-note {
  color: var(--v20-secondary) !important;
}
.account-screen .creator-reputation {
  border-color: rgba(255,132,42,.22) !important;
  background: linear-gradient(145deg, rgba(255,132,42,.14), rgba(30,24,22,.96) 46%, rgba(18,18,20,.98)) !important;
  color: var(--v20-text) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}
.account-screen .creator-reputation > p,
.account-screen .creator-reputation .creator-impact-stats span,
.account-screen .creator-activity-list div strong {
  color: var(--v20-secondary) !important;
}
.account-screen .creator-impact-stats span {
  border-color: rgba(255,255,255,.075) !important;
  background: rgba(255,255,255,.035) !important;
}
.account-screen .creator-impact-stats b,
.account-screen .creator-activity-list > small {
  color: var(--v20-text) !important;
}
.account-screen .creator-badge-row span,
.account-screen .creator-activity-list div span {
  border-color: rgba(255,132,42,.25) !important;
  background: rgba(255,132,42,.11) !important;
  color: #ff9850 !important;
}
.account-screen .account-nav-list {
  margin-top: 18px;
  margin-bottom: 0;
}
.account-screen .account-nav-item {
  border-color: var(--v20-hairline) !important;
  background: rgba(255,255,255,.028) !important;
  color: var(--v20-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
.account-screen .account-nav-item[open] {
  border-color: rgba(255,132,42,.28) !important;
  background: rgba(255,255,255,.045) !important;
}
.account-screen .account-nav-item summary::after {
  color: var(--v20-tertiary) !important;
}
.account-screen .account-nav-item[open] summary::after {
  color: var(--v20-orange) !important;
}
.account-screen .account-nav-item[open] summary {
  border-bottom-color: var(--v20-hairline) !important;
}
.account-screen .profile-form input,
.account-screen .profile-form textarea {
  border-color: var(--v20-hairline) !important;
  background: rgba(255,255,255,.045) !important;
  color: var(--v20-text) !important;
}
.account-screen .profile-form input::placeholder,
.account-screen .profile-form textarea::placeholder {
  color: var(--v20-tertiary) !important;
}
.account-screen .profile-form button,
.account-screen .data-actions button,
.account-screen .compliance-actions button,
.account-screen .app-version-actions button {
  border: 1px solid rgba(255,132,42,.30) !important;
  background: var(--v20-orange) !important;
  color: #16120f !important;
}
.account-screen .data-actions button:last-of-type,
.account-screen .compliance-actions button + button {
  border-color: var(--v20-hairline) !important;
  background: rgba(255,255,255,.055) !important;
  color: var(--v20-text) !important;
}
.account-screen .status-pill,
.account-screen .update-pill {
  background: rgba(255,132,42,.12) !important;
  color: #ff9850 !important;
  border: 1px solid rgba(255,132,42,.24);
}
.account-screen .account-stats article {
  border: 1px solid var(--v20-hairline);
  background: rgba(255,255,255,.04) !important;
  color: var(--v20-text) !important;
}
.account-screen .account-stats span {
  color: var(--v20-tertiary) !important;
}
.account-screen .legal-copy,
.account-screen .permission-grid,
.account-screen .safety-note {
  color: var(--v20-secondary) !important;
}
.account-screen .permission-row {
  border-color: var(--v20-hairline) !important;
  background: rgba(255,255,255,.03) !important;
}
.account-screen .permission-row strong,
.account-screen .permission-state,
.account-screen .legal-copy strong {
  color: var(--v20-text) !important;
}
.account-screen .permission-row small {
  color: var(--v20-secondary) !important;
}
.account-screen .safety-note,
.account-screen .import-message {
  border: 1px solid rgba(255,132,42,.22) !important;
  background: rgba(255,132,42,.10) !important;
  color: #ffd3b4 !important;
}
.account-screen .danger-zone {
  border-color: rgba(255,104,91,.22) !important;
}
.account-screen .danger-button,
.account-screen .remove-profile {
  color: #ff9c93 !important;
}
.account-screen .danger-button {
  border-color: rgba(255,104,91,.24) !important;
  background: rgba(255,104,91,.10) !important;
}

/* v0.20.2 — compact Browse cards aligned with the approved path-card hierarchy. */
.browse-path-card {
  padding:0 !important;
  overflow:hidden !important;
  border-radius:30px !important;
  background:linear-gradient(158deg,rgba(34,34,36,.98),rgba(17,17,19,.99) 74%) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:0 22px 62px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035) !important;
}
.browse-path-card .scene-art {
  min-height:132px !important;
  height:132px !important;
}
.browse-path-card .scene-caption {
  inset:auto 16px 14px !important;
}
.browse-path-card .scene-caption small {
  font-size:7px !important;
  letter-spacing:.17em !important;
}
.browse-path-card .scene-caption strong {
  margin-top:4px !important;
  max-width:90% !important;
  font-size:18px !important;
  line-height:1.08 !important;
}
.browse-path-card .scene-caption > div {
  flex-wrap:nowrap !important;
  gap:5px !important;
  margin-top:7px !important;
  overflow:hidden !important;
}
.browse-path-card .scene-caption span {
  min-width:0 !important;
  max-width:48% !important;
  padding:4px 6px !important;
  overflow:hidden !important;
  font-size:7px !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.browse-card-body {
  display:grid;
  padding:17px 18px 16px;
}
.browse-card-topline {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.browse-card-topline .category {
  min-width:0;
  max-width:58%;
  overflow:hidden;
  color:#ff9a60;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.browse-card-top-actions {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:7px;
}
.browse-path-pill {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#d8d4cd;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  white-space:nowrap;
}
.browse-path-card .feed-save {
  width:38px !important;
  height:38px !important;
  min-height:38px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.035) !important;
}
.browse-path-card .feed-save.saved {
  border-color:rgba(255,132,42,.32) !important;
  background:rgba(255,132,42,.13) !important;
}
.browse-path-card .feed-story {
  display:block !important;
  width:100% !important;
  margin:16px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  text-align:left !important;
}
.browse-path-card .feed-story h2 {
  margin:0 0 10px !important;
  color:#fff !important;
  font-size:clamp(28px,7.7vw,36px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
  text-wrap:balance;
}
.browse-path-card .feed-story p {
  display:-webkit-box !important;
  margin:0 !important;
  overflow:hidden !important;
  color:rgba(255,255,255,.69) !important;
  font-size:14px !important;
  font-weight:560 !important;
  line-height:1.5 !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
}
.browse-path-card > .tag-row,
.browse-path-card .browse-card-body > .tag-row {
  margin:14px 0 0 !important;
}
.browse-path-card .tag-row span {
  padding:5px 8px !important;
  background:rgba(255,255,255,.045) !important;
  color:rgba(255,255,255,.56) !important;
  font-size:8px !important;
}
.browse-path-card .community-actions {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(86px,1fr)) !important;
  gap:7px !important;
  margin:14px 0 0 !important;
  padding:0 !important;
}
.browse-path-card .community-actions button {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:40px !important;
  padding:0 9px !important;
  border-color:rgba(255,255,255,.09) !important;
  background:rgba(255,255,255,.03) !important;
  color:rgba(255,255,255,.66) !important;
  font-size:10px !important;
  font-weight:830 !important;
}
.browse-path-card .community-actions button.active {
  border-color:rgba(255,132,42,.38) !important;
  background:rgba(255,132,42,.12) !important;
  color:#ff9a52 !important;
}
.browse-path-card .community-actions button:disabled {
  opacity:.38 !important;
}
.browse-path-card .browse-card-actions {
  display:grid !important;
  grid-template-columns:.8fr 1.2fr !important;
  gap:8px !important;
  margin:14px 0 0 !important;
  padding:14px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
}
.browse-path-card .browse-card-actions button {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:46px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.045) !important;
  color:#f5f1eb !important;
  font-size:10px !important;
  font-weight:860 !important;
  white-space:nowrap !important;
}
.browse-path-card .browse-card-actions .continue-path {
  border-color:#f1ede6 !important;
  background:#f1ede6 !important;
  color:#151515 !important;
}
.browse-path-card .browse-card-actions svg {
  width:14px !important;
  height:14px !important;
}
.browse-card-lineage {
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto 36px;
  align-items:center;
  gap:9px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}
.browse-card-lineage .avatar {
  width:36px !important;
  height:36px !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  font-size:12px !important;
}
.browse-card-lineage-copy {
  min-width:0;
}
.browse-card-lineage-copy strong,
.browse-card-lineage-copy small {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.browse-card-lineage-copy strong {
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:820;
}
.browse-card-lineage-copy small {
  margin-top:3px;
  color:rgba(255,255,255,.43);
  font-size:9px;
}
.browse-card-lineage .public-path-badge {
  margin:0 !important;
  padding:4px 7px !important;
  font-size:6.5px !important;
}
.browse-card-lineage .feed-report {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  min-height:36px !important;
  padding:0;
  border:1px solid rgba(255,255,255,.075);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.42);
}
.browse-card-lineage .feed-report svg {
  width:16px;
  height:16px;
}
.browse-path-card .feed-origin,
.browse-path-card .path-lineage-summary,
.browse-path-card .public-knowledge-note {
  display:none !important;
}
@media (min-width:760px) {
  .browse-path-card .scene-art {
    min-height:148px !important;
    height:148px !important;
  }
}
@media (max-width:360px) {
  .browse-card-body { padding:15px 15px 14px; }
  .browse-path-card .scene-art { min-height:118px !important; height:118px !important; }
  .browse-path-card .feed-story h2 { font-size:27px !important; }
  .browse-path-card .community-actions { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .browse-path-card .community-actions button { padding:0 5px !important; font-size:9px !important; }
  .browse-path-card .browse-card-actions { grid-template-columns:.72fr 1.28fr !important; }
  .browse-path-card .browse-card-actions button { padding:0 7px !important; font-size:9px !important; }
  .browse-card-lineage { grid-template-columns:34px minmax(0,1fr) 34px; }
  .browse-card-lineage .public-path-badge { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .browse-path-card,
  .browse-path-card * { scroll-behavior:auto !important; }
}

/* ========================================================================== */
/* Kakashi v0.20.2 — Intentional UI Polish                                   */
/* One authoritative finishing layer for rhythm, motion, responsive layout,   */
/* and every high-traffic screen observed in the complete usage recording.     */
/* ========================================================================== */
:root {
  --ui-gutter: clamp(14px, 4.5vw, 22px);
  --ui-content: 760px;
  --ui-card-radius: 24px;
  --ui-control-radius: 15px;
  --ui-hairline: rgba(255,255,255,.085);
  --ui-surface: #171719;
  --ui-surface-raised: #1d1d20;
  --ui-text: rgba(255,255,255,.96);
  --ui-copy: rgba(255,255,255,.69);
  --ui-muted: rgba(255,255,255,.44);
  --ui-orange: #ff842a;
  --ui-fast: 180ms;
  --ui-standard: 360ms;
  --ui-deliberate: 540ms;
  --ui-ease: cubic-bezier(.22,1,.36,1);
  --ui-spring: cubic-bezier(.16,1,.3,1);
}

html { background:#0b0b0c; }
body {
  background:#0b0b0c;
  color:var(--ui-text);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,[role="button"],summary,a,input,textarea,select { font:inherit; }
button,[role="button"],summary,a { -webkit-tap-highlight-color:transparent; }
button:not(:disabled),[role="button"]:not([aria-disabled="true"]),summary { cursor:pointer; }
button:not(:disabled):active,[role="button"]:not([aria-disabled="true"]):active,summary:active,.is-pressing {
  transform:scale(.976) !important;
  opacity:.91;
}

.page-enter {
  animation:v202PageEnter var(--ui-standard) var(--ui-ease) both !important;
}
@keyframes v202PageEnter {
  from { opacity:0; transform:translate3d(0,6px,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}

/* Main Camera / Browse switch: exact centering inside both pills. */
.surface-switch {
  position:relative;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch !important;
  width:clamp(158px,43vw,186px) !important;
  height:44px !important;
  padding:4px !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:999px !important;
  background:rgba(18,18,20,.78) !important;
}
.surface-switch .surface-indicator {
  inset:4px auto 4px 4px !important;
  width:calc(50% - 4px) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.17) !important;
  transition:transform var(--ui-deliberate) var(--ui-spring) !important;
}
.surface-switch button {
  display:grid !important;
  place-items:center !important;
  min-width:0 !important;
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 10px !important;
  line-height:1 !important;
  text-align:center !important;
  transform:none !important;
}
.surface-switch button:active { opacity:.78; }

/* Tutorial: the spotlight is a true clear window, never a blurred mask. */
.tutorial-layer { isolation:isolate; }
.tutorial-shade { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.tutorial-spotlight {
  z-index:1;
  background:transparent !important;
  border:2px solid rgba(255,132,42,.98) !important;
  box-shadow:0 0 0 9999px rgba(3,4,7,.47),0 0 0 5px rgba(255,132,42,.13),0 18px 54px rgba(0,0,0,.32) !important;
  transition:top var(--ui-deliberate) var(--ui-spring),left var(--ui-deliberate) var(--ui-spring),width var(--ui-deliberate) var(--ui-spring),height var(--ui-deliberate) var(--ui-spring),border-radius var(--ui-deliberate) var(--ui-spring) !important;
}
.tutorial-card {
  z-index:2;
  width:min(calc(100% - 28px),430px) !important;
  left:14px !important;
  right:14px !important;
  padding:17px 17px 15px !important;
  border-radius:22px !important;
  background:rgba(21,21,24,.985) !important;
  box-shadow:0 26px 74px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.045) !important;
  animation:v202CoachIn var(--ui-deliberate) var(--ui-spring) both !important;
}
@keyframes v202CoachIn { from { opacity:0; transform:translate3d(0,12px,0) scale(.985); } to { opacity:1; transform:none; } }
.tutorial-card h2 { font-size:21px !important; }
.tutorial-card p { font-size:13px !important; line-height:1.48 !important; }
.tutorial-actions { gap:8px !important; margin-top:15px !important; }
.tutorial-actions button { min-height:44px !important; }
.tutorial-progress { gap:3px !important; margin-top:11px !important; }
.tutorial-progress i { min-width:2px; height:2px !important; }
.tutorial-welcome .tutorial-card { left:50% !important; right:auto !important; width:min(calc(100% - 32px),430px) !important; }

/* Camera and Live: one visual stage, one path node at rest. */
.capture-topbar,.browse-header {
  padding-left:var(--ui-gutter) !important;
  padding-right:var(--ui-gutter) !important;
}
.live-path-feed {
  left:var(--ui-gutter) !important;
  right:var(--ui-gutter) !important;
  height:108px !important;
  max-height:108px !important;
  contain:layout style paint;
}
.live-feed-stage { height:108px !important; grid-template-rows:76px 26px !important; gap:6px !important; }
.live-feed-list { height:76px !important; min-height:76px !important; max-height:76px !important; }
.live-path-comment {
  width:min(92%,430px) !important;
  min-height:62px !important;
  max-height:74px !important;
  padding:11px 42px 11px 14px !important;
  border-radius:20px 20px 7px 20px !important;
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  filter:none !important;
  transition:opacity 340ms ease,transform 480ms var(--ui-spring) !important;
}
.live-path-comment:first-child:not(:last-child) { opacity:1 !important; transform:translate3d(0,0,0) scale(1) !important; }
.live-path-comment.is-live-entering { opacity:0 !important; transform:translate3d(0,12px,0) scale(.975) !important; filter:none !important; }
.live-path-comment.is-live-exiting { opacity:0 !important; transform:translate3d(0,-10px,0) scale(.988) !important; filter:none !important; }
.live-feed-status { min-height:26px; }
.live-feed-status > span { font-size:9.5px !important; }
.live-freeze { min-height:26px !important; }

/* Results: tighter editorial rhythm without sacrificing readable cards. */
.results-screen.article-results { grid-template-rows:auto auto auto minmax(0,1fr) auto !important; }
.results-control-stack { gap:3px !important; min-height:28px !important; }
.results-control-stack .discovery-toolbar { padding-bottom:2px !important; }
.article-results .card-rail { padding-top:5px !important; }
.article-card .article-scroll { padding-top:20px !important; padding-bottom:18px !important; }
.article-card .card-topline { margin-bottom:16px !important; }
.article-card .article-summary { gap:9px !important; }
.article-card .article-summary h2 { margin:0 !important; }
.article-card .article-dek { line-height:1.52 !important; }
.article-card .evidence-lead { margin:17px 0 18px !important; padding:12px 14px !important; }
.article-card .summary-block { margin-top:18px !important; padding-top:17px !important; }
.article-card .summary-block ul { margin-bottom:0 !important; }
.path-more-context { margin-top:17px !important; }
.path-more-context > summary { min-height:54px !important; }
.path-feedback { margin-top:15px !important; padding-top:12px !important; }
.path-origin { margin-top:16px !important; padding-top:14px !important; }
.article-jump-actions { min-height:68px !important; }
.results-app-note { margin-top:4px !important; }

/* Browse: remove the tall preamble while preserving orientation and controls. */
.browse-screen { padding-bottom:calc(env(safe-area-inset-bottom) + 26px) !important; }
.browse-intro {
  width:min(100%,var(--ui-content)) !important;
  padding:20px var(--ui-gutter) 10px !important;
}
.browse-intro h1 {
  max-width:13ch !important;
  margin:6px 0 0 !important;
  font-size:clamp(32px,9vw,43px) !important;
  line-height:.96 !important;
}
.browse-intro p { max-width:48ch; margin:9px 0 0 !important; font-size:12px !important; line-height:1.42 !important; }
.creator-mini-panel {
  width:min(calc(100% - (var(--ui-gutter) * 2)),var(--ui-content)) !important;
  grid-template-columns:auto 1fr !important;
  gap:4px 14px !important;
  margin:0 auto 11px !important;
  padding:12px 14px !important;
  border-radius:17px !important;
}
.creator-mini-panel p { grid-column:1/-1; font-size:10px !important; }
.browse-tools { width:min(100%,var(--ui-content)) !important; margin:0 auto 9px !important; padding:0 var(--ui-gutter) !important; gap:8px !important; }
.browse-search { min-height:46px !important; }
.browse-sort { min-height:38px !important; }
.browse-screen > .filter-rail { width:min(100%,var(--ui-content)); margin:0 auto 10px !important; padding:0 var(--ui-gutter) !important; }
.browse-feed { width:min(100%,var(--ui-content)) !important; margin:0 auto !important; gap:14px !important; padding:0 var(--ui-gutter) !important; overscroll-behavior-y:contain; }
.browse-path-card { scroll-margin-block:18px; }
.browse-path-card.is-browse-swipe-target { box-shadow:0 24px 68px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.08) !important; }
@media (prefers-reduced-motion:reduce) { .browse-path-card.is-browse-swipe-target { box-shadow:inherit !important; } }
.browse-path-card { border-radius:26px !important; }
.browse-card-body { padding:16px 17px 15px !important; }
.browse-path-card .feed-story { margin-top:13px !important; }
.browse-path-card .feed-story h2 { margin-bottom:8px !important; font-size:clamp(27px,7.2vw,34px) !important; }
.browse-path-card .tag-row { margin-top:11px !important; }
.browse-path-card .community-actions,.browse-path-card .browse-card-actions,.browse-card-lineage { margin-top:12px !important; }

/* Saved Library: compact summary, purposeful filters, and a quiet action menu. */
.saved-screen.library-screen {
  width:min(100%,var(--ui-content));
  margin-inline:auto;
  padding:calc(env(safe-area-inset-top) + 14px) var(--ui-gutter) calc(env(safe-area-inset-bottom) + 32px) !important;
}
.saved-screen .library-header {
  display:grid !important;
  grid-template-columns:auto minmax(96px,1fr) auto !important;
  gap:8px 10px !important;
  align-items:center !important;
}
.saved-screen .library-header > div:nth-child(2) { min-width:0; text-align:center; }
.saved-screen .library-header h1 {
  margin:3px 0 0 !important;
  overflow:visible !important;
  font-size:clamp(19px,5.4vw,24px) !important;
  line-height:1.05 !important;
  text-overflow:clip !important;
  white-space:normal !important;
}
.saved-screen .library-header .header-actions { grid-column:auto !important; gap:5px !important; margin:0 !important; }
.saved-screen .library-header .icon-button { width:40px !important; height:40px !important; min-height:40px !important; }
.library-summary {
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  grid-template-rows:auto auto !important;
  column-gap:15px !important;
  align-items:center !important;
  margin:17px 0 11px !important;
  padding:15px 16px !important;
  border-radius:20px !important;
}
.library-summary strong { grid-row:1/3; font-size:34px !important; }
.library-summary span { align-self:end; margin:0 !important; }
.library-summary p { align-self:start; margin:4px 0 0 !important; font-size:11px !important; line-height:1.38 !important; }
.library-search { height:48px !important; border-radius:16px !important; }
.collection-rail,.workflow-filter-rail,.library-filter-rail {
  gap:7px !important;
  width:100% !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.collection-rail { padding-top:11px !important; }
.workflow-filter-rail { padding-top:10px !important; padding-bottom:5px !important; }
.library-filter-rail { padding-top:5px !important; margin-bottom:12px !important; }
.collection-rail button,.workflow-filter-rail button,.library-filter-rail button { min-height:36px !important; padding:0 12px !important; }
.library-grid { gap:12px !important; }
.library-card { border-radius:22px !important; }
.library-card-open { padding:17px 17px 14px !important; }
.library-card h2 { margin:10px 0 7px !important; font-size:22px !important; }
.library-card p { -webkit-line-clamp:2 !important; font-size:12.5px !important; }
.library-card .tag-row { margin-top:11px !important; }
.library-origin { margin-top:12px !important; padding-top:11px !important; }
.library-card-actions {
  position:relative;
  display:grid !important;
  grid-template-columns:1fr 1fr auto !important;
  gap:7px !important;
  padding:10px !important;
}
.library-card-actions > button,
.library-card-menu > summary {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:42px !important;
  padding:0 10px !important;
  border:1px solid var(--ui-hairline) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.035) !important;
  color:rgba(255,255,255,.72) !important;
  font-size:10px !important;
  font-weight:800 !important;
  list-style:none;
}
.library-card-actions .library-card-primary:first-child { border-color:rgba(255,132,42,.28) !important; color:#ff9a52 !important; }
.library-card-menu { position:relative; }
.library-card-menu > summary { min-width:74px; }
.library-card-menu > summary::-webkit-details-marker { display:none; }
.library-card-menu > div {
  position:absolute;
  z-index:20;
  right:0;
  bottom:calc(100% + 8px);
  display:grid;
  width:176px;
  padding:7px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:15px;
  background:rgba(24,24,27,.985);
  box-shadow:0 20px 58px rgba(0,0,0,.46);
  animation:v202MenuIn var(--ui-fast) var(--ui-ease) both;
}
@keyframes v202MenuIn { from { opacity:0; transform:translate3d(0,6px,0) scale(.98); } to { opacity:1; transform:none; } }
.library-card-menu > div button {
  justify-content:flex-start !important;
  min-height:40px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  color:rgba(255,255,255,.72) !important;
}
.library-card-menu > div button:active { background:rgba(255,255,255,.06) !important; }
.library-card-menu > div .library-remove { color:#ff9c93 !important; }

.library-card-top { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; }
.library-card-meta { display:flex; align-items:center; justify-content:flex-end; gap:7px; min-width:0; }
.library-card-meta > small { flex:0 0 auto; }
.library-card-meta .saved-status-pill { position:relative; z-index:2; margin:0 !important; min-height:28px !important; }
.do-it-goal { margin:7px 0 0 !important; color:var(--ui-text) !important; font-size:clamp(18px,5vw,24px) !important; font-weight:760 !important; line-height:1.22 !important; letter-spacing:-.025em !important; }

/* Saved Routes / Do It: eliminate the legacy white screen and use one dark system. */
.builds-screen,.build-workspace {
  min-height:var(--app-height,100svh) !important;
  background:radial-gradient(circle at 50% -8%,rgba(255,132,42,.09),transparent 34%),#0b0b0c !important;
  color:var(--ui-text) !important;
}
.builds-screen {
  padding:calc(env(safe-area-inset-top) + 14px) var(--ui-gutter) calc(env(safe-area-inset-bottom) + 34px) !important;
}
.builds-screen > .library-header,.builds-hero,.build-filter,.build-project-grid { width:min(100%,var(--ui-content)); }
.builds-screen .library-header h1 { color:var(--ui-text) !important; }
.builds-screen .back { border:1px solid var(--ui-hairline) !important; background:rgba(255,255,255,.035) !important; color:var(--ui-text) !important; }
.builds-hero {
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  gap:4px 14px !important;
  align-items:center !important;
  margin-top:17px !important;
  padding:15px 16px !important;
  border:1px solid rgba(255,132,42,.18) !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,rgba(255,132,42,.12),rgba(25,22,22,.96) 58%,rgba(17,17,19,.98)) !important;
}
.builds-hero > strong { grid-row:1/3; font-size:38px !important; color:#ff9850 !important; }
.builds-hero h2 { margin:0 !important; color:var(--ui-text) !important; font-size:15px !important; }
.builds-hero p { margin-top:3px !important; color:var(--ui-copy) !important; font-size:11px !important; }
.build-filter { gap:7px !important; padding:12px 0 !important; overflow:auto; }
.build-filter button { min-height:36px !important; height:36px !important; border-color:var(--ui-hairline) !important; background:rgba(255,255,255,.025) !important; color:var(--ui-muted) !important; }
.build-filter button.active { border-color:rgba(255,132,42,.32) !important; background:rgba(255,132,42,.13) !important; color:#ff9a52 !important; }
.build-project-grid { gap:11px !important; }
.build-project-card {
  padding:17px !important;
  border:1px solid var(--ui-hairline) !important;
  border-radius:22px !important;
  background:linear-gradient(150deg,rgba(29,29,32,.96),rgba(18,18,20,.99)) !important;
  box-shadow:0 16px 46px rgba(0,0,0,.2) !important;
}
.build-card-meta { color:var(--ui-muted) !important; }
.build-card-meta span { color:#ff9850 !important; }
.build-project-card h2 { margin:10px 0 7px !important; color:var(--ui-text) !important; font-size:22px !important; }
.build-project-card > p { color:var(--ui-copy) !important; font-size:12px !important; }
.mini-progress { margin:15px 0 13px !important; background:rgba(255,255,255,.07) !important; }
.build-project-card footer button { min-height:43px !important; background:#f2eee7 !important; color:#171717 !important; }
.build-project-card footer .build-delete { background:rgba(255,255,255,.045) !important; color:#ff9c93 !important; }
.build-workspace { padding-left:var(--ui-gutter) !important; padding-right:var(--ui-gutter) !important; }
.build-workspace .back,.build-workspace .icon-button { border:1px solid var(--ui-hairline) !important; background:rgba(255,255,255,.035) !important; color:var(--ui-text) !important; }
.do-it-summary-card,.route-essentials,.route-step { border-color:var(--ui-hairline) !important; background:linear-gradient(150deg,rgba(29,29,32,.96),rgba(18,18,20,.99)) !important; color:var(--ui-text) !important; }
.route-essential-grid { gap:9px !important; }
.route-essential-grid section { padding:11px !important; }
.route-step { border-radius:20px !important; }
.route-step h3 { color:var(--ui-text) !important; }
.route-step p,.route-action span,.route-proof span { color:var(--ui-copy) !important; }
.next-steps-footer.compact-footer { background:linear-gradient(180deg,rgba(11,11,12,0),rgba(11,11,12,.98) 30%) !important; }

/* Account: compact hierarchy, collapsed-first navigation, one section at a time. */
.account-screen { padding:calc(env(safe-area-inset-top) + 14px) var(--ui-gutter) calc(env(safe-area-inset-bottom) + 32px) !important; }
.account-screen .account-header { margin-bottom:17px !important; gap:12px !important; }
.account-screen .account-header h1 { font-size:clamp(27px,7.5vw,42px) !important; }
.account-screen .account-hero {
  gap:14px !important;
  margin-bottom:11px !important;
  padding:16px !important;
  border-radius:21px !important;
}
.account-screen .account-avatar { width:50px !important; height:50px !important; flex-basis:50px !important; border-radius:16px !important; }
.account-screen .account-hero h2 { margin:3px 0 5px !important; font-size:19px !important; }
.account-screen .account-hero p { font-size:11px !important; line-height:1.42 !important; }
.account-screen .creator-reputation {
  margin-bottom:12px !important;
  padding:15px !important;
  border-radius:21px !important;
}
.account-screen .creator-reputation > strong { font-size:34px !important; }
.account-screen .creator-reputation > p { margin:7px 0 0 !important; font-size:10px !important; line-height:1.4 !important; }
.creator-impact-stats { gap:6px !important; margin-top:11px !important; }
.creator-reputation .creator-impact-stats span { min-height:48px; padding:8px 5px !important; font-size:8px !important; }
.creator-reputation .creator-impact-stats b { font-size:15px !important; }
.creator-badge-row { margin-top:9px !important; }
.creator-activity-list { margin-top:9px !important; }
.account-screen .account-nav-list { margin-top:12px !important; }
.account-screen .account-nav-item { margin-bottom:7px !important; border-radius:17px !important; }
.account-screen .account-nav-item summary {
  display:flex !important;
  align-items:center !important;
  min-height:54px !important;
  padding:0 15px !important;
  font-size:13px !important;
  line-height:1.2 !important;
}
.account-screen .account-nav-item[open] summary { border-bottom-color:var(--ui-hairline) !important; }
.account-screen .account-nav-body { padding:14px !important; animation:v202DetailIn var(--ui-standard) var(--ui-ease) both; }
@keyframes v202DetailIn { from { opacity:0; transform:translate3d(0,-4px,0); } to { opacity:1; transform:none; } }
.account-screen .profile-form,.account-screen .data-section,.account-screen .future-sync,.account-screen .app-version-card { padding:16px !important; border-radius:18px !important; }
.account-screen .account-stats { gap:7px !important; margin-bottom:0 !important; }
.account-screen .account-stats article { min-height:70px; padding:12px 10px !important; border-radius:15px !important; }
.account-screen .account-stats strong { font-size:21px !important; }
.account-screen .legal-copy { font-size:12px; }
.account-screen .permission-row { padding:12px !important; }

/* Shared overlays and cards use one entrance/exit cadence. */
.v20-sheet-backdrop,.library-dialog-backdrop { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.v20-sheet,.library-dialog { animation:v202SheetIn var(--ui-deliberate) var(--ui-spring) both !important; }
@keyframes v202SheetIn { from { opacity:0; transform:translate3d(0,22px,0) scale(.986); } to { opacity:1; transform:none; } }
.v20-toast,.undo-toast,.first-success-toast { transition:opacity var(--ui-standard) ease,transform var(--ui-deliberate) var(--ui-spring) !important; }


/* Final v0.20.2 detail corrections discovered during visual QA. */
.library-card-open {
  outline:none;
  transition:background var(--ui-fast) ease,transform var(--ui-fast) var(--ui-ease) !important;
}
.library-card-open:hover { background:rgba(255,255,255,.012); }
.library-card-open:focus-visible {
  box-shadow:inset 0 0 0 2px rgba(255,132,42,.72) !important;
  border-radius:17px 17px 0 0;
}
.public-knowledge-terms.compact {
  display:grid;
  gap:8px;
  padding:13px 14px !important;
  border-radius:15px !important;
}
.public-knowledge-terms.compact p {
  margin:0 !important;
  font-size:11px !important;
  line-height:1.5 !important;
}
.next-steps-screen .completion-route > header {
  padding:19px 20px !important;
}
.next-steps-screen .route-list {
  gap:9px !important;
  padding:0 9px 9px !important;
}
.next-steps-screen .route-step {
  padding:16px !important;
}
.next-steps-screen .route-step p {
  margin-bottom:10px !important;
}
.next-steps-screen .route-action,
.next-steps-screen .route-proof {
  margin-top:6px !important;
  line-height:1.48 !important;
}
.browse-path-card { scroll-margin-top:112px; }

@media (max-width: 370px) {
  :root { --ui-gutter:12px; }
  .surface-switch { width:150px !important; }
  .saved-screen .library-header { grid-template-columns:auto minmax(82px,1fr) auto !important; }
  .saved-screen .library-header .icon-button { width:38px !important; height:38px !important; min-height:38px !important; }
  .saved-screen .library-header .header-actions { gap:3px !important; }
  .creator-impact-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media (max-height: 700px) {
  .browse-intro { padding-top:12px !important; }
  .live-path-feed { bottom:calc(env(safe-area-inset-bottom) + 164px) !important; }
  .article-card .article-scroll { padding-top:16px !important; }
}

@media (min-width: 760px) {
  .tutorial-card { left:auto !important; right:28px !important; width:390px !important; }
  .tutorial-welcome .tutorial-card { left:50% !important; right:auto !important; }
  .library-card-menu > div { right:0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto !important; }
  .page-enter,.tutorial-card,.v20-sheet,.library-dialog,.account-nav-body,.library-card-menu > div { animation:none !important; }
  .surface-indicator,.tutorial-spotlight,.live-path-comment,.v20-toast,.undo-toast,.first-success-toast,.route-progress-track i { transition-duration:1ms !important; }
}

/* v0.20.2 final detail corrections — compact hierarchy and zero redundant chrome. */
.browse-intro {
  padding-top:15px !important;
  padding-bottom:12px !important;
}
.browse-intro h1 {
  max-width:12ch !important;
  margin-top:7px !important;
  font-size:clamp(31px,8.2vw,43px) !important;
  line-height:.98 !important;
}
.browse-intro p {
  display:-webkit-box;
  margin-top:10px !important;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:12px !important;
  line-height:1.42 !important;
}
.creator-mini-panel {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:66px !important;
  padding:10px 13px !important;
}
.creator-mini-panel > div:first-child { min-width:96px; }
.creator-mini-panel small { font-size:7.5px !important; letter-spacing:.13em !important; }
.creator-mini-panel strong { margin-top:3px !important; font-size:15px !important; line-height:1.1 !important; }
.creator-mini-stats {
  display:flex !important;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px !important;
}
.creator-mini-stats span {
  display:inline-flex !important;
  align-items:center;
  min-height:26px;
  margin:0 !important;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.55) !important;
  font-size:8px !important;
  font-weight:780;
  white-space:nowrap;
}
.creator-mini-panel p { display:none !important; }

.library-card-top { align-items:flex-start !important; }
.library-card-top > span {
  min-width:0;
  max-width:46%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.library-card-meta { flex:0 0 auto; gap:6px !important; }
.library-card-meta .saved-status-pill {
  max-width:112px;
  padding-inline:8px !important;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:8.5px !important;
}

.do-it-summary-card {
  padding:17px 18px !important;
  border-radius:20px !important;
}
.do-it-summary-card .do-it-summary-copy { max-width:100% !important; }
.do-it-goal {
  margin-top:6px !important;
  font-size:clamp(17px,4.7vw,22px) !important;
  line-height:1.28 !important;
}
.next-steps-screen .completion-route {
  padding:12px !important;
  border-radius:23px !important;
}
.next-steps-screen .completion-route > header {
  margin-bottom:10px !important;
  padding:7px 8px 11px !important;
}
.next-steps-screen .completion-route > header h2 {
  margin:4px 0 3px !important;
  font-size:22px !important;
}
.next-steps-screen .completion-route > header p {
  font-size:11px !important;
  line-height:1.4 !important;
}
.next-steps-screen .completion-route > header > span {
  min-width:48px !important;
  height:34px !important;
}
.next-steps-screen .route-list { padding:0 !important; gap:8px !important; }
.next-steps-screen .route-step {
  grid-template-columns:36px minmax(0,1fr) !important;
  gap:11px !important;
  padding:14px !important;
  border-radius:17px !important;
}
.next-steps-screen .route-marker {
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
}
.next-steps-screen .route-step small { font-size:8px !important; }
.next-steps-screen .route-step h3 {
  margin:4px 0 5px !important;
  font-size:17px !important;
  line-height:1.2 !important;
}
.next-steps-screen .route-step p {
  margin-bottom:8px !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
}
.next-steps-screen .route-action,
.next-steps-screen .route-proof {
  grid-template-columns:62px minmax(0,1fr) !important;
  gap:7px !important;
  margin-top:5px !important;
  font-size:10.5px !important;
  line-height:1.4 !important;
}
.route-essentials {
  display:block;
  width:min(100%,760px);
  margin:11px auto 78px !important;
  padding:0 !important;
  overflow:hidden;
  border-radius:17px !important;
}
.route-essentials > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:54px;
  padding:0 15px;
  cursor:pointer;
  list-style:none;
}
.route-essentials > summary::-webkit-details-marker { display:none; }
.route-essentials > summary span { min-width:0; }
.route-essentials > summary b {
  display:block;
  color:rgba(255,255,255,.78);
  font-size:9px;
  letter-spacing:.12em;
}
.route-essentials > summary small {
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:rgba(255,255,255,.42);
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.route-essentials > summary i {
  color:rgba(255,255,255,.45);
  font-style:normal;
  transition:transform var(--ui-standard) var(--ui-ease);
}
.route-essentials[open] > summary i { transform:rotate(180deg); }
.route-essentials .route-essential-grid {
  padding:0 11px 11px;
  animation:v202DetailIn var(--ui-standard) var(--ui-ease) both;
}
.route-essential-grid { grid-template-columns:1fr 1fr !important; }
.route-essential-grid section { padding:10px !important; border-radius:13px !important; }
.route-essential-grid p,.route-essential-grid li { font-size:10.5px !important; }

.account-screen .account-nav-item summary { min-height:50px !important; }
.account-screen .account-nav-item { margin-bottom:6px !important; }

@media (max-width:370px) {
  .creator-mini-panel { align-items:flex-start !important; }
  .creator-mini-stats { max-width:55%; }
  .next-steps-screen .route-action,.next-steps-screen .route-proof { grid-template-columns:1fr !important; gap:2px !important; }
  .route-essential-grid { grid-template-columns:1fr !important; }
  .route-done-definition,.route-caution { grid-column:1 !important; }
}

@media (prefers-reduced-motion:reduce) {
  .route-essentials > summary i { transition:none !important; }
}

/* Account opens as navigation first; profile and community detail stay collapsed. */
.account-screen .account-nav-list { margin-top:4px !important; }
.account-screen .account-nav-body .account-hero,
.account-screen .account-nav-body .creator-reputation { margin:0 !important; }
.account-screen .account-nav-body .account-hero { padding:14px !important; }
.account-screen .account-nav-body .creator-reputation { padding:14px !important; }
.account-summary-value {
  margin-left:auto;
  padding-right:8px;
  color:rgba(255,255,255,.42);
  font-size:10px;
  font-weight:760;
  white-space:nowrap;
}
.saved-screen .library-header .back {
  width:40px !important;
  min-width:40px !important;
  padding:0 !important;
  overflow:hidden;
  gap:0 !important;
  font-size:0 !important;
}
.saved-screen .library-header .back svg { width:18px; height:18px; }
.saved-screen .library-header { grid-template-columns:40px minmax(110px,1fr) auto !important; }

/* v0.20.2 canonical Saved action footer — one row, one owner, no legacy grid conflict. */
.library-card footer.library-card-actions {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px !important;
  align-items:stretch !important;
  gap:7px !important;
  padding:10px !important;
}
.library-card footer.library-card-actions > button {
  min-width:0 !important;
  padding-inline:8px !important;
}
.library-card footer.library-card-actions .library-card-menu {
  grid-column:auto !important;
  width:44px !important;
  min-width:44px !important;
}
.library-card footer.library-card-actions .library-card-menu > summary {
  width:44px !important;
  min-width:44px !important;
  padding:0 !important;
}
.library-card footer.library-card-actions .library-card-menu > summary span { display:none !important; }
.library-card footer.library-card-actions .library-card-menu .library-remove { position:static !important; }
@media (max-width:370px) {
  .library-card footer.library-card-actions {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px !important;
  }
  .library-card footer.library-card-actions .library-card-menu,
  .library-card footer.library-card-actions .library-card-menu > summary {
    width:42px !important;
    min-width:42px !important;
  }
}


/* Keep Saved primary actions and overflow control on one intentional row. */
.library-card footer.library-card-actions {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px !important;
}
.library-card footer.library-card-actions .library-card-menu {
  grid-column:auto !important;
  width:44px !important;
  min-width:44px !important;
}
.discovery-toolbar > span:empty { display:none !important; }
.discovery-toolbar > span:empty + .discovery-position { margin-left:auto; }
@media (max-width:370px) {
  .library-card footer.library-card-actions { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px !important; }
  .library-card footer.library-card-actions .library-card-menu { width:42px !important; min-width:42px !important; }
}


/* Kakashi v0.20.4 — calm Live cadence and flicker-free keyed handoff. */
.live-feed-list {
  isolation:isolate;
}
.live-path-comment {
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  transition:
    opacity 560ms cubic-bezier(.22,1,.36,1),
    transform 680ms cubic-bezier(.16,1,.3,1) !important;
}
.live-path-comment.is-live-entering {
  z-index:2;
  opacity:0 !important;
  transform:translate3d(0,9px,0) scale(.985) !important;
  filter:none !important;
}
.live-path-comment.is-live-exiting {
  z-index:1;
  opacity:0 !important;
  transform:translate3d(0,-7px,0) scale(.992) !important;
  filter:none !important;
}
@media (prefers-reduced-motion:reduce) {
  .live-path-comment { transition-duration:1ms !important; }
}

/* v0.21.3 cloud account and sync */
.cloud-account-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08)}
.cloud-account-card small{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--orange,#f47b42)}
.cloud-account-card h2{margin:0;font-size:22px;letter-spacing:-.025em}.cloud-account-card p{margin:0;color:rgba(255,255,255,.66);line-height:1.5}
.cloud-account-card code{font-size:.86em;color:rgba(255,255,255,.9)}.cloud-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.cloud-account-actions.three{grid-template-columns:1.25fr 1fr 1fr}
.cloud-account-actions button{min-height:46px;border:0;border-radius:14px;background:var(--orange,#f47b42);color:#111;font-weight:850;padding:0 14px}.cloud-account-actions button.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.1)}.cloud-account-actions button:disabled{opacity:.55}
.cloud-fineprint{font-size:12px!important}.cloud-user-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.cloud-user-row h2,.cloud-user-row p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-user-row .status-pill[data-status="synced"]{background:rgba(92,194,118,.18);color:#9be2ac}
.cloud-auto-sync{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:rgba(255,255,255,.78)}.cloud-auto-sync input{width:20px;height:20px;accent-color:var(--orange,#f47b42)}
.cloud-delete-account{justify-self:start;border:0;background:transparent;color:#ff8b82;font-weight:750;padding:10px 0}.cloud-status-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 26px);z-index:9999;max-width:min(88vw,420px);transform:translate(-50%,14px);opacity:0;padding:12px 16px;border-radius:14px;background:#f4efe7;color:#171717;box-shadow:0 18px 50px rgba(0,0,0,.35);font-weight:750;transition:opacity .28s ease,transform .36s cubic-bezier(.2,.8,.2,1)}.cloud-status-toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:620px){.cloud-account-actions,.cloud-account-actions.three{grid-template-columns:1fr}.cloud-user-row{grid-template-columns:auto minmax(0,1fr)}.cloud-user-row>.status-pill{grid-column:2;justify-self:start}}

/* v0.21.3 — centered first-run tutorial and cloud profile identity */
.tutorial-welcome .tutorial-card {
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:min(calc(100% - 32px),430px) !important;
  margin:0 !important;
  transform:translate3d(-50%,-50%,0) !important;
  animation:tutorialWelcomeIn var(--ui-deliberate) var(--ui-spring) both !important;
}
@keyframes tutorialWelcomeIn {
  from { opacity:0; transform:translate3d(-50%,calc(-50% + 14px),0) scale(.985); }
  to { opacity:1; transform:translate3d(-50%,-50%,0) scale(1); }
}
.account-avatar.has-image { overflow:hidden; padding:0 !important; }
.account-avatar.has-image img { display:block; width:100%; height:100%; object-fit:cover; }
.cloud-profile-editor {
  display:grid;
  gap:12px;
  margin:16px 0;
  padding:15px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.cloud-profile-editor > label { display:grid; gap:7px; color:rgba(255,255,255,.72); font-size:12px; font-weight:750; }
.cloud-profile-editor input[type="text"],
.cloud-profile-editor input:not([type]) {
  width:100%; min-height:46px; padding:0 13px; border:1px solid rgba(255,255,255,.11); border-radius:14px;
  background:#111216; color:#fff; font:inherit; outline:none;
}
.cloud-profile-editor input:focus { border-color:rgba(255,132,42,.78); box-shadow:0 0 0 3px rgba(255,132,42,.12); }
.cloud-avatar-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.cloud-avatar-actions button,.cloud-avatar-picker {
  min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:14px;
  border:1px solid rgba(255,255,255,.11); font-weight:800; cursor:pointer;
}
.cloud-avatar-picker { background:rgba(255,255,255,.05); color:#fff; }
.cloud-avatar-actions button:not(.secondary) { border:0; background:#f3f0e9; color:#111; }
.cloud-profile-editor > small { color:rgba(255,255,255,.48); line-height:1.45; }
@media (max-width:420px) {
  .tutorial-welcome .tutorial-card { width:calc(100% - 24px) !important; }
  .cloud-avatar-actions > * { flex:1 1 auto; }
}


/* v0.21.3 — unified Account & Profile and interactive square avatar crop */
.avatar-crop-modal { position:fixed; inset:0; z-index:9999; display:grid; place-items:end center; padding:16px; background:rgba(0,0,0,.78); animation:avatarModalIn .24s var(--ui-ease, ease) both; }
.avatar-crop-sheet { width:min(100%,440px); max-height:calc(100dvh - 24px); overflow:auto; padding:16px; border:1px solid rgba(255,255,255,.12); border-radius:26px; background:#111; box-shadow:0 30px 80px rgba(0,0,0,.55); }
.avatar-crop-header { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; }
.avatar-crop-header > div { min-width:0; text-align:center; }
.avatar-crop-header small { color:#ff842a; font-size:10px; font-weight:850; letter-spacing:.12em; }
.avatar-crop-header h2 { margin:3px 0 0; font-size:18px; }
.avatar-crop-header button { min-height:42px; border:0; border-radius:14px; padding:0 12px; font-weight:800; }
.avatar-crop-cancel { background:rgba(255,255,255,.07); color:#fff; }
.avatar-crop-use { background:#f3f0e9; color:#111; }
.avatar-crop-sheet > p { margin:14px 0; color:rgba(255,255,255,.58); text-align:center; font-size:13px; }
.avatar-crop-stage { position:relative; width:min(100%,360px); aspect-ratio:1; margin:0 auto; overflow:hidden; border-radius:24px; background:#080808; touch-action:none; }
.avatar-crop-stage canvas { display:block; width:100%; height:100%; cursor:grab; touch-action:none; }
.avatar-crop-stage canvas:active { cursor:grabbing; }
.avatar-crop-frame { position:absolute; inset:0; pointer-events:none; border:2px solid rgba(255,255,255,.9); border-radius:24px; box-shadow:inset 0 0 0 999px rgba(0,0,0,.08); }
.avatar-crop-frame::before,.avatar-crop-frame::after { content:''; position:absolute; background:rgba(255,255,255,.28); }
.avatar-crop-frame::before { left:33.333%; right:33.333%; top:0; bottom:0; border-left:1px solid rgba(255,255,255,.24); border-right:1px solid rgba(255,255,255,.24); background:none; }
.avatar-crop-frame::after { top:33.333%; bottom:33.333%; left:0; right:0; border-top:1px solid rgba(255,255,255,.24); border-bottom:1px solid rgba(255,255,255,.24); background:none; }
.avatar-zoom-control { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; margin-top:16px; color:rgba(255,255,255,.72); font-size:12px; font-weight:800; }
.avatar-zoom-control input { width:100%; accent-color:#ff842a; }
@keyframes avatarModalIn { from { opacity:0; } to { opacity:1; } }
@media (min-width:600px) { .avatar-crop-modal { place-items:center; } }
@media (prefers-reduced-motion:reduce) { .avatar-crop-modal { animation:none; } }


/* v0.21.3 — optically centered account navigation and meaningful Community Impact */
.account-screen .account-back-control {
  min-width: 92px !important;
  height: 46px !important;
  padding: 0 15px 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  line-height: 1 !important;
}
.account-back-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.055);
}
.account-back-icon svg { width: 17px !important; height: 17px !important; margin: 0 !important; transform: translateX(-.5px); }
.impact-dashboard { display:grid; gap:18px; }
.impact-hero { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:22px; border-radius:24px; background:linear-gradient(145deg,rgba(255,132,42,.16),rgba(22,22,24,.98) 58%); border:1px solid rgba(255,132,42,.24); }
.impact-hero>div:first-child { display:grid; gap:3px; }
.impact-hero small,.impact-section-heading small { color:var(--v20-orange); letter-spacing:.14em; font-size:9px; font-weight:900; }
.impact-hero strong { font-size:44px; line-height:.9; letter-spacing:-.055em; color:#fff; }
.impact-hero span { color:var(--v20-muted); font-size:12px; font-weight:750; }
.impact-level-mark { width:62px; height:62px; flex:0 0 62px; display:grid; place-items:center; border-radius:21px; color:#ff9a52; background:rgba(255,132,42,.12); border:1px solid rgba(255,132,42,.25); }
.impact-level-mark b { font-size:20px; letter-spacing:-.04em; color:#ff9a52; }
.impact-level-mark svg,.impact-badge-icon svg,.impact-activity-icon svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.impact-level-progress { padding:0 4px; display:grid; gap:8px; }
.impact-level-progress>div:first-child { display:flex; justify-content:space-between; gap:12px; color:var(--v20-muted); font-size:11px; }
.impact-level-progress b { color:#fff; }
.impact-progress-track,.impact-badge-progress { height:5px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.08); }
.impact-progress-track i,.impact-badge-progress i { display:block; height:100%; width:calc(var(--impact-progress,0) * 100%); border-radius:inherit; background:linear-gradient(90deg,#ff7a1a,#ffb06f); transition:width .6s var(--ui-spring); }
.impact-badge-progress i { width:calc(var(--badge-progress,0) * 100%); }
.impact-metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.impact-metric-grid article { min-width:0; padding:14px 12px; display:grid; gap:4px; border:1px solid var(--v20-hairline); border-radius:17px; background:rgba(255,255,255,.025); }
.impact-metric-grid b { color:#fff; font-size:21px; letter-spacing:-.04em; }
.impact-metric-grid span { color:var(--v20-muted); font-size:9px; line-height:1.25; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.impact-section { display:grid; gap:12px; padding-top:4px; }
.impact-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.impact-section-heading h3 { margin:3px 0 0; color:#fff; font-size:18px; letter-spacing:-.03em; }
.impact-section-heading>span { color:var(--v20-muted); font-size:10px; }
.impact-featured-grid,.impact-badge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.impact-badge-card { position:relative; min-width:0; padding:14px; display:grid; grid-template-columns:38px 1fr; gap:10px; border-radius:18px; border:1px solid var(--v20-hairline); background:rgba(255,255,255,.025); overflow:hidden; }
.impact-badge-card.is-unlocked { border-color:rgba(255,132,42,.22); background:linear-gradient(145deg,rgba(255,132,42,.075),rgba(255,255,255,.025)); }
.impact-badge-card.is-locked { opacity:.62; }
.impact-badge-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:#ff9a52; background:rgba(255,132,42,.1); }
.impact-badge-icon svg { width:22px; height:22px; }
.impact-badge-copy { min-width:0; display:grid; gap:3px; }
.impact-badge-copy strong { color:#fff; font-size:12px; }
.impact-badge-copy span { color:var(--v20-muted); font-size:9px; line-height:1.35; }
.impact-badge-copy small { color:#ff9a52; font-size:8px; letter-spacing:.1em; font-weight:900; }
.impact-badge-progress { grid-column:1/-1; height:3px; }
.impact-badge-card button { grid-column:1/-1; min-height:34px; border-radius:11px; border:1px solid var(--v20-hairline); background:rgba(255,255,255,.035); color:#fff; font-size:10px; font-weight:800; }
.impact-badge-card button[aria-pressed="true"] { color:#111; background:#f4f0e8; }
.impact-all-badges { border-top:1px solid var(--v20-hairline); border-bottom:1px solid var(--v20-hairline); }
.impact-all-badges summary { min-height:58px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; list-style:none; }
.impact-all-badges summary::-webkit-details-marker { display:none; }
.impact-all-badges summary span { display:grid; gap:2px; }
.impact-all-badges summary b { color:#fff; font-size:13px; }
.impact-all-badges summary small { color:var(--v20-muted); font-size:10px; }
.impact-all-badges[open] summary i { transform:rotate(180deg); }
.impact-badge-grid { padding:0 0 16px; }
.impact-activity-list { display:grid; gap:1px; border-radius:18px; overflow:hidden; border:1px solid var(--v20-hairline); }
.impact-activity-list article { min-height:60px; padding:11px 13px; display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:10px; background:rgba(255,255,255,.024); }
.impact-activity-list article+article { border-top:1px solid var(--v20-hairline); }
.impact-activity-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:12px; color:#ff9a52; background:rgba(255,132,42,.09); }
.impact-activity-icon svg { width:19px; height:19px; }
.impact-activity-list article>div { min-width:0; display:grid; gap:2px; }
.impact-activity-list strong { color:#fff; font-size:11px; }
.impact-activity-list span { color:var(--v20-muted); font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.impact-activity-list article>b { color:#ff9a52; font-size:11px; }
.impact-empty,.impact-principle { margin:0; color:var(--v20-muted); font-size:11px; line-height:1.5; }
.impact-principle { padding:14px; border-radius:16px; background:rgba(255,255,255,.025); border:1px solid var(--v20-hairline); }
@media(max-width:420px){
  .impact-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .impact-featured-grid,.impact-badge-grid { grid-template-columns:1fr; }
}

.browse-featured-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.browse-featured-badges i{font-style:normal;font-size:7px;line-height:1;padding:4px 6px;border-radius:999px;color:#ff9a52;background:rgba(255,132,42,.08);border:1px solid rgba(255,132,42,.18);text-transform:uppercase;letter-spacing:.07em;font-weight:900}

/* v0.22.0 Browse ordering feedback */
.browse-sort button{transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .18s ease}
.browse-sort button:active{transform:scale(.97)}
.browse-sort button.active{box-shadow:0 1px 0 rgba(255,255,255,.22) inset}
.browse-sort-description{margin:9px 2px 0;color:rgba(241,238,232,.58);font-size:12px;line-height:1.35;min-height:17px}
.browse-feed[data-browse-order]{scroll-margin-top:148px}
@media (prefers-reduced-motion:reduce){.browse-sort button{transition:none}}


/* v0.22.2 — Saved uses the canonical Account & Profile back control. */
.saved-screen .library-header .back.account-back-control {
  width:auto !important;
  min-width:92px !important;
  height:46px !important;
  padding:0 15px 0 8px !important;
  overflow:visible !important;
  gap:8px !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border-radius:999px !important;
}
.saved-screen .library-header .back.account-back-control .account-back-icon {
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
}
.saved-screen .library-header .back.account-back-control .account-back-icon svg {
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  transform:translateX(-.5px);
}
.saved-screen .library-header { grid-template-columns:auto minmax(110px,1fr) auto !important; }
@media (max-width:430px) {
  .saved-screen .library-header {
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:center !important;
  }
  .saved-screen .library-header .header-actions {
    grid-column:1 / -1 !important;
    justify-content:flex-end !important;
  }
}


/* v0.23.0 community identity and creator profiles */
.header-avatar{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;font-weight:800;overflow:hidden}.header-avatar img{width:100%;height:100%;object-fit:cover;display:block}.account-button:has(.header-avatar.has-image){padding:3px}.account-button .header-avatar.has-image{border:1px solid rgba(255,255,255,.2)}
.creator-avatar-button,.creator-name-button{appearance:none;border:0;background:transparent;color:inherit;padding:0;text-align:left}.creator-avatar-button{width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer}.creator-avatar-button .avatar{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#252525;font-weight:900}.creator-avatar-button .avatar img{width:100%;height:100%;object-fit:cover}.creator-name-button{cursor:pointer}.creator-name-button:hover strong,.creator-name-button:focus-visible strong{text-decoration:underline}
.public-profile-screen{min-height:100vh;padding:max(24px,env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom));background:#0b0b0c;color:#f7f5ef}.public-profile-header{max-width:760px;margin:0 auto 28px}.public-profile-hero,.public-profile-actions,.public-profile-kpis,.public-profile-categories,.public-profile-paths,.public-profile-empty{max-width:760px;margin-left:auto;margin-right:auto}.public-profile-hero{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #303033;border-radius:30px;background:linear-gradient(145deg,#181719,#111113)}.public-profile-avatar{width:92px;height:92px;flex:0 0 92px;border-radius:50%;display:grid;place-items:center;background:#2a211b;border:1px solid #6a3a1e;color:#ff8b3d;font-size:36px;font-weight:900;overflow:hidden}.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-hero small,.public-profile-section-heading small,.public-profile-categories>small{color:#ff7a22;font-weight:900;letter-spacing:.16em}.public-profile-hero h1{font-size:clamp(32px,7vw,56px);line-height:.95;margin:8px 0}.public-profile-title{font-weight:900;color:#ff9a58;margin:0 0 8px}.public-profile-actions{padding:18px 0}.public-profile-actions button{width:100%;min-height:54px;border-radius:18px;border:1px solid #694021;background:#f6f1e8;color:#151515;font-weight:900}.public-profile-actions button.active{background:#2d1c12;color:#ff8b3d}.public-profile-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-profile-kpis article{padding:20px;border:1px solid #303033;border-radius:22px;background:#171719}.public-profile-kpis strong{display:block;font-size:32px}.public-profile-kpis span{color:#aaa;font-size:13px;font-weight:800}.public-profile-categories{padding:28px 0}.public-profile-paths{padding-top:12px}.public-profile-section-heading h2{font-size:30px;margin:8px 0 18px}.public-profile-paths .browse-path-card{margin-bottom:20px}.impact-badge-actions{display:grid;gap:8px;grid-column:1/-1}.impact-badge-actions button.secondary{background:transparent;color:#f6f1e8;border:1px solid #3a3a3d}.impact-badge-actions button[aria-pressed="true"]{outline:2px solid #ff7a22;outline-offset:2px}
@media(max-width:600px){.public-profile-screen{padding-left:14px;padding-right:14px}.public-profile-hero{align-items:flex-start;padding:20px}.public-profile-avatar{width:74px;height:74px;flex-basis:74px}.public-profile-kpis{grid-template-columns:1fr 1fr}}

/* v0.23.1 creator profile, avatar reliability, and settings stability */
.public-profile-filterbar{display:grid;gap:12px;margin:18px 0 22px}
.public-profile-search input{width:100%;min-height:50px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055);color:var(--ink,#f7f4ef);padding:0 16px;font:inherit}
.public-profile-filterrail{display:flex;gap:8px;overflow-x:auto;padding:1px 0 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.public-profile-filterrail::-webkit-scrollbar{display:none}
.public-profile-filterrail button{flex:0 0 auto;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--muted,#aaa);font-weight:800}
.public-profile-filterrail button.active{background:#f4efe7;color:#161310;border-color:#f4efe7}
.creator-avatar-button .avatar,.browse-card-lineage .avatar{display:grid;place-items:center;overflow:hidden}
.creator-avatar-button .avatar img,.browse-card-lineage .avatar img,.public-profile-avatar img,.header-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.community-actions:empty{display:none}
@media(max-width:430px){.public-profile-filterbar{margin-top:14px}.public-profile-filterrail button{min-height:40px;padding-inline:14px}}

/* v0.23.8 account profile and title polish */
.view-own-profile{width:100%;min-height:46px;margin:14px 0 4px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;font-weight:800}
.impact-current-title{display:grid;gap:4px;padding:17px 18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));margin:14px 0}
.impact-current-title small{font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.56)}.impact-current-title strong{font-size:21px}.impact-current-title span{font-size:12px;color:rgba(255,255,255,.62)}
.impact-title-picker{margin:12px 0;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden}.impact-title-picker>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer}.impact-title-picker>summary::-webkit-details-marker{display:none}.impact-title-picker>summary span{display:grid;gap:3px}.impact-title-picker>summary small{color:rgba(255,255,255,.55)}
.impact-title-list{display:grid;border-top:1px solid rgba(255,255,255,.09)}.impact-title-row{appearance:none;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:13px 15px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff;text-align:left}.impact-title-row:last-child{border-bottom:0}.impact-title-row.is-active{background:rgba(255,132,42,.12)}.impact-title-row.is-locked{opacity:.68}.impact-title-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}.impact-title-copy{display:grid;gap:4px;min-width:0}.impact-title-copy strong{font-size:14px}.impact-title-copy small{font-size:10px;line-height:1.3;color:rgba(255,255,255,.55)}.impact-title-copy i{display:block;height:3px;border-radius:10px;background:rgba(255,255,255,.1);overflow:hidden}.impact-title-copy i b{display:block;width:calc(var(--title-progress)*100%);height:100%;background:linear-gradient(90deg,#ff7a1a,#ffb06f)}.impact-title-status{text-align:center;font-weight:900;color:#ff9a52}.impact-title-row.is-locked .impact-title-status{font-size:11px;color:rgba(255,255,255,.48)}

/* v0.23.8 camera-first permissions and concise impact */
.impact-summary{align-items:flex-end;gap:18px}.impact-summary-title{margin-left:auto;text-align:right;max-width:52%}.impact-summary-title small{display:block;font-size:10px;letter-spacing:.12em;opacity:.68}.impact-summary-title b{display:block;margin-top:5px;font-size:15px;line-height:1.15}.impact-kpis,.impact-activity{border-top:1px solid rgba(255,255,255,.1)}.impact-kpis>summary,.impact-activity>summary{display:flex;align-items:center;justify-content:space-between;padding:17px 0;cursor:pointer;list-style:none}.impact-kpis>summary::-webkit-details-marker,.impact-activity>summary::-webkit-details-marker{display:none}.impact-kpis>summary span,.impact-activity>summary span{display:grid;gap:3px}.impact-kpis>summary small,.impact-activity>summary small{opacity:.6}.impact-kpis[open]>summary i,.impact-activity[open]>summary i{transform:rotate(180deg)}.impact-title-badge-theme .impact-title-row{background:linear-gradient(145deg,rgba(255,132,42,.075),rgba(255,255,255,.025));border-color:rgba(255,132,42,.22)}.impact-title-badge-theme .impact-title-row.is-active{box-shadow:inset 0 0 0 1px rgba(255,154,82,.58);background:linear-gradient(145deg,rgba(255,132,42,.16),rgba(255,255,255,.035))}.impact-dashboard-concise .impact-current-title,.impact-dashboard-concise .impact-all-badges,.impact-dashboard-concise .impact-level-mark{display:none!important}@media(max-width:420px){.impact-summary{align-items:flex-start}.impact-summary-title{max-width:48%;padding-top:3px}}


/* v0.24.0 — centered guidance and dialogs at every viewport size */
.tutorial-card,
.tutorial-welcome .tutorial-card {
  position:fixed !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:min(calc(100% - 28px),430px) !important;
  max-height:min(78dvh,640px) !important;
  overflow:auto !important;
  margin:0 !important;
  transform:translate3d(-50%,-50%,0) !important;
}
.tutorial-card { animation:tutorialWelcomeIn var(--ui-deliberate) var(--ui-spring) both !important; }
.library-dialog-backdrop,
.public-share-backdrop {
  display:grid !important;
  place-items:center !important;
  padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom)) !important;
}
.library-dialog,
.public-share-dialog {
  width:min(100%,480px) !important;
  max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  border:1px solid #343436 !important;
  border-radius:28px !important;
  padding:24px 20px !important;
  box-shadow:0 30px 90px rgba(0,0,0,.56) !important;
}
.avatar-crop-modal {
  place-items:center !important;
  padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom)) !important;
}
.avatar-crop-sheet { max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; }
@media (max-height:560px) {
  .tutorial-card { max-height:calc(100dvh - 24px) !important; }
  .library-dialog,.public-share-dialog,.avatar-crop-sheet { max-height:calc(100dvh - 24px) !important; }
}

/* v0.24.0: dropdowns use direction chevrons, never close-style X icons. */
.account-screen .account-nav-item summary::after{content:'⌄'!important;transform:none!important;font-size:20px!important;font-weight:750!important;color:rgba(255,255,255,.58)!important}
.account-screen .account-nav-item[open] summary::after{content:'⌃'!important;transform:none!important;color:#ff842a!important}


/* v0.24.1 sign-in prompts and profile access */
.signin-prompt-backdrop{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:rgba(5,6,8,.68);backdrop-filter:blur(16px)}
.signin-prompt{position:relative;width:min(100%,420px);max-height:min(82dvh,620px);overflow:auto;padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(160deg,rgba(31,32,37,.99),rgba(17,18,22,.99));box-shadow:0 28px 90px rgba(0,0,0,.55);color:#fff}
.signin-prompt small{font-size:10px;letter-spacing:.14em;color:#ff9a52}.signin-prompt h2{margin:9px 40px 9px 0;font-size:25px;line-height:1.08}.signin-prompt p{margin:0;color:rgba(255,255,255,.68);line-height:1.55}.signin-prompt-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:24px;line-height:1}.signin-prompt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.signin-prompt-actions button{min-height:48px;border:0;border-radius:14px;background:#ff842a;color:#171717;font-weight:850}.signin-prompt-actions button.secondary{background:rgba(255,255,255,.09);color:#fff}
.impact-view-profile{display:block;margin-top:9px;padding:0;border:0;background:transparent;color:#ff9a52;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.signin-prompt-actions{grid-template-columns:1fr}.signin-prompt{padding:22px;border-radius:22px}}

/* v0.24.1 — centered guidance and dialogs */

/* v0.24.2 — centered guidance and dialogs */
/* v0.24.3 — centered guidance and dialogs */