@layer components{.wyb-page{overscroll-behavior:contain;background:var(--color-dialog);min-height:0;color:var(--color-ink);font-family:var(--font-chrome);flex:1;overflow-y:auto}.wyb-intro{justify-items:start;gap:14px;max-width:36rem;margin-inline:auto;padding:clamp(20px,5cqh,44px) clamp(16px,5%,32px) 40px;display:grid}.wyb-intro-icon{width:48px;height:48px}.wyb-hello{font:800 var(--text-title) / 1.05 var(--font-display);color:var(--color-sky-800);letter-spacing:-.01em;margin:0}.wyb-lead{font:400 var(--text-lead) / 1.45 var(--font-read);color:var(--color-ink);margin:0}.wyb-pledge{width:100%;margin-top:4px}.wyb-pledge ul{font-size:var(--text-small);color:var(--color-ink-2);margin:0;padding-left:1.1rem;line-height:1.55}.wyb-pledge li+li{margin-top:.45em}.wyb-begin{margin-top:6px}.wyb-small{font-size:var(--text-chrome);color:var(--color-ink-muted);margin:0}.wyb-feed{max-width:40rem;margin-inline:auto;padding:20px clamp(14px,4%,28px) 56px}.wyb-looking{text-align:center;color:var(--color-ink-muted);margin:48px 0}.wyb-part+.wyb-part{border-top:1px solid var(--xp-shadow);box-shadow:inset 0 1px 0 var(--xp-hilight);margin-top:40px;padding-top:28px}.wyb-part-head{animation:wyb-in .42s var(--ease-ui,ease-out) both}.wyb-kicker{font-size:var(--text-chrome);color:var(--color-grass-600);margin:0 0 2px;font-weight:700}.wyb-part-head h2{font:800 clamp(1.4rem, 2.2vw, 1.85rem) / 1.1 var(--font-display);color:var(--color-sky-800);margin:0}.wyb-part-head p:last-child{font:400 1rem / 1.5 var(--font-read);color:var(--color-ink-2);margin:6px 0 0}.wyb-cards{gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.wyb-card,.wyb-aside,.wyb-ad{animation:wyb-in .38s var(--ease-ui,ease-out) both}.wyb-aside,.wyb-ad{margin-top:14px;display:block}.wyb-card .xp-group,.wyb-aside .xp-group,.wyb-ad .xp-group{padding:.85rem 1rem 1rem}.wyb-value{background:var(--color-cloud);box-shadow:var(--xp-groove);font:700 1.125rem / 1.35 var(--font-display);color:var(--color-ink);overflow-wrap:anywhere;min-height:2.2rem;margin:0;padding:.5rem .7rem}.wyb-card[data-kept] .wyb-value{color:var(--color-ink-muted);font-style:italic;font-weight:600}.wyb-note{font:400 .9375rem / 1.5 var(--font-read);color:var(--color-ink-2);margin:.6rem 0 0}.wyb-live{color:var(--color-grass-600);margin-left:.5em;font-size:.6875rem;font-weight:700}.wyb-live:before{content:"●";margin-right:.3em;animation:2.4s ease-in-out infinite wyb-pulse}.wyb-drawing{max-width:100%;height:auto;box-shadow:var(--xp-groove);margin-top:10px;display:block}.wyb-fonts{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.wyb-fonts li{background:var(--color-cloud);box-shadow:var(--xp-groove);color:var(--color-ink);padding:4px 9px;font-size:1rem;line-height:1.3}.wyb-emoji{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.wyb-emoji li{background:var(--color-cloud);min-width:3.25rem;box-shadow:var(--xp-groove);justify-items:center;gap:2px;padding:6px 8px 4px;display:grid}.wyb-emoji-char{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.75rem;line-height:1.1}.wyb-emoji-ver{color:var(--color-ink-muted);font-size:.6875rem}.wyb-aside .xp-field input{font-family:var(--font-read)}.wyb-ad-row{align-items:center;gap:12px;display:flex}.wyb-ad-row img{border-radius:12px;flex:none}.wyb-ad-name{font:700 1.05rem / 1.2 var(--font-display);margin:0}.wyb-ad-tag{font-size:var(--text-small);color:var(--color-ink-muted);margin:2px 0 0}.wyb-ad-link{margin-top:12px;text-decoration:none}.wyb-final{font:italic 400 var(--text-lead) / 1.45 var(--font-read);color:var(--color-sky-800);animation:wyb-in .48s var(--ease-ui,ease-out) both;margin:22px 0 0}.wyb-foot{background:var(--color-dialog);border-top:1px solid var(--xp-shadow);box-shadow:inset 0 1px 0 var(--xp-hilight);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px clamp(14px,4%,24px) 12px;display:flex}.wyb-foot-end{justify-content:flex-end}.wyb-next:disabled{opacity:.45;filter:saturate(.4);cursor:default}.wyb-status-part,.wyb-status-read{white-space:nowrap}@media (width<=479px){.wyb-status-asked{display:none!important}}@keyframes wyb-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wyb-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.wyb-part-head,.wyb-card,.wyb-aside,.wyb-ad,.wyb-final,.wyb-live:before{animation:none}}}