/* Trust · Quern: this page's own pieces. */
.b1{width:720px;height:520px;left:10%;top:4%;background:radial-gradient(closest-side,rgb(var(--sage-glow) / .2),transparent);animation:drift 18s ease-in-out infinite alternate}
.b2{width:520px;height:520px;right:6%;top:10%;background:radial-gradient(closest-side,rgb(var(--ink-rgb) / .12),transparent);animation:drift 24s ease-in-out infinite alternate-reverse}
.scan{position:absolute;left:0;right:0;height:80px;background:linear-gradient(180deg,transparent,rgb(var(--sage-glow) / .22),transparent);animation:scan 3.4s ease-in-out infinite;pointer-events:none}
@keyframes scan{0%{top:-80px}100%{top:100%}}
.tick{animation:tick 3.4s ease-in-out infinite}
@keyframes tick{0%,30%{opacity:0;transform:scale(.5)}45%,100%{opacity:1;transform:scale(1)}}
.pipe{position:absolute;left:10%;right:10%;top:44px;height:2px;background:rgb(var(--fg) / .1)}
.pipe i{position:absolute;top:-5px;width:12px;height:12px;border-radius:50%;animation:pipe 5s cubic-bezier(.5,0,.3,1) infinite}
@keyframes pipe{0%{left:0;opacity:0}5%{opacity:1}95%{opacity:1}100%{left:100%;opacity:0}}
.node{animation:nodeglow 5s ease-in-out infinite}
@keyframes nodeglow{0%,100%{box-shadow:0 0 0 0 rgb(var(--glow) / 0)}50%{box-shadow:0 0 0 8px rgb(var(--glow) / .08)}}
@media (max-width:860px){.pipe{display:none}}
.lane{position:relative;height:56px;margin-top:28px}
.lane .track{position:absolute;left:4%;right:4%;top:27px;border-top:1.5px dashed rgb(var(--glow) / .35)}
.lane .mv{position:absolute;top:10px;animation:lane 6s cubic-bezier(.5,0,.3,1) infinite}
@keyframes lane{0%{left:4%;opacity:0}8%{opacity:1}40%{left:44%}55%{left:44%}88%{left:84%;opacity:1}100%{left:88%;opacity:0}}
.keeps{animation:keeps 3.6s ease-in-out infinite}
@keyframes keeps{0%,100%{border-color:rgb(var(--fg) / .18)}50%{border-color:rgb(var(--k-255-178-122) / .6)}}
@media (max-width:860px){.lane{display:none}}
.forget-card{animation:fc 6s cubic-bezier(.5,0,.3,1) infinite}
@keyframes fc{0%{transform:translateX(-160px);opacity:0}12%{opacity:1}35%{transform:translateX(0);opacity:1}45%{transform:translateX(0) scale(.6);opacity:0}100%{opacity:0}}
.bubble{animation:bubble 6s ease-in-out infinite}
@keyframes bubble{0%,30%{transform:scale(.85);opacity:.3}40%,65%{transform:scale(1);opacity:1}80%,100%{transform:scale(1.3);opacity:0}}
.answer-back{animation:ab 6s var(--ease-enter) infinite}
@keyframes ab{0%,50%{transform:translateX(0);opacity:0}60%{opacity:1}80%{transform:translateX(150px);opacity:1}100%{transform:translateX(150px);opacity:0}}
.tl-fill{animation:tlf 4s cubic-bezier(.5,0,.3,1) infinite}
@keyframes tlf{0%{width:0}70%,100%{width:100%}}
.seg{all:unset;box-sizing:border-box;padding:12px 20px;min-height:44px;border-radius:999px;font-size:var(--text-small);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background 220ms,color 220ms}
.ticks{background:repeating-linear-gradient(90deg,rgb(var(--fg) / .14) 0 3px,transparent 3px 3.3333%)}
.ticks .tl-fill{-webkit-mask:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 3.3333%);mask:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 3.3333%);filter:drop-shadow(0 0 6px rgb(var(--glow) / .6))}
.ticks::after{content:"";position:absolute;right:-2px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 6px rgb(var(--ink-rgb) / .08)}
.gvis{display:flex;align-items:center;gap:6px;min-height:28px}
.gvis em{font-style:normal;font-size:10px;color:var(--ink-4);margin-left:4px}
.g-ok,.g-x{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:500}
.g-ok{background:rgb(var(--glow) / .16);color:var(--accent)}
.g-x{background:rgb(var(--fg) / .06);color:var(--ink-4)}
.g-dash{font-size:10px !important;padding:5px 9px;border-radius:999px;border:1px dashed rgb(var(--ink-rgb) / .35);color:var(--ink-2) !important;margin:0 !important}
.g-src{font-size:10px;padding:3px 7px;border-radius:6px;background:rgb(var(--glow) / .18);color:var(--on-accent-soft);font-weight:500}
.g-dot{width:12px;height:12px;border-radius:50%;background:var(--sage-400);box-shadow:0 0 10px rgb(var(--glow) / .6);animation:breatheDot2 2.4s ease-in-out infinite}
@keyframes breatheDot2{0%,100%{opacity:.6}50%{opacity:1}}
.nvgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:14px;margin-top:44px}
.nv{display:flex;gap:20px;align-items:flex-start;padding:30px;border-radius:24px;border:1px solid rgb(var(--fg) / .08);background:var(--frost);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}
.nv-ic{position:relative;flex:none;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;border:1px solid rgb(var(--fg) / .12);background:radial-gradient(circle at 50% 30%,rgb(var(--fg) / .06),transparent 70%)}
.nv-x{position:absolute;left:10px;right:10px;top:50%;height:2px;border-radius:2px;background:var(--accent);transform:rotate(-45deg);box-shadow:0 0 10px rgb(var(--glow) / .6)}
.nv-t{font-size:19px;font-weight:500;letter-spacing:-.015em}
.nv-d{margin-top:6px;font-size:15px;line-height:1.55;color:var(--ink-2b)}

/* "Not now": the suggestion stays, quieter, and nothing changed */
.tr-declined { margin-top: 14px; padding: 16px; border-radius: 18px; border: 1.5px dashed rgb(var(--paper-ink-rgb) / .18); display: flex; gap: 12px; align-items: flex-start; color: var(--paper-ink-2); }
.tr-declined__bar { display: flex; gap: 12px; justify-content: space-between; align-items: center; margin-top: 16px; padding: 10px 10px 10px 16px; border-radius: 20px; background: var(--paper-sunk); color: var(--paper-ink); }
.tr-declined__bar .btn { flex: none; }
/* a ticked line in a list */
.tick-row{display:flex;gap:10px}