.pt{--pt-cta:var(--color-brand);background:var(--color-surface);color:var(--color-text)}.pt__wrap{max-width:var(--public-max-width);padding-bottom:var(--space-16);margin-inline-start:auto;margin-inline-end:auto;container-type:inline-size}.pt__hero{isolation:isolate;background:var(--color-border);height:220px;position:relative;overflow:hidden}.pt__hero-image{object-fit:cover;width:100%;height:100%;display:block}.pt__hero-image--fallback{background:linear-gradient(135deg, var(--pt-cta), var(--color-text))}.pt__hero-overlay{padding:var(--space-5);color:var(--color-text-inverse);background:linear-gradient(#0f121e26 35%,#0f121ec7);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pt__headline{max-width:720px;font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-inverse)}.pt__subtitle{max-width:560px;margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal);opacity:.92}.pt__filter-bar{z-index:20;padding:var(--space-4) var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0}.pt__filter-row{gap:var(--space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.pt__filter-row::-webkit-scrollbar{display:none}.pt__filter-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;cursor:pointer;flex-shrink:0;min-height:36px;display:inline-flex}.pt__filter-chip .platform-badge{width:16px;height:16px}.pt__filter-chip .platform-badge svg{width:9px;height:9px}.pt__filter-chip--on{border-color:var(--pt-cta);background:var(--pt-cta);color:var(--color-text-inverse)}.pt__filter-chip:disabled{cursor:default}.pt__empty{align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;flex-direction:column;display:flex}.pt__empty svg{width:var(--space-8);height:var(--space-8);color:var(--color-text-subtle)}.pt__feed{gap:var(--space-5);padding:var(--space-4);grid-template-columns:1fr;align-items:start;list-style:none;display:grid}@container (min-width:700px){.pt__hero{height:240px}.pt__feed{padding:var(--space-6) var(--space-7);grid-template-columns:repeat(2,1fr)}}@container (min-width:1024px){.pt__hero{height:340px}.pt__hero-overlay{padding:var(--space-10)}.pt__headline{font-size:var(--text-2xl)}.pt__subtitle{font-size:var(--text-base)}.pt__filter-bar{padding-inline:var(--space-10)}.pt__feed{padding:var(--space-8) var(--space-10);grid-template-columns:repeat(3,1fr)}}.pt-post{border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-bg);box-shadow:var(--shadow-card);overflow:hidden}.pt-post__copy{padding:var(--space-4) var(--space-4) 0;font-size:var(--text-base);line-height:var(--leading-normal);white-space:pre-wrap}.pt-post__media{margin:var(--space-3) var(--space-4) 0;border-radius:var(--radius-lg);background:var(--color-surface);position:relative;overflow:hidden}.pt-post__media img,.pt-post__media video{width:100%;display:block}.pt-post__media video{background:var(--color-text);max-height:70vh}.pt-post__link{margin:var(--space-3) var(--space-4) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-canvas)}.pt-post__link-caption{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.pt-post__link-url{font-size:var(--text-2xs);color:var(--color-text-muted)}.pt-post__share{padding:var(--space-4)}.pt-post__share-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pt-post__share-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);flex-shrink:0}.pt-post__share-btn{border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-text-inverse);cursor:pointer;transition:transform var(--transition-fast), filter var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.pt-post__share-btn:hover:not(:disabled){filter:brightness(.92);transform:translateY(-1px)}.pt-post__share-btn:disabled{cursor:default}.pt-post__share-btn svg{width:var(--icon-xs);height:var(--icon-xs);flex-shrink:0}@media (prefers-reduced-motion:reduce){.pt-post__share-btn{transition:none}.pt-post__share-btn:hover:not(:disabled){transform:none}}.pt-share-modal{max-width:var(--modal-max-width-sm);transition:transform var(--transition-slide) cubic-bezier(.2, .8, .2, 1)}.pt-share-modal--aside{transform:translateX(max(0px, min(25vw, calc(50vw - 50% - var(--space-4)))))}.pt-share-modal--above-sheet{align-items:center;gap:var(--space-3);box-shadow:none;background:0 0;border-radius:0;flex-direction:column;display:flex;overflow:visible;transform:translateY(-20dvh)}@media (prefers-reduced-motion:reduce){.pt-share-modal{transition:none}}.pt-sheet{width:100%;padding:var(--space-5);background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);text-align:center;position:relative}.pt-sheet__title{padding:0 var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}.pt-sheet__note{margin-top:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);text-align:left}.pt-sheet__paste{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);text-align:left}.pt-sheet__progress{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.pt-sheet__track{border-radius:var(--radius-pill);background:var(--color-border);flex:1;height:4px;overflow:hidden}.pt-sheet__bar{border-radius:var(--radius-pill);background:var(--pt-cta);height:100%;transition:width var(--transition-fast) linear}.pt-sheet__percent{min-width:4ch;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){.pt-sheet__bar{transition:none}}.pt-sheet__open{justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--pt-cta);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-inverse);cursor:pointer;border:none;display:flex}.pt-sheet__open svg{width:var(--icon-xs);height:var(--icon-xs)}.pt-sheet__arrow{width:var(--icon-md);height:var(--icon-md);color:var(--color-text-inverse);filter:drop-shadow(0 1px 3px var(--color-backdrop))}.pt-sheet__close{top:var(--space-3);right:var(--space-3);padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-subtle);cursor:pointer;background:0 0;border:none;display:inline-flex;position:absolute}.pt-sheet__close:hover{color:var(--color-text)}.pt-sheet__close svg{width:var(--icon-xs);height:var(--icon-xs)}.pt-post__assist{padding:var(--space-5)}.pt-post__assist-head{align-items:flex-start;gap:var(--space-2);display:flex}.pt-post__assist-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text);flex:1}.pt-post__assist-close{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;display:inline-flex}.pt-post__assist-close:hover{color:var(--color-text)}.pt-post__assist-close svg{width:var(--icon-xs);height:var(--icon-xs)}.pt-post__assist-step{margin-top:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-muted)}.pt-post__assist-field{margin-top:var(--space-3)}.pt-post__assist-label{margin-bottom:var(--space-1);font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-text-subtle);display:block}.pt-post__assist-text{width:100%;padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg);font-family:inherit;font-size:var(--text-2xs);line-height:var(--leading-normal);color:var(--color-text);resize:vertical;display:block}.pt-post__assist-text--link{font-family:var(--font-mono);resize:none}.pt-post__assist-btn{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-text);cursor:pointer;display:inline-flex}.pt-post__assist-btn:hover{border-color:var(--pt-cta);color:var(--pt-cta)}.pt-post__assist-btn svg{width:var(--icon-xs);height:var(--icon-xs)}.pt-post__assist-status{min-height:1.4em;min-height:1lh;margin-top:var(--space-2);font-size:var(--text-2xs);color:var(--color-text-muted)}.pt-post__assist-open{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--pt-cta);font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-text-inverse);text-decoration:none;display:flex}.pt-post__assist-open:hover{filter:brightness(.92)}.pt-post__assist-open svg{width:var(--icon-xs);height:var(--icon-xs)}.pt-hand{position:relative}.pt-hand__close{top:var(--space-3);right:var(--space-3);position:absolute}.pt-hand__done{gap:var(--space-2);padding:0 var(--space-6) var(--space-4) 0;flex-direction:column;margin:0;list-style:none;display:flex}.pt-hand__done-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-muted);display:flex}.pt-hand__done-item svg{width:var(--icon-xs);height:var(--icon-xs);color:var(--color-positive);flex-shrink:0}.pt-hand__done-item--blocked{color:var(--color-warning)}.pt-hand__spinner{width:var(--icon-xs);height:var(--icon-xs);border:2px solid var(--color-border);border-top-color:var(--color-text-subtle);border-radius:var(--radius-pill);flex-shrink:0;animation:.7s linear infinite pt-hand-spin}@media (prefers-reduced-motion:reduce){.pt-hand__spinner{animation-duration:2.4s}}@keyframes pt-hand-spin{to{transform:rotate(1turn)}}.pt-hand__heading{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.pt-hand__steps{gap:var(--space-2);margin:var(--space-3) 0 0;counter-reset:pt-hand-step;flex-direction:column;padding:0;list-style:none;display:flex}.pt-hand__steps li{align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text);display:flex}.pt-hand__steps li:before{content:"";border-radius:var(--radius-pill);background:var(--color-text-subtle);flex-shrink:0;width:5px;height:5px;transform:translateY(-3px)}.pt-hand__keys{align-items:center;gap:var(--space-1);color:var(--color-text-subtle);display:inline-flex}.pt-hand__key{padding:1px var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text);border-bottom-width:2px}.pt-hand__open{margin-top:var(--space-5);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs)}.pt-hand__open:hover{color:var(--color-text-inverse)}.pt__toast{left:50%;bottom:var(--space-6);z-index:100;align-items:center;gap:var(--space-2);max-width:calc(100% - var(--space-10));padding:var(--space-3) var(--space-4);background:var(--color-text);color:var(--color-text-inverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-toast);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:center;display:flex;position:fixed;transform:translate(-50%)}.pt__toast svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-positive);flex-shrink:0}.pt__toast-close{margin-left:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;flex-shrink:0;display:inline-flex}.pt__toast-close:hover{opacity:1}.pt__toast-close svg{width:var(--icon-xs);height:var(--icon-xs);color:inherit}.pt-gone{min-height:100vh;min-height:100dvh;padding:var(--space-6);background:var(--color-surface);justify-content:center;align-items:center;display:flex}.pt-gone__card{text-align:center;max-width:380px}.pt-gone__icon{width:56px;height:56px;margin:0 auto var(--space-5);border-radius:var(--radius-full);background:var(--color-border-subtle);color:var(--color-text-subtle);justify-content:center;align-items:center;display:flex}.pt-gone__icon svg{width:26px;height:26px}.pt-gone__title{margin:0 0 var(--space-2);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text)}.pt-gone__message{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.pt__feed.is-masonry{grid-auto-rows:1px;row-gap:0}.no-flex-gap .pt__filter-row>*+*,.no-flex-gap .pt__filter-chip>*+*,.no-flex-gap .pt-sheet__open>*+*,.no-flex-gap .pt-post__assist-head>*+*,.no-flex-gap .pt-post__assist-btn>*+*,.no-flex-gap .pt-post__assist-open>*+*,.no-flex-gap .pt-hand__done-item>*+*,.no-flex-gap .pt-hand__steps li>*+*,.no-flex-gap .pt__toast>*+*{margin-left:var(--space-2)}.no-flex-gap .pt-sheet__progress>*+*{margin-left:var(--space-3)}.no-flex-gap .pt-hand__keys>*+*{margin-left:var(--space-1)}.no-flex-gap .pt__empty>*+*,.no-flex-gap .pt-share-modal--above-sheet>*+*{margin-top:var(--space-3)}.no-flex-gap .pt-hand__done>*+*,.no-flex-gap .pt-hand__steps>*+*{margin-top:var(--space-2)}.no-flex-gap .pt-post__share-row{margin-top:calc(var(--space-2) * -1)}.no-flex-gap .pt-post__share-row>*{margin-top:var(--space-2)}.no-flex-gap .pt-post__share-row>*+*{margin-left:var(--space-2)}.no-flex-gap .modal--fallback.pt-share-modal--above-sheet{transform:translate(-50%,-50%)translateY(-20vh)}
