.db-root{--db-bg:#f2f5f9;--db-ink:#0b1220;--db-muted:#64748b;--db-line:#0f172a14;--db-brand:#0d9488;--db-brand-2:#2563eb;--db-gold:#d99a1e;--db-ease:cubic-bezier(.16, 1, .3, 1);--db-spring:cubic-bezier(.34, 1.4, .5, 1);background:var(--db-bg);min-height:100dvh;color:var(--db-ink);position:relative}.db-root :focus-visible{outline:2px solid var(--db-brand);outline-offset:2px}.db-aurora{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.db-blob{filter:blur(90px);opacity:.5;will-change:transform;border-radius:999px;animation:26s ease-in-out infinite db-drift;position:absolute}.db-blob-1{background:radial-gradient(circle,#2dd4bf8c,#0000 65%);width:46vmax;height:46vmax;top:-18vmax;left:12vmax}.db-blob-2{background:radial-gradient(circle,#60a5fa80,#0000 65%);width:44vmax;height:44vmax;animation-duration:32s;animation-direction:reverse;top:10vh;right:-16vmax}.db-blob-3{background:radial-gradient(circle,#fbbf2438,#0000 65%);width:44vmax;height:44vmax;animation-duration:38s;bottom:-22vmax;left:-10vmax}@keyframes db-drift{0%,to{transform:translate(0,0)scale(1)}40%{transform:translate(4vmax,3vmax)scale(1.08)}70%{transform:translate(-3vmax,-2vmax)scale(.95)}}.db-frame{z-index:1;position:relative}.db-page>*{animation:db-rise .75s var(--db-ease) backwards}.db-page>:first-child{animation-delay:0s}.db-page>:nth-child(2){animation-delay:60ms}.db-page>:nth-child(3){animation-delay:.12s}.db-page>:nth-child(4){animation-delay:.18s}.db-page>:nth-child(5){animation-delay:.24s}.db-page>:nth-child(n+6){animation-delay:.3s}@keyframes db-rise{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}}.db-page article,.db-page section.rounded-2xl,.db-page li.rounded-3xl,.db-page li.rounded-2xl{transition:transform .4s var(--db-ease), box-shadow .4s ease, border-color .3s ease}.db-page article:hover,.db-page li.rounded-3xl:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px #0f172a47}.db-rise{animation:db-rise .5s var(--db-ease) backwards}.db-fill{transform-origin:0;animation:db-grow 1.2s var(--db-ease) .2s backwards}.db-skel{background:linear-gradient(90deg,#0f172a0d,#0f172a1c,#0f172a0d) 0 0/220% 100%;animation:1.5s linear infinite db-shimmer}@keyframes db-shimmer{to{background-position:-220% 0}}.db-stagger>*{animation:db-rise .7s var(--db-ease) backwards;animation-delay:calc(var(--i,0) * 55ms)}.db-side{border-right:1px solid var(--db-line);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#ffffffa8;flex-direction:column;flex-shrink:0;width:272px;height:100dvh;padding:18px 14px;display:none;position:sticky;top:0}@media (min-width:768px){.db-side{display:flex}}.db-logo{letter-spacing:-.02em;align-items:center;gap:12px;padding:4px 8px 18px;font-size:19px;font-weight:800;display:flex}.db-logo-mark{filter:drop-shadow(0 10px 18px #0b8fd659);transition:transform .6s var(--db-spring);border-radius:28%;flex:none;display:block}.db-logo:hover .db-logo-mark{transform:rotate(-10deg)scale(1.08)}.db-hotel{border:1px solid var(--db-line);background:linear-gradient(#fff,#fff9);border-radius:18px;margin:0 4px 16px;padding:12px;box-shadow:0 10px 30px -22px #0f172a66}.db-nav{gap:4px;display:grid;position:relative}.db-nav-pill{height:44px;transform:translateY(calc(var(--i,0) * 48px));transition:transform .55s var(--db-spring), opacity .3s ease;background:linear-gradient(135deg,#14b8a629,#3b82f624);border-radius:14px;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 0 0 1px #14b8a640,0 10px 24px -16px #0d948899}.db-nav-pill:before{content:"";background:linear-gradient(#14b8a6,#3b82f6);border-radius:0 3px 3px 0;width:3px;position:absolute;top:11px;bottom:11px;left:0}.db-nav-item{z-index:1;color:#475569;height:44px;transition:color .25s ease, transform .35s var(--db-spring);border-radius:14px;align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:500;display:flex;position:relative}.db-nav-item svg{transition:transform .5s var(--db-spring), color .25s ease;flex-shrink:0}.db-nav-item:hover{color:var(--db-ink);transform:translate(3px)}.db-nav-item:hover svg{transform:scale(1.15)rotate(-6deg)}.db-nav-item[aria-current=page]{color:#0f766e;font-weight:700}.db-nav-item[aria-current=page] svg{color:#0d9488}.db-count{color:#fff;min-width:22px;height:22px;animation:db-pop .5s var(--db-spring) backwards;background:linear-gradient(135deg,#f43f5e,#fb923c);border-radius:999px;place-items:center;margin-left:auto;padding:0 7px;font-size:11px;font-weight:700;display:grid;box-shadow:0 6px 14px -6px #f43f5eb3}@keyframes db-pop{0%{opacity:0;transform:scale(.4)}}.db-upgrade{color:#fff;background:linear-gradient(135deg,#0f172a,#134e4a 70%,#0d9488);border-radius:20px;margin-top:auto;padding:16px;position:relative;overflow:hidden;box-shadow:0 20px 40px -24px #0f172acc}.db-upgrade:after{content:"";background:radial-gradient(circle,#2dd4bf80,#0000 70%);border-radius:999px;width:120px;height:120px;animation:14s ease-in-out infinite db-drift;position:absolute;top:-40px;right:-30px}.db-meter{background:#ffffff2e;border-radius:999px;height:6px;overflow:hidden}.db-meter i{border-radius:inherit;transform-origin:0;height:100%;animation:db-grow 1.2s var(--db-ease) .3s backwards;background:linear-gradient(90deg,#5eead4,#93c5fd);display:block}@keyframes db-grow{0%{transform:scaleX(0)}}.db-top{z-index:30;border-bottom:1px solid var(--db-line);-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);background:#ffffff9e;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}@media (min-width:768px){.db-top{padding:14px 32px}}.db-iconbtn{border:1px solid var(--db-line);width:42px;height:42px;transition:transform .35s var(--db-spring), box-shadow .3s ease, background .2s ease;background:#ffffffd9;border-radius:14px;flex-shrink:0;place-items:center;display:grid;position:relative}.db-iconbtn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 24px -14px #0f172a66}.db-iconbtn:active{transform:scale(.92)}.db-iconbtn .db-count{min-width:19px;height:19px;margin:0;font-size:10px;position:absolute;top:-6px;right:-6px}.db-search{border:1px solid var(--db-line);min-width:0;max-width:420px;height:42px;color:var(--db-muted);text-align:left;transition:box-shadow .3s ease, border-color .3s ease, transform .35s var(--db-spring);background:#ffffffd9;border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 14px;font-size:14px;display:flex}.db-search:hover{border-color:#0d948873;box-shadow:0 0 0 4px #14b8a61f}.db-search kbd{border:1px solid var(--db-line);font:600 11px/1.4 var(--font-inter), sans-serif;color:var(--db-muted);background:#f8fafc;border-radius:8px;margin-left:auto;padding:2px 7px}.db-live{color:#047857;background:#10b9811a;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.db-live i{background:#10b981;border-radius:999px;width:7px;height:7px;animation:2s ease-out infinite db-ping}@keyframes db-ping{0%{box-shadow:0 0 #10b98199}80%,to{box-shadow:0 0 0 8px #10b98100}}.db-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:14px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid;box-shadow:0 10px 22px -10px #0ea5e9b3}.db-scrim{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a66;animation:.3s backwards db-fade;position:fixed;inset:0}.db-drawer{z-index:70;width:min(84vw,320px);animation:db-slide .55s var(--db-ease) backwards;background:#fff;flex-direction:column;padding:18px 14px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:30px 0 80px -30px #0f172a80}@keyframes db-fade{0%{opacity:0}}@keyframes db-slide{0%{transform:translate(-100%)}}.db-cmd-wrap{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a73;justify-content:center;padding:12vh 16px 16px;animation:.25s backwards db-fade;display:flex;position:fixed;inset:0}.db-cmd{border:1px solid var(--db-line);width:100%;max-width:560px;height:fit-content;animation:db-pop-in .5s var(--db-spring) backwards;background:#fffffff5;border-radius:24px;overflow:hidden;box-shadow:0 50px 120px -30px #0f172a99}@keyframes db-pop-in{0%{opacity:0;transform:translateY(-16px)scale(.95)}}.db-cmd input{border-bottom:1px solid var(--db-line);background:0 0;outline:none;width:100%;padding:20px 22px;font-size:17px}.db-cmd-item{text-align:left;width:100%;transition:background .15s ease, transform .25s var(--db-spring);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;font-size:14.5px;display:flex}.db-cmd-item[aria-selected=true]{background:linear-gradient(135deg,#14b8a624,#3b82f61a);transform:translate(3px)}.db-cmd-ic{color:#0f766e;background:#f1f5f9;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.db-card{border:1px solid var(--db-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:24px;position:relative;box-shadow:0 1px 2px #0f172a0a,0 24px 50px -36px #0f172a4d}.db-hero{color:#fff;background:radial-gradient(90% 120% at 100% 0,#2dd4bf8c,#0000 60%),radial-gradient(70% 100% at 0 100%,#3b82f673,#0000 60%),#0b1220;border-radius:30px;padding:28px;position:relative;overflow:hidden;box-shadow:0 40px 80px -44px #0d9488cc}.db-hero:before{content:"";opacity:.35;background:repeating-linear-gradient(115deg,#0000 0 22px,#ffffff0d 22px 23px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 50%);mask-image:linear-gradient(90deg,#0000,#000 50%)}.db-kpi{border:1px solid var(--db-line);transition:transform .45s var(--db-spring), box-shadow .4s ease;background:#ffffffe0;border-radius:22px;padding:18px 18px 16px;position:relative;overflow:hidden}.db-kpi:hover{box-shadow:0 26px 50px -30px var(--tone,#0f172a66);transform:translateY(-4px)}.db-kpi:after{content:"";background:var(--tone,#14b8a6);opacity:.12;width:90px;height:90px;transition:transform .6s var(--db-spring), opacity .4s ease;border-radius:999px;position:absolute;top:-24px;right:-24px}.db-kpi:hover:after{opacity:.18;transform:scale(1.5)}.db-kpi-icon{color:#fff;background:var(--tone,#14b8a6);width:40px;height:40px;box-shadow:0 10px 22px -10px var(--tone,#14b8a6);border-radius:13px;place-items:center;display:grid}.db-ring circle{fill:none;stroke-width:9px;stroke-linecap:round}.db-ring .track{stroke:#ffffff24}.db-ring .bar{stroke:url(#db-grad);stroke-dasharray:264;stroke-dashoffset:calc(264 - 264 * var(--p,0));transition:stroke-dashoffset 1.4s var(--db-ease);transform-origin:50%;transform:rotate(-90deg)}.db-bar{background:#0f172a12;border-radius:999px;height:8px;overflow:hidden}.db-bar i{height:100%;width:calc(var(--w,0) * 1%);border-radius:inherit;transform-origin:0;animation:db-grow 1.2s var(--db-ease) backwards;animation-delay:calc(var(--i,0) * 90ms + .25s);background:linear-gradient(90deg,#14b8a6,#3b82f6);display:block}.db-chip{border:1px solid var(--db-line);color:#475569;min-height:36px;transition:transform .3s var(--db-spring), background .25s ease, color .25s ease, border-color .25s ease, box-shadow .3s ease;background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.db-chip:hover{border-color:#0d948866;transform:translateY(-2px)}.db-chip:active{transform:scale(.95)}.db-chip[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#0f172a,#134e4a);border-color:#0000;box-shadow:0 12px 24px -14px #0f172acc}.db-tpl{border:1px solid var(--db-line);transition:transform .45s var(--db-spring), box-shadow .4s ease, border-color .3s ease;background:#ffffffe6;border-radius:26px;flex-direction:column;padding:20px;display:flex;position:relative}.db-tpl:hover{border-color:color-mix(in oklab, var(--tone) 50%, transparent);box-shadow:0 30px 60px -36px var(--tone);transform:translateY(-5px)}.db-tpl[data-selected=true]{border-color:var(--tone);box-shadow:0 0 0 3px color-mix(in oklab, var(--tone) 22%, transparent), 0 30px 60px -36px var(--tone)}.db-tpl[data-installed=true]{opacity:.72}.db-orb{color:#fff;background:linear-gradient(135deg, var(--tone), color-mix(in oklab, var(--tone) 55%, #6366f1));width:48px;height:48px;box-shadow:0 14px 28px -12px var(--tone);transition:transform .6s var(--db-spring);border-radius:17px;flex-shrink:0;place-items:center;display:grid}.db-tpl:hover .db-orb,.db-svc:hover .db-orb{transform:rotate(-8deg)scale(1.1)}.db-check{border:2px solid var(--db-line);color:#0000;width:28px;height:28px;transition:all .4s var(--db-spring);background:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.db-tpl[data-selected=true] .db-check{color:#fff;border-color:var(--tone);background:var(--tone);transform:scale(1.12)rotate(360deg)}.db-tray{z-index:50;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:calc(100vw - 24px);animation:db-tray .6s var(--db-spring) backwards;background:#0b1220eb;border-radius:999px;align-items:center;gap:16px;padding:12px 12px 12px 22px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 30px 70px -20px #0b1220bf,inset 0 0 0 1px #ffffff1a}@keyframes db-tray{0%{opacity:0;transform:translate(-50%,40px)scale(.9)}}.db-primary{color:#fff;min-height:46px;transition:transform .35s var(--db-spring), box-shadow .3s ease, filter .2s ease;background:linear-gradient(135deg,#14b8a6,#2563eb);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 16px 30px -14px #14b8a6e6}.db-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 36px -14px #14b8a6f2}.db-primary:active:not(:disabled){transform:scale(.95)}.db-primary:disabled{filter:grayscale(.4)opacity(.7);cursor:progress}.db-switch{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:50px;height:30px;transition:background .35s;position:relative}.db-switch:after{content:"";width:24px;height:24px;transition:transform .5s var(--db-spring);background:#fff;border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 4px 10px -2px #0f172a66}.db-switch[aria-checked=true]{background:linear-gradient(135deg,#14b8a6,#2563eb)}.db-switch[aria-checked=true]:after{transform:translate(20px)}.db-toast{z-index:80;color:#fff;animation:db-tray .6s var(--db-spring) backwards;background:#0b1220;border-radius:18px;padding:13px 20px;font-size:14px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 26px 60px -20px #0b1220cc}.db-confetti{z-index:100;pointer-events:none;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.db-root *,.db-root :before,.db-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.db-root[data-mode=team]{--db-brand:#059669;--db-brand-2:#d97706}.db-root[data-mode=team] .db-blob-1{background:radial-gradient(circle,#34d39980,#0000 65%)}.db-root[data-mode=team] .db-blob-2{background:radial-gradient(circle,#fbbf246b,#0000 65%)}.db-root[data-mode=team] .db-nav-pill{background:linear-gradient(135deg,#10b9812e,#f59e0b24);box-shadow:inset 0 0 0 1px #10b98147,0 10px 24px -16px #05966999}.db-root[data-mode=team] .db-nav-pill:before{background:linear-gradient(#10b981,#f59e0b)}.db-root[data-mode=team] .db-nav-item[aria-current=page],.db-root[data-mode=team] .db-nav-item[aria-current=page] svg{color:#047857}.db-root[data-mode=team] .db-upgrade{background:linear-gradient(135deg,#0f172a,#064e3b 70%,#059669)}.db-root[data-mode=team] .db-primary{background:linear-gradient(135deg,#10b981,#d97706);box-shadow:0 16px 30px -14px #10b981e6}.db-root[data-mode=team] .db-hero{background:radial-gradient(90% 120% at 100% 0,#34d39980,#0000 60%),radial-gradient(70% 100% at 0 100%,#fbbf2452,#0000 60%),#0b1a16;box-shadow:0 40px 80px -44px #059669cc}.db-stars{width:var(--w,0%);animation:db-reveal 1.3s var(--db-ease) .25s backwards}@keyframes db-reveal{0%{width:0}}.db-task{border:1px solid var(--db-line);transition:transform .45s var(--db-spring), box-shadow .35s ease, opacity .5s ease;background:#ffffffe6;border-radius:22px;padding:18px;position:relative;overflow:hidden}.db-task:hover{transform:translateY(-3px);box-shadow:0 24px 50px -32px #0f172a73}.db-task[data-priority=urgent]:before,.db-task[data-priority=high]:before{content:"";background:linear-gradient(#f43f5e,#fb923c);width:4px;position:absolute;top:0;bottom:0;left:0}.db-task[data-done=true]{opacity:.45;pointer-events:none;transform:scale(.97)}.db-mini{border:1px solid var(--db-line);color:#334155;min-height:40px;transition:transform .3s var(--db-spring), background .2s ease, box-shadow .3s ease;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.db-mini:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px -14px #0f172a66}.db-mini:active:not(:disabled){transform:scale(.94)}.db-mini:disabled{opacity:.55;cursor:progress}.db-mini[data-tone=go]{color:#fff;background:linear-gradient(135deg,#14b8a6,#2563eb);border-color:#0000}.db-root[data-mode=team] .db-mini[data-tone=go]{background:linear-gradient(135deg,#10b981,#d97706)}.db-col{transform-origin:bottom;animation:db-col 1.1s var(--db-ease) backwards;animation-delay:calc(var(--i,0) * 70ms + .2s)}@keyframes db-col{0%{opacity:0;transform:scaleY(0)}}.db-line{stroke-dasharray:1000;stroke-dashoffset:0;animation:db-dash 1.8s var(--db-ease) .3s backwards}@keyframes db-dash{0%{stroke-dashoffset:1000px}}.db-lockwrap{border-radius:28px;position:relative;overflow:hidden}.db-lockwrap>.db-blurred{filter:blur(7px)saturate(.8);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.db-lockcta{z-index:2;text-align:center;background:linear-gradient(#ffffff40,#ffffffbf);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.db-step{text-align:center;color:var(--db-muted);flex-direction:column;flex:1;align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:flex;position:relative}.db-step i{z-index:1;color:#fff;width:26px;height:26px;transition:all .6s var(--db-spring);background:#e2e8f0;border-radius:999px;place-items:center;display:grid;position:relative}.db-step[data-on=true]{color:var(--db-ink)}.db-step[data-on=true] i{background:linear-gradient(135deg,#14b8a6,#2563eb);box-shadow:0 0 0 5px #14b8a62e}.db-step[data-now=true] i{animation:2s ease-out infinite db-ping-t}@keyframes db-ping-t{0%{box-shadow:0 0 #14b8a68c}80%,to{box-shadow:0 0 0 10px #14b8a600}}.db-steps-line{background:#e2e8f0;border-radius:999px;height:3px;position:absolute;top:12px;left:12.5%;right:12.5%}.db-steps-line i{height:100%;width:calc(var(--p,0) * 100%);border-radius:inherit;transform-origin:0;animation:db-grow 1.2s var(--db-ease) .2s backwards;background:linear-gradient(90deg,#14b8a6,#2563eb);display:block}.db-bubble{max-width:min(82%,34rem);animation:db-rise .5s var(--db-ease) backwards;border-radius:20px;padding:11px 16px;font-size:14.5px;line-height:1.55}.db-tl{padding-left:38px;position:relative}.db-tl:before{content:"";background:linear-gradient(#cbd5e1,#0000);width:2px;position:absolute;top:28px;bottom:-18px;left:13px}.db-tl:last-child:before{display:none}.db-tl-dot{color:#64748b;background:#fff;border:2px solid #e2e8f0;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:0;left:0}.db-lanes{scroll-snap-type:x proximity;scrollbar-width:thin;gap:14px;padding:4px 2px 18px;display:flex;overflow-x:auto}.db-lane{scroll-snap-align:start;border:1px solid var(--db-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-radius:26px;flex:0 0 min(86vw,318px);padding:12px}.db-lane-head{letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 6px 12px;font-size:13px;font-weight:800;display:flex}.db-lane-head i{background:var(--lc);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in oklab, var(--lc) 22%, transparent);border-radius:999px}.db-lane-head b{min-width:24px;height:24px;color:var(--lc);background:color-mix(in oklab, var(--lc) 14%, white);border-radius:999px;place-items:center;margin-left:auto;padding:0 8px;font-size:12px;display:grid}.db-op{border:1px solid var(--db-line);transition:transform .45s var(--db-spring), box-shadow .35s ease, border-color .3s ease;animation:db-rise .6s var(--db-ease) backwards;animation-delay:calc(var(--i,0) * 45ms);background:#fff;border-radius:20px;padding:16px 16px 14px 20px;display:block;position:relative;overflow:hidden}.db-op:before{content:"";background:var(--pc);width:5px;position:absolute;top:0;bottom:0;left:0}.db-op:hover{border-color:color-mix(in oklab, var(--pc) 45%, transparent);box-shadow:0 26px 50px -30px var(--pc);transform:translateY(-4px)}.db-op[data-fresh=true]{animation:db-fresh 1.1s var(--db-spring) backwards}.db-op[data-pulse=true]:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--pc);pointer-events:none;animation:1.2s ease-out forwards db-pulse-ring;position:absolute;inset:0}@keyframes db-fresh{0%{opacity:0;box-shadow:0 0 0 0 var(--pc);transform:translateY(-14px)scale(.94)}60%{box-shadow:0 0 0 10px #0000}}@keyframes db-pulse-ring{0%{opacity:1}to{opacity:0}}.db-op .db-stack span{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border:2px solid #fff;border-radius:999px;place-items:center;width:26px;height:26px;margin-left:-8px;font-size:11px;font-weight:800;display:grid}.db-op .db-stack span:first-child{margin-left:0}.db-seg2{border:1px solid var(--db-line);background:#ffffffd9;border-radius:999px;padding:4px;display:inline-flex}.db-seg2 button{color:var(--db-muted);transition:all .35s var(--db-spring);border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-flex}.db-seg2 button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#0f172a,#134e4a);box-shadow:0 10px 20px -12px #0f172acc}.db-searchbox{border:1px solid var(--db-line);background:#ffffffe6;border-radius:999px;flex:1;align-items:center;gap:10px;min-width:0;max-width:360px;height:44px;padding:0 16px;transition:box-shadow .3s,border-color .3s;display:flex}.db-searchbox:focus-within{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a624}.db-searchbox input{background:0 0;outline:none;flex:1;min-width:0;font-size:14px}.db-feed{padding-left:26px;position:relative}.db-feed:before{content:"";background:linear-gradient(#cbd5e1,#0000);width:2px;position:absolute;top:22px;bottom:-14px;left:7px}.db-feed:last-child:before{display:none}.db-feed i{border:2px solid var(--fc,#14b8a6);background:#fff;border-radius:999px;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:3px;left:0}@keyframes db-step-in{0%{opacity:0;filter:blur(4px);transform:translate(28px)scale(.99)}}@keyframes db-step-back{0%{opacity:0;filter:blur(4px);transform:translate(-28px)scale(.99)}}