@layer components{.pt{--pt-paper:#fbf9f6;--pt-ok:#211552;--pt-ok-bg:rgba(78,55,168,0.1);--pt-warn:#8a4b06;--pt-warn-bg:#f6e6cc;--pt-bad:#962043;--pt-bad-bg:#f5dfe4}.pt-label{font-size:14px;font-weight:600}.pt-input,.pt-label{display:block;color:var(--ra-ink);line-height:1.4}.pt-input{width:100%;min-height:56px;padding:0 20px;border-radius:16px;border:1px solid var(--ra-line);background:var(--pt-paper);font-family:var(--content-font);font-size:16px;transition:border-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1)}.pt-input::placeholder{color:var(--ra-ink-mute)}.pt-input:hover{border-color:rgba(23,19,43,.24)}.pt-input:focus,.ra .pt-input:focus-visible{outline:none;border-color:#4e37a8;background:#fff;box-shadow:0 0 0 4px rgba(78,55,168,.14);border-radius:16px}.pt-input[aria-invalid=true]{border-color:var(--pt-bad);box-shadow:0 0 0 4px rgba(150,32,67,.1)}.pt-input:disabled{opacity:.6}textarea.pt-input{min-height:120px;padding:16px 20px;resize:vertical}.pt-eye{position:absolute;top:6px;right:6px;display:inline-flex;height:44px;width:44px;align-items:center;justify-content:center;border-radius:999px;color:var(--ra-ink-soft);transition:background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1)}.pt-eye:hover{background:var(--ra-stone);color:var(--ra-ink)}.pt-submit{width:100%;justify-content:space-between}.pt-submit:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.pt-note{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.pt-note-bad{background:var(--pt-bad-bg);color:var(--pt-bad)}.pt-note-ok{background:var(--pt-ok-bg);color:var(--pt-ok)}.pt-note-warn{background:var(--pt-warn-bg);color:var(--pt-warn)}.pt-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.pt-badge-ok{background:var(--pt-ok-bg);color:var(--pt-ok)}.pt-badge-warn{background:var(--pt-warn-bg);color:var(--pt-warn)}.pt-badge-bad{background:var(--pt-bad-bg);color:var(--pt-bad)}.pt-badge-mute{background:var(--ra-stone);color:var(--ra-ink-soft)}.pt-card{position:relative;border-radius:28px;background:var(--pt-paper);border:1px solid rgba(23,19,43,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 24px 48px -32px rgba(33,21,82,.28)}.pt-card-flat{border-radius:24px;border:1px solid var(--ra-line)}.pt-hair{height:1px;background:var(--ra-line)}.pt-mono{--ra-ring-w:1.5px;flex-shrink:0;background:var(--ra-stone);color:var(--ra-indigo);font-family:var(--content-font);letter-spacing:.04em}.pt-mono,.pt-round{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600}.pt-round{min-height:48px;gap:8px;padding:0 20px;border:1px solid var(--ra-line);background:transparent;color:var(--ra-ink);font-size:14px;transition:background-color .45s cubic-bezier(.16,1,.3,1),color .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.pt-round:hover{background:var(--ra-ink);border-color:var(--ra-ink);color:#f9f7f5}.pt-round:active{transform:scale(.97)}.pt-round:disabled{opacity:.5;pointer-events:none}.pt-round-solid{background:var(--ra-indigo);border-color:var(--ra-indigo);color:#f9f7f5}.pt-round-solid:hover{background:#2d1f6b;border-color:#2d1f6b}.pt-track{position:relative;height:8px;border-radius:999px;background:var(--ra-stone-2);overflow:hidden}.pt-fill{position:absolute;inset:0;border-radius:inherit;background:var(--ra-cool);transform-origin:left center}.pt-fill[data-fresh=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:pt-sweep 1.6s cubic-bezier(.16,1,.3,1) 2}@keyframes pt-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.pt-live{position:relative;display:inline-block;height:8px;width:8px;border-radius:999px;background:#4e37a8}.pt-live:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1.5px solid #4e37a8;animation:pt-ping 2.4s cubic-bezier(.16,1,.3,1) infinite}.pt-live[data-state=off]{background:var(--ra-ink-mute)}.pt-live[data-state=off]:after{animation:none;opacity:0}@keyframes pt-ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.9);opacity:0}}.pt-tl{position:relative}.pt-tl-rail{position:absolute;left:19px;top:44px;bottom:4px;width:2px;border-radius:999px;background:var(--ra-stone-2);overflow:hidden}.pt-tl-rail-fill{position:absolute;inset:0;background:linear-gradient(180deg,#009fff,#9300ff);transform-origin:top center}.pt-node{position:relative;z-index:1;display:inline-flex;height:40px;width:40px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;font-family:var(--content-font);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.pt-node-done{background:var(--ra-indigo);color:#f9f7f5}.pt-node-active{--ra-ring-w:2px;background:var(--pt-paper);color:var(--ra-indigo)}.pt-node-pending{background:var(--pt-paper);color:var(--ra-ink-mute);box-shadow:inset 0 0 0 1.5px var(--ra-stone-2)}.pt-node-halo{position:absolute;inset:-8px;border-radius:999px;background:radial-gradient(closest-side,rgba(78,55,168,.22),rgba(78,55,168,0));animation:pt-breathe 3.2s ease-in-out infinite}@keyframes pt-breathe{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.15);opacity:1}}.pt-skel{position:relative;overflow:hidden;border-radius:12px;background:var(--ra-stone)}.pt-skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(251,249,246,.75),transparent);animation:pt-sweep 1.8s ease-in-out infinite}.pt-spin{animation:ra-spin .9s linear infinite}@media (prefers-reduced-motion:reduce){.pt-fill[data-fresh=true]:after,.pt-live:after,.pt-node-halo,.pt-skel:after,.pt-spin{animation:none}.pt-eye,.pt-input,.pt-round{transition:none}}}