.tpp-root{--tpp-bg:#0b0d12;--tpp-surface:#121620;--tpp-surface-2:#171d28;--tpp-ink:#f5f7fa;--tpp-ink-2:#b6becd;--tpp-ink-3:#8a93a6;--tpp-accent:#c8f751;--tpp-on-accent:#0b0d12;--tpp-border:#ffffff12;--tpp-border-strong:#ffffff1f;--tpp-border-hover:#ffffff40}.tpp-panel{background:var(--tpp-surface);border:1px solid var(--tpp-border-strong);box-shadow:inset 0 1px #ffffff0b}@keyframes tpp-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tpp-rise{animation:.62s cubic-bezier(.16,1,.3,1) both tpp-rise}.tpp-rise-1{animation-delay:70ms}.tpp-rise-2{animation-delay:.14s}.tpp-rise-3{animation-delay:.21s}.tpp-rise-4{animation-delay:.28s}@media (prefers-reduced-motion:reduce){.tpp-rise,.tpp-rise-1,.tpp-rise-2,.tpp-rise-3,.tpp-rise-4{animation:none}}.tpp-reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.tpp-revealed{opacity:1;will-change:auto;transform:none}@media (prefers-reduced-motion:reduce){.tpp-reveal,.tpp-revealed{opacity:1;transition:none;transform:none}}@media (hover:hover) and (pointer:fine){.tpp-lift{transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,box-shadow .18s}.tpp-lift:hover{border-color:var(--tpp-border-hover);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff12,0 10px 30px -12px #000c}@media (prefers-reduced-motion:reduce){.tpp-lift,.tpp-lift:hover{transition:border-color .18s;transform:none}}}