@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Fraunces", "Manrope", serif;--font-body: "Manrope", "Fraunces", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.9rem;--line-tight: 1.25;--line-normal: 1.55;--line-loose: 1.75;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f0eee8;--color-surface-soft: #faf8f2;--color-border: #d9d2c6;--color-border-strong: #c7bfaf;--color-border-glass: rgba(16, 24, 40, .1);--color-text: #1b2233;--color-text-muted: #5c6473;--color-text-soft: #707785;--color-text-strong: #101827;--color-primary: #1f3a5f;--color-primary-strong: #162b46;--color-primary-soft: #e1eaf4;--color-primary-border: rgba(31, 58, 95, .3);--color-primary-border-strong: rgba(31, 58, 95, .5);--color-accent: #d4a02f;--color-accent-strong: #b78620;--color-accent-soft: #f6e5c3;--color-success: #1f8a5a;--color-warning: #d38a22;--color-danger: #d64545;--color-info: #1c7aa8;--color-success-border: rgba(31, 138, 90, .35);--color-warning-border: rgba(211, 138, 34, .35);--color-danger-border: rgba(214, 69, 69, .35);--color-info-border: rgba(28, 122, 168, .35);--color-dark-border: rgba(14, 26, 42, .5);--color-ink-strong: #0e1a2a;--color-on-primary: #ffffff;--color-on-accent: #1b2233;--color-on-dark: #ffffff;--color-overlay: rgba(16, 24, 40, .45);--color-overlay-light: rgba(16, 24, 40, .18);--color-overlay-soft: rgba(16, 24, 40, .08);--color-overlay-strong: rgba(16, 24, 40, .62);--color-surface-glass: rgba(255, 255, 255, .88);--color-surface-glass-strong: rgba(255, 255, 255, .94);--color-surface-glass-soft: rgba(255, 255, 255, .78);--color-surface-glass-faint: rgba(255, 255, 255, .64);--color-suit-spade: var(--color-ink-strong);--color-suit-club: var(--color-ink-strong);--color-suit-heart: var(--color-danger);--color-suit-diamond: #f97316;--color-suit-trump: var(--color-primary);--color-suit-nt: var(--color-ink-strong);--gradient-primary: linear-gradient( 110deg, var(--color-primary), var(--color-primary-strong) );--gradient-success: linear-gradient(90deg, #21a366, #1f8a5a);--gradient-warning: linear-gradient(90deg, #e0a03a, #d38a22);--gradient-danger: linear-gradient(90deg, #e15b5b, #d64545);--gradient-info: linear-gradient(90deg, #2a8dbf, #1c7aa8);--gradient-accent: linear-gradient(135deg, #e7c870, #d4a02f);--gradient-sale: linear-gradient(135deg, #f1a04f, #e06a4b);--gradient-page: none;--gradient-glow: radial-gradient( 800px 420px at 10% -10%, rgba(212, 160, 47, .18), transparent 70% ), radial-gradient( 900px 460px at 95% 0%, rgba(31, 58, 95, .18), transparent 70% );--pattern-fine: radial-gradient(rgba(16, 24, 40, .06) 1px, transparent 1px);--pattern-fine-size: 120px 120px;--table-felt-1: #2c6e4a;--table-felt-2: #1d5a38;--table-felt-3: #0f3a24;--table-felt-gradient: radial-gradient( circle at center, var(--table-felt-1) 0, var(--table-felt-2) 55%, var(--table-felt-3) 100% );--table-panel: rgba(14, 26, 42, .88);--table-panel-soft: rgba(14, 26, 42, .32);--table-border: rgba(14, 26, 42, .62);--table-text: #f8fafc;--table-chip-bg: rgba(14, 26, 42, .22);--table-border-soft: rgba(0, 0, 0, .32);--table-card-bg: #103926;--table-card-shadow: 0 6px 16px rgba(0, 0, 0, .45);--table-card-shadow-strong: 0 10px 22px rgba(0, 0, 0, .6);--table-card-shadow-soft: 0 4px 12px rgba(0, 0, 0, .4);--table-card-shadow-mini: 0 2px 6px rgba(0, 0, 0, .45);--table-text-shadow: 0 0 2px rgba(0, 0, 0, .85), 0 0 6px rgba(0, 0, 0, .7);--table-text-shadow-soft: 0 0 2px rgba(0, 0, 0, .55);--table-felt-shadow: inset 0 0 24px rgba(0, 0, 0, .35);--table-font-base: 14px;--table-bubble-shadow: 0 4px 10px rgba(0, 0, 0, .15);--chip-primary-bg: rgba(31, 58, 95, .16);--chip-primary-border: rgba(31, 58, 95, .35);--chip-neutral-bg: rgba(255, 255, 255, .22);--chip-neutral-border: rgba(255, 255, 255, .32);--chip-wait-bg: rgba(28, 122, 168, .16);--chip-wait-border: rgba(28, 122, 168, .3);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 8px 20px rgba(16, 24, 40, .08);--shadow-md: 0 16px 36px rgba(16, 24, 40, .15);--shadow-lg: 0 26px 52px rgba(16, 24, 40, .18);--shadow-xs: 0 4px 12px rgba(16, 24, 40, .08);--shadow-elevated: 0 14px 36px rgba(16, 24, 40, .22);--shadow-float: 0 8px 24px rgba(16, 24, 40, .16);--focus-ring: 0 0 0 3px rgba(31, 58, 95, .35);--ease-out: cubic-bezier(.22, .61, .36, 1);--duration-fast: .12s;--duration-medium: .22s;--duration-slow: .36s;--layout-max: 1200px;--layout-max-wide: 1400px;--layout-gutter: clamp(var(--space-4), 3vw, var(--space-8));--sidebar-width: clamp(200px, 24vw, 240px);--sidebar-logo-size: 120px;--glass-blur: 16px;--size-avatar-xs: 32px;--size-avatar-sm: 40px;--size-avatar-md: 56px;--size-avatar-lg: 72px;--size-avatar-border: 2px;--size-flag-w: 18px;--size-flag-h: 12px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-icon-button: 40px;--size-icon-button-sm: 32px;--size-rank-col-index: 52px;--size-rank-col-avatar: 64px;--size-rank-col-country: 80px;--size-rank-col-elo: 80px;--size-button-min: 112px;--topbar-height: 0px;--z-base: 1;--z-elevated: 10;--z-popover: 40;--z-overlay: 60;--z-modal: 80;--z-toast: 100}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);background-image:var(--gradient-page);background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text);font-family:var(--font-body);line-height:var(--line-normal)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ui-card--flat{box-shadow:none}.ui-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.ui-panel{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ui-panel--soft,.ui-card--soft{background:var(--color-surface-soft);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.ui-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:clamp(var(--space-4),2.6vw,var(--space-7));background:var(--color-surface-glass-strong);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-md);display:grid;gap:var(--space-4)}.ui-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(400px 260px at 12% 8%,rgba(212,160,47,.18),transparent 70%),radial-gradient(360px 220px at 88% 0%,rgba(31,58,95,.18),transparent 70%);pointer-events:none;opacity:.8}.ui-hero--solid{background:var(--color-surface);border-color:var(--color-border)}.ui-hero--solid:after{content:none}.ui-hero>*{position:relative;z-index:1}.ui-hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,1.4rem + 2vw,3rem);line-height:var(--line-tight);margin:0;color:var(--color-ink-strong)}.ui-hero__subtitle{margin:0;font-size:var(--text-lg);color:var(--color-text-muted);max-width:620px}.ui-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.ui-hero__grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.ui-hero__card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);appearance:none;color:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ui-hero__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-border-strong)}.ui-pill-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-card-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ui-title{font-family:var(--font-display);font-weight:700;color:var(--color-text)}.ui-subtle,.ui-text-muted{color:var(--color-text-muted)}.ui-text-soft{color:var(--color-text-soft)}.ui-text-strong{color:var(--color-text-strong)}.ui-text-center{text-align:center}.ui-text-right{text-align:right}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 16px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;cursor:pointer;min-height:44px;letter-spacing:.01em;background:var(--color-surface);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.ui-button--primary{background:var(--gradient-primary);border-color:var(--color-primary-border);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.ui-button--accent{background:var(--gradient-accent);border-color:var(--color-primary-border);color:var(--color-on-accent);box-shadow:var(--shadow-sm)}.ui-button--success{background:var(--gradient-success);border-color:var(--color-success-border);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.ui-button--warning{background:var(--gradient-warning);border-color:var(--color-warning-border);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.ui-button--info{background:var(--gradient-info);border-color:var(--color-info-border);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.ui-button--dark{background:var(--color-ink-strong);border-color:var(--color-dark-border);color:var(--color-on-dark);box-shadow:var(--shadow-sm)}.ui-button--danger{background:var(--gradient-danger);border-color:var(--color-danger-border);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.ui-button--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.ui-button--muted{background:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text)}.ui-button--outline{background:transparent;border-color:var(--color-primary-border);color:var(--color-primary)}.ui-button--link{background:transparent;border-color:transparent;color:var(--color-primary);padding:0;min-height:auto;box-shadow:none}.ui-button--pill{border-radius:var(--radius-pill)}.ui-button:disabled,.ui-button[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.ui-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ui-button:not(:disabled):active{transform:translateY(0);box-shadow:var(--shadow-xs)}.ui-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;background:var(--color-accent-soft);color:var(--color-text)}.bid-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2000}.bid-card{--bid-scale: 1;--bid-pad: calc(14px * var(--bid-scale));--bid-gap-sm: calc(6px * var(--bid-scale));--bid-gap-md: calc(10px * var(--bid-scale));--bid-radius: calc(20px * var(--bid-scale));--bid-font: calc(14px * var(--bid-scale));--bid-font-lg: calc(18px * var(--bid-scale));--bid-font-xl: calc(22px * var(--bid-scale));--bid-step: calc(34px * var(--bid-scale));--bid-step-w: calc(50px * var(--bid-scale));--bid-square: calc(48px * var(--bid-scale));--bid-action-h: calc(42px * var(--bid-scale));--bid-icon: calc(26px * var(--bid-scale));width:min(76%,calc(480px * var(--bid-scale)));max-width:76%;max-height:90%;background:var(--color-surface-glass-strong);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-elevated);border-radius:var(--bid-radius);padding:var(--bid-pad);pointer-events:auto;display:flex;flex-direction:column;gap:var(--bid-gap-md);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));font-size:var(--bid-font)}.bid-row{width:100%;min-width:0}.bid-row--value{display:flex;align-items:center;justify-content:space-between;gap:var(--bid-gap-md);padding:calc(8px * var(--bid-scale));border-radius:calc(16px * var(--bid-scale));background:var(--color-surface);border:1px solid var(--color-border)}.bid-value{font-size:var(--bid-font-xl);font-weight:800;letter-spacing:.02em;min-width:calc(74px * var(--bid-scale));text-align:center}.bid-stepper{display:flex;flex-direction:row;gap:var(--bid-gap-sm)}.bid-step{width:var(--bid-step-w);height:var(--bid-step);border-radius:calc(10px * var(--bid-scale));border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:var(--bid-font-lg);font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.bid-step:disabled{opacity:.5;cursor:not-allowed}.bid-row--trumps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--bid-gap-sm)}.bid-trump{width:100%;height:var(--bid-square);border-radius:calc(14px * var(--bid-scale));border:1px solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.bid-trump:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-xs)}.bid-trump.is-active{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:var(--color-primary-soft)}.bid-trump:disabled{opacity:.5;cursor:not-allowed}.bid-trump-icon{width:var(--bid-icon);height:var(--bid-icon)}.bid-trump-text{font-size:var(--bid-font-lg);font-weight:800}.bid-row--actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bid-gap-sm)}.bid-action{width:100%;height:var(--bid-action-h);border-radius:calc(12px * var(--bid-scale));font-weight:700;border:none;cursor:pointer;font-size:var(--bid-font-lg);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.bid-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bid-action:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.bid-action--primary{background:var(--color-primary);color:var(--color-on-primary)}.bid-action--pass{background:var(--gradient-success);color:var(--color-on-primary);font-weight:800}.bid-action--coinche{background:var(--gradient-warning);color:var(--color-on-primary)}.bid-action--coinche.is-disabled{background:var(--color-border);color:var(--color-text-soft)}.bid-meta{font-size:calc(12px * var(--bid-scale));color:var(--color-text-muted);line-height:1.3;display:flex;flex-direction:column;gap:4px}.ui-page{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--space-6);animation:page-reveal var(--duration-slow) var(--ease-out) both}.ui-header{display:flex;flex-direction:column;gap:var(--space-2)}.ui-header__title{font-family:var(--font-display);font-weight:700;font-size:clamp(var(--text-xl),1.1rem + 1vw,var(--text-3xl));margin:0;color:var(--color-text)}.ui-header__meta{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.ui-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.ui-icon-button{width:var(--size-icon-button);height:var(--size-icon-button);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ui-icon-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}.ui-icon-button--sm{width:var(--size-icon-button-sm);height:var(--size-icon-button-sm)}.ui-layout{position:relative;min-height:100vh;height:100dvh;width:100vw;display:flex;flex-direction:row;font-family:var(--font-body);background:transparent;background-image:var(--gradient-glow),var(--pattern-fine);background-size:auto,var(--pattern-fine-size);background-repeat:no-repeat,repeat;background-position:top left,top left;background-attachment:fixed,fixed;color:var(--color-text);overflow-x:hidden;overflow-y:auto;isolation:isolate}@supports not (height: 100dvh){.ui-layout{height:100vh}}body.is-fullscreen-active .ui-layout{overflow:hidden}.ui-layout__main{flex:1;min-height:100vh;padding:calc(var(--layout-gutter) + var(--topbar-height)) var(--layout-gutter) var(--layout-gutter);box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(var(--space-3),2vw,var(--space-5));transition:margin-left .2s ease;position:relative;z-index:var(--z-base)}.ui-sidebar-toggle{position:fixed;top:50%;transform:translateY(-50%);z-index:var(--z-popover);width:32px;height:48px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ui-sidebar-toggle:hover{transform:translateY(-50%) translate(2px);box-shadow:var(--shadow-sm)}.ui-topbar{position:fixed;top:0;right:0;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--layout-gutter);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-xs);z-index:var(--z-elevated)}.ui-topbar__left,.ui-topbar__right{display:flex;align-items:center;gap:var(--space-2)}.ui-topbar__right--button{background:transparent;border:0;padding:6px 10px;border-radius:999px;cursor:pointer}.ui-topbar__right--button:hover{background:var(--color-surface-alt)}.ui-topbar__right--button:focus-visible{box-shadow:var(--focus-ring)}.ui-topbar__avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);object-fit:cover;background:var(--color-surface-alt)}.ui-topbar__name{font-weight:700;color:var(--color-text);line-height:1.1}.ui-topbar__sub{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.ui-topbar__flag{font-size:1rem}.ui-topbar__token-icon{width:20px;height:20px}.ui-topbar__token-count{font-weight:700;color:var(--color-text)}.sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-width, 240px);background:var(--color-surface-glass-strong);border-right:1px solid var(--color-border-glass);box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:clamp(var(--space-4),2.4vw,var(--space-6));box-sizing:border-box;gap:clamp(var(--space-3),2vw,var(--space-5));transition:transform var(--duration-medium) var(--ease-out);will-change:transform;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));z-index:var(--z-elevated)}.sidebar--collapsed{transform:translate(calc(-1 * var(--sidebar-width, 240px)));pointer-events:none}.sidebar-logo{display:flex;padding:0;align-items:center;justify-content:center;margin-top:0;margin-bottom:var(--space-5)}.sidebar-logo img{display:block;max-width:min(var(--sidebar-logo-size, 120px),60%);width:100%;height:auto;object-fit:contain;border-radius:0;background:transparent;border:0;box-shadow:none;transition:transform var(--duration-fast) var(--ease-out)}.sidebar-logo img:hover{transform:scale(1.03)}.side-nav{display:flex;flex-direction:column;gap:var(--space-2)}.side-nav-item{position:relative}.side-nav button,.sidebar-settings{position:relative;text-align:left;padding:clamp(var(--space-2),1.6vw,var(--space-3)) clamp(var(--space-3),2vw,var(--space-4));border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer;min-height:44px;transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%}.sidebar-arrow{opacity:.7;transform:translate(-4px);transition:all var(--duration-fast) var(--ease-out);font-size:var(--text-sm)}.side-nav button:hover,.sidebar-settings:hover{color:var(--color-primary);transform:translate(2px);background:var(--color-surface-soft);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.side-nav button:hover .sidebar-arrow,.sidebar-settings:hover .sidebar-arrow,.side-nav button:focus-visible .sidebar-arrow,.sidebar-settings:focus-visible .sidebar-arrow{opacity:1;transform:translate(2px)}.submenu{position:static;display:none;flex-direction:column;gap:var(--space-2);min-width:170px;padding:var(--space-2);margin-top:var(--space-2);margin-left:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-glass);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));z-index:var(--z-popover)}.side-nav-item:hover>.submenu,.side-nav-item:focus-within>.submenu{display:flex}.submenu-title{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);padding:2px var(--space-2)}.submenu-button{width:100%;justify-content:space-between;gap:10px}.sidebar-footer{margin-top:auto}.ui-stack{display:flex;flex-direction:column;gap:var(--space-3)}.ui-section{display:flex;flex-direction:column;gap:var(--space-4)}.ui-grid{display:grid;gap:var(--space-4)}.ui-input,.ui-select,.ui-textarea{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--color-primary-border-strong);box-shadow:var(--focus-ring);outline:none}.ui-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-xs);font-weight:600}.ui-pill--active{border-color:var(--color-primary-border-strong);background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui-divider{width:100%;height:1px;background:var(--color-border)}.ui-ghost-link{color:var(--color-primary);font-weight:600}.ui-kicker{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.ui-field{display:flex;flex-direction:column;gap:var(--space-1)}.ui-label{font-weight:600;color:var(--color-text)}.ui-help{font-size:var(--text-sm);color:var(--color-text-muted)}.ui-row{display:flex;align-items:center;gap:var(--space-3)}.ui-row--between{justify-content:space-between}.ui-row--wrap{flex-wrap:wrap}.ui-list{display:flex;flex-direction:column;gap:var(--space-3)}.ui-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs)}.ui-list-item--active{border-color:var(--color-primary-border-strong);background:var(--color-primary-soft)}.ui-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ui-card-meta{font-size:var(--text-sm);color:var(--color-text-muted)}.ui-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-alt);font-size:var(--text-xs);font-weight:600;color:var(--color-text)}.ui-chip--primary{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui-muted-card{background:var(--color-surface-alt);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.ui-section-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);margin:0;color:var(--color-ink-strong)}.ui-surface{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.ui-surface--soft{background:var(--color-surface-soft)}.ui-surface--alt{background:var(--color-surface-alt)}.ui-text-xs{font-size:var(--text-xs)}.ui-text-sm{font-size:var(--text-sm)}.ui-text-md{font-size:var(--text-md)}.ui-text-lg{font-size:var(--text-lg)}.ui-title-display{font-family:var(--font-display);font-weight:700;font-size:clamp(var(--text-2xl),1.2rem + 2vw,2.6rem);line-height:var(--line-tight)}.ui-card--glass{background:var(--color-surface-glass);border-color:var(--color-border-glass);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.ui-layer{position:relative;z-index:var(--z-base)}.ui-layer--overlay{position:relative;z-index:var(--z-overlay)}.ui-layer--modal{position:relative;z-index:var(--z-modal)}.ui-avatar{--avatar-size: var(--size-avatar-md);width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;border:var(--size-avatar-border) solid var(--color-ink-strong);object-fit:cover;transform:scale(1.06);transform-origin:center}.ui-avatar--xs{--avatar-size: var(--size-avatar-xs)}.ui-avatar--sm{--avatar-size: var(--size-avatar-sm)}.ui-avatar--lg{--avatar-size: var(--size-avatar-lg)}.ui-flag{width:var(--size-flag-w);height:var(--size-flag-h);border-radius:2px;box-shadow:var(--shadow-xs);object-fit:cover}.ui-icon{width:var(--size-icon-md);height:var(--size-icon-md)}.ui-icon--sm{width:var(--size-icon-sm);height:var(--size-icon-sm)}.ui-icon--lg{width:var(--size-icon-lg);height:var(--size-icon-lg)}@keyframes page-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}