.article-page{color:#172139;flex:1;min-width:0;padding-block:28px 64px}.article-header{background:var(--landing-sky)}.article-header .landing-header-inner{grid-template-columns:auto auto minmax(180px,1fr) auto;gap:24px;min-height:88px}.article-header.no-marketing-nav .landing-header-inner{grid-template-columns:auto minmax(180px,1fr) auto}.article-header .landing-nav{gap:20px;font-size:12px;display:flex}.article-header .landing-header-actions{gap:20px;font-size:13px}.article-header .landing-logo{font-size:30px}.article-header .search-register{padding-inline:24px}.article-page .post-detail-content{overflow-wrap:anywhere;min-width:0}.article-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.article-main{flex-direction:column;gap:20px;min-width:0;display:flex}.article-side{flex-direction:column;gap:12px;min-width:0;display:flex}.article-follow button,.article-edit{border:1px solid var(--color-edge);background:var(--color-surface);min-height:40px;color:var(--color-ink);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.article-follow button:hover,.article-edit:hover{border-color:color-mix(in oklab, var(--color-edge) 50%, var(--color-ink) 22%)}.article-edit svg{width:14px;height:14px}.av-actions:has(.article-reactions){border-bottom:0;padding-block:0}.article-reactions{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:28px;display:flex}.article-heart{color:var(--color-ink);flex-direction:column;align-items:center;gap:10px;display:flex}.article-heart.is-own{cursor:not-allowed}.article-heart.is-own .article-heart-circle{background:var(--color-surface-muted);color:color-mix(in oklab, var(--color-ink-muted) 55%, transparent);border-style:dashed}.article-heart-circle{border:1.5px solid var(--color-edge);background:var(--color-surface);width:64px;height:64px;color:var(--color-ink-muted);border-radius:999px;place-items:center;transition:transform .15s,background .15s,color .15s,border-color .15s;display:grid}button.article-heart:not(.is-own):hover .article-heart-circle{color:#d63053;color:lab(49.0506% 64.7206 22.8021);border-color:#f1a6b0;border-color:lab(75.7642% 29.6704 6.39855);transform:scale(1.06)}.article-heart[aria-pressed=true] .article-heart-circle{color:#fff;background:#e8395c;background:lab(53.5806% 67.9646 23.8725);border-color:#0000}.article-heart-circle svg{width:28px;height:28px}.article-heart-label{font-size:14px;font-weight:700}.article-heart-count{color:var(--color-ink-muted);font-size:12px}.article-reactions-error{color:var(--color-danger);font-size:13px}.article-reactions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:4px;display:flex}.article-reaction,.article-reactions-row .closeup-share>button{height:40px;color:var(--color-ink-muted);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.article-reaction:hover,.article-reactions-row .closeup-share>button:hover{background:var(--color-surface-muted);color:var(--color-ink)}.article-reaction[aria-pressed=true]{color:var(--color-primary-hover)}.article-reaction svg,.article-reactions-row .closeup-share svg{width:17px;height:17px}.article-reactions-row .closeup-share{position:relative}.article-reactions-row .closeup-share [role=status]:empty{display:none}.article-reactions-row .closeup-share [role=status]:not(:empty){z-index:2;border:1px solid var(--color-edge);background:var(--color-surface);border-radius:8px;width:max-content;max-width:220px;padding:6px 10px;font-size:12px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.article-meta{color:var(--color-ink-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.article-meta svg{width:14px;height:14px}.article-meta>span{margin-inline:4px}.article-more{position:relative}.article-more>summary{width:40px;height:40px;color:var(--color-ink-muted);cursor:pointer;border-radius:999px;place-items:center;list-style:none;display:grid}.article-more>summary:hover{background:var(--color-surface-muted);color:var(--color-ink)}.article-more>summary svg{width:18px;height:18px}.article-more>summary::-webkit-details-marker{display:none}.article-more>div{z-index:10;border:1px solid var(--color-edge);background:var(--color-surface);text-align:left;border-radius:12px;width:min(280px,100vw - 40px);padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #17213914}.article-locked{background:var(--color-surface-muted);border-radius:16px;display:grid;position:relative;overflow:hidden}.article-locked-backdrop{pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:1/1;overflow:hidden}.article-locked-backdrop img{object-fit:cover;width:100%;height:100%;min-height:320px;display:block;transform:scale(1.1)}.article-locked-backdrop p{max-height:420px;color:var(--color-ink);filter:blur(6px);opacity:.55;padding:28px;font-size:16px;line-height:2.2;overflow:hidden}.article-locked-card{z-index:1;background:color-mix(in oklab, var(--color-surface) 92%, transparent);text-align:center;border-radius:20px;flex-direction:column;grid-area:1/1;place-self:center;align-items:center;gap:10px;max-width:400px;margin:32px 16px;padding:28px 24px;display:flex;position:relative;box-shadow:0 12px 32px #17213914}.article-locked-card>svg{width:28px;height:28px;color:var(--color-primary)}.article-locked-card h2{font-size:17px;font-weight:700}.article-locked-card p{color:var(--color-ink-muted);font-size:13px;line-height:1.8}.article-locked-card .article-side-cta{width:auto;margin-top:6px;padding-inline:24px}.article-locked-reactions{gap:8px;padding:12px 16px 0;display:flex}.article-locked-reactions,.article-locked-report{grid-area:auto}.article-locked-report{padding:8px 16px 12px;font-size:12px}.article-comments{border:1px solid var(--color-edge);background:var(--color-surface);border-radius:20px;padding:28px;scroll-margin-top:24px}.article-comments>h2{font-size:17px;font-weight:700}.article-comments>h2>span{color:var(--color-ink-muted);padding-left:6px;font-size:14px;font-weight:400}.article-comments-empty{color:var(--color-ink-muted);padding:20px 0;font-size:14px;line-height:1.8}.article-comment-list{margin-top:4px}.article-comment-list>li{border-bottom:1px solid var(--color-edge);align-items:flex-start;gap:12px;padding-block:16px;display:flex}.article-comment-list>li:last-child{border-bottom:0;padding-bottom:0}.article-comment-avatar:focus-visible{border-radius:50%}.article-comment-name:hover strong{color:var(--color-primary-hover);text-underline-offset:3px;text-decoration:underline}.article-comment-copy{flex:1;min-width:0}.article-comment-copy>div{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.article-comment-copy strong{font-size:14px;font-weight:600}.article-comment-copy time{color:var(--color-ink-muted);font-size:12px}.article-comment-copy p{color:var(--color-ink);white-space:pre-wrap;margin-top:4px;font-size:14px;line-height:1.8}.article-comment-form{margin-top:16px;scroll-margin-top:24px}.article-comment-form:focus{outline:none}.comment-composer{border:1px solid var(--color-edge);background:var(--color-surface);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.comment-composer:not(.is-guest):hover{border-color:color-mix(in oklab, var(--color-edge) 50%, var(--color-ink) 22%)}.comment-composer:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-field-ring)}.comment-composer-head{color:var(--color-ink-muted);align-items:center;gap:8px;font-size:12px;display:flex}.comment-composer-head strong{color:var(--color-ink);font-weight:600}.comment-composer textarea{resize:none;width:100%;max-height:16rem;color:var(--color-ink);caret-color:var(--color-primary);background:0 0;border:0;outline:none;font-size:15px;line-height:1.8}.comment-composer textarea::placeholder{color:color-mix(in oklab, var(--color-ink-muted) 70%, transparent)}.comment-composer-foot{color:var(--color-ink-muted);align-items:center;gap:12px;font-size:12px;display:flex}.comment-composer-foot>:first-child{margin-right:auto}.comment-composer-count{font-variant-numeric:tabular-nums}.comment-composer-count.is-over,.comment-composer-error{color:var(--color-danger)}.comment-composer-error{font-size:13px}.comment-composer-submit{background:var(--color-primary);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.comment-composer-submit:hover:not(:disabled){background:var(--color-primary-hover)}.comment-composer-submit:disabled{background:color-mix(in oklab, var(--color-primary) 30%, var(--color-surface));cursor:default}.comment-composer.is-guest{flex-flow:wrap;justify-content:space-between;align-items:center}.comment-composer.is-guest p{color:var(--color-ink-muted);font-size:14px}.comment-composer-submit.is-secondary{background:var(--color-surface-muted);color:var(--color-ink)}.comment-composer-submit.is-secondary:hover{background:color-mix(in oklab, var(--color-surface-muted) 80%, var(--color-ink) 8%)}.comment-composer-label-short{display:none}.article-comments-only-you{color:var(--color-ink-muted);align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}.article-comments-only-you svg{flex:none;width:14px;height:14px}.article-side-card{border:1px solid var(--color-edge);background:var(--color-surface);color:var(--color-ink);border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex}.article-side-title,.article-side-heading h2{font-size:15px;font-weight:700}.article-side-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.article-side-heading a{color:var(--color-primary-hover);font-size:12px}.article-side-author{align-items:center;gap:12px;min-width:0;display:flex}.article-side-author>span{flex-direction:column;min-width:0;display:flex}.article-side-author strong{font-size:15px;font-weight:700}.article-side-author:hover strong{color:var(--color-primary-hover)}.article-side-author>span>span{color:var(--color-ink-muted);font-size:12px}.article-side-bio{-webkit-line-clamp:3;color:var(--color-ink-muted);white-space:pre-line;-webkit-box-orient:vertical;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.article-side-plans{flex-direction:column;gap:6px;display:flex}.article-side-plans li{border:1px solid var(--color-edge);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.article-side-plans li>span{flex-direction:column;min-width:0;display:flex}.article-side-plans strong{font-size:13px;font-weight:600}.article-side-plans li>span>span{color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.article-side-plans b{white-space:nowrap;font-size:14px;font-weight:700}.article-side-plans small{color:var(--color-ink-muted);font-size:11px;font-weight:400}.article-side-plans li.is-required{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 6%, var(--color-surface))}.article-side-cta{background:var(--color-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:44px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.article-side-cta:hover{background:var(--color-primary-hover)}.article-side-secondary{border:1px solid var(--color-edge);border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.article-side-secondary:hover{border-color:color-mix(in oklab, var(--color-edge) 50%, var(--color-ink) 22%)}.article-side-secondary svg{width:14px;height:14px}.article-side-facts{flex-direction:column;gap:10px;font-size:13px;display:flex}.article-side-facts>div{justify-content:space-between;gap:12px;display:flex}.article-side-facts dt{color:var(--color-ink-muted);white-space:nowrap}.article-side-facts dd{text-align:right;font-weight:600}.article-related-list{flex-direction:column;gap:14px;display:flex}.article-related-list a{gap:12px;min-width:0;display:flex}.article-related-list img,.article-related-no-image{object-fit:cover;border-radius:12px;flex:0 0 72px;width:72px;height:72px}.article-related-no-image{background:var(--color-surface-muted);color:var(--color-ink-muted);font-family:var(--font-display);place-items:center;font-size:12px;display:grid}.article-related-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.article-related-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.article-related-list a:hover strong{color:var(--color-primary-hover)}.article-related-copy>span{color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@media (max-width:899px){.article-grid{grid-template-columns:minmax(0,1fr)}}.article-page :focus-visible{outline-offset:4px;outline:2px solid #006bd6}@media (max-width:1199px){.article-header .landing-header-inner{grid-template-columns:auto minmax(180px,1fr) auto}.article-header .landing-nav{display:none}}@media (max-width:767px){.article-page{padding-block:12px 40px}.article-header .landing-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:0 16px;min-height:0}.article-header .landing-logo{font-size:26px}.article-header .landing-header-actions{display:none}.article-main .av,.article-comments{border-radius:16px;padding:20px 16px}.article-follow button,.article-edit{min-height:44px;padding-inline:12px}.comment-composer textarea{font-size:16px}}@media (max-width:480px){.comment-composer.is-guest{flex-wrap:nowrap;gap:12px}.comment-composer.is-guest p{min-width:0;word-break:auto-phrase;text-wrap:balance;flex:1;line-height:1.6}.comment-composer-label{display:none}.comment-composer-label-short{display:inline}}.av{border:1px solid var(--color-edge);background:var(--color-surface);color:var(--color-ink);border-radius:20px;flex-direction:column;gap:28px;padding:28px;display:flex}.av-head{flex-direction:column;gap:16px;display:flex}.av-plan{background:color-mix(in oklab, var(--color-primary) 9%, var(--color-surface));color:var(--color-primary-hover);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.av-plan svg{width:13px;height:13px}.av-head h1{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.35}.av-head h1.is-empty{color:var(--color-ink-muted)}.av-byline{align-items:center;gap:12px;padding-top:4px;display:flex}.av-author{align-items:center;gap:12px;min-width:0;display:flex}.av-author>span{flex-direction:column;min-width:0;display:flex}.av-author strong{font-size:14px;font-weight:600}.av-author>span>span{color:var(--color-ink-muted);font-size:12px}a.av-author:hover strong{color:var(--color-primary-hover)}.av-byline-action{margin-left:auto}.av-body{flex-direction:column;gap:20px;font-size:16px;line-height:2;display:flex}.av-body .post-body img,.av-image{border-radius:14px;width:100%;height:auto;display:block}.av-body .post-body img{margin-block:8px}.av-rich{flex-direction:column;gap:20px;display:flex}.av-rich img[data-zoomable]{cursor:zoom-in}.av-rich img[data-zoomable]:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.av-body .post-body .post-mermaid{margin-block:8px;padding-block:8px}.av-body .post-body .post-mermaid img{border:0;border-radius:0;width:auto;max-width:100%;height:auto;margin:0 auto}.av-body .post-body pre:has(>code.language-mermaid){color:#0000;background:color-mix(in oklab, var(--color-surface-muted) 60%, var(--color-surface));min-height:120px}.av-body .post-body pre:has(>code.language-mermaid) *{visibility:hidden}.post-mermaid-failed{background:var(--color-surface-muted);color:var(--color-ink-muted);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-block:8px;padding:20px 16px;font-size:13px;line-height:1.6;display:flex}.post-mermaid-error{background:var(--color-danger-surface);border-radius:14px;margin-block:8px;padding:14px 16px;font-size:13px;line-height:1.6}.post-mermaid-error strong{color:var(--color-danger);font-weight:600;display:block}.post-mermaid-error p{color:var(--color-ink-muted);margin-top:2px}.av-body .post-body .post-mermaid-error pre{background:var(--color-surface);white-space:pre-wrap;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.6}.body-lightbox{z-index:51;width:100%;max-width:none;height:100dvh;box-shadow:none;color:#fff;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:0 0;border:0;border-radius:0;outline:none;flex-direction:column;gap:12px;animation:none;display:flex;position:fixed;inset:0;transform:none}.body-lightbox :focus-visible{outline-offset:4px;outline:2px solid #8acaff}.body-lightbox-close{align-self:flex-start}.body-lightbox-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.body-lightbox-stage>img{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.body-lightbox-stage.is-diagram{justify-content:safe center;align-items:safe center;overflow:auto}.body-lightbox-stage.is-diagram>img{background:#fff;border-radius:16px;max-width:none;max-height:none;padding:24px}.av-plain{white-space:pre-wrap;overflow-wrap:anywhere}.av-empty{color:var(--color-ink-muted);font-size:14px}.av-actions{border-block:1px solid var(--color-edge);padding-block:16px}.av-locked{background:color-mix(in oklab, var(--color-surface-muted) 70%, var(--color-surface));text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.av-locked>svg{width:28px;height:28px;color:var(--color-primary)}.av-locked h2{font-size:17px;font-weight:700}.av-locked p{color:var(--color-ink-muted);font-size:13px;line-height:1.8}@container timeline-feed (max-width:640px){.av{gap:24px;padding:20px}.av-body{font-size:15px;line-height:1.9}}.article-series-badge{background:color-mix(in oklab, var(--color-primary) 9%, var(--color-surface));max-width:100%;color:var(--color-primary-hover);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.article-series-badge:hover{background:color-mix(in oklab, var(--color-primary) 14%, var(--color-surface))}.article-series-badge-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.article-series-badge small{color:var(--color-ink-muted);flex:none;font-size:12px;font-weight:600}.article-series-pager{grid-template-columns:1fr 1fr;gap:10px;display:grid}.article-series-pager a{border:1px solid var(--color-edge);background:var(--color-surface);border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;transition:border-color .15s;display:flex}.article-series-pager a:hover{border-color:color-mix(in oklab, var(--color-primary) 40%, var(--color-edge))}.article-series-pager a.is-next{text-align:right;align-items:flex-end}.article-series-pager small{color:var(--color-ink-muted);font-size:12px;font-weight:700}.article-series-pager strong{align-items:center;gap:6px;max-width:100%;font-size:14px;font-weight:600;display:inline-flex}.article-series-pager strong span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.article-series-pager strong svg{width:14px;height:14px;color:var(--color-ink-muted);flex:none}.article-series-card{gap:12px}.article-series-head{align-items:center;gap:12px;min-width:0;display:flex}.article-series-cover{background:color-mix(in oklab, var(--color-primary) 12%, var(--color-surface));height:40px;color:var(--color-primary);object-fit:cover;border-radius:8px;flex:0 0 72px;place-items:center;font-size:11px;font-weight:700;display:grid}.article-series-head-text{flex-direction:column;min-width:0;display:flex}.article-series-head-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.article-series-head:hover strong{color:var(--color-primary)}.article-series-head-text small{color:var(--color-ink-muted);font-size:12px}.article-series-toc{flex-direction:column;display:flex}.article-series-toc a{border-radius:10px;align-items:center;gap:10px;padding:7px 8px;font-size:14px;display:flex}.article-series-toc a:hover{background:var(--color-surface-muted)}.article-series-toc b{color:var(--color-ink-muted);text-align:right;flex:0 0 22px;font-size:12px;font-weight:600}.article-series-toc span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.article-series-toc svg{width:14px;height:14px;color:var(--color-ink-muted);flex:none}.article-series-toc a.is-current{background:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface));color:var(--color-primary);font-weight:700}.article-series-toc a.is-current b{color:var(--color-primary)}.article-series-more{color:var(--color-primary);font-size:13px;font-weight:700}@container timeline-feed (max-width:640px){.article-series-pager{grid-template-columns:1fr}.article-series-pager>span{display:none}}
.timeline-page,.timeline-header,.timeline-bottom-nav{color:var(--color-ink)}body:has(.timeline-page){--timeline-nav-width:280px;--timeline-gutter:28px;--timeline-paper:#f7faff;--timeline-edge:#e7edf5;--timeline-ink:#20283f;--timeline-muted:#718099;background:var(--timeline-paper)}.timeline-page{min-width:0;margin-left:var(--timeline-nav-width);background:var(--timeline-paper);color:var(--timeline-ink);flex:1}.timeline-layout{width:min(calc(100% - 2 * var(--timeline-gutter)), 1440px);grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;padding-block:20px 64px;display:grid}.timeline-feed{width:100%;min-width:0;container:timeline-feed/inline-size}.timeline-intro h1{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:12px;font-size:30px;font-weight:700;line-height:1.5;display:flex}.timeline-intro h1 svg{color:#0085ff;flex-shrink:0;width:28px;height:28px}.timeline-intro p{color:#626f8a;margin-top:8px;font-size:14px;line-height:1.8}.timeline-feed-heading{border-bottom:1px solid #e5edf6;justify-content:space-between;align-items:center;gap:12px;margin-block:16px;display:flex}.timeline-feed-heading h2{align-self:stretch;align-items:center;font-size:13px;font-weight:600;display:flex;position:relative}.timeline-feed-heading h2:after{content:"";background:#0085ff;border-radius:3px;height:3px;position:absolute;inset:auto 0 -1px}.timeline-feed-controls{align-items:center;gap:12px;display:flex}.timeline-feed-controls>span{color:#626f8a;white-space:nowrap;font-size:11px}.timeline-view-switch{gap:4px;padding-bottom:6px;display:flex}.timeline-view-switch button{color:#626f8a;cursor:pointer;background:#fff;border:1px solid #e5edf6;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.timeline-view-switch button[aria-pressed=true]{color:#006bd6;background:#eaf5ff;border-color:#b5d9ff}.timeline-view-switch svg{width:18px;height:18px}.timeline-posts{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.timeline-post-cell{min-width:0}.timeline-post-cell:has(.timeline-more[open]){z-index:5;position:relative}.timeline-post{border:1px solid var(--timeline-edge);overflow-wrap:anywhere;min-width:0;transition:box-shadow .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out);background:#fff;border-radius:14px;flex-direction:column;padding:20px 20px 10px;display:flex;box-shadow:0 1px 2px #253b6008,0 6px 20px #253b6007}.timeline-post:hover{border-color:#d9e6f5;transform:translateY(-2px);box-shadow:0 2px 6px #253b600d,0 16px 36px #253b6014}.timeline-post-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.timeline-author{align-items:center;gap:12px;min-width:0;display:flex}.timeline-author>:first-child{flex:0 0 44px;width:44px;height:44px}.timeline-author-name{min-width:0}.timeline-author strong{font-size:14px;font-weight:600;line-height:1.5;display:block}.timeline-author time{color:#626f8a;margin-top:2px;font-size:11px;display:block}.timeline-author:hover strong,.timeline-post h3 a:hover{color:#006bd6}.timeline-post h3{font-size:16px;font-weight:600;line-height:1.7}.timeline-post-excerpt{-webkit-line-clamp:3;white-space:pre-wrap;color:#5d6a81;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.85;display:-webkit-box;overflow:hidden}.timeline-media{background:#f4f7fb;border-radius:10px;gap:4px;margin-top:16px;display:grid;position:relative;overflow:hidden}.timeline-media-item{min-width:0;display:block;position:relative;overflow:hidden}.timeline-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out);display:block}.timeline-post:hover .timeline-media img{transform:scale(1.04)}.timeline-media-1 img{object-fit:contain;height:auto;max-height:600px}.timeline-media-2{aspect-ratio:1.7;grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-media-3,.timeline-media-4{aspect-ratio:1.5;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-media-3>:first-child{grid-row:span 2}.timeline-image-count{color:#fff;background:#17213980;place-items:center;font-size:24px;font-weight:600;display:grid;position:absolute;inset:0}.timeline-media-total{color:#fff;background:#172139c9;border-radius:99px;padding:3px 8px;font-size:11px;position:absolute;bottom:8px;right:8px}.timeline-post-actions{border-top:1px solid #f0f3f8;flex-wrap:wrap;align-items:center;gap:24px;margin-top:14px;padding-top:6px;font-size:13px;display:flex}.timeline-post-actions>a,.timeline-post-actions button{color:#465571;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 4px;font-size:13px;transition:background-color .15s,color .15s;display:inline-flex}.timeline-post-actions svg{width:22px;height:22px}.timeline-post-actions button[aria-label^=いいね]>span:first-child{font-size:26px;line-height:1}.timeline-post-actions button[aria-label^=いいね][aria-pressed=true]{color:#e34069}.timeline-post-actions button[aria-label^=ブックマーク][aria-pressed=true]{color:#006bd6}.timeline-post-actions button:hover,.timeline-post-actions>a:hover{background:#f1f7fd}.timeline-post-actions .closeup-share{position:relative}.timeline-post-actions [role=status]:empty{display:none}.timeline-post-actions [role=status]:not(:empty){color:#465571;z-index:2;background:#fff;border:1px solid #e5edf6;border-radius:8px;width:200px;padding:10px;font-size:12px;position:absolute;bottom:100%;right:0}.timeline-more{flex-shrink:0;position:relative}.timeline-more>summary{color:#536484;cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;line-height:1;list-style:none;display:grid}.timeline-more>summary::-webkit-details-marker{display:none}.timeline-more>summary:hover{background:#f1f7fd}.timeline-more>div{z-index:10;background:#fff;border:1px solid #e5edf6;border-radius:12px;gap:12px;width:min(260px,100vw - 72px);padding:16px;font-size:13px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 6px 24px #17213912}.timeline-access{color:#006bd6;background:#eff7ff;border-radius:6px;align-items:center;gap:5px;margin-bottom:8px;padding:4px 8px;font-size:12px;display:inline-flex}.timeline-access svg,.timeline-media-lock svg{width:18px;height:18px}.timeline-media-lock{color:#fff;background:#17213959;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timeline-media-lock-pill{background:#172139cc;border-radius:99px;align-items:center;gap:7px;max-width:calc(100% - 32px);padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.timeline-media-lock-pill>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-locked{color:#626f8a;padding-block:16px;font-size:13px;line-height:1.8}.timeline-locked a{color:#006bd6;margin-top:8px;display:block}.timeline-primary{color:#fff;background:#0085ff;border:0;border-radius:99px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.timeline-primary:hover{background:#006bd6}.timeline-empty{text-align:center;background:#fff;border:1px solid #e5edf6;border-radius:16px;margin-top:20px;padding:48px 20px}.timeline-empty-icon{color:#0085ff;background:#eff7ff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;display:grid}.timeline-empty-icon svg{width:30px;height:30px}.timeline-empty h2{font-size:18px;font-weight:600}.timeline-empty p{color:#626f8a;margin-block:12px 24px;font-size:14px;line-height:1.9}.timeline-discovery{gap:16px;min-width:0;display:grid}.timeline-discovery-card{border:1px solid var(--timeline-edge);overflow-wrap:anywhere;background:#fff;border-radius:14px;min-width:0;padding:14px}.timeline-discovery-card h2{font-size:13px;font-weight:700;line-height:1.35}.timeline-discovery-card p{color:#626f8a;margin-top:10px;font-size:13px;line-height:1.9}.timeline-discovery-intro{background:linear-gradient(130deg,#e4f5ff,#f3faff);border-color:#dbedfc;padding-block:24px}.timeline-discovery-intro h2{margin-top:14px;font-size:20px}.timeline-discovery-icon{color:#006bd6;background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.timeline-discovery-icon svg,.timeline-discovery-create>svg{color:#006bd6;width:22px;height:22px}.timeline-discovery-link{color:#006bd6;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:14px;font-size:13px;font-weight:600;display:flex}.timeline-discovery-link:hover,.timeline-discovery-heading>a:hover{text-underline-offset:3px;text-decoration:underline}.timeline-discovery-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 6px;margin-bottom:12px;display:flex}.timeline-discovery-heading>a{color:#006bd6;align-items:center;gap:4px;padding-block:4px;font-size:11px;display:inline-flex}.timeline-creator-list{grid-template-columns:minmax(0,1fr);display:grid}.timeline-creator-list li{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding-block:12px;display:flex}.timeline-creator-list li+li{border-top:0}.timeline-creator-list li:last-child{padding-bottom:0}.timeline-creator-profile{flex:100px;align-items:center;gap:10px;min-width:0;display:flex}.timeline-creator-profile>:first-child{flex:0 0 36px;width:36px;height:36px}.timeline-creator-profile>span:last-child{min-width:0}.timeline-creator-profile strong{font-size:13px;font-weight:600;display:block}.timeline-creator-profile:hover strong{color:#006bd6}.timeline-creator-profile strong,.timeline-creator-profile>span>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-creator-profile>span>span{color:#626f8a;margin-top:3px;font-size:11px;display:block}.timeline-creator-follow{max-width:100%}.timeline-creator-follow button{color:#006bd6;white-space:nowrap;background:#fff;border:1px solid #b5d9ff;border-radius:99px;min-height:36px;padding:6px 10px;font-size:11px}.timeline-creator-follow button:hover,.timeline-creator-follow button[aria-pressed=true]{background:#eff7ff}.timeline-discovery-create h2{margin-top:12px}.timeline-bottom-nav,.timeline-header .timeline-mobile-search{display:none}.timeline-page :focus-visible,.timeline-header :focus-visible{outline-offset:3px;outline:2px solid #006bd6}.shell-footer{color:#9aa5b8;letter-spacing:.02em;word-break:auto-phrase;text-wrap:pretty;padding:0 8px;font-size:11px;line-height:1.9;display:none}.shell-footer nav p+p{margin-top:2px}.shell-footer a{color:#7f8ba1;white-space:nowrap;transition:color .16s, background-size .22s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.shell-footer a:hover{color:#3d4a63;background-size:100% 1px}.shell-footer i{color:#d3d9e4;margin-inline:7px;font-style:normal}.shell-footer-meta{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:12px;font-size:10.5px;display:flex}.shell-footer-test{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.shell-footer-test:before{content:"";background:#f0b429;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #f0b42922}.shell-footer-sidebar{margin-top:28px;padding-inline:12px;display:block}.shell-footer-inline{text-align:center;grid-column:1/-1;padding-block:8px 4px;display:none}.shell-footer-inline .shell-footer-meta{justify-content:center}@media (max-width:1199px){.shell-footer-sidebar{display:none}.shell-footer-inline{display:block}}@media (max-width:767px){.timeline-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.shell-footer a{transition:none}}@media (max-width:1199px){.timeline-bottom-nav{z-index:35;padding:8px max(16px, calc((100% - 760px) / 2)) max(8px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5edf6;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.timeline-bottom-nav>a,.timeline-bottom-nav .search-notification-button{color:#536484;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;font-size:11px;font-weight:500;display:flex}.timeline-bottom-nav svg{width:24px;height:24px}.timeline-bottom-nav>[aria-current]{color:#006bd6}.timeline-bottom-nav .search-notification-button{position:relative}.timeline-bottom-nav .search-notification-button>span:first-child{width:24px;height:24px;color:inherit}.timeline-bottom-nav .timeline-create>span:first-child{color:#fff;background:#0085ff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:28px;font-weight:400;line-height:1;display:grid}.timeline-bottom-nav a:hover,.timeline-bottom-nav button:hover{background:#f1f7fd}.timeline-page [id]{scroll-margin-bottom:90px}}@media (max-width:767px){.timeline-header .landing-header-inner{gap:12px;min-height:72px;padding-block:0;display:flex}.timeline-header .closeup-header-search,.timeline-header .search-mobile-menu{display:none}.timeline-header .landing-header-actions{gap:12px;margin-left:auto;display:flex}.timeline-header .timeline-mobile-search{place-items:center;width:36px;height:44px;display:grid}.timeline-mobile-search svg{width:22px;height:22px}.timeline-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:8px 40px}.timeline-intro h1{gap:8px;font-size:25px}.timeline-intro h1 svg{width:24px;height:24px}.timeline-intro p{font-size:12px}.timeline-feed-heading{margin-top:20px}.timeline-posts{gap:14px}.timeline-post{border-radius:12px;padding:16px 14px 8px}.timeline-post-header{gap:8px;margin-bottom:12px}.timeline-post-body{order:2}.timeline-post .timeline-media{order:1;margin-top:0;margin-bottom:12px}.timeline-post-actions,.timeline-locked{order:3}.timeline-author{gap:10px}.timeline-author>:first-child{flex-basis:40px;width:40px;height:40px}.timeline-author strong{font-size:13px}.timeline-post h3{font-size:15px}.timeline-post-excerpt{font-size:13px}.timeline-media{border-radius:8px;margin-top:12px}.timeline-media-1 img{max-height:480px}.timeline-post-actions{justify-content:space-between;gap:8px;margin-top:6px}.timeline-post-actions>a,.timeline-post-actions button{gap:5px;font-size:12px}.timeline-post-actions svg{width:21px;height:21px}.timeline-bottom-nav{padding-inline:12px}.timeline-bottom-nav>a,.timeline-bottom-nav .search-notification-button{font-size:10px}}.timeline-banner{isolation:isolate;background:linear-gradient(115deg,#e0effc,#f0f3fc 55%,#d8eafb);border-radius:12px;align-items:center;min-height:256px;display:flex;position:relative;overflow:hidden}.timeline-banner-image{z-index:-2;object-fit:cover;object-position:center 40%;width:100%;height:100%;position:absolute;inset:0}.timeline-banner-with-image:after{content:"";z-index:-1;background:linear-gradient(90deg,#f2f5fff2 0%,#f2f5ffd9 34%,#f2f5ff10 75%);position:absolute;inset:0}.timeline-banner-copy{padding:32px}.timeline-banner h1{letter-spacing:.03em;font-size:clamp(22px,3.6cqi,30px);font-weight:700;line-height:1.45}.timeline-banner p{color:#465571;margin-top:14px;font-size:12px;line-height:1.9}.timeline-banner-copy>a{color:#172139;background:#fff;border-radius:99px;align-items:center;gap:18px;min-height:42px;margin-top:18px;padding:10px 22px;font-size:12px;font-weight:600;display:inline-flex}.timeline-banner-copy>a:hover{background:#eaf5ff}.timeline-banner-credit{color:#fff;background:#172139b3;border-radius:4px;max-width:70%;padding:3px 8px;font-size:10px;position:absolute;bottom:8px;right:10px}.timeline-pickup-lead{aspect-ratio:16/10;border-radius:14px;display:block;position:relative;overflow:hidden}.timeline-pickup-lead img,.timeline-pickup-tile img{object-fit:cover;background:#eef3f9;width:100%;height:100%;transition:transform .4s}.timeline-pickup-lead:hover img,.timeline-pickup-tile:hover img{transform:scale(1.05)}.timeline-pickup-overlay{color:#fff;background:linear-gradient(#0000 25%,#0a142859 55%,#0a1428d1 100%);flex-direction:column;justify-content:flex-end;gap:4px;padding:12px;display:flex;position:absolute;inset:0}.timeline-pickup-overlay strong{-webkit-line-clamp:2;text-shadow:0 1px 3px #00000059;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.timeline-pickup-sub{opacity:.95;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.timeline-pickup-sub>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-pickup-like{flex:none;align-items:center;gap:3px;font-weight:600;display:inline-flex}.timeline-pickup-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.timeline-pickup-tile{aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden}.timeline-pickup-tile .timeline-pickup-overlay{padding:8px}.timeline-pickup-tile strong{-webkit-line-clamp:2;font-size:11px;font-weight:600}.timeline-pickup-tile .timeline-pickup-like{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a14288c;border-radius:99px;padding:2px 8px;font-size:10px;position:absolute;top:8px;right:8px}.timeline-discovery-create{background:linear-gradient(125deg,#f5edfb,#e9f1ff)}.timeline-loading-posts{gap:16px;margin-top:20px;display:grid}@media (min-width:768px){@container timeline-feed (min-width:580px){.timeline-stream[data-view=grid] .timeline-posts,.timeline-loading-posts{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-stream[data-view=grid] .timeline-posts[data-ready=true]{grid-auto-rows:1px;grid-auto-flow:dense;row-gap:0}.timeline-stream[data-view=grid] .timeline-posts[data-ready=true]>.timeline-post-cell{grid-row-end:var(--timeline-row-span,auto)}.timeline-stream[data-view=grid] .timeline-post{padding:0 16px 8px}.timeline-stream[data-view=grid] .timeline-post:not(:has(.timeline-media)){padding-top:16px}.timeline-stream[data-view=grid] .timeline-media{aspect-ratio:auto;border-radius:13px 13px 0 0;order:-1;margin:0 -16px 14px;display:block}.timeline-stream[data-view=grid] .timeline-media-item:not(:first-child){display:none}.timeline-stream[data-view=grid] .timeline-media img{object-fit:contain;height:auto;max-height:420px}.timeline-stream[data-view=grid] .timeline-post-header{gap:6px;margin-block:0 10px}.timeline-stream[data-view=grid] .timeline-author{gap:6px}.timeline-stream[data-view=grid] .timeline-author>:first-child{flex-basis:32px;width:32px;height:32px}.timeline-stream[data-view=grid] .timeline-author strong{font-size:12px}.timeline-stream[data-view=grid] .timeline-author time{font-size:10px}.timeline-stream[data-view=grid] .timeline-more>summary{width:32px;height:36px}.timeline-stream[data-view=grid] .timeline-post h3{font-size:14px}.timeline-stream[data-view=grid] .timeline-post-excerpt{-webkit-line-clamp:2;font-size:12px;line-height:1.8}.timeline-stream[data-view=grid] .timeline-post-actions{justify-content:space-between;gap:4px;margin-top:8px}.timeline-stream[data-view=grid] .timeline-post-actions>a .timeline-action-label{display:none}.timeline-stream[data-view=grid] .timeline-post-actions .closeup-share button{gap:0;font-size:0}.timeline-stream[data-view=grid] .timeline-post-actions>a,.timeline-stream[data-view=grid] .timeline-post-actions button{gap:4px;font-size:12px}.timeline-stream[data-view=grid] .timeline-post-actions svg{width:20px;height:20px}.timeline-stream[data-view=grid] .timeline-post-actions .closeup-share button:after{content:none}}}@container timeline-feed (min-width:780px){.timeline-stream[data-view=grid] .timeline-posts,.timeline-loading-posts{grid-template-columns:repeat(3,minmax(0,1fr))}}@container timeline-feed (max-width:579px){.timeline-view-switch{display:none}.timeline-feed-heading{min-height:44px}}@media (max-width:767px){.timeline-view-switch{display:none}.timeline-feed-heading{min-height:44px}.timeline-banner{align-items:flex-end;min-height:280px}.timeline-banner-copy{padding:22px}.timeline-banner-with-image:after{background:linear-gradient(#f4f8ff08 0%,#f4f8ffd9 55%,#f4f8fff5 100%)}.timeline-banner h1{font-size:24px}.timeline-banner p{margin-top:10px}.timeline-banner-copy>a{margin-top:12px}.timeline-banner-credit{top:8px;bottom:auto}.timeline-discovery{display:none}}.timeline-sidebar{z-index:40;width:var(--timeline-nav-width);border-right:1px solid var(--timeline-edge);background:#fff;flex-direction:column;height:100dvh;padding:0 16px;display:flex;position:fixed;inset:0 auto 0 0}.timeline-sidebar-brand{min-height:88px;font-family:var(--font-display);letter-spacing:-1.3px;color:#1c2338;flex-shrink:0;align-items:center;padding-inline:12px;font-size:30px;font-weight:800;display:flex}.timeline-sidebar-mark{display:none}.timeline-sidebar-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding-block:8px 20px;overflow-y:auto}.timeline-sidebar-nav{gap:20px;display:grid}.timeline-nav-section{gap:3px;display:grid}.timeline-nav-section+.timeline-nav-section{border-top:1px solid #edf1f7;padding-top:20px}.timeline-nav-section-title{letter-spacing:.06em;color:#8b96ab;margin-bottom:8px;padding-inline:12px;font-size:10px;font-weight:600}.timeline-nav-item{color:#505b74;white-space:nowrap;border-radius:10px;align-items:center;gap:11px;min-height:42px;padding:8px 12px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:flex;position:relative}.timeline-nav-item svg{width:19px;height:19px}.timeline-nav-item:hover{color:#006bd6;background:#f6f9fd}.timeline-nav-item[aria-current]{color:#0077ed;background:#edf5ff;font-weight:700}.timeline-nav-item[aria-current]:before{content:"";background:#1688fa;border-radius:3px;width:3px;height:16px;position:absolute;left:0}.timeline-nav-planned{color:#929cb0;cursor:default;font-weight:400}.timeline-nav-planned:hover{color:#929cb0;background:0 0}.timeline-nav-planned small{margin-left:auto;font-size:9px}.timeline-nav-unread{color:#fff;background:#fa4a7b;border-radius:50%;place-items:center;min-width:16px;height:16px;margin-left:auto;padding-inline:3px;font-size:9px;display:grid}.timeline-sidebar-create{color:#0874df;background:#f2f8ff;border:1px solid #dceafa;border-radius:99px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin-top:24px;padding:10px;font-size:12px;font-weight:600;display:flex}.timeline-sidebar-create svg{width:17px;height:17px}.timeline-sidebar-create:hover{background:#e6f2ff}.timeline-sidebar-note{background:linear-gradient(135deg,#f6f9ff,#f1f4fb);border-radius:12px;margin-top:28px;padding:20px 14px}.timeline-sidebar-note p{color:#66728b;letter-spacing:.1em;font-size:17px;line-height:1.8}.timeline-sidebar-note>span{color:#8792a8;letter-spacing:.05em;margin-top:12px;font-size:10px;line-height:1.8;display:block}.timeline-sidebar-account{border-top:1px solid #edf1f7;flex-shrink:0;align-items:center;gap:9px;min-height:78px;padding:14px 4px;display:flex}.timeline-sidebar-account>span:nth-child(2){flex:1;min-width:0}.timeline-sidebar-account strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.timeline-sidebar-account small{color:#8792a8;margin-top:4px;font-size:10px;display:block}.timeline-sidebar-account>span:last-child{color:#8792a8}.timeline-sidebar-account:hover strong{color:#006bd6}body:has(.timeline-page)>.timeline-header{margin-left:var(--timeline-nav-width);background:var(--timeline-paper);position:sticky;top:0}body:has(.timeline-page)>.timeline-header .landing-header-inner{width:min(calc(100% - 2 * var(--timeline-gutter)), 1440px);grid-template-columns:minmax(0,1fr) auto;gap:24px;min-height:88px}body:has(.timeline-page)>.timeline-header .closeup-header-search{max-width:680px}body:has(.timeline-page)>.timeline-header .search-form{height:44px;box-shadow:none;background:#edf1f7;border-color:#0000}body:has(.timeline-page)>.timeline-header .search-form:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-field-ring);background:#fff}body:has(.timeline-page)>.timeline-header .landing-header-actions{gap:18px}.timeline-header-create{color:#fff;background:#252d46;border-radius:99px;align-items:center;gap:8px;min-height:40px;padding:10px 20px;font-size:12px;font-weight:600;display:inline-flex}.timeline-header-create svg{width:17px;height:17px}.timeline-header-create:hover{background:#3b4665}.timeline-author-name,.timeline-author{flex:1}.timeline-author strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-author-meta{color:#7c879c;flex-wrap:wrap;align-items:baseline;column-gap:6px;margin-top:2px;font-size:10px;display:flex}.timeline-author-meta>span{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.timeline-author .timeline-author-meta time{color:inherit;margin:0;font-size:10px}.timeline-author-meta>span+time:before{content:"·";margin-right:6px}.timeline-post-actions button[aria-label^=いいね] svg{color:#e8567b}.timeline-post-actions button[aria-label^=いいね][aria-pressed=true] svg{fill:currentColor}.timeline-post-actions button:disabled{cursor:wait}.timeline-post-actions>a:hover,.timeline-post-actions button:hover{color:#006bd6}.timeline-post-actions button[aria-label^=いいね]:hover{color:#dc3865;background:#fff3f6}.timeline-post-actions button[aria-label^=いいね]>span{font-size:12px;line-height:1.5}.timeline-media-total{align-items:center;gap:5px;display:inline-flex}.timeline-media-total svg{width:12px;height:12px}.timeline-discovery-heading>a{white-space:nowrap;font-size:10px}.timeline-creator-profile>:first-child{flex-basis:38px;width:38px;height:38px;box-shadow:0 0 0 3px #f6f9fd}.timeline-creator-profile strong{font-size:12px}.timeline-creator-follow button{background:#f5faff;min-height:32px;font-size:10px}.timeline-discovery-create{background:linear-gradient(130deg,#f6effd,#edf1ff);border-color:#eceafb;padding:22px 18px}.timeline-discovery-create .timeline-discovery-link{background:#fff;border-radius:99px;justify-content:center;gap:12px;width:fit-content;padding:0 16px;font-size:11px}@media (min-width:768px){body:has(.timeline-page)>.timeline-header .landing-logo{display:none}.timeline-page .timeline-bottom-nav{display:none}}@media (min-width:1200px) and (max-width:1399px){body:has(.timeline-page){--timeline-gutter:24px}.timeline-layout{grid-template-columns:minmax(0,1fr) 264px;gap:20px}.timeline-discovery-card{padding:14px}}@media (min-width:768px) and (max-width:1199px){body:has(.timeline-page){--timeline-nav-width:76px;--timeline-gutter:20px}.timeline-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.timeline-sidebar{padding-inline:12px}.timeline-sidebar-brand{justify-content:center;padding:0}.timeline-sidebar-brand>span{display:none}.timeline-sidebar-mark{display:block}.timeline-sidebar-scroll{scrollbar-width:none}.timeline-sidebar-nav{gap:14px}.timeline-nav-section{gap:5px}.timeline-nav-section+.timeline-nav-section{padding-top:14px}.timeline-nav-section-title,.timeline-nav-label,.timeline-nav-planned small{display:none}.timeline-nav-item{justify-content:center;min-height:46px;padding:10px}.timeline-nav-item svg{width:21px;height:21px}.timeline-nav-unread{position:absolute;top:3px;right:1px}.timeline-sidebar-create{border-radius:14px;min-height:46px}.timeline-sidebar-create span,.timeline-sidebar-note{display:none}.timeline-sidebar-account{justify-content:center}.timeline-sidebar-account>span:nth-child(2),.timeline-sidebar-account>span:last-child{display:none}.timeline-discovery-card{padding:14px}.timeline-discovery-heading{gap:0}.timeline-discovery-heading h2{font-size:12px}.timeline-creator-list li{gap:7px}.timeline-creator-profile{flex-basis:85px;gap:7px}.timeline-creator-profile>:first-child{flex-basis:32px;width:32px;height:32px}}@media (max-width:767px){body:has(.timeline-page){--timeline-nav-width:0px;--timeline-gutter:14px}.timeline-sidebar{display:none}body:has(.timeline-page)>.timeline-header .landing-header-inner{gap:12px;min-height:68px}body:has(.timeline-page)>.timeline-header .landing-header-actions{gap:14px}.timeline-header-create{display:none}.timeline-layout{padding-top:6px}.timeline-post{border-radius:14px;padding:16px 14px 8px}.timeline-post-actions{padding-top:5px}.timeline-author-meta>span{max-width:82px}.timeline-author .timeline-author-meta time{font-size:9px}.timeline-banner{min-height:300px}.timeline-banner-copy{padding:24px}.timeline-banner h1{font-size:25px}.timeline-bottom-nav{box-shadow:0 -4px 20px #26395005}.timeline-bottom-nav>[aria-current] svg{fill:#e4f2ff}}@media (prefers-reduced-motion:reduce){.timeline-nav-item,.timeline-post,.timeline-media img,.timeline-post-actions>a,.timeline-post-actions button{transition:none}.timeline-post:hover,.timeline-post:hover .timeline-media img{transform:none}}.timeline-notification-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block:20px 8px;display:flex}.timeline-notification-filters{flex-wrap:wrap;gap:8px;display:flex}.timeline-notification-filters button{border:1px solid var(--color-edge);background:var(--color-surface);min-height:38px;color:var(--color-ink);cursor:pointer;transition:background-color .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:inline-flex}.timeline-notification-filters button:hover{background:var(--color-surface-muted);color:var(--color-primary-hover)}.timeline-notification-filters button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:600}.timeline-notification-badge{background:var(--color-surface-muted);min-width:22px;height:20px;color:var(--color-ink-muted);font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;padding-inline:6px;font-size:11px;font-weight:600;display:inline-grid}.timeline-notification-filters button[aria-pressed=true] .timeline-notification-badge{background:color-mix(in oklab, var(--color-on-primary) 24%, transparent);color:var(--color-on-primary)}.timeline-notification-actions{align-items:center;gap:8px;display:flex}.timeline-notification-readall{border:1px solid var(--color-edge);background:var(--color-surface);min-height:40px;color:var(--color-ink);white-space:nowrap;cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;display:inline-flex}.timeline-notification-readall svg{width:16px;height:16px}.timeline-notification-readall:hover{background:var(--color-surface-muted);color:var(--color-primary-hover)}.timeline-notification-readall:disabled{color:var(--color-ink-muted);background:var(--color-surface);opacity:.6;cursor:default}.timeline-notification-more{border:1px solid var(--color-edge);background:var(--color-surface);width:40px;height:40px;color:var(--color-ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.timeline-notification-more svg{width:18px;height:18px}.timeline-notification-more:hover,.timeline-notification-more[data-state=open]{background:var(--color-surface-muted);color:var(--color-primary-hover)}.timeline-notification-groups{gap:28px;margin-top:12px;display:grid}.timeline-notification-group{min-width:0}.timeline-notification-group>h2{color:var(--color-ink-muted);margin:0 4px 10px;font-size:13px;font-weight:600}.timeline-notification-panel{border:1px solid var(--color-edge);background:var(--color-surface);border-radius:20px;overflow:hidden}.timeline-notification-row{transition:background-color .15s var(--ease-out);grid-template-columns:32px minmax(0,1fr);column-gap:12px;padding:16px 28px 16px 20px;display:grid;position:relative}.timeline-notification-row:hover{background:color-mix(in oklab, var(--color-surface-muted) 60%, var(--color-surface))}.timeline-notification-row.is-fresh{background:color-mix(in oklab, var(--color-primary) 4%, var(--color-surface))}.timeline-notification-row.is-fresh:hover{background:color-mix(in oklab, var(--color-primary) 7%, var(--color-surface))}.timeline-notification-panel>li+li>.timeline-notification-row:before{content:"";background:var(--color-edge);height:1px;position:absolute;top:0;left:64px;right:0}.timeline-notification-row:has(.timeline-notification-link:focus-visible){outline:2px solid var(--color-primary);outline-offset:-2px}.timeline-notification-link{z-index:0;position:absolute;inset:0}.timeline-notification-link:focus-visible{outline:none}.timeline-notification-row>:not(.timeline-notification-link){z-index:1;pointer-events:none;position:relative}.timeline-notification-row>.timeline-notification-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:28px;right:10px}.timeline-notification-interactive{pointer-events:auto}.timeline-notification-kind{justify-content:center;align-items:center;height:32px;display:flex}.timeline-notification-kind svg{width:20px;height:20px}.timeline-notification-body{min-width:0}.timeline-notification-head{align-items:center;height:32px;display:flex}.timeline-notification-time{color:var(--color-ink-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:12px;font-size:13px}.timeline-notification-actors{flex-shrink:0;align-items:center;display:flex}.timeline-notification-actors>*+*{margin-left:-8px}.timeline-notification-actors>a,.timeline-notification-actors>span{border-radius:50%;display:block}.timeline-notification-avatar{object-fit:cover;width:32px;height:32px;box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;place-items:center;display:grid}.timeline-notification-avatar.is-initial{background:linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 15%, var(--color-surface)), color-mix(in oklab, var(--color-primary) 5%, var(--color-surface)));color:var(--color-primary-hover);font-size:13px;font-weight:600}.timeline-notification-avatar.is-silhouette{background:var(--color-surface-muted);color:var(--color-ink-muted)}.timeline-notification-avatar.is-silhouette svg{opacity:.7;width:18px;height:18px;transform:translateY(1px)}.timeline-notification-actors>.timeline-notification-more-actors{background:var(--color-surface-strong);width:32px;height:32px;box-shadow:0 0 0 2px var(--color-surface);color:var(--color-ink-muted);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.timeline-notification-message{overflow-wrap:anywhere;margin-top:8px;font-size:15px;line-height:1.6}.timeline-notification-name{font-weight:700}a.timeline-notification-name:hover{text-decoration:underline}.timeline-notification-excerpt{border-left:2px solid var(--color-edge);color:color-mix(in oklab, var(--color-ink) 80%, transparent);overflow-wrap:anywhere;margin-top:8px;padding-left:12px;font-size:14px;line-height:1.65}.timeline-notification-excerpt>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.timeline-notification-price{color:var(--color-ink-muted);margin-top:6px;font-size:13px}.timeline-notification-embed{align-items:center;gap:12px;max-width:36rem;margin-top:12px;display:flex}.timeline-notification-thumb{background:var(--color-surface-muted);border-radius:10px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.timeline-notification-thumb img{object-fit:cover;width:100%;height:100%;display:block}.timeline-notification-thumb-empty,.timeline-notification-thumb-lock{place-items:center;display:grid;position:absolute;inset:0}.timeline-notification-thumb-empty{color:var(--color-ink-muted);opacity:.55}.timeline-notification-thumb-empty svg{width:20px;height:20px}.timeline-notification-thumb-lock{background:color-mix(in oklab, var(--color-ink) 35%, transparent);color:var(--color-on-primary)}.timeline-notification-thumb-lock svg{width:16px;height:16px}.timeline-notification-embed-meta{min-width:0}.timeline-notification-embed-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.timeline-notification-row:hover .timeline-notification-embed-meta strong{text-decoration:underline}.timeline-notification-embed-counts{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;gap:12px;margin-top:2px;font-size:12px;display:flex}.timeline-notification-embed-counts>span{align-items:center;gap:4px;display:inline-flex}.timeline-notification-embed-counts svg{width:14px;height:14px}.timeline-notification-row.is-skeleton:hover{background:0 0}.timeline-notification-row.is-skeleton .timeline-notification-avatar{box-shadow:none}.timeline-notification-loading{margin-top:8px}.timeline-notification-sentinel{height:1px}.timeline-notification-end{color:var(--color-ink-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:24px;font-size:12px;display:flex}@container timeline-feed (max-width:640px){.timeline-notification-row{padding:14px 24px 14px 16px}.timeline-notification-panel>li+li>.timeline-notification-row:before{left:60px}.timeline-notification-row>.timeline-notification-dot{top:26px;right:8px}}@media (max-width:767px){.timeline-notification-toolbar{margin-block:16px 4px}.timeline-notification-filters{margin-inline:calc(-1 * var(--timeline-gutter));padding-inline:var(--timeline-gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.timeline-notification-filters button{flex-shrink:0;min-height:34px;padding:6px 12px;font-size:12px;position:relative}.timeline-notification-actions{margin-left:auto}.timeline-notification-readall{min-height:36px;padding:6px 14px;font-size:12px}.timeline-notification-more{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.timeline-notification-row,.timeline-notification-filters button{transition:none}}.timeline-layout:not(:has(.timeline-discovery)){grid-template-columns:minmax(0,1fr)}.timeline-profile{border:1px solid var(--timeline-edge);background:#fff;border-radius:14px;min-width:0;box-shadow:0 1px 2px #253b6008,0 6px 20px #253b6007}.timeline-profile-cover{aspect-ratio:3;background:linear-gradient(130deg,#e4f5ff,#f3faff 55%,#e9f1ff);border-radius:13px 13px 0 0;overflow:hidden}.timeline-profile-cover img{object-fit:cover;width:100%;height:100%;display:block}.timeline-profile-body{overflow-wrap:anywhere;padding:0 24px 20px}.timeline-profile-top{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:-56px;display:flex}.timeline-profile-avatar{border:4px solid #fff;flex:0 0 112px;width:112px;height:112px;box-shadow:0 2px 10px #253b6012}.timeline-profile-actions{align-items:center;gap:8px;min-width:0;padding-bottom:4px;display:flex}.timeline-profile-edit{color:#0877e6;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c5def9;border-radius:99px;justify-content:center;align-items:center;min-height:40px;padding:8px 18px;font-size:13px;font-weight:600;transition:background-color .15s;display:inline-flex}.timeline-profile-edit:hover{background:#eff7ff}.timeline-profile-follow button{min-height:40px;padding-block:8px}.timeline-profile-more>summary{background:#fff;border:1px solid #e5edf6;width:40px;height:40px;font-size:20px}.timeline-profile-name{font-family:var(--font-display);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:12px;font-size:24px;font-weight:700;line-height:1.4;display:flex}.timeline-profile-badge{color:#006bd6;font-family:var(--font-sans);letter-spacing:0;background:#eff7ff;border-radius:99px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.timeline-profile-handle{color:#626f8a;margin-top:2px;font-size:13px}.timeline-profile-bio{color:#34405a;white-space:pre-wrap;margin-top:12px;font-size:14px;line-height:1.85}.timeline-profile-meta{color:#626f8a;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:12px;display:flex}.timeline-profile-meta li{align-items:center;gap:6px;display:inline-flex}.timeline-profile-meta svg{width:16px;height:16px}.timeline-profile-meta strong{color:var(--timeline-ink);font-size:13px;font-weight:700}.timeline-profile-page>.timeline-profile{box-shadow:none;border-bottom:0;border-radius:14px 14px 0 0}.timeline-profile-page .timeline-feed-heading.has-custom-heading{border:1px solid var(--timeline-edge);background:#fff;border-top-color:#f0f3f8;border-radius:0 0 14px 14px;gap:12px;margin:0;padding-inline:16px 12px;box-shadow:0 6px 20px #253b6007}.timeline-profile-page .timeline-feed-heading.has-custom-heading .timeline-view-switch{padding-block:6px}.timeline-profile-stream .timeline-posts,.timeline-profile-tab-body,.timeline-profile-page .timeline-feed-heading.has-custom-heading+.timeline-empty{margin-top:16px}.timeline-profile-tabs{scrollbar-width:none;align-self:stretch;gap:4px;min-width:0;display:flex;overflow-x:auto}.timeline-profile-tabs a{color:#626f8a;white-space:nowrap;align-items:center;gap:6px;min-height:52px;padding:8px 12px;font-size:14px;font-weight:500;transition:color .15s;display:inline-flex;position:relative}.timeline-profile-tabs a:hover{color:#006bd6}.timeline-profile-tabs a[aria-current]{color:var(--timeline-ink);font-weight:700}.timeline-profile-tabs a[aria-current]:after{content:"";background:#0085ff;border-radius:3px;height:3px;position:absolute;inset:auto 12px -1px}.timeline-profile-tabs svg{color:#8b96ab;width:13px;height:13px}.timeline-profile-tab-count{color:#626f8a;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.timeline-profile-tabs a[aria-current] .timeline-profile-tab-count{color:#006bd6;font-weight:700}.timeline-profile-lead{color:#626f8a;margin-bottom:16px;font-size:13px;line-height:1.8}.timeline-profile-plans{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@container timeline-feed (min-width:580px){.timeline-profile-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@container timeline-feed (min-width:880px){.timeline-profile-plans{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.timeline-profile{border-radius:12px}.timeline-profile-cover{border-radius:11px 11px 0 0}.timeline-profile-body{padding:0 16px 16px}.timeline-profile-top{margin-top:-40px}.timeline-profile-avatar{border-width:3px;flex-basis:80px;width:80px;height:80px;font-size:20px}.timeline-profile-edit,.timeline-profile-follow button{min-height:36px;padding:6px 14px;font-size:12px}.timeline-profile-more>summary{width:36px;height:36px}.timeline-profile-name{margin-top:10px;font-size:20px}.timeline-profile-bio{font-size:13px}.timeline-profile-page>.timeline-profile{border-radius:12px 12px 0 0}.timeline-profile-page .timeline-feed-heading.has-custom-heading{border-radius:0 0 12px 12px;padding-inline:8px}.timeline-profile-page .timeline-feed-controls>span{display:none}.timeline-profile-tabs a{min-height:48px;padding-inline:10px;font-size:13px}}@media (prefers-reduced-motion:reduce){.timeline-profile-edit,.timeline-profile-tabs a{transition:none}}.timeline-layout:has(>.search-feed){width:calc(100% - 2 * var(--timeline-gutter))}body:has(.timeline-page .search-feed)>.timeline-header .landing-header-inner{width:calc(100% - 2 * var(--timeline-gutter))}.timeline-sidebar-guest{background:#f7fbff;border:1px solid #dceafa;border-radius:12px;margin-top:24px;padding:16px 14px}.timeline-sidebar-guest p{color:#626f8a;font-size:11px;line-height:1.8}.timeline-sidebar-guest .timeline-sidebar-create{margin-top:12px}.timeline-sidebar-register{color:#fff;background:#0085ff;border-radius:99px;justify-content:center;align-items:center;min-height:42px;margin-top:8px;padding:10px;font-size:12px;font-weight:600;display:flex}.timeline-sidebar-register:hover{background:#006bd6}@media (max-width:1199px){.timeline-bottom-nav-guest{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px) and (max-width:1199px){.timeline-sidebar-guest{background:0 0;border:0;margin-top:24px;padding:0}.timeline-sidebar-guest p,.timeline-sidebar-register{display:none}.timeline-sidebar-guest .timeline-sidebar-create{margin-top:0}}.timeline-feed.article-page{flex:none;padding-block:0}.series-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.series-card{border:1px solid var(--color-edge);background:var(--color-surface);border-radius:18px;flex-direction:column;height:100%;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.series-card:hover{border-color:color-mix(in oklab, var(--color-primary) 35%, var(--color-edge));transform:translateY(-2px)}.series-card-cover{aspect-ratio:16/9;object-fit:cover;place-items:center;width:100%;display:grid}.series-card-cover.is-empty,.series-hero-cover.is-empty{background:color-mix(in oklab, var(--color-primary) 10%, var(--color-surface));color:var(--color-primary);font-weight:700}.series-card-body{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.series-card-body strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.series-card-body small{color:var(--color-ink-muted);font-size:12px}.series-card-description{color:var(--color-ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.series-page{flex-direction:column;gap:16px;display:flex}.series-hero{border:1px solid var(--color-edge);background:var(--color-surface);border-radius:22px;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:20px;padding:20px;display:grid}.series-hero-cover{aspect-ratio:16/9;object-fit:cover;border-radius:14px;place-items:center;width:100%;font-size:20px;display:grid}.series-hero-text{flex-direction:column;gap:10px;min-width:0;display:flex}.series-hero-kicker{color:var(--color-primary);font-size:12px;font-weight:700}.series-hero h1{font-family:var(--font-display), var(--font-sans), sans-serif;overflow-wrap:anywhere;font-size:clamp(22px,2.6vw,28px);font-weight:700;line-height:1.35}.series-hero-author{align-self:flex-start;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.series-hero-author:hover{color:var(--color-primary)}.series-hero-description{color:var(--color-ink-muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.series-hero-meta{color:var(--color-ink-muted);font-size:13px}.series-list{border:1px solid var(--color-edge);background:var(--color-surface);border-radius:20px;flex-direction:column;padding:6px;display:flex}.series-list>li+li{border-top:1px solid var(--color-edge)}.series-row{border-radius:14px;align-items:center;gap:14px;padding:10px 12px;display:flex}.series-row:hover{background:var(--color-surface-muted)}.series-row-number{color:color-mix(in oklab, var(--color-ink) 35%, transparent);font-variant-numeric:tabular-nums;text-align:center;flex:0 0 34px;font-size:18px;font-weight:800}.series-row-thumb{background:var(--color-surface-muted);height:63px;color:var(--color-ink-muted);object-fit:cover;border-radius:10px;flex:0 0 112px;place-items:center;font-size:11px;display:grid}.series-row-thumb svg{width:16px;height:16px}.series-row-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.series-row-text strong{align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.series-row-text strong span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.series-row-text strong svg{width:14px;height:14px;color:var(--color-ink-muted);flex:none}.series-row-text small{color:var(--color-ink-muted);font-size:12px}@container timeline-feed (max-width:640px){.series-hero{grid-template-columns:minmax(0,1fr);padding:16px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.series-row{gap:10px;padding:8px}.series-row-number{flex-basis:22px;font-size:15px}.series-row-thumb{flex-basis:84px;height:47px}}.checkout-back{color:var(--color-ink-muted);margin-bottom:12px;font-size:13px;display:inline-flex}.checkout-back:hover{color:var(--color-primary-hover);text-decoration:underline}.checkout-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:20px;margin-top:24px;display:grid}.checkout-card{border:1px solid var(--timeline-edge);background:#fff;border-radius:20px;min-width:0;padding:22px}.checkout-error.is-page{margin-top:24px;padding:14px 18px}.checkout-card-title{margin-bottom:16px;font-size:15px;font-weight:700}.checkout-summary{flex-direction:column;display:flex;position:sticky;top:24px;overflow:hidden}.checkout-summary-cover{aspect-ratio:16/9;object-fit:cover;width:calc(100% + 44px);max-width:none;margin:-22px -22px 18px}.checkout-creator{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.checkout-plan{border-top:1px solid var(--timeline-edge);justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;padding-top:16px;display:flex}.checkout-plan strong{font-size:15px;font-weight:700}.checkout-price{white-space:nowrap}.checkout-price b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.checkout-price small{color:var(--color-ink-muted);font-size:13px}.checkout-plan-description{color:#626f8a;white-space:pre-line;margin-top:10px;font-size:13px;line-height:1.8}.checkout-pay{flex-direction:column;gap:12px;margin-top:24px;display:flex}.checkout-pay>button{width:100%;min-height:48px}.checkout-pay-note{color:var(--color-ink-muted);text-align:center;font-size:12px;line-height:1.7}.checkout-error{background:var(--color-danger-surface);color:var(--color-danger);border-radius:12px;padding:10px 14px;font-size:13px}.checkout-skeleton{animation:1.4s ease-in-out infinite checkout-pulse}.checkout-skeleton.is-summary{height:220px}.checkout-skeleton.is-form{height:440px}@keyframes checkout-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.checkout-skeleton{animation:none}}@container timeline-feed (max-width:760px){.checkout-layout{grid-template-columns:minmax(0,1fr)}.checkout-summary{position:static}.checkout-summary-cover{display:none}}.checkout-success{margin-top:0}.checkout-success h1{font-size:20px;font-weight:700}.checkout-success-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.checkout-success-actions svg{width:16px;height:16px;margin-right:6px}.underline-tabs{position:relative}.underline-tabs.underline-tabs a[aria-current]:after{display:none}.underline-tabs.underline-tabs:not([data-ready]) a[data-active]:after{content:"";background:#0085ff;border-radius:3px;height:3px;display:block;position:absolute;inset:auto 12px -1px}.underline-tabs.underline-tabs a[aria-current]:not([data-active]){color:#626f8a;font-weight:500}.underline-tabs.underline-tabs a[data-active]{color:var(--color-ink);font-weight:700}.underline-tabs-indicator{opacity:0;pointer-events:none;background:#0085ff;border-radius:3px;width:0;height:3px;position:absolute;bottom:-1px;left:0}.underline-tabs[data-ready] .underline-tabs-indicator{opacity:1}.underline-tabs[data-animate] .underline-tabs-indicator{transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){.underline-tabs[data-animate] .underline-tabs-indicator{transition:none}}.timeline-profile-tabs.underline-tabs a[aria-current]:not([data-active]) .timeline-profile-tab-count{color:#626f8a;font-weight:500}.timeline-profile-tabs.underline-tabs a[data-active] .timeline-profile-tab-count{color:#006bd6;font-weight:700}.timeline-profile-page>:not(.timeline-profile,.timeline-profile-tabbar,.timeline-stream),.timeline-profile-page>.timeline-stream>.timeline-posts{transition:opacity .15s}.timeline-profile-page[data-tabs-pending]>:not(.timeline-profile,.timeline-profile-tabbar,.timeline-stream),.timeline-profile-page[data-tabs-pending]>.timeline-stream>.timeline-posts{opacity:.55;pointer-events:none}
