:root{--brand:#f4805d;--ink:#1a1614;--paper:#faf6f1;--surface:#fff;--line:#e7dfd6;--muted:#5c534d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}.wrap{max-width:820px;margin:0 auto;padding:40px 24px}.pf{gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.badge,.pf{display:flex;align-items:center}.badge{width:38px;height:38px;border-radius:9px;background:var(--brand);color:#fff;justify-content:center;font-weight:700}h1{font-size:1.6rem;margin:0;letter-spacing:-.02em}h2{font-size:1.05rem;margin:0 0 10px}.muted,.pill{color:var(--muted)}.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--line)}.section{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;margin:14px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}a{color:var(--brand)}.ph{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:16px}.ph__top{display:flex;align-items:center;gap:12px}.ph__nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:18px}.ph__nav a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:600}.ph__nav a:hover{background:var(--line);color:var(--ink)}.ph__nav a.is-active{background:var(--brand);color:#fff}.ph__nav a.is-active:hover{color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:var(--brand);transform:translateY(-1px)}.card__emoji{font-size:1.5rem;line-height:1}.card__body{display:flex;flex-direction:column;flex:1 1;min-width:0}.card__body strong{font-size:1rem}.card__body .muted{font-size:.8125rem}.card__count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 9px;border-radius:999px;background:var(--line);color:var(--muted);font-weight:700;font-size:.875rem}.section__title{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:1.25rem}.comments{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;margin:24px 0}.comments h2{font-size:1.05rem;margin:0 0 14px}.comments__list{list-style:none;margin:0 0 14px;padding:0;gap:10px}.comments__item,.comments__list{display:flex;flex-direction:column}.comments__item{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);gap:4px}.comments__author{font-weight:700;font-size:.9rem}.comments__when{font-size:.75rem}.comments__body{margin:4px 0 0;line-height:1.5}.comments__form{display:flex;flex-direction:column;gap:10px}.comments__form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--paper);resize:vertical}.comments__form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 20%,transparent)}.comments__form button{align-self:flex-start;padding:8px 16px;border:0;border-radius:999px;background:var(--brand);color:#fff;cursor:pointer;font-weight:600}.comments__form button:hover{filter:brightness(.95)}