:root{--color-background:#f7eefc;--color-background-soft:#fdf7ff;--color-surface:#fdf8ff;--color-surface-raised:#fff;--color-surface-sunken:#f3eefb;--color-border:#e6d1f5;--color-border-strong:#cdb0e3;--color-text-primary:#2b1733;--color-text-secondary:#6b5177;--color-text-muted:#7a6690;--color-text-inverse:#fff;--color-primary:#8f1eae;--color-primary-alt:#d333ff;--color-primary-strong:#6e1789;--color-primary-soft:#f3dffb;--color-primary-contrast:#fff;--color-on-header:#fff;--color-on-header-soft:#fff3;--color-gold:#f2c94c;--color-gold-deep:#d9ae2c;--color-gold-text:#7a5a00;--color-success:#58cc02;--color-success-soft:#eaf9dc;--color-success-text:#2f7d0b;--color-on-success:#16300a;--color-danger:#b8304a;--color-danger-soft:#fde7ec;--color-danger-text:#b8304a;--color-on-danger:#fff;--color-warning:#f59e0b;--color-warning-soft:#fff4d6;--color-warning-text:#b45309;--color-on-warning:#2b1733;--color-info:#2563eb;--color-info-soft:#e3ecfe;--color-info-text:#1d4ed8;--color-on-info:#fff;--color-nav-inactive:#7a6690;--color-focus-ring:#d333ff;--color-overlay:#2b173359;--color-scrim:#140c1c8c;--color-photo-backdrop:#0e0814f0;--color-shadow:#2b1733;--color-skeleton-base:#ede2f5;--color-skeleton-highlight:#f9f3fd;--gradient-brand:linear-gradient(135deg, #8f1eae, #b429d9);--gradient-brand-vivid:linear-gradient(90deg, #8f1eae, #d333ff);--gradient-header:linear-gradient(135deg, #6e1789, #8f1eae, #b429d9);--gradient-card:linear-gradient(180deg, #fff, #f7eefc);--gradient-reward:linear-gradient(135deg, #f2c94c, #ffe08a);--gradient-success:linear-gradient(135deg, #58cc02, #7edb43);--gradient-danger:linear-gradient(135deg, #b8304a, #d9435b);--gradient-celebration:linear-gradient(135deg, #8f1eae, #d333ff, #f2c94c);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-background:#120f1d;--color-background-soft:#171327;--color-surface:#1e1930;--color-surface-raised:#221c35;--color-surface-sunken:#1b1730;--color-border:#3a3350;--color-border-strong:#4b3b73;--color-text-primary:#f4f0ff;--color-text-secondary:#d2c9e4;--color-text-muted:#a79bbc;--color-text-inverse:#191106;--color-primary:#ffbc10;--color-primary-alt:#ffcf55;--color-primary-strong:#e2a10a;--color-primary-soft:#3a3350;--color-primary-contrast:#191106;--color-on-header:#fff;--color-on-header-soft:#ffffff1f;--color-gold:#f2c94c;--color-gold-deep:#d9ae2c;--color-gold-text:#fcd34d;--color-success:#7edb43;--color-success-soft:#1e3220;--color-success-text:#7edb43;--color-on-success:#132a05;--color-danger:#ff7a8d;--color-danger-soft:#3a1e28;--color-danger-text:#ff7a8d;--color-on-danger:#2a0a12;--color-warning:#fcd34d;--color-warning-soft:#3a2e12;--color-warning-text:#fcd34d;--color-on-warning:#191106;--color-info:#93c5fd;--color-info-soft:#172c38;--color-info-text:#93c5fd;--color-on-info:#0b1b33;--color-nav-inactive:#a79bbc;--color-focus-ring:#ffcf55;--color-overlay:#00000073;--color-scrim:#0009;--color-photo-backdrop:#000000f0;--color-shadow:#000;--color-skeleton-base:#262038;--color-skeleton-highlight:#322a48;--gradient-brand:linear-gradient(135deg, #ffbc10, #ffcf55);--gradient-brand-vivid:linear-gradient(90deg, #e2a10a, #ffcf55);--gradient-header:linear-gradient(135deg, #2a2240, #3a2e5c, #4b3b73);--gradient-card:linear-gradient(180deg, #221c35, #1b1730);--gradient-reward:linear-gradient(135deg, #d9ae2c, #ffcf55);--gradient-success:linear-gradient(135deg, #5dbb2b, #7edb43);--gradient-danger:linear-gradient(135deg, #e0566b, #ff7a8d);--gradient-celebration:linear-gradient(135deg, #4b3b73, #ffbc10, #ffcf55);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background:#120f1d;--color-background-soft:#171327;--color-surface:#1e1930;--color-surface-raised:#221c35;--color-surface-sunken:#1b1730;--color-border:#3a3350;--color-border-strong:#4b3b73;--color-text-primary:#f4f0ff;--color-text-secondary:#d2c9e4;--color-text-muted:#a79bbc;--color-text-inverse:#191106;--color-primary:#ffbc10;--color-primary-alt:#ffcf55;--color-primary-strong:#e2a10a;--color-primary-soft:#3a3350;--color-primary-contrast:#191106;--color-on-header:#fff;--color-on-header-soft:#ffffff1f;--color-gold:#f2c94c;--color-gold-deep:#d9ae2c;--color-gold-text:#fcd34d;--color-success:#7edb43;--color-success-soft:#1e3220;--color-success-text:#7edb43;--color-on-success:#132a05;--color-danger:#ff7a8d;--color-danger-soft:#3a1e28;--color-danger-text:#ff7a8d;--color-on-danger:#2a0a12;--color-warning:#fcd34d;--color-warning-soft:#3a2e12;--color-warning-text:#fcd34d;--color-on-warning:#191106;--color-info:#93c5fd;--color-info-soft:#172c38;--color-info-text:#93c5fd;--color-on-info:#0b1b33;--color-nav-inactive:#a79bbc;--color-focus-ring:#ffcf55;--color-overlay:#00000073;--color-scrim:#0009;--color-photo-backdrop:#000000f0;--color-shadow:#000;--color-skeleton-base:#262038;--color-skeleton-highlight:#322a48;--gradient-brand:linear-gradient(135deg, #ffbc10, #ffcf55);--gradient-brand-vivid:linear-gradient(90deg, #e2a10a, #ffcf55);--gradient-header:linear-gradient(135deg, #2a2240, #3a2e5c, #4b3b73);--gradient-card:linear-gradient(180deg, #221c35, #1b1730);--gradient-reward:linear-gradient(135deg, #d9ae2c, #ffcf55);--gradient-success:linear-gradient(135deg, #5dbb2b, #7edb43);--gradient-danger:linear-gradient(135deg, #e0566b, #ff7a8d);--gradient-celebration:linear-gradient(135deg, #4b3b73, #ffbc10, #ffcf55);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:20px;--radius-xxl:24px;--radius-pill:999px;--shadow-sm:0 2px 6px color-mix(in srgb, var(--color-shadow) 10%, transparent);--shadow-md:0 8px 24px color-mix(in srgb, var(--color-shadow) 14%, transparent);--shadow-lg:0 18px 48px color-mix(in srgb, var(--color-shadow) 20%, transparent);--ease-enter:cubic-bezier(.22, 1, .36, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.16s;--duration-base:.22s;--font:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--color-text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.2}p{margin:0}a{color:var(--color-primary)}img{max-width:100%}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-4);z-index:1000;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--shadow-md);transition:top var(--duration-fast);position:absolute;top:-48px}.skip-link:focus{top:var(--space-4)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger-text)}.text-success{color:var(--color-success-text)}.text-small{font-size:13px}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.btn{--btn-bg:var(--gradient-brand);--btn-fg:var(--color-primary-contrast);--btn-border:transparent;justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1.5px solid var(--btn-border);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);font:700 15px/1.2 var(--font);cursor:pointer;transition:transform var(--duration-fast) var(--ease-enter), filter var(--duration-fast), box-shadow var(--duration-fast);white-space:nowrap;padding:10px 18px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn svg{transition:transform var(--duration-base) var(--ease-pop)}.btn:hover:not(:disabled) svg{transform:scale(1.12)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{--btn-bg:var(--color-surface-raised);--btn-fg:var(--color-primary);--btn-border:var(--color-primary)}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--color-primary)}.btn--ghost:hover:not(:disabled){--btn-bg:var(--color-primary-soft);box-shadow:none}.btn--ghost-danger{--btn-fg:var(--color-danger-text)}.btn--ghost-danger:hover:not(:disabled){--btn-bg:var(--color-danger-soft)}.btn--danger{--btn-bg:var(--color-danger);--btn-fg:var(--color-on-danger)}.btn--success{--btn-bg:var(--color-success);--btn-fg:var(--color-on-success)}.btn--sm{min-height:34px;padding:6px 12px;font-size:13px}.btn--lg{min-height:54px;padding:14px 26px;font-size:16px}.btn--block{width:100%}.btn--icon{width:40px;min-height:40px;padding:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card--raised{background:var(--color-surface-raised);box-shadow:var(--shadow-md)}.card--gradient{background:var(--gradient-card)}.card--brand{background:var(--gradient-header);color:var(--color-on-header);border-color:#0000}.card--interactive{cursor:pointer;transition:transform var(--duration-fast) var(--ease-enter), box-shadow var(--duration-fast)}.card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hover-lift,:is(.grid-2,.grid-3,.media-grid,.stagger)>.card{transition:transform var(--duration-base) var(--ease-enter), box-shadow var(--duration-base), border-color var(--duration-base)}.hover-lift:hover,:is(.grid-2,.grid-3,.media-grid,.stagger)>.card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));transform:translateY(-4px)}.input:hover:not(:disabled):not(:focus),.select:hover:not(:disabled):not(:focus),.textarea:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border))}.switch:hover .switch__track{filter:brightness(1.08)}.switch:hover .switch__track:after{transform:scale(1.08)}.switch:hover input:checked+.switch__track:after{transform:translate(20px)scale(1.08)}.badge{transition:transform var(--duration-fast) var(--ease-pop)}.badge:hover{transform:scale(1.06)}.stat-tile__icon{transition:transform var(--duration-base) var(--ease-pop)}.stat-tile:hover .stat-tile__icon{transform:scale(1.12)rotate(-6deg)}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--color-text-primary);font-size:13px;font-weight:600}.field__hint{color:var(--color-text-secondary);font-size:12px}.field__error{color:var(--color-danger-text);align-items:center;gap:6px;font-size:12px;display:flex}.datetime-field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.datetime-field legend{margin-bottom:6px;padding:0}.datetime-field__row{align-items:center;gap:var(--space-2);display:flex}.datetime-field__row .input{flex:auto;min-width:0}.datetime-field__row .datetime-field__time{flex:0 0 7.5rem}.datetime-field__icon{color:var(--color-primary);flex-shrink:0}.datetime-field[aria-invalid=true] .input{border-color:var(--color-danger)}.datetime-field .field__hint:first-letter{text-transform:uppercase}.input,.select,.textarea{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface-raised);width:100%;min-height:44px;color:var(--color-text-primary);font:400 15px/1.4 var(--font);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:10px 14px}.textarea{resize:vertical;min-height:96px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 18%, transparent);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger);background:var(--color-danger-soft)}.input:disabled{opacity:.55;background:var(--color-surface-sunken)}.switch{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{border-radius:var(--radius-pill);background:var(--color-border-strong);width:46px;height:26px;transition:background var(--duration-fast);flex-shrink:0;position:relative}.switch__track:after{content:"";background:var(--color-surface-raised);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-pop);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--color-primary)}.switch input:checked+.switch__track:after{transform:translate(20px)}.switch input:focus-visible+.switch__track{outline:3px solid var(--color-focus-ring);outline-offset:2px}.badge{border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge--success{background:var(--color-success-soft);color:var(--color-success-text)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning-text)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger-text)}.badge--info{background:var(--color-info-soft);color:var(--color-info-text)}.badge--neutral{background:var(--color-surface-sunken);color:var(--color-text-secondary)}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);background:var(--color-surface-sunken);font-size:12px}.table th,.table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--duration-fast), box-shadow var(--duration-fast)}.table tbody tr:hover{background:var(--color-background-soft);box-shadow:inset 3px 0 0 var(--color-primary)}.dialog-backdrop{z-index:900;padding:var(--space-5);background:var(--color-overlay);animation:fade-in var(--duration-base) var(--ease-enter);place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(460px,100%);max-height:calc(100vh - 40px);padding:var(--space-6);border-radius:var(--radius-xxl);background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:pop-in var(--duration-base) var(--ease-pop);position:relative;overflow:auto}.dialog--wide{width:min(760px,100%)}.dialog__accent{border-radius:var(--radius-xxl) var(--radius-xxl) 0 0;height:5px;position:absolute;inset:0 0 auto}.dialog__badge{width:56px;height:56px;margin:0 auto var(--space-3);border-radius:50%;place-items:center;display:grid}.dialog__title{text-align:center;margin-bottom:var(--space-2);font-size:20px}.dialog__message{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-5)}.dialog__actions{gap:var(--space-3);display:flex}.dialog__actions>*{flex:1}.toast-region{top:var(--space-4);right:var(--space-4);z-index:1000;gap:var(--space-2);width:min(380px,100vw - 32px);display:grid;position:fixed}.toast{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);border-left:5px solid var(--toast-accent,var(--color-info));background:var(--color-surface-raised);box-shadow:var(--shadow-md);animation:slide-in var(--duration-base) var(--ease-enter);align-items:flex-start;display:flex}.spinner{width:var(--spinner-size,44px);height:var(--spinner-size,44px);border:4px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-right-color:var(--color-primary-alt);border-radius:50%;animation:.9s linear infinite spin}.blocking-overlay{z-index:950;background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.blocking-card{justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);display:grid}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-skeleton-base) 25%, var(--color-skeleton-highlight) 50%, var(--color-skeleton-base) 75%);background-size:200% 100%;animation:1.3s ease-in-out infinite shimmer;display:block}.stagger>*{animation:rise-in .42s var(--ease-enter) backwards}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(n+6){animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.spinner{animation:2s linear infinite spin!important}}.brand-link{color:var(--color-text-primary);align-items:center;gap:10px;font-size:20px;font-weight:900;text-decoration:none;display:inline-flex}.brand-link img{transition:transform var(--duration-base) var(--ease-pop);border-radius:22%}.brand-link:hover img{transform:rotate(-8deg)scale(1.08)}.landing-nav{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-4);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:12px clamp(16px,5vw,64px);display:flex;position:sticky;top:0}.landing-nav__links{gap:var(--space-5);display:flex}.landing-nav__links a{color:var(--color-text-secondary);transition:color var(--duration-fast);font-weight:600;text-decoration:none;position:relative}.landing-nav__links a:hover{color:var(--color-primary)}.landing-nav__links a:after{content:"";background:var(--gradient-brand-vivid);height:2px;transition:transform var(--duration-base) var(--ease-enter);border-radius:2px;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.landing-nav__links a:hover:after,.landing-nav__links a:focus-visible:after{transform:scaleX(1)}.hero{align-items:center;gap:var(--space-8);background:var(--gradient-header);color:var(--color-on-header);grid-template-columns:1.1fr 1fr;padding:clamp(40px,8vw,96px) clamp(16px,5vw,64px) clamp(56px,9vw,120px);display:grid}.hero__content{gap:var(--space-5);flex-direction:column;max-width:620px;display:flex}.hero__content>.badge{align-self:flex-start}.hero h1{font-size:clamp(32px,5vw,52px);font-weight:900}.hero p{opacity:.94;font-size:18px}.hero__cta{--btn-bg:#fff;--btn-fg:#6e1789}.hero__ghost{--btn-fg:var(--color-on-header);border-color:#ffffff73}.hero__ghost:hover:not(:disabled){--btn-bg:#ffffff29;border-color:var(--color-on-header)}.hero__visual{height:340px;position:relative}.sign-card{border-radius:var(--radius-xl);background:var(--color-surface-raised);width:190px;box-shadow:var(--shadow-lg);left:calc(var(--i) * 30%);top:calc(var(--i) * 12%);transform:rotate(calc((var(--i) - 1) * 6deg));animation:rise-in .6s var(--ease-enter) backwards;animation-delay:calc(var(--i) * .12s + .2s);transition:transform var(--duration-base) var(--ease-pop), box-shadow var(--duration-base);justify-items:center;gap:8px;margin:0;padding:12px;display:grid;position:absolute}.sign-card:hover{z-index:1;transform:rotate(0)translateY(-10px)scale(1.05)}.sign-card img{object-fit:contain;border-radius:var(--radius-md);background:var(--color-surface-sunken);width:160px;height:160px}.sign-card figcaption{color:var(--color-primary);font-size:22px;font-weight:900}.sign-card__viewport{border-radius:var(--radius-md);background:var(--color-surface-sunken);width:160px;height:160px;position:relative;overflow:hidden}.sign-card .sign-card__slide{opacity:0;transition:opacity .6s var(--ease-enter), transform .9s var(--ease-enter);position:absolute;inset:0;transform:scale(1.06)}.sign-card .sign-card__slide[data-active]{opacity:1;transform:none}.sign-card__label{animation:pop-in var(--duration-base) var(--ease-pop)}.sign-card__dots{gap:4px;display:flex}.sign-card__dots>span{border-radius:var(--radius-pill);background:var(--color-border-strong);width:6px;height:6px;transition:width var(--duration-base) var(--ease-enter), background var(--duration-base)}.sign-card__dots>span[data-active]{background:var(--color-primary);width:16px}.metrics{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xxl);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);grid-template-columns:repeat(6,1fr);margin:-48px clamp(16px,5vw,64px) 0;display:grid;position:relative}.metric{text-align:center;padding:var(--space-2);border-radius:var(--radius-lg);transition:background var(--duration-base), transform var(--duration-base) var(--ease-pop);justify-items:center;gap:4px;display:grid}.metric:hover{background:var(--color-primary-soft);transform:translateY(-3px)}.metric__icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);transition:transform var(--duration-base) var(--ease-pop);place-items:center;display:grid}.metric:hover .metric__icon{transform:scale(1.1)rotate(-6deg)}.metric__value{color:var(--color-primary);font-variant-numeric:tabular-nums;min-height:40px;font-size:clamp(24px,2.6vw,32px);font-weight:900;line-height:1.25}.metric__label{color:var(--color-text-secondary);font-size:14px;line-height:1.3}@media (width<=1100px){.metrics{grid-template-columns:repeat(3,1fr)}}.section{padding:clamp(48px,7vw,88px) clamp(16px,5vw,64px)}.section--tinted{background:var(--color-background-soft)}.section__title{text-align:center;margin-bottom:var(--space-8);font-size:clamp(24px,3.4vw,34px)}.features-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=960px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.features-grid{grid-template-columns:1fr}}.feature{gap:var(--space-2);align-content:start;display:grid}.feature h3{font-size:18px}.feature__icon{background:var(--gradient-brand);width:48px;height:48px;color:var(--color-primary-contrast);transition:transform var(--duration-base) var(--ease-pop);border-radius:14px;place-items:center;display:grid}.card:hover .feature__icon{transform:scale(1.1)rotate(-6deg)}.a11y-item{gap:var(--space-2);text-align:center;padding:var(--space-4);border-radius:var(--radius-lg);transition:background var(--duration-base), transform var(--duration-base) var(--ease-enter);justify-items:center;display:grid}.a11y-item svg{transition:transform var(--duration-base) var(--ease-pop)}.a11y-item:hover{background:var(--color-surface-raised);transform:translateY(-4px)}.a11y-item:hover svg{transform:scale(1.15)}.a11y-item h3{font-size:18px}.section__intro{text-align:center;max-width:640px;margin:0 auto var(--space-6);font-size:17px}.hero__loading{max-width:560px}.filter-chips{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-chip{border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:40px;color:var(--color-text-secondary);font:inherit;cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast) var(--ease-pop);padding:8px 16px;font-weight:600}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.filter-chip:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.filter-chip[aria-pressed=true],.filter-chip[aria-selected=true]{background:var(--gradient-brand);color:var(--color-primary-contrast);border-color:#0000}.carousel{max-width:1280px;margin:0 auto;position:relative}.carousel__track{gap:var(--space-5);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-5);scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;grid-auto-columns:min(86%,440px);grid-auto-flow:column;display:grid;overflow-x:auto}.carousel__track:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:4px;border-radius:var(--radius-lg)}.carousel__track>*{scroll-snap-align:start}.carousel__nav{z-index:2;box-shadow:var(--shadow-lg);border-radius:50%;position:absolute;top:38%}.carousel__nav:disabled{opacity:0;pointer-events:none}.carousel__nav--prev{left:-10px}.carousel__nav--next{right:-10px}@media (width<=700px){.carousel__nav{display:none}}.publication{transition:transform var(--duration-base) var(--ease-enter), box-shadow var(--duration-base);flex-direction:column;padding:0;display:flex;overflow:hidden}.publication:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.publication__cover{aspect-ratio:16/9;background:var(--gradient-card);color:var(--color-primary);place-items:center;display:grid;overflow:hidden}.publication__cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-base) var(--ease-enter)}.publication:hover .publication__cover img{transform:scale(1.05)}.publication__cover--large{border-radius:var(--radius-lg);max-height:360px}.publication__content{align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-6);flex-direction:column;flex:1;display:flex}.publication__content h3{font-size:clamp(20px,2vw,24px);line-height:1.25}.publication__summary{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box;overflow:hidden}.publication__more{margin-top:auto;margin-left:-12px}.publication__meta{flex-wrap:wrap;gap:4px 14px;display:flex}.publication__meta span{align-items:center;gap:4px;display:inline-flex}.publication__lead{font-size:17px;font-weight:600}.publication__body{white-space:pre-line}.publication-admin-cover{aspect-ratio:16/10;border-radius:var(--radius-md);object-fit:cover;background:var(--color-surface-sunken);width:96px;color:var(--color-text-muted);flex-shrink:0;place-items:center;display:grid}.about{gap:var(--space-8);grid-template-columns:1fr 1.2fr;align-items:center;display:grid}.about__intro>.badge{align-self:flex-start}.about__text{font-size:17px}.about__pillars{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.pillar{gap:var(--space-2);align-content:start;display:grid}.pillar h3{font-size:18px}.about__team-title{text-align:center;margin:var(--space-12) 0 var(--space-6);font-size:22px}.team-rows{gap:var(--space-6);display:grid}.team-row{justify-content:center;gap:var(--space-6);display:flex}.team-row--loading>*{flex:0 300px}.team-card{--team-details-width:280px;min-width:0;max-width:320px;animation:rise-in .42s var(--ease-enter) backwards;transition:flex-grow .48s var(--ease-enter), max-width .48s var(--ease-enter), box-shadow var(--duration-base), border-color var(--duration-base);flex:1 1 0;padding:0;display:flex;overflow:hidden}.team-card:focus-visible{outline-offset:4px}.team-card__face{gap:var(--space-3);text-align:center;min-width:0;padding:var(--space-8) var(--space-4) var(--space-6);flex:auto;align-content:start;justify-items:center;display:grid}.team-card h3{overflow-wrap:anywhere;font-size:19px}.team-card__role{color:var(--color-primary);font-size:15px;font-weight:600}.team-card__photo{aspect-ratio:1;border-radius:var(--radius-xxl);object-fit:cover;width:min(144px,100%);height:auto;box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-pop), border-radius var(--duration-base)}.team-card:hover .team-card__photo{border-radius:50%;transform:scale(1.06)}.team-card__initials{background:var(--gradient-brand);color:var(--color-primary-contrast);place-items:center;font-size:40px;font-weight:800;display:grid}.team-card__hint{border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);transition:opacity var(--duration-base);padding:2px 12px;font-weight:600}.team-card__details{opacity:0;background:var(--color-background-soft);transition:flex-basis .48s var(--ease-enter), opacity var(--duration-base), border-color var(--duration-base);border-left:1px solid #0000;flex:0 0 0;overflow:hidden}.team-card__details-inner{width:var(--team-details-width);justify-content:center;gap:var(--space-3);height:100%;padding:var(--space-6);flex-direction:column;display:flex}.team-card__details-title{font-size:16px;font-weight:800}.team-card__bio{-webkit-line-clamp:7;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.team-card__socials{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.team-card[data-expandable]:is(:hover,:focus-visible,:has(:focus-visible)){max-width:680px;box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));flex-grow:2.4}.team-card[data-expandable]:is(:hover,:focus-visible,:has(:focus-visible)) .team-card__details{flex-basis:var(--team-details-width);opacity:1;border-left-color:var(--color-border);transition-delay:0s,.12s,0s}.team-card[data-expandable]:is(:hover,:focus-visible,:has(:focus-visible)) .team-card__hint{opacity:0}@media (hover:none),(width<=720px){.team-row{flex-wrap:wrap}.team-card,.team-card[data-expandable]:is(:hover,:focus-visible,:has(:focus-visible)){flex-direction:column;flex:280px;max-width:420px}.team-card__details,.team-card[data-expandable]:is(:hover,:focus-visible,:has(:focus-visible)) .team-card__details{opacity:1;border-left:0;border-top:1px solid var(--color-border);flex-basis:auto}.team-card__details-inner{width:auto}.team-card__hint{display:none}}.social-link{border-radius:var(--radius-md);background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);transition:background var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast);flex-shrink:0;place-items:center;text-decoration:none;display:grid}.social-link:is(:hover,:focus-visible){background:var(--gradient-brand);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}.social-link--pop:is(:hover,:focus-visible,.social-link--play) svg{animation:social-pop .42s var(--ease-pop)}.social-link--bounce:is(:hover,:focus-visible,.social-link--play) svg{animation:social-bounce .7s var(--ease-enter)}.social-link--wiggle:is(:hover,:focus-visible,.social-link--play) svg{animation:.6s ease-in-out social-wiggle}.social-link--spin:is(:hover,:focus-visible,.social-link--play) svg{animation:social-spin .6s var(--ease-enter)}.social-link--pulse:is(:hover,:focus-visible,.social-link--play) svg{animation:.8s ease-in-out social-pulse}.social-link--float:is(:hover,:focus-visible,.social-link--play) svg{animation:1.4s ease-in-out infinite social-float}.social-link--float.social-link--play:not(:hover) svg{animation-iteration-count:1}@keyframes social-pop{50%{transform:scale(1.3)}}@keyframes social-bounce{30%{transform:translateY(-7px)}55%{transform:translateY(0)}75%{transform:translateY(-3px)}}@keyframes social-wiggle{20%{transform:rotate(-14deg)}45%{transform:rotate(12deg)}70%{transform:rotate(-8deg)}90%{transform:rotate(3deg)}}@keyframes social-spin{to{transform:rotate(360deg)}}@keyframes social-pulse{25%{transform:scale(1.18)}50%{transform:scale(1)}75%{transform:scale(1.12)}}@keyframes social-float{50%{transform:translateY(-5px)}}@media (width<=860px){.about{grid-template-columns:1fr}}@media (width<=560px){.about__pillars{grid-template-columns:1fr}}.download{justify-content:space-between;align-items:center;gap:var(--space-6);border-radius:var(--radius-xxl);flex-wrap:wrap;padding:clamp(24px,4vw,48px);display:flex}.download h2{font-size:clamp(24px,3vw,32px)}.download__btn{--btn-bg:#fff;--btn-fg:#6e1789}.download{transition:transform var(--duration-base) var(--ease-enter), box-shadow var(--duration-base)}.download:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.showcase{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,6vw,72px);max-width:1200px;margin:0 auto;display:grid}.showcase__text>.badge{align-self:flex-start}.showcase__lead{font-size:17px}.showcase__steps{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.showcase__step{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);width:100%;min-height:48px;color:var(--color-text-secondary);font:inherit;text-align:left;cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);background:0 0;border:1px solid #0000;padding:10px 14px;font-weight:600;display:flex}.showcase__step:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.showcase__step[aria-current]{background:var(--color-surface-raised);color:var(--color-text-primary);border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border));box-shadow:var(--shadow-sm)}.showcase__step-number{background:var(--color-primary-soft);width:28px;height:28px;color:var(--color-primary);transition:background var(--duration-fast), color var(--duration-fast);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.showcase__step[aria-current] .showcase__step-number{background:var(--gradient-brand);color:var(--color-primary-contrast)}.showcase__device{justify-items:center;gap:var(--space-4);display:grid;position:relative}.showcase__device:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--color-primary-alt) 28%, transparent), transparent 68%);border-radius:50%;position:absolute;inset:4% 0 14%}.phone{aspect-ratio:9/19.5;background:linear-gradient(150deg, color-mix(in srgb, var(--color-shadow) 85%, white), var(--color-shadow));width:min(290px,74vw);box-shadow:var(--shadow-lg), 0 0 0 1px var(--color-border-strong), inset 0 0 0 2px #ffffff1f;border-radius:48px;padding:11px;animation:7s ease-in-out infinite phone-float;position:relative}.phone:before,.phone:after{content:"";background:var(--color-shadow);border-radius:4px;width:4px;position:absolute}.phone:before{height:12%;top:22%;left:-4px}.phone:after{height:18%;top:30%;right:-4px}.phone__island{z-index:2;border-radius:var(--radius-pill);background:var(--color-shadow);width:30%;height:22px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.phone__screen{background:var(--color-surface-sunken);border-radius:38px;height:100%;position:relative;overflow:hidden}.phone__track{height:100%;transition:transform .7s var(--ease-enter);display:flex}.phone__slide{flex:0 0 100%;height:100%}.phone__slide img{object-fit:cover;width:100%;height:100%;display:block}.showcase__controls{align-items:center;gap:var(--space-2);display:flex}.showcase__dots{align-items:center;gap:2px;display:flex}.showcase__dot{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.showcase__dot:after{content:"";border-radius:var(--radius-pill);background:var(--color-border-strong);width:8px;height:8px;transition:width var(--duration-base) var(--ease-enter), background var(--duration-base)}.showcase__dot:hover:after{background:var(--color-primary)}.showcase__dot[aria-current]:after{background:var(--gradient-brand-vivid);width:20px}.showcase__dot:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:0;border-radius:var(--radius-pill)}@keyframes phone-float{50%{transform:translateY(-8px)}}@media (width<=860px){.showcase{grid-template-columns:1fr}}.site-footer{padding:clamp(40px, 6vw, 64px) clamp(16px, 5vw, 64px) var(--space-6);background:var(--gradient-header);color:var(--color-on-header)}.site-footer__top{gap:var(--space-8) var(--space-12);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.site-footer__brand{gap:var(--space-4);flex:2 280px;align-content:start;max-width:420px;display:grid}.site-footer .site-footer__logo{color:var(--color-on-header)}.site-footer__tagline{font-size:15px}.site-footer__socials{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer .social-link{background:var(--color-on-header-soft);color:var(--color-on-header)}.site-footer .social-link:is(:hover,:focus-visible){background:var(--color-on-header);color:var(--color-shadow)}.site-footer__column{gap:var(--space-3);flex:160px;align-content:start;display:grid}.site-footer__heading{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.site-footer__column ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.site-footer__column a,.site-footer__muted{color:var(--color-on-header);align-items:center;gap:6px;font-size:15px;text-decoration:none;display:inline-flex}.site-footer__column a{text-underline-offset:4px;transition:transform var(--duration-fast) var(--ease-enter)}.site-footer__column a:hover{text-decoration:underline;transform:translate(2px)}.site-footer__column a:focus-visible{outline-color:var(--color-on-header)}.site-footer__bottom{justify-content:space-between;gap:var(--space-2) var(--space-6);max-width:1200px;margin:var(--space-8) auto 0;padding-top:var(--space-5);border-top:1px solid var(--color-on-header-soft);flex-wrap:wrap;font-size:14px;display:flex}@media (width<=860px){.hero{grid-template-columns:1fr}.hero__visual{height:240px}.sign-card{width:140px}.sign-card img,.sign-card__viewport{width:110px;height:110px}.landing-nav__links{display:none}}@media (width<=600px){.metrics{padding:var(--space-3);gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}.auth-page{min-height:100vh;padding:var(--space-5);background:var(--gradient-header);place-items:center;display:grid}.auth-card{width:min(420px,100%);padding:var(--space-8)}.admin{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin__sidebar{gap:var(--space-4);height:100dvh;padding:var(--space-5);background:var(--color-surface);border-right:1px solid var(--color-border);overscroll-behavior:contain;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.admin__sidebar>.brand-link,.admin__user{flex-shrink:0}.admin__nav{align-content:start;gap:4px;display:grid}.admin__nav--scroll{min-height:120px;margin:0 calc(var(--space-2) * -1);padding:0 var(--space-2);scrollbar-width:thin;flex:auto;overflow-y:auto}.admin__backdrop{display:none}.admin__section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:var(--space-3) 0 4px 10px;font-size:11px;font-weight:700}.admin__link{border-radius:var(--radius-md);min-height:42px;color:var(--color-text-secondary);transition:background var(--duration-fast), color var(--duration-fast);align-items:center;gap:10px;padding:8px 12px;font-weight:600;text-decoration:none;display:flex}.admin__link:hover{background:var(--color-primary-soft);color:var(--color-primary)}.admin__link svg{transition:transform var(--duration-base) var(--ease-pop)}.admin__link:hover svg{transform:translate(3px)scale(1.1)}.admin__link[aria-current=page]{background:var(--gradient-brand);color:var(--color-primary-contrast)}.admin__user{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto;display:grid}.admin__main{width:100%;max-width:1200px;padding:clamp(16px,3vw,36px)}.admin__topbar{display:none}@media (width<=900px){.admin{grid-template-columns:1fr}.admin__sidebar{z-index:800;visibility:hidden;width:min(290px,85vw);height:auto;transition:transform var(--duration-base) var(--ease-enter), visibility 0s linear var(--duration-base);box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.admin__sidebar[data-open=true]{visibility:visible;transition:transform var(--duration-base) var(--ease-enter);transform:none}.admin__backdrop{z-index:790;background:var(--color-overlay);animation:fade-in var(--duration-base) var(--ease-enter);display:block;position:fixed;inset:0}.admin__topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:60;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}}.stat-link{color:inherit;border-radius:var(--radius-lg);text-decoration:none}.stat-link:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.section-tabs{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.item-editor{border-left:4px solid var(--color-primary)}.filter-chip--link{border-style:dashed;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.exercise-card{border-left:4px solid var(--color-primary)}.exercise-card[data-invalid=true]{border-left-color:var(--color-danger)}.media-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.media-thumb{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--color-surface-sunken);place-items:center;display:grid;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-base) var(--ease-enter)}.card:hover .media-thumb img{transform:scale(1.05)}.exercise-card{transition:border-left-width var(--duration-fast), box-shadow var(--duration-base)}.exercise-card:hover{box-shadow:var(--shadow-md);border-left-width:7px}.dropzone{place-items:center;gap:var(--space-2);padding:var(--space-8);border:2px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-sunken);text-align:center;cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast);display:grid}.dropzone[data-active=true],.dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.dropzone>svg{transition:transform var(--duration-base) var(--ease-pop)}.dropzone:hover>svg,.dropzone[data-active=true]>svg{transform:translateY(-4px)scale(1.1)}.team-admin-photo{border-radius:var(--radius-lg);object-fit:cover;background:var(--color-surface-sunken);flex-shrink:0;width:64px;height:64px}.team-admin-photo.team-card__initials{background:var(--gradient-brand);color:var(--color-primary-contrast)}.team-admin-card{gap:var(--space-3);flex-direction:column;display:flex}.team-admin-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.team-admin-card__header{align-items:flex-start;gap:var(--space-3);min-width:0;display:flex}.team-admin-card__info{flex:1;gap:2px;min-width:0;display:grid}.team-admin-card__info>:is(strong,span){-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.team-admin-card__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:4px;display:flex}.team-admin-card__bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.team-admin-card__socials{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.team-admin-card__socials li{border-radius:var(--radius-sm);background:var(--color-primary-soft);width:30px;height:30px;color:var(--color-primary);place-items:center;display:grid}.team-admin-card__footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;margin-top:auto;display:flex}.team-admin-card__actions{align-items:center;gap:6px;width:100%;display:flex}.team-admin-card__actions>:last-child{margin-left:auto}.deck-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.slide-editor{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:grid}.slide-editor__body{gap:var(--space-3);align-items:flex-start;display:flex}.slide-editor__thumb{object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface-sunken);flex-shrink:0;width:64px;height:64px}.screen-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.screen-editor__thumb{aspect-ratio:9/19.5;object-fit:cover;border:4px solid var(--color-shadow);background:var(--color-surface-sunken);border-radius:20px;width:120px;margin:0 auto;display:block}.social-row{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.social-row__head{align-items:center;gap:var(--space-3);display:flex}.social-row__title{flex:1;min-width:0}.icon-picker{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;display:flex}.icon-picker legend{margin-bottom:6px;padding:0}.icon-picker__option{cursor:pointer;position:relative}.icon-picker__option input{opacity:0;width:1px;height:1px;position:absolute}.icon-picker__swatch{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface-raised);width:40px;height:40px;color:var(--color-text-secondary);transition:border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast);place-items:center;display:grid}.icon-picker__option:hover .icon-picker__swatch{border-color:var(--color-primary);color:var(--color-primary)}.icon-picker__option input:checked+.icon-picker__swatch{background:var(--gradient-brand);color:var(--color-primary-contrast);border-color:#0000}.icon-picker__option input:focus-visible+.icon-picker__swatch{outline:3px solid var(--color-focus-ring);outline-offset:2px}.photo-picker{align-items:center;gap:var(--space-4);display:flex}.photo-picker__preview{border-radius:var(--radius-xl);object-fit:cover;background:var(--color-surface-sunken);width:96px;height:96px;color:var(--color-text-muted);flex-shrink:0;place-items:center;display:grid}.chip-input{flex-wrap:wrap;gap:6px;display:flex}.json-preview{white-space:pre-wrap;background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-3);max-height:160px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:auto}