.gb{position:relative;width:100%}.gb__desk,.gb__wall-section{position:relative;padding:4.5rem 1.25rem 3.5rem}.gb__wall-section{border-top:1px dashed rgba(255,255,255,.08)}.gb__hero{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start;max-width:1180px;margin:0 auto}.gb__heading{font-size:clamp(3rem,11vw,6.5rem)}.gb__intro{max-width:30rem;margin-top:.5rem;font-size:1.05rem;line-height:1.5;color:var(--muted)}.gb__form{position:relative;width:100%;max-width:460px;gap:.9rem;padding:1.25rem 1.25rem 1.2rem;justify-self:start}.gb__form .canvas-status{gap:.35rem}.gb__form-loading{display:flex;justify-content:center;padding:1.5rem 0;color:var(--paper-muted)}.gb__form-signin{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.gb__form-hint{font-size:1.25rem;line-height:1.15;color:#3a3630}.gb__form-as{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--paper-muted)}.gb__form-as-name strong{color:var(--paper-ink)}.gb__form-out{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:auto;border:0;border-radius:999px;background:rgba(23,21,15,.08);color:var(--paper-muted);cursor:pointer}.gb__field{display:block}.gb__textarea{width:100%;padding:.75rem .85rem;border:1px dashed rgba(23,21,15,.3);border-radius:6px;background:repeating-linear-gradient(180deg,transparent,transparent 27px,rgba(23,21,15,.1) 0,rgba(23,21,15,.1) 28px);background-color:rgba(255,255,255,.5);color:var(--paper-ink);font-size:1.35rem;line-height:28px;resize:vertical;outline:none}.gb__textarea:focus{border-color:var(--accent-text)}.gb__textarea::placeholder{color:rgba(58,54,48,.55)}.gb__form-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.gb__form-foot .canvas-button:disabled{opacity:.45;cursor:default;transform:none}.gb__count{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:.66rem;letter-spacing:.1em;color:var(--paper-muted)}.gb__faces{position:relative;max-width:1180px;margin:3rem auto 0;overflow-x:auto;scrollbar-width:none}.gb__faces::-webkit-scrollbar{display:none}.gb__faces-row{display:flex;gap:1.1rem;width:max-content;margin:0;padding:1.4rem .5rem .5rem;list-style:none}.gb__face{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding-top:12px;transform-origin:50% 0}.gb__face .canvas-peg{top:-10px;width:11px;height:26px}.gb__face-frame{display:block;width:64px;height:64px;padding:4px;background:#fff;box-shadow:var(--shadow-paper)}.gb__face-frame img{width:100%;height:100%;object-fit:cover}.gb__face-name{font-size:1rem;color:var(--text)}.gb__wall-head{max-width:1180px;margin:0 auto 1.5rem;padding:0}.gb__wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.5rem 1.25rem;max-width:1180px;margin:0 auto;padding:.5rem 0 0;list-style:none}.gb__slot{display:flex;justify-content:center}.gb__note{position:relative;width:100%;min-height:170px;gap:.6rem;padding:1.1rem 1rem 1.25rem;cursor:grab;touch-action:pan-y}.gb__note:active{cursor:grabbing}.canvas-sticky--white{background:#fff}.gb__pin{position:absolute;top:-8px;left:50%;width:16px;height:16px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#9a9a94 0,#2a2a2e 40%,#0a0a0a 100%);box-shadow:0 3px 5px rgba(0,0,0,.4);transform:translateX(-50%)}.gb__note-head{display:flex;align-items:center;gap:.6rem}.gb__avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;overflow:hidden;border-radius:999px;background:rgba(23,21,15,.12);color:var(--paper-ink);font-family:var(--font-outfit),system-ui,sans-serif;font-size:.8rem;font-weight:600}.gb__avatar--sm{width:28px;height:28px;font-size:.66rem}.gb__avatar img{width:100%;height:100%;object-fit:cover}.gb__who{display:flex;flex-direction:column;min-width:0;font-family:var(--font-outfit),system-ui,sans-serif}.gb__who strong{font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb__who time{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:.62rem;letter-spacing:.08em;opacity:.6}.gb__note-text{font-size:1.3rem;line-height:1.15;white-space:pre-line;overflow-wrap:anywhere}.gb__empty{max-width:320px;margin:1rem auto 0;transform:rotate(-2deg)}@media (min-width:900px){.gb__desk,.gb__wall-section{padding:5rem 3rem 4rem}.gb__hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:center}.gb__form{justify-self:end}.gb__wall{gap:2rem 1.5rem}}