.gs{gap:var(--sp-4);display:grid}.gs-stage{gap:var(--sp-5);grid-template-columns:minmax(240px,.9fr) minmax(0,2.1fr);align-items:start;display:grid}.gs-browse{border:1px solid var(--line);background:var(--paper);border-radius:18px;gap:10px;padding:16px 16px 10px;display:grid}.gs-browse-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:0;padding-inline:4px;display:flex}.gs-example{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:500}.gs-example:lang(ar){letter-spacing:0;text-transform:none}.gs-rows{margin:0;padding:0;list-style:none;display:grid}.gs-row{border-block-start:1px solid var(--line);transition:opacity .4s var(--ease);grid-template-columns:32px minmax(0,1fr) 36px;align-items:center;gap:12px;padding:12px 4px;display:grid}.gs-row[data-saved]{opacity:.6}.gs-row-text{gap:2px;min-width:0;display:grid}.gs-row-title{color:var(--ink);font-size:15px;font-weight:600;line-height:20px}.gs-row-meta,.gs-card-meta{color:var(--muted);flex-wrap:wrap;gap:0 6px;margin:0;font-size:13px;line-height:18px;display:flex}.gs-sep{color:var(--line-strong)}.gs-save{border-radius:var(--r-control);width:36px;height:36px;color:var(--muted);cursor:pointer;transition:color var(--d-fast) var(--ease), background var(--d-fast) var(--ease);background:0 0;border:0;place-items:center;display:inline-grid}.gs-save svg{width:18px;height:18px;transition:fill .22s var(--ease), transform .32s var(--ease-spring);fill:#0000}.gs-save:hover{background:var(--canvas);color:var(--ink)}.gs-save[aria-pressed=true]{color:var(--red)}.gs-save[aria-pressed=true] svg{fill:var(--red);transform:scale(1.12)}.gs-save:focus-visible{outline:2px solid var(--red);outline-offset:2px}.gs-board{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.gs-col{--accent:var(--ink-2);--accent-tint:#0202020d;border:1px solid var(--line);background:linear-gradient(to bottom, var(--accent-tint), transparent 120px), #ffffff80;border-radius:18px;align-content:start;gap:12px;min-height:330px;padding:14px;display:grid}.gs-col[data-column=applied]{--accent:var(--green);--accent-tint:var(--green-tint)}.gs-col[data-column=closed]{--accent:#8d8d87;--accent-tint:#0202020a}.gs-col-head{gap:2px;padding:2px 4px;display:grid}.gs-col-title{color:var(--ink);align-items:center;gap:9px;margin:0;font-size:15px;font-weight:600;line-height:20px;display:flex}.gs-col-slash{background:var(--accent);width:3px;height:16px;transform:skewX(var(--slash-skew));border-radius:1px;flex:none}.gs-col-count{border-radius:var(--r-pill);background:var(--accent-tint);min-width:22px;height:22px;color:var(--accent);place-items:center;padding-inline:6px;font-size:12px;font-weight:600;display:inline-grid}.gs-col-hint{color:var(--muted);margin:0;font-size:12.5px;line-height:17px}.gs-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.gs-card{border:1px solid var(--line);background:var(--paper);will-change:transform;border-radius:14px;gap:10px;padding:12px 12px 11px;display:grid;position:relative;box-shadow:0 1px 2px #0202020a}.gs-card[data-column=closed]{opacity:.72}.gs-card-top{align-items:flex-start;gap:10px;min-width:0;display:flex}.gs-card-head{flex:1;gap:2px;min-width:0;display:grid}.gs-card-title{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:14.5px;font-weight:600;line-height:20px}.gs-stamp{background:var(--green-tint);width:26px;height:26px;color:var(--green);animation:gs-stamp .52s var(--ease-spring) backwards;border-radius:50%;flex:none;place-items:center;display:grid}.gs-stamp svg{width:14px;height:14px}@keyframes gs-stamp{0%{opacity:0;transform:scale(.2)rotate(-20deg)}}.gs-chips{flex-wrap:wrap;gap:6px;margin:0;display:flex}.gs-chip{border-radius:var(--r-pill);background:var(--tint);height:24px;color:var(--ink-2);white-space:nowrap;animation:gs-chip .36s var(--ease-settle) backwards;align-items:center;padding-inline:9px;font-size:12.5px;font-weight:500;display:inline-flex}@keyframes gs-chip{0%{opacity:0;translate:0 4px}}.gs-chip[data-tone=soon]{background:var(--amber-tint);color:var(--amber)}.gs-chip[data-tone=good]{background:var(--green-tint);color:var(--green)}.gs-chip-pop{animation:gs-pop .62s var(--ease-spring) backwards}@keyframes gs-pop{0%{opacity:0;transform:scale(.6)}}.gs-applied{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--paper);height:30px;color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--d-fast) var(--ease), background var(--d-fast) var(--ease);justify-self:start;align-items:center;gap:7px;padding-inline:10px 12px;font-size:13px;font-weight:500;display:inline-flex}.gs-applied svg{width:13px;height:13px;color:var(--green)}.gs-applied:hover{border-color:var(--ink-2);background:var(--canvas)}.gs-applied:focus-visible{outline:2px solid var(--red);outline-offset:2px}.gs-empty{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:12px;padding:18px 10px;font-size:13px;line-height:19px}.gs-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;min-height:32px;display:flex}.gs-caption{color:var(--ink-2);align-items:center;gap:10px;margin:0;font-size:14.5px;font-weight:500;display:flex}.gs-caption-slash{background:var(--red);width:3px;height:15px;transform:skewX(var(--slash-skew));flex:none}.gs-caption-text{animation:gs-caption .4s var(--ease-settle) backwards}@keyframes gs-caption{0%{opacity:0;translate:0 5px}}.gs-replay{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--paper);height:32px;color:var(--ink-2);font:inherit;cursor:pointer;align-items:center;gap:7px;padding-inline:12px;font-size:13px;font-weight:500;display:inline-flex}.gs-replay svg{width:14px;height:14px}.gs-replay:hover{color:var(--ink);border-color:var(--ink-2)}@media (max-width:1023px){.gs-stage{grid-template-columns:minmax(0,1fr)}.gs-col{min-height:220px}}@media (max-width:639px){.gs-board{scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gutter));padding-block-end:6px;padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:repeat(3,78%);overflow-x:auto}.gs-board::-webkit-scrollbar{display:none}.gs-col{scroll-snap-align:start;min-height:200px}}@media (prefers-reduced-motion:reduce){.gs-stamp,.gs-chip,.gs-chip-pop,.gs-caption-text{animation:none}}
