.od{--tone: #8fbf7a}.od main{max-width:1080px;justify-content:flex-start;padding-top:max(9vh,3.5rem)}.od-grid{margin-top:2.6rem;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:700px){.od-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media(min-width:1000px){.od-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.od-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.3rem;min-height:9.5rem;padding:1.1rem 1rem 1rem;border-radius:18px;text-align:left;text-decoration:none;color:var(--fg);overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--tone) 34%,transparent);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--tone) 26%,transparent) 0%,transparent 60%),linear-gradient(180deg,#ffffff0d,#ffffff04);transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease}@media(min-width:700px){.od-tile{min-height:11rem;padding:1.3rem 1.2rem 1.15rem}}.od-icon{position:absolute;top:.95rem;left:1rem;width:2.1rem;height:2.1rem;color:var(--tone)}.od-icon svg{width:100%;height:100%;display:block}.od-name{font-size:1.05rem;font-weight:650;letter-spacing:.005em;line-height:1.2}.od-meta{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.od-count{position:absolute;top:.95rem;right:1rem;min-width:1.6rem;padding:.2rem .45rem;border-radius:999px;font-size:.7rem;font-weight:650;text-align:center;color:var(--tone);border:1px solid color-mix(in srgb,var(--tone) 45%,transparent)}.od-new{color:#0b0a08;background:var(--tone);border-color:transparent}@media(hover:hover){.od-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone) 70%,transparent);box-shadow:0 16px 34px -18px var(--tone)}}.od-tile:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.od-invite{min-height:7.5rem}.od-invite .od-name{font-size:1.1rem}.od-invite .od-tag{position:absolute;top:.95rem;left:1rem;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tone)}.od-grid-few{max-width:560px;margin-left:auto;margin-right:auto}.od-grid-few{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:420px){.od-grid-few{grid-template-columns:minmax(0,1fr)}}.od .back{margin-top:2.6rem}.od .od-back-row{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.od-tile{transition:none}.od-tile:hover{transform:none}}