:root{--color-primary-50: rgba(255, 77, 28, .05);--color-primary-100: rgba(255, 77, 28, .1);--color-primary-200: rgba(255, 77, 28, .2);--color-primary-300: rgba(255, 77, 28, .3);--color-primary-400: rgba(255, 77, 28, .6);--color-primary-500: #ff4d1c;--color-primary-600: #e03a0d;--color-primary-700: #b32c07;--color-primary-800: #7d1e04;--color-primary-900: #4a1102;--color-primary-950: #260901;--color-secondary-50: rgba(140, 25, 40, .05);--color-secondary-100: rgba(140, 25, 40, .1);--color-secondary-200: rgba(140, 25, 40, .2);--color-secondary-300: rgba(140, 25, 40, .3);--color-secondary-400: rgba(140, 25, 40, .6);--color-secondary-500: #8c1928;--color-secondary-600: #701420;--color-secondary-700: #540f18;--color-secondary-800: #380a10;--color-secondary-900: #1c0508;--color-secondary-950: #0e0304;--color-withdrawal: var(--color-primary-500);--color-background-50: #e6e6e6;--color-background-100: #cccccc;--color-background-200: #999999;--color-background-300: #666666;--color-background-400: #333333;--color-background-500: #1a1a1a;--color-background-600: #141414;--color-background-700: #111111;--color-background-800: #0a0a0a;--color-background-900: #050505;--color-background-950: #000000;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .5);--color-text-muted: rgba(255, 255, 255, .4);--color-text-on-primary: #000000;--color-text-accent: var(--color-primary-500);--color-always-black: #000000;--color-always-white: #ffffff;--badge-secondary-bg: var(--color-secondary-500);--badge-secondary-color: #ffffff;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-background-hover: rgba(255, 255, 255, .05);--color-border: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .5);--shadow-color-light: rgba(0, 0, 0, .2);--shadow-color-strong: rgba(0, 0, 0, .8);--shadow-sm: 0 1px 3px var(--shadow-color-light);--shadow-md: 0 4px 6px var(--shadow-color-light);--shadow-lg: 0 10px 15px var(--shadow-color);--shadow-xl: 0 20px 25px var(--shadow-color);--shadow-modal: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-dropdown: 0 4px 20px rgba(0, 0, 0, .5);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .3);--overlay-light: rgba(0, 0, 0, .5);--overlay-medium: rgba(0, 0, 0, .7);--overlay-heavy: rgba(0, 0, 0, .9);--color-overlay-dark: rgba(0, 0, 0, .7);--color-overlay-hover: rgba(255, 255, 255, .1);--color-text-on-overlay: #ffffff;--color-text-on-overlay-secondary: rgba(255, 255, 255, .7);--color-input-500: #353535;--color-input-600: #2a2a2a;--color-input-700: #202020;--color-input-800: #151515;--color-input-900: #0b0b0b;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: .9375rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--button-padding-x: var(--spacing-lg);--button-padding-y: var(--spacing-md);--button-border-radius: var(--radius-full);--button-font-size: var(--font-size-md);--button-font-weight: var(--font-weight-semibold);--button-height: 3rem;--button-height-sm: 2.25rem;--button-height-lg: 3.25rem;--button-gap: var(--spacing-sm);--input-bg: var(--color-input-600);--input-bg-focus: var(--color-input-700);--input-border: var(--color-input-500);--input-border-focus: var(--color-primary-500);--input-border-error: var(--color-danger);--input-border-width: 0px;--input-border-radius: var(--radius-sm);--input-text: var(--color-background-50);--input-placeholder: var(--color-background-300);--input-label: var(--color-background-50);--input-label-font-size: var(--font-size-sm);--input-font-size: var(--font-size-md);--input-padding-x: var(--spacing-lg);--input-padding-y: var(--spacing-md);--input-gap: var(--spacing-sm);--input-height: 3rem;--input-disabled-opacity: .5;--input-error-font-size: var(--font-size-xs);--input-error-text: var(--color-danger);--header-height: 3.5rem;--header-gap: var(--spacing-md);--header-button-gap: var(--spacing-sm);--header-title-color: var(--color-text-primary);--header-title-font-size: var(--font-size-lg);--header-title-font-weight: var(--font-weight-semibold);--header-avatar-size: 36px;--footer-padding-x: var(--spacing-lg);--footer-padding-y: var(--spacing-md);--page-transition-duration: .22s;--page-transition-easing: cubic-bezier(.33, 1, .68, 1);--page-transition-offset: 12px;--page-content-max-width: 920px;--page-content-padding: var(--spacing-lg);--page-gap: var(--spacing-xl);--page-section-gap: var(--spacing-2xl);--page-section-border-radius: var(--radius-xl);--page-section-background: var(--color-background-800);--page-section-shadow: rgba(0, 0, 0, .5) 0 4px 6px -1px, rgba(0, 0, 0, .1) 0 2px 4px -1px;--page-heading-font-size: var(--font-size-xl);--page-heading-font-weight: var(--font-weight-bold);--page-heading-color: var(--color-background-50);--form-gap: var(--spacing-lg);--form-section-gap: var(--spacing-md);--form-section-border-radius: var(--radius-lg);--form-section-background: var(--color-background-800);--form-label-font-size: var(--font-size-sm);--form-label-font-weight: var(--font-weight-medium);--form-label-color: var(--color-background-50);--card-background: var(--color-background-800);--card-background-hover: var(--color-background-700);--card-border-radius: var(--radius-lg);--card-padding: var(--spacing-lg);--card-gap: var(--spacing-md);--list-item-padding-x: var(--spacing-lg);--list-item-padding-y: var(--spacing-md);--list-item-gap: var(--spacing-md);--list-item-background: var(--color-background-800);--list-item-background-hover: var(--color-background-700);--list-item-border-radius: var(--radius-md);--list-group-gap: var(--spacing-sm);--list-icon-size: 1.25rem;--drawer-background: var(--color-background-900);--drawer-border-radius: var(--radius-xl);--drawer-padding: var(--spacing-lg);--drawer-max-height: 92dvh;--drawer-handle-width: 2.5rem;--drawer-handle-height: .25rem;--drawer-handle-color: var(--color-background-400);--drawer-overlay: var(--overlay-medium);--drawer-transition: .28s cubic-bezier(.32, .72, 0, 1);--tabs-bar-bg: var(--color-background-900);--tabs-bar-container-bg: #1a1a1a;--tabs-bar-indicator-bg: var(--color-primary-500);--tabs-bar-tab-color: rgba(255, 255, 255, .5);--tabs-bar-tab-hover-color: rgba(255, 255, 255, .7);--tabs-bar-tab-active-color: #000000;--tabs-bar-height: 2.5rem;--badge-padding-x: var(--spacing-sm);--badge-padding-y: var(--spacing-xs);--badge-font-size: var(--font-size-2xs);--badge-border-radius: var(--radius-full);--avatar-size-xs: 1.5rem;--avatar-size-sm: 2rem;--avatar-size-md: 2.5rem;--avatar-size-lg: 3.5rem;--avatar-size-xl: 5rem;--skeleton-bg: var(--color-background-700);--skeleton-highlight: var(--color-background-600);--skeleton-radius: var(--radius-sm);--transaction-credit-color: var(--color-success);--transaction-debit-color: var(--color-danger);--accounting-balance-font-size: 3.5rem;--chart-bar-purchased: var(--color-always-white);--chart-bar-income: var(--color-primary-500);--chart-bar-expense: var(--color-secondary-500);--cloud-storage-bar-height: 8px;--cloud-storage-bar-radius: var(--radius-full);--cloud-storage-bar-bg: var(--color-background-700);--cloud-storage-bar-fill-low: var(--color-success);--cloud-storage-bar-fill-medium: var(--color-warning);--cloud-storage-bar-fill-high: var(--color-danger);--token-pack-card-padding: var(--spacing-lg);--token-pack-card-border-radius: var(--radius-lg);--token-pack-card-border-width: 2px;--token-pack-card-border-color: var(--color-background-800);--token-pack-card-border-color-selected: var(--color-primary-500);--token-pack-card-bg: var(--color-background-900);--token-pack-card-bg-selected: var(--color-primary-100);--token-pack-amount-font-size: 2.5rem;--token-pack-amount-color: var(--color-primary-500);--message-bubble-radius: var(--radius-lg);--message-bubble-padding: var(--spacing-md);--message-bubble-mine-bg: var(--color-primary-500);--message-bubble-mine-color: var(--color-text-on-primary);--message-bubble-other-bg: var(--color-background-700);--message-bubble-other-color: var(--color-text-primary);--message-max-width: 78%;--color-message-status: rgba(255, 255, 255, .4);--stories-avatar-size: 60px;--stories-avatar-border-width: 3px;--stories-avatar-border-unviewed: linear-gradient(45deg, var(--color-primary-500), var(--color-secondary-500));--stories-avatar-border-viewed: var(--color-background-400);--stories-create-bg: var(--color-background-700);--story-viewer-progress-height: 2px;--story-viewer-progress-bg: rgba(255, 255, 255, .3);--story-viewer-progress-fill: var(--color-always-white);--story-font-inter: "Inter", sans-serif;--story-font-playfair: "Playfair Display", serif;--story-font-bebas: "Bebas Neue", sans-serif;--story-font-caveat: "Caveat", cursive;--story-font-mono: "Space Mono", monospace;--toast-width: min(26rem, calc(100vw - 2rem) );--toast-gap: var(--spacing-sm);--toast-padding: var(--spacing-md);--toast-border-radius: var(--radius-md);--toast-background: var(--color-background-700);--progress-height: .375rem;--progress-bg: var(--color-background-700);--progress-fill: var(--color-primary-500)}html.light{--color-background-50: #171717;--color-background-100: #262626;--color-background-200: #404040;--color-background-300: #525252;--color-background-400: #737373;--color-background-500: #a3a3a3;--color-background-600: #d4d4d4;--color-background-700: #ebebeb;--color-background-800: #f5f5f5;--color-background-900: #fafafa;--color-background-950: #ffffff;--color-input-500: #e5e5e5;--color-input-600: #f0f0f0;--color-input-700: #f5f5f5;--color-text-primary: #000000;--color-text-secondary: rgba(0, 0, 0, .7);--color-text-tertiary: rgba(0, 0, 0, .5);--color-text-muted: rgba(0, 0, 0, .4);--color-text-on-primary: #ffffff;--badge-secondary-bg: #ffffff;--badge-secondary-color: #000000;--color-background-hover: rgba(0, 0, 0, .05);--color-border: rgba(0, 0, 0, .1);--shadow-color: rgba(0, 0, 0, .1);--shadow-color-light: rgba(0, 0, 0, .05);--shadow-color-strong: rgba(0, 0, 0, .2);--input-text: #000000;--input-placeholder: #737373;--input-label: #000000;--input-bg: #f5f5f5;--input-bg-focus: #e5e5e5;--header-title-color: #000000;--page-heading-color: #000000;--form-label-color: #000000;--color-message-status: rgba(0, 0, 0, .4);--tabs-bar-bg: #fafafa;--tabs-bar-container-bg: #ebebeb;--tabs-bar-tab-color: rgba(0, 0, 0, .5);--tabs-bar-tab-hover-color: rgba(0, 0, 0, .7);--tabs-bar-tab-active-color: #ffffff;--chart-bar-purchased: var(--color-always-black);--drawer-background: #ffffff;--toast-background: #f5f5f5;--skeleton-bg: #ebebeb;--skeleton-highlight: #f5f5f5}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;min-height:100dvh}html,body{background:var(--color-background-950);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;touch-action:pan-x pan-y;transition:background-color var(--transition-slow) ease,color var(--transition-slow) ease}h1,h2,h3,h4,h5,h6,p,figure{margin:0}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit}ul,ol{margin:0;padding:0;list-style:none}img{display:block;max-width:100%}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden;background:var(--color-background-950)}.boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000}.boot-splash__logo{font-family:var(--font-family-base);font-size:2.5rem;font-weight:700;letter-spacing:.1em;color:#ff4d1c;animation:boot-pulse 1.4s ease-in-out infinite}@keyframes boot-pulse{0%,to{opacity:1}50%{opacity:.35}}.page-transition{animation:page-enter var(--page-transition-duration) var(--page-transition-easing);height:100%}@keyframes page-enter{0%{opacity:0;transform:translateY(var(--page-transition-offset))}to{opacity:1;transform:translateY(0)}}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.scroll-area{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-background-500) transparent}.scroll-area::-webkit-scrollbar{width:6px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:var(--color-background-500);border-radius:var(--radius-full)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);height:var(--button-height);padding:0 var(--spacing-xl);border:1px solid transparent;border-radius:var(--button-border-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:1;white-space:nowrap;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),opacity var(--transition-base),transform var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{height:var(--button-height-sm);padding:0 var(--spacing-lg);font-size:var(--font-size-sm)}.btn--lg{height:var(--button-height-lg);padding:0 var(--spacing-2xl)}.btn--block{display:flex;width:100%}.btn--square{width:var(--button-height);padding:0}.btn--square.btn--sm{width:var(--button-height-sm)}.btn--square.btn--lg{width:var(--button-height-lg)}.btn--solid.btn--primary{background:var(--color-primary-500);color:var(--color-text-on-primary)}.btn--solid.btn--primary:hover:not(:disabled){background:var(--color-primary-600)}.btn--solid.btn--secondary{background:var(--color-secondary-500);color:var(--color-always-white)}.btn--solid.btn--secondary:hover:not(:disabled){background:var(--color-secondary-600)}.btn--solid.btn--neutral{background:var(--color-background-700);color:var(--color-text-primary)}.btn--solid.btn--neutral:hover:not(:disabled){background:var(--color-background-600)}.btn--solid.btn--danger{background:var(--color-danger);color:var(--color-always-white)}.btn--solid.btn--success{background:var(--color-success);color:var(--color-always-black)}.btn--outline{background:transparent}.btn--outline.btn--primary{border-color:var(--color-primary-500);color:var(--color-primary-500)}.btn--outline.btn--neutral{border-color:var(--color-border);color:var(--color-text-primary)}.btn--outline.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.btn--outline:hover:not(:disabled){background:var(--color-background-hover)}.btn--soft.btn--primary{background:var(--color-primary-100);color:var(--color-primary-500)}.btn--soft.btn--neutral{background:var(--color-background-hover);color:var(--color-text-primary)}.btn--soft.btn--danger{background:#ef44441f;color:var(--color-danger)}.btn--ghost{background:transparent}.btn--ghost.btn--primary{color:var(--color-primary-500)}.btn--ghost.btn--neutral{color:var(--color-text-primary)}.btn--ghost.btn--danger{color:var(--color-danger)}.btn--ghost:hover:not(:disabled){background:var(--color-background-hover)}.btn--link{background:transparent;height:auto;padding:0;text-decoration:underline}.btn--link.btn--primary{color:var(--color-primary-500)}.btn--link.btn--neutral{color:var(--color-text-secondary)}.btn__label{display:inline-block}.btn__spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;border:2px solid var(--color-background-400);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner--sm{width:1rem;height:1rem}.spinner--md{width:1.5rem;height:1.5rem}.spinner--lg{width:2.5rem;height:2.5rem;border-width:3px}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;background:var(--color-background-600);border-radius:var(--radius-full);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--xs{width:var(--avatar-size-xs);height:var(--avatar-size-xs);font-size:var(--font-size-2xs)}.avatar--sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm);font-size:var(--font-size-xs)}.avatar--md{width:var(--avatar-size-md);height:var(--avatar-size-md);font-size:var(--font-size-sm)}.avatar--lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg);font-size:var(--font-size-base)}.avatar--xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl);font-size:var(--font-size-xl)}.avatar--ring{box-shadow:0 0 0 2px var(--color-primary-500)}.avatar--clickable{cursor:pointer}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--badge-padding-y) var(--badge-padding-x);border:1px solid transparent;border-radius:var(--badge-border-radius);font-size:var(--badge-font-size);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.badge--solid.badge--primary{background:var(--color-primary-500);color:var(--color-text-on-primary)}.badge--solid.badge--secondary{background:var(--badge-secondary-bg);color:var(--badge-secondary-color)}.badge--solid.badge--neutral{background:var(--color-background-600);color:var(--color-text-primary)}.badge--solid.badge--success{background:var(--color-success);color:var(--color-always-black)}.badge--solid.badge--warning{background:var(--color-warning);color:var(--color-always-black)}.badge--solid.badge--danger{background:var(--color-danger);color:var(--color-always-white)}.badge--soft.badge--primary{background:var(--color-primary-200);color:var(--color-primary-500)}.badge--soft.badge--neutral{background:var(--color-background-hover);color:var(--color-text-secondary)}.badge--soft.badge--success{background:#22c55e26;color:var(--color-success)}.badge--soft.badge--warning{background:#f59e0b26;color:var(--color-warning)}.badge--soft.badge--danger{background:#ef444426;color:var(--color-danger)}.badge--outline{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.skeleton{display:block;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-highlight) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeleton-shine 1.4s ease-in-out infinite}.skeleton--sm{border-radius:var(--radius-sm)}.skeleton--md{border-radius:var(--radius-md)}.skeleton--lg{border-radius:var(--radius-lg)}.skeleton--full{border-radius:var(--radius-full)}.skeleton-list{display:flex;flex-direction:column;gap:var(--spacing-md)}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.card{background:var(--card-background);border-radius:var(--card-border-radius);overflow:hidden}.card--padded{padding:var(--card-padding)}.card--interactive{cursor:pointer;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.card--interactive:hover{background:var(--card-background-hover);box-shadow:var(--shadow-card-hover)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.card__header-text{min-width:0}.card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card__subtitle{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.list{display:flex;flex-direction:column;gap:var(--list-group-gap)}.list-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.list-group+.list-group{margin-top:var(--spacing-xl)}.list-group__title{padding:0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.list-group__items{display:flex;flex-direction:column;gap:var(--list-group-gap)}.list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-x);background:var(--list-item-background);border-radius:var(--list-item-border-radius);color:var(--color-text-primary);transition:background-color var(--transition-base)}.list-item--clickable{cursor:pointer}.list-item--clickable:hover{background:var(--list-item-background-hover)}.list-item--selected{box-shadow:inset 0 0 0 1px var(--color-primary-500)}.list-item--danger .list-item__label,.list-item--danger .list-item__icon{color:var(--color-danger)}.list-item--disabled{opacity:.5;pointer-events:none}.list-item__icon{display:flex;flex:none;color:var(--color-text-secondary)}.list-item__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.list-item__label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis}.list-item__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.list-item__value{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.list-item__chevron{flex:none;color:var(--color-text-muted)}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--drawer-overlay);animation:fade-in var(--transition-base) ease}.drawer{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:var(--drawer-max-height);padding-top:var(--spacing-sm);background:var(--drawer-background);border-radius:var(--drawer-border-radius) var(--drawer-border-radius) 0 0;box-shadow:var(--shadow-modal);animation:drawer-up var(--drawer-transition)}.drawer--fullscreen{top:0;max-height:none;border-radius:0}.drawer__handle{width:var(--drawer-handle-width);height:var(--drawer-handle-height);margin:0 auto var(--spacing-sm);background:var(--drawer-handle-color);border-radius:var(--radius-full)}.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--drawer-padding) var(--spacing-md)}.drawer__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.drawer__description{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.drawer__close{display:flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;background:var(--color-background-hover);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary)}.drawer__body{flex:1;padding:0 var(--drawer-padding) var(--drawer-padding)}.drawer__footer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--drawer-padding);border-top:1px solid var(--color-border)}@keyframes drawer-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-medium)}.modal{position:relative;display:flex;flex-direction:column;width:min(28rem,100%);max-height:80dvh;background:var(--drawer-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);animation:modal-in var(--transition-base) ease}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal__close{background:none;border:none;color:var(--color-text-secondary)}.modal__body{flex:1;padding:0 var(--spacing-lg) var(--spacing-lg)}.modal__footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.modal__footer>*{flex:1}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.action-sheet{display:flex;flex-direction:column;gap:var(--spacing-xs)}.action-sheet__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--list-item-padding-y) var(--list-item-padding-x);background:var(--list-item-background);border:none;border-radius:var(--list-item-border-radius);color:var(--color-text-primary);font-size:var(--font-size-md);text-align:left}.action-sheet__item:hover{background:var(--list-item-background-hover)}.action-sheet__item--danger{color:var(--color-danger)}.action-sheet__item:disabled{opacity:.5}.field{display:flex;flex-direction:column;gap:var(--input-gap)}.field__label{font-size:var(--input-label-font-size);font-weight:var(--form-label-font-weight);color:var(--input-label)}.field__required{color:var(--color-primary-500)}.field__hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.field__error{font-size:var(--input-error-font-size);color:var(--input-error-text)}.field__count{align-self:flex-end;font-size:var(--font-size-xs);color:var(--color-text-muted)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper__leading,.input-wrapper__trailing{position:absolute;display:flex;align-items:center;color:var(--color-text-tertiary)}.input-wrapper__leading{left:var(--spacing-md)}.input-wrapper__trailing{right:var(--spacing-md)}.input-wrapper__button{background:none;border:none;color:var(--color-text-tertiary);display:flex;padding:0}.input-wrapper__button:hover{color:var(--color-text-primary)}.input-wrapper__suffix{color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.input{width:100%;height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);background:var(--input-bg);border:var(--input-border-width) solid var(--input-border);border-radius:var(--input-border-radius);color:var(--input-text);font-size:var(--input-font-size);outline:none;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.input::placeholder{color:var(--input-placeholder)}.input:focus{background:var(--input-bg-focus);box-shadow:0 0 0 2px var(--input-border-focus)}.input:disabled{opacity:var(--input-disabled-opacity)}.input--with-leading{padding-left:calc(var(--input-padding-x) + 1.5rem)}.input--with-trailing{padding-right:calc(var(--input-padding-x) + 1.5rem)}.input--textarea{height:auto;min-height:6rem;resize:vertical;line-height:1.5}.input--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:calc(var(--input-padding-x) + 1rem)}.field--error .input{box-shadow:0 0 0 1px var(--input-border-error)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);cursor:pointer}.toggle--disabled{opacity:.5;pointer-events:none}.toggle__text{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle__label{font-size:var(--font-size-md);color:var(--color-text-primary)}.toggle__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:relative;flex:none;width:2.75rem;height:1.5rem;background:var(--color-background-500);border-radius:var(--radius-full);transition:background-color var(--transition-base)}.toggle__thumb{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:var(--color-always-white);border-radius:var(--radius-full);transition:transform var(--transition-base)}.toggle__input:checked+.toggle__track{background:var(--color-primary-500)}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(1.25rem)}.input-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);min-height:var(--input-height);padding:var(--spacing-sm);background:var(--input-bg);border-radius:var(--input-border-radius)}.input-tags__tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-500);border-radius:var(--radius-full);color:var(--color-text-on-primary);font-size:var(--font-size-xs)}.input-tags__tag button{display:flex;background:none;border:none;color:inherit;padding:0}.input-tags__input{flex:1;min-width:6rem;background:none;border:none;color:var(--input-text);outline:none;font-size:var(--font-size-sm)}.tabs-bar{padding:var(--spacing-sm) 0;background:transparent}.tabs-bar__container{position:relative;display:flex;padding:3px;background:var(--tabs-bar-container-bg);border-radius:var(--radius-full)}.tabs-bar__indicator{position:absolute;top:3px;left:3px;bottom:3px;background:var(--tabs-bar-indicator-bg);border-radius:var(--radius-full);transition:transform var(--transition-base) ease}.tabs-bar__tab{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:var(--tabs-bar-height);padding:0 var(--spacing-sm);background:none;border:none;border-radius:var(--radius-full);color:var(--tabs-bar-tab-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:color var(--transition-base)}.tabs-bar__tab:hover{color:var(--tabs-bar-tab-hover-color)}.tabs-bar__tab--active{color:var(--tabs-bar-tab-active-color);font-weight:var(--font-weight-semibold)}.tabs-bar__badge{font-size:var(--font-size-2xs);opacity:.8}.accordion{background:var(--color-background-800);border-radius:var(--radius-md);overflow:hidden}.accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding-right:var(--spacing-md)}.accordion__toggle{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-align:left}.accordion__chevron{flex:none;transition:transform var(--transition-base);color:var(--color-text-tertiary)}.accordion--open .accordion__chevron{transform:rotate(180deg)}.accordion__title{flex:1}.accordion__count{padding:0 var(--spacing-sm);background:var(--color-background-hover);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.accordion__subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.accordion__content{padding:0 var(--spacing-lg) var(--spacing-lg)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-background-800)}.alert__icon{flex:none;margin-top:2px}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.alert__body{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.alert--info .alert__icon{color:var(--color-info)}.alert--success .alert__icon{color:var(--color-success)}.alert--warning .alert__icon{color:var(--color-warning)}.alert--error .alert__icon{color:var(--color-danger)}.alert--error{background:#ef444414}.alert--warning{background:#f59e0b14}.alert--success{background:#22c55e14}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.empty-state__icon{display:flex;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.empty-state__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.empty-state__description{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:22rem}.empty-state__action{margin-top:var(--spacing-md)}.progress{width:100%;height:var(--progress-height);background:var(--progress-bg);border-radius:var(--radius-full);overflow:hidden}.progress__fill{display:block;height:100%;background:var(--progress-fill);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress--success .progress__fill{background:var(--color-success)}.progress--warning .progress__fill{background:var(--color-warning)}.progress--danger .progress__fill{background:var(--color-danger)}.grid{display:grid}.grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--gap-sm{gap:var(--spacing-xs)}.grid--gap-md{gap:var(--spacing-md)}.grid--gap-lg{gap:var(--spacing-lg)}.infinite-scroll{display:flex;justify-content:center;padding:var(--spacing-lg)}.toast-viewport{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:var(--toast-gap);width:var(--toast-width);padding:var(--spacing-md);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--toast-padding);background:var(--toast-background);border-radius:var(--toast-border-radius);box-shadow:var(--shadow-dropdown);pointer-events:auto;animation:toast-in var(--transition-base) ease}.toast__icon{flex:none;margin-top:2px}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-danger)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-info)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.toast__description{margin-top:2px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.toast__close{background:none;border:none;color:var(--color-text-tertiary);display:flex;padding:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.app-layout{position:relative;height:100%}.app-loading{display:flex;align-items:center;justify-content:center;height:100dvh;background:var(--color-background-950)}.page{position:relative;display:flex;flex-direction:column;height:100%}.app-header{position:sticky;top:0;z-index:60;flex:none;background:var(--color-background-950)}.app-header--transparent{background:transparent}.header-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--header-gap);height:var(--header-height);padding:0 var(--spacing-md)}.header-nav__left{display:flex;align-items:center;gap:var(--header-button-gap);justify-content:flex-start}.header-nav__center{display:flex;align-items:center;justify-content:center;min-width:0}.header-nav__right{display:flex;align-items:center;gap:var(--header-button-gap);justify-content:flex-end}.header-nav__title{color:var(--header-title-color);font-size:var(--header-title-font-size);font-weight:var(--header-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-nav__title--clickable{cursor:pointer}.header-nav__button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-primary);transition:background-color var(--transition-base)}.header-nav__button:hover{background:var(--color-background-hover)}.header-nav__button-wrapper{position:relative;display:flex}.header-nav__badge{position:absolute;top:2px;right:2px;min-width:1rem;padding:0 3px;background:var(--color-primary-500);border-radius:var(--radius-full);color:var(--color-text-on-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);line-height:1rem;text-align:center}.page__content{flex:1;min-height:0}.page__content--padded{padding:var(--page-content-padding)}.page__content--with-footer{padding-bottom:calc(var(--spacing-2xl) * 3)}.page__footer{position:sticky;bottom:0;z-index:50;flex:none;background:var(--color-background-950)}.page__footer-inner{max-width:var(--page-content-max-width);margin:0 auto;padding:var(--footer-padding-y) var(--footer-padding-x);display:flex;flex-direction:column;gap:var(--spacing-sm)}.page__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.page__section+.page__section{margin-top:var(--page-section-gap)}.page__section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.page__section-title{font-size:var(--page-heading-font-size);font-weight:var(--page-heading-font-weight);color:var(--page-heading-color)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:70;display:flex;justify-content:space-around;align-items:stretch;background:var(--color-background-950);border-top:1px solid var(--color-border)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--spacing-sm) 0;color:var(--color-text-muted);transition:color var(--transition-base)}.bottom-nav__item--active{color:var(--color-primary-500)}.bottom-nav__icon-wrapper{position:relative;display:flex}.bottom-nav__badge{position:absolute;top:-4px;right:-8px;min-width:1rem;padding:0 3px;background:var(--color-primary-500);border-radius:var(--radius-full);color:var(--color-text-on-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);line-height:1rem;text-align:center}.bottom-nav__label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium)}.app-layout .page__content{padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px))}.app-layout .page__footer{bottom:calc(4rem + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.page__content--padded{max-width:var(--page-content-max-width);margin:0 auto;width:100%}}.intro{display:flex;align-items:center;justify-content:center}.intro__content{display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:center}.intro__title{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--color-primary-500);letter-spacing:.08em}.intro__description{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.form{display:flex;flex-direction:column;gap:var(--form-gap)}.form__link{align-self:center;font-size:var(--font-size-sm);color:var(--color-primary-500);text-decoration:underline}.register__intro{margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.register-type{display:flex;flex-direction:column;gap:var(--spacing-md)}.register-type__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xl);background:var(--card-background);border:2px solid transparent;border-radius:var(--card-border-radius);color:var(--color-text-primary);text-align:left}.register-type__card--selected{border-color:var(--color-primary-500)}.register-type__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.register-type__description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.category-picker{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.category-picker__item{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background-800);border:1px solid transparent;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.category-picker__item--selected{background:var(--color-primary-500);color:var(--color-text-on-primary);font-weight:var(--font-weight-semibold)}.avatar-picker{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer}.avatar-picker__label{font-size:var(--font-size-sm);color:var(--color-primary-500)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:8rem;padding:var(--spacing-lg);background:var(--color-background-800);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer}.upload-zone--large{min-height:14rem}.upload-zone__preview{max-height:10rem;border-radius:var(--radius-sm)}.settings-select{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.discover__filters{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-sm)}.discover__filters .tabs-bar{flex:1;min-width:0}.profile-card{display:flex;flex-direction:column;background:var(--card-background);border-radius:var(--card-border-radius);overflow:hidden}.profile-card--skeleton{height:12rem;background:var(--skeleton-bg)}.profile-card__cover{position:relative;aspect-ratio:3 / 4;background:var(--color-background-700)}.profile-card__cover img{width:100%;height:100%;object-fit:cover}.profile-card__cover-placeholder{display:block;width:100%;height:100%;background:linear-gradient(160deg,var(--color-background-700),var(--color-background-900))}.profile-card__body{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.profile-card__text{display:flex;flex-direction:column;min-width:0}.profile-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card__meta{display:flex;align-items:center;gap:2px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.profile-card__star{color:var(--color-primary-500)}.profile-card__reviews{margin-left:2px}.service-card{display:flex;flex-direction:column;background:var(--card-background);border-radius:var(--card-border-radius);overflow:hidden;cursor:pointer}.service-card__media{position:relative;aspect-ratio:4 / 3;background:var(--color-background-700)}.service-card__media img{width:100%;height:100%;object-fit:cover}.service-card__favorite,.media-card__favorite{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-overlay-dark);border:none;border-radius:var(--radius-full);color:var(--color-text-on-overlay)}.service-card__favorite--active,.media-card__favorite--active{color:var(--color-primary-500)}.service-card__status{position:absolute;bottom:var(--spacing-sm);left:var(--spacing-sm)}.service-card__body{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.service-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.service-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs)}.service-card__price{color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.service-card__duration{display:flex;align-items:center;gap:2px;color:var(--color-text-tertiary)}.media-card{display:flex;flex-direction:column;gap:var(--spacing-xs);cursor:pointer}.media-card__preview{position:relative;aspect-ratio:1;background:var(--color-background-700);border-radius:var(--radius-sm);overflow:hidden}.media-card__preview img{width:100%;height:100%;object-fit:cover}.media-card__preview--locked img{filter:blur(14px);transform:scale(1.1)}.media-card__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);background:var(--overlay-light);color:var(--color-text-on-overlay)}.media-card__price{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.media-card__count{position:absolute;bottom:var(--spacing-xs);left:var(--spacing-xs);display:flex;align-items:center;gap:2px;padding:2px var(--spacing-xs);background:var(--color-overlay-dark);border-radius:var(--radius-full);color:var(--color-text-on-overlay);font-size:var(--font-size-2xs)}.media-card__title{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-purchase{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.media-purchase__icon{color:var(--color-primary-500)}.media-purchase__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.media-purchase__price{color:var(--color-primary-500);font-weight:var(--font-weight-bold)}.list--conversations{margin-top:var(--spacing-md)}.conversation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-primary)}.conversation-item:hover{background:var(--color-background-hover)}.conversation-item__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.conversation-item__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.conversation-item__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.conversation-item__time{font-size:var(--font-size-2xs);color:var(--color-text-muted);white-space:nowrap}.conversation-item__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.conversation-item__preview{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item__unread{min-width:1.25rem;padding:0 var(--spacing-xs);background:var(--color-primary-500);border-radius:var(--radius-full);color:var(--color-text-on-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);line-height:1.25rem;text-align:center}.conversation-page{height:100%}.conversation__thread{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.conversation__loading{display:flex;justify-content:center;padding:var(--spacing-2xl)}.message{display:flex}.message--mine{justify-content:flex-end}.message--other{justify-content:flex-start}.message__bubble{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:var(--message-max-width);padding:var(--message-bubble-padding);border-radius:var(--message-bubble-radius)}.message--mine .message__bubble{background:var(--message-bubble-mine-bg);color:var(--message-bubble-mine-color)}.message--other .message__bubble{background:var(--message-bubble-other-bg);color:var(--message-bubble-other-color)}.message__text{font-size:var(--font-size-md);line-height:1.4;white-space:pre-wrap;word-break:break-word}.message__image{max-width:100%;border-radius:var(--radius-sm)}.message__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs)}.message__time{font-size:var(--font-size-2xs);opacity:.7}.message__status{display:flex;opacity:.7}.message__attachment{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-overlay-hover);border:none;border-radius:var(--radius-sm);color:inherit;text-align:left}.message__attachment-icon{display:flex}.message__attachment-text{display:flex;flex-direction:column}.message__attachment-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.message__attachment-meta{font-size:var(--font-size-2xs);opacity:.8}.message-system{display:flex;justify-content:center}.message-system span{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-background-hover);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.service-request-bubble{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:14rem}.service-request-bubble__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.service-request-bubble__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.service-request-bubble__price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.service-request-bubble__original{margin-left:var(--spacing-xs);font-size:var(--font-size-sm);text-decoration:line-through;opacity:.6}.service-request-bubble__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.message-input{display:flex;align-items:center;gap:var(--spacing-sm);flex:none;padding:var(--spacing-md);background:var(--color-background-950);border-top:1px solid var(--color-border)}.message-input__attach,.message-input__send{display:flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;border:none;border-radius:var(--radius-full)}.message-input__attach{background:var(--color-background-700);color:var(--color-text-primary)}.message-input__send{background:var(--color-primary-500);color:var(--color-text-on-primary)}.message-input__send:disabled{opacity:.4}.message-input__field{flex:1;min-width:0;height:2.5rem;padding:0 var(--spacing-lg);background:var(--input-bg);border:none;border-radius:var(--radius-full);color:var(--input-text);outline:none}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;padding:var(--list-item-padding-y) var(--list-item-padding-x);background:var(--list-item-background);border:none;border-radius:var(--list-item-border-radius);color:var(--color-text-primary);text-align:left}.notification-item--unread{background:var(--color-background-700)}.notification-item__icon{display:flex;flex:none;color:var(--color-primary-500)}.notification-item__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.notification-item__body{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.notification-item__time{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.notification-item__dot{flex:none;width:8px;height:8px;background:var(--color-primary-500);border-radius:var(--radius-full)}.profile-head{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.profile-head__text{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.profile-head__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.profile-head__badges{display:flex;gap:var(--spacing-xs)}.token-balance{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:var(--page-section-background);border-radius:var(--page-section-border-radius)}.token-balance__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.token-balance__value{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-500);line-height:1}.token-balance__chf{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.public-profile__head{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-lg)}.public-profile__cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-lg)}.public-profile__avatar{margin-top:calc(var(--avatar-size-xl) / -2)}.public-profile__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.public-profile__bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;max-width:32rem}.public-profile__stats{display:flex;gap:var(--spacing-xl);margin:var(--spacing-md) 0}.public-profile__stats span{display:flex;flex-direction:column;align-items:center;font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.public-profile__stats strong{font-size:var(--font-size-lg);color:var(--color-text-primary)}.public-profile__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.review-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card-background);border-radius:var(--radius-md)}.review-item__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.review-item__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.review-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.review-item__rating{display:flex;gap:1px;color:var(--color-primary-500)}.review-item__comment{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.review-item__date{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.list-item__action{display:flex;background:none;border:none;color:var(--color-text-muted);padding:0}.list-item__action:hover{color:var(--color-danger)}.accounting-balance{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-2xl) 0}.accounting-balance__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.accounting-balance__value{font-size:var(--accounting-balance-font-size);font-weight:var(--font-weight-bold);color:var(--color-primary-500);line-height:1}.accounting-balance__chf{font-size:var(--font-size-md);color:var(--color-text-secondary)}.accounting-balance__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.accounting-secondary{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--page-section-background);border-radius:var(--radius-md)}.accounting-secondary__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.accounting-secondary__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.accounting-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.accounting-stats__item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--card-background);border-radius:var(--radius-md);text-align:center}.accounting-stats__item span{font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.accounting-stats__item strong{font-size:var(--font-size-lg)}.transaction-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card-background);border-radius:var(--radius-md)}.transaction-item__icon{display:flex;align-items:center;justify-content:center;flex:none;width:2.25rem;height:2.25rem;background:var(--color-background-700);border-radius:var(--radius-full);color:var(--color-text-secondary)}.transaction-item__icon--credit{color:var(--transaction-credit-color)}.transaction-item__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.transaction-item__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.transaction-item__date{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.transaction-item__amount{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.transaction-item__amount--credit{color:var(--transaction-credit-color)}.transaction-item__amount--debit{color:var(--transaction-debit-color)}.bar-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.bar-chart__bars{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-sm);height:10rem}.bar-chart__column{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);height:100%}.bar-chart__stack{flex:1;display:flex;flex-direction:column;justify-content:flex-end;width:100%;max-width:2rem}.bar-chart__segment{display:block;width:100%;border-radius:var(--radius-full)}.bar-chart__segment--bottom{border-bottom-left-radius:0;border-bottom-right-radius:0}.bar-chart__segment--purchased{background:var(--chart-bar-purchased)}.bar-chart__segment--income{background:var(--chart-bar-income)}.bar-chart__segment--expense{background:var(--chart-bar-expense)}.bar-chart__label{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.bar-chart__legend{display:flex;justify-content:center;gap:var(--spacing-lg)}.bar-chart__legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.bar-chart__legend-item:before{content:"";width:8px;height:8px;border-radius:var(--radius-full)}.bar-chart__legend-item--purchased:before{background:var(--chart-bar-purchased)}.bar-chart__legend-item--income:before{background:var(--chart-bar-income)}.bar-chart__legend-item--expense:before{background:var(--chart-bar-expense)}.token-packs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.token-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--token-pack-card-padding);background:var(--token-pack-card-bg);border:var(--token-pack-card-border-width) solid var(--token-pack-card-border-color);border-radius:var(--token-pack-card-border-radius);color:var(--color-text-primary)}.token-pack--selected{border-color:var(--token-pack-card-border-color-selected);background:var(--token-pack-card-bg-selected)}.token-pack__badge{position:absolute;top:-.6rem;padding:2px var(--spacing-sm);background:var(--color-primary-500);border-radius:var(--radius-full);color:var(--color-text-on-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.token-pack__amount{font-size:var(--token-pack-amount-font-size);font-weight:var(--font-weight-bold);color:var(--token-pack-amount-color);line-height:1}.token-pack__label{font-size:var(--font-size-2xs);color:var(--color-text-tertiary);text-transform:uppercase}.token-pack__bonus{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-semibold)}.token-pack__price{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.payout-form,.tip-form,.review-form,.counter-offer-form{display:flex;flex-direction:column;gap:var(--form-gap)}.payout-form__summary{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0}.payout-form__summary div{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.payout-form__summary dt{color:var(--color-text-tertiary)}.payout-form__summary dd{margin:0;font-weight:var(--font-weight-semibold)}.tip-form__presets{display:flex;gap:var(--spacing-sm)}.tip-form__preset{flex:1;padding:var(--spacing-md);background:var(--color-background-800);border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.tip-form__preset--selected{border-color:var(--color-primary-500);color:var(--color-primary-500)}.review-form__stars{display:flex;justify-content:center;gap:var(--spacing-sm)}.review-form__star{background:none;border:none;color:var(--color-background-400)}.review-form__star--active{color:var(--color-primary-500)}.cloud-usage__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cloud-plan__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.cloud-plan__actions{display:flex;gap:var(--spacing-sm)}.cloud-plans{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cloud-plan-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--card-background);border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);text-align:left}.cloud-plan-card--selected{border-color:var(--color-primary-500)}.cloud-plan-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.cloud-plan-card__storage{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cloud-plan-card__price{font-size:var(--font-size-sm);color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.availability-week{display:flex;flex-direction:column;gap:var(--spacing-md)}.availability-day{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--card-background);border-radius:var(--radius-md)}.availability-day__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.availability-day__slots{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.availability-day__empty{font-size:var(--font-size-xs);color:var(--color-text-muted)}.availability-slot{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background-700);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.availability-slot button{display:flex;background:none;border:none;color:var(--color-text-muted);padding:0}.stories-bar{display:flex;gap:var(--stories-avatar-size);gap:var(--spacing-md);padding:var(--spacing-md) 0;overflow-x:auto}.stories-bar__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);background:none;border:none}.stories-bar__ring{display:flex;padding:var(--stories-avatar-border-width);border-radius:var(--radius-full);background:var(--stories-avatar-border-viewed)}.stories-bar__ring--unviewed{background:var(--stories-avatar-border-unviewed)}.stories-bar__create{display:flex;align-items:center;justify-content:center;width:var(--stories-avatar-size);height:var(--stories-avatar-size);background:var(--stories-create-bg);border:1px dashed var(--color-border);border-radius:var(--radius-full);color:var(--color-primary-500)}.stories-bar__name{max-width:4.5rem;font-size:var(--font-size-2xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:flex;flex-direction:column;background:var(--color-always-black)}.story-viewer__progress{display:flex;gap:3px;padding:var(--spacing-sm)}.story-viewer__progress-bar{flex:1;height:var(--story-viewer-progress-height);background:var(--story-viewer-progress-bg);border-radius:var(--radius-full)}.story-viewer__progress-bar--done{background:var(--story-viewer-progress-fill)}.story-viewer__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-always-white)}.story-viewer__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.story-viewer__time{font-size:var(--font-size-2xs);opacity:.7}.story-viewer__close{margin-left:auto;background:none;border:none;color:inherit;display:flex}.story-viewer__media{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.story-viewer__media img,.story-viewer__media video{max-width:100%;max-height:100%;object-fit:contain}.story-viewer__overlay{position:absolute;white-space:pre-wrap}.story-viewer__zone{position:absolute;top:0;bottom:0;width:40%;background:none;border:none}.story-viewer__zone--left{left:0}.story-viewer__zone--right{right:0}.story-viewer__footer{display:flex;justify-content:center;padding:var(--spacing-lg)}.story-viewer__like{background:none;border:none;color:var(--color-always-white);display:flex}.story-viewer__like--active{color:var(--color-primary-500)}.story-create{background:var(--color-background-950)}.story-create__picker{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.story-create__canvas{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--color-always-black)}.story-create__canvas img,.story-create__canvas video{max-width:100%;max-height:100%;object-fit:contain}.story-overlay{position:absolute;cursor:pointer;white-space:pre-wrap}.story-overlay--selected{outline:1px dashed var(--color-primary-500);outline-offset:4px}.story-create__toolbar{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-background-900)}.story-create__editor{display:flex;flex-direction:column;gap:var(--spacing-sm)}.story-create__text-input{width:100%;height:var(--input-height);padding:0 var(--input-padding-x);background:var(--input-bg);border:none;border-radius:var(--input-border-radius);color:var(--input-text);outline:none}.story-create__colors,.story-create__fonts{display:flex;gap:var(--spacing-sm)}.story-create__color{width:var(--story-color-picker-size, 28px);height:var(--story-color-picker-size, 28px);border:1px solid var(--color-border);border-radius:var(--radius-full)}.story-create__font{width:2.5rem;height:2.5rem;background:var(--color-background-800);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-primary)}.story-create__font--active{border-color:var(--color-primary-500)}.kyc-intro{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl) 0;text-align:center}.kyc-intro__icon{color:var(--color-primary-500)}.kyc-intro__description{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:28rem}