@layer components{.ptn-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.ptn{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--color-line-1);min-width:0}.ptn:first-child{border-top:0;padding-top:2px}.ptn__head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}.ptn__head .db-tg{flex:none}.ptn__t{margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--color-ink-1);text-wrap:pretty}.ptn__meta{display:grid;gap:2px;font-size:var(--text-cap);line-height:1.4;color:var(--color-ink-3)}.ptn__meta>p{margin:0;text-wrap:pretty}.ptn__meta>p+p,.ptn__now{color:var(--color-ink-2)}.ptn__now{display:inline-flex;align-items:center;gap:6px;height:var(--rd-pill-h,20px);padding:0 8px;border-radius:999px;border:1px solid var(--color-line-2);font:500 var(--text-micro) /1 var(--font-sans);white-space:nowrap}.ptn__now:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-live);box-shadow:var(--shadow-glow-live)}.ptn__tags{gap:6px;flex:none}.ptn-seq,.ptn__tags{display:inline-flex;align-items:center}.ptn-seq{flex-wrap:wrap;gap:3px;min-width:0}.ptn-seq>.db-chip--sm{--chip-h:var(--rd-sym-cell,22px)}.ptn-seq>.db-chip--xs{--chip-h:var(--rd-sym-seq-xs,20px)}.ptn-seq__more{font:500 var(--text-micro) /1 var(--font-mono);color:var(--color-ink-3);padding:0 2px}.ptn-seq__times{margin-left:3px;font:600 var(--text-cap) /1 var(--font-mono);color:var(--color-ink-1);letter-spacing:-.01em}.ptn-seq__arrow{display:inline-grid;place-items:center;width:18px;color:var(--color-ink-3)}.ptn-seq__arrow .db-i{width:14px;height:14px}.ptn-seq__icon{display:grid;place-items:center;width:22px;height:22px;color:var(--color-ink-3)}.ptn-seq__icon .db-i{width:16px;height:16px}.ptn-cmp{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.ptn-cmp .db-fbar{height:var(--rd-bar,6px)}.ptn-cmp__v{font:500 var(--text-micro) /1 var(--font-mono);color:var(--color-ink-2);white-space:nowrap}.ptn-next{display:grid;gap:6px;margin:2px 0 0;padding:0;list-style:none}.ptn-next__r{display:grid;grid-template-columns:minmax(var(--rd-sym-seq-xs,22px),max-content) minmax(var(--rd-ptn-name-min,56px),128px) minmax(0,1fr) var(--rd-ptn-val-w,44px);align-items:center;gap:8px;font-size:var(--text-cap);color:var(--color-ink-2)}.ptn-next__n{min-width:0;line-height:1.25;overflow-wrap:break-word}.ptn-next__r>.db-chip{--chip-h:var(--rd-sym-seq-xs,20px)}.ptn-next__r .db-fbar{height:var(--rd-bar,6px)}.ptn-next__v{font:500 var(--text-micro) /1 var(--font-mono);text-align:right;color:var(--color-ink-2)}.ptn-next__r[data-focus] .ptn-next__n,.ptn-next__r[data-focus] .ptn-next__v{color:var(--color-ink-1);font-weight:600}.ptn-bars{margin:2px 0 0;display:grid;gap:6px}.ptn-bars__t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:var(--text-cap);color:var(--color-ink-3)}.ptn-list--page .db-fbar,.ptn-list--page .ptn-bars__track{background:var(--color-surface-4)}.ptn-bars__cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;max-width:420px}.ptn-bars__col{display:grid;justify-items:center;gap:4px;min-width:0}.ptn-bars__track{position:relative;width:100%;max-width:var(--rd-ptn-col-w,36px);height:var(--rd-ptn-col-h,56px);border-radius:4px;background:var(--color-surface-3)}.ptn-bars__fill{position:absolute;left:0;right:0;bottom:0;border-radius:4px 4px 0 0;background:var(--color-data-neutral);transition:height var(--db-dur-data,.65s) var(--ease-out)}.ptn-bars__exp{position:absolute;left:-3px;right:-3px;height:2px;margin-bottom:-1px;border-radius:1px;background:var(--color-data-expected);box-shadow:0 0 0 2px var(--color-surface-1)}.ptn-bars__v{color:var(--color-ink-1)}.ptn-bars__l,.ptn-bars__v{font:500 var(--text-micro) /1 var(--font-mono)}.ptn-bars__l,.ptn-note{color:var(--color-ink-3)}.ptn-note{margin:12px 0 0;padding-left:10px;border-left:2px solid var(--color-line-3);font-size:var(--text-cap);line-height:1.45}.ptn-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:var(--text-sm)}button.ptn-more{min-height:max(36px,var(--rd-touch,36px));padding:0;border:0;background:none;color:var(--color-ink-1);font-family:inherit;cursor:pointer}.ptn-empty{margin:0;font-size:var(--text-sm);color:var(--color-ink-3)}.ptn-card{scroll-margin-top:84px}.ptn-tabs{margin:0 0 14px}.ptn-key{margin:12px 0 0}@media (max-width:760px){.ptn-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.ptn-tabs::-webkit-scrollbar{display:none}}.ptn-list--page{display:block;columns:400px 2;column-gap:16px}.ptn-list--page>.ptn,.ptn-list--page>.ptn:first-child{break-inside:avoid;margin:0 0 12px;padding:14px 16px;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-surface-2)}.ptn-list--page .ptn__t{font-size:var(--text-body)}.ptn-list--page .db-fbar__exp,.ptn-list--page .ptn-bars__exp{box-shadow:0 0 0 2px var(--color-surface-2)}.ptn-list--mini .ptn{gap:6px;padding:10px 0}.ptn-list--mini .ptn:first-child{padding-top:0}.ptn-list--mini .ptn__t{font-size:var(--text-cap)}.ptn-list--mini+.ptn-note{margin-top:8px}}