.gb-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.625rem 1.25rem;margin-bottom:1.25rem}.gb-search{position:relative;flex:0 1 420px;min-width:0}.gb-search__icon{position:absolute;top:50%;left:.8rem;width:16px;height:16px;color:var(--fg-3);transform:translateY(-50%);pointer-events:none}.gb-search .gb-search__input{height:40px;padding:0 2.75rem 0 2.4rem;-webkit-appearance:none;appearance:none}.gb-search__input::-webkit-search-cancel-button,.gb-search__input::-webkit-search-decoration{-webkit-appearance:none;display:none}.gb-search__kbd{position:absolute;top:50%;right:.65rem;transform:translateY(-50%);pointer-events:none}.gb-search__input:focus~.gb-search__kbd,.gb-search.has-value .gb-search__kbd{display:none}.gb-search__clear{position:absolute;top:50%;right:.35rem;display:none;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);color:var(--fg-3);transform:translateY(-50%);transition:color var(--dur-1) ease,background-color var(--dur-1) ease}.gb-search__clear:after{content:"";position:absolute;inset:-5px}.gb-search__clear:hover{color:var(--fg-1);background:var(--ink-4)}.gb-search__clear .icon{width:15px;height:15px}.gb-search.has-value .gb-search__clear{display:grid}.gb-status{color:var(--fg-3);font-size:var(--text-sm)}.gb-status:empty{display:none}.gb-status strong{color:var(--fg-1);font-family:var(--font-mono);font-weight:600}.gb-wall{column-count:3;column-width:300px;column-gap:1rem}.gb-note{position:relative;isolation:isolate;display:block;margin:0 0 1rem;padding:1.375rem 1.375rem 1rem;background:var(--ink-2);border:1px solid var(--line-1);border-radius:var(--r-lg);break-inside:avoid;page-break-inside:avoid;transition:transform var(--dur-3) var(--ease-out),border-color var(--dur-2) ease,box-shadow var(--dur-3) ease}.gb-note:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 0%),rgba(var(--fg-rgb),.07),transparent 65%);opacity:0;transition:opacity var(--dur-3) ease;pointer-events:none}.gb-note__mark{display:block;width:26px;height:auto;margin-bottom:.75rem;color:var(--line-3);transform-origin:30% 70%;transition:color var(--dur-2) ease,transform var(--dur-3) var(--ease-out)}@media(hover:hover){.gb-note:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 14px 32px -18px #0000008c}.gb-note:hover:before{opacity:1}.gb-note:hover .gb-note__mark{color:var(--fg-3);transform:translateY(-2px) rotate(-6deg) scale(1.06)}}.gb-wall.is-animated .gb-note:not(.is-shown){opacity:0}.gb-note.is-entering{animation:gbNoteIn .76s var(--ease-out) var(--d, 0ms) both}.gb-note.is-refresh{animation:gbNoteIn .42s var(--ease-out) var(--d, 0ms) both}@keyframes gbNoteIn{0%{opacity:0;transform:translateY(18px) scale(.97);filter:blur(6px)}60%{filter:blur(0)}to{opacity:1;transform:none;filter:none}}.gb-note__text p{color:var(--fg-1);font-size:1.0625rem;font-weight:500;line-height:1.75;letter-spacing:-.005em;overflow-wrap:anywhere;white-space:pre-line;text-wrap:pretty}.gb-note__text--lg p{font-size:var(--text-xl);font-weight:600;line-height:1.45;letter-spacing:-.015em}.gb-note__by{display:flex;align-items:center;gap:.625rem;min-width:0;margin-top:1.125rem;padding-top:.875rem;border-top:1px solid var(--line-1)}.gb-note__avatar{display:block}.gb-note__author{position:relative;display:inline-flex;align-items:center;gap:.3rem;min-width:0;color:var(--fg-2);font-size:var(--text-sm);font-weight:600;line-height:1.4}.gb-note__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.gb-note__author{transition:color var(--dur-1) ease}a.gb-note__author:after{content:"";position:absolute;inset:-10px -6px}a.gb-note__author:hover,a.gb-note__author:focus-visible{color:var(--fg-1)}.gb-note__ext{width:14px;height:14px;color:var(--fg-4);transition:color var(--dur-1) ease,transform var(--dur-2) var(--ease-out)}a.gb-note__author:hover .gb-note__ext,a.gb-note__author:focus-visible .gb-note__ext{color:var(--fg-1);transform:translate(1px,-1px)}.gb-state{border:1px dashed var(--line-2);border-radius:var(--r-lg)}.gb-state .empty{padding:clamp(2.5rem,2rem + 3vw,4rem) 1.25rem}.gb-state .empty .btn{margin-top:.6rem}@media(hover:none){.gb-search__kbd{display:none}}@media(prefers-reduced-motion:reduce){.gb-note,.gb-note__mark{transition:none}.gb-note:hover,.gb-note:hover .gb-note__mark{transform:none}.gb-note.is-entering,.gb-note.is-refresh{animation:none}}@media(max-width:640px){.gb-search{flex-basis:100%}.gb-status__total{display:none}.gb-wall{column-gap:.75rem}.gb-note{margin-bottom:.75rem;padding:1.25rem 1.125rem .875rem}.gb-note__text p{font-size:var(--text-md)}.gb-note__text--lg p{font-size:1.25rem}}