@layer components{.pf-page [id]{scroll-margin-block-start:calc(var(--nav-h) + var(--s-6))}.pf-hero__title{max-inline-size:20ch}.pf-hero .lead{text-wrap:pretty;max-inline-size:42rem;margin-block-start:var(--s-6)}.pf-hero .field{-webkit-mask-image:linear-gradient(#fff 55%,#0000);mask-image:linear-gradient(#fff 55%,#0000)}.pf-hero>.wrap{position:relative}.pf-jumps{gap:var(--s-2);flex-wrap:wrap;margin-block-start:var(--s-8);display:flex}.pf-jumps a{min-block-size:44px;padding-inline:var(--s-4);font-family:var(--font-ui);color:var(--ink-2);background:var(--surface);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-strong);transition:color var(--dur-micro) ease;align-items:center;font-size:14px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.pf-jumps a:hover{color:var(--violet-800);box-shadow:inset 0 0 0 1px var(--violet-700)}}.pf-tag{font-family:var(--font-ui);border-radius:var(--r-pill);white-space:nowrap;justify-self:start;padding:4px 12px;font-size:14px;font-weight:500;line-height:1.4}.pf-tag--real{background:var(--chip-done);color:var(--green-800)}.pf-tag--own{background:var(--chip-thinking);color:var(--violet-800)}.pf-trails{gap:var(--s-6);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start;display:grid}.pf-trails__main{grid-area:1/1}.pf-trails__legend{grid-area:1/2;position:sticky;inset-block-start:calc(var(--nav-h) + var(--s-6))}.pf-trail{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-3);padding:var(--s-6) var(--s-8) var(--s-2)}.pf-trail__head{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.pf-trail__title{font-family:var(--font-ui);color:var(--ink);font-size:17px;font-weight:500;line-height:1.4}.pf-trail__title time{font-variant-numeric:tabular-nums lining-nums}.pf-trail__head .pf-tag{margin-inline-start:auto}.pf-trail__intro{color:var(--ink-2);text-wrap:pretty;margin-block-start:var(--s-3);font-size:16px}.pf-trail__quiet{color:var(--ink-3);margin-block-start:var(--s-2);font-size:14px}.pf-trail__list{border-block-start:1px solid var(--line);margin-block-start:var(--s-4)}.pf-row{align-items:center;gap:var(--s-1) var(--s-4);border-block-end:1px solid var(--line);grid-template-columns:16px auto minmax(0,1fr) auto;padding-block:14px;display:grid;position:relative}.pf-row:last-child{border-block-end:0}.pf-row:before,.pf-row:after{content:"";background:var(--green-700);transform-origin:top;inline-size:2px;position:absolute;inset-inline-start:7px}.pf-row:before{inset-block:0 50%}.pf-row:after{inset-block:50% 0}.pf-row:first-child:before,.pf-row:last-child:after{content:none}.pf-row__dot{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;block-size:16px;inline-size:16px;padding:0;display:grid;position:relative}.pf-row__dot:after{content:"";border-radius:50%;position:absolute;inset:-14px}.pf-row__dot .presence{background:var(--surface);box-shadow:0 0 0 3px var(--surface);border-radius:50%}@media (hover:hover) and (pointer:fine){.pf-row__dot:hover .presence{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--chip-done)}}.pf-row__date{font-family:var(--font-ui);color:var(--ink-3);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;font-size:14px;font-weight:500}.pf-row__text{color:var(--ink);text-wrap:pretty;font-size:16px;line-height:1.55}.pf-row__ok{font-family:var(--font-ui);color:var(--green-800);white-space:nowrap;font-size:14px;font-weight:500}.pf-pop{padding:var(--s-4) var(--s-6);inline-size:max-content;max-inline-size:min(22rem, calc(100vw - 2 * var(--gutter) - 2 * var(--s-4)));background:var(--surface);color:var(--ink);border-radius:var(--r-md);box-shadow:var(--sh-3);border:0;margin:auto}.pf-pop:popover-open{gap:var(--s-2);display:grid}.pf-pop__date{font-family:var(--font-ui);color:var(--ink-3);font-variant-numeric:tabular-nums lining-nums;font-size:14px;font-weight:500}.pf-pop__line{text-wrap:pretty;font-size:15px;line-height:1.55}.pf-pop__num{font-family:var(--font-ui);color:var(--ink-2);font-size:14px;font-weight:500}@supports (anchor-name:--a){.pf-row__dot{anchor-name:var(--anchor)}.pf-pop{position-anchor:var(--anchor);margin:var(--s-2) 0 0;position-area:block-end span-inline-end;position-try-fallbacks:flip-block;inset:auto}}.pf-legend{background:var(--surface-2);border-radius:var(--r-xl);padding:var(--s-6);gap:var(--s-4);display:grid}.pf-legend__title{font-family:var(--font-ui);font-size:17px;font-weight:500;line-height:1.4}.pf-legend__list{gap:var(--s-3);display:grid}.pf-legend__list li{align-items:center;gap:var(--s-3);color:var(--ink);font-size:15px;display:flex}.pf-legend p{color:var(--ink-2);font-size:14px;line-height:1.6}.pf-agents{gap:var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--s-6);display:grid}.pf-agent{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:var(--s-8);gap:var(--s-4);align-content:start;display:grid}.pf-agent__head{align-items:center;gap:var(--s-3);display:flex}.pf-agent__title{font-family:var(--font-display);font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:400;line-height:1.25}.pf-agent__line{color:var(--ink);text-wrap:pretty;max-inline-size:44ch;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.6}.pf-romka{gap:var(--s-8) var(--s-12);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:var(--s-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-block-start:var(--s-6);display:grid}.pf-romka__body{gap:var(--s-3);align-content:start;display:grid}.pf-romka__line{color:var(--ink-2);font-size:16px}.pf-romka__note{color:var(--ink-2);border-inline-start:2px solid var(--line-strong);padding-inline-start:var(--s-4);font-size:15px}.pf-shot{border-radius:var(--r-md);background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--sh-2);margin:0;overflow:hidden}.pf-shot__bar{background:var(--surface-2);border-block-end:1px solid var(--line);align-items:center;block-size:28px;padding-inline:12px;display:flex}.pf-shot__dots{gap:6px;display:flex}.pf-shot__dots i{background:#d9d6e4;border-radius:50%;block-size:8px;inline-size:8px}.pf-shot__view{aspect-ratio:16/10;background:var(--surface-2)}.pf-shot__view img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;block-size:100%;inline-size:100%;display:block}.pf-shot__ph{block-size:100%;padding:var(--s-6);text-align:center;color:var(--ink-2);place-items:center;font-size:15px;display:grid}.pf-shot figcaption{font-family:var(--font-ui);color:var(--ink-3);border-block-start:1px solid var(--line);padding:10px 14px;font-size:14px;font-weight:500}.pf-systems{gap:var(--s-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pf-system{gap:var(--s-4);align-content:start;display:grid}.pf-system__body{gap:var(--s-2);justify-items:start;display:grid}.pf-system__title{font-family:var(--font-ui);font-size:18px;font-weight:500;line-height:1.4}.pf-system__body p{color:var(--ink-2);text-wrap:pretty;font-size:15px}.pf-honest{gap:var(--s-6);display:grid}.pf-honest__pair{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pf-honest__col{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:var(--s-8);font-family:var(--font-display);color:var(--ink-2);text-wrap:pretty;font-size:clamp(1.25rem,1.1rem + .8vw,1.75rem);font-weight:300;line-height:1.45}.pf-honest__col strong{font-family:var(--font-ui);color:var(--ink-3);margin-block-end:var(--s-3);font-size:15px;font-weight:500;line-height:1.4;display:block}.pf-honest__col--has{color:var(--ink)}.pf-honest__col--has strong{color:var(--green-800)}.pf-code{text-wrap:balance;font-family:var(--font-display);color:var(--ink);margin-block-start:var(--s-6);font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);font-weight:400;line-height:1.2}.pf-page #faq{padding-block-end:var(--s-6)}.pf-next{gap:var(--s-12);grid-template-columns:minmax(0,4fr) minmax(0,7fr);padding-block-end:var(--s-16);display:grid}.pf-next__links{gap:0 var(--s-8);flex-wrap:wrap;grid-column:2;display:flex}}@layer motion{@supports (animation-timeline:view()){.pf-trail__list{view-timeline:--pf-trail block}@media (prefers-reduced-motion:no-preference){:root:not([data-a11y-stopmotion]) .pf-row{--step:calc(1 / (var(--n) - 1));--at:calc(var(--i) * var(--step));--t0:10%;--span:40%;background-image:linear-gradient(var(--line-strong), var(--line-strong));background-repeat:no-repeat;background-size:2px 100%;background-position:calc(50% - var(--dir) * (50% - 7px)) 0}:root:not([data-a11y-stopmotion]) .pf-row:first-child{background-position-y:bottom;background-size:2px 50%}:root:not([data-a11y-stopmotion]) .pf-row:last-child{background-size:2px 50%}:root:not([data-a11y-stopmotion]) .pf-row:before{animation:linear both pf-fill;animation-timeline:--pf-trail;animation-range:cover calc(var(--t0) + var(--span) * (var(--at) - var(--step) / 2)) cover calc(var(--t0) + var(--span) * var(--at))}:root:not([data-a11y-stopmotion]) .pf-row:after{animation:linear both pf-fill;animation-timeline:--pf-trail;animation-range:cover calc(var(--t0) + var(--span) * var(--at)) cover calc(var(--t0) + var(--span) * (var(--at) + var(--step) / 2))}:root:not([data-a11y-stopmotion]) .pf-row__dot .presence{animation:linear both pf-dot;animation-timeline:--pf-trail;animation-range:cover calc(var(--t0) + var(--span) * var(--at) - 2%) cover calc(var(--t0) + var(--span) * var(--at) + 1%)}}}@keyframes pf-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pf-dot{0%{opacity:.3;transform:scale(.82)}to{opacity:1;transform:none}}}@media (max-width:1023px){.pf-trails,.pf-romka{grid-template-columns:minmax(0,1fr)}.pf-trails__main,.pf-trails__legend{grid-area:auto/1;position:static}.pf-systems{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-next{grid-template-columns:minmax(0,1fr)}.pf-next__links{grid-column:1}}@media (min-width:768px) and (max-width:1023px){.pf-system:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}@media (max-width:767px){.pf-trail{padding:var(--s-4) var(--s-4) var(--s-1)}.pf-row{grid-template-columns:16px minmax(0,1fr);row-gap:2px}.pf-row__dot{grid-row:span 3}.pf-row__date,.pf-row__text,.pf-row__ok{grid-column:2}.pf-legend__list{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-agents,.pf-systems,.pf-honest__pair{grid-template-columns:minmax(0,1fr)}.pf-agent,.pf-romka,.pf-honest__col{padding:var(--s-6)}}