.page{max-width:480px;margin:0 auto;animation:cc-fade-in .2s ease}@keyframes cc-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:var(--cc-text-display-md);font-weight:var(--cc-weight-semibold);margin-bottom:var(--cc-space-6);letter-spacing:-.02em}.page-greeting h1{font-size:var(--cc-text-display-sm);font-weight:var(--cc-weight-semibold);margin-bottom:var(--cc-space-1);letter-spacing:-.01em}.greeting-subtitle{color:var(--cc-muted);font-size:var(--cc-text-body-sm);margin-bottom:var(--cc-space-6)}.section{margin-top:var(--cc-space-6)}.section-title{font-size:var(--cc-text-body-md);font-weight:var(--cc-weight-semibold);margin-bottom:var(--cc-space-4);color:var(--cc-muted)}.section-subtitle{font-size:var(--cc-text-body-md);font-weight:var(--cc-weight-semibold);margin-bottom:var(--cc-space-2)}.section-description{font-size:var(--cc-text-body-sm);color:var(--cc-muted);margin-bottom:var(--cc-space-4);line-height:1.6}.telegram-header{display:flex;align-items:center;justify-content:space-between;padding:var(--cc-space-2) var(--cc-space-4);background:var(--cc-surface);border-bottom:1px solid var(--cc-border);min-height:56px}.header-left{display:flex;align-items:center;gap:var(--cc-space-2)}.header-avatar{width:36px;height:36px;border-radius:var(--cc-radius-full);object-fit:cover}.header-avatar-placeholder{width:36px;height:36px;border-radius:var(--cc-radius-full);background:var(--cc-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--cc-weight-semibold);font-size:var(--cc-text-body-md);color:var(--cc-on-primary)}.header-info{display:flex;flex-direction:column}.header-name{font-weight:var(--cc-weight-semibold);font-size:var(--cc-text-body-sm);display:flex;align-items:center;gap:var(--cc-space-1)}.premium-badge{font-size:var(--cc-text-caption)}.header-username{font-size:var(--cc-text-caption);color:var(--cc-muted)}.header-right{display:flex;align-items:center}.header-address{font-size:var(--cc-text-caption);font-family:var(--cc-font-mono);background:color-mix(in srgb,var(--cc-primary) 15%,transparent);color:var(--cc-primary-light);padding:var(--cc-space-1) var(--cc-space-2);border-radius:var(--cc-radius-sm)}.balance-card{margin:var(--cc-space-4) 0}.balance-card-inner{background:var(--cc-surface);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-md);padding:var(--cc-space-6);color:var(--cc-text);position:relative;overflow:hidden}.balance-label{font-size:var(--cc-text-body-sm);color:var(--cc-muted);margin-bottom:var(--cc-space-1)}.balance-amount{display:flex;align-items:baseline;gap:var(--cc-space-2)}.balance-value{font-size:var(--cc-text-display-lg);font-weight:var(--cc-weight-semibold);letter-spacing:-.02em}.balance-currency{font-size:var(--cc-text-body-md);color:var(--cc-muted)}.balance-loading{font-size:var(--cc-text-display-lg);font-weight:var(--cc-weight-semibold);letter-spacing:4px;color:var(--cc-muted)}.balance-address{font-size:var(--cc-text-caption);font-family:var(--cc-font-mono);color:var(--cc-muted);margin-top:var(--cc-space-2)}.balance-refresh{margin-top:var(--cc-space-2);background:var(--cc-surface);color:var(--cc-text);border:1px solid var(--cc-border);padding:var(--cc-space-2) var(--cc-space-3);border-radius:var(--cc-radius-sm);font-size:var(--cc-text-caption);transition:background .2s}.balance-refresh:hover{background:color-mix(in srgb,var(--cc-text) 5%,transparent)}.balance-refresh:focus-visible{outline:2px solid var(--cc-primary);outline-offset:2px}.quick-actions{display:flex;gap:var(--cc-space-2);margin:var(--cc-space-4) 0}.quick-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--cc-space-1);padding:var(--cc-space-4);background:var(--cc-surface);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-md);color:var(--cc-text);transition:all .2s}.quick-action-btn:active{transform:scale(.95);background:color-mix(in srgb,var(--cc-primary) 10%,transparent)}.quick-action-btn:focus-visible{outline:2px solid var(--cc-primary);outline-offset:2px}.quick-action-btn:disabled{opacity:.4;pointer-events:none}.quick-action-icon{display:flex;align-items:center;justify-content:center}.quick-action-label{font-size:var(--cc-text-caption);font-weight:var(--cc-weight-medium)}.transaction-list{display:flex;flex-direction:column;gap:var(--cc-space-2)}.transaction-item{display:flex;gap:var(--cc-space-2);padding:var(--cc-space-4);background:var(--cc-surface);border-radius:var(--cc-radius-md);border:1px solid var(--cc-hairline)}.tx-icon{display:flex;align-items:center;justify-content:center;width:40px;height:48px;flex-shrink:0}.tx-details{flex:1;min-width:0}.tx-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cc-space-1)}.tx-type{font-weight:var(--cc-weight-semibold);font-size:var(--cc-text-body-sm)}.tx-value{font-weight:var(--cc-weight-semibold);font-size:var(--cc-text-body-sm);font-family:var(--cc-font-mono)}.tx-value.positive{color:var(--cc-success)}.tx-value.negative{color:var(--cc-error)}.tx-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cc-space-1)}.tx-hash{font-size:var(--cc-text-caption);font-family:var(--cc-font-mono);color:var(--cc-muted)}.tx-meta{font-size:var(--cc-text-caption);color:var(--cc-muted);display:inline-flex;align-items:center;gap:var(--cc-space-1)}.tx-address{font-size:var(--cc-text-caption);color:var(--cc-muted)}.btn-large{padding:var(--cc-space-4) var(--cc-space-6);font-size:var(--cc-text-body-md)}.btn-spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--cc-on-primary) 30%,transparent);border-top-color:var(--cc-on-primary);border-radius:var(--cc-radius-full);animation:cc-spin .6s linear infinite;display:inline-block;margin-right:var(--cc-space-2)}.cc-btn-primary{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--cc-space-6);background-color:var(--cc-primary);color:var(--cc-on-primary);border:none;border-radius:var(--cc-radius-pill);font-size:var(--cc-text-body-md);font-weight:var(--cc-weight-medium);cursor:pointer;transition:opacity .15s ease;text-decoration:none;white-space:nowrap}.cc-btn-primary:active{transform:scale(.97)}.cc-btn-primary:focus-visible{outline:2px solid var(--cc-primary);outline-offset:2px}.cc-btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--cc-space-6);background-color:transparent;color:var(--cc-text);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-pill);font-size:var(--cc-text-body-md);font-weight:var(--cc-weight-medium);cursor:pointer;transition:border-color .15s ease;text-decoration:none;white-space:nowrap}.cc-btn-secondary:hover{border-color:var(--cc-text)}.cc-btn-secondary:active{transform:scale(.97)}.cc-btn-secondary:focus-visible{outline:2px solid var(--cc-primary);outline-offset:2px}.cc-btn-secondary-sm{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 var(--cc-space-4);background-color:transparent;color:var(--cc-text);border:1px solid color-mix(in srgb,var(--cc-text) 20%,transparent);border-radius:var(--cc-radius-sm);font-size:var(--cc-text-body-sm);font-weight:var(--cc-weight-medium);cursor:pointer;transition:border-color .15s ease;text-decoration:none;white-space:nowrap}.cc-btn-secondary-sm:hover{border-color:var(--cc-text)}.cc-btn-secondary-sm:active{transform:scale(.97)}.cc-btn-secondary-sm:focus-visible{outline:2px solid var(--cc-primary);outline-offset:2px}.cc-btn-danger{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--cc-space-5);background-color:var(--cc-error);color:var(--cc-on-primary);border:none;border-radius:var(--cc-radius-pill);font-size:var(--cc-text-body-sm);font-weight:var(--cc-weight-medium);cursor:pointer;transition:opacity .15s ease;text-decoration:none}.cc-btn-danger:hover{opacity:.9}.cc-btn-danger:active{transform:scale(.97)}.cc-btn-danger:focus-visible{outline:2px solid var(--cc-error);outline-offset:2px}.empty-state{text-align:center;padding:var(--cc-space-10);color:var(--cc-muted)}.empty-state p{margin-bottom:var(--cc-space-4)}.connect-section{text-align:center;padding:var(--cc-space-6) 0}.connect-icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--cc-space-4);width:56px;height:56px;background:var(--cc-surface);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-full)}.connect-section h2{font-size:var(--cc-text-display-sm);font-weight:var(--cc-weight-semibold);margin-bottom:var(--cc-space-2);letter-spacing:-.01em}.connect-description{color:var(--cc-muted);font-size:var(--cc-text-body-sm);margin-bottom:var(--cc-space-6);line-height:1.6;max-width:320px;margin-left:auto;margin-right:auto}.wallet-options{margin-top:var(--cc-space-6);display:flex;flex-direction:column;gap:var(--cc-space-2)}.wallet-option{display:flex;align-items:center;gap:var(--cc-space-2);padding:var(--cc-space-4);background:var(--cc-surface);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-md);font-size:var(--cc-text-body-sm);cursor:pointer;transition:all .2s}.wallet-option:hover{border-color:var(--cc-primary);background:color-mix(in srgb,var(--cc-primary) 5%,transparent)}.wallet-option:focus-visible{outline:2px solid var(--cc-primary);outline-offset:2px}.wallet-option-icon{display:flex;align-items:center;justify-content:center}.wallet-connected{display:flex;flex-direction:column;gap:var(--cc-space-6)}.wallet-status-card{display:flex;align-items:center;gap:var(--cc-space-4);padding:var(--cc-space-4);background:var(--cc-surface);border-radius:var(--cc-radius-md);border:1px solid var(--cc-hairline)}.status-indicator{width:12px;height:12px;border-radius:var(--cc-radius-full);background:var(--cc-muted)}.status-indicator.connected{background:var(--cc-success)}.wallet-info{display:flex;flex-direction:column}.wallet-label{font-size:var(--cc-text-caption);color:var(--cc-muted)}.wallet-address{font-family:var(--cc-font-mono);font-size:var(--cc-text-body-sm);font-weight:var(--cc-weight-medium)}.wallet-actions{display:flex;flex-direction:column;gap:var(--cc-space-2)}.chain-info h3{font-size:var(--cc-text-body-sm);font-weight:var(--cc-weight-medium);color:var(--cc-muted);margin-bottom:var(--cc-space-2)}.chain-badge{display:inline-flex;align-items:center;gap:var(--cc-space-2);padding:var(--cc-space-2) var(--cc-space-4);background:var(--cc-surface);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-full);font-size:var(--cc-text-body-sm)}.chain-dot{width:8px;height:8px;border-radius:var(--cc-radius-full);background:var(--cc-success)}.transfer-form{display:flex;flex-direction:column;gap:var(--cc-space-6)}.form-group{display:flex;flex-direction:column;gap:var(--cc-space-1)}.form-label{font-size:var(--cc-text-body-sm);font-weight:var(--cc-weight-semibold);color:var(--cc-muted)}.form-input{width:100%;padding:var(--cc-space-4);background:var(--cc-surface);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-sm);color:var(--cc-text);font-size:var(--cc-text-body-sm);transition:border-color .2s}.form-input:focus{border-color:var(--cc-primary)}.form-input::placeholder{color:var(--cc-muted);opacity:.5}.form-textarea{width:100%;padding:var(--cc-space-4);background:var(--cc-surface);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-sm);color:var(--cc-text);font-size:var(--cc-text-body-sm);resize:vertical;min-height:100px;transition:border-color .2s;font-family:var(--cc-font-sans)}.form-textarea:focus{border-color:var(--cc-primary)}.form-value{font-family:var(--cc-font-mono);font-size:var(--cc-text-body-sm);padding:var(--cc-space-2) 0}.form-hint{font-size:var(--cc-text-caption);color:var(--cc-muted)}.input-with-button{display:flex;gap:var(--cc-space-2)}.input-with-button .form-input{flex:1}.error-message{padding:var(--cc-space-2) var(--cc-space-4);background:color-mix(in srgb,var(--cc-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--cc-error) 30%,transparent);border-radius:var(--cc-radius-sm);color:var(--cc-error);font-size:var(--cc-text-body-sm)}.success-message{padding:var(--cc-space-2) var(--cc-space-4);background:color-mix(in srgb,var(--cc-success) 10%,transparent);border:1px solid color-mix(in srgb,var(--cc-success) 30%,transparent);border-radius:var(--cc-radius-sm);color:var(--cc-success);font-size:var(--cc-text-body-sm);word-break:break-all}.sign-section{margin-bottom:var(--cc-space-6);padding-bottom:var(--cc-space-6);border-bottom:1px solid var(--cc-border)}.sign-section:last-of-type{border-bottom:none}.signature-result{margin-top:var(--cc-space-6);background:var(--cc-surface);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-md);padding:var(--cc-space-4)}.signature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cc-space-2)}.signature-header h3{font-size:var(--cc-text-body-sm);font-weight:var(--cc-weight-semibold)}.signature-value{font-family:var(--cc-font-mono);font-size:var(--cc-text-caption);color:var(--cc-muted);word-break:break-all;line-height:1.6}@media (max-width: 480px){.page{max-width:100%}.quick-actions{gap:var(--cc-space-1)}.quick-action-btn{padding:var(--cc-space-3)}.balance-card-inner{padding:var(--cc-space-4)}.balance-value{font-size:var(--cc-text-display-md)}}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:16px;left:16px;width:auto;height:auto;padding:8px 16px;margin:0;overflow:visible;clip:auto;white-space:normal;background:var(--cc-primary);color:var(--cc-on-primary);border-radius:6px;z-index:9999;font-weight:500;text-decoration:none}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);padding-bottom:calc(64px + var(--spacing-md));-webkit-overflow-scrolling:touch}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:var(--spacing-md)}.loading-spinner{width:32px;height:32px;border:3px solid var(--cc-hairline);border-top-color:var(--cc-primary);border-radius:50%;animation:cc-spin .8s linear infinite}@keyframes cc-spin{to{transform:rotate(360deg)}}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--cc-canvas-soft);border-top:1px solid var(--cc-hairline);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0);z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-xs) var(--spacing-md);background:transparent;color:var(--cc-muted);transition:color .2s ease;min-width:64px;border-radius:var(--radius-sm)}.tab-item.active{color:var(--cc-primary)}.tab-item:active{transform:scale(.95)}.tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.tab-label{font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:.02em}:root,[data-theme=dark]{--cc-primary: #ffffff;--cc-on-primary: #000000;--cc-ink: #ededed;--cc-body: #a3a3a3;--cc-muted: #737373;--cc-hairline: rgba(255, 255, 255, .08);--cc-hairline-strong: rgba(255, 255, 255, .15);--cc-canvas: #000000;--cc-canvas-soft: #0a0a0a;--cc-canvas-soft-2: #111111;--cc-link: #0070f3;--cc-link-deep: #3291ff;--cc-link-bg-soft: rgba(0, 112, 243, .15);--cc-success: #0070f3;--cc-success-bg: rgba(0, 112, 243, .15);--cc-warning-bg: rgba(245, 166, 35, .15);--cc-error-bg: rgba(238, 0, 0, .15);--cc-info-bg: rgba(0, 112, 243, .15);--cc-error: #ee0000;--cc-error-soft: rgba(238, 0, 0, .15);--cc-error-deep: #ff4d4d;--cc-warning: #f5a623;--cc-warning-soft: rgba(245, 166, 35, .15);--cc-warning-deep: #f5a623;--cc-selection-bg: #ededed;--cc-selection-fg: #000000;--cc-on-primary-hairline-soft: rgba(255, 255, 255, .12);--cc-level0: none;--cc-level1: 0 0 0 1px rgba(255, 255, 255, .06) inset;--cc-level2: 0px 1px 1px rgba(0, 0, 0, .2), 0px 2px 4px rgba(0, 0, 0, .15), 0 0 0 1px rgba(255, 255, 255, .06) inset;--cc-level3: 0px 2px 4px rgba(0, 0, 0, .2), 0px 8px 12px -6px rgba(0, 0, 0, .15), 0 0 0 1px rgba(255, 255, 255, .06) inset;--cc-level4: 0px 2px 4px rgba(0, 0, 0, .2), 0px 8px 20px -4px rgba(0, 0, 0, .15), 0 0 0 1px rgba(255, 255, 255, .06) inset;--cc-level5: 0px 1px 1px rgba(0, 0, 0, .2), 0px 8px 20px -4px rgba(0, 0, 0, .15), 0px 24px 40px -8px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .06) inset;--cc-gradient-develop-start: #007cf0;--cc-gradient-develop-end: #00dfd8;--cc-gradient-preview-start: #7928ca;--cc-gradient-preview-end: #ff0080;--cc-gradient-ship-start: #ff4d4d;--cc-gradient-ship-end: #f9cb28;--cc-violet: #7928ca;--cc-violet-soft: rgba(121, 40, 202, .15);--cc-violet-deep: #4c2889;--cc-cyan: #50e3c2;--cc-cyan-soft: rgba(80, 227, 194, .15);--cc-cyan-deep: #29bc9b;--cc-highlight-pink: #ff0080;--cc-highlight-magenta: #eb367f}[data-theme=light]{--cc-primary: #171717;--cc-on-primary: #ffffff;--cc-ink: #171717;--cc-body: #4d4d4d;--cc-muted: #888888;--cc-hairline: #ebebeb;--cc-hairline-strong: #a1a1a1;--cc-canvas: #ffffff;--cc-canvas-soft: #fafafa;--cc-canvas-soft-2: #f5f5f5;--cc-link: #0070f3;--cc-link-deep: #0761d1;--cc-link-bg-soft: rgba(0, 112, 243, .1);--cc-success: #0070f3;--cc-success-bg: rgba(0, 112, 243, .1);--cc-warning-bg: rgba(245, 166, 35, .1);--cc-error-bg: rgba(238, 0, 0, .1);--cc-info-bg: rgba(0, 112, 243, .1);--cc-error: #ee0000;--cc-error-soft: rgba(238, 0, 0, .1);--cc-error-deep: #c50000;--cc-warning: #f5a623;--cc-warning-soft: rgba(245, 166, 35, .1);--cc-warning-deep: #ab570a;--cc-selection-bg: #171717;--cc-selection-fg: #f2f2f2;--cc-on-primary-hairline-soft: rgba(0, 0, 0, .12);--cc-level0: none;--cc-level1: 0 0 0 1px rgba(0, 0, 0, .08) inset;--cc-level2: 0px 1px 1px rgba(0, 0, 0, .03), 0px 2px 2px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .08) inset;--cc-level3: 0px 2px 2px rgba(0, 0, 0, .06), 0px 8px 8px -8px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .08) inset;--cc-level4: 0px 2px 2px rgba(0, 0, 0, .06), 0px 8px 16px -4px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .08) inset;--cc-level5: 0px 1px 1px rgba(0, 0, 0, .03), 0px 8px 16px -4px rgba(0, 0, 0, .06), 0px 24px 32px -8px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .08) inset;--cc-violet: #7928ca;--cc-violet-soft: rgba(121, 40, 202, .1);--cc-violet-deep: #4c2889;--cc-cyan: #50e3c2;--cc-cyan-soft: rgba(80, 227, 194, .1);--cc-cyan-deep: #29bc9b;--cc-highlight-pink: #ff0080;--cc-highlight-magenta: #eb367f}:root{--text-display-xl: 48px;--text-display-lg: 32px;--text-display-md: 24px;--text-display-sm: 20px;--text-body-lg: 18px;--text-body-md: 16px;--text-body-sm: 14px;--text-caption: 12px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600}:root{--cc-xxs: 4px;--cc-xs: 8px;--cc-sm: 12px;--cc-md: 16px;--cc-lg: 24px;--cc-xl: 32px;--cc-2xl: 40px;--cc-3xl: 48px;--cc-4xl: 64px;--cc-5xl: 96px;--cc-6xl: 128px;--cc-section: 192px;--cc-radius-none: 0px;--cc-radius-xs: 4px;--cc-radius-sm: 6px;--cc-radius-md: 8px;--cc-radius-lg: 12px;--cc-radius-xl: 16px;--cc-radius-pill-sm: 64px;--cc-radius-pill: 100px;--cc-radius-full: 9999px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:var(--cc-canvas-soft);color:var(--cc-ink);font-family:var(--font-geist-sans),Geist Sans,system-ui,-apple-system,sans-serif;font-size:var(--text-body-md);line-height:24px;overflow-x:hidden;transition:background .3s ease,color .3s ease}::selection{background:var(--cc-selection-bg);color:var(--cc-selection-fg)}a:hover{color:var(--cc-link-deep)}.cc-skip-link{position:absolute;top:-40px;left:0;background:var(--cc-primary);color:var(--cc-on-primary);padding:8px 16px;z-index:9999;font-size:var(--text-body-sm);font-weight:var(--weight-medium);border-radius:0 0 var(--cc-radius-sm) 0;transition:top .3s ease}.cc-skip-link:focus{top:0}.cc-display-xl{font-size:var(--text-display-lg);font-weight:var(--weight-semibold);line-height:36px;letter-spacing:-1.28px}.cc-display-lg{font-size:var(--text-display-md);font-weight:var(--weight-semibold);line-height:32px;letter-spacing:-.96px}.cc-display-md{font-size:var(--text-display-sm);font-weight:var(--weight-semibold);line-height:28px;letter-spacing:-.6px}.cc-display-sm{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);line-height:28px;letter-spacing:-.4px}@media (min-width: 640px){.cc-display-xl{font-size:var(--text-display-lg);line-height:44px;letter-spacing:-1.8px}.cc-display-lg{font-size:var(--text-display-md);line-height:36px;letter-spacing:-1.1px}.cc-display-md{font-size:var(--text-display-sm);line-height:30px;letter-spacing:-.8px}.cc-display-sm{font-size:var(--text-body-lg);line-height:28px;letter-spacing:-.4px}}@media (min-width: 1024px){.cc-display-xl{font-size:var(--text-display-xl);line-height:48px;letter-spacing:-2.4px}.cc-display-lg{font-size:var(--text-display-lg);line-height:40px;letter-spacing:-1.28px}.cc-display-md{font-size:var(--text-display-md);line-height:32px;letter-spacing:-.96px}.cc-display-sm{font-size:var(--text-display-sm);line-height:28px;letter-spacing:-.6px}}.cc-body-lg{font-size:var(--text-body-lg);font-weight:var(--weight-regular);line-height:28px}.cc-body-md{font-size:var(--text-body-md);font-weight:var(--weight-regular);line-height:24px}.cc-body-md-strong{font-size:var(--text-body-md);font-weight:var(--weight-medium);line-height:24px}.cc-body-sm{font-size:var(--text-body-sm);font-weight:var(--weight-regular);line-height:20px;letter-spacing:-.28px}.cc-body-sm-strong{font-size:var(--text-body-sm);font-weight:var(--weight-medium);line-height:20px;letter-spacing:-.28px}.cc-caption{font-size:var(--text-caption);font-weight:var(--weight-regular);line-height:16px}.cc-caption-mono{font-family:var(--font-geist-mono),Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:var(--text-caption);font-weight:var(--weight-regular);line-height:16px;text-transform:uppercase;letter-spacing:0px}.cc-code{font-family:var(--font-geist-mono),Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:13px;font-weight:var(--weight-regular);line-height:20px}.cc-button-lg{font-size:var(--text-body-md);font-weight:var(--weight-medium);line-height:24px}.cc-button-md{font-size:var(--text-body-sm);font-weight:var(--weight-medium);line-height:20px}.cc-mesh-gradient{background:radial-gradient(at 40% 20%,var(--cc-gradient-develop-start) 0px,transparent 50%),radial-gradient(at 80% 0%,var(--cc-gradient-preview-start) 0px,transparent 50%),radial-gradient(at 0% 50%,var(--cc-gradient-develop-end) 0px,transparent 50%),radial-gradient(at 80% 50%,var(--cc-gradient-ship-start) 0px,transparent 40%),radial-gradient(at 0% 100%,var(--cc-gradient-preview-end) 0px,transparent 50%),radial-gradient(at 80% 100%,var(--cc-gradient-ship-end) 0px,transparent 50%);opacity:.12}.cc-mesh-gradient-strong{background:radial-gradient(at 40% 20%,var(--cc-gradient-develop-start) 0px,transparent 50%),radial-gradient(at 80% 0%,var(--cc-gradient-preview-start) 0px,transparent 50%),radial-gradient(at 0% 50%,var(--cc-gradient-develop-end) 0px,transparent 50%),radial-gradient(at 80% 50%,var(--cc-gradient-ship-start) 0px,transparent 40%),radial-gradient(at 0% 100%,var(--cc-gradient-preview-end) 0px,transparent 50%),radial-gradient(at 80% 100%,var(--cc-gradient-ship-end) 0px,transparent 50%);opacity:.18}.cc-btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--cc-primary);color:var(--cc-on-primary);border:none;border-radius:var(--cc-radius-pill);padding:0 var(--cc-sm);height:48px;font-size:var(--text-body-md);font-weight:var(--weight-medium);line-height:24px;cursor:pointer;transition:opacity .3s ease;text-decoration:none;white-space:nowrap}.cc-btn-primary:hover{opacity:.85}.cc-btn-primary:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-btn-primary-sm{display:inline-flex;align-items:center;justify-content:center;background:var(--cc-primary);color:var(--cc-on-primary);border:none;border-radius:var(--cc-radius-pill);padding:0 var(--cc-sm);height:32px;font-size:var(--text-body-sm);font-weight:var(--weight-medium);line-height:20px;cursor:pointer;transition:opacity .3s ease;text-decoration:none;white-space:nowrap}.cc-btn-primary-sm:hover{opacity:.85}.cc-btn-primary-sm:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--cc-canvas);color:var(--cc-ink);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-pill);padding:0 var(--cc-sm);height:48px;font-size:var(--text-body-md);font-weight:var(--weight-medium);line-height:24px;cursor:pointer;transition:border-color .3s ease;text-decoration:none;white-space:nowrap}.cc-btn-secondary:hover{border-color:var(--cc-hairline-strong)}.cc-btn-secondary:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-btn-secondary-sm{display:inline-flex;align-items:center;justify-content:center;background:var(--cc-canvas);color:var(--cc-ink);border:1px solid var(--cc-hairline-strong);border-radius:var(--cc-radius-pill);padding:0 var(--cc-sm);height:32px;font-size:var(--text-body-sm);font-weight:var(--weight-medium);line-height:20px;cursor:pointer;transition:border-color .3s ease;text-decoration:none;white-space:nowrap}.cc-btn-secondary-sm:hover{border-color:var(--cc-body)}.cc-btn-secondary-sm:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-card{background:var(--cc-canvas);border-radius:var(--cc-radius-md);padding:var(--cc-lg);box-shadow:var(--cc-level1);transition:box-shadow .3s ease}.cc-card:hover{box-shadow:var(--cc-level2)}.cc-card:focus-within{outline:2px solid var(--cc-link);outline-offset:2px}.cc-card-lg{background:var(--cc-canvas);border-radius:var(--cc-radius-lg);padding:var(--cc-xl);box-shadow:var(--cc-level2);transition:box-shadow .3s ease}.cc-card-lg:hover{box-shadow:var(--cc-level3)}.cc-card-lg:focus-within{outline:2px solid var(--cc-link);outline-offset:2px}.cc-card-soft{background:var(--cc-canvas-soft-2);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-md);padding:var(--cc-lg)}.cc-card-featured{background:var(--cc-primary);color:var(--cc-on-primary);border:1px solid var(--cc-on-primary-hairline-soft);border-radius:var(--cc-radius-lg);padding:var(--cc-xl);box-shadow:var(--cc-level4);transition:box-shadow .3s ease}.cc-card-featured:hover{box-shadow:var(--cc-level5)}.cc-card-featured a{color:var(--cc-on-primary)}.cc-card-featured a:hover{opacity:.85}.cc-badge{display:inline-flex;align-items:center;background:var(--cc-canvas-soft-2);color:var(--cc-body);font-size:var(--text-caption);font-weight:var(--weight-regular);line-height:16px;border-radius:var(--cc-radius-full);padding:0 var(--cc-xs)}.cc-badge:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-tab-ghost{display:inline-flex;align-items:center;justify-content:center;background:var(--cc-canvas);color:var(--cc-ink);border-radius:var(--cc-radius-pill-sm);padding:0 var(--cc-md);font-size:var(--text-body-sm);font-weight:var(--weight-regular);line-height:20px;height:32px;cursor:pointer;transition:background .3s ease;text-decoration:none;border:none}.cc-tab-ghost:hover{background:var(--cc-canvas-soft-2)}.cc-tab-ghost[data-active=true]{background:var(--cc-primary);color:var(--cc-on-primary)}.cc-form-input{background:var(--cc-canvas);color:var(--cc-ink);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-sm);padding:0 var(--cc-sm);font-size:var(--text-body-sm);line-height:20px;height:40px;width:100%;transition:border-color .3s ease,box-shadow .3s ease}.cc-form-input-sm{background:var(--cc-canvas);color:var(--cc-ink);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-sm);padding:0 var(--cc-xs);font-size:var(--text-caption);line-height:16px;height:32px;width:auto;transition:border-color .3s ease,box-shadow .3s ease}.cc-form-input-sm:focus{outline:none;border-color:var(--cc-link);box-shadow:0 0 0 3px var(--cc-link-bg-soft)}.cc-form-input-sm::placeholder{color:var(--cc-muted)}.cc-form-input-sm:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}select.cc-form-input-sm{appearance:none;background-repeat:no-repeat;background-position:right var(--cc-xs) center;padding-right:calc(var(--cc-xs) + 20px)}:root select.cc-form-input-sm,[data-theme=dark] select.cc-form-input-sm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23a1a1a1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=light] select.cc-form-input-sm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select.cc-form-input-sm option{background:var(--cc-canvas);color:var(--cc-ink)}.cc-form-input:focus{outline:none;border-color:var(--cc-link);box-shadow:0 0 0 3px var(--cc-link-bg-soft)}.cc-form-input::placeholder{color:var(--cc-muted)}textarea.cc-form-input{height:auto;min-height:80px;padding-top:var(--cc-sm);padding-bottom:var(--cc-sm);resize:vertical}select.cc-form-input{appearance:none;background-repeat:no-repeat;background-position:right var(--cc-sm) center;padding-right:calc(var(--cc-sm) + 20px)}:root select.cc-form-input,[data-theme=dark] select.cc-form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23a1a1a1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=light] select.cc-form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select.cc-form-input option{background:var(--cc-canvas);color:var(--cc-ink)}.cc-navbar{position:sticky;top:0;z-index:100;background:var(--cc-canvas);border-bottom:1px solid var(--cc-hairline);height:64px}.cc-navbar-link{color:var(--cc-body);font-size:var(--text-body-sm);font-weight:var(--weight-medium);line-height:20px;letter-spacing:-.28px;padding:var(--cc-xs) var(--cc-sm);border-radius:var(--cc-radius-full);text-decoration:none;transition:color .3s ease}.cc-navbar-link:hover{color:var(--cc-ink)}.cc-navbar-link:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-form-input:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-btn-primary:focus-visible,.cc-btn-primary-sm:focus-visible,.cc-btn-secondary:focus-visible,.cc-btn-secondary-sm:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-footer{background:var(--cc-canvas);border-top:1px solid var(--cc-hairline);padding:var(--cc-4xl) var(--cc-lg)}.cc-footer-heading{font-family:var(--font-geist-mono),Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:var(--text-caption);font-weight:var(--weight-regular);line-height:16px;color:var(--cc-muted);text-transform:uppercase;letter-spacing:0px;margin-bottom:var(--cc-sm)}.cc-footer-link{display:block;color:var(--cc-body);font-size:var(--text-body-sm);line-height:20px;padding:var(--cc-xxs) 0;text-decoration:none}.cc-footer-link:hover{color:var(--cc-ink)}.cc-footer-link:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-icon-button{display:inline-flex;align-items:center;justify-content:center;background:var(--cc-canvas);color:var(--cc-ink);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-full);width:32px;height:32px;cursor:pointer;transition:background .3s ease}.cc-icon-button:hover{background:var(--cc-canvas-soft-2)}.cc-icon-button:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-tab-ghost:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}.cc-btn-auto-refresh-active{background:var(--cc-primary)!important;color:var(--cc-on-primary)!important;border-color:transparent!important}.cc-btn-auto-refresh-active:hover{opacity:.85}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite}.cc-navbar-link[aria-current=page]{color:var(--cc-ink);font-weight:var(--weight-medium)}.cc-nav-cta-signup{display:inline-flex;align-items:center;justify-content:center;background:var(--cc-primary);color:var(--cc-on-primary);border:none;border-radius:var(--cc-radius-sm);padding:0 var(--cc-xs);height:28px;font-size:var(--text-body-sm);font-weight:var(--weight-medium);line-height:20px;cursor:pointer;transition:opacity .3s ease;text-decoration:none;white-space:nowrap}.cc-nav-cta-signup:hover{opacity:.85}.cc-nav-cta-login{display:inline-flex;align-items:center;justify-content:center;background:var(--cc-canvas);color:var(--cc-ink);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius-sm);padding:0 var(--cc-xs);height:28px;font-size:var(--text-body-sm);font-weight:var(--weight-medium);line-height:20px;cursor:pointer;transition:border-color .3s ease;text-decoration:none;white-space:nowrap}.cc-nav-cta-login:hover{border-color:var(--cc-hairline-strong)}.cc-container{max-width:1200px;margin:0 auto;padding:0 var(--cc-lg)}@media (min-width: 1280px){.cc-container{max-width:1400px}}.cc-code-block{background:var(--cc-primary);color:var(--cc-on-primary);border-radius:var(--cc-radius-md);padding:var(--cc-lg);font-family:var(--font-geist-mono),Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:var(--text-body-sm);line-height:20px;overflow-x:auto;box-shadow:var(--cc-level3)}pre,code{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cc-link);outline-offset:2px}@media (max-width: 639px){.cc-btn-primary,.cc-btn-secondary{min-height:44px}.cc-navbar-link{min-height:44px;display:inline-flex;align-items:center}}@font-face{font-family:Geist Sans;src:url(/fonts/Geist-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/fonts/Geist-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/fonts/Geist-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--cc-font-sans: "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--cc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--cc-weight-regular: 400;--cc-weight-medium: 500;--cc-weight-semibold: 600;--cc-text-display-xl: 36px;--cc-text-display-lg: 28px;--cc-text-display-md: 24px;--cc-text-display-sm: 20px;--cc-text-body-md: 16px;--cc-text-body-sm: 14px;--cc-text-caption: 12px;--cc-space-1: 4px;--cc-space-2: 8px;--cc-space-3: 12px;--cc-space-4: 16px;--cc-space-5: 20px;--cc-space-6: 24px;--cc-space-8: 32px;--cc-space-10: 40px;--cc-space-12: 48px;--cc-radius-xs: 4px;--cc-radius-sm: 6px;--cc-radius-md: 8px;--cc-radius-lg: 12px;--cc-radius-xl: 16px;--cc-radius-pill: 100px;--cc-radius-full: 9999px;--tg-button-color: var(--tg-theme-button-color, #6c63ff);--cc-primary-light: #8b83ff;--cc-primary-dark: #4834d4;--cc-success: #00c853;--cc-warning: #ffab00;--cc-error: #ff5252;--cc-bg: var(--tg-theme-bg-color, var(--cc-canvas, #000000));--cc-surface: var(--tg-theme-secondary-bg-color, var(--cc-canvas-soft));--cc-text: var(--tg-theme-text-color, var(--cc-ink, #ededed));--cc-muted: var(--tg-theme-hint-color, var(--cc-muted, #737373));--cc-link: var(--tg-theme-link-color, var(--cc-link, #0070f3));--cc-border: rgba(255, 255, 255, .08);--font-geist-sans: var(--cc-font-sans);--font-geist-mono: var(--cc-font-mono);--weight-medium: var(--cc-weight-medium);--weight-semibold: var(--cc-weight-semibold);--weight-bold: var(--cc-weight-semibold);--text-display-xl: var(--cc-text-display-xl);--text-display-lg: var(--cc-text-display-lg);--text-display-md: var(--cc-text-display-md);--text-display-sm: var(--cc-text-display-sm);--text-body-md: var(--cc-text-body-md);--text-body-sm: var(--cc-text-body-sm);--text-caption: var(--cc-text-caption);--color-primary: var(--cc-primary);--color-primary-light: var(--cc-primary-light);--color-primary-dark: var(--cc-primary-dark);--color-success: var(--cc-success);--color-warning: var(--cc-warning);--color-error: var(--cc-error);--color-bg: var(--cc-bg);--color-surface: var(--cc-surface);--color-text: var(--cc-text);--color-text-secondary: var(--cc-muted);--color-border: var(--cc-border);--color-ink: var(--cc-text);--color-hairline: var(--cc-border);--color-hairline-strong: rgba(255, 255, 255, .2);--radius-sm: var(--cc-radius-md);--radius-md: var(--cc-radius-lg);--radius-lg: var(--cc-radius-xl);--spacing-xs: var(--cc-space-1);--spacing-sm: var(--cc-space-2);--spacing-md: var(--cc-space-4);--spacing-lg: var(--cc-space-6);--spacing-xl: var(--cc-space-8);--tg-bg: var(--cc-bg);--tg-text: var(--cc-text);--tg-hint: var(--cc-muted);--tg-link: var(--cc-link);--tg-button: var(--tg-button-color);--tg-button-text: var(--tg-theme-button-text-color, var(--cc-on-primary));--tg-secondary-bg: var(--cc-surface);--tg-header-bg: var(--cc-surface)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{background-color:var(--cc-bg);color:var(--cc-text);font-family:var(--cc-font-sans);font-size:var(--cc-text-body-sm);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit;outline:none}a{color:var(--cc-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--cc-primary);outline-offset:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--cc-text) 15%,transparent);border-radius:var(--cc-radius-xs)}.font-sans{font-family:var(--cc-font-sans)}.font-mono{font-family:var(--cc-font-mono)}.font-semibold{font-weight:var(--cc-weight-semibold)}.font-medium{font-weight:var(--cc-weight-medium)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}