.bon-student-success-shell{box-sizing:border-box;min-width:0;min-height:calc(100dvh - 55px);width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}@media screen and (width<=768px){.bon-student-success-shell{min-height:calc(100dvh - 111px)}}.bon-student-success-shell{flex-direction:column;align-items:center;display:flex}.bon-student-success-shell>*{box-sizing:border-box;width:100%;max-width:min(100vw - clamp(5vw, (.0390625 * (var(--current-width) - 640) * 1vw), 20vw), 1700px);align-self:center;min-width:0;margin-inline:auto}.bon-student-success-shell{padding:var(--bon-space-3) var(--bon-space-3) var(--bon-space-6);min-height:40vh;color:var(--bon-text-primary);background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--accent) 7%, transparent) 0%, transparent 55%), radial-gradient(90% 60% at 100% 100%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 6%, transparent) 0%, transparent 52%), var(--bon-bg)}@media (width>=640px){.bon-student-success-shell{padding:8px 8px 20px}}@media (prefers-reduced-transparency:reduce){.bon-student-success-shell{background:var(--bon-bg)}}.bon-ss-hub-badges button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit),.bon-ss-hub-grants button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit),.bon-ss-hub-codes button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit),.bon-ss-hub-categories button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit),.bon-ss-badge-visual-dialog button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit),.bon-ss-feed button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit),.bon-ss-account button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit){box-shadow:none!important;background-image:none!important;border:0!important;transform:none!important}.bon-ss-hub-badges button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):hover:not(:disabled):before,.bon-ss-hub-badges button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):active:not(:disabled):before,.bon-ss-hub-grants button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):hover:not(:disabled):before,.bon-ss-hub-grants button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):active:not(:disabled):before,.bon-ss-hub-codes button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):hover:not(:disabled):before,.bon-ss-hub-codes button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):active:not(:disabled):before,.bon-ss-hub-categories button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):hover:not(:disabled):before,.bon-ss-hub-categories button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):active:not(:disabled):before,.bon-ss-badge-visual-dialog button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):hover:not(:disabled):before,.bon-ss-badge-visual-dialog button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):active:not(:disabled):before,.bon-ss-feed button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):hover:not(:disabled):before,.bon-ss-feed button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):active:not(:disabled):before,.bon-ss-account button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):hover:not(:disabled):before,.bon-ss-account button:not(.bon-ss-hub-action):not(.bon-ss-hub-action--ghost):not(.bon-ss-badge-create__submit):active:not(:disabled):before{display:none!important}.bon-badge-detail-card-trigger,.bon-badge-detail-card-wrap button{width:auto!important;min-width:0!important;box-shadow:none!important;font-weight:inherit!important;color:inherit!important;background:0 0!important;border:0!important;padding:0!important}.bon-ss-catalog-row__action,.bon-ss-hub-categories__btn,.bon-ss-category-filter__chip,.bon-ss-emblem-composer__layer-actions button,.bon-ss-badge-visual-dialog__close{box-shadow:none!important;border:0!important;width:auto!important;min-width:0!important}.bon-ss-catalog-row__action{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)!important}.bon-ss-hub-categories__btn{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent)!important}.bon-ss-hub-categories__actions .bon-ss-hub-categories__btn{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)!important}.bon-ss-category-filter__chip{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 8%, transparent)!important}.bon-ss-category-filter__chip.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)!important}.bon-badge-visual{box-sizing:border-box}@media (prefers-reduced-motion:reduce){.bon-badge-visual--shimmer .bon-badge-visual__effect:after,.bon-badge-visual--glow .bon-badge-visual__effect:after,.bon-badge-visual--sparkle .bon-badge-visual__effect:after,.bon-badge-visual--breathe .bon-badge-visual__effect:after,.bon-badge-visual--ripple .bon-badge-visual__effect:before,.bon-badge-visual--ripple .bon-badge-visual__effect:after{opacity:0;animation:none!important}.bon-badge-visual--pulse{filter:none;transform:none;animation:none!important}}.bon-badge-rarity-stage{--rarity-aura:var(--accent,#5b7cfa);vertical-align:middle;isolation:isolate;justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.bon-badge-rarity-stage:before,.bon-badge-rarity-stage:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.bon-badge-rarity-stage:before{opacity:0;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--rarity-aura) 42%, transparent) 0%, color-mix(in srgb, var(--rarity-aura) 12%, transparent) 52%, transparent 72%);filter:blur(.5px);inset:-22%}.bon-badge-rarity-stage:after{opacity:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-aura) 0%, transparent);inset:-10%}.bon-badge-rarity-stage>.bon-badge-visual{z-index:1;position:relative}.bon-badge-rarity-stage--notable{--rarity-aura:#14b8a6}.bon-badge-rarity-stage--seasonal{--rarity-aura:#e8a23a}.bon-badge-rarity-stage--rare{--rarity-aura:#5b7cfa}.bon-badge-rarity-stage--epic{--rarity-aura:#a855f7}.bon-badge-rarity-stage--unique{--rarity-aura:#c45bff}.bon-badge-rarity-stage--singular{--rarity-aura:#f43f5e}.bon-badge-rarity-stage--legendary{--rarity-aura:#ff5c8a}.bon-badge-rarity-stage--mythic{--rarity-aura:#f43f5e}.bon-badge-rarity-stage--secret{--rarity-aura:#64748b}.bon-badge-rarity-stage--tier-1:before{opacity:.55}.bon-badge-rarity-stage--tier-2:before{opacity:.62;animation:2.8s ease-in-out infinite bon-badge-rarity-glow}.bon-badge-rarity-stage--tier-3:before{opacity:.72;animation:2.2s ease-in-out infinite bon-badge-rarity-glow}.bon-badge-rarity-stage--tier-3:after{opacity:1;mix-blend-mode:screen;background:linear-gradient(120deg,#0000 38%,#ffffff6b 50%,#0000 62%);animation:2.6s ease-in-out infinite bon-badge-rarity-shimmer;overflow:hidden}.bon-badge-rarity-stage--tier-4:before{opacity:.78;animation:1.9s ease-in-out infinite bon-badge-rarity-glow}.bon-badge-rarity-stage--tier-4:after{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-aura) 48%, transparent), 0 0 12px color-mix(in srgb, var(--rarity-aura) 22%, transparent);animation:2.4s ease-in-out infinite bon-badge-rarity-ring}.bon-badge-rarity-stage--secret.bon-badge-rarity-stage--tier-4:after{mix-blend-mode:normal;background:0 0;animation:3.2s ease-in-out infinite bon-badge-rarity-secret-flicker}.bon-badge-rarity-stage--tier-5:before{opacity:.85;animation:1.5s ease-in-out infinite bon-badge-rarity-glow;inset:-30%}.bon-badge-rarity-stage--tier-5:after{opacity:1;background:conic-gradient(from 0deg, color-mix(in srgb, var(--rarity-aura) 0%, transparent) 0deg, color-mix(in srgb, var(--rarity-aura) 72%, white) 72deg, color-mix(in srgb, var(--rarity-aura) 0%, transparent) 144deg, color-mix(in srgb, var(--rarity-aura) 55%, #fff) 216deg, color-mix(in srgb, var(--rarity-aura) 0%, transparent) 288deg, color-mix(in srgb, var(--rarity-aura) 72%, white) 360deg);animation:3.5s linear infinite bon-badge-rarity-orbit;inset:-14%;-webkit-mask:radial-gradient(circle,#0000 62%,#000 66%);mask:radial-gradient(circle,#0000 62%,#000 66%)}@keyframes bon-badge-rarity-glow{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:.92;transform:scale(1.06)}}@keyframes bon-badge-rarity-shimmer{0%{opacity:.15;transform:translate(-36%)translateY(-8%)rotate(8deg)}45%{opacity:.55}to{opacity:.12;transform:translate(36%)translateY(8%)rotate(8deg)}}@keyframes bon-badge-rarity-ring{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes bon-badge-rarity-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bon-badge-rarity-secret-flicker{0%,72%,to{opacity:.35;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-aura) 28%, transparent)}78%{opacity:.9;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-aura) 62%, transparent), 0 0 10px color-mix(in srgb, var(--rarity-aura) 18%, transparent)}}.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--epic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--unique,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--singular,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--legendary,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--mythic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--secret{animation:2.2s ease-in-out infinite bon-ss-rarity-tile-glow}.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--legendary,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--mythic{animation:1.6s ease-in-out infinite bon-ss-rarity-tile-glow}@keyframes bon-ss-rarity-tile-glow{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){.bon-badge-rarity-stage:before,.bon-badge-rarity-stage:after,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--epic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--unique,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--singular,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--legendary,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--mythic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--secret{animation:none!important}.bon-badge-rarity-stage--tier-1:before,.bon-badge-rarity-stage--tier-2:before,.bon-badge-rarity-stage--tier-3:before,.bon-badge-rarity-stage--tier-4:before,.bon-badge-rarity-stage--tier-5:before{opacity:.5;transform:none}.bon-badge-rarity-stage--tier-3:after,.bon-badge-rarity-stage--tier-4:after,.bon-badge-rarity-stage--tier-5:after{opacity:.35;transform:none}}.bon-badge-chip{vertical-align:middle;align-items:center;gap:.35rem;max-width:100%;display:inline-flex}.bon-badge-chip--stack{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%}.bon-badge-chip--stack .bon-badge-chip__name{white-space:normal;text-align:center;max-width:100%;line-height:1.35}.bon-badge-chip__name{color:var(--bon-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:11rem;font-size:.8125rem;font-weight:600;overflow:hidden}.bon-badge-chip-row{vertical-align:middle;align-items:center;gap:.2rem;margin-inline-start:.35rem;display:inline-flex}.member_row_user_menu>.user-role-menu_trigger .user-role-menu_trailing{flex-wrap:nowrap;align-items:center;gap:.15rem;display:inline-flex}.member_row_user_menu .bon-badge-chip-row{flex-shrink:0;margin-left:.1rem}.communities_staff_row_username .bon-badge-chip-row{vertical-align:middle;margin-left:.35rem;display:inline-flex}.qol_card_author_text .bon-badge-chip-row{margin-top:.2rem;display:inline-flex}.bon-badge-chip-row .bon-badge-chip{line-height:0}.bon-badge-chip-row .bon-badge-visual{vertical-align:middle}.bon-kultorg-avatar{width:2.5rem;height:2.5rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:800;line-height:1;display:grid;position:relative;overflow:hidden}.bon-kultorg-avatar__fallback{z-index:0;place-items:center;width:100%;height:100%;transition:opacity .12s,visibility .12s;display:grid}.bon-kultorg-avatar__fallback--hidden{opacity:0;visibility:hidden}.bon-kultorg-avatar__img{z-index:1;object-fit:cover;opacity:0;border-radius:50%;width:100%;height:100%;transition:opacity .12s;display:block;position:absolute;inset:0}.bon-kultorg-avatar__img--ready{opacity:1}@media (prefers-reduced-motion:reduce){.bon-kultorg-avatar__fallback,.bon-kultorg-avatar__img{transition:none}}.bon-rewards-hub-intro{margin:0 0 var(--bon-space-3)}.bon-rewards-hub-intro__panel{align-items:stretch;gap:var(--bon-space-3);min-height:12.5rem;padding:var(--bon-space-4) var(--bon-space-4) var(--bon-space-4) calc(var(--bon-space-4) + 4px);border-radius:var(--bon-radius-lg);text-align:left;background:radial-gradient(88% 72% at 100% 0%, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 58%), radial-gradient(72% 64% at 0% 100%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 12%, transparent) 0%, transparent 55%), var(--bon-surface-1);box-shadow:var(--bon-shadow-2), inset 0 1px 0 color-mix(in srgb, var(--bon-text-primary) 6%, transparent);border:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.bon-rewards-hub-intro__panel:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 88%, var(--accent)) 100%);width:3px;position:absolute;inset:0 auto 0 0}.bon-rewards-hub-intro__panel:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 24%, transparent) 42%, color-mix(in srgb, var(--accent) 34%, transparent) 50%, color-mix(in srgb, var(--accent) 24%, transparent) 58%, transparent 100%);opacity:.5;border-radius:999px;height:1px;position:absolute;bottom:0;left:8%;right:8%}@media (width>=768px){.bon-rewards-hub-intro__panel{min-height:13.5rem;padding:var(--bon-space-5) var(--bon-space-5) var(--bon-space-5) calc(var(--bon-space-5) + 4px)}}.bon-rewards-hub-intro__deco{z-index:0;pointer-events:none;position:absolute;inset:0 0 0 38%;overflow:hidden}@media (width<=767px){.bon-rewards-hub-intro__deco{opacity:.92;left:28%}}.bon-rewards-hub-intro__grid{opacity:.1;background-image:linear-gradient(color-mix(in srgb, var(--bon-text-primary) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--bon-text-primary) 10%, transparent) 1px, transparent 1px);background-size:1.65rem 1.65rem;position:absolute;inset:-8% -10%;-webkit-mask-image:radial-gradient(90% 80% at 72% 42%,#000 0%,#0000 76%);mask-image:radial-gradient(90% 80% at 72% 42%,#000 0%,#0000 76%)}.bon-rewards-hub-intro__shelf{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(58% 50% at 68% 38%,#0000 0% 38%,#000 82%);mask-image:radial-gradient(58% 50% at 68% 38%,#0000 0% 38%,#000 82%)}.bon-rewards-hub-intro__badge-glyph{fill:color-mix(in srgb, var(--bon-surface-2) 45%, transparent);stroke:color-mix(in srgb, var(--accent) 48%, var(--bon-text-primary));stroke-width:1.5px;vector-effect:non-scaling-stroke}.bon-rewards-hub-intro__ribbon{fill:none;stroke:color-mix(in srgb, var(--accent) 58%, var(--bon-text-primary));stroke-width:2px;stroke-linecap:round;opacity:.42}.bon-rewards-hub-intro__hero{z-index:2;align-items:flex-start;gap:var(--bon-space-2);flex-direction:column;max-width:36rem;display:flex;position:relative}.bon-rewards-hub-intro__kicker{border-radius:var(--bon-radius-pill,999px);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-2));align-items:center;margin:0;padding:.15rem .6rem;font-size:.625rem;font-weight:800;line-height:1.2;display:inline-flex}.bon-rewards-hub-intro__title{letter-spacing:-.03em;flex-wrap:wrap;gap:.2rem .35rem;margin:0;padding-left:2px;font-size:clamp(1.75rem,4.2vw,2.35rem);font-weight:900;line-height:1.1;display:flex}.bon-rewards-hub-intro__title-line,.bon-rewards-hub-intro__title-accent{display:inline-block}.bon-rewards-hub-intro__title-accent{color:color-mix(in srgb, var(--accent) 62%, #fff)}.bon-root[data-bon-theme=light] .bon-rewards-hub-intro__title-accent{color:color-mix(in srgb, var(--accent) 84%, #111)}.bon-rewards-hub-intro__lead{max-width:32rem;color:var(--bon-text-secondary);margin:0;padding-left:2px;font-size:.875rem;font-weight:550;line-height:1.45}.bon-rewards-hub-intro__hint{color:color-mix(in srgb, var(--accent) 55%, var(--bon-text-secondary));margin:0;padding-left:2px;font-size:.75rem;font-weight:650}.bon-rewards-hub-intro__feed-link{border-radius:var(--bon-radius-pill,999px);color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1));align-self:flex-start;margin-top:.15rem;padding:.25rem .65rem;font-size:.75rem;font-weight:750;text-decoration:none;display:inline-flex}.bon-rewards-hub-intro__feed-link:hover{background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1));text-decoration:none}.bon-rewards-hub-intro__feed-link:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.bon-rewards-hub{gap:var(--bon-space-3);flex-direction:column;width:100%;min-width:0;display:flex}.bon-rewards-hub__nav{border-radius:var(--bon-radius-lg);background:var(--bon-surface-1);box-shadow:var(--bon-shadow-1);flex-wrap:wrap;gap:4px;margin:0;padding:4px;list-style:none;display:flex}.bon-rewards-hub__nav-link{border-radius:var(--bon-radius-md);min-height:2.25rem;color:var(--bon-text-secondary);background:0 0;border:0;justify-content:center;align-items:center;padding:6px 12px;font-size:.8125rem;font-weight:650;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.bon-rewards-hub__nav-link:hover{color:var(--bon-text-primary);background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-2))}.bon-rewards-hub__nav-link:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-rewards-hub__nav-link.is-active{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--bon-surface-2));font-weight:800}.bon-rewards-hub__nav-link.is-muted{opacity:.5}.bon-rewards-hub__nav-link.is-disabled{opacity:.38}.bon-rewards-hub__body{z-index:1;width:100%;min-width:0;position:relative}.bon-ss-hub-badges,.bon-ss-hub-grants,.bon-ss-hub-codes,.bon-ss-feed{width:100%;min-width:0}.bon-ss-hub-workspace{gap:var(--bon-space-4);grid-template-columns:1fr;width:100%;display:grid}@media (width>=1024px){.bon-ss-hub-workspace{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}.bon-ss-hub-workspace--stacked{grid-template-columns:1fr}.bon-ss-hub-workspace--stacked .bon-ss-hub-panel--create{position:static;overflow:visible}}.bon-ss-hub-workspace--single{grid-template-columns:1fr;max-width:40rem}.bon-ss-hub-panel{gap:var(--bon-space-3);padding:var(--bon-space-4);border-radius:var(--bon-radius-lg);background:var(--bon-surface-1);box-shadow:var(--bon-shadow-1);flex-direction:column;display:flex;position:relative;overflow:hidden}.bon-ss-hub-panel:before{content:"";pointer-events:none;background:linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 80%, var(--accent)) 100%);width:3px;position:absolute;inset:0 auto 0 0}@media (width>=1024px){.bon-ss-hub-panel--create{top:calc(var(--bon-space-3) + .5rem);position:sticky}}.bon-ss-hub-section-head{margin-bottom:var(--bon-space-2);flex-direction:column;gap:.25rem;display:flex}.bon-ss-hub-badges h2,.bon-ss-hub-grants h2,.bon-ss-hub-codes h2,.bon-ss-hub-section-head h2{letter-spacing:-.02em;color:var(--bon-text-primary);margin:0;font-size:.9375rem;font-weight:850}.bon-ss-hub-form,.bon-ss-create{gap:var(--bon-space-2);flex-direction:column;display:flex}.bon-ss-hub-form-grid{gap:var(--bon-space-2);grid-template-columns:1fr;display:grid}@media (width>=640px){.bon-ss-hub-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bon-ss-hub-form-grid--full{grid-template-columns:1fr}}.bon-ss-hub-form label,.bon-ss-create label{color:var(--bon-text-secondary);flex-direction:column;gap:.3rem;font-size:.8125rem;font-weight:600;display:flex}.bon-ss-hub-form input,.bon-ss-hub-form select,.bon-ss-hub-form textarea,.bon-ss-create input,.bon-ss-create select,.bon-ss-create textarea{border-radius:var(--bon-radius-md);background:var(--bon-surface-2);min-height:2.25rem;color:var(--bon-text-primary);font:inherit;border:0;padding:.45rem .7rem}.bon-ss-hub-form input:focus-visible,.bon-ss-hub-form select:focus-visible,.bon-ss-hub-form textarea:focus-visible,.bon-ss-create input:focus-visible,.bon-ss-create select:focus-visible,.bon-ss-create textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-ss-hub-form textarea,.bon-ss-create textarea{resize:vertical;min-height:4.5rem}.bon-ss-visual-picker{gap:var(--bon-space-2);padding:var(--bon-space-3);padding-left:calc(var(--bon-space-3) + 3px);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-2) 72%, var(--bon-surface-1));border:0;flex-direction:column;grid-column:1/-1;margin:0;display:flex;position:relative}.bon-ss-visual-picker:before{content:"";left:0;top:var(--bon-space-2);bottom:var(--bon-space-2);background:color-mix(in srgb, var(--accent) 55%, transparent);border-radius:3px;width:3px;position:absolute}.bon-ss-visual-picker legend{color:var(--bon-text-primary);padding:0;font-size:.8125rem;font-weight:750}.bon-ss-visual-picker__controls{gap:var(--bon-space-2);grid-template-columns:1fr;display:grid}@media (width>=640px){.bon-ss-visual-picker__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.bon-ss-visual-layout{gap:var(--bon-space-3);grid-template-columns:1fr;align-items:stretch;display:grid}@media (width>=720px){.bon-ss-visual-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}.bon-ss-visual-layout--dialog{grid-template-columns:1fr}}.bon-ss-visual-layout__preview{min-height:8rem}.bon-ss-visual-picker__compact{gap:var(--bon-space-2);grid-template-columns:1fr;display:grid}@media (width>=480px){.bon-ss-visual-picker__compact{grid-template-columns:repeat(2,minmax(0,1fr))}}.bon-ss-visual-picker__compact label{color:var(--bon-text-secondary);flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:650;line-height:1.3;display:flex}.bon-ss-visual-picker__compact input,.bon-ss-visual-picker__compact select{border-radius:var(--bon-radius-md);background:var(--bon-surface-1);min-height:2.25rem;color:var(--bon-text-primary);font:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;padding:.45rem .7rem}.bon-ss-visual-picker__compact input:focus-visible,.bon-ss-visual-picker__compact select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}@media (width>=480px){.bon-ss-visual-picker__compact .bon-ss-badge-create__scale{grid-column:1/-1}}.bon-ss-visual-picker__emblem{gap:var(--bon-space-2);margin-top:var(--bon-space-1);flex-direction:column;display:flex}.bon-ss-visual-picker__emblem-head{flex-direction:column;gap:.25rem;display:flex}.bon-ss-visual-picker__emblem-title{color:var(--bon-text-primary);margin:0;font-size:.8125rem;font-weight:800}.bon-ss-visual-picker__emblem-lead{color:var(--bon-text-secondary);margin:0;font-size:.75rem;line-height:1.45}.bon-ss-visual-colors-row{gap:var(--bon-space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}@media (width<=640px){.bon-ss-visual-colors-row{grid-template-columns:1fr}}.bon-ss-visual-colors-row__preview{top:var(--bon-space-2);z-index:1;flex:none;min-width:7.5rem;position:sticky}.bon-ss-visual-colors-row--dialog .bon-ss-visual-colors-row__preview{position:static}.bon-ss-visual-picker__colors{gap:var(--bon-space-3);flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;min-width:0;display:flex}.bon-ss-visual-picker__colors .bon-badge-color-picker{flex:0 0 9.5rem;grid-column:auto;width:9.5rem;max-width:9.5rem}.bon-ss-visual-picker__colors .bon-badge-color-picker__footer{flex-direction:column;align-items:stretch}.bon-ss-visual-picker__colors .bon-badge-color-picker__presets{justify-content:flex-start;margin-left:0}.bon-ss-hub-action,.bon-ss-hub-badges button[type=submit],.bon-ss-hub-grants button[type=button],.bon-ss-hub-codes button[type=button]{border-radius:var(--bon-radius-md);min-height:2.375rem;color:var(--bon-on-accent,#fff);background:var(--accent);cursor:pointer;box-shadow:var(--bon-shadow-1);border:0;align-self:flex-start;padding:.45rem 1.1rem;font-size:.8125rem;font-weight:800}.bon-ss-hub-action:disabled,.bon-ss-hub-badges button[type=submit]:disabled,.bon-ss-hub-grants button[type=button]:disabled,.bon-ss-hub-codes button[type=button]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.bon-ss-hub-catalog{gap:var(--bon-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bon-ss-hub-catalog--grid{gap:var(--bon-space-2);grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));display:grid}@media (width>=1280px){.bon-ss-hub-catalog--grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}}.bon-ss-hub-catalog--grid .bon-ss-empty{grid-column:1/-1}.bon-ss-catalog-row{align-items:center;gap:var(--bon-space-2);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:var(--bon-surface-1);box-shadow:var(--bon-shadow-1);text-align:center;flex-direction:column;min-height:8.5rem;transition:transform .15s,box-shadow .15s;display:flex}.bon-ss-catalog-row:hover{box-shadow:var(--bon-shadow-2);transform:translateY(-1px)}.bon-ss-catalog-row__visual{flex-shrink:0}.bon-ss-catalog-row__body{flex-direction:column;gap:.35rem;width:100%;min-width:0;display:flex}.bon-ss-catalog-row__body strong{color:var(--bon-text-primary);font-size:.875rem;font-weight:800;line-height:1.25}.bon-ss-catalog-row__meta{color:var(--bon-text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;font-size:.6875rem;display:flex}.bon-ss-catalog-row__actions{flex-wrap:wrap;justify-content:center;gap:.35rem;width:auto;max-width:100%;margin-top:.15rem;display:flex}.bon-ss-catalog-row__action{border-radius:var(--bon-radius-pill,999px);background:color-mix(in srgb, var(--bon-surface-2) 88%, var(--bon-surface-1));width:auto;color:var(--bon-text-secondary);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);border:0;flex:none;padding:.3rem .65rem;font-size:.6875rem;font-weight:700;transition:background .15s,color .15s}.bon-ss-catalog-row__action:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-2));color:var(--bon-text-primary)}.bon-ss-catalog-row__action:disabled{opacity:.45;cursor:not-allowed}.bon-ss-catalog-row__action--danger{box-shadow:inset 0 0 0 1px #ef444447}.bon-ss-catalog-row__action--danger:hover:not(:disabled){background:color-mix(in srgb, #ef4444 14%, var(--bon-surface-2));color:color-mix(in srgb, #ef4444 88%, var(--bon-text-primary))}.bon-ss-badge-visual-dialog{z-index:var(--bon-z-modal,1200);padding:var(--bon-space-3);background:color-mix(in srgb, var(--bon-overlay,#0f172a) 58%, transparent);border:none;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:flex;position:fixed;inset:0}.bon-ss-badge-visual-dialog__panel{border-radius:var(--bon-radius-lg);background:var(--bon-surface-1);width:min(100%,56rem);max-height:min(94vh,52rem);box-shadow:var(--bon-shadow-3), 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.bon-ss-badge-visual-dialog__head{justify-content:space-between;align-items:flex-start;gap:var(--bon-space-3);padding:var(--bon-space-4) var(--bon-space-4) var(--bon-space-3);border-bottom:1px solid color-mix(in srgb, var(--bon-text-primary) 8%, transparent);background:radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--accent) 12%, transparent) 0%, transparent 55%), var(--bon-surface-1);flex-shrink:0;display:flex}.bon-ss-badge-visual-dialog__head-text{flex-direction:column;gap:.25rem;min-width:0;display:flex}.bon-ss-badge-visual-dialog__kicker{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 72%, var(--bon-text-secondary));margin:0;font-size:.6875rem;font-weight:800}.bon-ss-badge-visual-dialog__head h2{letter-spacing:-.02em;color:var(--bon-text-primary);margin:0;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:900;line-height:1.2}.bon-ss-badge-visual-dialog__lead{max-width:36rem;color:var(--bon-text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.bon-ss-badge-visual-dialog__close{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-2) 70%, var(--bon-surface-1));width:2.25rem;height:2.25rem;color:var(--bon-text-secondary);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;flex-shrink:0;font-size:1.35rem;line-height:1}.bon-ss-badge-visual-dialog__close:hover:not(:disabled){color:var(--bon-text-primary);background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-1))}.bon-ss-badge-visual-dialog__close:disabled{opacity:.5;cursor:not-allowed}.bon-ss-badge-visual-dialog__body{gap:var(--bon-space-3);min-height:0;padding:var(--bon-space-3) var(--bon-space-4);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow:auto}@media (width>=720px){.bon-ss-badge-visual-dialog__body{overflow:hidden}}.bon-ss-badge-visual-dialog__category{color:var(--bon-text-secondary);flex-direction:column;flex-shrink:0;gap:.35rem;font-size:.8125rem;font-weight:650;display:flex}.bon-ss-badge-visual-dialog__category select{border-radius:var(--bon-radius-md);background:var(--bon-surface-2);min-height:2.25rem;color:var(--bon-text-primary);font:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;padding:.45rem .7rem}.bon-ss-badge-visual-dialog__preview{margin:0 auto}.bon-ss-badge-visual-dialog__actions{justify-content:flex-end;gap:var(--bon-space-2);padding:var(--bon-space-3) var(--bon-space-4);border-top:1px solid color-mix(in srgb, var(--bon-text-primary) 8%, transparent);background:color-mix(in srgb, var(--bon-surface-2) 35%, var(--bon-surface-1));flex-shrink:0;margin:0;display:flex}.bon-ss-badge-visual-dialog__body .bon-ss-emblem-composer--compact{flex:1;min-height:0}@media (width>=720px){.bon-ss-badge-visual-dialog__body .bon-ss-emblem-composer--compact{align-items:start;overflow:hidden}.bon-ss-badge-visual-dialog__body .bon-ss-emblem-composer--compact .bon-ss-emblem-studio__controls{overscroll-behavior:contain;max-height:100%;padding-right:.15rem;overflow:auto}}@media (width<=719px){.bon-ss-badge-visual-dialog__body .bon-ss-emblem-composer--compact .bon-ss-emblem-studio__dock{margin:calc(var(--bon-space-3) * -1) calc(var(--bon-space-4) * -1) 0;padding:var(--bon-space-2) var(--bon-space-4);background:color-mix(in srgb, var(--bon-surface-1) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 color-mix(in srgb, var(--bon-text-primary) 8%, transparent);position:sticky;top:0}}.bon-ss-rarity{border-radius:var(--bon-radius-pill,999px);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;background:color-mix(in srgb, var(--bon-surface-2) 80%, var(--bon-surface-1));color:var(--bon-text-secondary);justify-content:center;align-items:center;padding:.12rem .45rem;font-size:.625rem;font-weight:800;line-height:1;display:inline-flex}.bon-ss-rarity-hint{color:color-mix(in srgb, var(--accent) 48%, var(--bon-text-secondary));margin:0;font-size:.75rem;font-weight:600}.bon-ss-season-panel{gap:var(--bon-space-2);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, #e8a23a 8%, var(--bon-surface-2));border-left:3px solid #e8a23a8c;flex-direction:column;display:flex}.bon-ss-season-panel__title{color:var(--bon-text-primary);margin:0;font-size:.8125rem;font-weight:800}.bon-ss-code-reveal{gap:var(--bon-space-2);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-2));border-left:3px solid color-mix(in srgb, var(--accent) 55%, transparent);flex-direction:column;display:flex}.bon-ss-code-reveal p{color:var(--bon-text-secondary);margin:0;font-size:.8125rem}.bon-ss-code-reveal code{border-radius:var(--bon-radius-sm,6px);letter-spacing:.04em;color:var(--bon-text-primary);background:var(--bon-surface-1);margin-top:.25rem;padding:.55rem .7rem;font-family:ui-monospace,monospace;font-size:.9375rem;font-weight:800;display:block}.bon-ss-code-reveal a{color:color-mix(in srgb, var(--accent) 78%, var(--bon-text-primary));word-break:break-all;font-size:.8125rem;font-weight:650}.bon-ss-code-mode{border:0;margin:0;padding:0}.bon-ss-code-mode legend{color:var(--bon-text-secondary);margin-bottom:.35rem;padding:0;font-size:.8125rem;font-weight:600}.bon-ss-code-mode__options{gap:var(--bon-space-2);flex-wrap:wrap;display:flex}.bon-ss-code-mode__option{color:var(--bon-text-primary);cursor:pointer;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:650;display:flex}.bon-ss-code-mode__option input{accent-color:var(--accent)}.bon-ss-hub-form .bon-kultorg-picker,.bon-ss-create .bon-kultorg-picker{flex-direction:column;gap:.3rem;min-width:0;display:flex}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-cabinet__label,.bon-ss-create .bon-kultorg-picker .bon-kultorg-cabinet__label{letter-spacing:normal;text-transform:none;color:var(--bon-text-secondary);font-size:.8125rem;font-weight:600;line-height:1.35}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-cabinet__panel-hint,.bon-ss-create .bon-kultorg-picker .bon-kultorg-cabinet__panel-hint{color:var(--bon-text-tertiary);margin:0;font-size:.75rem;line-height:1.45}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-cabinet__field,.bon-ss-create .bon-kultorg-picker .bon-kultorg-cabinet__field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-cabinet__input,.bon-ss-create .bon-kultorg-picker .bon-kultorg-cabinet__input{border-radius:var(--bon-radius-md);background:var(--bon-surface-2);width:100%;min-height:2.25rem;color:var(--bon-text-primary);font:inherit;font-size:inherit;border:0;padding:.45rem .7rem;font-weight:500;line-height:1.35;box-shadow:none!important}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-cabinet__input::placeholder,.bon-ss-create .bon-kultorg-picker .bon-kultorg-cabinet__input::placeholder{color:var(--bon-text-tertiary);opacity:1;font-weight:450}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-cabinet__input:focus-visible,.bon-ss-create .bon-kultorg-picker .bon-kultorg-cabinet__input:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px;background:var(--bon-surface-2)!important}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__status,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__status{color:var(--bon-text-secondary);margin:0;font-size:.75rem;line-height:1.35}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__status[data-tone=warn],.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__status[data-tone=warn]{color:var(--bon-sem-danger,#c44)}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__selected,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__selected{justify-content:space-between;align-items:center;gap:var(--bon-space-2);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);padding:.55rem .65rem;display:flex}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__person,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__person{align-items:center;gap:var(--bon-space-2);min-width:0;display:flex}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__selected-title,.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__option-title,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__selected-title,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__option-title{color:var(--bon-text-primary);margin:0;font-size:.8125rem;font-weight:750;line-height:1.3}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__selected-meta,.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__option-meta,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__selected-meta,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__option-meta{color:var(--bon-text-secondary);margin:.1rem 0 0;font-size:.75rem;line-height:1.35}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__list,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__list{flex-direction:column;gap:.35rem;max-height:14rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__option,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__option{justify-content:flex-start;align-items:center;gap:var(--bon-space-2);border-radius:var(--bon-radius-md);width:100%;color:inherit;background:var(--bon-surface-2);text-align:left;cursor:pointer;border:0;padding:.55rem .65rem;display:flex}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__option:hover,.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__option:focus-visible,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__option:hover,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__option:focus-visible{background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-2))}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__option .bon-kultorg-avatar__img--ready,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__option .bon-kultorg-avatar__img--ready{opacity:1}.bon-ss-hub-form .bon-kultorg-picker .bon-kultorg-picker__option-copy,.bon-ss-create .bon-kultorg-picker .bon-kultorg-picker__option-copy{flex-direction:column;min-width:0;display:flex}.bon-ss-hub-form .bon-kultorg-picker .bon-btn.bon-btn--ghost,.bon-ss-create .bon-kultorg-picker .bon-btn.bon-btn--ghost{border-radius:var(--bon-radius-md);min-height:2rem;color:var(--bon-text-secondary);background:color-mix(in srgb, var(--bon-surface-2) 88%, var(--bon-surface-1));cursor:pointer;border:0;flex-shrink:0;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.bon-ss-hub-form .bon-kultorg-picker .bon-btn.bon-btn--ghost:hover:not(:disabled),.bon-ss-create .bon-kultorg-picker .bon-btn.bon-btn--ghost:hover:not(:disabled){color:var(--bon-text-primary);background:var(--bon-surface-2)}.bon-ss-emblem-composer{gap:var(--bon-space-3);flex-direction:column;display:flex}.bon-ss-emblem-composer__preview{cursor:grab;touch-action:none}.bon-ss-emblem-composer__drag-hint{color:var(--bon-text-tertiary);text-align:center;margin:.35rem 0 0;font-size:.6875rem;line-height:1.4}.bon-ss-emblem-composer__layers-head{justify-content:space-between;align-items:center;gap:var(--bon-space-2);flex-wrap:wrap;display:flex}.bon-ss-emblem-composer__layers-title{margin:0;font-size:.8125rem;font-weight:800}.bon-ss-emblem-composer__dense-hint{color:var(--bon-text-secondary);margin:0;font-size:.75rem}.bon-ss-emblem-composer__layer-list{gap:var(--bon-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bon-ss-emblem-composer__layer{align-items:center;gap:var(--bon-space-2);border-radius:var(--bon-radius-md);border:1px solid color-mix(in srgb, var(--bon-border) 80%, transparent);background:var(--bon-surface-2);padding:.35rem .5rem;display:flex}.bon-ss-emblem-composer__layer.is-active{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-2))}.bon-ss-emblem-composer__layer-select{align-items:center;gap:var(--bon-space-2);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0;display:flex}.bon-ss-emblem-composer__layer-name{color:var(--bon-text-primary);font-size:.8125rem;font-weight:650}.bon-ss-emblem-composer__layer-actions{gap:.15rem;display:flex}.bon-ss-emblem-composer__layer-actions button{border-radius:var(--bon-radius-sm,6px);background:var(--bon-surface-1);min-width:1.75rem;height:1.75rem;color:var(--bon-text-secondary);cursor:pointer;border:0}.bon-ss-emblem-composer__layer-actions button:disabled{opacity:.35;cursor:not-allowed}.bon-ss-hub-categories{gap:var(--bon-space-3);margin-bottom:var(--bon-space-3);padding:var(--bon-space-3);border-radius:var(--bon-radius-lg);background:radial-gradient(110% 90% at 100% 0%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 55%), color-mix(in srgb, var(--bon-surface-2) 45%, var(--bon-surface-1));box-shadow:var(--bon-shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);flex-direction:column;display:flex}.bon-ss-hub-categories__head{justify-content:space-between;align-items:center;gap:var(--bon-space-2);flex-wrap:wrap;display:flex}.bon-ss-hub-categories__toggle{letter-spacing:-.01em;color:var(--bon-text-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;margin:0;padding:.15rem .2rem;font-size:.875rem;font-weight:850;display:flex}.bon-ss-hub-categories__toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-ss-hub-categories__chevron{width:1.1rem;height:1.1rem;color:color-mix(in srgb, var(--accent) 75%, var(--bon-text-secondary));background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-1));border-radius:999px;justify-content:center;align-items:center;font-size:.7rem;transition:transform .15s;display:inline-flex}.bon-ss-hub-categories__chevron.is-open{transform:rotate(90deg)}.bon-ss-hub-categories__actions{flex-wrap:wrap;gap:.4rem;display:flex}.bon-ss-hub-categories__list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.bon-ss-hub-categories__row{border-radius:var(--bon-radius-md);background:var(--bon-surface-1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 7%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem .65rem;padding:.55rem .7rem;display:grid}.bon-ss-hub-categories__row-main{flex-direction:column;gap:.15rem;min-width:0;display:flex}.bon-ss-hub-categories__name{color:var(--bon-text-primary);font-size:.8125rem;font-weight:750}.bon-ss-hub-categories__meta{color:var(--bon-text-tertiary);font-size:.6875rem;font-weight:600}.bon-ss-hub-categories__row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.bon-ss-hub-categories__btn{border-radius:var(--bon-radius-pill,999px);width:auto;min-height:1.85rem;color:var(--bon-text-secondary);background:color-mix(in srgb, var(--bon-surface-2) 70%, var(--bon-surface-1));cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent);border:0;flex:none;padding:.25rem .65rem;font-size:.6875rem;font-weight:700;transition:background .15s,color .15s}.bon-ss-hub-categories__btn:hover:not(:disabled){color:var(--bon-text-primary);background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-1))}.bon-ss-hub-categories__btn:disabled{opacity:.45;cursor:not-allowed}.bon-ss-hub-categories__btn--danger{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-danger,#dc2626) 28%, transparent)}.bon-ss-hub-categories__btn--danger:hover:not(:disabled){color:color-mix(in srgb, var(--bon-danger,#dc2626) 88%, var(--bon-text-primary));background:color-mix(in srgb, var(--bon-danger,#dc2626) 10%, var(--bon-surface-1))}.bon-ss-hub-categories__actions .bon-ss-hub-categories__btn{min-height:2rem;color:color-mix(in srgb, var(--accent) 78%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));padding:.35rem .8rem;font-size:.75rem}.bon-ss-hub-categories__empty{padding:var(--bon-space-3);border-radius:var(--bon-radius-md);color:var(--bon-text-secondary);background:var(--bon-surface-1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 7%, transparent);margin:0;font-size:.8125rem;line-height:1.45}.bon-ss-hub-categories__form{gap:var(--bon-space-3);margin-top:var(--bon-space-1);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:linear-gradient(155deg, color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1)) 0%, var(--bon-surface-1) 55%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), inset 3px 0 0 color-mix(in srgb, var(--accent) 55%, transparent);flex-direction:column;display:flex}.bon-ss-hub-categories__form label{color:var(--bon-text-secondary);flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:650;line-height:1.3;display:flex}.bon-ss-hub-categories__form input,.bon-ss-hub-categories__form textarea{border-radius:var(--bon-radius-md);background:var(--bon-surface-2);min-height:2.25rem;color:var(--bon-text-primary);font:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;padding:.5rem .75rem}.bon-ss-hub-categories__form input:focus-visible,.bon-ss-hub-categories__form textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-ss-hub-categories__form textarea{resize:vertical;min-height:4rem}.bon-ss-hub-categories__form .bon-ss-hub-categories__row-actions{justify-content:flex-start;gap:.5rem}.bon-ss-hub-categories__form .bon-ss-hub-action{min-height:2.25rem}.bon-ss-category-filter{margin-bottom:var(--bon-space-2);flex-wrap:wrap;gap:.35rem;display:flex}.bon-ss-category-filter__chip{width:auto;min-height:1.85rem;color:var(--bon-text-secondary);background:var(--bon-surface-2);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 8%, transparent);border:0;border-radius:999px;flex:none;padding:.3rem .7rem;font-size:.75rem;font-weight:650;transition:background .15s,color .15s,box-shadow .15s}.bon-ss-category-filter__chip:hover{color:var(--bon-text-primary);background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-2))}.bon-ss-category-filter__chip.is-active{color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);font-weight:800}.bon-ss-category-filter__chip:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-ss-hub-catalog-group{gap:var(--bon-space-2);flex-direction:column;display:flex}.bon-ss-hub-catalog-group+.bon-ss-hub-catalog-group{margin-top:var(--bon-space-3)}.bon-ss-hub-catalog-group__title{letter-spacing:.06em;text-transform:uppercase;color:var(--bon-text-tertiary);margin:0;font-size:.6875rem;font-weight:800}.bon-ss-catalog-row__category{color:var(--bon-text-tertiary);font-size:.6875rem;font-weight:650}.bon-ss-catalog-row__category-select{border-radius:var(--bon-radius-sm);background:var(--bon-surface-2);max-width:14rem;min-height:2rem;color:var(--bon-text-primary);border:0;margin-top:.35rem;padding:.3rem .5rem;font-size:.75rem}.bon-badge-detail-card{padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:var(--bon-surface-2);box-shadow:var(--bon-shadow-2);color:var(--bon-text-primary);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;max-width:18rem;display:flex}.bon-badge-detail-card__visual{justify-content:center;align-items:center;margin:.1rem 0;line-height:0;display:flex}.bon-badge-detail-card__kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--bon-text-tertiary);margin:0;font-size:.6875rem;font-weight:800;line-height:1.25}.bon-badge-detail-card__title{color:var(--bon-text-primary);margin:0;font-size:.9375rem;font-weight:700;line-height:1.3}.bon-badge-detail-card__rarity{border-radius:var(--bon-radius-pill,999px);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;min-height:1.625rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent);justify-content:center;align-self:center;align-items:center;margin:0;padding:.22rem .6rem;font-size:.625rem;font-weight:800;line-height:1;display:inline-flex}.bon-badge-detail-card__edition{color:color-mix(in srgb, var(--accent) 72%, var(--bon-text-primary));text-align:center;align-self:stretch;margin:0;font-size:.75rem;font-weight:650;line-height:1.4}.bon-badge-detail-card__edition--singular{color:color-mix(in srgb, #f43f5e 78%, var(--bon-text-primary));border-radius:var(--bon-radius-md);background:color-mix(in srgb, #f43f5e 10%, var(--bon-surface-1));padding:.35rem .5rem;font-weight:800;box-shadow:inset 0 0 0 1px #f43f5e38}.bon-badge-detail-card__body{color:var(--bon-text-secondary);-webkit-line-clamp:4;text-align:center;text-wrap:pretty;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;align-self:stretch;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.bon-badge-detail-card__body--secret{color:var(--bon-text-tertiary);font-style:italic}.bon-badge-detail-card__footer{color:var(--bon-text-tertiary);text-align:center;margin:0;font-size:.6875rem;line-height:1.35}.bon-badge-detail-card-wrap{vertical-align:middle;width:fit-content;max-width:100%;display:inline-flex;position:relative}.bon-badge-detail-card-trigger{cursor:pointer;border-radius:var(--bon-radius-sm);width:auto;max-width:100%;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex}.bon-badge-detail-card-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-badge-detail-card-popover{z-index:1400;top:var(--bon-badge-detail-top,0);left:var(--bon-badge-detail-left,0);pointer-events:auto;width:max-content;max-width:min(18rem,100vw - 1rem);position:fixed}.bon-badge-detail-card-backdrop{z-index:1395;background:color-mix(in srgb, var(--bon-text-primary) 28%, transparent);position:fixed;inset:0}.bon-badge-detail-card--sheet{z-index:1400;border-radius:var(--bon-radius-lg) var(--bon-radius-lg) 0 0;width:auto;max-width:none;padding-bottom:calc(var(--bon-space-3) + env(safe-area-inset-bottom,0px));margin:0;animation:.2s bon-badge-detail-sheet-in;position:fixed;bottom:0;left:0;right:0}@keyframes bon-badge-detail-sheet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bon-badge-detail-card--sheet{animation:none}}.bon-ss-collection-row__desc{color:var(--bon-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width>=640px){.bon-ss-collection-row__desc{-webkit-line-clamp:3}}.bon-ss-badge-create{gap:var(--bon-space-4);background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 10%, transparent) 0%, transparent 52%), var(--bon-surface-1)}.bon-ss-badge-create__head{padding-bottom:var(--bon-space-2);border-bottom:1px solid color-mix(in srgb, var(--bon-text-primary) 8%, transparent);flex-direction:column;gap:.35rem;display:flex}.bon-ss-badge-create__kicker{border-radius:var(--bon-radius-pill,999px);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-2));align-self:flex-start;align-items:center;padding:.2rem .55rem;font-size:.6875rem;font-weight:800;display:inline-flex}.bon-ss-badge-create__head h2{letter-spacing:-.03em;color:var(--bon-text-primary);margin:0;font-size:clamp(1.25rem,2.4vw,1.5rem);font-weight:900;line-height:1.15}.bon-ss-badge-create__lead{color:var(--bon-text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.bon-ss-badge-create__form{gap:var(--bon-space-4);flex-direction:column;display:flex}.bon-ss-badge-create__block{gap:var(--bon-space-2);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 5%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);flex-direction:column;display:flex}.bon-ss-badge-create__block--about{background:color-mix(in srgb, var(--accent) 7%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.bon-ss-badge-create__block--singular{--editor-tint:#f43f5e;background:color-mix(in srgb, var(--editor-tint) 9%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--editor-tint) 24%, transparent)}.bon-ss-badge-create__block--limits{--editor-tint:#c45bff;background:color-mix(in srgb, var(--editor-tint) 8%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--editor-tint) 22%, transparent)}.bon-ss-badge-create__block.bon-ss-season-panel{--editor-tint:#e8a23a;padding:var(--bon-space-3);background:color-mix(in srgb, var(--editor-tint) 9%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--editor-tint) 24%, transparent);border-left:0}.bon-ss-badge-create__block--visual{padding:var(--bon-space-3);gap:var(--bon-space-3);background:linear-gradient(155deg, color-mix(in srgb, var(--accent) 8%, var(--bon-surface-2)) 0%, color-mix(in srgb, var(--bon-surface-2) 92%, var(--bon-surface-1)) 48%, var(--bon-surface-1) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--bon-text-primary) 6%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent)}.bon-ss-badge-create__intro-grid{gap:var(--bon-space-3);grid-template-columns:1fr;display:grid}.bon-ss-badge-create__block--rarity{gap:var(--bon-space-2)}.bon-ss-badge-create__studio{gap:var(--bon-space-3);flex-direction:column;min-height:0;display:flex}.bon-ss-badge-create__studio-head{flex-direction:column;gap:.35rem;display:flex}.bon-ss-badge-create__studio .bon-ss-emblem-composer--page{gap:var(--bon-space-4);min-height:0}@media (width>=720px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--page{align-items:start;gap:var(--bon-space-4);grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);display:grid}}@media (width>=1100px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--page{gap:var(--bon-space-5,1.25rem);grid-template-columns:minmax(16rem,22rem) minmax(0,1fr)}}@media (width>=720px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__dock{top:var(--bon-space-2);z-index:2;align-self:start;position:sticky}}@media (width<=719px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__dock{z-index:2;margin:calc(var(--bon-space-3) * -1) calc(var(--bon-space-3) * -1) 0;padding:var(--bon-space-2) var(--bon-space-3);background:color-mix(in srgb, var(--bon-surface-1) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 color-mix(in srgb, var(--bon-text-primary) 8%, transparent);position:sticky;top:0}}.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__preview{min-height:11rem}@media (width>=720px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__preview{min-height:14rem;padding:var(--bon-space-4);box-shadow:var(--bon-shadow-2), inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}}.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__hint{max-width:none;font-size:.75rem}.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__controls{gap:var(--bon-space-3);min-width:0;max-height:none;padding-right:0;display:grid;overflow:visible}@media (width>=900px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__options,.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__icon-picker{grid-column:1/-1}.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-ss-emblem-studio__colors{gap:var(--bon-space-3);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-badge-color-picker__wheel{max-width:9rem}@media (width>=900px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-badge-color-picker__wheel{max-width:11rem}}.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-lucide-picker,.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-lucide-picker--embedded{width:100%;min-width:0}.bon-ss-badge-create__studio .bon-ss-emblem-composer--page .bon-lucide-picker__selected{word-break:normal;overflow-wrap:anywhere}.bon-ss-badge-create__studio .bon-ss-emblem-composer--compact{flex:1;min-height:0}@media (width>=720px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--compact{align-items:start;gap:var(--bon-space-4);grid-template-columns:minmax(11rem,14rem) minmax(0,1fr);display:grid;overflow:hidden}.bon-ss-badge-create__studio .bon-ss-emblem-composer--compact .bon-ss-emblem-studio__dock{z-index:2;align-self:start;position:sticky;top:0}}@media (width<=719px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--compact .bon-ss-emblem-studio__dock{z-index:2;margin:calc(var(--bon-space-3) * -1) calc(var(--bon-space-3) * -1) 0;padding:var(--bon-space-2) var(--bon-space-3);background:color-mix(in srgb, var(--bon-surface-1) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 color-mix(in srgb, var(--bon-text-primary) 8%, transparent);position:sticky;top:0}}.bon-ss-badge-create__studio .bon-ss-emblem-composer--compact .bon-ss-emblem-studio__preview{min-height:9rem}@media (width>=720px){.bon-ss-badge-create__studio .bon-ss-emblem-composer--compact .bon-ss-emblem-studio__preview{min-height:10.5rem;box-shadow:var(--bon-shadow-2), inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.bon-ss-badge-create__studio .bon-ss-emblem-composer--compact .bon-ss-emblem-studio__controls{overscroll-behavior:contain;max-height:min(36rem,72vh);padding-right:.15rem;overflow:auto}.bon-ss-badge-create__studio .bon-ss-emblem-composer--compact .bon-badge-color-picker__wheel{max-width:6.75rem}}.bon-ss-emblem-composer--workshop{gap:var(--bon-space-3)}@media (width>=720px){.bon-ss-emblem-composer--workshop{align-items:start;gap:var(--bon-space-4);grid-template-columns:minmax(10rem,12.5rem) minmax(0,1fr);display:grid}.bon-ss-emblem-composer--workshop .bon-ss-emblem-studio__dock{z-index:2;align-self:start;position:sticky;top:0}.bon-ss-emblem-composer--workshop .bon-ss-emblem-studio__preview{min-height:10.5rem;box-shadow:var(--bon-shadow-2), inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.bon-ss-emblem-composer--workshop .bon-ss-emblem-studio__controls{overscroll-behavior:contain;max-height:min(36rem,72vh);padding-right:.15rem;overflow:auto}}.bon-ss-emblem-composer--workshop .bon-ss-emblem-studio__colors{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bon-ss-emblem-studio__dock{min-width:0}.bon-ss-emblem-studio__controls{gap:var(--bon-space-3);flex-direction:column;min-width:0;display:flex}.bon-ss-emblem-studio{gap:var(--bon-space-3);flex-direction:column;display:flex}.bon-ss-emblem-studio__preview{min-height:9.5rem;padding:var(--bon-space-3);border-radius:var(--bon-radius-md);cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 62%), color-mix(in srgb, var(--bon-surface-1) 92%, var(--bon-surface-2));box-shadow:var(--bon-shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 8%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex}.bon-ss-emblem-studio__preview:active{cursor:grabbing}.bon-ss-emblem-studio__hint{text-align:center;max-width:14rem;color:var(--bon-text-tertiary);margin:0;font-size:.6875rem;line-height:1.4}.bon-ss-emblem-studio__colors{gap:var(--bon-space-2);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.bon-ss-emblem-studio__options{gap:var(--bon-space-2);grid-template-columns:1fr;display:grid}@media (width>=480px){.bon-ss-emblem-studio__options{grid-template-columns:repeat(2,minmax(0,1fr))}}.bon-ss-emblem-studio__options label{color:var(--bon-text-secondary);flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:650;line-height:1.3;display:flex}.bon-ss-emblem-studio__options select{border-radius:var(--bon-radius-md);background:var(--bon-surface-1);min-height:2.25rem;color:var(--bon-text-primary);font:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;padding:.45rem .7rem}.bon-ss-emblem-studio__options select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-ss-emblem-studio__base-picker{flex-direction:column;grid-column:1/-1;gap:.35rem;display:flex}.bon-ss-emblem-studio__base-picker-label{color:var(--bon-text-secondary);font-size:.8125rem;font-weight:650;line-height:1.3}.bon-ss-emblem-studio__base-grid{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.35rem;display:grid}.bon-ss-emblem-studio__base-tile{border-radius:var(--bon-radius-md);background:var(--bon-surface-1);color:var(--bon-text-primary);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem .25rem .45rem;transition:box-shadow .14s,background .14s,transform .14s;display:flex}.bon-ss-emblem-studio__base-tile:hover{background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1))}.bon-ss-emblem-studio__base-tile:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-ss-emblem-studio__base-tile.is-selected{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 70%, white), 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1))}.bon-ss-emblem-studio__base-tile-label{text-align:center;color:var(--bon-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.625rem;line-height:1.2;overflow:hidden}.bon-ss-emblem-studio__layers,.bon-ss-emblem-studio__tuning,.bon-ss-emblem-studio__icon-picker{gap:var(--bon-space-2);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-1) 88%, var(--bon-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 7%, transparent);flex-direction:column;display:flex}.bon-ss-emblem-composer--workshop .bon-badge-color-picker,.bon-ss-emblem-composer--compact .bon-badge-color-picker{grid-column:auto;gap:.45rem}.bon-ss-emblem-composer--workshop .bon-badge-color-picker__wheel,.bon-ss-emblem-composer--compact .bon-badge-color-picker__wheel{aspect-ratio:1;width:100%;max-width:7.25rem;height:auto;margin:0 auto}.bon-ss-emblem-composer--workshop .bon-badge-color-picker__label,.bon-ss-emblem-composer--compact .bon-badge-color-picker__label{font-size:.75rem}.bon-ss-emblem-composer--workshop .bon-badge-color-picker__footer,.bon-ss-emblem-composer--compact .bon-badge-color-picker__footer{flex-direction:column;align-items:stretch;gap:.35rem}.bon-ss-emblem-composer--workshop .bon-badge-color-picker__presets,.bon-ss-emblem-composer--compact .bon-badge-color-picker__presets{justify-content:flex-start;margin-left:0}.bon-ss-emblem-composer--workshop .bon-badge-color-picker__hex,.bon-ss-emblem-composer--compact .bon-badge-color-picker__hex{width:100%;min-width:0;padding:.35rem .5rem;font-size:.75rem}.bon-ss-emblem-composer--compact{gap:var(--bon-space-3);flex-direction:column;flex:1;min-height:0;display:flex}@media (width>=720px){.bon-ss-emblem-composer--compact{align-items:stretch;gap:var(--bon-space-4);grid-template-columns:minmax(10rem,12.5rem) minmax(0,1fr);display:grid}}.bon-ss-emblem-composer--compact .bon-ss-emblem-studio__dock{z-index:2;align-self:start;position:sticky;top:0}.bon-ss-emblem-composer--compact .bon-ss-emblem-studio__preview{min-height:7.5rem;padding:var(--bon-space-2) var(--bon-space-3);box-shadow:var(--bon-shadow-2), inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.bon-ss-emblem-composer--compact .bon-ss-emblem-studio__controls{gap:var(--bon-space-2);min-height:0}.bon-ss-emblem-composer--compact .bon-ss-emblem-studio__colors{grid-template-columns:repeat(2,minmax(0,1fr))}.bon-ss-emblem-composer--compact .bon-badge-color-picker__wheel{max-width:5.75rem}.bon-ss-emblem-composer--compact .bon-ss-emblem-composer__add{min-height:2rem;padding:.3rem .65rem;font-size:.75rem}.bon-ss-emblem-composer__sliders{gap:var(--bon-space-2);display:grid}@media (width>=520px){.bon-ss-emblem-composer__sliders{grid-template-columns:repeat(3,minmax(0,1fr))}}.bon-ss-emblem-studio__tuning .bon-ss-badge-create__scale{grid-column:auto}.bon-ss-emblem-studio__tuning-head{justify-content:space-between;align-items:center;gap:var(--bon-space-2);margin-bottom:.15rem;display:flex}.bon-ss-emblem-studio__tuning-head .bon-ss-emblem-composer__layers-title{margin:0}.bon-ss-emblem-param__reset-all{flex-shrink:0;min-height:1.75rem;padding:.2rem .55rem;font-size:.6875rem}.bon-ss-emblem-param__head{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.bon-ss-emblem-param__reset{border-radius:var(--bon-radius-pill);background:color-mix(in srgb, var(--bon-text-tertiary) 10%, var(--bon-surface-1));width:1.5rem;height:1.5rem;color:var(--bon-text-secondary);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.8125rem;line-height:1;transition:background-color .14s,color .14s;display:inline-flex}.bon-ss-emblem-param__reset:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1));color:var(--bon-text-primary)}.bon-ss-emblem-param__reset:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-ss-emblem-param__reset:disabled{opacity:.35;cursor:default}.bon-ss-badge-create__block-title{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 55%, var(--bon-text-secondary));margin:0;font-size:.75rem;font-weight:850}.bon-ss-badge-create__fields{gap:var(--bon-space-2);flex-direction:column;display:flex}.bon-ss-badge-create__fields label{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 6%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);padding:.55rem .65rem;transition:background-color .14s,box-shadow .14s}.bon-ss-badge-create__fields label:focus-within{background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent)}.bon-ss-badge-create__block--limits label,.bon-ss-badge-create__block.bon-ss-season-panel label{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--editor-tint) 8%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--editor-tint) 20%, transparent);padding:.55rem .65rem}.bon-ss-badge-create__block--limits label:focus-within,.bon-ss-badge-create__block.bon-ss-season-panel label:focus-within{background:color-mix(in srgb, var(--editor-tint) 12%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--editor-tint) 34%, transparent)}.bon-ss-badge-create__preview-stage{min-height:7.5rem;padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 62%), var(--bon-surface-1);box-shadow:var(--bon-shadow-1);justify-content:center;align-items:center;display:flex}.bon-ss-badge-create__submit{letter-spacing:.02em;border-radius:var(--bon-radius-md);width:100%;min-height:2.75rem;box-shadow:var(--bon-shadow-1), 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);font-size:.875rem}@media (width>=640px){.bon-ss-badge-create__submit{width:auto;min-width:12rem}}.bon-ss-rarity-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.35rem;display:grid}@media (width>=640px){.bon-ss-rarity-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.4rem}}@media (width>=1100px){.bon-ss-rarity-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}}.bon-ss-rarity-tile{--rarity-accent:var(--bon-text-secondary);border-radius:var(--bon-radius-md);text-align:left;cursor:pointer;background:color-mix(in srgb, var(--rarity-accent) 10%, var(--bon-surface-1));min-width:0;min-height:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-accent) 26%, transparent);border:0;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.42rem .5rem;transition:background-color .14s,box-shadow .14s,color .14s;display:flex}.bon-ss-rarity-tile:hover:not(.is-selected){background:color-mix(in srgb, var(--rarity-accent) 16%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-accent) 38%, transparent)}.bon-ss-rarity-tile:focus-visible{outline:2px solid color-mix(in srgb, var(--rarity-accent) 72%, white);outline-offset:2px}.bon-ss-rarity-tile.is-selected{background:var(--rarity-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-accent) 88%, #000), 0 4px 14px color-mix(in srgb, var(--rarity-accent) 28%, transparent)}.bon-ss-rarity-tile.is-selected .bon-ss-rarity-tile__label,.bon-ss-rarity-tile.is-selected .bon-ss-rarity-tile__hint{color:#fff}.bon-ss-rarity-tile.is-selected .bon-ss-rarity-tile__hint{opacity:.9}.bon-ss-rarity-tile__label{letter-spacing:.01em;color:color-mix(in srgb, var(--rarity-accent) 78%, var(--bon-text-primary));text-wrap:balance;font-size:.6875rem;font-weight:850;line-height:1.2}.bon-ss-rarity-tile__hint{color:var(--bon-text-tertiary);-webkit-line-clamp:3;text-wrap:pretty;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;font-size:.5rem;line-height:1.35;display:-webkit-box;overflow:hidden}.bon-ss-rarity-tile--rare .bon-ss-rarity-tile__label{letter-spacing:.02em;font-weight:880}.bon-ss-rarity-tile--epic .bon-ss-rarity-tile__label,.bon-ss-rarity-tile--unique .bon-ss-rarity-tile__label{letter-spacing:.025em;font-weight:900}.bon-ss-rarity-tile--singular .bon-ss-rarity-tile__label{letter-spacing:.03em;font-style:italic;font-weight:900}.bon-ss-rarity-tile--legendary .bon-ss-rarity-tile__label,.bon-ss-rarity-tile--mythic .bon-ss-rarity-tile__label,.bon-ss-rarity-tile--secret .bon-ss-rarity-tile__label{letter-spacing:.05em;text-transform:uppercase;font-size:.625rem;font-weight:900}.bon-ss-rarity-tile--common{--rarity-accent:#94a3b8}.bon-ss-rarity-tile--uncommon{--rarity-accent:#22c55e}.bon-ss-rarity-tile--notable{--rarity-accent:#14b8a6}.bon-ss-rarity-tile--rare{--rarity-accent:#5b7cfa}.bon-ss-rarity-tile--epic{--rarity-accent:#a855f7}.bon-ss-rarity-tile--unique{--rarity-accent:#c45bff}.bon-ss-rarity-tile--singular{--rarity-accent:#f43f5e}.bon-ss-rarity-tile--seasonal{--rarity-accent:#e8a23a}.bon-ss-rarity-tile--legendary{--rarity-accent:#ff5c8a}.bon-ss-rarity-tile--mythic{--rarity-accent:#f43f5e}.bon-ss-rarity-tile--secret{--rarity-accent:#475569}.bon-ss-badge-create__form label,.bon-ss-badge-create__block label,.bon-ss-visual-picker__controls label{color:var(--bon-text-secondary);flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:650;line-height:1.3;display:flex}.bon-ss-badge-create__form input,.bon-ss-badge-create__form select,.bon-ss-badge-create__form textarea,.bon-ss-badge-create__block input,.bon-ss-badge-create__block select,.bon-ss-badge-create__block textarea,.bon-ss-visual-picker__controls input,.bon-ss-visual-picker__controls select{border-radius:var(--bon-radius-md);background:var(--bon-surface-1);min-height:2.25rem;color:var(--bon-text-primary);font:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;padding:.45rem .7rem}.bon-ss-badge-create__form input:focus-visible,.bon-ss-badge-create__form select:focus-visible,.bon-ss-badge-create__form textarea:focus-visible,.bon-ss-badge-create__block input:focus-visible,.bon-ss-badge-create__block select:focus-visible,.bon-ss-badge-create__block textarea:focus-visible,.bon-ss-visual-picker__controls input:focus-visible,.bon-ss-visual-picker__controls select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-ss-badge-create__form textarea,.bon-ss-badge-create__block textarea{resize:vertical;min-height:4.5rem}.bon-ss-badge-create__block .bon-ss-hub-form-grid{gap:var(--bon-space-2);grid-template-columns:1fr;display:grid}@media (width>=640px){.bon-ss-badge-create__block .bon-ss-hub-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bon-ss-rarity--secret{color:color-mix(in srgb, #475569 92%, var(--bon-text-primary));background:color-mix(in srgb, #475569 16%, var(--bon-surface-2))}.bon-ss-rarity--common{color:color-mix(in srgb, #94a3b8 88%, var(--bon-text-primary));background:color-mix(in srgb, #94a3b8 14%, var(--bon-surface-2))}.bon-ss-rarity--uncommon{color:color-mix(in srgb, #22c55e 88%, var(--bon-text-primary));background:color-mix(in srgb, #22c55e 14%, var(--bon-surface-2))}.bon-ss-rarity--notable{color:color-mix(in srgb, #14b8a6 88%, var(--bon-text-primary));background:color-mix(in srgb, #14b8a6 14%, var(--bon-surface-2))}.bon-ss-rarity--rare{color:color-mix(in srgb, #5b7cfa 88%, var(--bon-text-primary));background:color-mix(in srgb, #5b7cfa 14%, var(--bon-surface-2))}.bon-ss-rarity--epic{color:color-mix(in srgb, #a855f7 88%, var(--bon-text-primary));background:color-mix(in srgb, #a855f7 14%, var(--bon-surface-2))}.bon-ss-rarity--unique{color:color-mix(in srgb, #c45bff 82%, var(--bon-text-primary));background:color-mix(in srgb, #c45bff 14%, var(--bon-surface-2))}.bon-ss-rarity--singular{color:color-mix(in srgb, #f43f5e 90%, var(--bon-text-primary));background:color-mix(in srgb, #f43f5e 14%, var(--bon-surface-2))}.bon-ss-rarity--seasonal{color:color-mix(in srgb, #e8a23a 88%, var(--bon-text-primary));background:color-mix(in srgb, #e8a23a 16%, var(--bon-surface-2))}.bon-ss-rarity--legendary{color:color-mix(in srgb, #ff5c8a 90%, var(--bon-text-primary));background:color-mix(in srgb, #ff5c8a 14%, var(--bon-surface-2))}.bon-ss-rarity--mythic{color:color-mix(in srgb, #f43f5e 92%, var(--bon-text-primary));background:color-mix(in srgb, #f43f5e 14%, var(--bon-surface-2))}.bon-ss-badge-create__scale{grid-column:1/-1}.bon-ss-badge-create__scale input[type=range]{min-height:auto;box-shadow:none;accent-color:var(--accent,var(--bon-accent));padding:0}.bon-ss-badge-create__scale-value{color:var(--bon-text-muted);font-size:.75rem;font-weight:600}.bon-ss-badge-create__block--context{padding-bottom:.25rem}.bon-ss-badge-create--scope-step{min-height:100%}.bon-ss-badge-create__context-bar{justify-content:space-between;align-items:flex-start;gap:var(--bon-space-3);margin:0 0 var(--bon-space-3);padding:var(--bon-space-3) var(--bon-space-3) var(--bon-space-3) calc(var(--bon-space-3) + 2px);border-radius:var(--bon-radius-md);background:radial-gradient(100% 120% at 100% 0%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 55%), color-mix(in srgb, var(--bon-surface-2) 70%, var(--bon-surface-1));box-shadow:var(--bon-shadow-1), inset 0 1px 0 color-mix(in srgb, var(--bon-text-primary) 6%, transparent);display:flex;position:relative;overflow:hidden}.bon-ss-badge-create__context-bar:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 85%, var(--accent)) 100%);width:3px;position:absolute;inset:0 auto 0 0}.bon-ss-badge-create__context-bar-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.bon-ss-badge-create__context-label{letter-spacing:.05em;text-transform:uppercase;color:var(--bon-text-muted);margin:0;font-size:.6875rem;font-weight:700}.bon-ss-badge-create__context-value{letter-spacing:-.02em;color:var(--bon-text-primary);margin:0;font-size:clamp(1rem,2vw,1.125rem);font-weight:900;line-height:1.25}.bon-ss-badge-create__context-lead{color:var(--bon-text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.bon-ss-badge-create__context-change{border-radius:var(--bon-radius-pill,999px);background:var(--bon-surface-1);color:color-mix(in srgb, var(--accent) 78%, var(--bon-text-primary));font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent);border:0;flex-shrink:0;margin:0;padding:.45rem .75rem;font-size:.75rem;font-weight:800;transition:background .15s,transform .15s}.bon-ss-badge-create__context-change:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-1));transform:translateY(-1px)}.bon-ss-badge-create__context-change:disabled{opacity:.55;cursor:not-allowed}.bon-ss-hub-catalog-section--placeholder{min-height:14rem;padding:var(--bon-space-5);border-radius:var(--bon-radius-lg);background:radial-gradient(80% 70% at 50% 20%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 60%), var(--bon-surface-1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 8%, transparent), inset 0 0 0 999px color-mix(in srgb, var(--bon-surface-2) 35%, transparent);border:1px dashed color-mix(in srgb, var(--accent) 22%, transparent);justify-content:center;align-items:center;display:flex}.bon-ss-hub-catalog-section--placeholder .bon-ss-hub-section-head{text-align:center;max-width:18rem}.bon-ss-hub-catalog-section--placeholder h2{font-size:1.05rem}.bon-ss-hub-scope-picker{gap:var(--bon-space-3);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-2) 45%, var(--bon-surface-1));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--bon-text-primary) 5%, transparent);flex-direction:column;display:flex}.bon-ss-hub-scope-picker__head{flex-direction:column;gap:.4rem;display:flex}.bon-ss-hub-scope-picker__title{letter-spacing:-.02em;color:var(--bon-text-primary);margin:0;font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:900;line-height:1.2}.bon-ss-hub-scope-picker__lead{color:var(--bon-text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.bon-ss-hub-scope-picker__summary{border-radius:var(--bon-radius-pill,999px);color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-1));align-self:flex-start;margin:0;padding:.35rem .65rem;font-size:.75rem;font-weight:750}.bon-ss-hub-scope-picker__empty{padding:var(--bon-space-3);border-radius:var(--bon-radius-md);color:var(--bon-text-secondary);background:var(--bon-surface-1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 8%, transparent);margin:0;font-size:.8125rem;line-height:1.45}.bon-ss-hub-scope-picker__fields{gap:var(--bon-space-2);display:grid}@media (width>=640px){.bon-ss-hub-scope-picker__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.bon-ss-hub-scope-picker__fields:has(.bon-ss-hub-scope-picker__field:only-child){grid-template-columns:1fr}}.bon-ss-hub-scope-picker__field{color:var(--bon-text-secondary);flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:650;line-height:1.3;display:flex}.bon-ss-hub-scope-picker__select{border-radius:var(--bon-radius-md);background:var(--bon-surface-1);min-height:2.35rem;color:var(--bon-text-primary);font:inherit;box-shadow:var(--bon-shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;padding:.45rem .7rem;font-size:.875rem;font-weight:600;transition:box-shadow .15s,background .15s}.bon-ss-hub-scope-picker__select:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 6%, var(--bon-surface-1))}.bon-ss-hub-scope-picker__select:focus-visible{box-shadow:var(--bon-shadow-2), inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);outline:none}.bon-ss-hub-scope-picker__select:disabled{opacity:.55;cursor:not-allowed}.bon-ss-hub-scope-picker__hint{color:var(--bon-text-muted);margin:0;font-size:.75rem;line-height:1.45}.bon-ss-hub-scope-gate{margin-bottom:var(--bon-space-3)}.bon-ss-badge-create__context-kicker{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 62%, var(--bon-text-secondary));margin:0;font-size:.6875rem;font-weight:800}.bon-ss-badge-create-success{margin-bottom:var(--bon-space-3);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.bon-ss-badge-create-success__title{color:var(--bon-text-primary);margin:0 0 .35rem;font-size:1rem;font-weight:850}.bon-ss-badge-create-success__lead{color:var(--bon-text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.bon-ss-badge-create-success__actions{margin-top:var(--bon-space-2);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bon-ss-badge-create-success__action{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.bon-ss-hub-action--ghost{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);background:0 0}.bon-ss-grant-confirm{padding:var(--bon-space-2);border-radius:var(--bon-radius-md);background:var(--bon-surface-1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}.bon-ss-grant-confirm__text{margin:0 0 var(--bon-space-2);color:var(--bon-text-primary);font-size:.875rem;line-height:1.45}.bon-ss-grant-confirm__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bon-ss-grant-cap-hint{margin:0;font-size:.8125rem}.bon-ss-season-panel__status{margin:0 0 var(--bon-space-2);font-size:.8125rem;line-height:1.45}.bon-ss-badge-cooldown{gap:var(--bon-space-2);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 14%, transparent) 0%, transparent 58%), color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--bon-text-primary) 5%, transparent);grid-template-columns:auto 1fr auto;align-items:center;display:grid}@media (width<=520px){.bon-ss-badge-cooldown{grid-template-columns:auto 1fr}.bon-ss-badge-cooldown__time{grid-column:1/-1;justify-content:flex-start}}.bon-ss-badge-cooldown__ring{background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-2));width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent);border-radius:50%;position:relative}.bon-ss-badge-cooldown__ring:before{content:"";border:2px solid color-mix(in srgb, var(--accent) 35%, transparent);border-top-color:color-mix(in srgb, var(--accent) 75%, var(--bon-text-primary));border-radius:50%;animation:2.4s linear infinite bon-ss-badge-cooldown-spin;position:absolute;inset:.35rem}@media (prefers-reduced-motion:reduce){.bon-ss-badge-cooldown__ring:before{animation:none}}@keyframes bon-ss-badge-cooldown-spin{to{transform:rotate(360deg)}}.bon-ss-badge-cooldown__ring-dot{background:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));border-radius:50%;width:.35rem;height:.35rem;margin-left:-.175rem;position:absolute;top:.42rem;left:50%}.bon-ss-badge-cooldown__body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.bon-ss-badge-cooldown__title{color:var(--bon-text-primary);margin:0;font-size:.875rem;font-weight:850;line-height:1.3}.bon-ss-badge-cooldown__lead{color:var(--bon-text-secondary);margin:0;font-size:.75rem;line-height:1.45}.bon-ss-badge-cooldown__time{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent);flex-direction:column;align-items:flex-end;gap:.15rem;margin:0;padding:.35rem .55rem;display:flex}.bon-ss-badge-cooldown__time-label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 65%, var(--bon-text-muted));font-size:.625rem;font-weight:800}.bon-ss-badge-cooldown__time-value{letter-spacing:-.02em;color:var(--bon-text-primary);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:900;line-height:1.1}.bon-ss-badge-create .bon-ss-emblem-studio__options label{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 7%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent);padding:.5rem .65rem;transition:background-color .14s,box-shadow .14s}.bon-ss-badge-create .bon-ss-emblem-studio__options label:focus-within{background:color-mix(in srgb, var(--accent) 11%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.bon-ss-badge-create .bon-ss-emblem-studio__layers,.bon-ss-badge-create .bon-ss-emblem-studio__tuning,.bon-ss-badge-create .bon-ss-emblem-studio__icon-picker{padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 6%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent)}.bon-ss-badge-create .bon-ss-emblem-composer__layers-title,.bon-ss-badge-create .bon-ss-visual-picker__emblem-title{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 62%, var(--bon-text-secondary));font-size:.6875rem;font-weight:850}.bon-ss-badge-create .bon-ss-visual-picker__emblem-lead{color:var(--bon-text-tertiary);font-size:.625rem;line-height:1.35}.bon-ss-badge-create .bon-ss-emblem-composer__add{border-radius:var(--bon-radius-pill);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));min-height:2rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent);color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));padding:.35rem .7rem;font-size:.75rem;font-weight:750}.bon-ss-badge-create .bon-ss-emblem-composer__add:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 16%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 36%, transparent)}.bon-ss-badge-create .bon-ss-emblem-composer__layer-list{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.35rem;display:grid}.bon-ss-badge-create .bon-ss-emblem-composer__layer{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);border:0;flex-direction:column;align-items:stretch;gap:.35rem;padding:.42rem .45rem;transition:background-color .14s,box-shadow .14s,color .14s}.bon-ss-badge-create .bon-ss-emblem-composer__layer:hover:not(.is-active){background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent)}.bon-ss-badge-create .bon-ss-emblem-composer__layer.is-active{background:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 88%, #000), 0 4px 12px color-mix(in srgb, var(--accent) 24%, transparent)}.bon-ss-badge-create .bon-ss-emblem-composer__layer.is-active .bon-ss-emblem-composer__layer-name{color:#fff}.bon-ss-badge-create .bon-ss-emblem-composer__layer.is-active .bon-ss-emblem-composer__layer-actions button{color:#fff;background:#ffffff2e}.bon-ss-badge-create .bon-ss-emblem-composer__layer.is-active .bon-ss-emblem-composer__layer-actions button:hover:not(:disabled){background:#ffffff47}.bon-ss-badge-create .bon-ss-emblem-composer__layer-select{text-align:center;flex-direction:column;align-items:center;gap:.25rem}.bon-ss-badge-create .bon-ss-emblem-composer__layer-name{word-break:break-word;color:color-mix(in srgb, var(--accent) 72%, var(--bon-text-primary));font-size:.6875rem;font-weight:800;line-height:1.2}.bon-ss-badge-create .bon-ss-emblem-composer__layer-actions{justify-content:center;gap:.25rem}.bon-ss-badge-create .bon-ss-emblem-composer__layer-actions button{border-radius:var(--bon-radius-pill);background:color-mix(in srgb, var(--bon-text-tertiary) 10%, var(--bon-surface-1));min-width:1.65rem;height:1.65rem;font-size:.75rem;font-weight:700}.bon-ss-badge-create .bon-ss-emblem-composer__layer-actions button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1));color:var(--bon-text-primary)}.bon-ss-badge-create .bon-ss-emblem-composer__dense-hint{color:var(--bon-text-tertiary);font-size:.625rem;line-height:1.35}.bon-ss-badge-create .bon-ss-emblem-composer__sliders{gap:.35rem}.bon-ss-badge-create .bon-ss-badge-create__scale{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 6%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);color:var(--bon-text-secondary);gap:.25rem;padding:.45rem .55rem;font-size:.6875rem;font-weight:650}.bon-ss-badge-create .bon-ss-badge-create__scale-value{color:color-mix(in srgb, var(--accent) 78%, var(--bon-text-primary));font-size:.6875rem;font-weight:800}.bon-ss-badge-create .bon-badge-color-picker{padding:var(--bon-space-2);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--picker-accent,var(--accent)) 9%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--picker-accent,var(--accent)) 24%, transparent)}.bon-ss-badge-create .bon-badge-color-picker__label{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--picker-accent,var(--accent)) 72%, var(--bon-text-primary));font-size:.6875rem;font-weight:800}.bon-ss-badge-create .bon-badge-color-picker__preset.is-active{box-shadow:0 0 0 2px var(--bon-surface-1), 0 0 0 4px var(--picker-accent,var(--accent))}.bon-ss-badge-create .bon-lucide-picker--embedded{padding:var(--bon-space-2);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 6%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent)}.bon-ss-badge-create .bon-lucide-picker__panel-toggle{border-radius:var(--bon-radius-pill);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);color:color-mix(in srgb, var(--accent) 78%, var(--bon-text-primary));font-weight:750}.bon-ss-badge-create .bon-lucide-picker__panel-toggle:hover{background:color-mix(in srgb, var(--accent) 16%, var(--bon-surface-1))}.bon-ss-badge-create .bon-lucide-picker__tile{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 6%, var(--bon-surface-1));min-height:3.5rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);padding:.35rem .25rem;transition:background-color .14s,box-shadow .14s}.bon-ss-badge-create .bon-lucide-picker__tile:hover:not(.is-selected){background:color-mix(in srgb, var(--accent) 11%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent);transform:none}.bon-ss-badge-create .bon-lucide-picker__tile.is-selected{background:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 88%, #000), 0 3px 10px color-mix(in srgb, var(--accent) 22%, transparent)}.bon-ss-badge-create .bon-lucide-picker__tile.is-selected .bon-lucide-picker__glyph{filter:brightness(0)invert();opacity:.95}.bon-ss-badge-create .bon-lucide-picker__clear.is-active{background:var(--accent);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 88%, #000)}.bon-ss-badge-create .bon-ss-badge-create__submit{background:var(--accent);color:#fff;box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 32%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--accent) 88%, #000)}.bon-ss-badge-create .bon-ss-badge-create__submit:hover:not(:disabled){filter:brightness(1.05)}.bon-ss-badge-create .bon-ss-badge-cooldown{background:color-mix(in srgb, var(--accent) 7%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.bon-lucide-picker{gap:var(--bon-space-2);padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-2) 42%, var(--bon-surface-1));flex-direction:column;display:flex}.bon-lucide-picker--embedded{margin:0}.bon-lucide-picker--collapsed{padding:var(--bon-space-2) var(--bon-space-3)}.bon-lucide-picker__head{align-items:center;gap:var(--bon-space-2);padding-bottom:var(--bon-space-2);display:flex}.bon-lucide-picker--collapsed .bon-lucide-picker__head{padding-bottom:0}.bon-lucide-picker__panel-toggle{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-2) 80%, var(--bon-surface-1));min-height:2rem;color:var(--bon-text-secondary);cursor:pointer;white-space:nowrap;border:0;flex-shrink:0;align-self:center;margin-left:auto;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:background .12s,color .12s}.bon-lucide-picker__panel-toggle:hover{color:var(--bon-text-primary);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-2))}.bon-lucide-picker__panel-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-lucide-picker__status--collapsed{margin:0;padding-top:.15rem}.bon-lucide-picker__preview-chip{border-radius:var(--bon-radius-md);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 68%), color-mix(in srgb, var(--bon-surface-2) 88%, var(--bon-surface-1));flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.bon-lucide-picker__preview-empty{color:var(--bon-text-secondary);opacity:.55;font-size:1rem;line-height:1}.bon-lucide-picker__head-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.bon-lucide-picker__label{letter-spacing:.04em;text-transform:uppercase;color:var(--bon-text-secondary);font-size:.75rem;font-weight:750}.bon-lucide-picker__selected{color:color-mix(in srgb, var(--accent) 78%, var(--bon-text-primary));word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9375rem;font-weight:800;line-height:1.25}.bon-lucide-picker__selected--empty{color:var(--bon-text-secondary);font-family:inherit;font-size:.875rem;font-weight:650}.bon-lucide-picker__head-hint{color:var(--bon-text-secondary);font-size:.6875rem;line-height:1.35}.bon-lucide-picker__toolbar{gap:var(--bon-space-2);grid-template-columns:1fr;align-items:end;display:grid}@media (width>=480px){.bon-lucide-picker__toolbar{grid-template-columns:minmax(0,1fr) auto}}.bon-lucide-picker__open-catalog{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-1));min-height:2.25rem;color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));cursor:pointer;white-space:nowrap;border:0;padding:.4rem .85rem;font-size:.75rem;font-weight:700;transition:background .12s}.bon-lucide-picker__open-catalog:hover{background:color-mix(in srgb, var(--accent) 18%, var(--bon-surface-1))}.bon-lucide-picker__open-catalog:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-lucide-picker__search-wrap{flex-direction:column;gap:.3rem;min-width:0;display:flex}.bon-lucide-picker__search-label{color:var(--bon-text-secondary);font-size:.6875rem;font-weight:650}.bon-lucide-picker__search{border-radius:var(--bon-radius-md);background:var(--bon-surface-1);width:100%;min-height:2.25rem;color:var(--bon-text-primary);border:0;padding:.45rem .7rem;font-size:.875rem}.bon-lucide-picker__search:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-lucide-picker__search::placeholder{color:color-mix(in srgb, var(--bon-text-secondary) 72%, transparent)}.bon-lucide-picker__status{color:var(--bon-text-secondary);margin:0;font-size:.6875rem;line-height:1.35}.bon-lucide-picker__clear{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-1) 88%, var(--bon-surface-2));min-height:2.25rem;color:var(--bon-text-secondary);cursor:pointer;white-space:nowrap;border:0;padding:.4rem .85rem;font-size:.75rem;font-weight:700;transition:background .12s,color .12s}.bon-lucide-picker__clear:hover{color:var(--bon-text-primary);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1))}.bon-lucide-picker__clear:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-lucide-picker__clear.is-active{color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1))}.bon-lucide-picker__grid{border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-1) 72%, var(--bon-surface-2));grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.4rem;max-height:16rem;margin:0;padding:.35rem;display:grid;overflow:auto}@media (width>=720px){.bon-lucide-picker__grid{grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));max-height:18rem}}.bon-lucide-picker__tile{border-radius:var(--bon-radius-sm);cursor:pointer;min-height:4.25rem;color:var(--bon-text-primary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.45rem .3rem;transition:transform .12s,background .12s;display:flex}.bon-lucide-picker__tile:hover{background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1));transform:translateY(-1px)}.bon-lucide-picker__tile:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-lucide-picker__tile.is-selected{background:color-mix(in srgb, var(--accent) 16%, var(--bon-surface-1))}.bon-lucide-picker__glyph{opacity:.55;filter:brightness(0);width:1.5rem;height:1.5rem;display:block}.bon-lucide-picker__glyph--preview{opacity:.72;width:1.75rem;height:1.75rem}html[data-bon-theme=light] .bon-lucide-picker__glyph,[data-bon-theme=light] .bon-lucide-picker__glyph{filter:brightness(0);opacity:.48}html[data-bon-theme=light] .bon-lucide-picker__glyph--preview,[data-bon-theme=light] .bon-lucide-picker__glyph--preview{opacity:.62}html[data-bon-theme=default] .bon-lucide-picker__glyph,html[data-bon-theme=amoled] .bon-lucide-picker__glyph,[data-bon-theme=default] .bon-lucide-picker__glyph,[data-bon-theme=amoled] .bon-lucide-picker__glyph{filter:brightness(0)invert();opacity:.82}html[data-bon-theme=default] .bon-lucide-picker__glyph--preview,html[data-bon-theme=amoled] .bon-lucide-picker__glyph--preview,[data-bon-theme=default] .bon-lucide-picker__glyph--preview,[data-bon-theme=amoled] .bon-lucide-picker__glyph--preview{opacity:.9}.bon-lucide-picker__name{text-align:center;word-break:break-all;color:var(--bon-text-secondary);max-width:100%;font-size:.625rem;line-height:1.2}.bon-lucide-picker__empty{padding:var(--bon-space-2);text-align:center;color:var(--bon-text-secondary);border-radius:var(--bon-radius-sm);background:color-mix(in srgb, var(--bon-surface-2) 65%, var(--bon-surface-1));margin:0;font-size:.8125rem;line-height:1.45}.bon-badge-hue-picker{gap:var(--bon-space-2);flex-direction:column;grid-column:1/-1;display:flex}.bon-badge-hue-picker__label{color:var(--bon-text-secondary);font-size:.8125rem;font-weight:600}.bon-badge-hue-picker__stage{border-radius:var(--bon-radius-md);background:var(--bon-surface-2);height:2.5rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 8%, transparent);position:relative;overflow:hidden}.bon-badge-hue-picker__gradient{opacity:.92;background:linear-gradient(90deg,#e42525 0%,#e4e425 17%,#25e425 33%,#25e4e4 50%,#2525e4 67%,#e425e4 83%,#e42525 100%);position:absolute;inset:0}.bon-badge-hue-picker__range{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.bon-badge-hue-picker__range:focus-visible+.bon-badge-hue-picker__gradient,.bon-badge-hue-picker__range:focus-visible{outline:none}.bon-badge-hue-picker__stage:focus-within{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-badge-hue-picker__footer{flex-wrap:wrap;align-items:center;gap:.5rem .65rem;display:flex}.bon-badge-hue-picker__swatch{background:var(--bon-badge-hue-swatch,#d83131);width:1.65rem;height:1.65rem;box-shadow:var(--bon-shadow-1), inset 0 0 0 2px color-mix(in srgb, var(--bon-surface-1) 75%, transparent);border-radius:50%}.bon-badge-hue-picker__readout{font-variant-numeric:tabular-nums;color:var(--bon-text-primary);min-width:2.5rem;font-size:.8125rem;font-weight:800}.bon-badge-hue-picker__presets{flex-wrap:wrap;gap:.35rem;margin-left:auto;display:flex}.bon-badge-hue-picker__preset{background:var(--bon-badge-hue-swatch,#d83131);cursor:pointer;width:1.35rem;height:1.35rem;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--bon-surface-1) 70%, transparent);border:0;border-radius:50%;padding:0;transition:transform .12s,box-shadow .12s}.bon-badge-hue-picker__preset:hover{transform:scale(1.08)}.bon-badge-hue-picker__preset.is-active{box-shadow:0 0 0 2px var(--bon-surface-1), 0 0 0 4px color-mix(in srgb, var(--accent) 55%, transparent);transform:scale(1.1)}.bon-badge-hue-picker__preset:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-badge-color-picker{gap:var(--bon-space-2);flex-direction:column;grid-column:1/-1;display:flex}.bon-badge-color-picker__label{color:var(--bon-text-secondary);font-size:.8125rem;font-weight:600}.bon-badge-color-picker__wheel{aspect-ratio:1;touch-action:none;cursor:crosshair;flex-shrink:0;width:9.5rem;height:9.5rem;margin:0 auto;position:relative}.bon-badge-color-picker__ring{z-index:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent), var(--bon-shadow-1);background:conic-gradient(#f42525,#f4f425,#25f425,#25f4f4,#2525f4,#f425f4,#f42525);border-radius:50%;position:absolute;inset:0}.bon-badge-color-picker__ring:after{content:"";background:var(--bon-surface-1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 8%, transparent);border-radius:50%;position:absolute;inset:28%}.bon-badge-color-picker__sl{z-index:2;touch-action:none;border-radius:50%;position:absolute;inset:30%;overflow:hidden}.bon-badge-color-picker__sl-white,.bon-badge-color-picker__sl-light,.bon-badge-color-picker__sl-hue,.bon-badge-color-picker__sl-black{pointer-events:none;position:absolute;inset:0}.bon-badge-color-picker__sl-hue{background:hsl(var(--picker-hue), 100%, 50%)}.bon-badge-color-picker__sl-white{background:linear-gradient(90deg,#fff,#0000)}.bon-badge-color-picker__sl-light{background:linear-gradient(#fff,#0000)}.bon-badge-color-picker__sl-black{background:linear-gradient(#0000,#000)}.bon-badge-color-picker__sl-knob,.bon-badge-color-picker__hue-knob{width:.85rem;height:.85rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 35%, transparent);pointer-events:none;z-index:3;border:2px solid #fff;border-radius:50%;margin:-.425rem 0 0 -.425rem;position:absolute}.bon-badge-color-picker__hue-knob{z-index:4;background:hsl(var(--picker-hue,0), 90%, 55%)}.bon-badge-color-picker__footer{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bon-badge-color-picker__swatch{width:1.75rem;height:1.75rem;box-shadow:var(--bon-shadow-1), inset 0 0 0 2px color-mix(in srgb, var(--bon-surface-1) 75%, transparent);border-radius:50%}.bon-badge-color-picker__hex{border-radius:var(--bon-radius-md);letter-spacing:.04em;text-transform:uppercase;min-width:6.25rem;min-height:2.25rem;color:var(--bon-text-primary);background:var(--bon-surface-1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;margin:0;padding:.45rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;font-weight:700;transition:background .12s,box-shadow .12s}.bon-badge-color-picker__hex:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px;background:var(--bon-surface-1)}.bon-badge-color-picker input.bon-badge-color-picker__hex{background:var(--bon-surface-1);color:var(--bon-text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent);border:0;padding:.45rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;font-weight:700}.bon-badge-color-picker input.bon-badge-color-picker__hex:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px;background:var(--bon-surface-1)}.bon-badge-color-picker input.bon-badge-color-picker__hex:invalid{background:color-mix(in srgb, var(--bon-danger,#ef4444) 8%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-danger,#ef4444) 45%, transparent);border:0}.bon-badge-color-picker__presets{flex-wrap:wrap;gap:.35rem;margin-left:auto;display:flex}.bon-badge-color-picker__preset{cursor:pointer;width:1.35rem;height:1.35rem;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--bon-surface-1) 70%, transparent);border:0;border-radius:50%;padding:0}.bon-badge-color-picker__preset.is-active{box-shadow:0 0 0 2px var(--bon-surface-1), 0 0 0 4px color-mix(in srgb, var(--accent) 55%, transparent)}.bon-ss-account{gap:var(--bon-space-3);flex-direction:column;max-width:44rem;display:flex}.bon-ss-account-flash{border-radius:var(--bon-radius-md);color:var(--bon-text-primary);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);margin:0;padding:.65rem .85rem;font-size:.8125rem;line-height:1.45}.bon-ss-account-flash--success{background:color-mix(in srgb, #22c55e 12%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px #22c55e47}.bon-ss-account-flash--warn{background:color-mix(in srgb, var(--bon-danger,#b42318) 10%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-danger,#b42318) 24%, transparent)}.bon-ss-account-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.bon-ss-account-tabs button{border-radius:var(--bon-radius-pill,999px);min-height:2.125rem;color:var(--bon-text-primary);background:color-mix(in srgb, var(--bon-surface-2) 70%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 8%, transparent);cursor:pointer;border:0;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.8125rem;font-weight:700;transition:background .15s,box-shadow .15s;display:inline-flex}.bon-ss-account-tabs button.is-active{color:color-mix(in srgb, var(--accent) 88%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent), var(--bon-shadow-1)}.bon-ss-account-tabs__count{border-radius:var(--bon-radius-pill,999px);text-align:center;min-width:1.25rem;color:color-mix(in srgb, var(--accent) 85%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 16%, var(--bon-surface-2));padding:.05rem .35rem;font-size:.6875rem;font-weight:800;line-height:1.2}.bon-ss-account-stack{gap:var(--bon-space-3);flex-direction:column;display:flex}.bon-ss-account-section{gap:var(--bon-space-3);padding:var(--bon-space-3) var(--bon-space-3) var(--bon-space-3) calc(var(--bon-space-3) + 3px);border-radius:var(--bon-radius-lg);background:radial-gradient(110% 90% at 100% 0%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 58%), color-mix(in srgb, var(--bon-surface-2) 48%, var(--bon-surface-1));box-shadow:var(--bon-shadow-1), inset 0 1px 0 color-mix(in srgb, var(--bon-text-primary) 5%, transparent);flex-direction:column;display:flex;position:relative}.bon-ss-account-section:before{content:"";inset:var(--bon-space-3) auto var(--bon-space-3) 0;border-radius:var(--bon-radius-pill,999px);background:linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 80%, var(--accent)) 100%);width:3px;position:absolute}.bon-ss-account-section--code{background:radial-gradient(100% 80% at 0% 100%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 12%, transparent) 0%, transparent 55%), color-mix(in srgb, var(--bon-surface-2) 48%, var(--bon-surface-1))}.bon-ss-account-section__head{flex-direction:column;gap:.25rem;display:flex}.bon-ss-account-section__kicker{border-radius:var(--bon-radius-pill,999px);letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 78%, var(--bon-text-secondary));background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));align-self:flex-start;padding:.15rem .5rem;font-size:.625rem;font-weight:800;display:inline-flex}.bon-ss-account-section__title{letter-spacing:-.02em;color:var(--bon-text-primary);margin:0;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:900;line-height:1.2}.bon-ss-account-section__lead{color:var(--bon-text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.bon-ss-account-code-form{align-items:flex-end;gap:var(--bon-space-2);flex-wrap:wrap;display:flex}.bon-ss-account-code-form__field{flex-direction:column;flex:14rem;gap:.3rem;min-width:0;display:flex}.bon-ss-account-code-form__label{letter-spacing:.04em;text-transform:uppercase;color:var(--bon-text-muted);font-size:.6875rem;font-weight:750}.bon-ss-account-code-form input{border-radius:var(--bon-radius-md);background:var(--bon-surface-1);min-height:2.5rem;color:var(--bon-text-primary);font:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 10%, transparent), var(--bon-shadow-1);border:0;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.bon-ss-account-code-form input:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent), var(--bon-shadow-2);outline:none}.bon-ss-account-code-form__submit{border-radius:var(--bon-radius-md);letter-spacing:.02em;min-height:2.5rem;color:var(--bon-on-accent,#fff);background:var(--accent);box-shadow:var(--bon-shadow-1);cursor:pointer;border:0;padding:.45rem 1.15rem;font-size:.8125rem;font-weight:800}.bon-ss-account-code-form__submit:disabled{opacity:.5;cursor:not-allowed}.bon-ss-showcase-grid{gap:var(--bon-space-2);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin:0;padding:0;list-style:none;display:grid}@media (width<=720px){.bon-ss-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.bon-ss-showcase-grid{grid-template-columns:1fr}}.bon-ss-showcase-slot{align-items:stretch;gap:var(--bon-space-2);min-height:10.5rem;padding:var(--bon-space-3);border-radius:var(--bon-radius-md);box-sizing:border-box;flex-direction:column;display:flex}.bon-ss-showcase-slot--filled{background:radial-gradient(70% 70% at 50% 35%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 68%), color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.bon-ss-showcase-slot__stage{min-height:6.5rem;padding:var(--bon-space-2);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-1) 55%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);flex:auto;justify-content:center;align-items:center;display:flex}.bon-ss-showcase-slot__action{justify-content:center;width:100%;min-height:2rem;margin:0}.bon-ss-showcase-slot--empty{background:color-mix(in srgb, var(--bon-surface-1) 65%, transparent);box-shadow:inset 0 0 0 1px dashed color-mix(in srgb, var(--bon-text-primary) 14%, transparent);justify-content:center}.bon-ss-showcase-slot__placeholder{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 55%, var(--bon-text-muted));font-size:.75rem;font-weight:800}.bon-ss-showcase-slot__hint{color:var(--bon-text-muted);font-size:.6875rem;line-height:1.35}.bon-ss-collection{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.bon-ss-collection-row{align-items:center;gap:var(--bon-space-2);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-1) 72%, var(--bon-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 7%, transparent);padding:.65rem .75rem;transition:background .15s,box-shadow .15s;display:flex}.bon-ss-collection-row:hover{background:color-mix(in srgb, var(--accent) 6%, var(--bon-surface-1))}.bon-ss-collection-row .bon-badge-chip{flex:none;min-width:0}.bon-ss-collection-row__main{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.bon-ss-account-action{border-radius:var(--bon-radius-pill,999px);min-height:1.85rem;color:color-mix(in srgb, var(--accent) 85%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent);cursor:pointer;border:0;flex-shrink:0;margin-left:auto;padding:.3rem .75rem;font-size:.75rem;font-weight:750}.bon-ss-account-action:disabled{opacity:.45;cursor:not-allowed}.bon-ss-account-action.is-active{color:var(--bon-text-primary);background:color-mix(in srgb, var(--accent) 22%, var(--bon-surface-1));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.bon-ss-account-action--ghost{color:var(--bon-text-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 12%, transparent);background:0 0}.bon-ss-account-footer{flex-wrap:wrap;gap:.5rem;display:flex}.bon-ss-account-footer__link{border-radius:var(--bon-radius-pill,999px);min-height:2rem;color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);align-items:center;padding:.35rem .85rem;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}.bon-ss-account-footer__link:hover{background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1))}.bon-ss-achievements{gap:var(--bon-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bon-ss-achievement-card{padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-1) 70%, var(--bon-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 7%, transparent);flex-direction:column;gap:.45rem;display:flex}.bon-ss-achievement-card--done{background:color-mix(in srgb, #22c55e 8%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px #22c55e38}.bon-ss-achievement-card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .75rem;display:flex}.bon-ss-achievement-card__title{color:var(--bon-text-primary);font-size:.9375rem;font-weight:850}.bon-ss-achievement-card__status{letter-spacing:.03em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 65%, var(--bon-text-secondary));font-size:.6875rem;font-weight:750}.bon-ss-achievement-card__desc{color:var(--bon-text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.bon-ss-achievement-progress{border-radius:var(--bon-radius-pill,999px);background:color-mix(in srgb, var(--bon-text-primary) 8%, var(--bon-surface-2));height:.35rem;overflow:hidden}.bon-ss-achievement-progress__bar{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 75%, white) 0%, var(--accent) 100%);height:100%;transition:width .25s;display:block}.bon-ss-account-section h2{margin:0}.bon-ss-code-form{align-items:flex-end;gap:var(--bon-space-2);flex-wrap:wrap;display:flex}.bon-ss-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.bon-ss-tabs button{border-radius:var(--bon-radius-pill,999px);min-height:2.125rem;color:var(--bon-text-primary);background:color-mix(in srgb, var(--bon-surface-2) 70%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 8%, transparent);cursor:pointer;border:0;padding:.35rem .9rem;font-size:.8125rem;font-weight:700}.bon-ss-tabs button.is-active{color:color-mix(in srgb, var(--accent) 88%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1))}.bon-ss-cooldown{color:var(--bon-text-secondary);margin:0;font-size:.8125rem}.bon-ss-note,.bon-ss-muted,.bon-ss-empty{color:var(--bon-text-secondary);margin:0;font-size:.875rem;line-height:1.45}.bon-ss-empty{padding:var(--bon-space-3);text-align:center;border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-2) 50%, transparent)}.bon-ss-empty--collection{border:1px dashed color-mix(in srgb, var(--bon-text-primary) 12%, transparent);background:0 0}.bon-ss-empty--module{padding:var(--bon-space-4)}.bon-ss-error{color:var(--bon-danger,#b42318);margin:0;font-size:.875rem}.bon-ss-muted-links{color:var(--bon-text-secondary);flex-wrap:wrap;gap:.5rem;margin:0;font-size:.8125rem;display:flex}.bon-ss-muted-links a{border-radius:var(--bon-radius-pill,999px);min-height:2rem;color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);align-items:center;padding:.35rem .85rem;font-weight:700;text-decoration:none;display:inline-flex}.bon-ss-visual-preview{padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:color-mix(in srgb, var(--bon-surface-1) 70%, var(--bon-surface-2));justify-content:center;display:flex}.bon-ss-showcase{margin:0;padding:0;list-style:none}.bon-ss-feed{gap:var(--bon-space-4);flex-direction:column;width:100%;min-width:0;max-width:40rem;display:flex}.bon-ss-feed-shell{width:100%;min-width:0;padding:var(--bon-space-4) var(--bon-space-3) var(--bon-space-6);box-sizing:border-box;justify-content:center;display:flex}.bon-ss-feed__hero{gap:var(--bon-space-2);padding:var(--bon-space-4) var(--bon-space-4) var(--bon-space-4) calc(var(--bon-space-4) + 3px);border-radius:var(--bon-radius-lg);background:radial-gradient(100% 85% at 100% 0%, color-mix(in srgb, var(--accent) 12%, transparent) 0%, transparent 58%), radial-gradient(80% 70% at 0% 100%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 10%, transparent) 0%, transparent 55%), color-mix(in srgb, var(--bon-surface-2) 42%, var(--bon-surface-1));box-shadow:var(--bon-shadow-1);flex-direction:column;display:flex;position:relative;overflow:hidden}.bon-ss-feed__hero:before{content:"";inset:var(--bon-space-3) auto var(--bon-space-3) 0;border-radius:var(--bon-radius-pill,999px);background:linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 82%, var(--accent)) 100%);width:3px;position:absolute}.bon-ss-feed__kicker{border-radius:var(--bon-radius-pill,999px);letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));align-self:flex-start;margin:0;padding:.15rem .55rem;font-size:.625rem;font-weight:800;line-height:1.2;display:inline-flex}.bon-ss-feed__title-row{flex-wrap:wrap;align-items:center;gap:.5rem .65rem;display:flex}.bon-ss-feed__title{letter-spacing:-.03em;color:var(--bon-text-primary);margin:0;font-size:clamp(1.2rem,2.8vw,1.45rem);font-weight:900;line-height:1.15}.bon-ss-feed__count{border-radius:var(--bon-radius-pill,999px);font-variant-numeric:tabular-nums;min-width:1.65rem;min-height:1.65rem;color:color-mix(in srgb, var(--accent) 88%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1));justify-content:center;align-items:center;padding:0 .45rem;font-size:.75rem;font-weight:800;display:inline-flex}.bon-ss-feed__lead{max-width:30rem;color:var(--bon-text-secondary);margin:0;font-size:.875rem;font-weight:550;line-height:1.5}.bon-ss-feed__links{flex-wrap:wrap;gap:.45rem;margin-top:.15rem;display:flex}.bon-ss-feed__link{border-radius:var(--bon-radius-pill,999px);min-height:2rem;color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 8%, var(--bon-surface-1));align-items:center;padding:.3rem .75rem;font-size:.8125rem;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.bon-ss-feed__link:hover{background:color-mix(in srgb, var(--accent) 14%, var(--bon-surface-1));text-decoration:none}.bon-ss-feed__link:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.bon-ss-feed__status{padding:var(--bon-space-3);border-radius:var(--bon-radius-md);color:var(--bon-text-secondary);background:color-mix(in srgb, var(--bon-surface-2) 55%, transparent);margin:0;font-size:.875rem;font-weight:650;line-height:1.45}.bon-ss-feed__status--error{background:color-mix(in srgb, var(--bon-danger,#b42318) 8%, var(--bon-surface-1))}.bon-ss-feed__empty{flex-direction:column;align-items:center;gap:.35rem;display:flex}.bon-ss-feed__empty-title{color:var(--bon-text-primary);margin:0;font-size:1rem;font-weight:850}.bon-ss-feed__empty-lead{color:var(--bon-text-secondary);margin:0;font-size:.875rem}.bon-ss-feed__timeline{gap:var(--bon-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bon-ss-feed__card{--feed-card-tone:var(--accent);align-items:center;gap:var(--bon-space-3);padding:var(--bon-space-3) var(--bon-space-3) var(--bon-space-3) calc(var(--bon-space-3) + 2px);border-radius:var(--bon-radius-lg);background:radial-gradient(90% 80% at 100% 0%, color-mix(in srgb, var(--feed-card-tone) 10%, transparent) 0%, transparent 58%), color-mix(in srgb, var(--bon-surface-2) 52%, var(--bon-surface-1));box-shadow:var(--bon-shadow-1);grid-template-columns:auto minmax(0,1fr);transition:transform .12s,box-shadow .15s;display:grid;position:relative}.bon-ss-feed__card:before{content:"";inset:var(--bon-space-3) auto var(--bon-space-3) 0;border-radius:var(--bon-radius-pill,999px);background:color-mix(in srgb, var(--feed-card-tone) 72%, var(--bon-text-primary));width:3px;position:absolute}@media (hover:hover){.bon-ss-feed__card:hover{box-shadow:var(--bon-shadow-2);transform:translateY(-1px)}}.bon-ss-feed__card--secret{--feed-card-tone:var(--bon-schedule-consult,#38bdf8)}.bon-ss-feed__card--uncommon{--feed-card-tone:#22c55e}.bon-ss-feed__card--notable{--feed-card-tone:#38bdf8}.bon-ss-feed__card--rare{--feed-card-tone:#8b5cf6}.bon-ss-feed__card--epic,.bon-ss-feed__card--seasonal{--feed-card-tone:#f59e0b}.bon-ss-feed__card--legendary,.bon-ss-feed__card--mythic,.bon-ss-feed__card--singular,.bon-ss-feed__card--unique{--feed-card-tone:#ec4899}.bon-ss-feed__card-visual{flex-shrink:0;justify-content:center;align-items:center;display:flex}.bon-ss-feed__card-copy{flex-direction:column;gap:.3rem;min-width:0;display:flex}.bon-ss-feed__card-head{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.bon-ss-feed__card-badge{letter-spacing:-.02em;color:var(--bon-text-primary);margin:0;font-size:.9375rem;font-weight:800;line-height:1.25}.bon-ss-feed__card-rarity{border-radius:var(--bon-radius-pill,999px);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--feed-card-tone) 88%, var(--bon-text-primary));background:color-mix(in srgb, var(--feed-card-tone) 12%, var(--bon-surface-1));align-items:center;padding:.12rem .45rem;font-size:.625rem;font-weight:800;line-height:1.2;display:inline-flex}.bon-ss-feed__card-participant{color:var(--bon-text-secondary);margin:0;font-size:.8125rem;font-weight:650;line-height:1.35}.bon-ss-feed__card-meta{color:var(--bon-text-tertiary);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;font-size:.75rem;font-weight:650;line-height:1.35;display:flex}.bon-ss-feed__card-meta time{color:color-mix(in srgb, var(--feed-card-tone) 55%, var(--bon-text-tertiary))}.bon-ss-feed__card-meta-sep{opacity:.55}@media (prefers-reduced-motion:reduce){.bon-ss-feed__card:hover{transform:none}}.modal_content:has(>.bon-ss-celebration){width:min(96vw,22.5rem);max-width:min(96vw,22.5rem);box-shadow:none;background:0 0;border:0;gap:0;padding:0}.bon-ss-celebration{align-items:stretch;gap:var(--bon-space-2);padding:var(--bon-space-4) var(--bon-space-4) var(--bon-space-4) calc(var(--bon-space-4) + 4px);text-align:center;border-radius:var(--bon-radius-lg);background:radial-gradient(88% 72% at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 58%), radial-gradient(72% 64% at 0% 100%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 14%, transparent) 0%, transparent 55%), var(--bon-surface-1);box-shadow:var(--bon-shadow-3), inset 0 1px 0 color-mix(in srgb, var(--bon-text-primary) 6%, transparent);border:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.bon-ss-celebration:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--bon-schedule-consult,#38bdf8) 88%, var(--accent)) 100%);width:3px;position:absolute;inset:0 auto 0 0}.bon-ss-celebration:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 24%, transparent) 42%, color-mix(in srgb, var(--accent) 34%, transparent) 50%, color-mix(in srgb, var(--accent) 24%, transparent) 58%, transparent 100%);opacity:.55;border-radius:999px;height:1px;position:absolute;bottom:0;left:10%;right:10%}.bon-ss-celebration__wash{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bon-ss-celebration__grid{opacity:.09;background-image:linear-gradient(color-mix(in srgb, var(--bon-text-primary) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--bon-text-primary) 10%, transparent) 1px, transparent 1px);background-size:1.5rem 1.5rem;position:absolute;inset:-10% -8%;-webkit-mask-image:radial-gradient(90% 78% at 50% 38%,#000 0%,#0000 78%);mask-image:radial-gradient(90% 78% at 50% 38%,#000 0%,#0000 78%)}.bon-ss-celebration__spark{background:color-mix(in srgb, var(--accent) 55%, transparent);opacity:.55;filter:blur(.5px);border-radius:50%;width:.45rem;height:.45rem;position:absolute}.bon-ss-celebration__spark--a{top:18%;right:14%}.bon-ss-celebration__spark--b{opacity:.4;width:.35rem;height:.35rem;top:28%;left:12%}.bon-ss-celebration__kicker{z-index:2;border-radius:var(--bon-radius-pill,999px);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 72%, var(--bon-text-primary));background:color-mix(in srgb, var(--accent) 12%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent);align-self:center;margin:0;padding:.2rem .7rem;font-size:.6875rem;font-weight:800;position:relative}.bon-ss-celebration__stage{--bon-celebration-badge-size:6rem;z-index:2;min-height:calc(var(--bon-celebration-badge-size) + 2rem);margin:var(--bon-space-1) 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.bon-ss-celebration__ring{width:calc(var(--bon-celebration-badge-size) + 1.25rem);height:calc(var(--bon-celebration-badge-size) + 1.25rem);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 38%, transparent);background:radial-gradient(68% 68% at 50% 38%, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 72%);border-radius:50%;position:absolute}.bon-ss-celebration__visual{z-index:1;width:var(--bon-celebration-badge-size);height:var(--bon-celebration-badge-size);background:radial-gradient(70% 70% at 50% 38%, color-mix(in srgb, var(--accent) 24%, transparent) 0%, transparent 72%), color-mix(in srgb, var(--bon-surface-2) 72%, var(--bon-surface-1));box-shadow:var(--bon-shadow-2);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.bon-ss-celebration__badge{z-index:2;justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.bon-ss-celebration__badge--animated{animation:.5s cubic-bezier(.22,1.12,.36,1) bon-ss-celebration-pop}.bon-ss-celebration--animated .bon-ss-celebration__ring{animation:.85s ease-out bon-ss-celebration-ring}.bon-ss-celebration__copy{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:relative}.bon-ss-celebration__rarity{align-self:center;margin-top:.15rem}.bon-ss-celebration__title{letter-spacing:-.015em;color:var(--bon-text-primary);margin:0;font-size:1.2rem;font-weight:850;line-height:1.25}.bon-ss-celebration__name{color:color-mix(in srgb, var(--accent) 78%, var(--bon-text-primary));margin:0;font-size:1rem;font-weight:800;line-height:1.35}.bon-ss-celebration__description{color:var(--bon-text-secondary);margin:.5rem 0 0;font-size:.8125rem;line-height:1.45}.bon-ss-celebration__lead{color:var(--bon-text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.bon-ss-celebration__actions{z-index:2;margin-top:var(--bon-space-2);flex-direction:column;gap:.45rem;width:100%;display:flex;position:relative}.bon-ss-celebration__cta{border-radius:var(--bon-radius-pill,999px);min-height:2.5rem;color:var(--bon-on-accent,#fff);background:var(--accent);cursor:pointer;box-shadow:var(--bon-shadow-1);border:0;padding:.45rem 1.15rem;font-size:.875rem;font-weight:800}.bon-ss-celebration__cta:hover{filter:brightness(1.04)}.bon-ss-celebration__link{border-radius:var(--bon-radius-pill,999px);min-height:2.125rem;color:var(--bon-text-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-text-primary) 12%, transparent);background:0 0;justify-content:center;align-items:center;padding:.35rem .9rem;font-size:.8125rem;font-weight:750;text-decoration:none;display:inline-flex}.bon-ss-celebration__link:hover{color:color-mix(in srgb, var(--accent) 70%, var(--bon-text-primary));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}@keyframes bon-ss-celebration-pop{0%{opacity:.35;transform:scale(.82)}65%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes bon-ss-celebration-ring{0%{opacity:.35;transform:scale(.88)}70%{opacity:.85;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.bon-ss-celebration__badge--animated,.bon-ss-celebration--animated .bon-ss-celebration__ring,.bon-ss-celebration--animated.bon-ss-celebration--rarity-legendary .bon-ss-celebration__spark,.bon-ss-celebration--animated.bon-ss-celebration--rarity-mythic .bon-ss-celebration__spark,.bon-ss-celebration--animated.bon-ss-celebration--rarity-legendary .bon-ss-celebration__ring,.bon-ss-celebration--animated.bon-ss-celebration--rarity-mythic .bon-ss-celebration__ring{animation:none}}.bon-ss-celebration--animated.bon-ss-celebration--rarity-legendary .bon-ss-celebration__spark--a,.bon-ss-celebration--animated.bon-ss-celebration--rarity-mythic .bon-ss-celebration__spark--a{animation:1.4s ease-in-out infinite alternate bon-ss-celebration-spark}.bon-ss-celebration--animated.bon-ss-celebration--rarity-legendary .bon-ss-celebration__spark--b,.bon-ss-celebration--animated.bon-ss-celebration--rarity-mythic .bon-ss-celebration__spark--b{animation:1.8s ease-in-out infinite alternate-reverse bon-ss-celebration-spark}.bon-ss-celebration--animated.bon-ss-celebration--rarity-legendary .bon-ss-celebration__ring,.bon-ss-celebration--animated.bon-ss-celebration--rarity-mythic .bon-ss-celebration__ring{animation:1.1s ease-out infinite bon-ss-celebration-ring}.bon-ss-celebration--animated.bon-ss-celebration--rarity-epic .bon-ss-celebration__ring,.bon-ss-celebration--animated.bon-ss-celebration--rarity-unique .bon-ss-celebration__ring,.bon-ss-celebration--animated.bon-ss-celebration--rarity-singular .bon-ss-celebration__ring{animation:1.4s ease-out bon-ss-celebration-ring}@keyframes bon-ss-celebration-spark{0%{opacity:.35;transform:translateY(0)scale(1)}to{opacity:.85;transform:translateY(-4px)scale(1.25)}}.bon-ss-badge-code{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--bon-space-3);max-width:24rem;min-height:42vh;padding:var(--bon-space-6) var(--bon-space-3);text-align:center;flex-direction:column;margin:0 auto;display:flex}.bon-ss-badge-code__card{align-items:center;gap:var(--bon-space-2);width:100%;padding:var(--bon-space-4);border-radius:var(--bon-radius-lg);background:color-mix(in srgb, var(--bon-surface-2) 55%, var(--bon-surface-1));box-shadow:var(--bon-shadow-1);flex-direction:column;display:flex}.bon-ss-badge-code__status{color:var(--bon-text-primary);margin:0;font-size:clamp(1.125rem,3.5vw,1.35rem);font-weight:850}.bon-ss-badge-code__detail{color:var(--bon-text-secondary);margin:0;font-size:.875rem;line-height:1.45}.bon-ss-badge-code--pending .bon-ss-badge-code__status{color:var(--bon-text-secondary)}.bon-ss-badge-code--success .bon-ss-badge-code__status{color:color-mix(in srgb, var(--accent) 82%, var(--bon-text-primary))}.bon-ss-badge-code--error .bon-ss-badge-code__status{color:var(--bon-danger,#b42318)}.bon-ss-badge-code__link{color:color-mix(in srgb, var(--accent) 78%, var(--bon-text-primary));font-size:.8125rem;font-weight:650;text-decoration:none}.bon-ss-badge-code__link:hover{text-decoration:underline}.bon-ss-badge-code--pending .bon-ss-badge-code__card{animation:1.4s ease-in-out infinite bon-ss-badge-code-pulse}@keyframes bon-ss-badge-code-pulse{0%,to{opacity:1}50%{opacity:.72}}@media (prefers-reduced-motion:reduce){.bon-ss-badge-code--pending .bon-ss-badge-code__card{animation:none}}.bon-notifications-inbox-shell .notification_card--campus{border-radius:var(--bon-radius-md);position:relative;background:var(--bon-surface-1)!important}.bon-notifications-inbox-shell .notification_card--campus:hover{background:color-mix(in srgb, var(--accent) 4%, var(--bon-surface-1))!important}.bon-notifications-inbox-shell .notification_card--campus.notification_card--unread{box-shadow:inset 3px 0 0 var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bon-surface-1))!important}.bon-notifications-inbox-shell .notification_card--campus.notification_card--campus-ops.notification_card--unread{box-shadow:inset 3px 0 #d5c27e}.bon-notifications-inbox-shell .notification_card__campus_wash,.bon-notifications-inbox-shell .notification_card__campus_grid{display:none}.bon-notifications-inbox-shell .notification_card__top--campus{align-items:flex-start;gap:10px;padding:10px 12px 10px 10px;position:relative}.bon-notifications-inbox-shell .notification_card__campus_kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--bon-text-tertiary);background:0 0;margin-bottom:.2rem;padding:0;font-size:.6875rem;font-weight:700;display:block}.bon-notifications-inbox-shell .notification_card--campus.notification_card--unread .notification_card__campus_kicker{color:color-mix(in srgb, var(--accent) 70%, var(--bon-text-tertiary))}.bon-notifications-inbox-shell .notification_card--campus-ops .notification_card__campus_kicker{color:color-mix(in srgb, #c9b15a 72%, var(--bon-text-tertiary))}.bon-notifications-inbox-shell .notification_card__campus_glyph{flex-shrink:0;place-items:center;width:2rem;height:2rem;display:grid}.bon-notifications-inbox-shell .notification_card__campus_glyph_ring{display:none}.bon-notifications-inbox-shell .notification_card__campus_glyph_icon{border-radius:var(--bon-radius-sm);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-2));width:2rem;height:2rem;color:var(--accent);place-items:center;display:grid}.bon-notifications-inbox-shell .notification_card__campus_glyph_icon .notification_glyph,.bon-notifications-inbox-shell .notification_card__campus_glyph_icon svg{width:1.125rem;height:1.125rem;display:block}.bon-notifications-inbox-shell .notification_card--campus-ops .notification_card__campus_glyph_icon{background:color-mix(in srgb, #c9b15a 12%, var(--bon-surface-2));color:color-mix(in srgb, #c9b15a 88%, var(--bon-text-primary))}.bon-notifications-inbox-shell .notification_card__campus_glyph .bon-badge-visual{width:2rem;height:2rem}.bon-notifications-inbox-shell .notification_card--campus .notification_card__title{letter-spacing:-.02em;font-size:.9375rem;font-weight:800}.bon-notifications-inbox-shell .notification_card--campus.notification_card--unread .notification_card__title{color:var(--bon-text-primary);font-weight:850}.bon-notifications-inbox-shell .notification_card--campus-ops.notification_card--unread .notification_card__title{color:var(--bon-text-primary)}.bon-notifications-inbox-shell .notification_card__campus_subtag{color:var(--bon-text-tertiary);text-overflow:ellipsis;white-space:nowrap;background:0 0;max-width:100%;margin-top:.1rem;padding:0;font-size:.75rem;font-weight:600;display:block;overflow:hidden}.bon-notifications-inbox-shell .notification_card__campus_lead{color:var(--bon-text-secondary);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.25rem 0 0;font-size:.8125rem;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.bon-notifications-inbox-shell .notification_card__campus_lead--accent{color:var(--bon-text-primary);-webkit-line-clamp:2;margin:0;font-size:.9375rem;font-weight:750;line-height:1.35}.bon-notifications-inbox-shell .notification_card--campus .notification_card__spotlight{box-shadow:none;background:0 0;gap:6px;margin-top:.25rem;padding:0}.bon-notifications-inbox-shell .notification_card--campus .notification_card__actions .notification_action_bar__btn--primary{border-radius:var(--bon-radius-md);min-height:2rem;padding:0 12px;font-weight:750}.bon-notifications-inbox-shell .notification_card--campus .notification_card__actions .notification_action_bar__btn--text{border-radius:var(--bon-radius-md);font-weight:650}.bon-notifications-inbox-shell .notification_stack_card--campus{border-radius:var(--bon-radius-md);background:var(--bon-surface-1)!important}.bon-notifications-inbox-shell .notification_stack_card--campus:hover{background:color-mix(in srgb, var(--accent) 4%, var(--bon-surface-1))!important}.bon-notifications-inbox-shell .notification_stack_card--campus.notification_stack_card--unread{box-shadow:inset 3px 0 0 var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bon-surface-1))!important}.bon-notifications-inbox-shell .notification_stack_card__wash,.bon-notifications-inbox-shell .notification_stack_card__grid{display:none}.bon-notifications-inbox-shell .notification_stack_card__header{padding:10px 12px 10px 10px;position:relative}.bon-notifications-inbox-shell .notification_stack_card__glyph--campus{width:2rem;height:2rem}.bon-notifications-inbox-shell .notification_stack_card__glyph_ring{display:none}.bon-notifications-inbox-shell .notification_stack_card__glyph_icon{border-radius:var(--bon-radius-sm);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-2));width:2rem;height:2rem;color:var(--accent);place-items:center;display:grid}.bon-notifications-inbox-shell .notification_stack_card__glyph_icon .notification_glyph,.bon-notifications-inbox-shell .notification_stack_card__glyph_icon svg{width:1.125rem;height:1.125rem}.bon-notifications-inbox-shell .notification_stack_card--campus .notification_stack_card__title{font-size:.9375rem;font-weight:800}.bon-notifications-dropdown .notifications_bell_dropdown__item--campus .notifications_bell_dropdown__row{background:var(--bon-surface-2);box-shadow:none}.bon-notifications-dropdown .notifications_bell_dropdown__item--campus .notifications_bell_dropdown__row--unread{background:color-mix(in srgb, var(--accent) 5%, var(--bon-surface-2));box-shadow:inset 3px 0 0 var(--accent)}.bon-notifications-dropdown .notifications_bell_dropdown__item--campus-ops .notifications_bell_dropdown__row--unread{box-shadow:inset 3px 0 #d5c27e}.bon-notifications-dropdown .notifications_bell_dropdown__item--campus .notifications_bell_dropdown__icon{border-radius:var(--bon-radius-sm);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));width:2rem;height:2rem;box-shadow:none;font-size:1rem}.bon-notifications-dropdown .notifications_bell_dropdown__item--campus .notifications_bell_dropdown__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--bon-text-tertiary);box-shadow:none;background:0 0;padding:0;font-size:.625rem;font-weight:700}.bon-notifications-dropdown .notifications_bell_dropdown__item--student-reward .notifications_bell_dropdown__row{background:var(--bon-surface-2)}.bon-notifications-dropdown .notifications_bell_dropdown__item--student-reward .notifications_bell_dropdown__icon--badge{background:0 0;border:0}.bon-notifications-dropdown .notifications_bell_dropdown__item--student-reward .notifications_bell_dropdown__icon--badge .bon-badge-visual{width:2rem;height:2rem}.notification_badge_rarity{border-radius:var(--bon-radius-pill,999px);letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--bon-surface-2) 80%, var(--bon-surface-1));color:var(--bon-text-secondary);align-items:center;margin-top:.2rem;padding:.12rem .45rem;font-size:.625rem;font-weight:800;display:inline-flex}.notification_badge_rarity--secret{color:color-mix(in srgb, #475569 92%, var(--bon-text-primary));background:color-mix(in srgb, #475569 16%, var(--bon-surface-2))}.notification_badge_rarity--common{color:color-mix(in srgb, #94a3b8 88%, var(--bon-text-primary));background:color-mix(in srgb, #94a3b8 14%, var(--bon-surface-2))}.notification_badge_rarity--uncommon{color:color-mix(in srgb, #22c55e 88%, var(--bon-text-primary));background:color-mix(in srgb, #22c55e 14%, var(--bon-surface-2))}.notification_badge_rarity--notable{color:color-mix(in srgb, #14b8a6 88%, var(--bon-text-primary));background:color-mix(in srgb, #14b8a6 14%, var(--bon-surface-2))}.notification_badge_rarity--rare{color:color-mix(in srgb, #5b7cfa 88%, var(--bon-text-primary));background:color-mix(in srgb, #5b7cfa 14%, var(--bon-surface-2))}.notification_badge_rarity--epic{color:color-mix(in srgb, #a855f7 88%, var(--bon-text-primary));background:color-mix(in srgb, #a855f7 14%, var(--bon-surface-2))}.notification_badge_rarity--unique{color:color-mix(in srgb, #c45bff 82%, var(--bon-text-primary));background:color-mix(in srgb, #c45bff 14%, var(--bon-surface-2))}.notification_badge_rarity--singular{color:color-mix(in srgb, #f43f5e 90%, var(--bon-text-primary));background:color-mix(in srgb, #f43f5e 14%, var(--bon-surface-2))}.notification_badge_rarity--seasonal{color:color-mix(in srgb, #e8a23a 88%, var(--bon-text-primary));background:color-mix(in srgb, #e8a23a 16%, var(--bon-surface-2))}.notification_badge_rarity--legendary{color:color-mix(in srgb, #ff5c8a 90%, var(--bon-text-primary));background:color-mix(in srgb, #ff5c8a 14%, var(--bon-surface-2))}.notification_badge_rarity--mythic{color:color-mix(in srgb, #f43f5e 92%, var(--bon-text-primary));background:color-mix(in srgb, #f43f5e 14%, var(--bon-surface-2))}