/* MiHakero design system v3: file generato da bin/build-ds-css.php, non modificare a mano. Sorgenti: tokens.css, components.css, utilities.css, shell.css, bridge.css */
:root{--ui-brand-red: #b80a10;--ui-brand-red-deep: #8a080c;--ui-brand-ink: #1f1f1d;--ui-brand-night: #0f1218;--ui-surface: #f6f7f9;--ui-surface-raised: #ffffff;--ui-surface-sunken: #eceef2;--ui-surface-inverse: #1b1f27;--ui-ink: #14171c;--ui-ink-muted: #4b5262;--ui-ink-inverse: #f6f7f9;--ui-border: #dce0e7;--ui-border-strong: #78808f;--ui-primary: var(--ui-brand-red);--ui-primary-hover: var(--ui-brand-red-deep);--ui-primary-ink: #ffffff;--ui-primary-text: var(--ui-brand-red);--ui-secondary: #1b1f27;--ui-secondary-hover: #323847;--ui-secondary-ink: #ffffff;--ui-secondary-text: #1b1f27;--ui-accent: #f2b134;--ui-accent-ink: #14171c;--ui-accent-text: #7a4a00;--ui-link: var(--ui-primary-text);--ui-link-hover: var(--ui-brand-red-deep);--ui-success-bg: #e4f4ea;--ui-success-ink: #0f5a2e;--ui-success-solid: #1e7b45;--ui-warning-bg: #fff1d6;--ui-warning-ink: #7a4a00;--ui-warning-solid: #a86200;--ui-danger-bg: #fde8e8;--ui-danger-ink: #9b1218;--ui-danger-solid: #c8161c;--ui-info-bg: #e6edf8;--ui-info-ink: #1f3566;--ui-info-solid: #3d5fa6;--ui-disabled-bg: #e6e9ee;--ui-disabled-ink: #5f6676;--ui-focus: var(--ui-brand-ink);--ui-brand-tile: transparent;--ui-overlay: rgb(20 23 28 / .55);--ui-shadow-1: 0 1px 2px rgb(20 23 28 / .06),0 1px 4px rgb(20 23 28 / .04);--ui-shadow-2: 0 2px 4px rgb(20 23 28 / .06),0 6px 18px rgb(20 23 28 / .08);--ui-shadow-3: 0 4px 8px rgb(20 23 28 / .08),0 12px 32px rgb(20 23 28 / .14);--ui-font-sans: "Noto Sans","Noto Sans DS Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ui-font-mono: "IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--ui-text-xs: clamp(.75rem,.74rem + .05vw,.78rem);--ui-text-sm: clamp(.875rem,.86rem + .08vw,.92rem);--ui-text-base: clamp(1rem,.97rem + .15vw,1.0625rem);--ui-text-lg: clamp(1.125rem,1.07rem + .27vw,1.25rem);--ui-text-xl: clamp(1.25rem,1.15rem + .5vw,1.5rem);--ui-text-2xl: clamp(1.5rem,1.3rem + 1vw,2rem);--ui-text-3xl: clamp(1.875rem,1.5rem + 1.9vw,2.75rem);--ui-text-display: clamp(2.25rem,1.6rem + 3.2vw,3.75rem);--ui-leading-tight: 1.15;--ui-leading-snug: 1.3;--ui-leading-normal: 1.6;--ui-weight-regular: 400;--ui-weight-medium: 500;--ui-weight-heavy: 600;--ui-tracking-tight: -.015em;--ui-tracking-caps: .06em;--ui-space-1: .25rem;--ui-space-2: .5rem;--ui-space-3: .75rem;--ui-space-4: 1rem;--ui-space-5: 1.5rem;--ui-space-6: 2rem;--ui-space-7: 3rem;--ui-space-8: 4rem;--ui-space-section: clamp(2.5rem,2rem + 2.5vw,4.5rem);--ui-radius-xs: .25rem;--ui-radius-sm: .375rem;--ui-radius-md: .5rem;--ui-radius-lg: .75rem;--ui-radius-xl: .75rem;--ui-radius-control: .5rem;--ui-radius-pill: 999px;--ui-tap: 44px;--ui-container: 72rem;--ui-container-narrow: 44rem;--ui-measure: 66ch;--ui-gutter: clamp(1rem,.6rem + 2vw,2rem);--ui-header-h: 3.5rem;--ui-bottom-bar-h: 4rem;--ui-dur-fast: 120ms;--ui-dur-base: 200ms;--ui-dur-slow: 320ms;--ui-ease: cubic-bezier(.2,0,0,1);--ui-ease-out: cubic-bezier(0,0,.2,1);--ui-ease-spring: cubic-bezier(.34,1.3,.64,1);--ui-z-base: 0;--ui-z-sticky: 100;--ui-z-bottom-bar: 200;--ui-z-dropdown: 300;--ui-z-overlay: 400;--ui-z-dialog: 500;--ui-z-toast: 600;color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ui-surface: var(--ui-brand-night);--ui-surface-raised: #171b24;--ui-surface-sunken: #0a0c10;--ui-surface-inverse: #f6f7f9;--ui-ink: #eceef2;--ui-ink-muted: #a3aab9;--ui-ink-inverse: #14171c;--ui-border: #272d3a;--ui-border-strong: #7d8598;--ui-primary-hover: #d4141b;--ui-primary-text: #ff6e73;--ui-secondary: #eceef2;--ui-secondary-hover: #ffffff;--ui-secondary-ink: #14171c;--ui-secondary-text: #eceef2;--ui-accent-text: #f2b134;--ui-link: var(--ui-primary-text);--ui-link-hover: #ff9a9d;--ui-success-bg: #0f2a1b;--ui-success-ink: #8ee0ae;--ui-success-solid: #2fa463;--ui-warning-bg: #33270f;--ui-warning-ink: #ffcf7a;--ui-warning-solid: #f2b134;--ui-danger-bg: #3a1a1d;--ui-danger-ink: #ff9d9f;--ui-danger-solid: #ff5a60;--ui-info-bg: #18284f;--ui-info-ink: #b6c8f5;--ui-info-solid: #7f9be0;--ui-disabled-bg: #1d222d;--ui-disabled-ink: #8a92a5;--ui-focus: #f2b134;--ui-brand-tile: var(--ui-surface-inverse);--ui-overlay: rgb(5 7 10 / .72);--ui-shadow-1: 0 1px 2px rgb(0 0 0 / .3),0 2px 8px rgb(0 0 0 / .2);--ui-shadow-2: 0 2px 4px rgb(0 0 0 / .3),0 8px 24px rgb(0 0 0 / .35);--ui-shadow-3: 0 4px 8px rgb(0 0 0 / .35),0 16px 40px rgb(0 0 0 / .5);color-scheme: dark}}:root[data-theme="dark"]{--ui-surface: var(--ui-brand-night);--ui-surface-raised: #171b24;--ui-surface-sunken: #0a0c10;--ui-surface-inverse: #f6f7f9;--ui-ink: #eceef2;--ui-ink-muted: #a3aab9;--ui-ink-inverse: #14171c;--ui-border: #272d3a;--ui-border-strong: #7d8598;--ui-primary-hover: #d4141b;--ui-primary-text: #ff6e73;--ui-secondary: #eceef2;--ui-secondary-hover: #ffffff;--ui-secondary-ink: #14171c;--ui-secondary-text: #eceef2;--ui-accent-text: #f2b134;--ui-link: var(--ui-primary-text);--ui-link-hover: #ff9a9d;--ui-success-bg: #0f2a1b;--ui-success-ink: #8ee0ae;--ui-success-solid: #2fa463;--ui-warning-bg: #33270f;--ui-warning-ink: #ffcf7a;--ui-warning-solid: #f2b134;--ui-danger-bg: #3a1a1d;--ui-danger-ink: #ff9d9f;--ui-danger-solid: #ff5a60;--ui-info-bg: #18284f;--ui-info-ink: #b6c8f5;--ui-info-solid: #7f9be0;--ui-disabled-bg: #1d222d;--ui-disabled-ink: #8a92a5;--ui-focus: #f2b134;--ui-brand-tile: var(--ui-surface-inverse);--ui-overlay: rgb(5 7 10 / .72);--ui-shadow-1: 0 1px 2px rgb(0 0 0 / .3),0 2px 8px rgb(0 0 0 / .2);--ui-shadow-2: 0 2px 4px rgb(0 0 0 / .3),0 8px 24px rgb(0 0 0 / .35);--ui-shadow-3: 0 4px 8px rgb(0 0 0 / .35),0 16px 40px rgb(0 0 0 / .5);color-scheme: dark}:root[data-theme="light"]{color-scheme: light}
.ui-icon{width: 1.25em;height: 1.25em;flex: none;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.ui-icon--sm{width: 1em;height: 1em}.ui-icon--lg{width: 1.75em;height: 1.75em}.ui-btn{--_bg: var(--ui-primary);--_bg-hover: var(--ui-primary-hover);--_ink: var(--ui-primary-ink);--_bd: transparent;position: relative;display: inline-flex;align-items: center;justify-content: center;gap: var(--ui-space-2);min-height: 48px;padding: var(--ui-space-2) var(--ui-space-5);border: 2px solid var(--_bd);border-radius: var(--ui-radius-control);background: var(--_bg);color: var(--_ink);font-size: var(--ui-text-base);font-weight: 600;line-height: 1.2;text-align: center;text-decoration: none;-webkit-tap-highlight-color: transparent;transition: background-color var(--ui-dur-fast) var(--ui-ease),border-color var(--ui-dur-fast) var(--ui-ease),box-shadow var(--ui-dur-base) var(--ui-ease),transform var(--ui-dur-fast) var(--ui-ease)}.ui-btn:hover{background: var(--_bg-hover);color: var(--_ink);text-decoration: none}.ui-btn:active{transform: translateY(1px)}.ui-btn--primary{box-shadow: var(--ui-shadow-1)}.ui-btn--primary:hover{box-shadow: var(--ui-shadow-2)}.ui-btn--secondary{--_bg: var(--ui-secondary);--_bg-hover: var(--ui-secondary-hover);--_ink: var(--ui-secondary-ink)}.ui-btn--quiet{--_bg: transparent;--_bg-hover: var(--ui-surface-sunken);--_ink: var(--ui-ink)}.ui-btn--ghost{--_bg: transparent;--_bg-hover: var(--ui-surface-sunken);--_ink: var(--ui-ink);--_bd: var(--ui-border-strong)}.ui-btn--danger{--_bg: transparent;--_bg-hover: var(--ui-danger-bg);--_ink: var(--ui-danger-ink);--_bd: var(--ui-danger-solid)}.ui-btn--sm{min-height: var(--ui-tap);padding-inline: var(--ui-space-4);font-size: var(--ui-text-sm)}.ui-btn--lg{min-height: 56px;padding-inline: var(--ui-space-6);font-size: var(--ui-text-lg)}.ui-btn--block{display: flex;width: 100%}.ui-btn--icon{width: 48px;padding: 0}.ui-btn--icon.ui-btn--sm{width: var(--ui-tap)}.ui-btn--icon.ui-btn--lg{width: 56px}.ui-btn[aria-pressed="true"],.ui-btn[aria-current="true"]{--_bg: var(--ui-surface-inverse);--_bg-hover: var(--ui-surface-inverse);--_ink: var(--ui-ink-inverse)}.ui-btn:disabled,.ui-btn[aria-disabled="true"]{--_bg: var(--ui-disabled-bg);--_bg-hover: var(--ui-disabled-bg);--_ink: var(--ui-disabled-ink);--_bd: transparent;box-shadow: none;transform: none}.ui-btn[aria-busy="true"],form[aria-busy="true"] .ui-btn[type="submit"]{color: transparent;pointer-events: none}.ui-btn[aria-busy="true"]::after,form[aria-busy="true"] .ui-btn[type="submit"]::after{content: "";position: absolute;inset: 0;width: 1.25rem;height: 1.25rem;margin: auto;border: 3px solid var(--_ink);border-right-color: transparent;border-radius: 50%;animation: ui-spin .7s linear infinite}@keyframes ui-spin{to{transform: rotate(360deg)}}.ui-card{position: relative;padding: var(--ui-space-4);border: 1px solid var(--ui-border);border-radius: var(--ui-radius-lg);background: var(--ui-surface-raised);box-shadow: var(--ui-shadow-1)}.ui-card > :first-child{margin-top: 0}.ui-card > :last-child{margin-bottom: 0}.ui-card__media{margin: calc(var(--ui-space-4) * -1) calc(var(--ui-space-4) * -1) var(--ui-space-4);overflow: hidden;border-radius: var(--ui-radius-lg) var(--ui-radius-lg) 0 0;background: var(--ui-surface-sunken)}.ui-card__media img{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}.ui-card__title{margin-bottom: var(--ui-space-2);font-size: var(--ui-text-lg);line-height: var(--ui-leading-snug)}.ui-card__footer{display: flex;flex-wrap: wrap;align-items: center;gap: var(--ui-space-3);margin-top: var(--ui-space-4);padding-top: var(--ui-space-4);border-top: 1px solid var(--ui-border)}.ui-card--interactive{transition: transform var(--ui-dur-base) var(--ui-ease),box-shadow var(--ui-dur-base) var(--ui-ease),border-color var(--ui-dur-base) var(--ui-ease)}.ui-card--interactive:hover,.ui-card--interactive:focus-within{transform: translateY(-2px);border-color: var(--ui-border-strong);box-shadow: var(--ui-shadow-2)}.ui-card__link{color: inherit;text-decoration: none}.ui-card__link::after{content: "";position: absolute;inset: 0;border-radius: inherit}.ui-card__link:focus-visible{outline: none}.ui-card__link:focus-visible::after{outline: 3px solid var(--ui-focus);outline-offset: 2px}.ui-card--flat{box-shadow: none}.ui-card--nested{border-color: transparent;border-radius: var(--ui-radius-md);background: var(--ui-surface-sunken);box-shadow: none}@media (min-width: 640px){.ui-card{padding: var(--ui-space-5)}.ui-card__media{margin: calc(var(--ui-space-5) * -1) calc(var(--ui-space-5) * -1) var(--ui-space-4)}}.ui-field{display: grid;gap: var(--ui-space-2);min-width: 0}.ui-field__label,.ui-fieldset > legend{padding: 0;font-weight: 600}.ui-field__required{color: var(--ui-primary-text)}.ui-field__hint{margin: 0;color: var(--ui-ink-muted);font-size: var(--ui-text-sm)}.ui-check + .ui-field__hint,.ui-check + .ui-field__error{padding-inline-start: 2.25rem}.ui-field__error{display: flex;align-items: flex-start;gap: var(--ui-space-2);margin: 0;color: var(--ui-danger-ink);font-size: var(--ui-text-sm);font-weight: 600}.ui-field__error .ui-icon{margin-top: .1em}.ui-fieldset{display: grid;gap: var(--ui-space-2);min-width: 0;margin: 0;padding: 0;border: 0}.ui-input,.ui-textarea,.ui-select{display: block;width: 100%;min-height: var(--ui-tap);padding: var(--ui-space-3) var(--ui-space-4);border: 2px solid var(--ui-border-strong);border-radius: var(--ui-radius-md);background: var(--ui-surface-raised);color: var(--ui-ink);font-size: var(--ui-text-base);line-height: 1.4;transition: border-color var(--ui-dur-fast) var(--ui-ease),box-shadow var(--ui-dur-fast) var(--ui-ease)}.ui-textarea{min-height: 7rem;resize: vertical}.ui-input::placeholder,.ui-textarea::placeholder{color: var(--ui-ink-muted);opacity: 1}.ui-input:hover,.ui-textarea:hover,.ui-select:hover{border-color: var(--ui-ink-muted)}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{border-color: var(--ui-focus)}.ui-input[aria-invalid="true"],.ui-textarea[aria-invalid="true"],.ui-select[aria-invalid="true"]{border-color: var(--ui-danger-solid);background: var(--ui-danger-bg)}.ui-input:disabled,.ui-textarea:disabled,.ui-select:disabled{border-color: transparent;background: var(--ui-disabled-bg);color: var(--ui-disabled-ink)}.ui-select-wrap{position: relative}.ui-select{padding-right: var(--ui-space-7);appearance: none;cursor: pointer}.ui-select-wrap::after{content: "";position: absolute;inset-block-start: 50%;inset-inline-end: var(--ui-space-4);width: .55rem;height: .55rem;border-right: 2px solid var(--ui-ink-muted);border-bottom: 2px solid var(--ui-ink-muted);transform: translateY(-70%) rotate(45deg);pointer-events: none}.ui-check{display: flex;align-items: flex-start;gap: var(--ui-space-3);min-height: var(--ui-tap);padding-block: var(--ui-space-2);cursor: pointer}.ui-check__input,.ui-switch__input{flex: none;margin: 0;appearance: none;border: 2px solid var(--ui-border-strong);background: var(--ui-surface-raised);transition: background-color var(--ui-dur-fast) var(--ui-ease),border-color var(--ui-dur-fast) var(--ui-ease);cursor: pointer}.ui-check__input{display: grid;place-content: center;width: 1.5rem;height: 1.5rem;margin-top: .1rem;border-radius: var(--ui-radius-xs)}.ui-check__input[type="radio"]{border-radius: 50%}.ui-check__input::before{content: "";width: .8rem;height: .8rem;background: var(--ui-primary-ink);clip-path: polygon(14% 44%,0 59%,40% 100%,100% 22%,85% 7%,40% 68%);transform: scale(0);transition: transform var(--ui-dur-fast) var(--ui-ease-spring)}.ui-check__input[type="radio"]::before{width: .7rem;height: .7rem;border-radius: 50%;clip-path: none}.ui-check__input:checked{border-color: var(--ui-ink);background: var(--ui-primary)}.ui-check__input:checked::before{transform: scale(1)}.ui-check__input:hover{border-color: var(--ui-ink-muted)}.ui-check__input[aria-invalid="true"]{border-color: var(--ui-danger-solid)}.ui-check__input:disabled,.ui-switch__input:disabled{border-color: transparent;background: var(--ui-disabled-bg);cursor: not-allowed}.ui-check__text{min-width: 0}.ui-switch{display: flex;align-items: center;gap: var(--ui-space-3);min-height: var(--ui-tap);cursor: pointer}.ui-switch__input{position: relative;width: 3rem;height: 1.75rem;border-radius: var(--ui-radius-pill)}.ui-switch__input::before{content: "";position: absolute;inset-block-start: .2rem;inset-inline-start: .2rem;width: 1.1rem;height: 1.1rem;border-radius: 50%;background: var(--ui-ink-muted);transition: transform var(--ui-dur-base) var(--ui-ease-spring),background-color var(--ui-dur-fast) var(--ui-ease)}.ui-switch__input:checked{border-color: var(--ui-ink);background: var(--ui-secondary)}.ui-switch__input:checked::before{background: var(--ui-secondary-ink);transform: translateX(1.25rem)}.ui-tag{--_bg: var(--ui-surface-sunken);--_ink: var(--ui-ink);display: inline-flex;align-items: center;gap: var(--ui-space-1);padding: .15rem .7rem;border-radius: var(--ui-radius-control);background: var(--_bg);color: var(--_ink);font-size: var(--ui-text-sm);font-weight: 600;line-height: 1.5;white-space: nowrap}.ui-tag--accent{--_bg: var(--ui-accent);--_ink: var(--ui-accent-ink)}.ui-tag--secondary{--_bg: var(--ui-secondary);--_ink: var(--ui-secondary-ink)}.ui-tag--info{--_bg: var(--ui-info-bg);--_ink: var(--ui-info-ink)}.ui-tag--success{--_bg: var(--ui-success-bg);--_ink: var(--ui-success-ink)}.ui-tag--warning{--_bg: var(--ui-warning-bg);--_ink: var(--ui-warning-ink)}.ui-tag--danger{--_bg: var(--ui-danger-bg);--_ink: var(--ui-danger-ink)}.ui-chip{display: inline-flex;align-items: stretch;min-height: 44px;border: 2px solid var(--ui-border-strong);border-radius: var(--ui-radius-control);background: var(--ui-surface-raised);color: var(--ui-ink);font-size: var(--ui-text-sm);font-weight: 600;transition: background-color var(--ui-dur-fast) var(--ui-ease),border-color var(--ui-dur-fast) var(--ui-ease)}.ui-chip__label,.ui-chip__remove{display: inline-flex;align-items: center;gap: var(--ui-space-2);color: inherit;text-decoration: none}.ui-chip__label{padding: 0 var(--ui-space-4);border-radius: var(--ui-radius-control)}.ui-chip__remove{justify-content: center;min-width: 44px;margin-inline-start: calc(var(--ui-space-2) * -1);border-radius: var(--ui-radius-pill)}.ui-chip:hover,.ui-chip__label:hover,.ui-chip__remove:hover{color: inherit}.ui-chip:hover{background: var(--ui-surface-sunken)}.ui-chip--active,.ui-chip[aria-pressed="true"]{border-color: var(--ui-surface-inverse);background: var(--ui-surface-inverse);color: var(--ui-ink-inverse)}.ui-chip--active:hover,.ui-chip[aria-pressed="true"]:hover{background: var(--ui-surface-inverse)}.ui-alert{--_bg: var(--ui-info-bg);--_ink: var(--ui-info-ink);--_solid: var(--ui-info-solid);display: grid;grid-template-columns: auto 1fr;gap: var(--ui-space-3);padding: var(--ui-space-4);border-radius: var(--ui-radius-md);border-inline-start: 6px solid var(--_solid);background: var(--_bg);color: var(--_ink)}.ui-alert--success{--_bg: var(--ui-success-bg);--_ink: var(--ui-success-ink);--_solid: var(--ui-success-solid)}.ui-alert--warning{--_bg: var(--ui-warning-bg);--_ink: var(--ui-warning-ink);--_solid: var(--ui-warning-solid)}.ui-alert--danger{--_bg: var(--ui-danger-bg);--_ink: var(--ui-danger-ink);--_solid: var(--ui-danger-solid)}.ui-alert > .ui-icon{margin-top: .15em;color: var(--_solid)}.ui-alert__title{margin: 0 0 var(--ui-space-1);font-size: var(--ui-text-base);font-weight: 600}.ui-alert__body > :last-child{margin-bottom: 0}.ui-alert a{color: inherit}.ui-badge{display: inline-grid;place-items: center;min-width: 1.5rem;height: 1.5rem;padding-inline: .45rem;border-radius: var(--ui-radius-control);background: var(--ui-primary);color: var(--ui-primary-ink);font-size: var(--ui-text-xs);font-weight: 600;line-height: 1;font-variant-numeric: tabular-nums}.ui-badge--accent{background: var(--ui-accent);color: var(--ui-accent-ink)}.ui-badge--secondary{background: var(--ui-secondary);color: var(--ui-secondary-ink)}.ui-badge--neutral{background: var(--ui-surface-inverse);color: var(--ui-ink-inverse)}.ui-avatar{--_size: 2.5rem;display: inline-grid;flex: none;place-items: center;width: var(--_size);height: var(--_size);overflow: hidden;border-radius: 50%;background: var(--ui-accent);color: var(--ui-accent-ink);font-size: calc(var(--_size) * .4);font-weight: 600;line-height: 1;text-transform: uppercase}.ui-avatar img{width: 100%;height: 100%;object-fit: cover}.ui-avatar--sm{--_size: 2rem}.ui-avatar--lg{--_size: 3.5rem}.ui-avatar--xl{--_size: 5rem}.ui-empty{display: grid;justify-items: center;gap: var(--ui-space-3);padding: var(--ui-space-7) var(--ui-space-5);border: 2px dashed var(--ui-border-strong);border-radius: var(--ui-radius-xl);text-align: center}.ui-empty__icon{display: grid;place-items: center;width: 4rem;height: 4rem;border-radius: 50%;background: var(--ui-accent);color: var(--ui-accent-ink);font-size: 1.75rem}.ui-empty__title{margin: 0;font-size: var(--ui-text-xl)}.ui-empty__text{max-width: 40ch;margin: 0;color: var(--ui-ink-muted)}.ui-empty--compact{padding: var(--ui-space-5) var(--ui-space-4);border-width: 1px;border-radius: var(--ui-radius-lg)}.ui-empty--compact .ui-empty__icon{width: 2.75rem;height: 2.75rem;font-size: 1.25rem}.ui-empty--compact .ui-empty__title{font-size: var(--ui-text-lg)}@media (prefers-reduced-motion: no-preference){.ui-empty__icon{position: relative;animation: ui-empty-in .55s var(--ui-ease-spring) .1s both}.ui-empty__icon::after{content: "";position: absolute;inset: -.375rem;border: 2px solid var(--ui-accent);border-radius: 50%;opacity: 0;animation: ui-ring 1.1s var(--ui-ease-out) .45s}.ui-toast--success > .ui-icon,.ui-alert--success > .ui-icon{animation: ui-check .5s var(--ui-ease-spring) .15s both}}@keyframes ui-empty-in{from{opacity: 0;transform: scale(.4) rotate(-20deg)}}@keyframes ui-ring{from{opacity: .9;transform: scale(.8)}to{opacity: 0;transform: scale(1.5)}}@keyframes ui-check{from{opacity: 0;transform: scale(.2) rotate(-45deg)}}.ui-pagination{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--ui-space-3)}.ui-pagination__list{display: flex;flex-wrap: wrap;gap: var(--ui-space-1);margin: 0;padding: 0;list-style: none}.ui-pagination__link{display: inline-flex;align-items: center;justify-content: center;gap: var(--ui-space-2);min-width: var(--ui-tap);min-height: var(--ui-tap);padding-inline: var(--ui-space-3);border-radius: var(--ui-radius-md);color: var(--ui-ink);font-weight: 600;text-decoration: none;font-variant-numeric: tabular-nums;transition: background-color var(--ui-dur-fast) var(--ui-ease)}.ui-pagination__link:hover{background: var(--ui-surface-sunken);color: var(--ui-ink)}.ui-pagination__link[aria-current="page"]{background: var(--ui-surface-inverse);color: var(--ui-ink-inverse)}.ui-pagination__link[aria-disabled="true"]{color: var(--ui-disabled-ink);pointer-events: none}.ui-pagination__gap{display: inline-grid;place-items: center;min-width: var(--ui-tap);min-height: var(--ui-tap);color: var(--ui-ink-muted)}.ui-pagination__status{flex-basis: 100%;margin: 0;color: var(--ui-ink-muted);font-size: var(--ui-text-sm);text-align: center}.ui-pagination__text,.ui-pagination__skip{display: none}@media (min-width: 640px){.ui-pagination__text{display: inline}.ui-pagination__skip{display: block}}.ui-tabs{display: flex;gap: var(--ui-space-1);overflow-x: auto;border-bottom: 2px solid var(--ui-border);scrollbar-width: none}.ui-tabs::-webkit-scrollbar{display: none}.ui-tabs__tab{display: inline-flex;align-items: center;gap: var(--ui-space-2);min-height: var(--ui-tap);margin-bottom: -2px;padding: var(--ui-space-2) var(--ui-space-4);border: 0;border-bottom: 3px solid transparent;background: none;color: var(--ui-ink-muted);font-weight: 600;text-decoration: none;white-space: nowrap;transition: color var(--ui-dur-fast) var(--ui-ease),border-color var(--ui-dur-fast) var(--ui-ease)}.ui-tabs__tab:hover{color: var(--ui-ink)}.ui-tabs__tab[aria-selected="true"],.ui-tabs__tab[aria-current="page"]{border-bottom-color: var(--ui-primary-text);color: var(--ui-ink)}.ui-dialog{width: min(32rem,calc(100vw - 2rem));max-height: calc(100dvh - 2rem);padding: 0;overflow: auto;border: 1px solid var(--ui-border);border-radius: var(--ui-radius-xl);background: var(--ui-surface-raised);color: var(--ui-ink);box-shadow: var(--ui-shadow-3)}.ui-dialog[open]{animation: ui-pop var(--ui-dur-base) var(--ui-ease-out)}.ui-dialog::backdrop{background: var(--ui-overlay)}.ui-dialog__header,.ui-dialog__body,.ui-dialog__footer{padding: var(--ui-space-4) var(--ui-space-5)}.ui-dialog__header{padding-bottom: 0}.ui-dialog__title{margin: 0;font-size: var(--ui-text-xl)}.ui-dialog__footer{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: var(--ui-space-3);padding-top: 0}.ui-dialog--static{position: static;display: block;width: auto;max-width: 100%;margin: 0}@keyframes ui-pop{from{opacity: 0;transform: translateY(.5rem) scale(.98)}}.ui-toast-region{position: fixed;inset-inline: var(--ui-space-4);inset-block-end: calc(var(--ui-bottom-bar-h) + env(safe-area-inset-bottom,0px) + var(--ui-space-4));z-index: var(--ui-z-toast);display: grid;justify-items: center;gap: var(--ui-space-2);pointer-events: none}.ui-toast{display: flex;align-items: center;gap: var(--ui-space-3);width: min(100%,26rem);padding: var(--ui-space-3) var(--ui-space-4);border-radius: var(--ui-radius-lg);background: var(--ui-surface-inverse);color: var(--ui-ink-inverse);box-shadow: var(--ui-shadow-3);font-weight: 600;pointer-events: auto;animation: ui-pop var(--ui-dur-base) var(--ui-ease-out)}.ui-toast__text{flex: 1;min-width: 0}.ui-toast .ui-btn{--_ink: var(--ui-ink-inverse);--_bg-hover: transparent;min-height: var(--ui-tap);text-decoration: underline}.ui-toast-region--static{position: static;justify-items: start}@media (min-width: 900px){.ui-toast-region{inset-inline: auto var(--ui-space-5);inset-block-end: var(--ui-space-5);justify-items: end}}.ui-toast--auto{animation: ui-pop var(--ui-dur-base) var(--ui-ease-out),ui-toast-out var(--ui-dur-base) var(--ui-ease) 7s forwards}.ui-toast--auto:hover,.ui-toast--auto:focus-within{animation-play-state: paused}@keyframes ui-toast-out{to{opacity: 0;visibility: hidden;transform: translateY(.5rem)}}.ui-skeleton{display: block;min-height: 1em;border-radius: var(--ui-radius-sm);background: linear-gradient(90deg,var(--ui-surface-sunken) 30%,var(--ui-border) 50%,var(--ui-surface-sunken) 70%) 0 0 / 300% 100%;animation: ui-shimmer 1.6s ease-in-out infinite}.ui-skeleton--title{width: 60%;height: 1.75rem}.ui-skeleton--avatar{width: 2.5rem;height: 2.5rem;border-radius: 50%}.ui-skeleton--block{aspect-ratio: 16 / 9}@keyframes ui-shimmer{from{background-position: 100% 0}to{background-position: 0 0}}.ui-stat{display: flex;align-items: center;gap: var(--ui-space-3);padding: var(--ui-space-4);border: 1px solid var(--ui-border);border-radius: var(--ui-radius-lg);background: var(--ui-surface-raised)}.ui-stat__icon{display: grid;flex: none;place-items: center;width: 2.75rem;height: 2.75rem;border-radius: var(--ui-radius-md);background: var(--ui-accent);color: var(--ui-accent-ink);font-size: 1.25rem}.ui-stat__body{min-width: 0}.ui-stat__label{margin: 0;color: var(--ui-ink-muted);font-size: var(--ui-text-sm);font-weight: 600}.ui-stat__value{margin: 0;font-size: var(--ui-text-2xl);font-weight: 600;line-height: 1.1;font-variant-numeric: tabular-nums}.ui-stat__hint{margin: 0;color: var(--ui-ink-muted);font-size: var(--ui-text-xs)}.ui-progress{display: block;width: 100%;height: .875rem;overflow: hidden;appearance: none;border: 2px solid var(--ui-border-strong);border-radius: var(--ui-radius-pill);background: var(--ui-surface-sunken);color: var(--ui-accent)}.ui-progress::-webkit-progress-bar{background: transparent}.ui-progress::-webkit-progress-value{border-radius: var(--ui-radius-pill);background: var(--ui-accent);transition: width var(--ui-dur-slow) var(--ui-ease)}.ui-progress::-moz-progress-bar{border-radius: var(--ui-radius-pill);background: var(--ui-accent)}.ui-progress--secondary{color: var(--ui-secondary)}.ui-progress--secondary::-webkit-progress-value,.ui-progress--secondary::-moz-progress-bar{background: var(--ui-secondary)}.ui-progress-row{display: grid;gap: var(--ui-space-2)}.ui-progress-row__head{display: flex;align-items: baseline;justify-content: space-between;gap: var(--ui-space-3);font-size: var(--ui-text-sm);font-weight: 600}.ui-progress-row__value{font-variant-numeric: tabular-nums}.ui-table-wrap{max-width: 100%;overflow-x: auto;border: 1px solid var(--ui-border);border-radius: var(--ui-radius-lg);background: var(--ui-surface-raised)}.ui-table{width: 100%;min-width: 32rem;font-size: var(--ui-text-sm)}.ui-table caption{padding: var(--ui-space-3) var(--ui-space-4);color: var(--ui-ink-muted);text-align: start}.ui-table th,.ui-table td{padding: var(--ui-space-3) var(--ui-space-4);border-bottom: 1px solid var(--ui-border);text-align: start;vertical-align: middle}.ui-table thead th{background: var(--ui-surface-sunken);white-space: nowrap}.ui-table tbody tr:last-child > *{border-bottom: 0}.ui-table tbody tr:hover > *{background: var(--ui-surface-sunken)}.ui-table .ui-num{text-align: end;font-variant-numeric: tabular-nums}.ui-figure{display: flex;flex-direction: column;justify-content: center;min-height: var(--ui-tap);padding: var(--ui-space-3) var(--ui-space-4);border: 1px solid var(--ui-border);border-radius: var(--ui-radius-lg);background: var(--ui-surface-raised);color: var(--ui-ink);text-decoration: none}.ui-figure__value{font-size: var(--ui-text-2xl);font-weight: 600;line-height: 1.1;font-variant-numeric: tabular-nums}.ui-figure__value small{margin-inline-start: .15em;color: var(--ui-ink-muted);font-size: var(--ui-text-sm);font-weight: 600}.ui-figure__label{color: var(--ui-ink-muted);font-size: var(--ui-text-sm);font-weight: 600}.ui-figure--strong .ui-figure__value{font-size: var(--ui-text-3xl)}.ui-figure--accent{border-color: transparent;background: var(--ui-warning-bg);color: var(--ui-warning-ink)}.ui-figure--accent .ui-figure__label,.ui-figure--accent .ui-figure__value small{color: inherit}.ui-figure--link{transition: transform var(--ui-dur-base) var(--ui-ease),box-shadow var(--ui-dur-base) var(--ui-ease)}.ui-figure--link:hover{transform: translateY(-2px);box-shadow: var(--ui-shadow-2);color: inherit}.ui-item{display: flex;flex-direction: column;gap: var(--ui-space-2)}.ui-item > :not(.ui-card__media){margin: 0}.ui-item > .ui-card__media:first-child{margin-top: calc(var(--ui-space-4) * -1)}.ui-item__kicker,.ui-item__foot,.ui-item__seats{color: var(--ui-ink-muted);font-size: var(--ui-text-sm);font-weight: 600}.ui-item__when{font-weight: 600}.ui-item__meta,.ui-item__foot{display: flex;flex-wrap: wrap;align-items: center;gap: var(--ui-space-2)}.ui-item__seats{display: inline-flex;align-items: center;gap: var(--ui-space-1)}.ui-item__foot{font-weight: 400}.ui-item__reasons{display: flex;gap: var(--ui-space-2);padding: var(--ui-space-2) var(--ui-space-3);border-radius: var(--ui-radius-sm);background: var(--ui-success-bg);color: var(--ui-success-ink);font-size: var(--ui-text-sm);font-weight: 600}.ui-item__reasons .ui-icon{margin-top: .2em}@media (min-width: 640px){.ui-item > .ui-card__media:first-child{margin-top: calc(var(--ui-space-5) * -1)}}.ui-list{display: grid;align-content: start;gap: var(--ui-space-1);margin: 0;padding: 0;list-style: none}.ui-row{display: flex;align-items: center;gap: var(--ui-space-3);min-height: 3.25rem;padding: var(--ui-space-2) var(--ui-space-3);border-radius: var(--ui-radius-md);color: var(--ui-ink);text-decoration: none;transition: background-color var(--ui-dur-fast) var(--ui-ease)}a.ui-row:hover{background: var(--ui-surface-sunken);color: var(--ui-ink)}.ui-row__text{display: grid;flex: 1;min-width: 0}.ui-row__title{font-weight: 600}.ui-row__title--plain{font-weight: 400}.ui-row__sub{color: var(--ui-ink-muted);font-size: var(--ui-text-sm)}.ui-row__end{flex: none}.ui-row__icon{display: grid;flex: none;place-items: center;width: 2.5rem;height: 2.5rem;border-radius: var(--ui-radius-sm);background: var(--ui-accent);color: var(--ui-accent-ink)}.ui-row__count{font-weight: 600;font-variant-numeric: tabular-nums}.ui-game{--_pad: var(--ui-space-3);gap: var(--ui-space-1);padding: var(--_pad)}.ui-game > .ui-card__media:first-child{margin: calc(var(--_pad) * -1) calc(var(--_pad) * -1) var(--ui-space-2)}.ui-game .ui-card__title{display: -webkit-box;overflow: hidden;font-size: var(--ui-text-base);-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2}.ui-game__genres{overflow: hidden;color: var(--ui-ink-muted);font-size: var(--ui-text-sm);text-overflow: ellipsis;white-space: nowrap}.ui-game .ui-item__meta{margin-top: auto;padding-top: var(--ui-space-2)}.ui-stores__list{display: grid;gap: var(--ui-space-3);margin: 0 0 var(--ui-space-3);padding: 0;list-style: none}.ui-stores__list li{display: grid;gap: var(--ui-space-1);justify-items: start}.ui-stores__list .ui-btn{justify-content: space-between}.ui-stores__tag{font-size: var(--ui-text-sm)}.ui-stores__note,.ui-stores__credit{margin: 0;color: var(--ui-ink-muted);font-size: var(--ui-text-sm)}.ui-stores__credit{margin-top: var(--ui-space-3)}.ui-faq{display: grid;gap: var(--ui-space-2)}.ui-faq__item{border: 1px solid var(--ui-border);border-radius: var(--ui-radius-lg);background: var(--ui-surface-raised)}.ui-faq__summary{display: flex;align-items: center;justify-content: space-between;gap: var(--ui-space-3);min-height: var(--ui-tap);padding: var(--ui-space-3) var(--ui-space-4);border-radius: inherit;list-style: none;cursor: pointer;transition: background-color var(--ui-dur-fast) var(--ui-ease)}.ui-faq__summary::-webkit-details-marker{display: none}.ui-faq__summary:hover{background: var(--ui-surface-sunken)}.ui-faq__q{margin: 0;font-size: var(--ui-text-base);line-height: var(--ui-leading-snug)}.ui-faq__chev{flex: none;transition: transform var(--ui-dur-base) var(--ui-ease)}.ui-faq__item[open] .ui-faq__chev{transform: rotate(180deg)}.ui-faq__a{max-width: var(--ui-measure);margin: 0;padding: 0 var(--ui-space-4) var(--ui-space-4)}.ui-crumbs__list{display: flex;flex-wrap: wrap;align-items: center;margin: 0;padding: 0;list-style: none;font-size: var(--ui-text-sm)}.ui-crumbs__item{display: flex;align-items: center;min-width: 0}.ui-crumbs__item + .ui-crumbs__item::before{content: "\203A";content: "\203A" / "";margin-inline: var(--ui-space-2);color: var(--ui-ink-muted)}.ui-crumbs a,.ui-crumbs__current{display: inline-flex;align-items: center;justify-content: center;min-width: var(--ui-tap);min-height: var(--ui-tap)}.ui-crumbs__current{overflow: hidden;max-width: 22ch;color: var(--ui-ink-muted);font-weight: 600;text-overflow: ellipsis;white-space: nowrap}.ui-filterbar{display: grid;gap: var(--ui-space-3);padding: var(--ui-space-3);border: 1px solid var(--ui-border);border-radius: var(--ui-radius-lg);background: var(--ui-surface-raised);box-shadow: var(--ui-shadow-1)}.ui-filterbar__toggle{display: flex;align-items: center;gap: var(--ui-space-2);min-height: var(--ui-tap);padding: 0 var(--ui-space-4);border: 2px solid var(--ui-border-strong);border-radius: var(--ui-radius-control);font-weight: 600;list-style: none;cursor: pointer}.ui-filterbar__toggle::-webkit-details-marker{display: none}.ui-filterbar__chev{margin-inline-start: auto;transition: transform var(--ui-dur-base) var(--ui-ease)}.ui-filterbar__more[open] .ui-filterbar__chev{transform: rotate(180deg)}.ui-filterbar__fields{display: grid;gap: var(--ui-space-3);padding-top: var(--ui-space-3)}@media (min-width: 640px){.ui-game{--_pad: var(--ui-space-4);gap: var(--ui-space-2)}.ui-filterbar__fields{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.ui-filterbar{grid-template-columns: minmax(11rem,1fr) minmax(0,3fr) auto;align-items: end;padding: var(--ui-space-4)}}@supports selector(::details-content){@media (min-width: 900px){.ui-filterbar__more::details-content{content-visibility: visible}.ui-filterbar__toggle{display: none}.ui-filterbar__fields{grid-template-columns: repeat(3,minmax(0,1fr)) auto;align-items: end;padding-top: 0}}}.ui-header{position: sticky;inset-block-start: 0;z-index: var(--ui-z-sticky);border-bottom: 1px solid var(--ui-border);background: color-mix(in srgb,var(--ui-surface) 90%,transparent);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px)}.ui-header__inner{display: flex;align-items: center;gap: var(--ui-space-4);max-width: var(--ui-container);min-height: var(--ui-header-h);margin-inline: auto;padding-inline: var(--ui-gutter)}.ui-header__spacer{flex: 1}.ui-nav{display: none;align-items: center;gap: var(--ui-space-1);margin: 0;padding: 0;list-style: none}.ui-nav__link{display: inline-flex;align-items: center;gap: var(--ui-space-2);min-height: var(--ui-tap);padding: var(--ui-space-2) var(--ui-space-4);border-radius: var(--ui-radius-control);color: var(--ui-ink);font-weight: 600;text-decoration: none;transition: background-color var(--ui-dur-fast) var(--ui-ease)}.ui-nav__link:hover{background: var(--ui-surface-sunken);color: var(--ui-ink)}.ui-nav__link[aria-current="page"]{background: var(--ui-surface-inverse);color: var(--ui-ink-inverse)}@media (min-width: 900px){.ui-nav{display: flex}}.ui-bottom-bar{position: fixed;inset-inline: 0;inset-block-end: 0;z-index: var(--ui-z-bottom-bar);display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);padding-bottom: env(safe-area-inset-bottom,0px);border-top: 1px solid var(--ui-border);background: var(--ui-surface-raised);box-shadow: var(--ui-shadow-2)}.ui-bottom-bar__item{display: grid;align-content: center;justify-items: center;gap: var(--ui-space-1);min-width: 0;min-height: var(--ui-bottom-bar-h);padding-block: var(--ui-space-2);overflow: hidden;color: var(--ui-ink-muted);font-size: var(--ui-text-xs);font-weight: 600;text-decoration: none}.ui-bottom-bar__item:hover{color: var(--ui-ink)}.ui-bottom-bar__icon{display: grid;place-items: center;width: min(3.5rem,100%);height: 2rem;border-radius: var(--ui-radius-pill);font-size: 1.25rem;transition: background-color var(--ui-dur-base) var(--ui-ease)}.ui-bottom-bar__item[aria-current="page"]{color: var(--ui-ink)}.ui-bottom-bar__item[aria-current="page"] .ui-bottom-bar__icon{background: var(--ui-accent);color: var(--ui-accent-ink)}@media (min-width: 900px){.ui-bottom-bar{display: none}}.ui-bottom-bar--static{position: static;display: grid;border: 1px solid var(--ui-border);border-radius: var(--ui-radius-lg)}.ui-brand{display: inline-flex;align-items: center;gap: var(--ui-space-2);color: var(--ui-ink);font-size: 1.5rem;font-weight: 600;letter-spacing: -.02em;line-height: 1;min-height: 44px;text-decoration: none}.ui-brand:hover{color: var(--ui-ink)}.ui-brand__mark{width: auto;height: 2.25rem;padding: .2rem;border-radius: var(--ui-radius-sm);background: var(--ui-brand-tile)}.ui-brand__mate{color: var(--ui-primary-text)}.ui-app{display: flex;flex-direction: column}.ui-app > main{flex: 1}.ui-notice{margin: 0;padding: var(--ui-space-2) var(--ui-gutter);background: var(--ui-info-bg);color: var(--ui-info-ink);font-size: var(--ui-text-sm);font-weight: 600;text-align: center}.ui-flash{display: grid;gap: var(--ui-space-3);padding-top: var(--ui-space-4)}.ui-header__actions{display: flex;align-items: center;gap: var(--ui-space-2)}.ui-header__badge{position: absolute;inset-block-start: 2px;inset-inline-end: 0;min-width: 1.25rem;height: 1.25rem;outline: 2px solid var(--ui-surface)}.ui-header__create,.ui-header__login,.ui-header__create span{display: none}.ui-header .ui-nav > .ui-nav__link{padding-inline: var(--ui-space-3);font-size: var(--ui-text-sm);white-space: nowrap}.ui-menu{position: relative}.ui-menu__summary{display: flex;align-items: center;gap: var(--ui-space-2);min-height: var(--ui-tap);padding: var(--ui-space-1);border-radius: var(--ui-radius-control);font-weight: 600;list-style: none;cursor: pointer}.ui-menu__summary::-webkit-details-marker{display: none}.ui-menu__summary:hover,.ui-menu[open] > .ui-menu__summary{background: var(--ui-surface-sunken)}.ui-menu__name,.ui-menu__chev{display: none}.ui-menu__panel{position: absolute;inset-block-start: calc(100% + var(--ui-space-2));inset-inline-end: 0;z-index: var(--ui-z-dropdown);display: grid;gap: var(--ui-space-1);width: min(20rem,calc(100vw - 2 * var(--ui-gutter)));max-height: calc(100dvh - var(--ui-header-h) - var(--ui-bottom-bar-h) - var(--ui-space-5));padding: var(--ui-space-2);overflow-y: auto;border: 1px solid var(--ui-border);border-radius: var(--ui-radius-lg);background: var(--ui-surface-raised);box-shadow: var(--ui-shadow-3);animation: ui-pop var(--ui-dur-base) var(--ui-ease-out)}.ui-menu__panel hr{margin: var(--ui-space-1) 0}.ui-menu__who{margin: 0;padding: var(--ui-space-2) var(--ui-space-3) 0;font-weight: 600}.ui-menu__item{width: 100%;border: 0;border-radius: var(--ui-radius-sm);background: none;text-align: start}.ui-menu__item .ui-badge{margin-inline-start: auto}@media (min-width: 640px){.ui-header__login{display: inline-flex}}@media (min-width: 900px){.ui-header__create{display: inline-flex}.ui-menu__panel{max-height: calc(100dvh - var(--ui-header-h) - var(--ui-space-5))}}@media (min-width: 1200px){.ui-header__create span{display: inline}.ui-menu__name,.ui-menu__chev{display: block}.ui-menu__name{max-width: 10rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}}.ui-theme{margin: 0}.ui-seg{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: var(--ui-space-1);padding: var(--ui-space-1);border: 1px solid var(--ui-border);border-radius: var(--ui-radius-md);background: var(--ui-surface-sunken)}.ui-seg__btn{display: grid;align-content: center;justify-items: center;min-height: var(--ui-tap);padding: var(--ui-space-1);border: 0;border-radius: var(--ui-radius-sm);background: transparent;color: var(--ui-ink);font-size: var(--ui-text-xs);font-weight: 600}.ui-seg__btn:hover{background: var(--ui-surface-raised)}.ui-seg__btn[aria-pressed="true"]{background: var(--ui-surface-inverse);color: var(--ui-ink-inverse)}.ui-footer{margin-top: var(--ui-space-section);border-top: 1px solid var(--ui-border);background: var(--ui-surface-sunken);color: var(--ui-ink-muted);font-size: var(--ui-text-sm)}.ui-footer__inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--ui-space-2) var(--ui-space-5);max-width: var(--ui-container);margin-inline: auto;padding: var(--ui-space-6) var(--ui-gutter)}.ui-footer p{margin: 0}.ui-footer__link{display: inline-block;padding-block: 12px}.ui-footer .ui-cluster{gap: 0;margin-inline-start: calc(-1 * var(--ui-space-4))}turbo-frame{display: block;transition: opacity var(--ui-dur-fast) var(--ui-ease)}turbo-frame[aria-busy="true"]{opacity: .6;transition-delay: .3s}html[aria-busy="true"]::before{content: "";position: fixed;inset: 0 auto auto 0;z-index: var(--ui-z-toast);width: 40%;height: 3px;background: linear-gradient(90deg,var(--ui-primary),var(--ui-accent),var(--ui-secondary));pointer-events: none;animation: ui-load-in var(--ui-dur-base) .25s backwards,ui-load 1.2s var(--ui-ease) infinite}.turbo-progress-bar{display: none}@keyframes ui-load-in{from{opacity: 0}}@keyframes ui-load{from{transform: translateX(-100%)}to{transform: translateX(250%)}}@media (prefers-reduced-motion: reduce){html[aria-busy="true"]::before{width: 100%}}html.ui-js .ui-js-hide{display: none}::view-transition-old(root),::view-transition-new(root){animation-duration: 150ms}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important}}.ui-subnav{display: flex;gap: var(--ui-space-2);overflow-x: auto;padding-bottom: var(--ui-space-1);scrollbar-width: thin}.ui-subnav a{flex: none;display: inline-flex;align-items: center;min-height: 2.75rem;padding-inline: var(--ui-space-3);border-radius: var(--ui-radius-lg);color: var(--ui-ink-muted);font-weight: 600;text-decoration: none}.ui-subnav a:hover{background: var(--ui-surface-sunken);color: var(--ui-ink)}.ui-subnav a[aria-current="page"]{background: var(--ui-ink);color: var(--ui-surface)}.ui-cookie{position: fixed;inset-inline: var(--ui-space-3);inset-block-end: calc(var(--ui-bottom-bar-h) + env(safe-area-inset-bottom,0px) + var(--ui-space-3));z-index: var(--ui-z-toast);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--ui-space-3);max-width: 44rem;margin-inline: auto;padding: var(--ui-space-3) var(--ui-space-4);border: 1px solid var(--ui-border);border-radius: var(--ui-radius-lg);background: var(--ui-surface-raised,var(--ui-surface));color: var(--ui-ink);box-shadow: var(--ui-shadow-3)}.ui-cookie[hidden]{display: none}.ui-cookie__text{flex: 1 1 16rem;margin: 0;font-size: var(--ui-text-sm)}.ui-theme-switch{display: inline-flex;gap: 2px;padding: 2px;background: var(--ui-surface-sunken);border: 1px solid var(--ui-border);border-radius: var(--ui-radius-control)}.ui-theme-switch button{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;padding: 0;border: 0;border-radius: calc(var(--ui-radius-control) - 2px);background: transparent;color: var(--ui-ink-muted);cursor: pointer}.ui-theme-switch button:hover{color: var(--ui-ink)}.ui-theme-switch button[aria-pressed="true"]{background: var(--ui-surface-raised);color: var(--ui-ink);box-shadow: var(--ui-shadow-1)}.ui-theme-switch button:focus-visible{outline: 2px solid var(--ui-focus);outline-offset: 1px}.ui-theme-switch .ui-icon{width: 18px;height: 18px}
.ui-container{width: 100%;max-width: var(--ui-container);margin-inline: auto;padding-inline: var(--ui-gutter)}.ui-container--narrow{max-width: var(--ui-container-narrow)}.ui-section{margin-block: var(--ui-space-section)}.ui-stack{display: flex;flex-direction: column;gap: var(--ui-space-4)}.ui-stack--sm{gap: var(--ui-space-2)}.ui-stack--lg{gap: var(--ui-space-6)}.ui-stack--center{align-items: center}.ui-stack > *{margin-block: 0}.ui-cluster{display: flex;flex-wrap: wrap;align-items: center;gap: var(--ui-space-3)}.ui-cluster--between{justify-content: space-between}.ui-cluster--center{justify-content: center}.ui-cluster--end{justify-content: flex-end}.ui-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr));gap: var(--ui-space-4)}.ui-grid--sm{grid-template-columns: repeat(auto-fit,minmax(min(100%,10rem),1fr))}.ui-grid--lg{grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr));gap: var(--ui-space-5)}.ui-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--ui-space-1) var(--ui-space-4);margin-bottom: var(--ui-space-4)}.ui-head > :is(h2,h3){margin: 0}.ui-head__link{display: inline-flex;align-items: center;gap: var(--ui-space-1);min-height: var(--ui-tap);font-weight: 700}.ui-eyebrow{margin-bottom: var(--ui-space-2);color: var(--ui-primary-text);font-size: var(--ui-text-sm);font-weight: 600;letter-spacing: var(--ui-tracking-caps);text-transform: uppercase}.ui-lead{max-width: var(--ui-measure);font-size: var(--ui-text-lg);color: var(--ui-ink-muted)}.ui-display{font-size: var(--ui-text-display);line-height: 1.05;letter-spacing: -.03em}.ui-muted{color: var(--ui-ink-muted)}.ui-text-sm{font-size: var(--ui-text-sm)}.ui-nowrap{white-space: nowrap}.ui-center{text-align: center}.ui-measure{max-width: var(--ui-measure)}.ui-debug{align-self: stretch;font-size: var(--ui-text-sm);text-align: start}.ui-link-plain{color: inherit;text-decoration: none}.ui-link-plain:hover{color: var(--ui-link-hover);text-decoration: underline}.ui-has-bottom-bar{padding-bottom: calc(var(--ui-bottom-bar-h) + env(safe-area-inset-bottom,0px))}@media (min-width: 900px){.ui-has-bottom-bar{padding-bottom: 0}}
html{background: var(--ui-surface)}@media (min-width: 900px) and (max-width: 991.98px){.ui-bottom-bar{display: grid}.ui-has-bottom-bar{padding-bottom: calc(var(--ui-bottom-bar-h) + env(safe-area-inset-bottom,0px))}}@media (max-width: 991.98px){.shell-hide-compact{display: none !important}}.ui-bottom-bar__item,.ui-btn,.ui-nav__link{-webkit-tap-highlight-color: transparent}.ui-bottom-bar__item:active .ui-bottom-bar__icon{transform: scale(.92)}.ui-bottom-bar__icon{transition: background-color var(--ui-dur-base) var(--ui-ease),transform var(--ui-dur-fast) var(--ui-ease)}.shell-links{display: grid;gap: var(--ui-space-1);margin: 0;padding: 0;list-style: none}.shell-links a,.shell-links button{display: flex;align-items: center;gap: var(--ui-space-3);width: 100%;min-height: var(--ui-tap);padding: var(--ui-space-2) var(--ui-space-3);border: 0;border-radius: var(--ui-radius-control);background: transparent;color: var(--ui-ink);font: inherit;font-weight: 600;text-align: start;text-decoration: none;cursor: pointer}.shell-links a:hover,.shell-links button:hover{background: var(--ui-surface-sunken)}.shell-links .ui-icon{color: var(--ui-ink-muted)}.shell-page{max-width: var(--ui-container-narrow);margin-inline: auto;padding: var(--ui-space-5) var(--ui-gutter) var(--ui-space-7)}.shell-page h1{margin-bottom: var(--ui-space-2)}.shell-section{margin-top: var(--ui-space-6)}.shell-section > h2{margin-bottom: var(--ui-space-2);font-size: var(--ui-text-sm);color: var(--ui-ink-muted);text-transform: uppercase;letter-spacing: var(--ui-tracking-caps)}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}.ui-bottom-bar{view-transition-name: ui-bottom-bar}::view-transition-old(root){animation: ui-vt-out var(--ui-dur-fast) var(--ui-ease) both}::view-transition-new(root){animation: ui-vt-in var(--ui-dur-base) var(--ui-ease-out) both}}@keyframes ui-vt-out{to{opacity: 0}}@keyframes ui-vt-in{from{opacity: 0}}@media (max-width: 991.98px){.cookie-banner{bottom: calc(var(--ui-bottom-bar-h) + env(safe-area-inset-bottom,0px)) !important;z-index: calc(var(--ui-z-bottom-bar) + 1)}.flash-container{bottom: calc(var(--ui-bottom-bar-h) + var(--ui-space-3) + env(safe-area-inset-bottom,0px)) !important}}.shell-quota{overflow: hidden;border-radius: var(--ui-radius-lg);background: var(--ui-brand-ink)}html,body{overflow-x: clip}@keyframes shell-rise{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}@keyframes shell-pop{from{opacity: 0;transform: scale(.4) rotate(-12deg)}to{opacity: 1;transform: none}}@media (prefers-reduced-motion: no-preference){.shell-more > h1,.shell-more > p{animation: shell-rise .45s var(--ui-ease) both}.shell-more > p{animation-delay: 60ms}.shell-more .shell-section{--base: 0ms;animation: shell-rise .5s var(--ui-ease) both;animation-delay: var(--base)}.shell-more .shell-section:nth-of-type(1){--base: 120ms}.shell-more .shell-section:nth-of-type(2){--base: 240ms}.shell-more .shell-section:nth-of-type(3){--base: 360ms}.shell-more .shell-section:nth-of-type(4){--base: 480ms}.shell-more .shell-section:nth-of-type(5){--base: 600ms}.shell-more .shell-links li{--n: 0;animation: shell-rise .4s var(--ui-ease) both;animation-delay: calc(var(--base,0ms) + 80ms + var(--n) * 55ms)}.shell-more .shell-links li:nth-child(2){--n: 1}.shell-more .shell-links li:nth-child(3){--n: 2}.shell-more .shell-links li:nth-child(4){--n: 3}.shell-more .shell-links li:nth-child(5){--n: 4}.shell-more .shell-links .ui-icon{animation: shell-pop .5s var(--ui-ease) both;animation-delay: calc(var(--base,0ms) + 160ms + var(--n,0) * 55ms)}}
:root{--mihakero-primary: var(--ui-primary);--mihakero-primary-dark: var(--ui-primary-hover);--mihakero-bg: var(--ui-surface);--mihakero-bg-alt: var(--ui-surface-sunken);--mihakero-surface: var(--ui-surface-raised);--mihakero-ink: var(--ui-ink);--mihakero-ink-muted: var(--ui-ink-muted);--mihakero-border: var(--ui-border);--mihakero-severity-critical: var(--ui-danger-solid);--mihakero-severity-high: var(--ui-danger-solid);--mihakero-severity-medium: var(--ui-warning-solid);--mihakero-severity-low: var(--ui-ink-muted);--mihakero-severity-medium-ink: var(--ui-warning-ink);--mihakero-radius-card: var(--ui-radius-lg);--mihakero-radius-btn: var(--ui-radius-control);--mihakero-shadow-card: var(--ui-shadow-1);--shadow-card: var(--ui-shadow-1);--shadow-card-hover: var(--ui-shadow-2);--mihakero-font-heading: var(--ui-font-sans);--mihakero-font-body: var(--ui-font-sans);--mihakero-font-mono: var(--ui-font-mono);--bs-primary: var(--ui-primary);--bs-link-color: var(--ui-primary-text);--bs-link-hover-color: var(--ui-primary-hover);--bs-body-bg: var(--ui-surface);--bs-body-color: var(--ui-ink);--bs-border-color: var(--ui-border);--bs-border-radius: var(--ui-radius-control);--bs-border-radius-sm: var(--ui-radius-sm);--bs-border-radius-lg: var(--ui-radius-lg);--bs-success: var(--ui-success-solid);--bs-warning: var(--ui-warning-solid);--bs-danger: var(--ui-danger-solid);--bs-info: var(--ui-info-solid)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{font-weight: var(--ui-weight-heavy);letter-spacing: var(--ui-tracking-tight)}table,.badge,.stat-value,.score{font-variant-numeric: tabular-nums}.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible,.nav-link:focus-visible,a:focus-visible{outline: 2px solid var(--ui-focus);outline-offset: 2px}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}}:root[data-theme="dark"]{--bs-body-color: var(--ui-ink);--bs-body-color-rgb: 236,238,242;--bs-body-bg: var(--ui-surface);--bs-body-bg-rgb: 15,18,24;--bs-emphasis-color: var(--ui-ink);--bs-emphasis-color-rgb: 255,255,255;--bs-secondary-color: var(--ui-ink-muted);--bs-secondary-color-rgb: 163,170,185;--bs-secondary-bg: var(--ui-surface-raised);--bs-secondary-bg-rgb: 23,27,36;--bs-tertiary-color: var(--ui-ink-muted);--bs-tertiary-color-rgb: 163,170,185;--bs-tertiary-bg: var(--ui-disabled-bg);--bs-tertiary-bg-rgb: 29,34,45;--bs-light-rgb: 23,27,36;--bs-border-color: var(--ui-border);--bs-border-color-translucent: color-mix(in srgb,var(--ui-ink) 15%,transparent);--bs-heading-color: inherit;--bs-link-color: var(--ui-link);--bs-link-hover-color: var(--ui-link-hover);--bs-link-color-rgb: 255,110,115;--bs-link-hover-color-rgb: 255,154,157;--bs-code-color: var(--ui-link);--bs-primary-text-emphasis: var(--ui-primary-text);--bs-success-text-emphasis: var(--ui-success-ink);--bs-warning-text-emphasis: var(--ui-warning-ink);--bs-danger-text-emphasis: var(--ui-danger-ink);--bs-info-text-emphasis: var(--ui-info-ink);--bs-success-bg-subtle: var(--ui-success-bg);--bs-warning-bg-subtle: var(--ui-warning-bg);--bs-danger-bg-subtle: var(--ui-danger-bg);--bs-info-bg-subtle: var(--ui-info-bg);--bs-primary-bg-subtle: var(--ui-danger-bg);--bs-success-border-subtle: var(--ui-success-solid);--bs-warning-border-subtle: var(--ui-warning-solid);--bs-danger-border-subtle: var(--ui-danger-solid);--bs-info-border-subtle: var(--ui-info-solid);--mihakero-severity-medium-ink: var(--ui-warning-ink);--blog-accent-soft: var(--ui-danger-bg);--blog-code-bg: var(--ui-surface-sunken);--blog-img-bg: var(--ui-surface-raised);--mihakero-bg-alt: var(--ui-ink)}:root[data-theme="dark"] #topbar,:root[data-theme="dark"] .module-section-header,:root[data-theme="dark"] .target-info-card .card-header,:root[data-theme="dark"] .scan-waiting-visual,:root[data-theme="dark"] .setting-row:hover,:root[data-theme="dark"] .section-alt,:root[data-theme="dark"] .auth-card .input-group-text,:root[data-theme="dark"] .accordion-button:not(.collapsed),:root[data-theme="dark"] .blog-hero,:root[data-theme="dark"] .blog-tag,:root[data-theme="dark"] .blog-related,:root[data-theme="dark"] .plan-table .plan-table-corner{background: var(--ui-surface-sunken)}:root[data-theme="dark"]{--blog-pre-bg: var(--ui-surface-sunken);--blog-page-wash: none;--blog-hero-wash: none}:root[data-theme="dark"] .btn-primary{--bs-btn-color: var(--ui-primary-ink);color: var(--ui-primary-ink)}:root[data-theme="dark"] .bg-white,:root[data-theme="dark"] .bg-light,:root[data-theme="dark"] .bg-body,:root[data-theme="dark"] .bg-body-secondary,:root[data-theme="dark"] .bg-body-tertiary{background-color: var(--ui-surface-raised) !important}:root[data-theme="dark"] .text-dark:not(.bg-warning):not(.bg-info):not(.text-bg-warning):not(.text-bg-info):not(.bg-success):not(.btn),:root[data-theme="dark"] .text-black{color: var(--ui-ink) !important}:root[data-theme="dark"] .btn-close{filter: invert(1) grayscale(100%) brightness(200%)}:root[data-theme="dark"] .navbar-toggler-icon{filter: invert(1)}:root[data-theme="dark"] .form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}:root[data-theme="dark"] .form-control::placeholder{color: var(--ui-ink-muted)}:root[data-theme="dark"] .table{--bs-table-striped-bg: color-mix(in srgb,var(--ui-ink) 4%,transparent);--bs-table-hover-bg: color-mix(in srgb,var(--ui-ink) 6%,transparent)}:root[data-theme="dark"] .site-navbar{background-color: var(--ui-surface-raised)}.logo-dark{display: none}:root[data-theme="dark"] .logo-dark{display: revert}:root[data-theme="dark"] .logo-light{display: none}
