/* Launcher shell: top bar, game library and deck discovery.
   Loaded before vibedeck.css, so selectors carry the .vd-app prefix. */
.vd-app {
  --lc-radius: 26px;
  --lc-shadow: 0 1px 2px #2432490d, 0 8px 24px -6px #2432491a;
  --lc-shadow-lift: 0 2px 4px #2432490d, 0 22px 44px -10px #24324933;
  --lc-glass: #f7f5eecc;
  --lc-fill: #ebe9e1;
}

/* ---------- Top bar ---------- */
.vd-app .lc-bar { position: sticky; top: 0; z-index: 30; padding: env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left)); background: var(--lc-glass); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
.vd-app .lc-bar-inner { max-width: 1240px; margin: auto; height: 56px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.vd-app .lc-brand { display: inline-flex; align-items: center; gap: 8px; justify-self: start; color: var(--vd-ink); font-size: 15px; font-weight: 700; letter-spacing: -.02em; }
.vd-app .lc-brand-mark { width: 22px; height: 22px; color: var(--vd-action); display: grid; }
.vd-app .lc-brand-mark svg { width: 100%; height: 100%; }
.vd-app .lc-segment { display: inline-flex; padding: 3px; gap: 2px; border-radius: 999px; background: var(--lc-fill); }
.vd-app .lc-segment a, .vd-app .lc-segment button { min-height: 32px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; color: var(--vd-muted); font: inherit; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; cursor: pointer; transition: background 200ms var(--vd-ease), color 200ms, box-shadow 200ms; }
.vd-app .lc-segment a:hover, .vd-app .lc-segment button:hover { color: var(--vd-ink); }
.vd-app .lc-segment [aria-current="page"], .vd-app .lc-segment [aria-pressed="true"] { background: #fff; color: var(--vd-ink); box-shadow: 0 1px 2px #2432491f, 0 0 0 .5px #24324910; }
.vd-app .lc-account { position: relative; justify-self: end; }
.vd-app .lc-account summary { list-style: none; width: 34px; height: 34px; border-radius: 50%; background: var(--lc-fill); color: var(--vd-muted); display: grid; place-items: center; cursor: pointer; transition: background 180ms; }
.vd-app .lc-account summary::-webkit-details-marker { display: none; }
.vd-app .lc-account summary:hover, .vd-app .lc-account[open] summary { background: #e0ded4; color: var(--vd-ink); }
.vd-app .lc-account svg { width: 18px; height: 18px; }
.vd-app .lc-menu { position: absolute; right: 0; top: 42px; min-width: 168px; padding: 6px; border-radius: 16px; background: #fffffff2; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: var(--lc-shadow-lift), 0 0 0 .5px #24324914; animation: lc-pop 160ms var(--vd-ease); transform-origin: top right; }
.vd-app .lc-menu a, .vd-app .lc-menu button { display: flex; width: 100%; min-height: 40px; padding: 0 12px; align-items: center; border: 0; border-radius: 10px; background: transparent; font: inherit; font-size: 14px; font-weight: 500; color: var(--vd-ink); text-align: left; cursor: pointer; }
.vd-app .lc-menu a:hover, .vd-app .lc-menu button:hover { background: var(--lc-fill); }
.vd-app .lc-menu form { margin: 0; }
@keyframes lc-pop { from { opacity: 0; transform: scale(.94); } }

/* ---------- Shared bits ---------- */
.vd-app .lc-page { max-width: 1240px; margin: auto; padding: 12px max(20px, env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); }
.vd-app .lc-pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 22px; border-radius: 999px; border: 0; font: inherit; font-size: 15px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: transform 160ms var(--vd-ease), background 160ms, box-shadow 160ms; }
.vd-app .lc-pill svg { width: 17px; height: 17px; }
.vd-app .lc-pill:active { transform: scale(.97); }
.vd-app .lc-pill-solid { background: var(--vd-action); color: #fff; box-shadow: 0 6px 16px -6px #c74e36aa; }
.vd-app .lc-pill-solid:hover { background: #b3452f; }
.vd-app .lc-pill-glass { background: #ffffff2e; color: #fff; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.vd-app .lc-pill-glass:hover { background: #ffffff4d; }
.vd-app .lc-pill-quiet { background: var(--lc-fill); color: var(--vd-ink); }

/* ---------- Featured game ---------- */
.vd-app .lc-hero { position: relative; isolation: isolate; overflow: hidden; border-radius: 34px; min-height: clamp(320px, 33vw, 420px); display: flex; align-items: flex-end; background: #2a3550; box-shadow: var(--lc-shadow-lift); }
.vd-app .lc-hero-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; animation: lc-drift 24s ease-in-out infinite alternate; }
.vd-app .lc-hero-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #121a2ccc 0%, #121a2c80 38%, transparent 70%), linear-gradient(0deg, #121a2c66, transparent 45%); }
.vd-app .lc-hero-copy { padding: clamp(24px, 4vw, 52px); max-width: 560px; color: #fff; }
.vd-app .lc-kicker { margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #ffffffb3; }
.vd-app .lc-hero h1 { margin: 0 0 8px; font-size: clamp(2.5rem, 6vw, 4.25rem); line-height: 1; font-weight: 750; letter-spacing: -.045em; }
.vd-app .lc-hero-copy > p:not(.lc-kicker) { margin: 0 0 24px; font-size: clamp(1rem, 1.6vw, 1.25rem); color: #ffffffd9; }
.vd-app .lc-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
@keyframes lc-drift { to { transform: scale(1.06) translateX(-1.5%); } }

/* ---------- Toolbar ---------- */
.vd-app .lc-toolbar { display: flex; align-items: center; gap: 16px; margin: 36px 0 22px; }
.vd-app .lc-count { margin: 0; font-size: 13px; color: var(--vd-muted); flex: 1; }
.vd-app .lc-join { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 18px; border-radius: 999px; background: var(--vd-ink); color: #fff; font-size: 14px; font-weight: 600; transition: transform 160ms var(--vd-ease), background 160ms; }
.vd-app .lc-join svg { width: 17px; height: 17px; }
.vd-app .lc-join:hover { background: #1b2c45; }
.vd-app .lc-join:active { transform: scale(.97); }

/* ---------- Game tiles ---------- */
.vd-app .lc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 24px; }
.vd-app .lc-tile { min-width: 0; animation: lc-rise 520ms var(--vd-ease) both; animation-delay: calc(var(--i) * 45ms); }
.vd-app .lc-tile[hidden] { display: none; }
.vd-app .lc-tile-art { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: var(--lc-radius); overflow: hidden; background: #f1e7d6; box-shadow: var(--lc-shadow); transition: transform 320ms var(--vd-ease), box-shadow 320ms; }
.vd-app .lc-tile-art .vd-game-illustration { position: absolute; inset: 0; margin: 0; max-width: none; height: 100%; }
.vd-app .lc-tile-art .club-game-art { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 600ms var(--vd-ease); }
.vd-app .lc-tile-art:hover { transform: translateY(-5px) scale(1.012); box-shadow: var(--lc-shadow-lift); }
.vd-app .lc-tile-art:hover .club-game-art { transform: scale(1.05); }
.vd-app .lc-tile-art:active { transform: scale(.985); }
.vd-app .lc-tile-play { position: absolute; right: 14px; bottom: 14px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: #ffffffe6; color: var(--vd-action); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); opacity: 0; transform: translateY(6px) scale(.9); transition: opacity 220ms, transform 260ms var(--vd-ease); }
.vd-app .lc-tile-play svg { width: 18px; height: 18px; }
.vd-app .lc-tile-art:hover .lc-tile-play, .vd-app .lc-tile-art:focus-visible .lc-tile-play { opacity: 1; transform: none; }
.vd-app .lc-tile-body { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 14px 6px 0; }
.vd-app .lc-tile-body h2 { margin: 0 0 2px; font-size: 1.25rem; font-weight: 650; letter-spacing: -.025em; line-height: 1.2; }
.vd-app .lc-tile-body p { margin: 0 0 6px; font-size: .875rem; color: var(--vd-muted); line-height: 1.4; }
.vd-app .lc-tile-meta { font-size: .75rem; color: #8a909a; }
.vd-app .lc-solo { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border-radius: 999px; background: var(--lc-fill); color: var(--vd-ink); font-size: 13px; font-weight: 600; transition: background 160ms, transform 160ms var(--vd-ease); }
.vd-app .lc-solo svg { width: 14px; height: 14px; }
.vd-app .lc-solo:hover { background: #e0ded4; }
.vd-app .lc-solo:active { transform: scale(.96); }
@keyframes lc-rise { from { opacity: 0; transform: translateY(14px); } }

/* ---------- Decks ---------- */
.vd-app .lc-title-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; padding: 28px 0 24px; }
.vd-app .lc-title-row h1 { margin: 0; font-size: clamp(2.25rem, 5vw, 3.25rem); font-weight: 750; letter-spacing: -.045em; line-height: 1.05; }
.vd-app .lc-title-row p { margin: 8px 0 0; color: var(--vd-muted); font-size: 1.0625rem; }
.vd-app .lc-search { position: sticky; top: 60px; z-index: 10; display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 16px; margin-bottom: 28px; border-radius: 14px; background: #e9e7dfcc; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); color: var(--vd-muted); transition: background 180ms, box-shadow 180ms; max-width: 560px; }
.vd-app .lc-search:focus-within { background: #fff; box-shadow: 0 0 0 3px #486baf55, var(--lc-shadow); }
.vd-app .lc-search svg { width: 18px; height: 18px; flex-shrink: 0; }
.vd-app .lc-search input { flex: 1; min-width: 0; border: 0; background: transparent; font: inherit; font-size: 16px; color: var(--vd-ink); outline: 0; }
.vd-app .lc-search input::placeholder { color: #8a909a; }
.vd-app .lc-deck-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 22px; }
.vd-app .lc-deck { --a: #f0b94d; --b: #e08a2c; position: relative; display: flex; flex-direction: column; aspect-ratio: 4 / 5.2; border-radius: 24px; color: #fff; overflow: hidden; isolation: isolate; background: linear-gradient(155deg, var(--a), var(--b)); box-shadow: var(--lc-shadow); transition: transform 320ms var(--vd-ease), box-shadow 320ms; }
.vd-app .lc-deck::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(120% 70% at 20% 0%, #ffffff40, transparent 60%); }
.vd-app .lc-deck:hover { transform: translateY(-6px) rotate(-.4deg); box-shadow: var(--lc-shadow-lift); }
.vd-app .lc-deck:active { transform: scale(.98); }
.vd-app .lc-deck[data-tint="amber"] { --a: #f2c25c; --b: #e0912f; }
.vd-app .lc-deck[data-tint="coral"] { --a: #ee7a5b; --b: #cf4a38; }
.vd-app .lc-deck[data-tint="indigo"] { --a: #8b94d6; --b: #5b66b0; }
.vd-app .lc-deck[data-tint="teal"] { --a: #5ec4b0; --b: #2d8c85; }
.vd-app .lc-deck[data-tint="plum"] { --a: #b57ac4; --b: #7f4a9a; }
.vd-app .lc-deck[data-tint="slate"] { --a: #5d7391; --b: #34465f; }
.vd-app .lc-deck-glyph { flex: 1; display: grid; place-items: center; font-size: clamp(3.5rem, 6vw, 4.75rem); filter: drop-shadow(0 8px 14px #0003); transition: transform 400ms var(--vd-ease); }
.vd-app .lc-deck:hover .lc-deck-glyph { transform: scale(1.1) rotate(-4deg); }
.vd-app .lc-deck-body { display: flex; flex-direction: column; gap: 4px; padding: 44px 18px 18px; background: linear-gradient(0deg, #0000004d, transparent); }
.vd-app .lc-deck-body strong { font-size: 1.1875rem; font-weight: 700; line-height: 1.15; letter-spacing: -.025em; overflow-wrap: break-word; hyphens: auto; }
.vd-app .lc-deck-topics { font-size: .75rem; line-height: 1.4; color: #ffffffd9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vd-app .lc-deck-count { font-size: .6875rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #ffffffb3; margin-top: 4px; }
.vd-app .lc-empty { text-align: center; padding: 72px 20px; }
.vd-app .lc-empty h2 { margin: 0 0 8px; font-size: 1.75rem; font-weight: 700; letter-spacing: -.03em; }
.vd-app .lc-empty p { margin: 0 0 24px; color: var(--vd-muted); }
.vd-app .lc-empty .lc-pill { margin: 0 4px; }

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .vd-app .lc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .vd-app .lc-bar-inner { grid-template-columns: auto 1fr auto; gap: 12px; }
  .vd-app .lc-brand-name { display: none; }
  .vd-app .lc-bar-inner .lc-segment { justify-self: center; }
  .vd-app .lc-hero { border-radius: 26px; min-height: 380px; }
  .vd-app .lc-hero-shade { background: linear-gradient(0deg, #121a2ce6 0%, #121a2c80 50%, transparent 85%); }
  .vd-app .lc-toolbar { flex-wrap: wrap; margin-top: 28px; }
  .vd-app .lc-toolbar .lc-segment-filter { order: 2; width: 100%; overflow-x: auto; scrollbar-width: none; }
  .vd-app .lc-segment-filter button { flex: 1; }
  .vd-app .lc-count { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .vd-app .lc-join { margin-left: auto; order: 1; }
  .vd-app .lc-grid { grid-template-columns: 1fr; gap: 24px; }
  .vd-app .lc-deck-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .vd-app .lc-deck-body { padding: 36px 14px 14px; }
  .vd-app .lc-deck-body strong { font-size: 1rem; }
  .vd-app .lc-hero-actions .lc-pill { flex: 1; padding: 0 14px; }
  .vd-app .lc-title-row p { font-size: .9375rem; }
  .vd-app .lc-title-row .lc-pill { min-height: 40px; padding: 0 16px; }
}
@media (hover: none) {
  .vd-app .lc-tile-art:hover, .vd-app .lc-deck:hover { transform: none; }
  .vd-app .lc-tile-play { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .vd-app .lc-hero-art, .vd-app .lc-tile, .vd-app .lc-menu { animation: none; }
  .vd-app .lc-tile-art, .vd-app .lc-deck, .vd-app .lc-pill, .vd-app .lc-tile-art .club-game-art, .vd-app .lc-deck-glyph { transition: none; }
  .vd-app .lc-tile-art:hover, .vd-app .lc-deck:hover { transform: none; }
}

/* ---------- Deck detail ---------- */
.vd-app .lc-deck-page { max-width: 980px; }
.vd-app .lc-back { display: inline-flex; align-items: center; gap: 2px; min-height: 44px; margin: 4px 0 8px -6px; padding: 0 8px; border-radius: 10px; color: var(--vd-action); font-size: 15px; font-weight: 500; }
.vd-app .lc-back svg { width: 20px; height: 20px; }
.vd-app .lc-back:hover { background: var(--lc-fill); }
.vd-app .lc-deck-hero { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 44px; align-items: center; padding: 8px 0 36px; }
.vd-app .lc-deck-cover { --a: #f2c25c; --b: #e0912f; position: relative; aspect-ratio: 1; border-radius: 40px; display: grid; place-items: center; overflow: hidden; color: #fff; background: linear-gradient(155deg, var(--a), var(--b)); box-shadow: var(--lc-shadow-lift); animation: lc-rise 560ms var(--vd-ease) both; }
.vd-app .lc-deck-cover::before { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 70% at 20% 0%, #ffffff47, transparent 60%); }
.vd-app .lc-deck-cover span { position: relative; font-size: 7.5rem; line-height: 1; filter: drop-shadow(0 12px 18px #0003); }
.vd-app .lc-deck-cover[data-tint="amber"] { --a: #f2c25c; --b: #e0912f; }
.vd-app .lc-deck-cover[data-tint="coral"] { --a: #ee7a5b; --b: #cf4a38; }
.vd-app .lc-deck-cover[data-tint="indigo"] { --a: #8b94d6; --b: #5b66b0; }
.vd-app .lc-deck-cover[data-tint="teal"] { --a: #5ec4b0; --b: #2d8c85; }
.vd-app .lc-deck-cover[data-tint="plum"] { --a: #b57ac4; --b: #7f4a9a; }
.vd-app .lc-deck-cover[data-tint="slate"] { --a: #5d7391; --b: #34465f; }
.vd-app .lc-deck-info h1 { margin: 0; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 750; letter-spacing: -.045em; line-height: 1.05; overflow-wrap: break-word; }
.vd-app .lc-deck-meta { margin: 10px 0 0; color: var(--vd-muted); font-size: 1.0625rem; }
.vd-app .lc-chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 18px 0 0; }
.vd-app .lc-chips li { padding: 6px 14px; border-radius: 999px; background: var(--lc-fill); font-size: 13px; font-weight: 500; color: var(--vd-ink); }
.vd-app .lc-deck-actions { display: flex; align-items: center; gap: 12px; margin-top: 28px; }
.vd-app .lc-pill-lg { min-height: 52px; padding: 0 30px; font-size: 17px; }
.vd-app .lc-more { position: relative; }
.vd-app .lc-more summary { list-style: none; width: 52px; height: 52px; border-radius: 50%; background: var(--lc-fill); color: var(--vd-ink); display: grid; place-items: center; cursor: pointer; transition: background 160ms; }
.vd-app .lc-more summary::-webkit-details-marker { display: none; }
.vd-app .lc-more summary:hover, .vd-app .lc-more[open] summary { background: #e0ded4; }
.vd-app .lc-more svg { width: 22px; height: 22px; stroke-width: 2.6; }
.vd-app .lc-more .lc-menu { top: 60px; right: auto; left: 0; min-width: 220px; transform-origin: top left; }
.vd-app .lc-menu .lc-menu-danger { color: #c0392b; }
.vd-app .lc-menu-note { display: block; padding: 10px 12px; font-size: 14px; color: var(--vd-muted); }
.vd-app .lc-deck-note { margin: 16px 0 0; font-size: 13px; color: var(--vd-muted); }
.vd-app .lc-rename { display: flex; flex-wrap: nowrap; gap: 10px; align-items: center; }
.vd-app .lc-rename input[type=text] { flex: 1 1 120px; min-width: 0; height: 52px; padding: 0 16px; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 0 0 3px #486baf55; font: inherit; font-size: 1.5rem; font-weight: 700; letter-spacing: -.03em; color: var(--vd-ink); outline: 0; }
.vd-app .lc-peek { border-top: 1px solid #e4e2d9; padding-top: 28px; }
.vd-app .lc-peek-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.vd-app .lc-peek-head h2 { margin: 0; font-size: 1.375rem; font-weight: 700; letter-spacing: -.03em; }
.vd-app .lc-peek-head p { margin: 2px 0 0; color: var(--vd-muted); font-size: .9375rem; }
.vd-app .lc-peek-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin-top: 22px; max-height: 520px; overflow-y: auto; padding: 2px; }
.vd-app .lc-card { position: relative; padding: 16px 18px; border-radius: 18px; background: var(--vd-panel); box-shadow: var(--lc-shadow); }
.vd-app .lc-card ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: .9375rem; font-weight: 600; line-height: 1.3; }
.vd-app .lc-card ol li::marker { color: #a2a7b0; font-weight: 500; font-size: .75rem; }
.vd-app .lc-card-remove { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: #8a909a; font-size: 18px; line-height: 1; opacity: 0; transition: opacity 160ms, background 160ms; }
.vd-app .lc-card:hover .lc-card-remove, .vd-app .lc-card-remove:focus-visible { opacity: 1; }
.vd-app .lc-card-remove:hover { background: #f6dcd6; color: #c0392b; }
.vd-app .lc-resume, .vd-app .lc-state { margin-bottom: 28px; padding: 22px 24px; border-radius: 22px; background: var(--vd-panel); box-shadow: var(--lc-shadow); }
.vd-app .lc-resume h2, .vd-app .lc-state h2 { margin: 0 0 8px; font-size: 1.25rem; font-weight: 700; letter-spacing: -.025em; }
.vd-app .lc-state p { margin: 0 0 16px; color: var(--vd-muted); }
.vd-app .lc-resume-row { display: flex; justify-content: space-between; min-height: 44px; align-items: center; color: var(--vd-ink); font-size: .9375rem; }
.vd-app .lc-resume-row span:last-child { color: var(--vd-action); font-weight: 600; }
.vd-app .lc-deck-page .vd-scope-summary { margin-top: 40px; padding: 0; border: 0; background: none; text-align: center; }
.vd-app .lc-deck-page .vd-scope-summary strong { display: block; font-size: 12px; font-weight: 600; color: var(--vd-muted); }
.vd-app .lc-deck-page .vd-scope-summary p { margin: 2px 0 0; font-size: 12px; color: #8a909a; }
@media (max-width: 720px) {
  .vd-app .lc-rename { flex-wrap: wrap; justify-content: center; }
  .vd-app .lc-deck-hero { grid-template-columns: 1fr; gap: 24px; text-align: center; justify-items: center; }
  .vd-app .lc-deck-cover { width: 190px; border-radius: 34px; }
  .vd-app .lc-deck-cover span { font-size: 5.5rem; }
  .vd-app .lc-deck-page .lc-chips, .vd-app .lc-deck-actions { justify-content: center; }
  .vd-app .lc-peek-head p { display: none; }
}
.vd-app .lc-two { display:inline-block; margin-left:4px; padding:1px 7px; border-radius:999px; background:#f6dccf; color:#a4442d; font-size:11px; font-weight:750; letter-spacing:.02em; }