.oshii-gif-page{gap:18px;min-width:0;max-width:960px;margin:0 auto;display:grid}.oshii-gif-heading{background:radial-gradient(circle at 85% 20%,#ffe7f0,#0000 45%),linear-gradient(135deg,#e6f6ff,#fff7e0);border-radius:24px;justify-items:start;gap:10px;padding:22px;display:grid}.oshii-gif-heading>span{color:#fff;letter-spacing:.08em;background:#13202e;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:900}.oshii-gif-heading h1{color:#13202e;margin:0;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900}.oshii-gif-heading p{color:#3b4a5c;margin:0;line-height:1.7}.oshii-gif-heading .o-button{gap:8px}.oshii-gif-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.oshii-gif-card{border:1px solid var(--border);background:var(--card);border-radius:20px;gap:8px;padding:10px;display:grid}.oshii-gif-preview{cursor:pointer;background:#eef3f8;border:0;border-radius:14px;padding:0;display:block;position:relative;overflow:hidden}.oshii-gif-preview img{aspect-ratio:1;width:100%;height:auto;display:block}.oshii-gif-play{color:#fff;background:#13202ecc;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:8px;right:8px}.oshii-gif-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;padding:0 4px;display:flex}.oshii-gif-meta strong{font-weight:900}.oshii-gif-save{white-space:nowrap;background:var(--secondary);min-height:36px;color:inherit;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-flex}.oshii-gif-note{color:var(--muted-foreground);margin:0;font-size:.82rem;line-height:1.7}.oshii-gif-page.is-wide .oshii-gif-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.oshii-gif-page.is-wide .oshii-gif-preview img{aspect-ratio:16/9}