@layer components{.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:.75rem 1rem;box-shadow:0 1px 2px rgba(0,0,0,.08)}.alert{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:.75rem 1rem}.alert.info{border-color:color-mix(in srgb, var(--color-primary-blue) 30%, var(--color-border));background:color-mix(in srgb, var(--color-primary-blue) 10%, var(--color-surface))}.alert.warning{border-color:color-mix(in srgb, var(--color-warning-soft-base) 40%, var(--color-border));background:color-mix(in srgb, var(--color-warning-soft-base) 12%, var(--color-surface));color:var(--color-text)}.alert.danger,.alert.error{border-color:color-mix(in srgb, var(--color-danger-base) 35%, var(--color-border));background:color-mix(in srgb, var(--color-danger-base) 10%, var(--color-surface));color:var(--color-text)}.alert.success{border-color:color-mix(in srgb, var(--color-success) 30%, var(--color-border));background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface));color:var(--color-text)}.card--prominent{padding:2rem;text-align:center}.card__emoji{font-size:2.5rem;margin-bottom:.75rem}.card__description{max-width:28rem;margin:0 auto;font-size:.875rem}.card__action{display:inline-block;margin-top:1rem}.card--padded{padding:1.5rem}.card--padded-sm{padding:1.25rem}.content-container{background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);overflow:hidden;margin-bottom:1rem}@media(width >= 768px){.content-container{border-radius:15px}}html.dark .content-container{background:var(--color-surface);border-color:var(--color-border)}.content-container--transparent{background:rgba(0,0,0,0);border:none}html.dark .content-container--transparent{background:rgba(0,0,0,0)}.content-container--transparent .heading-page{margin-bottom:1rem}.content-container .header-container{padding:.75rem 1rem 0}@media(width >= 768px){.content-container .header-container{padding:1.5rem 1.5rem .5rem}}.content-container .flex-between>.stats-page-admin-menu{display:none}@media(width >= 1024px){.content-container .flex-between>.stats-page-admin-menu{display:block}}.content-container .flex-wrap-gap{padding:.25rem .75rem .5rem;margin-bottom:0;flex-wrap:nowrap;row-gap:.5rem}@media(width >= 768px){.content-container .flex-wrap-gap{flex-wrap:wrap;padding:.375rem 1rem 1.25rem 1.5rem;row-gap:.75rem}}.content-container .flex-wrap-gap:has(.modify-weeks-filter__trigger){flex-wrap:wrap}.filters-separator{border-top:1px solid var(--color-border);margin-top:.6rem;margin-bottom:.6rem;margin-inline:1rem}@media(width >= 768px){.filters-separator{margin-inline:1.5rem}}.content-container:has(.trend-nav) .filters-separator{display:none}.stat-info-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;color:var(--color-text-secondary);transition:color .15s ease}.stat-info-icon::before{content:"";position:absolute;top:calc(100% + 4px);left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:var(--color-surface);border-inline-start:1px solid var(--color-border);border-block-start:1px solid var(--color-border);opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:24}.stat-info-icon:hover{color:var(--color-accent)}.stat-info-icon:hover::before{opacity:1}.stat-info-icon__icon{position:relative;display:inline-flex}.stat-info-icon__svg{display:block}.stat-info-icon__badge{position:absolute;right:-5px;bottom:-5px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-secondary);transition:color .15s ease}@media(width >= 768px){.stat-info-icon__badge{display:none}}.stat-info-icon:hover .stat-info-icon__badge{color:var(--color-accent)}.stat-info-icon__badge-svg{width:14px;height:14px;display:block}.stat-info-icon__tooltip{position:absolute;top:calc(100% + 10px);left:50%;width:max-content;max-width:min(300px,100vw - 1.5rem);display:flex;flex-direction:column;padding:.625rem .75rem;border-radius:var(--radius-md);transform:translateX(calc(-50% + var(--tooltip-shift, 0px))) translateY(-6px);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:.75rem;font-weight:400;line-height:1.45;text-align:start;white-space:normal;box-shadow:0 14px 36px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:25}.stat-info-icon:hover .stat-info-icon__tooltip{opacity:1;transform:translateX(calc(-50% + var(--tooltip-shift, 0px))) translateY(0);pointer-events:auto}.stat-info-icon__desc{font-weight:500}.stat-info-icon__updated,.stat-info-icon__note{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--color-border);font-size:.6875rem;color:var(--color-text-muted)}.stat-info-icon__updated{display:flex;align-items:center;gap:.4rem;font-weight:700}@media(width >= 768px){.stat-info-icon__updated{display:none}}@media(width < 768px){.stat-info-icon__updated+.stat-info-icon__note{margin-top:.35rem;padding-top:0;border-top:0}}.stat-info-icon__note{font-weight:400}.stat-info-icon__updated-svg{width:1.05em;height:1.05em;flex:none}.stat-info-card .title{margin:0;font-size:1.5rem;line-height:1.4;font-weight:700;color:var(--color-text)}.stat-info-card .description{margin-top:.75rem;font-size:.9375rem;line-height:1.6;color:var(--color-text)}.stat-info-card .description p{margin:0}.stat-info-card .description ul,.stat-info-card .description ol{margin:0;padding-left:1.25rem}.stat-info-card .description li+li{margin-top:.375rem}}