.gfb{--gfb-accent:#5b8def;--gfb-on:#fff;border:1px solid var(--line);background:var(--card);color:var(--ink);font:400 15px / 1.45 var(--body);text-align:start;border-radius:20px;gap:12px;margin-top:18px;padding:18px 16px 16px;display:grid;box-shadow:0 2px 10px #14141308;container-type:inline-size}.gfb :is(h2,h3,p,ol,ul){margin:0}.gfb-head{gap:4px;display:grid}.gfb .gfb-title{font:800 21px / 1.15 var(--body);letter-spacing:-.01em}.gfb-lead{color:var(--ink-soft);font-size:14px}.gfb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gfb-icon{filter:drop-shadow(0 1px 1.5px #0000002e);flex:none;display:block}.gfb-tabs{--tab-line:#1c19171f;--tab-ink:#1c1917;border:0;border-bottom:1px solid var(--tab-line);scrollbar-width:none;background:0 0;border-radius:0;gap:clamp(18px,3vw,28px);padding:0;display:flex;overflow-x:auto}:root[data-theme=dark] .gfb-tabs{--tab-line:#ffffff24;--tab-ink:var(--ink)}.gfb-tabs::-webkit-scrollbar{display:none}.gfb-tabs button{min-height:40px;color:var(--ink-soft);font:500 14px / 1.2 var(--body);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;align-items:baseline;gap:6px;margin:0;padding:10px 1px 9px;transition:color .15s;display:inline-flex;position:relative}.gfb-tabs button:after{content:"";background:var(--tab-ink);height:2px;transition:transform .18s;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.gfb-tabs button:hover{color:var(--tab-ink)}.gfb-tabs button[aria-selected=true]{color:var(--tab-ink);font-weight:700}.gfb-tabs button[aria-selected=true]:after{transform:scaleX(1)}.gfb .gfb-tabs button:focus-visible{outline:2px solid var(--tab-ink);outline-offset:-2px}.gfb-count{color:var(--ink-soft);font:500 12.5px / 1 var(--body);font-variant-numeric:tabular-nums;opacity:.8}.gfb :is(button,input,textarea,a):focus-visible{outline:2px solid var(--gfb-accent);outline-offset:2px}.gfb-panel{gap:10px;display:grid}.gfb-quiet{color:var(--ink-soft);font-size:14px}.gfb-notice{background:color-mix(in srgb, #10b981 14%, var(--card));border-radius:14px;padding:8px 12px;font-size:14px}.gfb-notice.bad{background:color-mix(in srgb, #ff5a36 14%, var(--card))}.gfb-signin{border:1px dashed var(--line-strong);background:var(--bg-elev);border-radius:16px;gap:8px;padding:12px 14px;display:grid}.gfb-signin p{font-size:14px}.gfb-signin-cta{background:var(--ink);color:var(--on-ink);font:800 14px / 1.2 var(--body);border-radius:999px;justify-self:start;padding:10px 16px;text-decoration:none}.gfb-signin-cta:hover{background:var(--gfb-accent);color:var(--gfb-on)}.gfb-form,.gfb-marking,.gfb-add-form{gap:8px;display:grid}.gfb textarea,.gfb input{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--card);width:100%;color:var(--ink);font:400 15px / 1.4 var(--body);resize:vertical;border-radius:16px;padding:10px 12px}.gfb textarea:focus,.gfb input:focus{border-color:var(--gfb-accent);outline:none}.gfb-form-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;display:flex}.gfb-left{color:var(--ink-soft);margin-inline-end:auto;font-size:12.5px}.gfb-btn{background:var(--gfb-accent);min-height:40px;color:var(--gfb-on);font:800 14px / 1.1 var(--body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;display:inline-flex}.gfb-btn.small{min-height:36px;padding:6px 14px;font-size:13px}.gfb-btn:disabled{background:var(--mute);color:var(--ink-soft);cursor:default}.gfb-btn-impl{background:var(--ink);color:var(--on-ink)}.gfb-link{color:var(--ink-soft);font:700 14px / 1.2 var(--body);cursor:pointer;background:0 0;border:0;padding:6px 4px;text-decoration:underline}.gfb-list,.gfb-impls{gap:8px;padding:0;list-style:none;display:grid}.gfb-card,.gfb-item{border:1px solid var(--line);background:var(--card);border-radius:16px;gap:10px;padding:12px 14px;display:grid}.gfb-card-main{align-items:flex-start;gap:12px;display:flex}.gfb-place{min-width:34px;color:var(--ink-soft);font:800 13px / 1.1 var(--body);flex:none;justify-items:center;display:grid}.gfb-item.is-top .gfb-place{color:var(--ink)}.gfb-top{color:#1c1917;font:800 11.5px / 1.4 var(--body);letter-spacing:.01em;background:#fff3c4;border-radius:999px;justify-self:start;padding:2px 8px}.gfb-card-words{gap:4px;min-width:0;display:grid}.gfb-text{overflow-wrap:anywhere;white-space:pre-line;font-size:15.5px}.gfb-meta,.gfb-impl-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;display:flex}.gfb-done{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 3px;font-weight:800;display:inline-flex}.gfb-actions{flex-wrap:wrap;gap:6px;padding-inline-start:46px;display:flex}.gfb-vote,.gfb-chip{border:1px solid var(--line-strong);background:var(--card);min-height:36px;color:var(--ink);font:800 13.5px / 1 var(--body);cursor:pointer;transition:background .15s, border-color .15s, transform .15s var(--bounce,ease);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.gfb-vote:hover,.gfb-chip:hover{border-color:var(--gfb-accent)}.gfb-vote[aria-pressed=true]{border-color:var(--gfb-accent);background:var(--gfb-accent);color:var(--gfb-on)}.gfb-vote:active{transform:scale(.94)}.gfb-chip[aria-expanded=true]{background:var(--bg-elev)}.gfb-mark{padding-inline-start:6px}.gfb-mark:hover{border-color:var(--ink)}.gfb-marking{border:1px solid var(--line);background:var(--bg-elev);border-radius:16px;margin-inline-start:46px;padding:10px 12px}.gfb-marking label{color:var(--ink-soft);font-size:13px}.gfb-comments{border:1px solid var(--line);background:var(--bg-elev);border-radius:16px;gap:8px;margin-inline-start:46px;padding:10px 12px;display:grid}.gfb-comments ul{overflow-wrap:anywhere;gap:6px;padding:0;font-size:14px;list-style:none;display:grid}.gfb-reply{gap:6px;display:flex}.gfb-reply input{border-radius:999px;flex:1;min-width:0;padding:8px 14px}.gfb-impl,.gfb-impl-item{border:1px solid var(--line);background:var(--card);border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.gfb-impl-words{gap:4px;min-width:0;display:grid}.gfb-impl-title{font:800 15.5px / 1.3 var(--body);overflow-wrap:anywhere}.gfb-impl-from{color:var(--ink);font-weight:800}.gfb-impl-from.own{color:var(--ink)}.gfb-impl-note{color:var(--ink-body);overflow-wrap:anywhere;white-space:pre-line;font-size:14px}.gfb-add{border:1px dashed var(--line-strong);background:var(--bg-elev);min-height:42px;color:var(--ink);font:800 14px / 1.1 var(--body);cursor:pointer;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:6px 16px 6px 8px;display:inline-flex}.gfb-add-form{border:1px solid var(--line);background:var(--bg-elev);border-radius:16px;padding:12px 14px}.gfb-add-head{font:800 15px / 1.2 var(--body);align-items:center;gap:10px;display:flex}.gfb-add-note{color:var(--ink-soft);font-size:13px}.gfb-impl-empty{border:1px solid var(--line);background:var(--bg-elev);text-align:center;border-radius:16px;justify-items:center;gap:8px;padding:18px 14px;display:grid}.gfb-impl-empty-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gfb-impl-empty-title{font:800 15.5px / 1.3 var(--body)}@container (max-width:420px){.gfb-actions,.gfb-marking,.gfb-comments{margin-inline-start:0;padding-inline-start:0}.gfb-marking,.gfb-comments{padding-inline-start:12px}.gfb-mark span{display:none}.gfb-tabs button{gap:5px;font-size:13.5px}}@media (prefers-reduced-motion:reduce){.gfb-vote,.gfb-chip,.gfb-tabs button,.gfb-tabs button:after{transition:none}}.gfb-bare{gap:14px}.gfb-bare textarea{min-height:52px}
