:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@keyframes klyx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes klyx-fade-out{0%{opacity:1}to{opacity:0}}@keyframes klyx-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes klyx-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes klyx-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes klyx-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes klyx-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes klyx-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes klyx-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes klyx-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes klyx-bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes klyx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes klyx-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes klyx-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes klyx-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes klyx-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes klyx-glow{0%,to{box-shadow:0 0 10px #f26d6380}50%{box-shadow:0 0 20px #f26d63cc,0 0 30px #f26d6366}}@keyframes klyx-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-color);color:var(--text-primary);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero-logo{height:55px;margin-bottom:2rem}.App{text-align:center;background:var(--background-color);min-height:100vh;color:var(--text-primary);flex-direction:column;transition:background-color .3s,color .3s;display:flex}.app-content{background:var(--background-color);flex-direction:column;flex:1;display:flex}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-wrapper{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-wrapper.full-width{width:100%}.input-label{color:#374151;font-size:.875rem;font-weight:500;display:block}.input-field{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-field:disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.input-field.input-error{border-color:#ef4444}.input-field.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-field::placeholder{color:#9ca3af}.input-error-message{color:#ef4444;margin-top:-.25rem;font-size:.875rem}.btn{cursor:pointer;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-medium{padding:.75rem 1.5rem;font-size:1rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-full-width{width:100%}.btn-primary{color:#fff;background-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:active:not(:disabled){background-color:#1d4ed8}.btn-secondary{color:#fff;background-color:#6b7280}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-secondary:active:not(:disabled){background-color:#374151}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-danger:active:not(:disabled){background-color:#b91c1c}.btn-ghost{color:#3b82f6;background-color:#0000;border:1px solid #3b82f6}.btn-ghost:hover:not(:disabled){background-color:#3b82f61a}.btn-ghost:active:not(:disabled){background-color:#3b82f633}.btn-loading{position:relative}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite spin}.btn-loading-text{opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.auth-card-container{background:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}[data-theme=dark] .auth-card-container{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color-dark) 55%, black) 0%, #462e7b 100%)}.auth-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:1rem;width:100%;max-width:28rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.auth-card-header{text-align:center;margin-bottom:2rem}.auth-card-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.auth-card-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.auth-card-body{margin-bottom:1.5rem}.auth-card-footer{text-align:center;border-top:1px solid var(--border-color);padding-top:1.5rem}.auth-card-footer p{color:var(--text-secondary);margin:0;font-size:.875rem}.auth-card-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.auth-card-link:hover{color:var(--primary-color-dark);text-decoration:underline}@media (width<=640px){.auth-card{padding:1.5rem}.auth-card-title{font-size:1.5rem}}.intro-video-modal{z-index:9999;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.intro-video-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;position:absolute;inset:0}.intro-video-container{z-index:1;flex-direction:column;gap:1rem;width:60%;max-width:1200px;max-height:90vh;display:flex;position:relative}.intro-video{background:#000;border-radius:12px;width:100%;height:auto;max-height:80vh;box-shadow:0 20px 60px #00000080}.intro-video-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.intro-video-btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.intro-video-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.intro-video-btn:active{transform:translateY(0)}.intro-video-btn-skip{color:#fff;background:#ffffff1a;border:1px solid #fff3}.intro-video-btn-skip:hover{background:#ffffff26}.intro-video-btn-dismiss{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.intro-video-btn-dismiss:hover{background:linear-gradient(135deg,#7c8ff0 0%,#8b5bb8 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.intro-video-container{width:95%}.intro-video-controls{flex-direction:column;gap:.75rem}.intro-video-btn{width:100%;max-width:300px}}.terms-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.3s termsOverlayFadeIn;display:flex;position:fixed;inset:0}.terms-modal{background:#1a1a2e;border:1px solid #667eea4d;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:.35s cubic-bezier(.34,1.56,.64,1) termsModalSlideIn;display:flex;box-shadow:0 24px 80px #0009,0 0 0 1px #667eea26}.terms-modal__header{text-align:center;border-bottom:1px solid #ffffff14;flex-shrink:0;padding:2rem 2rem 1.5rem}.terms-modal__header h2{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 .25rem;font-size:1.5rem;font-weight:700}.terms-modal__header p{color:#718096;margin:0;font-size:.8125rem}.terms-modal__icon{font-size:2.5rem;line-height:1}.terms-modal__content{scroll-behavior:smooth;flex:1;padding:1.5rem 2rem;overflow-y:auto}.terms-modal__content::-webkit-scrollbar{width:4px}.terms-modal__content::-webkit-scrollbar-track{background:#ffffff0d}.terms-modal__content::-webkit-scrollbar-thumb{background:#667eea80;border-radius:2px}.terms-modal__content section{margin-bottom:1.5rem}.terms-modal__content section:last-of-type{margin-bottom:0}.terms-modal__content section h3{color:var(--primary-color);margin:0 0 .5rem;font-size:.9375rem;font-weight:700}.terms-modal__content section p{color:#a0aec0;margin:0 0 .5rem;font-size:.875rem;line-height:1.7}.terms-modal__content section p:last-child{margin-bottom:0}.terms-modal__content section ul{margin:.5rem 0 0 1rem;padding:0;list-style:outside}.terms-modal__content section ul li{color:#a0aec0;margin-bottom:.25rem;font-size:.875rem;line-height:1.7}.terms-modal__scroll-hint{text-align:center;color:#667eea;opacity:.8;padding:1rem 0 0;font-size:.8125rem;font-style:italic;animation:2s ease-in-out infinite termsScrollPulse}.terms-modal__footer{border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:1rem;padding:1.5rem 2rem;display:flex}.terms-modal__checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.75rem;display:flex}.terms-modal__checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.terms-modal__checkbox span{color:#e2e8f0;font-size:.875rem;line-height:1.5}.terms-modal__checkbox--disabled{opacity:.45;cursor:not-allowed}.terms-modal__checkbox--disabled input{cursor:not-allowed}.terms-modal__error{color:#fc8181;text-align:center;margin:0;font-size:.8125rem}.terms-modal__accept-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:opacity .2s,transform .15s}.terms-modal__accept-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.terms-modal__accept-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}@keyframes termsOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes termsModalSlideIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes termsScrollPulse{0%,to{opacity:.6}50%{opacity:1}}@media (width<=480px){.terms-modal{border-radius:12px;max-height:95vh}.terms-modal__header{padding:1.5rem 1.25rem 1rem}.terms-modal__header h2{font-size:1.25rem}.terms-modal__content,.terms-modal__footer{padding:1.25rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.location-picker{margin-bottom:1.5rem;position:relative}.location-picker .location-picker-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.location-picker .location-picker-label .required-asterisk{color:var(--error-color);margin-left:.25rem}.location-picker .location-picker-input-wrapper{flex-direction:row;align-items:center;display:flex;position:relative}.location-picker .location-picker-input-wrapper .location-picker-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:1rem}.location-picker .location-picker-input-wrapper .location-picker-input{border:1px solid var(--border-color);background:var(--input-bg);color:#000;border-radius:8px;width:100%;padding:.75rem 2.5rem .75rem 2.75rem;font-size:1rem;transition:border-color .2s}.location-picker .location-picker-input-wrapper .location-picker-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.location-picker .location-picker-input-wrapper .location-picker-input:disabled{background:var(--disabled-bg);cursor:not-allowed;opacity:.6}@media (width<=639px){.location-picker .location-picker-input-wrapper .location-picker-input{padding:.625rem 2.25rem .625rem 2.5rem;font-size:.9375rem}}.location-picker .location-picker-input-wrapper .location-picker-clear{font:inherit;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:.25rem;transition:color .2s;display:flex;position:absolute;right:1rem}@media (hover:hover) and (pointer:fine){.location-picker .location-picker-input-wrapper .location-picker-clear:hover{color:var(--text-primary)}}@media (hover:none) and (pointer:coarse){.location-picker .location-picker-input-wrapper .location-picker-clear:active{transition:transform .1s}.location-picker .location-picker-input-wrapper .location-picker-clear:active:active{transform:scale(.98)}}.location-picker .location-picker-input-wrapper .location-picker-spinner{border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute;right:1rem}.location-picker .location-picker-helper{color:var(--text-secondary);margin-top:.5rem;font-size:.875rem}@media (width<=639px){.location-picker .location-picker-helper{font-size:.8125rem}}.location-picker .location-picker-dropdown{border:1px solid var(--border-color);z-index:1000;background:#fff;border-radius:8px;max-height:300px;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.location-picker .location-picker-dropdown::-webkit-scrollbar{width:8px;height:8px}.location-picker .location-picker-dropdown::-webkit-scrollbar-track{background:0 0}.location-picker .location-picker-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.location-picker .location-picker-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.location-picker .location-picker-dropdown .location-picker-option{font:inherit;color:var(--text-primary);cursor:pointer;text-align:left;width:100%;background:0 0;border:none;flex-direction:row;align-items:center;gap:.75rem;margin:0;padding:.75rem 1rem;transition:background-color .2s;display:flex}@media (hover:hover) and (pointer:fine){.location-picker .location-picker-dropdown .location-picker-option:hover{background:var(--hover-bg)}}@media (hover:none) and (pointer:coarse){.location-picker .location-picker-dropdown .location-picker-option:active{background:var(--hover-bg)}}.location-picker .location-picker-dropdown .location-picker-option .location-option-icon{color:var(--primary-color);flex-shrink:0}.location-picker .location-picker-dropdown .location-picker-option .location-option-text{color:#000;flex:1;min-width:0}.location-picker .location-picker-dropdown .location-picker-option .location-option-text .location-option-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-weight:500;overflow:hidden}@media (width<=639px){.location-picker .location-picker-dropdown .location-picker-option .location-option-text .location-option-name{font-size:.9375rem}}.location-picker .location-picker-dropdown .location-picker-option .location-option-text .location-option-country{color:var(--text-secondary);font-size:.875rem}@media (width<=639px){.location-picker .location-picker-dropdown .location-picker-option .location-option-text .location-option-country{font-size:.8125rem}}.location-picker .location-picker-dropdown .location-picker-no-results{color:var(--text-secondary);flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex}.location-picker .location-picker-dropdown .location-picker-no-results svg{opacity:.5;font-size:2rem}.location-picker .location-picker-dropdown .location-picker-no-results p{margin:0;font-size:.875rem}@media (width<=639px){.location-picker .location-picker-dropdown .location-picker-no-results{padding:1.5rem}.location-picker .location-picker-dropdown .location-picker-no-results svg{font-size:1.5rem}.location-picker .location-picker-dropdown .location-picker-no-results p{font-size:.8125rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.loading-spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 0;display:flex}.loading-spinner-container.full-height{min-height:60vh;padding:4rem 0}.loading-spinner-container .loading-message{color:var(--text-secondary);margin:0;font-size:1rem}.loading-spinner{border-radius:50%;animation:1s linear infinite spin}.loading-spinner.loading-spinner-small{border:3px solid #1b87fa33;border-top-color:#1b87fa;width:30px;height:30px}.loading-spinner.loading-spinner-medium{border:4px solid #1b87fa33;border-top-color:#1b87fa;width:50px;height:50px}.loading-spinner.loading-spinner-large{border:5px solid #1b87fa33;border-top-color:#1b87fa;width:70px;height:70px}.confirm-dialog{width:90%;max-width:420px}.confirm-dialog .modal-header{border-bottom:1px solid #ffffff1a;padding:1.25rem 1.5rem}.confirm-dialog .modal-header h2{color:#fff;margin:0;font-size:1.25rem}.confirm-dialog .modal-body{padding:1.25rem 1.5rem}.confirm-dialog .modal-body .confirm-message{color:#ffffffd9;margin:0;font-size:.95rem;line-height:1.5}.confirm-dialog .modal-footer{border-top:1px solid #ffffff14;gap:.75rem;padding:1rem 1.5rem 1.25rem;display:flex}.confirm-dialog .modal-footer .btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .15s}.confirm-dialog .modal-footer .btn.btn-secondary{color:#fff;background:#ffffff1a}.confirm-dialog .modal-footer .btn.btn-secondary:hover:not(:disabled){background:#ffffff26}.confirm-dialog .modal-footer .btn.btn-primary{color:#000;background:#ffc107}.confirm-dialog .modal-footer .btn.btn-primary:hover:not(:disabled){background:#ffca2c}.confirm-dialog .modal-footer .btn.btn-danger{color:#fff;background:#e53935}.confirm-dialog .modal-footer .btn.btn-danger:hover:not(:disabled){background:#ef4844}.confirm-dialog .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.media-image-container{flex-shrink:0;display:inline-block;position:relative;overflow:visible}.media-image-container .media-image{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.media-image-container .media-frame{pointer-events:none;z-index:2;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.media-image-container.clickable{cursor:pointer}@media (hover:hover) and (pointer:fine){.media-image-container.clickable:hover .media-image{transform:scale(1.05)}}.media-image-round .media-image{border-radius:50%}.media-image-square .media-image{border-radius:8px}.media-image-xs{width:24px;height:24px}.media-image-xs.media-image-square .media-image{border-radius:4px}.media-image-sm{width:32px;height:32px}.media-image-sm.media-image-square .media-image{border-radius:6px}.media-image-md{width:48px;height:48px}.media-image-md.media-image-square .media-image{border-radius:8px}.media-image-lg{width:80px;height:80px}.media-image-lg.media-image-square .media-image{border-radius:12px}.media-image-xl{width:120px;height:120px}.media-image-xl.media-image-square .media-image{border-radius:16px}.media-image-avatar .media-image{border:2px solid var(--border-color)}.media-image-avatar.has-frame .media-image{border:none}.media-image-banner{aspect-ratio:3;width:100%;height:auto}.media-image-banner .media-image{border-radius:12px}@media (width<=639px){.media-image-banner{aspect-ratio:2}}.media-image-post{width:100%;height:auto;max-height:500px}.media-image-post .media-image{border-radius:8px}.has-frame{padding:4px}.has-frame .media-image{z-index:1;position:relative}.has-frame .media-frame{inset:-4px}.frame-common .media-frame{filter:brightness()}.frame-uncommon .media-frame{filter:brightness(1.1)}.frame-rare .media-frame{filter:brightness(1.2)drop-shadow(0 0 4px #6496ff4d)}.frame-epic .media-frame{filter:brightness(1.3)drop-shadow(0 0 8px #9664ff80)}.frame-legendary .media-frame{filter:brightness(1.4)drop-shadow(0 0 12px #ffc83299)}.frame-animated .media-frame{animation:3s ease-in-out infinite frameGlow}.frame-animated.frame-legendary .media-frame{animation:2s ease-in-out infinite frameLegendaryGlow}@keyframes frameGlow{0%,to{filter:brightness(1.2)drop-shadow(0 0 8px #6496ff4d)}50%{filter:brightness(1.4)drop-shadow(0 0 16px #6496ff99)}}@keyframes frameLegendaryGlow{0%,to{filter:brightness(1.4)drop-shadow(0 0 12px #ffc83299)}50%{filter:brightness(1.6)drop-shadow(0 0 24px #ffc832e6)}}@media (width<=639px){.media-image-lg{width:64px;height:64px}.media-image-xl{width:96px;height:96px}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.admin-drawer-overlay{z-index:998;background:#00000080;position:fixed;inset:60px 0 0}@media (width>=769px){.admin-drawer-overlay{display:none}}.admin-drawer{background:var(--background-secondary);border-right:1px solid var(--border-color);z-index:999;flex-direction:column;align-items:center;width:280px;transition:transform .3s;display:flex;position:fixed;top:60px;bottom:0;left:0;overflow:hidden}@media (width<=768px){.admin-drawer{top:60px;transform:translate(-100%)}.admin-drawer.open{transform:translate(0)}}@media (width>=769px){.admin-drawer{transform:translate(0)}}.admin-drawer .admin-drawer-header{border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.admin-drawer .admin-drawer-header .admin-drawer-title{color:var(--text-primary);flex-direction:row;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.admin-drawer .admin-drawer-header .admin-drawer-title .admin-icon{color:var(--primary-color);font-size:1.5rem}.admin-drawer .admin-drawer-header .admin-drawer-close{font:inherit;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}.admin-drawer .admin-drawer-header .admin-drawer-close:hover{background:var(--background-hover);color:var(--text-primary)}.admin-drawer .admin-drawer-header .admin-drawer-close svg{font-size:1.25rem}@media (width>=769px){.admin-drawer .admin-drawer-header .admin-drawer-close{display:none}}.admin-drawer .admin-drawer-search{border-bottom:1px solid var(--border-color);padding:1rem;position:relative}.admin-drawer .admin-drawer-search .search-icon{color:var(--text-secondary);pointer-events:none;z-index:1;font-size:.875rem;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}.admin-drawer .admin-drawer-search .search-input{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;padding:.625rem .75rem .625rem 2.25rem;font-size:.813rem;transition:all .2s}.admin-drawer .admin-drawer-search .search-input::placeholder{color:var(--text-secondary);font-size:.813rem}.admin-drawer .admin-drawer-search .search-input:focus{border-color:var(--primary-color);background:var(--background-secondary);outline:none}.admin-drawer .admin-drawer-nav{flex:1;min-height:0;padding:1rem 0;overflow-y:auto}.admin-drawer .admin-drawer-nav .admin-menu-list{margin:0;padding:0;list-style:none}.admin-drawer .admin-drawer-nav .admin-menu-list li{margin:0}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item{font:inherit;color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;background:0 0;border:none;border-left:3px solid #0000;flex-direction:row;align-items:flex-start;gap:1rem;margin:0;padding:.875rem 1.5rem;transition:all .2s;display:flex}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item .menu-icon{flex-shrink:0;margin-top:.125rem;font-size:1.25rem}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item .menu-content{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item .menu-content .menu-label{color:var(--text-primary);font-size:.938rem;font-weight:600}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item .menu-content .menu-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item:hover{background:var(--background-hover);color:var(--text-primary)}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item:hover .menu-icon{color:var(--primary-color)}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item.active{background:rgba(var(--primary-color-rgb), .1);border-left-color:var(--primary-color);color:var(--primary-color)}.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item.active .menu-icon,.admin-drawer .admin-drawer-nav .admin-menu-list .admin-menu-item.active .menu-content .menu-label{color:var(--primary-color)}.admin-drawer .admin-drawer-nav .admin-no-results{text-align:center;padding:2rem 1.5rem}.admin-drawer .admin-drawer-nav .admin-no-results p{color:var(--text-secondary);font-size:.875rem}.admin-drawer::-webkit-scrollbar{width:6px}.admin-drawer::-webkit-scrollbar-track{background:0 0}.admin-drawer::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.admin-drawer::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.admin-mode .footer{display:none}.admin-layout{background:var(--background-color);width:100%;min-height:calc(100vh - 60px);position:relative;overflow-x:hidden}.admin-layout .admin-mobile-menu-btn{font:inherit;color:#fff;cursor:pointer;z-index:999;background:0 0;background:var(--primary-color);border-radius:var(--radius-full);border:none;flex-direction:row;align-items:center;gap:.5rem;margin:0;padding:.875rem 1.5rem;font-weight:600;transition:all .2s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #00000026}.admin-layout .admin-mobile-menu-btn:hover{transition:transform .2s,box-shadow .2s}.admin-layout .admin-mobile-menu-btn:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-layout .admin-mobile-menu-btn:hover:active{transform:translateY(0)}.admin-layout .admin-mobile-menu-btn:hover{background:var(--primary-hover)}.admin-layout .admin-mobile-menu-btn svg{font-size:1.25rem}@media (width>=769px){.admin-layout .admin-mobile-menu-btn{display:none}}.admin-layout .admin-content{width:100%;min-height:100vh}@media (width>=769px){.admin-layout .admin-content{box-sizing:border-box;padding-left:280px;transition:padding-left .3s}}.uam{position:relative}.uam-trigger{align-items:center;display:inline-flex}.uam-default-btn{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex}.uam-default-btn:hover{background:var(--background-hover);color:var(--text-primary)}.uam-dropdown{z-index:1000;background:var(--card-background,#1e1e2e);border:1px solid var(--border-color,#ffffff1a);border-radius:10px;min-width:220px;max-width:280px;animation:.12s uam-fade-in;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}@keyframes uam-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.uam-list{margin:0;padding:.375rem 0;list-style:none}.uam-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:.625rem;padding:.625rem 1rem;font-size:.875rem;transition:background .15s;display:flex}.uam-item:hover{background:var(--background-hover,#ffffff0f)}.uam-item--danger{color:#ff6b6b}.uam-icon{flex-shrink:0;font-size:.8rem}.uam-form{flex-direction:column;gap:.625rem;padding:.75rem;display:flex}.uam-form-header{color:var(--text-primary);border-bottom:1px solid var(--border-color,#ffffff14);align-items:center;gap:.5rem;margin-bottom:.125rem;padding-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.uam-form-header span{text-align:center;flex:1}.uam-back{cursor:pointer;color:var(--text-muted,#888);background:0 0;border:none;padding:0;font-size:.75rem;transition:color .15s}.uam-back:hover{color:var(--text-primary)}.uam-label{color:var(--text-muted,#888);margin:0;font-size:.8rem}.uam-optional{opacity:.6;font-size:.75rem}.uam-textarea{background:var(--input-background,#ffffff0f);border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:6px;min-height:64px;padding:.5rem .625rem;font-size:.8rem}.uam-textarea:focus{border-color:var(--primary-color,#a366ff);outline:none}.uam-confirm-text{color:var(--text-secondary);margin:0;font-size:.825rem;line-height:1.5}.uam-actions{justify-content:flex-end;gap:.5rem;display:flex}.uam-cancel{border:1px solid var(--border-color,#ffffff26);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .875rem;font-size:.8rem;transition:background .15s}.uam-cancel:hover{background:var(--background-hover)}.uam-submit{background:var(--primary-color,#a366ff);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:.4rem .875rem;font-size:.8rem;font-weight:600;transition:opacity .15s}.uam-submit:disabled{opacity:.5;cursor:not-allowed}.uam-submit:hover:not(:disabled){opacity:.85}.uam-submit--danger{background:#e53935;width:auto}.home-page{color:#fff;text-align:center;background:linear-gradient(135deg,#111,#1a1a1a)}.home-hero{background:radial-gradient(circle at 50% 40%,#5e17eb55,#0000 70%);flex-direction:column;align-items:center;gap:1.25rem;padding:6rem 1.5rem 4rem;display:flex}.home-hero__logo{width:80px;height:auto;margin-bottom:.5rem}.home-hero__title{margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15}.home-hero__title em{color:#a366ff;font-style:normal}.home-hero__subtitle{opacity:.8;max-width:560px;margin:0;font-size:clamp(1rem,2.5vw,1.35rem)}.home-hero__cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.home-stats,.home-social,.home-how,.home-final-cta{border-top:1px solid #ffffff12;max-width:860px;margin:0 auto;padding:3rem 1.5rem}.home-stats h2,.home-social h2,.home-how h2,.home-final-cta h2{margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.home-stats__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=860px){.home-stats__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.home-stats__grid{grid-template-columns:1fr}}.home-stats__item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.4rem;padding:1.5rem 1rem;display:flex}.home-stats__value{color:#a366ff;font-size:2.25rem;font-weight:800;line-height:1}.home-stats__label{opacity:.65;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.home-social__lede{opacity:.75;max-width:640px;margin:0 auto 2rem;font-size:1rem;line-height:1.6}.home-social__grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=600px){.home-social__grid{grid-template-columns:1fr}}.home-social__item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem}.home-social__item h3{margin:.75rem 0 .5rem;font-size:1.05rem;font-weight:700}.home-social__item p{opacity:.75;margin:0;font-size:.9rem;line-height:1.6}.home-social__icon{color:#a366ff;font-size:1.5rem}.home-how__steps{text-align:left;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=600px){.home-how__steps{grid-template-columns:1fr}}.home-how__step{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem}.home-how__step h3{margin:.5rem 0;font-size:1.05rem;font-weight:700}.home-how__step p{opacity:.75;margin:0;font-size:.9rem;line-height:1.6}.home-how__step-num{letter-spacing:.1em;color:#a366ff;text-transform:uppercase;font-size:.75rem;font-weight:700}.home-how__learn-more{color:#a366ff;font-size:.9rem;text-decoration:none;display:inline-block}.home-how__learn-more:hover{text-decoration:underline}.home-final-cta{padding-bottom:5rem}.home-final-cta p{opacity:.7;margin-bottom:1.5rem;font-size:1rem}.about-page{color:#fff;background:linear-gradient(135deg,#111,#1a1a1a);min-height:100vh;padding:2rem 1rem 4rem}.about-container{max-width:800px;margin:0 auto}.about-header{text-align:center;padding:3rem 0 2rem}.about-header__logo{width:64px;height:auto;margin-bottom:1rem}.about-header h1{margin:0 0 .75rem;font-size:2.5rem;font-weight:800}.about-header__tagline{opacity:.7;margin:0;font-size:1.1rem}.about-section{border-top:1px solid #ffffff12;margin-top:3rem;padding-top:2.5rem}.about-section h2{color:#a366ff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.about-section p{opacity:.8;margin-bottom:.75rem;font-size:.95rem;line-height:1.75}.about-cards{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}@media (width<=580px){.about-cards{grid-template-columns:1fr}}.about-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:1.25rem 1.25rem 1rem}.about-card h3{margin:0 0 .6rem;font-size:1rem;font-weight:700}.about-card p{opacity:.75;margin:0;font-size:.875rem;line-height:1.6}.about-fees{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-top:1rem;overflow:hidden}.about-fees__row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.about-fees__row:last-child{border-bottom:none}.about-fees__label{opacity:.75;font-size:.9rem}.about-fees__value{color:#a366ff;font-size:1rem;font-weight:700}.about-fees__note{opacity:.55;margin-top:.75rem;font-size:.8rem;font-style:italic}.about-faq{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.about-faq__item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:1.25rem}.about-faq__item h3{margin:0 0 .5rem;font-size:.95rem;font-weight:700}.about-faq__item p{opacity:.75;margin:0;font-size:.875rem;line-height:1.6}.about-cta{text-align:center;border-top:1px solid #ffffff12;margin-top:3rem;padding:2.5rem 1rem 0}.about-cta h2{margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.about-cta p{opacity:.7;margin-bottom:1.5rem;font-size:.95rem}.about-cta__buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing{color:#fff;text-align:center;background:linear-gradient(135deg,#111,#1a1a1a);padding:2rem;font-family:Inter,sans-serif}.hero{background:radial-gradient(circle,#5e17eb,#1a1a1a);padding:5rem 1rem}.hero-title{margin:0;font-size:3rem;font-weight:800}.hero-subtitle{opacity:.85;margin-bottom:2rem;font-size:1.5rem}.cta-button{color:#fff;cursor:pointer;background:#5e17eb;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:background .3s}.cta-button:hover{background:#7830ff}.how-it-works,.prestige,.stats,.subscribe{border:1px solid #ffffff1a;border-radius:12px;flex-flow:column;justify-content:center;align-items:center;max-width:800px;margin:4rem auto;padding:2rem;display:flex;box-shadow:0 10px 25px #76757533,0 6px 12px #ab00c926}h2{margin-bottom:1rem;font-size:2rem}.stats ul{padding:0;font-size:1.2rem;list-style:none}.subscribe{min-width:275px;margin:4rem auto}.wallet-helper{text-align:left;color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff14;border-radius:1rem;padding:1.5rem}.wallet-helper p{margin:0;font-weight:600}.wallet-helper__links{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.wallet-helper__links .wallet-helper__link-row{flex-wrap:wrap;gap:.75rem;display:flex}.wallet-helper__link{color:#fff;background:#ffffff0a;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:flex}.wallet-helper__link:hover{background:#ffffff14;transform:translateY(-1px)}.wallet-helper__link img{object-fit:contain;background:#fff;border-radius:.5rem;width:36px;height:36px;padding:.25rem}.wallet-helper__link .wallet-helper__icon{color:#5e17eb;background:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;padding:.25rem;display:inline-flex}.subscribe-form{flex-direction:column;gap:1rem;min-width:275px;margin:2rem 0;display:flex}.success-message{background:linear-gradient(135deg,#10b981,#059669);border-radius:1rem;margin-top:2rem;padding:2rem}.success-message h3{margin:0 0 .5rem;font-size:1.5rem}.success-message p{opacity:.95;margin:0 0 1.5rem;font-size:1rem}.error-message{color:#991b1b;text-align:left;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem}.subscribe-form .input-wrapper .input-label{color:#e5e7eb}.subscribe-form .input-wrapper .input-field{background-color:#fffffff2}.subscribe-form .input-wrapper .input-field::placeholder{color:#6b7280}@media (width<=640px){.subscribe{max-width:100%;padding:0 1rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ito-stats{background:linear-gradient(135deg,#1b87fa0d 0%,#7c8fac0d 100%);border:1px solid #1b87fa33;border-radius:16px;padding:2rem}@media (width<=639px){.ito-stats{padding:1rem}}.ito-stats.compact{padding:1rem}.ito-stats.compact .stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.ito-stats.compact .stat-card{padding:.75rem}.ito-stats .stats-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}@media (width<=639px){.ito-stats .stats-header{flex-direction:column;gap:1rem}}.ito-stats .stats-header .header-content h2{color:#000;background:linear-gradient(135deg,#1b87fa,#7c8fac);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.ito-stats .stats-header .header-content .subtitle{color:#828282;margin:0;font-size:.9rem}.ito-stats .stats-header .status-badge{border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.ito-stats .stats-header .status-badge.active{color:#4caf50;background:#4caf501a;border:1px solid #4caf504d}.ito-stats .stats-header .status-badge.ended{color:#9e9e9e;background:#9e9e9e1a;border:1px solid #9e9e9e4d}.ito-stats .stats-header .status-badge.upcoming{color:#2196f3;background:#2196f31a;border:1px solid #2196f34d}.ito-stats .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}@media (width<=639px){.ito-stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.ito-stats .stat-card{background:#f8f8f8;border:1px solid #1b87fa1a;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.ito-stats .stat-card:hover{border-color:#1b87fa4d;transform:translateY(-2px);box-shadow:0 4px 12px #1b87fa26}@media (width<=639px){.ito-stats .stat-card{gap:.75rem;padding:1rem}}.ito-stats .stat-card .stat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}@media (width<=639px){.ito-stats .stat-card .stat-icon{width:40px;height:40px;font-size:1rem}}.ito-stats .stat-card .stat-icon.available{color:#1b87fa;background:linear-gradient(135deg,#1b87fa33,#1b87fa0d)}.ito-stats .stat-card .stat-icon.price{color:#7c8fac;background:linear-gradient(135deg,#7c8fac33,#7c8fac0d)}.ito-stats .stat-card .stat-icon.sold{color:#ff5722;background:linear-gradient(135deg,#ff572233,#ff57220d)}.ito-stats .stat-card .stat-icon.time{color:#00bcd4;background:linear-gradient(135deg,#00bcd433,#00bcd40d)}.ito-stats .stat-card .stat-content{flex:1;min-width:0}.ito-stats .stat-card .stat-content label{color:#828282;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.85rem;display:block}.ito-stats .stat-card .stat-content .stat-value{color:#000;margin-bottom:.125rem;font-size:1.5rem;font-weight:700;line-height:1.2;display:block}@media (width<=639px){.ito-stats .stat-card .stat-content .stat-value{font-size:1.25rem}}.ito-stats .stat-card .stat-content .stat-value.time-value{font-size:1.15rem;font-weight:600}@media (width<=639px){.ito-stats .stat-card .stat-content .stat-value.time-value{font-size:1rem}}.ito-stats .stat-card .stat-content .stat-sublabel{color:#818384;font-size:.8rem;display:block}.ito-stats .progress-section{background:#1b87fa08;border-radius:12px;margin-bottom:2rem;padding:1.5rem}@media (width<=639px){.ito-stats .progress-section{padding:1rem}}.ito-stats .progress-section .progress-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ito-stats .progress-section .progress-header .progress-label{color:#828282;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.ito-stats .progress-section .progress-header .progress-percentage{color:#1b87fa;font-size:1.25rem;font-weight:700}.ito-stats .progress-section .progress-bar{background:#8183841a;border-radius:6px;height:12px;margin-bottom:.75rem;overflow:hidden}.ito-stats .progress-section .progress-bar .progress-fill{background:linear-gradient(90deg,#1b87fa,#7c8fac);border-radius:6px;height:100%;transition:width .5s}.ito-stats .progress-section .progress-details{color:#818384;justify-content:space-between;font-size:.85rem;display:flex}.ito-stats .action-section{text-align:center}.ito-stats .action-section .buy-button{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s}.ito-stats .action-section .buy-button.active{color:#fff;background:linear-gradient(135deg,#1b87fa,#7c8fac)}.ito-stats .action-section .buy-button.active:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #1b87fa4d}.ito-stats .action-section .buy-button.active:active:not(:disabled){transform:translateY(0)}.ito-stats .action-section .buy-button.disabled{color:#818384;cursor:not-allowed;background:#8183841a}.ito-stats .action-section .buy-button:disabled{cursor:not-allowed;opacity:.6}.ito-stats .action-section .action-note{color:#818384;margin-top:.75rem;font-size:.85rem}.ito-stats .pricing-tiers{border-top:1px solid #8183841a;margin-top:2rem;padding-top:2rem}.ito-stats .pricing-tiers h4{color:#000;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.ito-stats .pricing-tiers .tiers-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}@media (width<=639px){.ito-stats .pricing-tiers .tiers-grid{grid-template-columns:repeat(2,1fr)}}.ito-stats .pricing-tiers .tier-card{text-align:center;background:#f8f8f8;border:1px solid #1b87fa1a;border-radius:8px;padding:1rem;transition:all .3s}.ito-stats .pricing-tiers .tier-card:hover{border-color:#1b87fa4d;transform:translateY(-2px)}.ito-stats .pricing-tiers .tier-card .tier-amount{color:#000;margin-bottom:.25rem;font-size:1.125rem;font-weight:700;display:block}.ito-stats .pricing-tiers .tier-card .tier-price{color:#828282;font-size:.85rem;display:block}.ito-stats .loading-state,.ito-stats .error-state{text-align:center;padding:3rem 1rem}.ito-stats .loading-state .spinner,.ito-stats .error-state .spinner{border:4px solid #1b87fa1a;border-top-color:#1b87fa;border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:1s linear infinite spin}.ito-stats .loading-state p,.ito-stats .error-state p{color:#828282;margin:0}.ito-stats .error-state .error-message{color:#f44336;margin-bottom:1rem}.ito-stats .error-state .retry-button{color:#fff;cursor:pointer;background:#1b87fa;border:none;border-radius:6px;padding:.5rem 1.5rem;font-weight:600;transition:all .3s}.ito-stats .error-state .retry-button:hover{background:#056edd}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.buy-klyx-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.buy-klyx-modal{background:#f8f8f8;border:1px solid #1b87fa33;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.buy-klyx-modal .modal-header{border-bottom:1px solid #8183841a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.buy-klyx-modal .modal-header h2{color:#000;background:linear-gradient(135deg,#1b87fa,#7c8fac);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.buy-klyx-modal .modal-header .close-button{color:#828282;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;transition:all .2s}.buy-klyx-modal .modal-header .close-button:hover{color:#000;transform:rotate(90deg)}.buy-klyx-modal .modal-content{padding:1.5rem}.buy-klyx-modal .extension-warning{text-align:center;background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;margin-bottom:1rem;padding:2rem 1rem}.buy-klyx-modal .extension-warning svg{color:#ff9800;margin-bottom:1rem;font-size:3rem}.buy-klyx-modal .extension-warning p{color:#000;margin:0 0 1rem;font-size:1rem}.buy-klyx-modal .extension-warning .install-link{color:#fff;background:linear-gradient(135deg,#1b87fa,#7c8fac);border-radius:6px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.buy-klyx-modal .extension-warning .install-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1b87fa66}.buy-klyx-modal .connect-section{text-align:center;padding:2rem 1rem}.buy-klyx-modal .connect-section .wallet-icon{color:#1b87fa;margin-bottom:1.5rem;font-size:4rem}.buy-klyx-modal .connect-section p{color:#828282;margin:0 0 2rem;font-size:1rem}.buy-klyx-modal .connect-section .connect-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b87fa,#7c8fac);border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s}.buy-klyx-modal .connect-section .connect-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #1b87fa4d}.buy-klyx-modal .connect-section .connect-button:disabled{opacity:.6;cursor:not-allowed}.buy-klyx-modal .wallet-info{background:#1b87fa0d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.buy-klyx-modal .wallet-info .info-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.buy-klyx-modal .wallet-info .info-row:last-child{margin-bottom:0}.buy-klyx-modal .wallet-info .info-row label{color:#828282;font-size:.9rem}.buy-klyx-modal .wallet-info .info-row .address,.buy-klyx-modal .wallet-info .info-row .balance{color:#000;font-family:monospace;font-size:.95rem;font-weight:600}.buy-klyx-modal .input-section{margin-bottom:1.5rem}.buy-klyx-modal .input-section label{color:#000;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.buy-klyx-modal .input-section .input-group{background:#8183840d;border:2px solid #1b87fa33;border-radius:8px;align-items:center;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.buy-klyx-modal .input-section .input-group:focus-within{border-color:#1b87fa}.buy-klyx-modal .input-section .input-group input{color:#000;background:0 0;border:none;outline:none;flex:1;padding:1rem;font-size:1.5rem;font-weight:700}.buy-klyx-modal .input-section .input-group input::placeholder{color:#818384}.buy-klyx-modal .input-section .input-group .input-suffix{color:#828282;padding-right:1rem;font-size:1rem;font-weight:600}.buy-klyx-modal .input-section .available-text{color:#818384;margin:.5rem 0 0;font-size:.85rem}.buy-klyx-modal .cost-breakdown{background:#8183840d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.buy-klyx-modal .cost-breakdown .breakdown-row{color:#828282;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.95rem;display:flex}.buy-klyx-modal .cost-breakdown .breakdown-row:last-child{margin-bottom:0}.buy-klyx-modal .cost-breakdown .breakdown-row.total{color:#000;border-top:1px solid #81838433;padding-top:.75rem;font-size:1.125rem;font-weight:700}.buy-klyx-modal .confirmation-section h3{color:#000;text-align:center;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.buy-klyx-modal .confirmation-section .confirm-details{background:#1b87fa0d;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.buy-klyx-modal .confirmation-section .confirm-details .detail-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.buy-klyx-modal .confirmation-section .confirm-details .detail-row:last-child{margin-bottom:0}.buy-klyx-modal .confirmation-section .confirm-details .detail-row label{color:#828282;font-size:.95rem}.buy-klyx-modal .confirmation-section .confirm-details .detail-row span{color:#000;font-size:1rem;font-weight:600}.buy-klyx-modal .confirmation-section .confirm-details .detail-row span.highlight{color:#1b87fa;font-size:1.125rem;font-weight:700}.buy-klyx-modal .processing-section{text-align:center;padding:2rem 1rem}.buy-klyx-modal .processing-section .spinner{border:4px solid #1b87fa1a;border-top-color:#1b87fa;border-radius:50%;width:64px;height:64px;margin:0 auto 2rem;animation:1s linear infinite spin}.buy-klyx-modal .processing-section h3{color:#000;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.buy-klyx-modal .processing-section p{color:#828282;margin:0 0 .5rem;font-size:1rem}.buy-klyx-modal .processing-section p.note{color:#818384;font-size:.9rem;font-style:italic}.buy-klyx-modal .success-section{text-align:center;padding:2rem 1rem}.buy-klyx-modal .success-section .success-icon{color:#4caf50;margin-bottom:1.5rem;font-size:5rem}.buy-klyx-modal .success-section h3{color:#000;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.buy-klyx-modal .success-section p{color:#828282;margin:0 0 1.5rem;font-size:1rem}.buy-klyx-modal .success-section .tx-info{background:#1b87fa0d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.buy-klyx-modal .success-section .tx-info label{color:#828282;margin-bottom:.5rem;font-size:.85rem;display:block}.buy-klyx-modal .success-section .tx-info .tx-link{color:#1b87fa;font-family:monospace;font-size:.95rem;font-weight:600;text-decoration:none}.buy-klyx-modal .success-section .tx-info .tx-link:hover{text-decoration:underline}.buy-klyx-modal .success-section .close-button-success{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b87fa,#7c8fac);border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s}.buy-klyx-modal .success-section .close-button-success:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1b87fa4d}.buy-klyx-modal .error-section{text-align:center;padding:2rem 1rem}.buy-klyx-modal .error-section .error-icon{color:#f44336;margin-bottom:1.5rem;font-size:5rem}.buy-klyx-modal .error-section h3{color:#000;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.buy-klyx-modal .error-text{color:#f44336;background:#f443361a;border:1px solid #f443364d;border-radius:6px;margin:1rem 0;padding:.75rem 1rem;font-size:.9rem}.buy-klyx-modal .buy-button,.buy-klyx-modal .confirm-button,.buy-klyx-modal .retry-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b87fa,#7c8fac);border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s}.buy-klyx-modal .buy-button:hover:not(:disabled),.buy-klyx-modal .confirm-button:hover:not(:disabled),.buy-klyx-modal .retry-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #1b87fa4d}.buy-klyx-modal .buy-button:disabled,.buy-klyx-modal .confirm-button:disabled,.buy-klyx-modal .retry-button:disabled{opacity:.6;cursor:not-allowed}.buy-klyx-modal .cancel-button{color:#000;cursor:pointer;background:#8183841a;border:1px solid #8183844d;border-radius:8px;flex:1;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.buy-klyx-modal .cancel-button:hover{background:#81838433}.buy-klyx-modal .button-group{gap:1rem;margin-top:1.5rem;display:flex}@media (width<=639px){.buy-klyx-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:95vh}.buy-klyx-modal .modal-header,.buy-klyx-modal .modal-content{padding:1rem}}.login-method-selector{text-align:center;padding:1rem 0}@media (width<=640px){.login-method-selector{padding:.5rem 0}}.login-method-selector .method-selector-title{background:linear-gradient(90deg, var(--primary-color) 0%, #8b5cf6 25%, var(--primary-color) 50%, #8b5cf6 75%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;animation:3s ease-in-out infinite shimmer}@media (width<=640px){.login-method-selector .method-selector-title{margin-bottom:.375rem;font-size:1.375rem}}.login-method-selector .method-selector-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.9375rem}@media (width<=640px){.login-method-selector .method-selector-subtitle{margin-bottom:1.5rem;font-size:.875rem}}.login-method-selector .method-options{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem;display:grid}@media (width<=640px){.login-method-selector .method-options{grid-template-columns:1fr;gap:1rem}}.login-method-selector .method-option{background:linear-gradient(145deg, color-mix(in srgb, var(--text-primary) 6%, transparent) 0%, color-mix(in srgb, var(--text-primary) 3%, transparent) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);cursor:pointer;text-align:center;border-radius:20px;padding:2.5rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}@media (width<=640px){.login-method-selector .method-option{border-radius:16px;padding:1.5rem 1rem}}.login-method-selector .method-option:before{content:"";background:conic-gradient(from 0deg at 50% 50%, transparent 0deg, var(--primary-color) 90deg, transparent 180deg, #8b5cf6 270deg, transparent 360deg);opacity:0;width:200%;height:225%;transition:opacity .4s;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}.login-method-selector .method-option:after{content:"";background:var(--card-background);z-index:1;opacity:.95;border-radius:19px;position:absolute;inset:1px}.login-method-selector .method-option>*{z-index:2;position:relative}.login-method-selector .method-option:hover{box-shadow:0 20px 60px #8b5cf64d, 0 0 40px rgba(var(--primary-rgb), .2), inset 0 1px 0 #fff3;border-color:#8b5cf680;transform:translateY(-8px)scale(1.02)}.login-method-selector .method-option:hover:before{opacity:.6}.login-method-selector .method-option:hover:after{opacity:.85}.login-method-selector .method-option:hover .method-icon{filter:drop-shadow(0 0 20px #8b5cf699);transform:scale(1.15)rotateY(180deg)}.login-method-selector .method-option:hover h3{background:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-method-selector .method-option:active{transform:translateY(-4px)scale(.98)}.login-method-selector .method-option .method-icon{background:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #8b5cf64d);-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (width<=640px){.login-method-selector .method-option .method-icon{margin-bottom:.75rem;font-size:2rem}}.login-method-selector .method-option h3{color:var(--text-primary);letter-spacing:.5px;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;transition:all .3s}@media (width<=640px){.login-method-selector .method-option h3{margin-bottom:.5rem;font-size:1rem}}.login-method-selector .method-option p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}@media (width<=640px){.login-method-selector .method-option p{font-size:.8125rem;line-height:1.4}}.login-method-selector .method-option .method-badge{color:var(--primary-color);letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#8b5cf633 0%,#667eea33 100%);border:1px solid #8b5cf666;border-radius:9999px;margin-top:.75rem;padding:.2rem .65rem;font-size:.7rem;font-weight:600;display:inline-block}.login-method-selector .method-option:first-child:before{background:conic-gradient(from 0deg at 50% 50%, transparent 0deg, var(--primary-color) 90deg, transparent 180deg, var(--primary-color-light) 270deg, transparent 360deg)}.login-method-selector .method-option:first-child .method-icon{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-method-selector .method-option:first-child:hover{box-shadow:0 20px 60px rgba(var(--primary-rgb), .3), 0 0 40px rgba(var(--primary-rgb), .2), inset 0 1px 0 #fff3}.login-method-selector .method-option:first-child:hover .method-icon{filter:drop-shadow(0 0 20px rgba(var(--primary-rgb), .6))}.login-method-selector .method-option:first-child:hover h3{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-method-selector .method-option:last-child .method-icon{background:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-button{background:linear-gradient(135deg, #8b5cf61a 0%, rgba(var(--primary-rgb), .1) 100%);color:var(--primary-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #8b5cf633;border-radius:12px;margin-bottom:1.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s}.back-button:hover{background:linear-gradient(135deg, #8b5cf633 0%, rgba(var(--primary-rgb), .2) 100%);border-color:#8b5cf666;transform:translate(-4px);box-shadow:0 4px 12px #8b5cf633}.back-button:active{transform:translate(-2px)}.login-form{flex-direction:column;gap:.5rem;display:flex}.login-form-footer{justify-content:flex-end;margin-bottom:1rem;display:flex}.forgot-password-link{color:var(--primary-color);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:var(--primary-color-dark);text-decoration:underline}.wallet-login{padding:1rem 0}.wallet-login .wallet-icon-large{background:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 24px #8b5cf666);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:5rem;animation:3s ease-in-out infinite float}.wallet-login .wallet-install-prompt,.wallet-login .wallet-connect-area{text-align:center;background:linear-gradient(145deg, color-mix(in srgb, var(--text-primary) 5%, transparent) 0%, color-mix(in srgb, var(--text-primary) 2%, transparent) 100%);border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem 1.5rem;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}.wallet-login .wallet-install-prompt h3,.wallet-login .wallet-connect-area h3{background:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin:1rem 0 .75rem;font-size:1.5rem;font-weight:700}.wallet-login .wallet-install-prompt p,.wallet-login .wallet-connect-area p{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.6}.wallet-login .wallet-install-prompt .wallet-info,.wallet-login .wallet-connect-area .wallet-info{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:12px;margin-top:1.5rem;margin-bottom:0;padding:1rem;font-size:.875rem}.wallet-login .install-link{background:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);color:#fff;border-radius:16px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 8px 24px #8b5cf64d,0 4px 12px #0003}.wallet-login .install-link:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.wallet-login .install-link:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf666,0 6px 16px #0000004d}.wallet-login .install-link:hover:before{left:100%}.wallet-login .install-link:active{transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.wallet-signup-section{background:linear-gradient(135deg,#8b5cf614 0%,#667eea14 100%);border:1px solid #8b5cf640;border-radius:12px;flex-direction:column;gap:.875rem;margin-bottom:.5rem;padding:1.25rem;display:flex}.wallet-signup-section .wallet-signup-header{align-items:flex-start;gap:.875rem;display:flex}.wallet-signup-section .wallet-signup-header h3{color:var(--text-secondary);margin:0 0 .2rem;font-size:.9375rem;font-weight:700}.wallet-signup-section .wallet-signup-header p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.4}.wallet-signup-section .wallet-signup-icon{color:var(--primary-color);flex-shrink:0;margin-top:2px;font-size:1.5rem}.wallet-signup-section .wallet-signup-install{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.wallet-signup-section .wallet-signup-install a{color:var(--primary-color);text-decoration:underline}.wallet-signup-section .wallet-signup-install a:hover{color:#c4b5fd}.wallet-signup-section .wallet-signup-bonus{color:var(--text-secondary);text-align:center;opacity:.75;margin:0;font-size:.75rem}.signup-divider{align-items:center;gap:.75rem;margin:.25rem 0;display:flex}.signup-divider:before,.signup-divider:after{content:"";background:var(--border-color,#ffffff1a);flex:1;height:1px}.signup-divider span{color:var(--text-secondary);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.signup-form{flex-direction:column;gap:.5rem;display:flex}.password-requirements{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:.5rem 0;padding:.75rem 1rem}.password-requirements .requirements-title{color:#4a5568;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.password-requirements .requirements-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.password-requirements .requirements-list .requirement{align-items:center;gap:.5rem;font-size:.875rem;transition:all .2s;display:flex}.password-requirements .requirements-list .requirement .requirement-icon{font-size:1rem;font-weight:700}.password-requirements .requirements-list .requirement .requirement-text{line-height:1}.password-requirements .requirements-list .requirement.unmet{color:#718096}.password-requirements .requirements-list .requirement.unmet .requirement-icon{color:#cbd5e0}.password-requirements .requirements-list .requirement.met,.password-requirements .requirements-list .requirement.met .requirement-icon{color:#22c55e}.password-match{border-radius:.375rem;align-items:center;gap:.5rem;margin:.25rem 0;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.password-match .match-icon{font-size:1rem;font-weight:700}.password-match.match{color:#16a34a;background-color:#dcfce7}.password-match.match .match-icon{color:#16a34a}.password-match.no-match{color:#dc2626;background-color:#fee2e2}.password-match.no-match .match-icon{color:#dc2626}.success-container{text-align:center;padding:2rem 1rem}.success-container .success-icon{margin-bottom:1rem;font-size:4rem}.success-container h3{color:#1a202c;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.success-container .success-message{color:#4a5568;margin-bottom:1rem;font-size:1rem;line-height:1.6}.success-container .success-hint{color:#718096;margin-bottom:2rem;font-size:.875rem}.forgot-password-form{flex-direction:column;gap:.5rem;display:flex}.error-banner{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.success-message{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.success-message p{margin:0 0 .75rem;font-size:.875rem}.success-message p:last-child{margin-bottom:0}.success-message .help-text{color:#15803d;font-size:.8125rem}.back-to-login{text-decoration:none}.verify-email-content{text-align:center;padding:1rem 0}.loading-spinner{flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;display:flex}.loading-spinner .spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite spin}.loading-spinner p{color:#6b7280;margin:0;font-size:.875rem}.success-message{flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}.success-message .success-icon{color:#10b981;width:4rem;height:4rem}.success-message p{color:#166534;margin:0;font-size:1rem}.success-message .redirect-text{color:#6b7280;font-size:.875rem}.error-message{flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}.error-message .error-icon{color:#ef4444;width:4rem;height:4rem}.error-message p{color:#991b1b;margin:0;font-size:1rem}.error-message .back-link{width:100%;margin-top:.5rem;text-decoration:none}.create-profile{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) fixed;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.create-profile .create-profile-container{background:#fff;border-radius:16px;width:100%;max-width:700px;padding:3rem 2.5rem;animation:.3s ease-in fadeIn;box-shadow:0 20px 60px #00000026}.create-profile .create-profile-header{text-align:center;margin-bottom:3rem}.create-profile .create-profile-header .header-icon{margin-bottom:1rem;font-size:3rem;animation:1s ease-in-out bounce}.create-profile .create-profile-header h1{color:#1a202c;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.create-profile .create-profile-header p{color:#718096;margin-bottom:2rem;font-size:1.125rem}.create-profile .create-profile-header .progress-steps{justify-content:center;align-items:center;margin-top:2rem;padding:1rem 0;display:flex}.create-profile .create-profile-header .progress-steps .step{flex-direction:column;align-items:center;gap:.5rem;display:flex}.create-profile .create-profile-header .progress-steps .step .step-number{color:#a0aec0;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.create-profile .create-profile-header .progress-steps .step .step-label{color:#a0aec0;font-size:.75rem;font-weight:500;transition:all .3s}.create-profile .create-profile-header .progress-steps .step.active .step-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea66}.create-profile .create-profile-header .progress-steps .step.active .step-label{color:#667eea;font-weight:600}.create-profile .create-profile-header .progress-steps .step-divider{background-color:#e2e8f0;width:60px;height:2px;margin:0 .5rem 1.75rem}.create-profile .create-profile-form .error-banner{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;animation:.3s ease-in-out shake;display:flex}.create-profile .create-profile-form .error-banner .error-icon{font-size:1.25rem}.create-profile .create-profile-form .form-section{box-sizing:border-box;z-index:1;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #60a5fa;border-radius:12px;max-width:100%;margin-bottom:2.5rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.create-profile .create-profile-form .form-section:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.create-profile .create-profile-form .form-section h2{color:#1e3a8a;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;display:flex}.create-profile .create-profile-form .form-section h2 .section-icon{font-size:1.5rem}.create-profile .create-profile-form .form-section h2 .required-badge{color:#1e3a8a;background-color:#fffc;border:1px solid #3b82f6;border-radius:9999px;margin-left:auto;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.create-profile .create-profile-form .form-section .section-description{color:#1e40af;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.create-profile .create-profile-form .form-section.avatar-section{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#93c5fd}.create-profile .create-profile-form .form-section.avatar-section h2{color:#1e40af}.create-profile .create-profile-form .form-section.avatar-section .section-description{color:#3b82f6}.create-profile .create-profile-form .form-section.avatar-section:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.create-profile .create-profile-form .form-section:not(.avatar-section):not(.location-section){background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#60a5fa}.create-profile .create-profile-form .form-section:not(.avatar-section):not(.location-section) h2{color:#1e3a8a}.create-profile .create-profile-form .form-section:not(.avatar-section):not(.location-section) .section-description{color:#1e40af}.create-profile .create-profile-form .form-section:not(.avatar-section):not(.location-section):hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.create-profile .create-profile-form .form-section.location-section{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);border-color:#3b82f6;overflow:visible}.create-profile .create-profile-form .form-section.location-section h2{color:#1e3a8a}.create-profile .create-profile-form .form-section.location-section .section-description{color:#1e40af}.create-profile .create-profile-form .form-section.location-section:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.create-profile .create-profile-form .avatar-upload-container{box-sizing:border-box;background:#fff;border:2px dashed #60a5fa;border-radius:12px;flex-direction:column;align-items:center;gap:1.5rem;max-width:100%;padding:1.5rem;display:flex}.create-profile .create-profile-form .avatar-upload-container .avatar-preview{background-color:#f7fafc;border:4px solid #fff;border-radius:50%;flex-shrink:0;width:120px;height:120px;overflow:hidden;box-shadow:0 8px 24px #00000026}.create-profile .create-profile-form .avatar-upload-container .avatar-preview img{object-fit:cover;width:100%;height:100%}.create-profile .create-profile-form .avatar-upload-container .avatar-preview .avatar-placeholder{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e0 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.create-profile .create-profile-form .avatar-upload-container .avatar-preview .avatar-placeholder .placeholder-icon{opacity:.5;font-size:3rem}.create-profile .create-profile-form .avatar-upload-container .avatar-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;max-width:100%;display:flex}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .hidden-input{display:none}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button{cursor:pointer;white-space:nowrap;box-sizing:border-box;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;max-width:100%;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button .button-icon{flex-shrink:0;font-size:1rem}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button.upload{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button.upload:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button.remove{color:#dc2626;background-color:#fee2e2}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button.remove:hover{background-color:#fecaca}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button:disabled{opacity:.5;cursor:not-allowed}.create-profile .create-profile-form .avatar-upload-container .avatar-hint{color:#a0aec0;text-align:center;max-width:100%;margin:0;font-size:.75rem}.create-profile .create-profile-form .helper-text{color:#1e40af;background-color:#fff9;border-left:4px solid #3b82f6;border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;margin-bottom:0;padding:.75rem 1rem;font-size:.875rem;display:flex}.create-profile .create-profile-form .helper-text .helper-icon{color:#3b82f6;font-size:1rem}.create-profile .create-profile-form .helper-text strong{color:#2563eb;font-weight:600}.create-profile .create-profile-form .location-selected{background-color:#eff6ff;border:2px solid #3b82f6;border-radius:8px;align-items:center;gap:.75rem;max-width:-webkit-fill-available;margin-top:1rem;padding:1rem 1.25rem;display:flex}.create-profile .create-profile-form .location-selected .check-icon{color:#2563eb;font-size:1.25rem;font-weight:700}.create-profile .create-profile-form .location-selected .location-text{color:#1e40af;font-size:.875rem;font-weight:600}.create-profile .create-profile-form .form-field{box-sizing:border-box;max-width:100%;margin-bottom:1.5rem}.create-profile .create-profile-form .form-field label{color:#2d3748;box-sizing:border-box;justify-content:space-between;align-items:center;max-width:100%;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.create-profile .create-profile-form .form-field label .label-hint{color:#a0aec0;font-size:.75rem;font-style:italic;font-weight:400}.create-profile .create-profile-form .form-field .bio-textarea{box-sizing:border-box;resize:vertical;background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;max-width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .2s}.create-profile .create-profile-form .form-field .bio-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.create-profile .create-profile-form .form-field .bio-textarea:disabled{cursor:not-allowed;opacity:.6;background-color:#f7fafc}.create-profile .create-profile-form .form-field .bio-textarea::placeholder{color:#cbd5e0}.create-profile .create-profile-form .form-field .file-input{cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.create-profile .create-profile-form .form-field .file-input:focus{border-color:#667eea;outline:none}.create-profile .create-profile-form .form-field .file-input:disabled{cursor:not-allowed;background-color:#f7fafc}.create-profile .create-profile-form .form-field .file-input::file-selector-button{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;margin-right:1rem;padding:.5rem 1rem;font-weight:600;transition:background-color .2s}.create-profile .create-profile-form .form-field .file-input::file-selector-button:hover{background-color:#5568d3}.create-profile .create-profile-form .form-field .char-count{color:#a0aec0;text-align:right;margin-top:.25rem;font-size:.75rem}.create-profile .create-profile-form .form-actions{margin-top:2rem;margin-bottom:1.5rem}.create-profile .create-profile-form .form-actions button .button-icon,.create-profile .create-profile-form .form-actions button .button-spinner{margin-right:.5rem;font-size:1.25rem}.create-profile .create-profile-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.create-profile .create-profile-form .form-actions .button-hint{text-align:center;color:#dc2626;margin-top:.75rem;margin-bottom:0;font-size:.875rem;font-weight:500}.create-profile .create-profile-form .form-actions .loading-phrase{text-align:center;color:#667eea;min-height:1.5rem;margin-top:1rem;margin-bottom:0;font-size:.875rem;font-style:italic;animation:.4s phraseFadeIn}.create-profile .create-profile-form .form-actions .error-banner{margin-top:1rem;margin-bottom:0}.create-profile .create-profile-form .create-profile-signout{color:#0000008c;cursor:pointer;background:0 0;border:none;margin:1.25rem auto 0;padding:.5rem 1rem;font-size:.85rem;text-decoration:underline;transition:color .15s;display:block}.create-profile .create-profile-form .create-profile-signout:hover:not(:disabled){color:#000c}.create-profile .create-profile-form .create-profile-signout:disabled{opacity:.4;cursor:not-allowed}.create-profile .create-profile-form .form-footer{text-align:center}.create-profile .create-profile-form .form-footer .blockchain-badge{background:linear-gradient(135deg,#f0f9ff 0%,#dbeafe 100%);border:2px solid #60a5fa;border-radius:12px;justify-content:center;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-icon{font-size:2rem;animation:2s ease-in-out infinite pulse}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content{text-align:left}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content strong{color:#1e40af;margin-bottom:.25rem;font-size:.875rem;font-weight:700;display:block}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content p{color:#3b82f6;margin:0;font-size:.75rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes phraseFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.create-profile{padding:1rem}.create-profile .create-profile-container{padding:2rem 1.5rem}.create-profile .create-profile-header{margin-bottom:2rem}.create-profile .create-profile-header .header-icon{font-size:2.5rem}.create-profile .create-profile-header h1{font-size:1.75rem}.create-profile .create-profile-header p{font-size:1rem}.create-profile .create-profile-header .progress-steps .step .step-number{width:36px;height:36px;font-size:.875rem}.create-profile .create-profile-header .progress-steps .step .step-label{font-size:.65rem}.create-profile .create-profile-header .progress-steps .step-divider{width:40px;margin:0 .25rem}.create-profile .create-profile-form .form-section{margin-bottom:1.5rem;padding:1.5rem 1rem}.create-profile .create-profile-form .form-section h2{flex-wrap:wrap;font-size:1.125rem}.create-profile .create-profile-form .form-section h2 .section-icon{font-size:1.25rem}.create-profile .create-profile-form .form-section h2 .required-badge{text-align:center;width:100%;margin-top:.5rem;margin-left:0}.create-profile .create-profile-form .form-section .section-description{font-size:.8125rem}.create-profile .create-profile-form .avatar-upload-container{gap:1rem;padding:1rem}.create-profile .create-profile-form .avatar-upload-container .avatar-preview{width:100px;height:100px}.create-profile .create-profile-form .avatar-upload-container .avatar-actions{flex-direction:column;gap:.5rem;width:100%}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button{justify-content:center;width:100%;max-width:100%;padding:.75rem 1rem;font-size:.875rem}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button:hover{transform:none}.create-profile .create-profile-form .avatar-upload-container .avatar-hint{font-size:.6875rem}.create-profile .create-profile-form .form-footer .blockchain-badge{text-align:center;flex-direction:column;padding:1rem}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content{text-align:center}}@media (width<=480px){.create-profile{padding:.5rem}.create-profile .create-profile-container{box-sizing:border-box;border-radius:12px;max-width:100%;padding:1.5rem 1rem}.create-profile .create-profile-header .header-icon{font-size:2rem}.create-profile .create-profile-header h1{word-break:break-word;font-size:1.5rem}.create-profile .create-profile-header p{font-size:.875rem}.create-profile .create-profile-header .progress-steps .step .step-label{display:none}.create-profile .create-profile-header .progress-steps .step .step-number{width:32px;height:32px;font-size:.8125rem}.create-profile .create-profile-header .progress-steps .step-divider{width:30px}.create-profile .create-profile-form .form-section{padding:1rem .75rem}.create-profile .create-profile-form .form-section h2{word-break:break-word;font-size:1rem}.create-profile .create-profile-form .form-section h2 .section-icon{font-size:1.125rem}.create-profile .create-profile-form .form-section .section-description{font-size:.8125rem;line-height:1.5}.create-profile .create-profile-form .avatar-upload-container{gap:.75rem;padding:.75rem}.create-profile .create-profile-form .avatar-upload-container .avatar-preview{border-width:3px;width:90px;height:90px}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button{padding:.625rem .875rem;font-size:.8125rem}.create-profile .create-profile-form .avatar-upload-container .avatar-actions .avatar-button .button-icon{font-size:.875rem}.create-profile .create-profile-form .form-field .bio-textarea{padding:.875rem 1rem;font-size:.9375rem}.create-profile .create-profile-form .form-field .char-count{font-size:.6875rem}.create-profile .create-profile-form .helper-text{word-break:break-word;padding:.625rem .875rem;font-size:.8125rem}.create-profile .create-profile-form .location-selected{padding:.75rem 1rem;font-size:.8125rem}.create-profile .create-profile-form .location-selected .location-text{word-break:break-word;font-size:.8125rem}.create-profile .create-profile-form .form-footer .blockchain-badge{gap:.75rem;padding:.875rem 1rem}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-icon{font-size:1.5rem}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content strong{font-size:.8125rem}.create-profile .create-profile-form .form-footer .blockchain-badge .badge-content p{font-size:.6875rem}}.hint-tooltip{cursor:pointer;align-items:center;line-height:1;display:inline-flex;position:relative}.hint-tooltip .hint-icon{color:var(--color-text-muted,#888);-webkit-user-select:none;user-select:none;font-size:.85rem;transition:color .15s}.hint-tooltip .hint-icon:hover{color:var(--primary-color)}.hint-tooltip .hint-bubble{z-index:200;background:var(--color-surface-elevated,#1e1e2e);color:var(--color-text,#e0e0e0);border:1px solid var(--color-border,#ffffff1a);white-space:normal;pointer-events:none;border-radius:8px;width:max-content;max-width:min(220px,100vw - 1.5rem);padding:.5rem .75rem;font-size:.78rem;line-height:1.4;position:absolute;box-shadow:0 4px 16px #00000059}.hint-tooltip.hint-tooltip--top .hint-bubble{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hint-tooltip.hint-tooltip--bottom .hint-bubble{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.hint-tooltip.hint-tooltip--left .hint-bubble{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.hint-tooltip.hint-tooltip--right .hint-bubble{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.dashboard-stats-section{margin-bottom:3rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.stat-card{background:var(--card-background);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000026}.stat-card.clickable:hover .stat-hint{opacity:1}.stat-card.highlight{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-card.highlight .stat-label,.stat-card.highlight .stat-subtext{color:#ffffffe6}.stat-card.accent{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stat-card.accent .stat-label,.stat-card.accent .stat-subtext{color:#ffffffe6}.stat-card h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;font-weight:600}.stat-card .stat-value{color:var(--text-primary);margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.stat-card .stat-value.small{font-size:1.75rem}.stat-card .stat-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.stat-card .stat-subtext{color:var(--text-muted);font-size:.75rem}.stat-card .stat-row{justify-content:space-around;gap:1rem;display:flex}.stat-card .stat-hint{color:var(--text-muted);opacity:0;margin-top:auto;padding-top:.5rem;font-size:.75rem;transition:opacity .3s}.stat-card.highlight .stat-hint,.stat-card.accent .stat-hint{color:#ffffffb3}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.stat-card{padding:1rem .75rem}.stat-card h3{margin-bottom:.625rem;font-size:.75rem}.stat-card .stat-value{font-size:1.75rem}.stat-card .stat-value.small{font-size:1.25rem}.stat-card .stat-label{margin-bottom:.25rem;font-size:.75rem}.stat-card .stat-subtext{font-size:.6875rem}.stat-card .stat-row{gap:.5rem}.stat-card .stat-hint{display:none}}.top-profiles-section{margin-bottom:3rem}.top-profiles-section h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.profiles-carousel{scroll-behavior:smooth;gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.profiles-carousel::-webkit-scrollbar{height:8px}.profiles-carousel::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.profiles-carousel::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.profiles-carousel .profile-card{background:var(--card-background);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex:0 0 200px;min-width:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.profiles-carousel .profile-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.profiles-carousel .profile-card .profile-image{background:var(--background-secondary);justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.profiles-carousel .profile-card .profile-image img{object-fit:cover;width:100%;height:100%}.profiles-carousel .profile-card .profile-image .profile-placeholder{width:100%;height:100%;color:var(--primary-color);background:linear-gradient(135deg, var(--primary-color-light) 0%, var(--primary-color) 100%);text-transform:uppercase;justify-content:center;align-items:center;font-size:4rem;font-weight:700;display:flex}.profiles-carousel .profile-card .profile-info{padding:1rem}.profiles-carousel .profile-card .profile-info .profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-weight:600;overflow:hidden}.profiles-carousel .profile-card .profile-info .profile-price{color:var(--primary-color);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.profiles-carousel .profile-card .profile-info .profile-stats{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.profiles-carousel .no-profiles{text-align:center;color:var(--text-secondary);width:100%;padding:2rem}@media (width<=640px){.profiles-carousel .profile-card{flex:0 0 160px}.profiles-carousel .profile-card .profile-image{height:160px}.profiles-carousel .profile-card .profile-image .profile-placeholder{font-size:3rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.leaderboard-preview{width:100%;margin-top:2rem}.leaderboard-preview__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.leaderboard-preview__header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.leaderboard-preview__area{color:var(--text-secondary,#ffffffa6);margin-top:.125rem;font-size:.8125rem;display:block}.leaderboard-preview__view-all{color:var(--primary-color);flex-shrink:0;font-size:.875rem;text-decoration:none}.leaderboard-preview__view-all:hover{text-decoration:underline}.leaderboard-preview__hint{color:var(--text-secondary,#ffffff8c);margin:0;font-size:.875rem}.leaderboard-preview__list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard-preview__separator{color:var(--text-muted,#ffffff59);letter-spacing:.25rem;text-align:center;padding:.25rem 0;font-size:.8125rem}.leaderboard-preview__row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem .75rem;display:grid}.leaderboard-preview__row.is-me{background:#60d3941a;border-color:#60d39466}.leaderboard-preview__rank{text-align:center;min-width:2.25rem;color:var(--text-secondary);font-size:.875rem;font-weight:700}.leaderboard-preview__rank.rank-1{color:#fbbf24}.leaderboard-preview__rank.rank-2{color:#d1d5db}.leaderboard-preview__rank.rank-3{color:#f97316}.leaderboard-preview__avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px;display:block;overflow:hidden}.leaderboard-preview__avatar img{object-fit:cover;width:100%;height:100%}.leaderboard-preview__avatar-placeholder{background:var(--background-hover,#ffffff14);width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.leaderboard-preview__identity{flex-direction:column;min-width:0;line-height:1.15;display:flex}.leaderboard-preview__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;text-decoration:none;overflow:hidden}.leaderboard-preview__name:hover{color:var(--primary-color)}.leaderboard-preview__handle{color:var(--text-muted,#ffffff8c);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.leaderboard-preview__value{color:var(--primary-color);white-space:nowrap;font-size:.875rem;font-weight:600}.post-body-text{word-break:break-word;white-space:pre-wrap;margin:0;line-height:1.6}.post-hashtag,.post-mention{font-weight:600;text-decoration:none;transition:opacity .15s}.post-hashtag:hover,.post-mention:hover{opacity:.75;text-decoration:underline}.post-hashtag:active,.post-mention:active{opacity:.55}.post-hashtag{color:var(--primary-color)}.post-mention{color:#8b5cf6}.comment{gap:.75rem;padding:1rem;transition:opacity .3s,transform .3s;display:flex}.comment.deleting{opacity:.5;pointer-events:none}.comment .comment-avatar{cursor:pointer;border-radius:50%;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.comment .comment-avatar img{object-fit:cover;width:100%;height:100%}.comment .comment-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color-light) 0%, var(--primary-color) 100%);color:#fff;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;font-weight:600;display:flex}.comment .comment-avatar .follow-overlay-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:0;left:0}.comment .comment-avatar .follow-overlay-btn:hover{background:#000c;transform:scale(1.05)}.comment .comment-avatar .follow-overlay-btn.following{background:#22c55eb3}.comment .comment-avatar .follow-overlay-btn.following:hover{background:#dc2626b3}.comment .comment-content{flex:1;min-width:0}.comment .comment-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.comment .comment-header .comment-author{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.comment .comment-header .comment-author .author-name{color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;transition:color .2s}.comment .comment-header .comment-author .author-name:hover{color:var(--primary-color);text-decoration:underline}.comment .comment-header .comment-author .comment-time{color:var(--text-muted);font-size:.75rem}.comment .comment-header .comment-author .edited-label{color:var(--text-muted);font-size:.7rem;font-style:italic}.comment .comment-header .comment-actions{opacity:0;gap:.25rem;transition:opacity .2s;display:flex}.comment:hover .comment-actions{opacity:1}.comment .action-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.875rem;transition:background-color .2s}.comment .action-icon-btn:hover{background:var(--background-hover)}.comment .action-icon-btn.delete:hover{background:#ef44441a}.comment .action-icon-btn:disabled{opacity:.5;cursor:not-allowed}.comment .comment-body p{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:.875rem;line-height:1.5}.comment .comment-edit .edit-textarea{border:1px solid var(--border-color);resize:vertical;background:var(--card-background);width:100%;min-height:80px;color:var(--text-primary);border-radius:8px;padding:.75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.comment .comment-edit .edit-textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.comment .comment-edit .edit-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.comment .comment-edit .edit-actions .btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.comment .comment-edit .edit-actions .btn.btn-secondary{background:var(--background-secondary);color:var(--text-secondary)}.comment .comment-edit .edit-actions .btn.btn-secondary:hover{background:var(--background-hover)}.comment .comment-edit .edit-actions .btn.btn-primary{background:var(--primary-color);color:#fff}.comment .comment-edit .edit-actions .btn.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.comment .comment-edit .edit-actions .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}.comment .comment-reactions{gap:.75rem;margin-top:.5rem;display:flex}.comment .comment-reactions .reaction-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.813rem;transition:all .2s;display:flex}.comment .comment-reactions .reaction-btn:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color)}.comment .comment-reactions .reaction-btn svg{font-size:.875rem}.comment .comment-reactions .reaction-btn .reaction-count{text-align:center;min-width:1rem;font-weight:500}.comment .comment-reactions .reaction-btn.like-btn.active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f680}.comment .comment-reactions .reaction-btn.like-btn.active:hover{background:#3b82f626}.comment .comment-reactions .reaction-btn.dislike-btn.active{color:#ef4444;background:#ef44441a;border-color:#ef444480}.comment .comment-reactions .reaction-btn.dislike-btn.active:hover{background:#ef444426}@media (width<=640px){.comment{padding:.75rem 0}.comment .comment-avatar{width:32px;height:32px}.comment .comment-actions{opacity:1}}.comment-list .comment-input-container{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.comment-list .comment-input-container .comment-actions-bar{justify-content:center;align-items:center;gap:1rem;display:flex}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:.375rem;min-width:90px;padding:.75rem 1.25rem;transition:all .2s;display:flex}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn svg{transition:all .2s}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn .action-label{font-size:.8125rem;font-weight:500;transition:all .2s}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn:hover svg{transform:scale(1.1)}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn:active{transform:translateY(0)}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn.active{background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color)}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn.active svg{fill:var(--primary-color)}.comment-list .comment-input-form{background:var(--background-secondary);border-radius:12px;margin-top:1rem;padding:1rem;animation:.2s ease-out slideDown}.comment-list .comment-input-form .comment-input{border:1px solid var(--border-color);resize:vertical;background:var(--card-background);width:100%;min-height:80px;color:var(--text-primary);border-radius:8px;padding:.75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.comment-list .comment-input-form .comment-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.comment-list .comment-input-form .comment-input:disabled{opacity:.6;cursor:not-allowed}.comment-list .comment-input-form .comment-input::placeholder{color:var(--text-muted)}.comment-list .comment-input-form .comment-input-footer{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.comment-list .comment-input-form .comment-input-footer .char-count{color:var(--text-muted);font-size:.75rem}.comment-list .comment-input-form .comment-input-footer .btn{cursor:pointer;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.comment-list .comment-input-form .comment-input-footer .btn.btn-primary{background:var(--primary-color);color:#fff}.comment-list .comment-input-form .comment-input-footer .btn.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.comment-list .comment-input-form .comment-input-footer .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}.comment-list .comments .empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.comment-list .comments .empty-state p{margin:0;font-size:.875rem}.comment-list .comments .load-more-trigger{height:20px}.comment-list .comments .loading-indicator{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-size:.875rem;display:flex}.comment-list .comments .loading-indicator .spinner{border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.comment-list .comment-input-container{margin-top:1rem;padding-top:1rem}.comment-list .comment-input-container .comment-actions-bar{gap:.75rem}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn{min-width:80px;padding:.625rem .875rem}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn svg{width:18px;height:18px}.comment-list .comment-input-container .comment-actions-bar .action-icon-btn .action-label{font-size:.75rem}.comment-list .comment-input-form{padding:.75rem}.comment-list .comment-input-form .comment-input-footer{flex-direction:column;align-items:stretch;gap:.5rem}.comment-list .comment-input-form .comment-input-footer .btn{width:100%}}.post-container.spotlighted{background:linear-gradient(135deg,#ffc1071a 0%,#ff98000d 100%);border:2px solid #ffc10766;border-radius:12px;animation:3s ease-in-out infinite spotlightPulse;position:relative;box-shadow:0 4px 20px #ffc10733,0 0 40px #ffc1071a}.post-container.spotlighted:before{content:"";z-index:-1;opacity:.3;background:linear-gradient(45deg,#ffc107,#ff9800,#ffc107,#ff9800) 0 0/300% 300%;border-radius:12px;animation:6s infinite gradientShift;position:absolute;inset:-2px}.post-container.spotlighted .spotlight-shimmer{pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border-radius:12px;width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.post-card.spotlighted{background:linear-gradient(135deg,#1e1e1e 0%,#322814 100%);border:2px solid #ffc107;position:relative;box-shadow:0 0 30px #ffc1074d,0 10px 40px #00000080}.post-card.spotlighted:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(135deg,#ffc107,#ff9800,#ffc107) 0 0/200% 200%;padding:2px;animation:4s infinite gradientShift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spotlight-indicator{color:#ffc107;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;animation:1.5s ease-in-out infinite sparkle;display:inline-flex}.spotlight-indicator svg{filter:drop-shadow(0 0 8px #ffc107cc);font-size:1rem;animation:4s linear infinite rotateStar}@keyframes spotlightPulse{0%,to{box-shadow:0 0 #ffd700b3}50%{box-shadow:0 0 0 6px #ffd70000}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes badgePulse{0%,to{box-shadow:0 2px 8px #1b87fa66}50%{box-shadow:0 2px 12px #1b87fa99}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@keyframes rotateStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feed-container .post-container.spotlighted{margin:1.5rem 0}@media (width>=768px){.feed-container .post-container.spotlighted{transform:scale(1.02)}}.spotlight-feed .post-container.spotlighted{animation:none}.spotlight-feed .post-container.spotlighted:before{opacity:.2}.duration-selector{margin-bottom:1.5rem}.duration-selector .duration-label{color:#ffffffe6;margin-bottom:.75rem;font-size:.95rem;font-weight:600}.duration-selector .duration-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;display:grid}.duration-selector .duration-option{cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:70px;padding:1rem .75rem;transition:all .2s;display:flex;position:relative}.duration-selector .duration-option:hover{background:#ffffff14;border-color:#ffc1074d;transform:translateY(-2px)}.duration-selector .duration-option.selected{background:#ffc10726;border-color:#ffc107;box-shadow:0 0 15px #ffc1074d}.duration-selector .duration-option.selected .duration-text{color:#ffc107;font-weight:700}.duration-selector .duration-option.popular{border-color:#ffc10766}.duration-selector .duration-option.popular .popular-badge{color:#000;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);border-radius:12px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #ffc10766}.duration-selector .duration-option .duration-text{color:#fffc;text-align:center;font-size:.9rem;font-weight:600}.duration-selector .duration-option:active{transform:translateY(0)}@media (width<=600px){.duration-selector .duration-options{grid-template-columns:repeat(2,1fr)}}.unified-spotlight-overlay{z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.unified-spotlight-modal{box-sizing:border-box;background:#1a1a1a;border:1px solid #333;border-radius:16px;width:100%;max-width:500px;max-height:90vh;animation:.3s ease-out slideUp;position:relative;overflow:auto;box-shadow:0 20px 60px #00000080}.unified-spotlight-modal .modal-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.unified-spotlight-modal .modal-header h2{color:#fff;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.unified-spotlight-modal .modal-header .modal-icon{color:#ffc107;font-size:1.5rem}.unified-spotlight-modal .modal-header .btn-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.75rem;line-height:1;transition:all .2s;display:flex}.unified-spotlight-modal .modal-header .btn-close:hover:not(:disabled){color:#fff;background:#ffffff1a}.unified-spotlight-modal .modal-header .btn-close:disabled{opacity:.5;cursor:not-allowed}.unified-spotlight-modal .modal-body{padding:1.5rem}.unified-spotlight-modal .modal-body .modal-description{color:#ccc;text-align:center;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.unified-spotlight-modal .modal-body .warning-banner{background:#ff98001a;border:1px solid #ff98004d;border-left:4px solid #ff9800;border-radius:8px;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.unified-spotlight-modal .modal-body .warning-banner .warning-icon{flex-shrink:0;font-size:1.5rem}.unified-spotlight-modal .modal-body .warning-banner .warning-content{flex:1}.unified-spotlight-modal .modal-body .warning-banner .warning-content strong{color:#ff9800;margin-bottom:.5rem;font-size:1rem;display:block}.unified-spotlight-modal .modal-body .warning-banner .warning-content p{color:#fffc;margin:0 0 .75rem;font-size:.9rem;line-height:1.4}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info{background:#0003;border-radius:6px;margin-top:.75rem;padding:.75rem;font-size:.85rem}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info div{color:#ffffffb3;justify-content:space-between;margin-bottom:.4rem;display:flex}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info div:last-child{margin-bottom:0}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info div.shortfall{color:#ff9800;border-top:1px solid #ff980033;padding-top:.5rem;font-weight:600}.unified-spotlight-modal .modal-body .warning-banner .warning-content .balance-info div strong{color:#fff;margin-left:.5rem;display:inline}.unified-spotlight-modal .modal-body .submission-error-banner{background:#f443361a;border:1px solid #f4433659;border-left:4px solid #f44336;border-radius:8px;align-items:flex-start;gap:1rem;margin-top:1.25rem;padding:1rem;display:flex}.unified-spotlight-modal .modal-body .submission-error-banner .submission-error-icon{flex-shrink:0;font-size:1.5rem}.unified-spotlight-modal .modal-body .submission-error-banner .submission-error-content{flex:1}.unified-spotlight-modal .modal-body .submission-error-banner .submission-error-content strong{color:#f44336;margin-bottom:.4rem;font-size:1rem;display:block}.unified-spotlight-modal .modal-body .submission-error-banner .submission-error-content p{color:#ffffffd9;word-break:break-word;margin:0;font-size:.9rem;line-height:1.4}.unified-spotlight-modal .modal-body .price-display{text-align:center;background:linear-gradient(135deg,#ffc1071a 0%,#ff98000d 100%);border:2px solid #ffc1074d;border-radius:12px;margin-top:2rem;padding:1.5rem}.unified-spotlight-modal .modal-body .price-display .price-label{color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.unified-spotlight-modal .modal-body .price-display .price-value{color:#ffc107;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;font-size:2rem;font-weight:700;display:flex}.unified-spotlight-modal .modal-body .price-display .price-value .loading-price{color:#999;align-items:center;gap:.5rem;font-size:1rem;display:flex}.unified-spotlight-modal .modal-body .price-display .price-value .loading-price .spinner{animation:1s linear infinite spin}.unified-spotlight-modal .modal-body .price-display .price-value .price-amount{background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.unified-spotlight-modal .modal-body .price-display .price-value .price-error{color:#ef4444;font-size:1rem}.unified-spotlight-modal .modal-footer{border-top:1px solid #333;justify-content:center;align-items:center;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.unified-spotlight-modal .modal-footer .btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:140px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.unified-spotlight-modal .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.unified-spotlight-modal .modal-footer .btn.btn-secondary{color:#fff;background:#ffffff1a}.unified-spotlight-modal .modal-footer .btn.btn-secondary:hover:not(:disabled){background:#ffffff26}.unified-spotlight-modal .modal-footer .btn.btn-primary{color:#000;background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);font-weight:700;box-shadow:0 2px 12px #ffc1074d}.unified-spotlight-modal .modal-footer .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ffc10780}.unified-spotlight-modal .modal-footer .btn.btn-primary:active:not(:disabled){transform:translateY(0)}.unified-spotlight-modal .modal-footer .btn.btn-primary .spinner{animation:1s linear infinite spin}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.unified-spotlight-overlay{padding:.75rem}.unified-spotlight-modal{max-width:100%;margin:0}.unified-spotlight-modal .modal-header{padding:1.25rem 1.25rem .75rem}.unified-spotlight-modal .modal-header h2{font-size:1.25rem}.unified-spotlight-modal .modal-body,.unified-spotlight-modal .modal-body .price-display{padding:1.25rem}.unified-spotlight-modal .modal-body .price-display .price-value{font-size:1.75rem}.unified-spotlight-modal .modal-footer{flex-direction:column;padding:1rem 1.25rem 1.25rem}.unified-spotlight-modal .modal-footer .btn{width:100%;min-width:auto}}.spotlight-btn{color:#1a1a1a;cursor:pointer;background:linear-gradient(135deg,#ffc107f2 0%,#ff9800c7 100%);border:1px solid #ffc1078c;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #ffc10747,0 0 14px #ffc1072e}.spotlight-btn svg{font-size:1rem}.spotlight-btn svg.spinner{animation:1s linear infinite spin}.spotlight-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffca2c 0%,#ffa726 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ffc10780}.spotlight-btn:active:not(:disabled){transform:translateY(0)}.spotlight-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.spotlight-btn-sm{padding:.35rem .75rem;font-size:.85rem}.spotlight-btn-sm svg{font-size:.9rem}.spotlight-btn-icon{border-radius:50%;padding:.5rem}.spotlight-btn-icon svg{margin:0}.spotlight-btn-icon span{display:none}.modal-overlay{z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;max-width:90vw;max-height:90vh;position:relative;overflow:auto;box-shadow:0 20px 60px #00000080}.modal-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.modal-header h2{align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex;color:#fff!important}.modal-header .btn-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.75rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-header .btn-close:hover{color:#fff;background:#ffffff1a}.modal-body{padding:1.5rem}.modal-body .modal-description{margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;color:#ccc!important}.modal-footer{border-top:1px solid #333;justify-content:center;align-items:center;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.modal-footer .btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.modal-footer .btn.btn-secondary{color:#fff;background:#ffffff1a}.modal-footer .btn.btn-secondary:hover:not(:disabled){background:#ffffff26}.modal-footer .btn.btn-primary{color:#000;background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);box-shadow:0 2px 8px #ffc1074d}.modal-footer .btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffca2c 0%,#ffa726 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ffc10780}.modal-footer .btn.btn-primary:active:not(:disabled){transform:translateY(0)}.modal-footer .btn .spinner{animation:1s linear infinite spin}.duration-modal{width:90%;max-width:600px}.duration-modal .modal-icon{color:#ffc107}.spotlight-success-overlay{z-index:10001;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.spotlight-success-modal{box-sizing:border-box;text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2a2520 100%);border:2px solid #ffc10780;border-radius:20px;width:100%;max-width:450px;padding:3rem 2rem 2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleIn;position:relative;box-shadow:0 0 60px #ffc10766,0 20px 80px #0009}.success-icon-container{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 2rem;display:flex;position:relative}.success-icon-bg{background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:2s ease-in-out infinite pulse;display:flex;box-shadow:0 0 40px #ffc10799,0 10px 30px #ff980066}.success-icon-bg .success-check{color:#000;font-size:4rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) .2s backwards checkPop}.sparkles-container{pointer-events:none;position:absolute;inset:0}.sparkles-container .sparkle{color:#ffc107;opacity:0;font-size:2rem;animation:2s ease-in-out infinite sparkleFloat;position:absolute}.sparkles-container .sparkle.sparkle-1{animation-delay:0s;top:10%;left:10%}.sparkles-container .sparkle.sparkle-2{animation-delay:.3s;top:10%;right:10%}.sparkles-container .sparkle.sparkle-3{animation-delay:.6s;bottom:10%;left:10%}.sparkles-container .sparkle.sparkle-4{animation-delay:.9s;bottom:10%;right:10%}.success-content{margin-bottom:2rem}.success-content .success-title{color:#fff;justify-content:center;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:2rem;font-weight:700;animation:.5s ease-out .3s backwards slideDown;display:flex}.success-content .success-title .title-star{color:#ffc107;animation:1.5s linear infinite rotate}.success-content .success-message{color:#ccc;margin:0;font-size:1.125rem;line-height:1.6;animation:.5s ease-out .4s backwards slideDown}.success-close-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);border:none;border-radius:12px;padding:.875rem 2.5rem;font-size:1rem;font-weight:700;transition:all .3s;animation:.5s ease-out .5s backwards slideDown;box-shadow:0 4px 20px #ffc10766}.success-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ffc10799}.success-close-btn:active{transform:translateY(0)}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0)scale(0)}50%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.5)}}@media (width<=768px){.spotlight-success-overlay{padding:.75rem}.spotlight-success-modal{max-width:100%;padding:2.5rem 1.25rem 1.5rem}.success-icon-container,.success-icon-bg{width:100px;height:100px}.success-icon-container .success-check,.success-icon-bg .success-check{font-size:3.5rem}.success-content .success-title{font-size:1.75rem}.success-content .success-message{font-size:1rem}}.paywall-overlay{z-index:9000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.paywall-modal{background:var(--color-surface,#1a1a2e);border:1px solid var(--color-border,#ffffff1a);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:2rem;position:relative}.paywall-modal .paywall-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.25rem .5rem;font-size:1.1rem;line-height:1;position:absolute;top:1rem;right:1rem}.paywall-modal .paywall-close:hover{color:var(--text-primary);background:#ffffff14}.paywall-modal .paywall-icon{margin-bottom:.5rem;font-size:2.5rem}.paywall-modal .paywall-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.paywall-modal .paywall-creator{color:var(--text-muted);margin:0 0 1.5rem;font-size:.85rem}.paywall-modal .paywall-note{color:var(--text-muted);text-align:center;margin:.5rem 0 1rem;font-size:.85rem}.paywall-modal .paywall-error{color:var(--color-danger,#f87171);background:#f871711a;border-radius:8px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.85rem}.paywall-modal .paywall-success{color:var(--color-success,#4ade80);flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;display:flex}.paywall-modal .paywall-success .success-icon{font-size:2rem}.paywall-modal .paywall-success p{margin:0;font-size:.95rem}.paywall-modal .paywall-unlocking{color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 0;display:flex}.paywall-modal .paywall-unlocking p{margin:0;font-size:.9rem}.paywall-modal .paywall-unlocking .unlocking-spinner{border:3px solid rgba(var(--primary-rgb), .2);border-top-color:var(--primary-color);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:block}.paywall-option{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:.75rem;padding:1rem}.paywall-option--secondary{opacity:.8;background:#ffffff05}.paywall-option .option-label{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.paywall-option .option-label .option-icon{flex-shrink:0;font-size:1.25rem}.paywall-option .option-label div{flex-direction:column;flex:1;gap:.1rem;display:flex}.paywall-option .option-label div strong{color:var(--text-primary);font-size:.95rem}.paywall-option .option-label .option-desc{color:var(--text-muted);font-size:.75rem}.paywall-option .option-label .option-fee-detail{color:var(--text-muted)}.paywall-option .option-label .option-price{color:var(--primary-color);white-space:nowrap;font-size:.9rem;font-weight:700}.paywall-option .paywall-insufficient{color:#ef4444;background:#ef444414;border:1px solid #ef444459;border-radius:6px;margin:.5rem 0;padding:.5rem .75rem;font-size:.8rem;line-height:1.4}.paywall-option .paywall-btn{width:100%;padding:.6rem 1rem;font-size:.9rem}.post-card{background:var(--card-background);border:1px solid var(--border-color);box-sizing:border-box;text-align:left;border-radius:10px;width:100%;padding:.875rem 1rem;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 12px #00000014}.post-card.spotlight-post{border:2px solid var(--primary-color);position:relative}.post-header{grid-template-columns:1fr auto;align-items:flex-start;gap:.75rem;margin-bottom:.625rem;display:grid}.post-header .post-author{align-items:center;gap:.5rem;min-width:0;display:flex}.post-header .post-author .author-avatar{cursor:pointer;border-radius:50%;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.post-header .post-author .author-avatar img{object-fit:cover;width:100%;height:100%}.post-header .post-author .author-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color-light) 0%, var(--primary-color) 100%);color:#fff;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex}.post-header .post-author .author-avatar .follow-overlay-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:0;left:0}.post-header .post-author .author-avatar .follow-overlay-btn:hover{background:#000c;transform:scale(1.05)}.post-header .post-author .author-avatar .follow-overlay-btn.following{background:#22c55eb3}.post-header .post-author .author-avatar .follow-overlay-btn.following:hover{background:#dc2626b3}.post-header .post-author .author-info{flex:1;min-width:0}.post-header .post-author .author-info .author-info-top{align-items:baseline;gap:.5rem;margin-bottom:.125rem;display:flex}.post-header .post-author .author-info .author-name{color:var(--text-primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:600;transition:color .2s;overflow:hidden}.post-header .post-author .author-info .author-name:hover{color:var(--primary-color);text-decoration:underline}.post-header .post-author .author-info .post-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.post-header .post-header-right{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.post-header .spotlight-badge{color:#000;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:inline-flex;box-shadow:0 2px 10px #ffc10766}.post-header .spotlight-badge__countdown{letter-spacing:0;text-transform:none;opacity:.85;font-weight:600}.post-header .spotlight-badge__countdown:before{content:"·";opacity:.6;margin-right:.4rem}.post-header .open-post-btn{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;font-size:.75rem;transition:opacity .15s,color .15s,background .15s;display:inline-flex}.post-header .open-post-btn:hover{opacity:1;color:var(--primary-color);background:var(--background-hover)}.post-header .post-location{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}@media (width<=768px){.post-header{gap:.5rem}.post-header .spotlight-badge{padding:.25rem .5rem;font-size:.65rem}.post-header .post-location{font-size:.7rem}}.post-body{color:var(--text-primary);margin-bottom:.625rem;font-size:.9rem;line-height:1.5}.post-body p{white-space:pre-wrap;word-wrap:break-word;margin:0}.post-media{background:var(--background-secondary);border-radius:8px;width:100%;max-width:100%;margin-bottom:.625rem;overflow:hidden}.post-media img{object-fit:contain;width:100%;min-height:120px;max-height:420px;display:block}.post-actions{border-top:1px solid var(--border-color);gap:.25rem;padding-top:.5rem;display:flex}.post-actions .action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.3rem .625rem;font-size:.8rem;transition:all .15s;display:flex}@media (hover:hover){.post-actions .action-btn:hover{background:var(--background-hover);color:var(--primary-color)}}.post-actions .action-btn.active{color:var(--primary-color);font-weight:600}.post-comments-section{border-top:1px solid var(--border-color);margin-top:.625rem;padding-top:.625rem;animation:.3s ease-out slideDown}@media (width<=640px){.post-card{padding:.75rem}.post-header{flex-direction:column;gap:.5rem}.post-header .post-location{align-self:flex-start}.post-actions{flex-wrap:wrap}.post-actions .action-btn{flex:1;justify-content:center;min-width:80px}}.post-body--locked .post-preview-text{color:var(--text-muted);margin:0 0 .75rem;font-style:italic}.post-body--locked .locked-media-hint{color:var(--text-muted);opacity:.75;margin:.5rem 0;font-size:.8rem}.locked-overlay{background:rgba(var(--primary-rgb), .06);border:1px solid rgba(var(--primary-rgb), .2);border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.locked-overlay .locked-icon{font-size:1.1rem}.locked-overlay .locked-label{color:var(--text-muted);flex:1;font-size:.85rem}.locked-overlay .unlock-btn{white-space:nowrap;padding:.35rem .85rem;font-size:.8rem}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.image-upload{width:100%}.image-upload .image-preview{background:var(--background-secondary);border-radius:8px;max-width:125px;position:relative;overflow:visible}@media (width<=639px){.image-upload .image-preview{width:100%;max-width:100%}}.image-upload .image-preview img{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:400px;display:block}@media (width<=639px){.image-upload .image-preview img{max-height:300px}}.image-upload .image-preview .remove-btn{font:inherit;color:#fff;cursor:pointer;z-index:10;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:.875rem;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 8px #0000004d}@media (hover:hover) and (pointer:fine){.image-upload .image-preview .remove-btn:hover{background:var(--danger-color);transform:scale(1.1)}}@media (width<=639px){.image-upload .image-preview .remove-btn{border-radius:50%;width:32px;height:32px;font-size:.875rem;top:.25rem;right:.25rem}}.image-upload .image-preview .upload-overlay{color:#fff;z-index:5;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.image-upload .image-preview .upload-overlay .spinner{font-size:1.5rem;animation:1s linear infinite spin}.image-upload .image-preview .upload-overlay span{font-size:.875rem;font-weight:500}.image-upload .upload-loading{background:var(--background-secondary);border:2px solid var(--primary-color);width:100%;color:var(--text-primary);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:.9375rem;display:flex}.image-upload .upload-loading .spinner{color:var(--primary-color);font-size:2rem;animation:1s linear infinite spin}.image-upload .upload-loading span{font-weight:500}@media (width<=639px){.image-upload .upload-loading{padding:1.5rem;font-size:.875rem}.image-upload .upload-loading .spinner{font-size:1.5rem}}.image-upload .upload-btn{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;background:var(--background-hover);border:none;border:2px dashed var(--border-color);width:100%;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:2rem;font-size:.9375rem;transition:all .2s;display:flex}.image-upload .upload-btn svg{color:var(--primary-color);font-size:2rem}@media (hover:hover) and (pointer:fine){.image-upload .upload-btn:hover:not(:disabled){background:var(--background-secondary);border-color:var(--primary-color);color:var(--text-primary)}}.image-upload .upload-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=639px){.image-upload .upload-btn{padding:1.5rem;font-size:.875rem}.image-upload .upload-btn svg{font-size:1.5rem}}.image-upload .error-message{color:var(--danger-color);background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.875rem;font-weight:500}.post-composer{box-sizing:border-box;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;width:100%;margin-bottom:1.5rem;padding:1.5rem}.post-composer .composer-header{margin-bottom:1rem}.post-composer .composer-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.post-composer .composer-input-wrap{background:var(--background-secondary);text-align:left;border-radius:8px;position:relative}.post-composer .composer-suggestions{z-index:200;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;max-height:260px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.post-composer .composer-suggestions .suggestion-item{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .1s;display:flex}.post-composer .composer-suggestions .suggestion-item:hover,.post-composer .composer-suggestions .suggestion-item.selected{background:var(--background-hover,#667eea14)}.post-composer .composer-suggestions .suggestion-item .suggestion-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.post-composer .composer-suggestions .suggestion-item .suggestion-avatar--placeholder{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.post-composer .composer-suggestions .suggestion-item .suggestion-hash{width:28px;height:28px;color:var(--primary-color);background:#667eea1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.post-composer .composer-suggestions .suggestion-item .suggestion-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.post-composer .composer-suggestions .suggestion-item .suggestion-sub{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.post-composer .composer-hint{color:var(--text-muted);letter-spacing:.01em;font-size:.75rem}.post-composer .composer-highlight-backdrop{font-family:inherit;font-size:1rem;font-weight:inherit;white-space:pre-wrap;word-break:break-word;pointer-events:none;color:var(--text-primary);z-index:0;border:1px solid #0000;border-radius:8px;padding:.625rem .75rem;line-height:1.5;position:absolute;inset:0;overflow:hidden}.post-composer .composer-highlight-backdrop mark{font-weight:inherit;background:0 0;padding:0;display:inline}.post-composer .composer-highlight-backdrop .hl-hashtag{color:var(--primary-color)}.post-composer .composer-highlight-backdrop .hl-mention{color:#8b5cf6}.post-composer .composer-textarea{z-index:1;box-sizing:border-box;border:1px solid var(--border-color);resize:none;color:#0000;-webkit-text-fill-color:transparent;width:100%;min-height:120px;caret-color:var(--text-primary);background:0 0;border-radius:8px;padding:.625rem .75rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.post-composer .composer-textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.post-composer .composer-textarea:disabled{opacity:.6;cursor:not-allowed}.post-composer .composer-textarea::placeholder{color:var(--text-muted)}.post-composer .image-upload-container{margin-top:1rem}.post-composer .error-message{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-top:.75rem;padding:.75rem;font-size:.875rem}.post-composer .composer-meta-row{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.post-composer .composer-meta-row .composer-hint{color:var(--text-muted);font-size:.75rem}.post-composer .composer-meta-row .char-count{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.post-composer .composer-meta-row .char-count.over-limit{color:#dc2626;font-weight:600}.post-composer .composer-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.post-composer .composer-footer .composer-actions{gap:.5rem;display:flex}.post-composer .composer-footer .composer-actions .btn-icon-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem .75rem;font-size:1.25rem;transition:color .15s,transform .15s}.post-composer .composer-footer .composer-actions .btn-icon-action:hover:not(:disabled){color:var(--primary-color);transform:scale(1.05)}.post-composer .composer-footer .composer-actions .btn-icon-action:active:not(:disabled){color:var(--primary-color)}.post-composer .composer-footer .composer-actions .btn-icon-action:disabled{opacity:.5;cursor:not-allowed}.post-composer .composer-footer .composer-submit{align-items:center;gap:1rem;display:flex}.post-composer .composer-footer .composer-submit .char-count{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.post-composer .composer-footer .composer-submit .char-count.over-limit{color:#dc2626;font-weight:600}.post-composer .composer-footer .composer-submit .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s}.post-composer .composer-footer .composer-submit .btn.btn-primary{background:var(--primary-color);color:#fff}.post-composer .composer-footer .composer-submit .btn.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.post-composer .composer-footer .composer-submit .btn.btn-primary:active:not(:disabled){transform:translateY(0)}.post-composer .composer-footer .composer-submit .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.post-composer{border-radius:8px;padding:1rem}.post-composer .composer-footer{flex-direction:column;align-items:stretch;gap:.75rem}.post-composer .composer-footer .composer-actions{flex-wrap:wrap;justify-content:flex-start}.post-composer .composer-footer .composer-submit{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.5rem}.post-composer .composer-footer .composer-submit .char-count{text-align:left}.post-composer .composer-footer .composer-submit .btn{flex:1;min-width:0}}.composer-visibility{border-top:1px solid var(--border-color);gap:.4rem;padding:.5rem 0;display:flex}.composer-visibility .visibility-btn-wrap{align-items:center;gap:.3rem;display:inline-flex}.composer-visibility .visibility-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:.3rem .75rem;font-size:.8rem;transition:all .15s}.composer-visibility .visibility-btn:hover{border-color:rgba(var(--primary-rgb), .4);color:var(--text-primary)}.composer-visibility .visibility-btn.active{background:rgba(var(--primary-rgb), .15);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.composer-ppv{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.composer-ppv .ppv-label{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.composer-ppv .ppv-price-input{border:1px solid var(--border-color);background:var(--background-secondary);width:120px;color:var(--text-primary);border-radius:8px;padding:.3rem .6rem;font-size:.9rem}.composer-ppv .ppv-price-input:focus{border-color:var(--primary-color);outline:none}.composer-ppv .ppv-note{color:var(--color-warning,#fbbf24);width:100%;font-size:.75rem}.composer-ppv .ppv-preview-picker{border-top:1px dashed var(--border-color);flex-direction:column;gap:.4rem;width:100%;margin-top:.3rem;padding-top:.4rem;display:flex}.composer-ppv .ppv-preview-label{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.composer-ppv .ppv-preview-options{flex-wrap:wrap;gap:.4rem;display:flex}.composer-ppv .ppv-preview-btn{border:1px solid var(--border-color);background:var(--background-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.35rem .7rem;font-size:.82rem;transition:all .15s}.composer-ppv .ppv-preview-btn:hover:not(:disabled){border-color:var(--primary-color)}.composer-ppv .ppv-preview-btn:disabled{opacity:.5;cursor:not-allowed}.composer-ppv .ppv-preview-btn.active{background:rgba(var(--primary-rgb), .18);border-color:var(--primary-color);color:var(--text-primary)}.composer-ppv .ppv-preview-charlimit{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.82rem;display:inline-flex}.composer-ppv .ppv-preview-charlimit input{border:1px solid var(--border-color);background:var(--background-secondary);width:90px;color:var(--text-primary);border-radius:6px;padding:.3rem .5rem;font-size:.85rem}.composer-ppv .ppv-preview-charlimit input:focus{border-color:var(--primary-color);outline:none}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.create-post-fab{bottom:calc(2rem + env(safe-area-inset-bottom,0px));right:calc(2rem + env(safe-area-inset-right,0px));z-index:900;background:var(--accent-primary,#a855f7);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.125rem;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;box-shadow:0 4px 16px #a855f773}.create-post-fab:hover{transform:scale(1.1);box-shadow:0 6px 22px #a855f799}.create-post-fab:active{transform:scale(.96)}@media (width<=639px){.create-post-fab{bottom:calc(5rem + env(safe-area-inset-bottom,0px));right:calc(1.25rem + env(safe-area-inset-right,0px));width:3.25rem;height:3.25rem}}.klyxfeed-section{margin-bottom:3rem}.klyxfeed-section h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.feed-tabs{border-bottom:2px solid var(--border-color);gap:.5rem;margin-bottom:1.5rem;display:flex}.feed-tabs .feed-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.feed-tabs .feed-tab:hover{color:var(--text-primary);background:var(--background-hover)}.feed-tabs .feed-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.feed-content{min-height:400px}.feed-loading,.feed-empty{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.feed-loading .hint,.feed-empty .hint{color:var(--text-muted);margin-top:.5rem;font-size:.875rem}.loading-spinner{color:var(--primary-color);font-size:1.25rem}.feed-posts{flex-direction:column;gap:.625rem;width:100%;max-width:540px;margin:0 auto;display:flex}.feed-observer{text-align:center;padding:2rem}.feed-observer .loading-more{color:var(--text-secondary);font-size:.875rem}.feed-end{text-align:center;color:var(--text-muted);padding:2rem;font-size:.875rem}.location-controls{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.location-controls .location-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.location-controls .location-info .location-name{color:var(--text-primary);font-size:1rem;font-weight:600}.location-controls .location-info .radius-control{gap:.5rem;display:flex}.location-controls .location-info .radius-control .radius-button{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.location-controls .location-info .radius-control .radius-button:hover{background:var(--background-hover);border-color:var(--primary-color)}.location-controls .location-info .radius-control .unit-toggle{background:var(--primary-color-light);border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;text-transform:uppercase;border-radius:8px;padding:.5rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s}.location-controls .location-info .radius-control .unit-toggle:hover{background:var(--primary-color);color:#fff}.location-controls .radius-selector{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.location-controls .radius-selector .radius-option{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.location-controls .radius-selector .radius-option:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color)}.location-controls .radius-selector .radius-option.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (width<=640px){.feed-tabs .feed-tab{padding:.5rem 1rem;font-size:.875rem}.location-controls .location-info{flex-direction:column;align-items:flex-start}.location-controls .location-info .radius-control{justify-content:space-between;width:100%}.location-controls .radius-selector{justify-content:center}}.dashboard-page{background:var(--background-color);min-height:calc(100vh - 80px);padding:2rem 1rem}.dashboard-page.loading{justify-content:center;align-items:center;display:flex}.dashboard-page .loading-spinner{color:var(--text-secondary);font-size:1.5rem}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.dashboard-header p{color:var(--text-secondary);font-size:1.125rem}@media (width<=640px){.dashboard-page{padding:1rem .5rem}.dashboard-header h1{font-size:2rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.kx-settings-panel{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto}@media (width<=639px){.kx-settings-panel{max-width:100%;padding-left:1rem;padding-right:1rem}}.kx-settings-panel{padding:1.5rem}@media (width<=639px){.kx-settings-panel{padding-top:1rem;padding-bottom:1rem}}@media (width<=360px){.kx-settings-panel{padding-top:.75rem;padding-bottom:.75rem}}.kx-settings-panel *{box-sizing:border-box}.kx-settings-panel__header{text-align:center;margin-bottom:2rem}.kx-settings-panel__header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.75rem;font-weight:600}@media (width<=639px){.kx-settings-panel__header h2{font-size:1.5rem}}.kx-settings-panel__header p{color:var(--text-secondary);margin:0;font-size:.95rem}@media (width<=639px){.kx-settings-panel__header p{font-size:.875rem}}.kx-settings-panel__body{flex-direction:column;gap:1.5rem;display:flex}@media (width<=639px){.kx-settings-panel__body{gap:1.25rem}}.kx-settings-section-heading{margin-bottom:.75rem}.kx-settings-section-heading h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}@media (width<=639px){.kx-settings-section-heading h3{font-size:1rem}}.kx-settings-section-heading p{color:var(--text-secondary);margin:0;font-size:.875rem}.kx-settings-row{background:var(--card-background);border:1px solid var(--border-color);text-align:left;appearance:none;width:100%;max-width:100%;font:inherit;color:inherit;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.kx-settings-row--clickable{cursor:pointer}@media (hover:hover) and (pointer:fine){.kx-settings-row--clickable:hover:not(:disabled){border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}}.kx-settings-row--disabled{opacity:.55;cursor:not-allowed}.kx-settings-row__head{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.kx-settings-row__icon{width:40px;height:40px;color:var(--primary-color);background:rgba(var(--primary-rgb), .1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}@media (width<=639px){.kx-settings-row__icon{border-radius:8px;width:36px;height:36px;font-size:1.125rem}}.kx-settings-row__text{text-align:left;flex:1;min-width:0}.kx-settings-row__title{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}@media (width<=639px){.kx-settings-row__title{font-size:.875rem}}.kx-settings-row__desc{color:var(--text-secondary);font-size:.875rem;line-height:1.4}@media (width<=639px){.kx-settings-row__desc{font-size:.8125rem}}.kx-settings-row__control{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.kx-settings-row__body{width:100%}.kx-settings-toggle{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.kx-settings-toggle input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kx-settings-toggle__slider{cursor:pointer;background-color:var(--border-color);border-radius:28px;transition:all .2s;position:absolute;inset:0}.kx-settings-toggle__slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;bottom:4px;left:4px}input:checked+.kx-settings-toggle__slider{background-color:var(--primary-color)}input:checked+.kx-settings-toggle__slider:before{transform:translate(24px)}.kx-settings-toggle--disabled{opacity:.5}.kx-settings-toggle--disabled .kx-settings-toggle__slider{cursor:not-allowed}.kx-settings-save{justify-content:center;align-items:center;margin-top:2rem;display:flex}@media (width<=639px){.kx-settings-save{margin-top:1.5rem}}.kx-settings-save__btn{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border:none;border-radius:8px;min-width:180px;margin:0;padding:.875rem 2.5rem;font-size:1rem;font-weight:600;transition:all .2s}@media (hover:hover) and (pointer:fine){.kx-settings-save__btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px rgba(var(--primary-rgb), .3);transform:translateY(-2px)}}.kx-settings-save__btn:active:not(:disabled){transform:translateY(0)}.kx-settings-save__btn:disabled{opacity:.6;cursor:not-allowed}.kx-settings-save__btn--saving{background:var(--text-secondary)}.kx-settings-save__btn--saved{background:#10b981}.kx-settings-save__btn--error{background:#ef4444}@media (width<=639px){.kx-settings-save__btn{width:100%;min-width:unset;padding:.875rem 1.5rem}}.kx-settings-note{color:var(--text-secondary);border-radius:6px;padding:1rem;font-size:.875rem;line-height:1.6}.kx-settings-note p{margin:0}.kx-settings-note strong{color:var(--text-primary)}.kx-settings-note--info{background:rgba(var(--primary-rgb), .05);border-left:3px solid var(--primary-color)}.kx-settings-note--warning{background:#ef444414;border-left:3px solid #ef4444}@media (width<=639px){.kx-settings-note{padding:.875rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.location-selected{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.location-selected__text{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;font-weight:500;display:flex;overflow:hidden}.location-selected__icon{color:var(--primary-color);flex-shrink:0}.location-selected__actions{flex-shrink:0;gap:.5rem;display:flex}.location-change-btn,.location-clear-btn{font:inherit;color:var(--text-primary);cursor:pointer;border:none;border:1px solid var(--border-color);background:0 0;background:var(--card-background);border-radius:6px;margin:0;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s}@media (hover:hover) and (pointer:fine){.location-change-btn:hover,.location-clear-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}}.location-clear-btn{align-items:center;gap:.25rem;display:inline-flex}.location-search{width:100%;position:relative}.location-search__input{border:1px solid var(--border-color);background:var(--background-secondary);border-radius:8px;align-items:center;gap:.5rem;padding:0 .875rem;display:flex;position:relative}.location-search__input input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-size:16px}.location-search__input input::placeholder{color:var(--text-muted)}.location-search__icon{color:var(--text-muted);flex-shrink:0}.location-search__spinner{color:var(--text-muted);font-size:.75rem}.location-search__results{background:var(--card-background);border:1px solid var(--border-color);z-index:10;border-radius:8px;max-height:240px;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.location-search__results::-webkit-scrollbar{width:8px;height:8px}.location-search__results::-webkit-scrollbar-track{background:0 0}.location-search__results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.location-search__results::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.location-search__result{font:inherit;color:var(--text-primary);cursor:pointer;text-align:left;width:100%;border:none;border-bottom:1px solid var(--border-color);background:0 0;align-items:center;gap:.5rem;margin:0;padding:.625rem .875rem;display:flex}.location-search__result:last-child{border-bottom:none}.location-search__result svg{color:var(--primary-color);flex-shrink:0}@media (hover:hover) and (pointer:fine){.location-search__result:hover{background:rgba(var(--primary-rgb), .08)}}.distance-unit-selector{border:1px solid var(--border-color);background:var(--background-secondary);border-radius:8px;display:inline-flex;overflow:hidden}.distance-unit-btn{font:inherit;color:var(--text-secondary);cursor:pointer;border:none;border-right:1px solid var(--border-color);background:0 0;margin:0;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.distance-unit-btn:last-child{border-right:none}.distance-unit-btn.active{background:var(--primary-color);color:#fff}@media (hover:hover) and (pointer:fine){.distance-unit-btn:hover:not(.active){background:rgba(var(--primary-rgb), .08);color:var(--text-primary)}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sound-settings-volume{align-items:center;gap:.75rem;width:100%;display:flex}.sound-settings-volume__icon{color:var(--text-secondary);flex-shrink:0;font-size:1rem}.sound-settings-volume__slider{appearance:none;background:var(--border-color);cursor:pointer;height:6px;accent-color:var(--primary-color);border-radius:999px;flex:1}.sound-settings-volume__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border:2px solid var(--card-background);cursor:pointer;border-radius:50%;width:18px;height:18px}.sound-settings-volume__slider::-moz-range-thumb{background:var(--primary-color);border:2px solid var(--card-background);cursor:pointer;border-radius:50%;width:18px;height:18px}.sound-settings-volume__value{text-align:right;font-variant-numeric:tabular-nums;min-width:3rem;color:var(--text-primary);font-size:.875rem;font-weight:600}.sound-settings-test-btn{font:inherit;color:var(--primary-color);cursor:pointer;background:0 0;background:rgba(var(--primary-rgb), .1);width:36px;height:36px;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}@media (hover:hover) and (pointer:fine){.sound-settings-test-btn:hover{background:rgba(var(--primary-rgb), .2)}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.account-settings-toolbar{justify-content:flex-end;margin:-1rem 0 1rem;display:flex}.account-settings-toolbar__profile-btn{font:inherit;color:var(--text-primary);cursor:pointer;border:none;border:1px solid var(--border-color);background:0 0;background:var(--card-background);border-radius:8px;align-items:center;gap:.4rem;margin:0;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.account-settings-toolbar__profile-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}}.account-settings-inline-input{border:1px solid var(--border-color);background:var(--background-secondary);border-radius:8px;align-items:stretch;width:100%;max-width:360px;display:flex;overflow:hidden}.account-settings-inline-input input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.625rem .875rem;font-size:16px}.account-settings-inline-input input:disabled{opacity:.6}.account-settings-inline-btn{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border:none;border-left:1px solid var(--border-color);margin:0;padding:0 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.account-settings-inline-btn:disabled{opacity:.5;cursor:not-allowed}.account-settings-inline-btn--saving{background:var(--text-secondary)}.account-settings-inline-btn--saved{background:#10b981}.account-settings-inline-btn--error{background:#ef4444}.account-settings-password-verify{background:rgba(var(--primary-rgb), .05);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.account-settings-password-verify svg{color:var(--primary-color);flex-shrink:0}.account-settings-password-verify input{border:1px solid var(--border-color);background:var(--card-background);min-width:0;color:var(--text-primary);border-radius:6px;flex:1;padding:.5rem .625rem;font-size:16px}.account-settings-password-verify button{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;background:var(--card-background);border:none;border:1px solid var(--border-color);border-radius:6px;margin:0;padding:.5rem .875rem;font-size:.8125rem;font-weight:500}@media (hover:hover) and (pointer:fine){.account-settings-password-verify button:hover{color:var(--text-primary)}}@media (width<=639px){.account-settings-password-verify{flex-direction:column;align-items:stretch}}.account-settings-danger-btn{font:inherit;color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444480;border-radius:8px;align-items:center;gap:.4rem;margin:0;padding:.5rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.account-settings-danger-btn:disabled{opacity:.6;cursor:not-allowed}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fees-settings-input-group{border:1px solid var(--border-color);background:var(--background-secondary);border-radius:8px;align-items:stretch;width:140px;display:flex;overflow:hidden}.fees-settings-input-group input{min-width:0;color:var(--text-primary);text-align:right;background:0 0;border:none;outline:none;flex:1;padding:.5rem .75rem;font-size:16px;font-weight:600}.fees-settings-input-group input:disabled{opacity:.5}.fees-settings-input-group .fees-settings-input-suffix{color:var(--text-secondary);background:var(--card-background);border-left:1px solid var(--border-color);align-items:center;padding:0 .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.fees-settings-subscription-period{border-top:1px dashed var(--border-color);align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.fees-settings-subscription-period label{color:var(--text-secondary);font-size:.875rem}.fees-settings-subscription-period select{border:1px solid var(--border-color);background:var(--background-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;flex:1;padding:.5rem .75rem;font-size:.875rem}@media (width<=639px){.fees-settings-subscription-period{flex-direction:column;align-items:stretch;gap:.5rem}}.fees-skeleton-row{background:var(--card-background);border:1px solid var(--border-color);background:linear-gradient(90deg, var(--background-color) 0%, var(--background-hover) 50%, var(--background-color) 100%);border-radius:12px;border-radius:var(--radius-md);background-size:200% 100%;height:64px;padding:1.25rem;transition:all .2s;animation:1.5s infinite klyx-shimmer}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.blocked-user-avatar{object-fit:cover;background:var(--background-secondary);width:40px;height:40px;color:var(--text-primary);background-color:var(--background-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:inline-flex}.blocked-user-avatar--placeholder{background:linear-gradient(135deg, rgba(var(--primary-rgb), .25), rgba(var(--primary-rgb), .1));color:var(--text-primary)}.blocked-user-unblock{font:inherit;color:var(--text-primary);cursor:pointer;border:none;border:1px solid var(--border-color);background:0 0;background:var(--card-background);border-radius:8px;margin:0;padding:.4rem .875rem;font-size:.8125rem;font-weight:600;transition:all .2s}.blocked-user-unblock:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.blocked-user-unblock:hover:not(:disabled){color:#ef4444;background:#ef44440d;border-color:#ef4444}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-settings-avatar,.profile-settings-banner{width:100%}.profile-settings-field{flex-direction:column;gap:.4rem;width:100%;display:flex}.profile-settings-field input,.profile-settings-field textarea{border:1px solid var(--border-color);background:var(--background-secondary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:16px;transition:border-color .2s}.profile-settings-field input:focus,.profile-settings-field textarea:focus{border-color:var(--primary-color)}.profile-settings-field input::placeholder,.profile-settings-field textarea::placeholder{color:var(--text-muted)}.profile-settings-field textarea{resize:vertical;min-height:88px}.profile-settings-hint{color:var(--text-muted);font-size:.8125rem}.profile-settings-hint--checking{color:var(--text-muted)}.profile-settings-hint--available{color:#10b981}.profile-settings-hint--taken{color:#ef4444}.profile-settings-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.profile-settings-link-list{flex-direction:column;gap:.5rem;width:100%;display:flex}.profile-settings-link-row{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.profile-settings-link-row .profile-settings-link-icon{color:var(--text-muted);flex-shrink:0}.profile-settings-link-row input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.375rem .5rem;font-size:16px}.profile-settings-link-row input::placeholder{color:var(--text-muted)}.profile-settings-link-row .profile-settings-link-label{max-width:30%}.profile-settings-link-row .profile-settings-link-remove{font:inherit;color:var(--text-muted);cursor:pointer;width:32px;height:32px;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}@media (hover:hover) and (pointer:fine){.profile-settings-link-row .profile-settings-link-remove:hover{color:#ef4444;background:#ef44441a}}@media (width<=639px){.profile-settings-link-row{flex-wrap:wrap}.profile-settings-link-row .profile-settings-link-label,.profile-settings-link-row .profile-settings-link-url{flex-basis:100%;max-width:100%}}.profile-settings-add-btn{font:inherit;color:var(--text-secondary);cursor:pointer;border:none;border:1px dashed var(--border-color);background:0 0;border-radius:8px;align-items:center;gap:.4rem;margin:.5rem 0 0;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.profile-settings-add-btn:hover{border-color:var(--primary-color);color:var(--primary-color);border-style:solid}}.profile-settings-tags{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.profile-settings-tag{background:rgba(var(--primary-rgb), .1);color:var(--primary-color);border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .625rem;font-size:.8125rem;font-weight:500;display:inline-flex}.profile-settings-tag-remove{font:inherit;color:var(--primary-color);cursor:pointer;opacity:.6;background:0 0;border:none;margin:0;padding:0;font-size:1.1rem;line-height:1;transition:opacity .15s}@media (hover:hover) and (pointer:fine){.profile-settings-tag-remove:hover{opacity:1}}.profile-settings-interest-input{gap:.5rem;width:100%;margin-top:.5rem;display:flex}.profile-settings-interest-input input{border:1px solid var(--border-color);background:var(--background-secondary);min-width:0;color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:.5rem .75rem;font-size:16px}.profile-settings-interest-input input:focus{border-color:var(--primary-color)}.profile-settings-spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:36px;height:36px;margin:2rem auto;animation:1s linear infinite spin}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.settings-page{min-height:calc(100vh - 80px);padding:2rem 1rem}@media (width>=768px){.settings-page{padding:3rem 2rem}}@media (width>=1024px){.settings-page{padding:4rem 2rem}}.settings-page{background:var(--background-color);box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.settings-page *{box-sizing:border-box}.settings-container{box-sizing:border-box;width:100%;max-width:100%;margin-left:auto;margin-right:auto;overflow-x:hidden}.settings-header{text-align:center;margin-bottom:3rem}.settings-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.settings-header p{color:var(--text-secondary);font-size:1.125rem}.settings-layout{grid-template-columns:280px 1fr;align-items:start;gap:2rem;width:100%;display:grid}.settings-sidebar{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);width:100%;padding:1rem;position:sticky;top:100px}.settings-nav{flex-direction:column;align-items:center;gap:.5rem;display:flex}.settings-nav-item{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:row;align-items:center;gap:1rem;width:100%;margin:0;padding:1rem;transition:all .2s;display:flex}@media (hover:hover) and (pointer:fine){.settings-nav-item:hover{background:var(--background-hover);border-color:var(--border-color)}}.settings-nav-item.active{background:var(--primary-color-light);border-color:var(--primary-color)}.settings-nav-item.active .settings-nav-icon{color:var(--primary-color)}.settings-nav-item.active .settings-nav-label{color:var(--primary-color);font-weight:600}@media (width<=1024px){.settings-nav-item{flex-shrink:0;min-width:180px}}@media (width<=639px){.settings-nav-item{min-width:max(110px,28vw);padding:.75rem .5rem}}@media (width<=375px){.settings-nav-item{min-width:max(105px,27vw);padding:.625rem .5rem}}@media (width<=360px){.settings-nav-item{min-width:max(95px,26vw);padding:.5rem .375rem}}@media (width<=320px){.settings-nav-item{min-width:max(85px,25vw);padding:.5rem .25rem}}.settings-nav-icon{color:var(--text-secondary);justify-content:center;align-items:center;min-width:24px;font-size:1.25rem;transition:color .2s;display:flex}@media (width<=639px){.settings-nav-icon{min-width:18px;font-size:1rem}}@media (width<=375px){.settings-nav-icon{min-width:16px;font-size:.9375rem}}@media (width<=360px){.settings-nav-icon{min-width:15px;font-size:.875rem}}@media (width<=320px){.settings-nav-icon{min-width:14px;font-size:.8125rem}}.settings-nav-content{flex:1;min-width:0}.settings-nav-label{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:500;transition:all .2s}.settings-nav-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.3;display:-webkit-box;overflow:hidden}.settings-content{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:100%;min-height:400px;box-shadow:var(--shadow-sm);padding:1rem;overflow-x:hidden}.settings-placeholder{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;padding:3rem 2rem}.settings-placeholder h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.settings-placeholder p{color:var(--text-secondary);font-size:1rem}.settings-page--list{background:var(--background-color);min-height:calc(100vh - 80px);padding:0}.settings-page--list .settings-list-header{padding:1.5rem 1rem .75rem}.settings-page--list .settings-list-header h1{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.settings-list{margin:0;padding:0 0 2rem;list-style:none}.settings-list-row{border-bottom:1px solid var(--border-color,#ffffff12)}.settings-list-row:first-child{border-top:1px solid var(--border-color,#ffffff12)}.settings-list-item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:1rem;padding:1rem 1.125rem;transition:background .15s;display:flex}.settings-list-item:active{background:var(--background-hover,#ffffff0d)}.settings-list-icon{background:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9375rem;display:flex}.settings-list-text{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.settings-list-label{color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.2}.settings-list-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.3;overflow:hidden}.settings-list-chevron{color:var(--text-muted,#666);flex-shrink:0;font-size:.75rem}.settings-page--detail{background:var(--background-color);flex-direction:column;min-height:calc(100vh - 80px);padding:0;display:flex}.settings-detail-header{border-bottom:1px solid var(--border-color,#ffffff14);background:var(--background-color);z-index:10;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex;position:sticky;top:0}.settings-back-btn{cursor:pointer;color:var(--primary-color);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.375rem;padding:.375rem .5rem .375rem 0;font-size:.9375rem;font-weight:500;display:flex}.settings-back-btn svg{font-size:.875rem}.settings-back-btn:active{opacity:.6}.settings-detail-title{color:var(--text-primary);text-align:center;flex:1;margin:0 2.6875rem 0 0;font-size:1.0625rem;font-weight:600}.settings-detail-content{flex:1;padding:0;overflow-y:auto}.analytics-table-container{background:var(--card-background);border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow-md);margin-bottom:1.5rem;overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;min-width:600px}.analytics-table thead{background:var(--primary-color);color:#fff;z-index:10;position:sticky;top:0}.analytics-table thead tr th{text-align:left;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:1rem;font-size:.875rem;font-weight:600}.analytics-table thead tr th:first-child{border-top-left-radius:var(--border-radius-lg)}.analytics-table thead tr th:last-child{border-top-right-radius:var(--border-radius-lg)}.analytics-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.analytics-table tbody tr:hover{background-color:var(--hover-bg)}.analytics-table tbody tr.clickable{cursor:pointer}.analytics-table tbody tr.clickable:hover{background-color:var(--hover-bg-strong)}.analytics-table tbody tr:last-child{border-bottom:none}.analytics-table tbody tr td{color:var(--text-primary);vertical-align:middle;padding:1rem;font-size:.9375rem}.analytics-table tbody tr td:first-child{font-weight:500}.analytics-table-loading,.analytics-table-empty{background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:3rem 2rem;display:flex}.analytics-table-loading p,.analytics-table-empty p{color:var(--text-secondary);margin-top:1rem;font-size:1rem}.analytics-table-loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@media (width<=768px){.analytics-table{font-size:.875rem}.analytics-table thead tr th,.analytics-table tbody tr td{padding:.75rem .5rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.analytics-page{min-height:calc(100vh - 80px);padding:2rem 1rem}@media (width>=768px){.analytics-page{padding:3rem 2rem}}@media (width>=1024px){.analytics-page{padding:4rem 2rem}}.analytics-page{background:var(--background-color);box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}@media (width<=360px){.analytics-page{padding:1rem .5rem}}.analytics-page *{box-sizing:border-box}.analytics-container{box-sizing:border-box;width:100%;max-width:100%;margin-left:auto;margin-right:auto;overflow-x:hidden}.analytics-header{text-align:center;margin-bottom:3rem}.analytics-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}@media (width<=639px){.analytics-header h1{font-size:1.75rem}}.analytics-header p{color:var(--text-secondary);font-size:1.125rem}@media (width<=639px){.analytics-header p{font-size:.9375rem}.analytics-header{margin-bottom:1.5rem}}.analytics-controls{width:100%;max-width:100%;margin-bottom:2rem}.analytics-controls .category-tabs{border-bottom:2px solid var(--border-color);gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.analytics-controls .category-tabs::-webkit-scrollbar{height:6px}.analytics-controls .category-tabs::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.analytics-controls .category-tabs .category-tab{background:var(--card-background);cursor:pointer;white-space:nowrap;color:var(--text-primary);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 12px #76757526,0 2px 6px #ab00c91a}.analytics-controls .category-tabs .category-tab svg{font-size:1.125rem}.analytics-controls .category-tabs .category-tab:hover{background:var(--hover-bg);border-color:#ab00c980;box-shadow:0 6px 16px #76757533,0 3px 8px #ab00c94d}.analytics-controls .category-tabs .category-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 6px 20px #5e17eb66,0 3px 10px #ab00c980}.analytics-controls .time-range-selector{flex-wrap:wrap;gap:.5rem;display:flex}.analytics-controls .time-range-selector .time-range-btn{background:var(--card-background);cursor:pointer;color:var(--text-primary);border:1px solid #ffffff1a;border-radius:12px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;box-shadow:0 3px 10px #7675751f,0 1px 4px #ab00c914}.analytics-controls .time-range-selector .time-range-btn:hover{background:var(--hover-bg);border-color:#ab00c980;box-shadow:0 4px 14px #7675752e,0 2px 6px #ab00c940}.analytics-controls .time-range-selector .time-range-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 5px 18px #5e17eb59,0 2px 8px #ab00c973}.analytics-subheading{align-items:center;gap:.875rem;margin-bottom:1.25rem;display:flex}.analytics-subheading .analytics-subheading-icon{background:var(--primary-color);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;display:flex}.analytics-subheading h2{color:var(--text-primary);margin:0 0 .125rem;font-size:1.125rem;font-weight:700}.analytics-subheading p{color:var(--text-muted);margin:0;font-size:.8125rem}@media (width<=639px){.analytics-subheading{margin-bottom:.875rem}.analytics-subheading h2{font-size:1rem}}.analytics-content{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:100%;min-height:400px;box-shadow:var(--shadow-sm);border:1px solid #ffffff1a;border-radius:12px;padding:1rem;overflow-x:hidden;box-shadow:0 10px 25px #76757533,0 6px 12px #ab00c926}@media (width<=639px){.analytics-content{min-height:300px;padding:1rem}}.analytics-content .source-pill{color:var(--text-primary);white-space:nowrap;background:#a855f71f;border:1px solid #a855f74d;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;display:inline-block}.analytics-content .views-by-source{margin:1.5rem 0 2rem}.analytics-content .views-by-source h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1rem}.analytics-content .views-by-source__rows{flex-direction:column;gap:.55rem;display:flex}.analytics-content .views-by-source__row{grid-template-columns:minmax(220px,1fr) 2fr;align-items:center;gap:.75rem;display:grid}.analytics-content .views-by-source__label{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.analytics-content .views-by-source__count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.825rem}.analytics-content .views-by-source__sub{color:var(--text-muted);margin-left:.25rem}.analytics-content .views-by-source__bar-track{background:#a855f714;border-radius:6px;height:8px;overflow:hidden}.analytics-content .views-by-source__bar-fill{background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:6px;height:100%;transition:width .4s}@media (width<=639px){.analytics-content .views-by-source__row{grid-template-columns:1fr;gap:.35rem}}.analytics-content .spotlight-roi{margin:1.5rem 0 2rem}.analytics-content .spotlight-roi h3{color:var(--text-primary);margin:0 0 .35rem;font-size:1rem}.analytics-content .spotlight-roi__hint{color:var(--text-muted);margin:0 0 .75rem;font-size:.8125rem}.analytics-content .spotlight-roi .status-pill{border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.analytics-content .spotlight-roi .status-pill.active{color:#16a34a;background:#22c55e26}.analytics-content .spotlight-roi .status-pill.ended{color:var(--text-muted);background:#94a3b81f}.analytics-content .recent-views-heading{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1rem}.analytics-content .analytics-summary{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.analytics-content .analytics-summary .summary-stat{background:var(--card-background);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 10px 25px #76757533,0 6px 12px #ab00c926}.analytics-content .analytics-summary .summary-stat .stat-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.analytics-content .analytics-summary .summary-stat .stat-value{color:var(--primary-color);font-size:2rem;font-weight:700}.analytics-content .status-badge{border-radius:var(--border-radius-sm);text-transform:uppercase;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.analytics-content .status-badge.pending{color:#92400e;background:#fef3c7}.analytics-content .status-badge.processing{color:#1e40af;background:#dbeafe}.analytics-content .status-badge.completed{color:#065f46;background:#d1fae5}.analytics-content .status-badge.failed{color:#991b1b;background:#fee2e2}.analytics-content .status-badge.refunded{color:#6b21a8;background:#f3e8ff}.analytics-content .analytics-user-link{color:var(--primary-color);font-weight:500;text-decoration:none}.analytics-content .analytics-user-link:hover{text-decoration:underline}.analytics-content .status-success,.analytics-content .status-read{color:#10b981;font-weight:600}.analytics-content .status-pending,.analytics-content .status-unread{color:#f59e0b;font-weight:600}.analytics-content .trade-type{border-radius:var(--border-radius-sm);text-transform:capitalize;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.analytics-content .trade-type.buy{color:#065f46;background:#d1fae5}.analytics-content .trade-type.sell{color:#991b1b;background:#fee2e2}.analytics-content .trade-type.transfer{color:#1e40af;background:#dbeafe}.analytics-content .trade-type.mint{color:#6b21a8;background:#f3e8ff}.analytics-content .direction-badge{border-radius:var(--border-radius-sm);text-transform:capitalize;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.analytics-content .direction-badge.sent{color:#1e40af;background:#dbeafe}.analytics-content .direction-badge.received{color:#065f46;background:#d1fae5}.analytics-content .post-preview,.analytics-content .message-preview,.analytics-content .notification-preview{color:var(--text-primary);line-height:1.5}.analytics-content .followers-section{margin-bottom:2rem}.analytics-content .followers-section h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.analytics-content .engagement-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.analytics-content .engagement-grid .engagement-card{background:var(--card-background);border:1px solid #ffffff1a;border-radius:12px;padding:2rem;box-shadow:0 10px 25px #76757533,0 6px 12px #ab00c926}.analytics-content .engagement-grid .engagement-card h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.analytics-content .engagement-grid .engagement-card .engagement-stats{gap:2rem;display:flex}.analytics-content .engagement-grid .engagement-card .engagement-stats .engagement-stat{flex-direction:column;display:flex}.analytics-content .engagement-grid .engagement-card .engagement-stats .engagement-stat .stat-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.analytics-content .engagement-grid .engagement-card .engagement-stats .engagement-stat .stat-value{color:var(--primary-color);font-size:2rem;font-weight:700}.analytics-content .analytics-error{border-radius:var(--border-radius-md);color:#991b1b;text-align:center;background:#fee2e2;border:1px solid #ef4444;padding:2rem;font-weight:500}.analytics-content .source-icon{font-size:1rem}.analytics-content .source-icon.spotlight{color:#eab308}.analytics-content .source-icon.profile{color:#10b981}.analytics-content .filter-section .filter-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}[data-theme=dark] .analytics-page .analytics-content .status-badge.pending{color:#fbbf24;background:#fbbf2433}[data-theme=dark] .analytics-page .analytics-content .status-badge.processing{color:#60a5fa;background:#3b82f633}[data-theme=dark] .analytics-page .analytics-content .status-badge.completed{color:#4ade80;background:#22c55e33}[data-theme=dark] .analytics-page .analytics-content .status-badge.failed{color:#f87171;background:#ef444433}[data-theme=dark] .analytics-page .analytics-content .status-badge.refunded{color:#c084fc;background:#a855f733}[data-theme=dark] .analytics-page .analytics-content .analytics-user-link{color:var(--primary-color);font-weight:500;text-decoration:none}[data-theme=dark] .analytics-page .analytics-content .analytics-user-link:hover{text-decoration:underline}[data-theme=dark] .analytics-page .analytics-content .status-success,[data-theme=dark] .analytics-page .analytics-content .status-read{color:#4ade80}[data-theme=dark] .analytics-page .analytics-content .status-pending,[data-theme=dark] .analytics-page .analytics-content .status-unread{color:#fbbf24}[data-theme=dark] .analytics-page .analytics-content .trade-type.buy{color:#4ade80;background:#22c55e33}[data-theme=dark] .analytics-page .analytics-content .trade-type.sell{color:#f87171;background:#ef444433}[data-theme=dark] .analytics-page .analytics-content .trade-type.transfer{color:#60a5fa;background:#3b82f633}[data-theme=dark] .analytics-page .analytics-content .trade-type.mint{color:#c084fc;background:#a855f733}[data-theme=dark] .analytics-page .analytics-content .direction-badge.sent{color:#60a5fa;background:#3b82f633}[data-theme=dark] .analytics-page .analytics-content .direction-badge.received{color:#4ade80;background:#22c55e33}[data-theme=dark] .analytics-page .analytics-content .analytics-error{color:#f87171;background:#ef444433;border-color:#ef4444}@media (width<=639px){.analytics-page .analytics-controls .category-tabs .category-tab{padding:.5rem 1rem;font-size:.875rem}.analytics-page .analytics-controls .category-tabs .category-tab svg{font-size:1rem}.analytics-page .analytics-controls .category-tabs .category-tab span{display:none}.analytics-page .analytics-controls .time-range-selector .time-range-btn{padding:.4rem .75rem;font-size:.75rem}.analytics-page .analytics-content .analytics-summary{gap:1rem}.analytics-page .analytics-content .analytics-summary .summary-stat{min-width:120px;padding:1rem}.analytics-page .analytics-content .analytics-summary .summary-stat .stat-value{font-size:1.5rem}.analytics-page .analytics-content .engagement-grid{grid-template-columns:1fr}.analytics-page .analytics-content .engagement-grid .engagement-card{padding:1.5rem}.analytics-page .analytics-content .engagement-grid .engagement-card .engagement-stats{flex-direction:column;gap:1.5rem}}.analytics-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.analytics-badge--ppv{color:#d966f5;background:#ab00c933;border:1px solid #ab00c966}.analytics-badge--viewfee{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.analytics-badge--sub{color:#4ade80;background:#22c55e33;border:1px solid #22c55e66}.analytics-subsection-title{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;margin-bottom:.75rem;font-size:.95rem;font-weight:600}.analytics-note{color:var(--text-secondary);background:#ffffff0a;border-left:3px solid #ab00c980;border-radius:4px;margin-top:1.5rem;padding:.75rem 1rem;font-size:.85rem}.earnings-by-type{grid-template-columns:1fr;grid-auto-rows:1fr;gap:.5rem;margin-bottom:2rem;display:grid}@media (width>=768px){.earnings-by-type{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.earnings-row{background:var(--card-background);border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s;display:flex}.earnings-row--empty{opacity:.65}.earnings-row--unavailable{opacity:.7;border-style:dashed}.earnings-row__label{text-align:left;align-items:center;gap:.875rem;min-width:0;display:flex}.earnings-row__text{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.earnings-row__icon{width:36px;height:36px;color:var(--primary-color);background:#ab00c91f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.earnings-row__title{color:var(--text-primary);text-align:left;margin-bottom:.125rem;font-size:1rem;font-weight:600}.earnings-row__source{color:var(--text-secondary);text-align:left;font-size:.8rem}.earnings-row__value{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.earnings-row__amount{color:var(--success-color,#4ade80);font-size:1.125rem;font-weight:700}.earnings-row__amount--zero{color:var(--text-secondary);font-weight:600}.earnings-row__count{color:var(--text-muted);margin-top:.125rem;font-size:.75rem}.earnings-row__pill{color:#ffc107;letter-spacing:.03em;text-transform:uppercase;background:#ffc10726;border:1px solid #ffc10759;border-radius:999px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}@media (width<=540px){.earnings-row{flex-direction:column;align-items:flex-start;gap:.75rem}.earnings-row__value{align-self:flex-end;align-items:flex-end}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.filter-bar{width:100%;margin-bottom:2rem;overflow:hidden}@media (width<=639px){.filter-bar{margin-bottom:1.5rem}}.filter-bar-scroll{flex-direction:row;align-items:center;gap:1rem;padding-bottom:.5rem;display:flex;overflow:auto hidden}.filter-bar-scroll::-webkit-scrollbar{width:6px;height:6px}.filter-bar-scroll::-webkit-scrollbar-track{background:0 0}.filter-bar-scroll{-webkit-overflow-scrolling:touch}.filter-bar-scroll::-webkit-scrollbar{scrollbar-width:none;-ms-overflow-style:none;width:0;height:0;display:none}.filter-bar-scroll::-webkit-scrollbar-track{background:var(--background-hover);border-radius:4px}.filter-bar-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.filter-bar-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=639px){.filter-bar-scroll{gap:.75rem}}.filter-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;background:var(--card-background);border:none;border:2px solid var(--border-color);white-space:nowrap;min-width:max(140px, fit-content);border-radius:12px;flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem;margin:0;padding:.875rem 1.5rem;transition:all .2s;display:flex}.filter-btn .filter-icon{font-size:1.25rem;transition:transform .2s}@media (width<=639px){.filter-btn .filter-icon{font-size:1.125rem}}.filter-btn .filter-label{color:var(--text-primary);font-size:.9375rem;font-weight:600;transition:color .2s}@media (width<=639px){.filter-btn .filter-label{font-size:.875rem}}@media (hover:hover) and (pointer:fine){.filter-btn:hover{border-color:var(--primary-color);background:var(--background-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.filter-btn:hover .filter-icon{transform:scale(1.1)}.filter-btn:hover .filter-label{color:var(--primary-color)}}@media (hover:none) and (pointer:coarse){.filter-btn:active{transform:translateY(0)}}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), .3)}.filter-btn.active .filter-label{color:#fff}.filter-btn.active .filter-icon{transform:scale(1.05)}@media (hover:hover) and (pointer:fine){.filter-btn.active:hover{background:var(--primary-color-dark);transform:translateY(-2px)}}@media (width<=639px){.filter-btn{min-width:max(120px, fit-content);padding:.75rem 1.25rem}}@media (width<=360px){.filter-btn{min-width:max(110px, fit-content);gap:.375rem;padding:.625rem 1rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sort-controls{flex-direction:row;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}@media (width<=639px){.sort-controls{margin-bottom:1.5rem}}.sort-label{color:var(--text-primary);white-space:nowrap;font-size:.9375rem;font-weight:600}@media (width<=639px){.sort-label{font-size:.875rem}}.sort-select{background:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;min-width:200px;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s}.sort-select:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.sort-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1);outline:none}@media (width<=639px){.sort-select{min-width:180px;padding:.625rem .875rem;font-size:.875rem}}@media (width<=360px){.sort-select{min-width:150px}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-actions-menu{z-index:10;flex-shrink:0;position:relative}.profile-actions-menu .actions-menu-trigger{font:inherit;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}.profile-actions-menu .actions-menu-trigger:hover{background:var(--background-hover);color:var(--text-primary)}.profile-actions-menu .actions-menu-trigger[aria-expanded=true]{background:var(--background-hover);color:var(--primary-color)}.profile-actions-menu .actions-menu-trigger svg{font-size:1rem}.profile-actions-menu .actions-menu-dropdown{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:9999;min-width:200px;padding:.5rem 0;animation:.2s slideDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #00000040}@media (width<=768px){.profile-actions-menu .actions-menu-dropdown{min-width:150px}}@media (width<=375px){.profile-actions-menu .actions-menu-dropdown{min-width:150px}}.profile-actions-menu .actions-menu-dropdown{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .profile-actions-menu .actions-menu-dropdown{background:#1a1a1a;border-color:#333}[data-theme=light] .profile-actions-menu .actions-menu-dropdown{background:#fff;border-color:#e5e5e5}.profile-actions-menu .actions-menu-dropdown .action-item{font:inherit;color:var(--text-primary);cursor:pointer;width:100%;text-align:left;background:0 0;border:none;flex-direction:row;align-items:center;gap:.75rem;margin:0;padding:.75rem 1rem;font-size:.938rem;transition:all .2s;display:flex}.profile-actions-menu .actions-menu-dropdown .action-item svg{flex-shrink:0;font-size:1rem}[data-theme=dark] .profile-actions-menu .actions-menu-dropdown .action-item:hover{background:#ffffff0d}[data-theme=light] .profile-actions-menu .actions-menu-dropdown .action-item:hover{background:#0000000d}.profile-actions-menu .actions-menu-dropdown .action-item.action-spotlight svg{color:#f59e0b}.profile-actions-menu .actions-menu-dropdown .action-item.action-spotlight:hover{background:#f59e0b1a}.profile-actions-menu .actions-menu-dropdown .action-item.action-spotlight:hover svg{color:#f59e0b}.profile-actions-menu .actions-menu-dropdown .action-item.action-buy svg{color:var(--primary-color)}.profile-actions-menu .actions-menu-dropdown .action-item.action-buy:hover{background:rgba(var(--primary-color-rgb), .1)}.profile-actions-menu .actions-menu-dropdown .action-item.action-buy:hover svg{color:var(--primary-color)}.profile-actions-menu .actions-menu-dropdown .action-item.action-share svg{color:#3b82f6}.profile-actions-menu .actions-menu-dropdown .action-item.action-share:hover{background:#3b82f61a}.profile-actions-menu .actions-menu-dropdown .action-item.action-share:hover svg{color:#3b82f6}.profile-actions-menu .actions-menu-dropdown .action-item.action-report svg{color:var(--danger-color)}.profile-actions-menu .actions-menu-dropdown .action-item.action-report:hover{background:#ef44441a}.profile-actions-menu .actions-menu-dropdown .action-item.action-report:hover svg,.profile-actions-menu .actions-menu-dropdown .action-item.action-block svg{color:var(--danger-color)}.profile-actions-menu .actions-menu-dropdown .action-item.action-block:hover{background:#ef44441a}.profile-actions-menu .actions-menu-dropdown .action-item.action-subitem{justify-content:space-between;font-size:.875rem}.profile-actions-menu .actions-menu-dropdown .action-chevron{opacity:.5;margin-left:auto;font-size:.7rem}.profile-actions-menu .actions-menu-dropdown .action-subpanel{padding:.5rem 0}.profile-actions-menu .actions-menu-dropdown .action-subpanel-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);align-items:center;gap:.5rem;padding:.5rem 1rem .75rem;font-size:.8rem;font-weight:600;display:flex}.profile-actions-menu .actions-menu-dropdown .action-subpanel-header span{text-align:center;flex:1}.profile-actions-menu .actions-menu-dropdown .action-subpanel-label{color:var(--text-muted,#888);margin:0;padding:.5rem 1rem .25rem;font-size:.78rem}.profile-actions-menu .actions-menu-dropdown .action-subpanel-confirm{color:var(--text-secondary);padding:.75rem 1rem;line-height:1.5}.profile-actions-menu .actions-menu-dropdown .action-back{cursor:pointer;color:var(--text-muted,#888);background:0 0;border:none;align-items:center;padding:2px 4px;font-size:.75rem;transition:color .15s;display:flex}.profile-actions-menu .actions-menu-dropdown .action-back:hover{color:var(--text-primary)}.profile-actions-menu .actions-menu-dropdown .action-optional{opacity:.6;font-size:.73rem}.profile-actions-menu .actions-menu-dropdown .action-textarea{background:var(--input-background,#ffffff0f);border:1px solid var(--border-color);width:calc(100% - 2rem);color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:6px;min-height:60px;margin:0 1rem;padding:.5rem;font-size:.8rem}.profile-actions-menu .actions-menu-dropdown .action-textarea:focus{border-color:var(--primary-color,#a366ff);outline:none}.profile-actions-menu .actions-menu-dropdown .action-submit{background:var(--primary-color,#a366ff);color:#fff;cursor:pointer;border:none;border-radius:6px;width:calc(100% - 2rem);margin:.625rem 1rem .25rem;padding:.45rem 0;font-size:.8rem;font-weight:600;transition:opacity .15s;display:block}.profile-actions-menu .actions-menu-dropdown .action-submit:disabled{opacity:.5;cursor:not-allowed}.profile-actions-menu .actions-menu-dropdown .action-submit:hover:not(:disabled){opacity:.85}.profile-actions-menu .actions-menu-dropdown .action-submit--danger{background:#e53935;width:auto}.profile-actions-menu .actions-menu-dropdown .action-confirm-btns{justify-content:flex-end;gap:.5rem;padding:0 1rem .5rem;display:flex}.profile-actions-menu .actions-menu-dropdown .action-cancel{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;transition:background .15s}.profile-actions-menu .actions-menu-dropdown .action-cancel:hover{background:var(--background-hover)}.profile-actions-menu .actions-menu-dropdown .action-divider{background:var(--border-color);height:1px;margin:.5rem 0}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem;transition:transform .2s,box-shadow .2s}.profile-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-card:active{transform:translateY(0)}.profile-card{cursor:pointer;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:visible}.profile-card:hover{border-color:var(--primary-color)}.profile-card.spotlighted{background:linear-gradient(135deg,#ffc10714 0%,#ff98000a 100%);border:2px solid #ffc10780;animation:3s ease-in-out infinite spotlight-pulse-card;box-shadow:0 4px 20px #ffc10740,0 0 40px #ffc10726}.profile-card.spotlighted:before{content:"";z-index:-1;opacity:.4;background:linear-gradient(45deg,#ffc107,#ff9800,#ffc107,#ff9800) 0 0/300% 300%;border-radius:12px;animation:6s infinite gradient-shift-card;position:absolute;inset:-2px}.profile-card.spotlighted:hover{border-color:#ffc107b3;box-shadow:0 6px 30px #ffc10759,0 0 60px #ffc10740}.profile-card-avatar{background:var(--background-hover);width:100%;padding-top:100%;position:relative;overflow:hidden}.profile-card-avatar img,.profile-card-avatar .avatar-placeholder{object-fit:cover;border-radius:0;width:100%;height:100%;position:absolute;top:0;left:0}.profile-card-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color-light) 0%, var(--primary-color) 100%);color:#fff;text-transform:uppercase;justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex}.profile-card-badges{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.profile-card-badges .badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;display:flex;box-shadow:0 2px 8px #0003}.profile-card-badges .badge.badge-spotlighted{color:#000;background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);border:none;width:32px;height:32px;font-weight:700;animation:2s ease-in-out infinite badge-pulse-spotlight;box-shadow:0 2px 12px #ffc10780}.profile-card-badges .badge.badge-verified{color:#3b82f6}.profile-card-badges .badge.badge-top{color:#fbbf24}.profile-card-badges .badge.badge-trending{color:#ef4444}@keyframes badge-pulse-spotlight{0%,to{transform:scale(1);box-shadow:0 2px 12px #ffc10780}50%{transform:scale(1.08);box-shadow:0 4px 20px #ffc107b3}}.profile-card-header{z-index:1;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex;position:relative}.profile-card-title-block{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;margin-right:.5rem;display:flex}.profile-card-location{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.3rem;margin:.15rem 0 0;font-size:.75rem;line-height:1.2;display:flex;overflow:hidden}.profile-card-location svg{opacity:.85;flex-shrink:0;font-size:.7rem}.profile-card-location span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-card-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1.125rem;font-weight:600;overflow:hidden}.profile-card-name .creator-link{color:var(--text-primary);text-decoration:none;transition:color .2s}@media (hover:hover) and (pointer:fine){.profile-card-name .creator-link:hover{color:var(--primary-color);text-decoration:underline}}.profile-card-info{flex-direction:column;flex:1;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.profile-card-username{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.875rem;overflow:hidden}.profile-card-spotlight-countdown{color:var(--text-muted,#fff9);margin-top:.25rem;font-size:.75rem;display:inline-block}.profile-card-owner{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;overflow:hidden}.profile-card-owner .owner-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s}@media (hover:hover) and (pointer:fine){.profile-card-owner .owner-link:hover{color:var(--primary-color-dark);text-decoration:underline}}.profile-card-stats{border-top:1px solid var(--border-color);flex-direction:row;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.profile-card-stats .stat-item{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.profile-card-stats .stat-item .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.profile-card-stats .stat-item .stat-value{color:var(--primary-color);font-size:1rem;font-weight:600}.profile-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:1rem;display:flex}.profile-card-price{flex-direction:column;align-items:center;gap:.25rem;display:flex}.profile-card-price .price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.profile-card-price .price-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.profile-card-buy-btn{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border:none;border-radius:8px;flex-direction:row;align-items:center;gap:.5rem;margin:0 0 0 1rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.profile-card-buy-btn svg{font-size:1rem}@media (hover:hover) and (pointer:fine){.profile-card-buy-btn:hover{background:var(--primary-color-dark);box-shadow:0 4px 12px rgba(var(--primary-rgb), .4);transform:translateY(-2px)}}@media (hover:none) and (pointer:coarse){.profile-card-buy-btn:active{transform:translateY(0)}}@media (width<=639px){.profile-card-avatar .avatar-placeholder{font-size:2.5rem}.profile-card-badges{gap:.375rem;top:.5rem;right:.5rem}.profile-card-badges .badge{border-radius:50%;width:24px;height:24px;font-size:.75rem}.profile-card-info{gap:.625rem;padding:1rem}.profile-card-name{font-size:1rem}.profile-card-username{font-size:.8125rem}.profile-card-stats{gap:.75rem;padding-top:.625rem}.profile-card-stats .stat-item .stat-value{font-size:.9375rem}.profile-card-footer{flex-direction:column;align-items:stretch;gap:.75rem}.profile-card-price .price-value{font-size:1.125rem}.profile-card-buy-btn{justify-content:center;width:100%;margin:0;padding:.875rem}}@keyframes spotlight-pulse-card{0%,to{box-shadow:0 4px 20px #ffc10740,0 0 40px #ffc10726}50%{box-shadow:0 6px 30px #ffc10759,0 0 60px #ffc10740}}@keyframes gradient-shift-card{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;width:100%;display:grid}@media (width<=1400px){.profile-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}}@media (width<=1024px){.profile-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=639px){.profile-grid{grid-template-columns:minmax(0,420px);justify-content:center;gap:1rem}}.profile-grid-empty{text-align:center;flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.profile-grid-empty .empty-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.profile-grid-empty h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}@media (width<=639px){.profile-grid-empty h3{font-size:1.25rem}}.profile-grid-empty p{color:var(--text-secondary);max-width:400px;font-size:1rem}@media (width<=639px){.profile-grid-empty p{font-size:.9375rem}}.profile-card-skeleton{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:100%;padding:1rem;overflow:hidden}.skeleton-avatar{background:linear-gradient(90deg, var(--background-color) 0%, var(--background-hover) 50%, var(--background-color) 100%);border-radius:var(--radius-md);background-size:200% 100%;width:100%;padding-top:100%;animation:1.5s infinite klyx-shimmer}.skeleton-content{flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;display:flex}@media (width<=639px){.skeleton-content{gap:.625rem;padding:1rem}}.skeleton-line{background:linear-gradient(90deg, var(--background-color) 0%, var(--background-hover) 50%, var(--background-color) 100%);border-radius:var(--radius-md);background-size:200% 100%;height:12px;animation:1.5s infinite klyx-shimmer}.skeleton-line.skeleton-title{width:70%;height:20px}.skeleton-line.skeleton-subtitle{width:50%;height:14px}.skeleton-line.skeleton-stat{width:100%;height:16px}.skeleton-line.skeleton-price{width:60%;height:18px}.skeleton-stats{border-top:1px solid var(--border-color);flex-direction:row;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.skeleton-stats .skeleton-line{flex:1}.skeleton-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:1rem;display:flex}@media (width<=639px){.skeleton-footer{flex-direction:column;align-items:stretch;gap:.75rem}}.skeleton-button{background:linear-gradient(90deg, var(--background-color) 0%, var(--background-hover) 50%, var(--background-color) 100%);border-radius:var(--radius-md);background-size:200% 100%;border-radius:8px;width:80px;height:40px;animation:1.5s infinite klyx-shimmer}@media (width<=639px){.skeleton-button{width:100%}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.user-balance-display{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg, var(--primary-color-light) 0%, var(--primary-color) 100%);box-shadow:0 4px 16px rgba(var(--primary-rgb), .2);border:none;flex-direction:row;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}@media (width<=639px){.user-balance-display{gap:.875rem;padding:1rem 1.25rem}}@media (width<=360px){.user-balance-display{gap:.75rem;padding:.875rem 1rem}}.user-balance-display.loading{background:var(--background-secondary);border:1px solid var(--border-color)}.balance-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}@media (width<=639px){.balance-icon{border-radius:50%;width:40px;height:40px;font-size:1.125rem}}@media (width<=360px){.balance-icon{border-radius:50%;width:36px;height:36px;font-size:1rem}}.balance-content{flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:0;display:flex}.balance-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:500}@media (width<=639px){.balance-label{font-size:.8125rem}}@media (width<=360px){.balance-label{font-size:.75rem}}.balance-value{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;font-weight:700;overflow:hidden}@media (width<=639px){.balance-value{font-size:1.375rem}}@media (width<=360px){.balance-value{font-size:1.25rem}}.balance-icon-skeleton{background:linear-gradient(90deg, var(--background-color) 0%, var(--background-hover) 50%, var(--background-color) 100%);border-radius:50%;border-radius:var(--radius-md);background-size:200% 100%;flex-shrink:0;width:48px;height:48px;animation:1.5s infinite klyx-shimmer}@media (width<=639px){.balance-icon-skeleton{border-radius:50%;width:40px;height:40px}}@media (width<=360px){.balance-icon-skeleton{border-radius:50%;width:36px;height:36px}}.balance-label-skeleton{background:linear-gradient(90deg, var(--background-color) 0%, var(--background-hover) 50%, var(--background-color) 100%);border-radius:var(--radius-md);background-size:200% 100%;border-radius:4px;width:80px;height:14px;animation:1.5s infinite klyx-shimmer}@media (width<=639px){.balance-label-skeleton{width:70px;height:12px}}.balance-value-skeleton{background:linear-gradient(90deg, var(--background-color) 0%, var(--background-hover) 50%, var(--background-color) 100%);border-radius:var(--radius-md);background-size:200% 100%;border-radius:6px;width:120px;height:24px;animation:1.5s infinite klyx-shimmer}@media (width<=639px){.balance-value-skeleton{width:100px;height:22px}}@media (width<=360px){.balance-value-skeleton{width:90px;height:20px}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.load-more-container{justify-content:center;align-items:center;width:100%;padding:3rem 0;display:flex}@media (width<=639px){.load-more-container{padding:2rem 0}}.load-more-btn{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border:none;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;min-width:180px;margin:0;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}@media (hover:hover) and (pointer:fine){.load-more-btn:hover:not(:disabled){background:var(--primary-color-dark);box-shadow:0 8px 20px rgba(var(--primary-rgb), .3);transform:translateY(-2px)}}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.load-more-btn.loading{pointer-events:none}@media (width<=639px){.load-more-btn{width:100%;max-width:300px;padding:.875rem 2rem;font-size:.9375rem}}@media (width<=360px){.load-more-btn{padding:.75rem 1.5rem;font-size:.875rem}}.spinner{font-size:1.125rem;animation:1s linear infinite spin}@media (width<=639px){.spinner{font-size:1rem}}.load-more-end{justify-content:center;align-items:center;width:100%;padding:3rem 0;display:flex}.load-more-end span{color:var(--text-muted);font-size:1rem;font-style:italic}@media (width<=639px){.load-more-end span{font-size:.9375rem}}@media (width<=360px){.load-more-end span{font-size:.875rem}}@media (width<=639px){.load-more-end{padding:2rem 0}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.purchase-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.purchase-modal{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);width:100%;max-width:500px;max-height:90vh;padding:1.25rem;animation:.3s slideUp;position:relative;overflow-y:auto}@media (width<=639px){.purchase-modal{padding:1rem}}@media (width<=360px){.purchase-modal{padding:.875rem}}.modal-close-btn{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;background:var(--background-hover);width:36px;height:36px;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.125rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}@media (hover:hover) and (pointer:fine){.modal-close-btn:hover{background:var(--danger-color);color:#fff}}@media (width<=639px){.modal-close-btn{border-radius:50%;width:32px;height:32px;font-size:1rem}}.modal-header{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}@media (width<=639px){.modal-header{margin-bottom:.75rem}}.modal-header .modal-icon{color:var(--primary-color);font-size:1.5rem}@media (width<=639px){.modal-header .modal-icon{font-size:1.25rem}}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}@media (width<=639px){.modal-header h2{font-size:1.125rem}}.modal-profile-preview{background:var(--background-hover);border-radius:10px;flex-direction:row;align-items:center;gap:.875rem;margin-bottom:.875rem;padding:.875rem;display:flex}@media (width<=639px){.modal-profile-preview{gap:.75rem;margin-bottom:.75rem;padding:.75rem}}.modal-profile-preview .preview-avatar{background:var(--background-secondary);border-radius:12px;flex-shrink:0;width:56px;height:56px;overflow:hidden}@media (width<=639px){.modal-profile-preview .preview-avatar{width:48px;height:48px}}.modal-profile-preview .preview-avatar img{object-fit:cover;width:100%;height:100%}.modal-profile-preview .preview-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color-light) 0%, var(--primary-color) 100%);color:#fff;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:700;display:flex}@media (width<=639px){.modal-profile-preview .preview-avatar .avatar-placeholder{font-size:1.5rem}}.modal-profile-preview .preview-info{flex:1;min-width:0}.modal-profile-preview .preview-info h3{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:1.25rem;font-weight:600;overflow:hidden}@media (width<=639px){.modal-profile-preview .preview-info h3{font-size:1.125rem}}.modal-profile-preview .preview-info p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 .75rem;font-size:.9375rem;overflow:hidden}@media (width<=639px){.modal-profile-preview .preview-info p{font-size:.875rem}}.modal-profile-preview .preview-info p.owner-text{color:var(--text-secondary);font-size:.8125rem}.modal-profile-preview .preview-info .preview-badges{flex-flow:wrap;align-items:center;gap:.5rem;display:flex}.modal-profile-preview .preview-info .preview-badges span{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.modal-profile-preview .preview-info .preview-badges span.badge-verified{color:#3b82f6;background:#3b82f61a}.modal-profile-preview .preview-info .preview-badges span.badge-top{color:#fbbf24;background:#fbbf241a}.modal-profile-preview .preview-info .preview-badges span.badge-trending{color:#ef4444;background:#ef44441a}.modal-stats{background:var(--background-secondary);border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.875rem;padding:.75rem .875rem;display:flex}@media (width<=639px){.modal-stats{margin-bottom:.75rem;padding:.625rem .75rem}}.modal-stats .stat-row{justify-content:space-between;align-items:center;display:flex}.modal-stats .stat-row .stat-label{color:var(--text-secondary);font-size:.9375rem}@media (width<=639px){.modal-stats .stat-row .stat-label{font-size:.875rem}}.modal-stats .stat-row .stat-value{color:var(--primary-color);font-size:1rem;font-weight:600}@media (width<=639px){.modal-stats .stat-row .stat-value{font-size:.9375rem}}.modal-pricing{background:var(--background-hover);border-radius:8px;flex-direction:column;align-items:center;gap:.625rem;margin-bottom:.875rem;padding:.875rem;display:flex}@media (width<=639px){.modal-pricing{margin-bottom:.75rem;padding:.75rem}}.modal-pricing .pricing-row{justify-content:space-between;align-items:center;display:flex}.modal-pricing .pricing-row .pricing-label{color:var(--text-secondary);font-size:.9375rem;font-weight:500}@media (width<=639px){.modal-pricing .pricing-row .pricing-label{font-size:.875rem}}.modal-pricing .pricing-row .pricing-value{font-size:1.125rem;font-weight:700}@media (width<=639px){.modal-pricing .pricing-row .pricing-value{font-size:1rem}}.modal-pricing .pricing-row .pricing-value.price{color:var(--text-primary)}.modal-pricing .pricing-row .pricing-value.balance{color:var(--success-color)}.modal-pricing .pricing-row .pricing-value.balance.insufficient{color:var(--danger-color)}.modal-pricing .pricing-row .pricing-value.remaining{color:var(--primary-color)}.modal-pricing .price-input-container{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;gap:.375rem;margin:0;padding:.5rem 0;display:flex}.modal-pricing .price-input-container .price-input-label{color:var(--text-secondary);font-size:.9375rem;font-weight:600}@media (width<=639px){.modal-pricing .price-input-container .price-input-label{font-size:.875rem}}.modal-pricing .price-input-container .price-input-wrapper{flex-direction:row;align-items:center;gap:.5rem;display:flex;position:relative}.modal-pricing .price-input-container .price-input-wrapper .price-input{color:var(--text-primary);background:var(--background-hover);border:2px solid var(--border-color);border-radius:6px;flex:1;padding:.5rem 4rem .5rem .625rem;font-size:1rem;font-weight:600;transition:all .2s}@media (width<=639px){.modal-pricing .price-input-container .price-input-wrapper .price-input{padding:.4375rem 4rem .4375rem .5rem;font-size:.9375rem}}.modal-pricing .price-input-container .price-input-wrapper .price-input:focus{border-color:var(--primary-color);background:var(--background-primary);outline:none}.modal-pricing .price-input-container .price-input-wrapper .price-input.error{border-color:var(--danger-color)}.modal-pricing .price-input-container .price-input-wrapper .price-input:disabled{opacity:.5;cursor:not-allowed}.modal-pricing .price-input-container .price-input-wrapper .price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-pricing .price-input-container .price-input-wrapper .price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-pricing .price-input-container .price-input-wrapper .price-input[type=number]{-moz-appearance:textfield}.modal-pricing .price-input-container .price-input-wrapper .price-input-suffix{color:var(--text-muted);pointer-events:none;font-size:.9375rem;font-weight:600;position:absolute;right:.75rem}@media (width<=639px){.modal-pricing .price-input-container .price-input-wrapper .price-input-suffix{font-size:.875rem}}.modal-pricing .price-input-container .price-input-error{color:var(--danger-color);font-size:.875rem;font-weight:500}@media (width<=639px){.modal-pricing .price-input-container .price-input-error{font-size:.8125rem}}.modal-pricing .cost-breakdown{background:rgba(var(--primary-rgb), .05);border:1px solid rgba(var(--primary-rgb), .15);border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;margin:0;padding:.625rem .875rem;display:flex}.modal-pricing .cost-breakdown .breakdown-header{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.875rem;font-weight:700}.modal-pricing .cost-breakdown .breakdown-row{justify-content:space-between;align-items:center;display:flex}.modal-pricing .cost-breakdown .breakdown-row .breakdown-label{color:var(--text-secondary);flex-direction:row;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;display:flex}@media (width<=639px){.modal-pricing .cost-breakdown .breakdown-row .breakdown-label{font-size:.875rem}}.modal-pricing .cost-breakdown .breakdown-row .breakdown-label .gas-note{color:var(--text-muted);font-size:.75rem;font-weight:400}.modal-pricing .cost-breakdown .breakdown-row .breakdown-value{color:var(--text-primary);font-size:1rem;font-weight:700}@media (width<=639px){.modal-pricing .cost-breakdown .breakdown-row .breakdown-value{font-size:.9375rem}}.modal-pricing .cost-breakdown .breakdown-row.fee-split{padding:.1rem 0}.modal-pricing .cost-breakdown .breakdown-row.fee-split .breakdown-label{color:var(--text-muted);padding-left:.5rem;font-size:.8125rem}.modal-pricing .cost-breakdown .breakdown-row.fee-split .breakdown-value{color:var(--text-muted);font-size:.8125rem;font-weight:500}.modal-pricing .cost-breakdown .breakdown-row.gas-fee{border-top:1px solid rgba(var(--primary-rgb), .1);padding-top:.5rem}.modal-pricing .cost-breakdown .breakdown-row.total-row{border-top:2px solid rgba(var(--primary-rgb), .3);margin-top:.5rem;padding-top:.75rem}.modal-pricing .cost-breakdown .breakdown-row.total-row .breakdown-label{color:var(--text-primary);font-size:1rem;font-weight:700}.modal-pricing .cost-breakdown .breakdown-row.total-row .breakdown-value{color:var(--primary-color);font-size:1.125rem;font-weight:800}@media (width<=639px){.modal-pricing .cost-breakdown .breakdown-row.total-row .breakdown-value{font-size:1rem}}.modal-pricing .cost-breakdown .breakdown-note{color:var(--text-muted);border-top:1px solid rgba(var(--primary-rgb), .1);text-align:center;padding-top:.5rem;font-size:.8125rem;font-style:italic}@media (width<=639px){.modal-pricing .cost-breakdown .breakdown-note{font-size:.75rem}}.modal-pricing .cost-breakdown .breakdown-toggle{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.8125rem;font-weight:600;transition:opacity .15s}.modal-pricing .cost-breakdown .breakdown-toggle:hover{text-decoration:underline}.modal-pricing .cost-breakdown .breakdown-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}.modal-pricing .cost-breakdown .breakdown-details{border-top:1px solid rgba(var(--primary-rgb), .1);flex-direction:column;gap:.625rem;padding-top:.5rem;display:flex}.modal-pricing .balance-divider{border-top:2px solid var(--border-color);padding-top:1rem}.insufficient-warning{color:var(--danger-color);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;flex-direction:row;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.insufficient-warning svg{flex-shrink:0;font-size:1.25rem}.insufficient-warning span{font-size:.9375rem;font-weight:500}@media (width<=639px){.insufficient-warning span{font-size:.875rem}.insufficient-warning{gap:.625rem;margin-bottom:1.25rem;padding:.875rem}}.confirmation-warning{color:#f59e0b;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;flex-direction:row;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;animation:1s ease-in-out infinite pulse;display:flex}.confirmation-warning svg{flex-shrink:0;font-size:1.25rem}.confirmation-warning span{font-size:.9375rem;font-weight:500}@media (width<=639px){.confirmation-warning span{font-size:.875rem}.confirmation-warning{gap:.625rem;margin-bottom:1.25rem;padding:.875rem}}.modal-actions{flex-direction:row;align-items:center;gap:1rem;display:flex}@media (width<=639px){.modal-actions{flex-direction:column-reverse;gap:.75rem}}.modal-actions button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;margin:0;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}@media (width<=639px){.modal-actions button{width:100%;padding:.875rem}}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-actions .cancel-btn{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}@media (hover:hover) and (pointer:fine){.modal-actions .cancel-btn:hover:not(:disabled){background:var(--background-hover)}}.modal-actions .confirm-btn{background:var(--primary-color);color:#fff}@media (hover:hover) and (pointer:fine){.modal-actions .confirm-btn:hover:not(:disabled){background:var(--primary-color-dark);box-shadow:0 4px 12px rgba(var(--primary-rgb), .4);transform:translateY(-2px)}}.previously-owned__hint{color:var(--text-secondary,#ffffff8c);margin:0 0 1rem;font-size:.875rem}.previously-owned__hint--error{color:#ef4444}.previously-owned__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.previously-owned__card{color:inherit;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:.875rem;padding:.875rem;display:flex}.previously-owned__avatar{cursor:pointer;background:#ffffff0f;border-radius:50%;flex-shrink:0;width:52px;height:52px;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.previously-owned__avatar:hover{transform:scale(1.04);box-shadow:0 0 0 2px #a855f799}.previously-owned__avatar img{object-fit:cover;width:100%;height:100%}.previously-owned__avatar-placeholder{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.25rem;font-weight:700;display:flex}.previously-owned__body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.previously-owned__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.previously-owned__handle{color:var(--text-secondary,#ffffff8c);font-size:.75rem}.previously-owned__meta{color:var(--text-secondary,#fff9);flex-direction:column;gap:.125rem;margin-top:.25rem;font-size:.75rem;display:flex}.previously-owned__sold-price{color:var(--text-primary);font-weight:500}.previously-owned__owner{color:var(--text-secondary,#fff9);margin-top:.25rem;font-size:.75rem}.previously-owned__owner strong{color:var(--text-primary)}.previously-owned__owner-link{color:var(--text-primary);font-weight:600;text-decoration:none;transition:color .15s}.previously-owned__owner-link:hover{color:var(--primary-color,#a855f7);text-decoration:underline}.previously-owned__price{color:var(--text-secondary,#fff9);margin-top:.1875rem;font-size:.75rem}.previously-owned__price strong{color:var(--primary-color,#a855f7);font-weight:600}.previously-owned__buy-back{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:8px;justify-content:center;align-self:stretch;align-items:center;margin-top:.625rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;line-height:1;transition:transform .15s,filter .15s;display:inline-flex}.previously-owned__buy-back:hover{filter:brightness(1.08);transform:translateY(-1px)}.previously-owned__buy-back:active{transform:translateY(0)}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.marketplace-page{min-height:calc(100vh - 80px);padding:2rem 1rem}@media (width>=768px){.marketplace-page{padding:3rem 2rem}}@media (width>=1024px){.marketplace-page{padding:4rem 2rem}}.marketplace-page{background:var(--background-color);box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}@media (width<=360px){.marketplace-page{padding:1rem .5rem}}.marketplace-page *{box-sizing:border-box}.marketplace-container{box-sizing:border-box;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.marketplace-header{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}@media (width<=639px){.marketplace-header{flex-direction:column;align-items:stretch;gap:1.5rem;margin-bottom:1.5rem}}@media (width<=360px){.marketplace-header{gap:1.25rem}}.marketplace-header-content{text-align:left;flex:1}@media (width<=639px){.marketplace-header-content{text-align:center}}.marketplace-header-content h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}@media (width<=639px){.marketplace-header-content h1{font-size:1.75rem}}@media (width<=360px){.marketplace-header-content h1{font-size:1.5rem}}.marketplace-header-content p{color:var(--text-secondary);font-size:1.125rem}@media (width<=639px){.marketplace-header-content p{font-size:.9375rem}}@media (width<=360px){.marketplace-header-content p{font-size:.875rem}}.marketplace-tabs{border-bottom:1px solid var(--border-color,#ffffff14);gap:.5rem;margin-bottom:1.5rem;display:flex}@media (width<=639px){.marketplace-tabs{margin-bottom:1rem}}.marketplace-tab{font:inherit;color:var(--text-secondary,#ffffff8c);cursor:pointer;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin:0 0 -1px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.marketplace-tab:hover{color:var(--text-primary)}.marketplace-tab.active{color:var(--text-primary);border-bottom-color:var(--primary-color,#a855f7)}.marketplace-tab__count{min-width:1.5rem;height:1.25rem;color:var(--text-primary);background:#a855f72e;border-radius:999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.75rem;font-weight:600;display:inline-flex}.marketplace-controls{margin-bottom:2rem}@media (width<=639px){.marketplace-controls{margin-bottom:1.5rem}}.marketplace-scope{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;gap:.25rem;margin:0 auto 1rem;padding:.25rem;display:inline-flex}.marketplace-scope__btn{font:inherit;color:var(--text-secondary,#ffffffa6);cursor:pointer;cursor:pointer;background:0 0;border:none;border-radius:999px;margin:0;padding:.4rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.marketplace-scope__btn:hover{color:var(--text-primary);background:#ffffff0f}.marketplace-scope__btn.active{background:var(--primary-color);color:#fff}.marketplace-scope-hint{color:#f59e0b;margin:0 0 1rem;font-size:.8125rem}.marketplace-scope-area{color:var(--text-secondary,#ffffffa6);margin:0 0 1rem;font-size:.8125rem}.marketplace-content{width:100%}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.leaderboards-page{background:var(--background-primary);min-height:100vh;padding:2rem 0}@media (width<=639px){.leaderboards-page{padding:1rem 0}}.leaderboards-container{width:100%;max-width:var(--content-max-width);box-sizing:border-box;max-width:960px;margin:0 auto;padding-left:1rem;padding-right:1rem}.leaderboards-header{text-align:center;margin-bottom:2rem}@media (width<=639px){.leaderboards-header{margin-bottom:1.25rem;padding:0 1rem}}.leaderboards-header h1{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}@media (width<=639px){.leaderboards-header h1{font-size:1.5rem}}.leaderboards-header p{color:var(--text-secondary,#fff9);margin:0;font-size:.9375rem}.leaderboards-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin-bottom:1.5rem;display:grid}@media (width<=760px){.leaderboards-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0 10%}}.leaderboards-tab{font:inherit;color:inherit;cursor:pointer;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0;margin:0;padding:.875rem 1rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.leaderboards-tab:hover{background:#ffffff12;border-color:#ffffff2e}.leaderboards-tab.active{border-color:var(--primary-color,#a855f7);background:#a855f71f}.leaderboards-tab__label{color:var(--text-primary);max-width:100%;font-size:.9375rem;font-weight:600}.leaderboards-tab__subtitle{color:var(--text-secondary,#ffffff8c);max-width:100%;font-size:.75rem}@media (width<=760px){.leaderboards-tab{padding:.625rem .75rem}.leaderboards-tab__label{font-size:.8125rem}.leaderboards-tab__subtitle{display:none}}.leaderboards-body{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.leaderboards-scope{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;place-self:center;gap:.25rem;width:max-content;max-width:100%;margin:0 auto 1rem;padding:.25rem;display:inline-flex}.leaderboards-container>.leaderboards-scope{align-self:center;margin-left:auto;margin-right:auto;display:flex}.leaderboards-scope__btn{font:inherit;color:var(--text-secondary,#ffffffa6);cursor:pointer;cursor:pointer;background:0 0;border:none;border-radius:999px;margin:0;padding:.4rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.leaderboards-scope__btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.leaderboards-scope__btn.active{background:var(--primary-color);color:#fff}.leaderboards-scope__btn:disabled{opacity:.4;cursor:not-allowed}.leaderboards-hint{text-align:center;color:var(--text-secondary,#ffffff8c);margin:2rem 0}.leaderboards-hint--error{color:#ef4444}.leaderboards-hint--warn{color:#f59e0b;margin:0 0 1rem;font-size:.8125rem}.leaderboards-hint--area{color:var(--text-secondary,#ffffffa6);margin:0 0 1rem;font-size:.8125rem}.leaderboards-list{counter-reset:leaderboard;box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.leaderboards-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"rank avatar identity value";align-items:center;gap:.875rem;padding:.75rem 1rem;display:grid}.leaderboards-row.is-me{background:#60d3941a;border-color:#60d39466}.leaderboards-self-separator{color:var(--text-muted,#ffffff59);letter-spacing:.25rem;justify-content:center;margin:.75rem 0 .5rem;font-size:.875rem;display:flex}.leaderboards-list--self{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-top:0}.leaderboards-list--self .leaderboards-rank{grid-area:rank}.leaderboards-list--self .leaderboards-avatar{grid-area:avatar}.leaderboards-list--self .leaderboards-identity{grid-area:identity}.leaderboards-list--self .leaderboards-value{grid-area:value}@media (width<=639px){.leaderboards-list--self{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"rank avatar identity""value value value";gap:.375rem .5rem;padding:.5rem .625rem}}.leaderboards-rank{text-align:center;min-width:2.75rem;color:var(--text-secondary);font-size:.9375rem;font-weight:700}.leaderboards-rank.rank-1{color:#fbbf24}.leaderboards-rank.rank-2{color:#d1d5db}.leaderboards-rank.rank-3{color:#f97316}@media (width<=639px){.leaderboards-rank{min-width:1.75rem;font-size:.8125rem}}.leaderboards-avatar{width:44px;height:44px;display:block}@media (width<=639px){.leaderboards-avatar{width:36px;height:36px}}.leaderboards-avatar{cursor:pointer;background:#ffffff0f;border-radius:50%;flex-shrink:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.leaderboards-avatar:hover{transform:scale(1.04);box-shadow:0 0 0 2px #a855f799}.leaderboards-avatar img{object-fit:cover;width:100%;height:100%}.leaderboards-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.leaderboards-identity{flex-direction:column;min-width:0;max-width:100%;display:flex;overflow:hidden}.leaderboards-name{max-width:100%;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;text-decoration:none;display:block;overflow:hidden}.leaderboards-name:hover{color:var(--primary-color,#a855f7);text-decoration:underline}@media (width<=639px){.leaderboards-name{font-size:.875rem}}.leaderboards-handle{max-width:100%;color:var(--text-secondary,#ffffff8c);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}@media (width<=639px){.leaderboards-handle{font-size:.6875rem}}.leaderboards-value{color:var(--primary-color,#a855f7);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}@media (width<=639px){.leaderboards-value{justify-self:end;font-size:.8125rem}}.post-detail-page{background:var(--background-color);min-height:100vh;padding:2rem 1rem}.post-detail-container{max-width:540px;margin:0 auto}.back-button{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:inline-flex}.back-button:hover{background:var(--background-hover);border-color:var(--primary-color);color:var(--primary-color)}.post-detail-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.post-detail-error h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.post-detail-error p{color:var(--text-secondary);margin-bottom:1.5rem}.post-detail-error .btn{cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.post-detail-error .btn.btn-primary{background:var(--primary-color);color:#fff;border:none}.post-detail-error .btn.btn-primary:hover{background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (width<=768px){.post-detail-page{padding:1rem .5rem}}@media (width<=480px){.back-button{padding:.4rem .8rem;font-size:.8rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.horizontal-filter-bar{background:#ffffff0d;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.horizontal-filter-bar .filter-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.horizontal-filter-bar .filter-row.filter-row-main{margin-bottom:0}.horizontal-filter-bar .filter-row.filter-row-advanced{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.horizontal-filter-bar .filter-group{align-items:center;gap:.5rem;display:flex}.horizontal-filter-bar .filter-group label{color:#ffffffb3;white-space:nowrap;font-size:.875rem;font-weight:500}.horizontal-filter-bar .filter-group.filter-distance{flex-direction:column;flex:0 0 200px;align-items:flex-start}.horizontal-filter-bar .filter-group.filter-distance label{margin-bottom:.25rem}.horizontal-filter-bar .filter-group.filter-search{flex:1;gap:.5rem;min-width:200px;max-width:350px;display:flex}.horizontal-filter-bar .filter-group.filter-sort{flex:none}.horizontal-filter-bar .filter-group.filter-location-type{gap:.25rem}.horizontal-filter-bar .filter-group.filter-activity,.horizontal-filter-bar .filter-group.filter-ownership{flex-direction:column;align-items:flex-start}.horizontal-filter-bar .distance-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.horizontal-filter-bar .distance-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1b87fa;border-radius:50%;width:18px;height:18px;transition:background .2s}.horizontal-filter-bar .distance-slider::-webkit-slider-thumb:hover{background:#7c8fac}.horizontal-filter-bar .distance-slider::-moz-range-thumb{cursor:pointer;background:#1b87fa;border:none;border-radius:50%;width:18px;height:18px;transition:background .2s}.horizontal-filter-bar .distance-slider::-moz-range-thumb:hover{background:#4bc380}.horizontal-filter-bar .search-input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:.625rem 1rem;font-size:.875rem;transition:border-color .2s}.horizontal-filter-bar .search-input:focus{border-color:#1b87fa;outline:none}.horizontal-filter-bar .search-input::placeholder{color:#fff6}.horizontal-filter-bar .search-button{color:#000;cursor:pointer;white-space:nowrap;background:#1b87fa;border:1px solid #1b87fa;border-radius:8px;flex-shrink:0;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.horizontal-filter-bar .search-button:hover{background:#7c8fac;border-color:#7c8fac;transform:translateY(-1px)}.horizontal-filter-bar .search-button:active{transform:translateY(0)}.horizontal-filter-bar .sort-select{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;min-width:150px;padding:.625rem 1rem;font-size:.875rem;transition:border-color .2s}.horizontal-filter-bar .sort-select:focus{border-color:#1b87fa;outline:none}.horizontal-filter-bar .sort-select option{color:#fff;background:#1a1a1a}.horizontal-filter-bar .location-btn,.horizontal-filter-bar .filter-toggle-btn,.horizontal-filter-bar .filter-reset-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;transition:all .2s}.horizontal-filter-bar .location-btn:hover,.horizontal-filter-bar .filter-toggle-btn:hover,.horizontal-filter-bar .filter-reset-btn:hover{color:#fff;background:#ffffff1a}.horizontal-filter-bar .location-btn.active,.horizontal-filter-bar .filter-toggle-btn.active,.horizontal-filter-bar .filter-reset-btn.active{color:#000;background:#1b87fa;border-color:#1b87fa;font-weight:600}.horizontal-filter-bar .filter-pills{flex-wrap:wrap;gap:.5rem;display:flex}.horizontal-filter-bar .filter-pill{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;padding:.5rem .875rem;font-size:.8125rem;transition:all .2s}.horizontal-filter-bar .filter-pill:hover{color:#fff;background:#ffffff1a}.horizontal-filter-bar .filter-pill.active{color:#000;background:#1b87fa;border-color:#1b87fa;font-weight:600}.horizontal-filter-bar .filter-interests{flex:100%;min-width:0}.horizontal-filter-bar .filter-interests .filter-pills{max-width:100%}.horizontal-filter-bar .filter-interest-input{color:#fff;background:#0000004d;border:1px dashed #fff3;border-radius:20px;outline:none;min-width:8rem;padding:.5rem .875rem;font-size:.8125rem}.horizontal-filter-bar .filter-interest-input::placeholder{color:#fff6}.horizontal-filter-bar .filter-interest-input:focus{border-color:#1b87fa}@media (width<=768px){.horizontal-filter-bar .filter-row{flex-direction:column;align-items:stretch}.horizontal-filter-bar .filter-row.filter-row-advanced{gap:1.5rem}.horizontal-filter-bar .filter-group{width:100%}.horizontal-filter-bar .filter-group.filter-distance,.horizontal-filter-bar .filter-group.filter-search,.horizontal-filter-bar .filter-group.filter-sort{flex:100%}.horizontal-filter-bar .filter-group.filter-search{max-width:100%}.horizontal-filter-bar .filter-group.filter-location-type{justify-content:space-between}.horizontal-filter-bar .filter-group.filter-location-type .location-btn{flex:1}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-search-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem;transition:all .3s;position:relative}.profile-search-card:hover{background:#ffffff14;border-color:#60d3944d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.profile-search-card .card-header{gap:1rem;margin-bottom:.875rem;display:flex;position:relative}.profile-search-card .avatar-section{flex-shrink:0;position:relative}.profile-search-card .avatar-section .avatar,.profile-search-card .avatar-section .avatar-placeholder{object-fit:cover;border-radius:12px;width:64px;height:64px}.profile-search-card .avatar-section .avatar-placeholder{color:#000;background:linear-gradient(135deg,#1b87fa,#7c8fac);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.profile-search-card .avatar-section .ownership-indicators{flex-direction:column;gap:4px;display:flex;position:absolute;top:-6px;right:-6px}.profile-search-card .avatar-section .ownership-badge{text-transform:uppercase;border-radius:8px;padding:2px 6px;font-size:.625rem;font-weight:700;box-shadow:0 2px 4px #0003}.profile-search-card .avatar-section .ownership-badge.own{color:#fff;background:#3b82f6}.profile-search-card .avatar-section .ownership-badge.klyxd{color:#fff;background:#ef4444}.profile-search-card .profile-info{flex:1;min-width:0}.profile-search-card .profile-info .display-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:1.125rem;font-weight:700;overflow:hidden}.profile-search-card .profile-info .username{color:#fff9;margin:0 0 .5rem;font-size:.875rem}.profile-search-card .profile-info .location-distance{color:#ffffff80;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.profile-search-card .profile-info .location-distance .distance{color:#1b87fa;font-weight:600}.profile-search-card .profile-info .location-distance .separator{opacity:.5}.profile-search-card .profile-info .location-distance .location{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-search-card .badges{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.profile-search-card .badges .badge{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.profile-search-card .badges .badge.verified{color:#fff;background:#3b82f6;border-color:#3b82f6}.profile-search-card .badges .badge.top{color:#fff;background:#f59e0b;border-color:#f59e0b}.profile-search-card .badges .badge.trending{background:#ef4444;border-color:#ef4444}.profile-search-card .card-bio{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.875rem;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.profile-search-card .card-interests{flex-wrap:wrap;gap:.375rem;margin-bottom:.875rem;display:flex}.profile-search-card .card-interests .interest-chip{color:#ffffffa6;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.profile-search-card .card-interests .interest-chip--matched{color:var(--text-primary,#fff);background:#a855f72e;border-color:#a855f78c}.profile-search-card .card-stats{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;gap:1.5rem;margin-bottom:.875rem;padding:.875rem 0;display:flex}.profile-search-card .card-stats .stat{flex-direction:column;gap:.25rem;display:flex}.profile-search-card .card-stats .stat .stat-value{color:#fff;font-size:1.125rem;font-weight:700}.profile-search-card .card-stats .stat .stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.profile-search-card .card-stats .stat.price-stat{margin-left:auto}.profile-search-card .card-stats .stat.price-stat .stat-value{color:#1b87fa}.profile-search-card .card-actions{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.profile-search-card .card-actions .action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.profile-search-card .card-actions .action-btn.primary{color:#000;background:linear-gradient(135deg,#1b87fa,#7c8fac);flex:1}.profile-search-card .card-actions .action-btn.primary:hover{transform:scale(1.02);box-shadow:0 4px 12px #60d3944d}.profile-search-card .card-actions .action-btn.klyx-btn{color:#ffffff80;background:#0000004d;border:1px solid #ffffff1a;flex-shrink:0;width:40px;height:40px;padding:0;font-size:1.25rem}.profile-search-card .card-actions .action-btn.klyx-btn:hover{color:#fff;background:#ffffff1a}.profile-search-card .card-actions .action-btn.klyx-btn.active{color:#fff;background:#ef4444;border-color:#ef4444}.profile-search-card .card-actions .owner-label,.profile-search-card .card-actions .not-listed-label{text-align:center;flex:1;padding:.625rem;font-size:.875rem;font-weight:600}.profile-search-card .card-actions .owner-label{color:#3b82f6}.profile-search-card .card-actions .not-listed-label{color:#fff6}.profile-search-card .activity-indicator{color:#fff6;align-items:center;gap:.375rem;font-size:.6875rem;display:flex;position:absolute;bottom:.75rem;right:.75rem}.profile-search-card .activity-indicator .activity-dot{background:#1b87fa;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@media (width<=768px){.profile-search-card{padding:1rem}.profile-search-card .card-header{flex-wrap:wrap}.profile-search-card .badges{flex-direction:row;order:3;justify-content:flex-start;width:100%;margin-top:.5rem}.profile-search-card .card-stats{gap:1rem}.profile-search-card .card-actions .action-btn.primary{padding:.5rem 1rem;font-size:.7rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.empty-state{text-align:center;padding:3rem 1rem}.empty-state .empty-state-icon{opacity:.6;margin-bottom:1.5rem;font-size:4rem}.empty-state h2{color:#fff;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.empty-state>p{color:#fff9;margin-bottom:1.5rem;font-size:1rem}.empty-state .settings-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#1b87fa,#7c8fac);border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s}.empty-state .settings-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #60d3944d}.empty-state .spotlight-loading{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.empty-state .spotlight-loading p{color:#fff9;font-size:.875rem}.empty-state .spotlight-loading .loading-spinner-small{border:3px solid #60d39433;border-top-color:#1b87fa;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.empty-state .spotlight-section{text-align:left;margin-top:3rem}.empty-state .spotlight-section h3{color:#fff;text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.empty-state .spotlight-section .spotlight-subtitle{color:#fff9;text-align:center;margin-bottom:2rem;font-size:.875rem}.empty-state .spotlight-section .spotlight-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}@media (width<=768px){.empty-state .spotlight-section .spotlight-grid{grid-template-columns:1fr}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.discovery-page{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);min-height:100vh;padding:2rem 1rem}.discovery-page .discovery-container{max-width:1400px;margin:0 auto}.discovery-page .discovery-header{text-align:center;margin-bottom:2rem}.discovery-page .discovery-header h1{background:linear-gradient(135deg,#1b87fa,#7c8fac);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.discovery-page .discovery-header p{color:#fff9;font-size:1.125rem}.discovery-page .discovery-error{text-align:center;background:#dc26261a;border:1px solid #dc26264d;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.discovery-page .discovery-error p{color:#fca5a5;margin-bottom:.5rem;font-size:1rem}.discovery-page .discovery-error .error-hint{color:#fca5a5b3;font-size:.875rem}.discovery-page .discovery-loading{flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.discovery-page .discovery-loading p{color:#fff9;margin-top:1rem;font-size:1rem}.discovery-page .loading-spinner{border:4px solid #60d39433;border-top-color:#1b87fa;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.discovery-page .loading-spinner-small{border:3px solid #60d39433;border-top-color:#1b87fa;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.discovery-page .discovery-content{margin-top:1.5rem}.discovery-page .profiles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.discovery-page .profiles-count{text-align:center;color:#fff9;margin:1rem 0;font-size:.875rem}.discovery-page .profiles-count .count-warning{color:#fbbf24;font-weight:600}.discovery-page .scroll-trigger{justify-content:center;align-items:center;min-height:100px;display:flex}.discovery-page .loading-more{align-items:center;gap:1rem;padding:1rem;display:flex}.discovery-page .loading-more p{color:#fff9;font-size:.875rem}@media (width<=1200px){.discovery-page .profiles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@media (width<=768px){.discovery-page{padding:1rem .5rem}.discovery-page .discovery-header h1{font-size:2rem}.discovery-page .discovery-header p{font-size:1rem}.discovery-page .profiles-grid{grid-template-columns:1fr;gap:1rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.price-chart{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;align-self:stretch;align-items:stretch;gap:.375rem;padding:.625rem .75rem;display:flex}.price-chart--empty{padding:.75rem}.price-chart--up .price-chart-change{color:var(--success-color)}.price-chart--down .price-chart-change{color:var(--danger-color)}.price-chart-header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.price-chart-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.price-chart-change{font-size:.75rem;font-weight:700}.price-chart-no-data{color:var(--text-muted);font-size:.75rem;font-style:italic}.price-chart-svg{width:100%;height:60px;display:block;overflow:visible}.price-chart-footer{color:var(--text-muted);flex-direction:row;justify-content:space-between;align-items:center;font-size:.6875rem;display:flex}.price-chart-trades{color:var(--text-secondary);font-size:.6875rem}.price-chart-start,.price-chart-end{font-weight:500}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.provenance-timeline{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;align-self:stretch;align-items:stretch;gap:.5rem;padding:.625rem .75rem;display:flex}.provenance-timeline--empty{gap:.25rem}.provenance-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.provenance-no-data{color:var(--text-muted);font-size:.75rem;font-style:italic}.provenance-list{flex-direction:column;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.provenance-item{align-items:stretch;gap:.625rem;display:flex}.provenance-dot-col{flex-direction:column;flex-shrink:0;align-items:center;width:12px;padding-top:3px;display:flex}.provenance-dot{background:var(--border-color);border:2px solid var(--background-secondary);border-radius:50%;flex-shrink:0;width:10px;height:10px}.provenance-dot--origin{background:var(--primary-color)}.provenance-line{background:var(--border-color);flex:1;width:2px;min-height:12px;margin:3px 0}.provenance-content{flex-direction:column;flex:1;align-items:center;gap:.2rem;min-width:0;padding-bottom:.75rem;display:flex}.provenance-item--last .provenance-content{padding-bottom:0}.provenance-event{flex-direction:row;align-items:center;gap:.4rem;display:flex}.provenance-badge{border-radius:var(--radius-full);padding:.1rem .4rem;font-size:.6875rem;font-weight:700}.provenance-badge--mint{color:var(--primary-color);background:#667eea26}.provenance-badge--sale{color:var(--success-color);background:#22c55e26}.provenance-price{color:var(--text-primary);font-size:.75rem;font-weight:700}.provenance-wallets{flex-flow:wrap;align-items:center;gap:.25rem .375rem;display:flex}.provenance-role{color:var(--text-muted);font-size:.6875rem;font-weight:500}.provenance-wallet{font:inherit;color:var(--primary-color);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:row;align-items:center;gap:.25rem;margin:0;padding:.1rem .3rem;font-family:monospace;font-size:.6875rem;transition:background .15s;display:flex}.provenance-wallet:hover{background:#667eea1a}.provenance-wallet-addr{letter-spacing:.02em}.provenance-copy-icon{color:var(--text-muted);flex-shrink:0;font-size:.6rem}.provenance-copy-icon.copied{color:var(--success-color)}.provenance-meta{flex-direction:row;align-items:center;gap:.4rem;display:flex}.provenance-date{color:var(--text-muted);font-size:.6875rem}.provenance-explorer{color:var(--text-muted);align-items:center;font-size:.6rem;transition:color .15s;display:flex}.provenance-explorer:hover{color:var(--primary-color)}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.badge-tooltip-wrapper{display:inline-flex;position:relative}.badge-tooltip-wrapper .badge{cursor:pointer;font-size:1.25rem;line-height:1;transition:transform .15s}.badge-tooltip-wrapper .badge:hover{transform:scale(1.25)}.badge-tooltip-card{z-index:100;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none;flex-direction:row;align-items:flex-start;gap:.5rem;padding:.5rem .625rem;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.badge-tooltip-card:after{content:"";border:5px solid #0000;border-top-color:var(--border-color);position:absolute;top:100%;left:50%;transform:translate(-50%)}.badge-tooltip-card:before{content:"";border:5px solid #0000;border-top-color:var(--card-background);z-index:1;position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%)}.badge-tooltip-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.badge-tooltip-body{flex-direction:column;align-items:center;gap:.15rem;display:flex}.badge-tooltip-name{color:var(--text-primary);font-size:.8rem;font-weight:700}.badge-tooltip-desc{color:var(--text-secondary);white-space:normal;max-width:160px;font-size:.7rem;line-height:1.4}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.user-posts-feed{width:100%}.user-posts-feed .posts-composer-section,.user-posts-feed .pinned-post-section{margin-bottom:.875rem}.user-posts-feed .pinned-post-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;margin-bottom:.625rem;font-size:.8125rem;font-weight:600;display:flex}.user-posts-feed .pinned-post-label .pin-icon{color:var(--primary-color);font-size:.75rem}.user-posts-feed .pinned-post-wrapper,.user-posts-feed .post-with-pin{width:100%;position:relative}.user-posts-feed .pin-toggle-btn{border:1px solid var(--border-color);background:var(--card-background);color:var(--text-muted);cursor:pointer;opacity:0;z-index:2;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .625rem;font-size:.75rem;font-weight:500;transition:opacity .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.user-posts-feed .pin-toggle-btn--active{opacity:1;color:var(--primary-color);border-color:var(--primary-color)}.user-posts-feed .pin-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.user-posts-feed .post-with-pin:hover .pin-toggle-btn,.user-posts-feed .pinned-post-wrapper:hover .pin-toggle-btn{opacity:1}.user-posts-feed .posts-list{flex-direction:column;align-items:stretch;gap:.625rem;width:100%;max-width:540px;margin:0 auto;display:flex}.user-posts-feed .posts-composer-section,.user-posts-feed .pinned-post-section{width:100%;max-width:540px;margin-left:auto;margin-right:auto}.user-posts-feed .posts-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1.5rem;display:flex}.user-posts-feed .posts-loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.user-posts-feed .posts-loading p{color:var(--text-secondary);font-size:1rem}.user-posts-feed .posts-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:4rem 1.5rem;display:flex}.user-posts-feed .posts-empty p{color:var(--text-secondary);margin:0;font-size:1rem}.user-posts-feed .posts-empty p.empty-hint{color:var(--text-muted);font-size:.875rem}.user-posts-feed .posts-error{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;gap:1rem;margin:1rem 0;padding:2rem;display:flex}.user-posts-feed .posts-error p{color:var(--danger-color);margin:0}.user-posts-feed .posts-error button{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border-radius:var(--radius-md);border:none;margin:0;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.user-posts-feed .posts-error button:hover{transition:transform .2s,box-shadow .2s}.user-posts-feed .posts-error button:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-posts-feed .posts-error button:hover:active{transform:translateY(0)}.user-posts-feed .posts-load-more{justify-content:center;align-items:center;padding:2rem 0;display:flex}.user-posts-feed .posts-load-more .btn-load-more{font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;background:var(--card-background);border:none;border:2px solid var(--border-color);border-radius:var(--radius-md);margin:0;padding:.875rem 2rem;font-size:.938rem;font-weight:600;transition:all .2s}.user-posts-feed .posts-load-more .btn-load-more:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-posts-feed .posts-load-more .btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.user-posts-feed .posts-composer-section{margin-bottom:.625rem}.user-posts-feed .posts-list{gap:.5rem}.user-posts-feed .posts-loading,.user-posts-feed .posts-empty{padding:3rem 1rem}.user-posts-feed .posts-load-more{padding:1.5rem 0}.user-posts-feed .posts-load-more .btn-load-more{padding:.75rem 1.5rem;font-size:.875rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.follow-list-overlay{width:100%;height:100%;z-index:var(--z-modal-backdrop);z-index:1000;background:#00000080;position:fixed;top:0;left:0}.follow-list-modal{background:var(--card-background);border-radius:var(--radius-xl);z-index:1001;width:90%;max-width:600px;max-height:80vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.follow-list-modal .modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.follow-list-modal .modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.follow-list-modal .modal-header .btn-close{font:inherit;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}.follow-list-modal .modal-header .btn-close:hover{background:var(--background-hover);color:var(--text-primary)}.follow-list-modal .modal-header .btn-close svg{font-size:1.125rem}.follow-list-modal .modal-content{flex:1;padding:1rem;overflow-y:auto}.follow-list-modal .modal-content::-webkit-scrollbar{width:8px;height:8px}.follow-list-modal .modal-content::-webkit-scrollbar-track{background:0 0}.follow-list-modal .modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.follow-list-modal .modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.follow-list-modal .modal-content .error-message{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.follow-list-modal .modal-content .error-message p{color:var(--danger-color);margin:0}.follow-list-modal .modal-content .error-message button{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border-radius:var(--radius-md);border:none;margin:0;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.follow-list-modal .modal-content .error-message button:hover{transition:transform .2s,box-shadow .2s}.follow-list-modal .modal-content .error-message button:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.follow-list-modal .modal-content .error-message button:hover:active{transform:translateY(0)}.follow-list-modal .modal-content .loading-state{flex-direction:column;align-items:center;gap:1rem;padding:4rem 1.5rem;display:flex}.follow-list-modal .modal-content .loading-state .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.follow-list-modal .modal-content .loading-state p{color:var(--text-secondary);margin:0;font-size:1rem}.follow-list-modal .modal-content .empty-state{text-align:center;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex}.follow-list-modal .modal-content .empty-state p{color:var(--text-muted);margin:0;font-size:1rem}.follow-list-modal .modal-content .users-list{flex-direction:column;align-items:center;gap:0;display:flex}.follow-list-modal .modal-content .users-list .user-item{border-radius:var(--radius-md);flex-direction:row;align-items:center;gap:.75rem;padding:1rem;transition:background .2s;display:flex}.follow-list-modal .modal-content .users-list .user-item:hover{background:var(--background-hover)}.follow-list-modal .modal-content .users-list .user-item .user-avatar{background:var(--background-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.follow-list-modal .modal-content .users-list .user-item .user-avatar img{object-fit:cover;width:100%;height:100%}.follow-list-modal .modal-content .users-list .user-item .user-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.25rem;font-weight:700;display:flex}.follow-list-modal .modal-content .users-list .user-item .user-info{cursor:pointer;flex:1;min-width:0}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name{flex-direction:column;align-items:flex-start;gap:.125rem;margin-bottom:.25rem;display:flex}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name .display-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.938rem;font-weight:600;overflow:hidden}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name .username{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.813rem;overflow:hidden}.follow-list-modal .modal-content .users-list .user-item .user-info .user-bio{-webkit-line-clamp:2;color:var(--text-secondary);-webkit-box-orient:vertical;margin:.25rem 0;font-size:.875rem;display:-webkit-box;overflow:hidden}.follow-list-modal .modal-content .users-list .user-item .user-info .user-stats{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.813rem;display:flex}.follow-list-modal .modal-content .users-list .user-item .user-info .user-stats .separator{color:var(--border-color)}.follow-list-modal .modal-content .users-list .user-item .btn-follow{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border-radius:var(--radius-md);border:none;flex-shrink:0;margin:0;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.follow-list-modal .modal-content .users-list .user-item .btn-follow:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.follow-list-modal .modal-content .users-list .user-item .btn-follow.following{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.follow-list-modal .modal-content .users-list .user-item .btn-follow.following:hover{color:var(--danger-color);border-color:var(--danger-color);background:#dc26261a}.follow-list-modal .modal-content .load-more-section{justify-content:center;align-items:center;padding:1rem 0;display:flex}.follow-list-modal .modal-content .load-more-section .btn-load-more{font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;background:var(--card-background);border:none;border:2px solid var(--border-color);border-radius:var(--radius-md);margin:0;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.follow-list-modal .modal-content .load-more-section .btn-load-more:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.follow-list-modal .modal-content .load-more-section .btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.follow-list-modal{width:95%;max-height:90vh}.follow-list-modal .modal-header{padding:1rem}.follow-list-modal .modal-header h2{font-size:1.125rem}.follow-list-modal .modal-content{padding:.5rem}.follow-list-modal .modal-content .users-list .user-item{gap:.625rem;padding:.875rem}.follow-list-modal .modal-content .users-list .user-item .user-avatar{border-radius:50%;width:40px;height:40px}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name .display-name{font-size:.875rem}.follow-list-modal .modal-content .users-list .user-item .user-info .user-name .username{font-size:.75rem}.follow-list-modal .modal-content .users-list .user-item .user-info .user-bio{font-size:.813rem}.follow-list-modal .modal-content .users-list .user-item .user-info .user-stats{font-size:.75rem}.follow-list-modal .modal-content .users-list .user-item .btn-follow{padding:.5rem 1rem;font-size:.813rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.user-nft-profiles{width:100%}.user-nft-profiles .profiles-error{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem;display:flex}.user-nft-profiles .profiles-error p{color:var(--danger-color);margin:0}.user-nft-profiles .profiles-error button{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border-radius:var(--radius-md);border:none;margin:0;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.user-nft-profiles .profiles-error button:hover{transition:transform .2s,box-shadow .2s}.user-nft-profiles .profiles-error button:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-nft-profiles .profiles-error button:hover:active{transform:translateY(0)}.user-nft-profiles .profiles-loading{flex-direction:column;align-items:center;gap:1rem;padding:4rem 1.5rem;display:flex}.user-nft-profiles .profiles-loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.user-nft-profiles .profiles-loading p{color:var(--text-secondary);margin:0;font-size:1rem}.user-nft-profiles .profiles-empty{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 1.5rem;display:flex}.user-nft-profiles .profiles-empty p{color:var(--text-secondary);margin:0;font-size:1rem}.user-nft-profiles .profiles-empty .btn-create{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border-radius:var(--radius-md);border:none;margin:0;padding:.875rem 1.75rem;font-size:.938rem;font-weight:600;transition:all .2s}.user-nft-profiles .profiles-empty .btn-create:hover{transition:transform .2s,box-shadow .2s}.user-nft-profiles .profiles-empty .btn-create:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-nft-profiles .profiles-empty .btn-create:hover:active{transform:translateY(0)}.user-nft-profiles .profiles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.user-nft-profiles .profiles-grid .profile-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;box-sizing:border-box;width:100%;padding:1rem;transition:all .3s;position:relative;overflow:hidden}.user-nft-profiles .profiles-grid .profile-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.user-nft-profiles .profiles-grid .profile-card .profile-avatar{background:var(--background-secondary);border-radius:50%;width:120px;height:120px;margin:0 auto 1rem;overflow:hidden}.user-nft-profiles .profiles-grid .profile-card .profile-avatar img{object-fit:cover;width:100%;height:100%}.user-nft-profiles .profiles-grid .profile-card .profile-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;display:flex}.user-nft-profiles .profiles-grid .profile-card .profile-info{text-align:center}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:1.125rem;font-weight:700;overflow:hidden}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-username{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 1rem;font-size:.875rem;overflow:hidden}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-bottom:1rem;padding:1rem 0;display:flex}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat .stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info{background:var(--background-secondary);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:.75rem;display:flex}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-link{font:inherit;color:var(--primary-color);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:.875rem;font-weight:600;transition:color .2s}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-link:hover{color:var(--primary-color-dark)}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-price{color:var(--primary-color);margin-top:.5rem;font-size:1rem;font-weight:700}.user-nft-profiles .profiles-grid .profile-card .btn-favorite{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;background:var(--card-background);width:36px;height:36px;box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.user-nft-profiles .profiles-grid .profile-card .btn-favorite svg{font-size:1.125rem}.user-nft-profiles .profiles-grid .profile-card .btn-favorite:hover{background:var(--background-hover);transform:scale(1.1)}.user-nft-profiles .profiles-grid .profile-card .btn-favorite.favorited{color:var(--danger-color)}.user-nft-profiles .profiles-grid .profile-card .btn-favorite.favorited:hover{color:var(--text-muted)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now svg{font-size:1rem}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:hover{transition:transform .2s,box-shadow .2s}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:hover:active{transform:translateY(0)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:hover{box-shadow:var(--shadow-lg);background:var(--primary-hover)}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now:active{transform:translate(-50%)translateY(1px)}.user-nft-profiles .profiles-load-more{justify-content:center;align-items:center;padding:2rem 0;display:flex}.user-nft-profiles .profiles-load-more .btn-load-more{font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;background:var(--card-background);border:none;border:2px solid var(--border-color);border-radius:var(--radius-md);margin:0;padding:.875rem 2rem;font-size:.938rem;font-weight:600;transition:all .2s}.user-nft-profiles .profiles-load-more .btn-load-more:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-nft-profiles .profiles-load-more .btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media (width<=1024px){.user-nft-profiles .profiles-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}@media (width<=768px){.user-nft-profiles .profiles-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.user-nft-profiles .profiles-grid .profile-card{padding:1rem}.user-nft-profiles .profiles-grid .profile-card .profile-avatar{border-radius:50%;width:80px;height:80px;margin-bottom:.75rem}.user-nft-profiles .profiles-grid .profile-card .profile-avatar .avatar-placeholder{font-size:2rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-name{font-size:1rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-username{font-size:.813rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats{gap:1rem;padding:.75rem 0}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat .stat-value{font-size:1rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-stats .stat .stat-label{font-size:.688rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info{padding:.5rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-label{font-size:.688rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .owner-info .owner-link{font-size:.813rem}.user-nft-profiles .profiles-grid .profile-card .profile-info .profile-price{font-size:.875rem}.user-nft-profiles .profiles-grid .profile-card .btn-favorite{border-radius:50%;width:32px;height:32px;top:.75rem;right:.75rem}.user-nft-profiles .profiles-grid .profile-card .btn-favorite svg{font-size:1rem}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now{padding:.375rem .75rem;font-size:.688rem;bottom:.5rem}.user-nft-profiles .profiles-grid .profile-card .btn-buy-now svg{font-size:.75rem}.user-nft-profiles .profiles-load-more{padding:1.5rem 0}.user-nft-profiles .profiles-load-more .btn-load-more{padding:.75rem 1.5rem;font-size:.875rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-access-panel{background:var(--card-background,#1a1a2e);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:0;margin-top:1.25rem;padding:.75rem 1rem;display:flex}.profile-access-panel .access-collapsible-body{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.profile-access-panel .access-collapsible-body--open{grid-template-rows:1fr}.profile-access-panel .access-collapsible-inner{flex-direction:column;gap:1rem;padding-top:0;transition:padding-top .25s;display:flex;overflow:hidden}.access-collapsible-body--open .profile-access-panel .access-collapsible-inner{padding-top:1rem}.profile-access-panel .access-panel-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.profile-access-panel .access-panel-chevron{color:var(--text-secondary);flex-shrink:0;font-size:.7rem}.profile-access-panel .access-panel-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:.7rem;font-weight:700}.profile-access-panel .access-row{flex-direction:column;gap:.5rem;display:flex}.profile-access-panel .access-row--sub{border-top:1px solid #ffffff0f;padding-top:.875rem}.profile-access-panel .access-row__info{align-items:flex-start;gap:.6rem;display:flex}.profile-access-panel .access-row__icon{flex-shrink:0;font-size:1rem;line-height:1.4}.profile-access-panel .access-row__text{flex-direction:column;flex:1;gap:.1rem;display:flex}.profile-access-panel .access-row__label{color:var(--text-primary,#e0e0e0);font-size:.82rem;font-weight:600}.profile-access-panel .access-row__desc{color:var(--text-secondary);font-size:.72rem}.profile-access-panel .access-row__price{color:var(--primary-color,#a855f7);white-space:nowrap;flex-shrink:0;font-size:.8rem;font-weight:700}.profile-access-panel .access-status{border-radius:6px;padding:.35rem .6rem;font-size:.78rem;font-weight:500}.profile-access-panel .access-status--granted{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.profile-access-panel .access-status--loading{color:var(--text-secondary);font-style:italic}.profile-access-panel .access-status--subscribed{flex-direction:column;gap:.4rem;display:flex}.profile-access-panel .access-check{font-style:normal}.profile-access-panel .access-btn{cursor:pointer;border-radius:8px;width:100%;padding:.55rem 1rem;font-size:.82rem;font-weight:600;transition:opacity .15s,transform .1s}.profile-access-panel .access-btn:disabled{opacity:.55;cursor:not-allowed}.profile-access-panel .access-btn:not(:disabled):hover{transform:translateY(-1px)}.profile-access-panel .access-btn--renew{align-self:flex-start;width:auto;padding:.4rem .75rem;font-size:.75rem}.profile-access-panel .access-error{color:#f87171;margin:0;font-size:.75rem}.achievement-tokens{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;margin-top:12px;padding:12px}.achievement-tokens--compact{background:0 0;border:none;margin-top:0;padding:0}.achievement-tokens__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.achievement-tokens__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#888);font-size:.75rem;font-weight:600}.achievement-tokens__toggle{cursor:pointer;color:var(--text-muted,#888);background:0 0;border:none;padding:0;font-size:.7rem}.achievement-tokens__toggle:hover{color:var(--text-primary,#e0e0e0)}.achievement-tokens__grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.achievement-token{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;transition:background .15s;display:flex;position:relative}.achievement-token:hover{background:#ffffff14}.achievement-token__icon{font-size:1.6rem;line-height:1}.achievement-token__name{color:var(--text-primary,#e0e0e0);font-size:.68rem;font-weight:600;line-height:1.2}.achievement-token__date{color:var(--text-muted,#888);font-size:.6rem}.achievement-token__verified{color:#4caf7d;font-size:.6rem;font-weight:700;position:absolute;top:4px;right:6px}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-page{background:var(--background-color);max-width:1200px;min-height:100vh;margin:0 auto;overflow-x:clip}.profile-loading,.profile-not-found{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:4rem 0;display:flex}.profile-loading .loading-spinner,.profile-not-found .loading-spinner{border:4px solid #60d39433;border-top-color:#1b87fa;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.profile-loading p,.profile-not-found p{color:var(--text-secondary);font-size:1rem}.profile-loading button,.profile-not-found button{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border-radius:var(--radius-md);border:none;margin:1rem 0 0;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.profile-loading button:hover,.profile-not-found button:hover{transition:transform .2s,box-shadow .2s}.profile-loading button:hover:hover,.profile-not-found button:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-loading button:hover:active,.profile-not-found button:hover:active{transform:translateY(0)}.profile-hero{isolation:isolate;width:100%;min-height:280px;position:relative;overflow:hidden}@media (width<=760px){.profile-hero{min-height:200px}}@media (width<=480px){.profile-hero{min-height:170px}}.profile-hero__bg{z-index:0;position:absolute;inset:0}.profile-hero__bg-image{object-fit:cover;width:100%;height:100%}.profile-hero__bg-gradient{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);width:100%;height:100%}.profile-hero__scrim{background:linear-gradient(#0000001a 0%,#0000008c 60%,#000000c7 100%);position:absolute;inset:0}.profile-hero__content{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;max-width:1200px;margin:0 auto;padding:5rem 1.5rem 1.5rem;display:grid;position:relative}@media (width<=760px){.profile-hero__content{grid-template-columns:1fr;gap:.875rem;padding:2.25rem 1rem 1rem}}@media (width<=480px){.profile-hero__content{padding:1.75rem .875rem .875rem}}.profile-hero__identity{align-items:flex-start;gap:1.25rem;min-width:0;display:flex}@media (width<=540px){.profile-hero__identity{flex-direction:column;align-items:flex-start;gap:.875rem}}.profile-hero__avatar{background:var(--card-background);border:3px solid #ffffffd9;border-radius:50%;flex-shrink:0;width:112px;height:112px;overflow:hidden;box-shadow:0 8px 24px #00000059}.profile-hero__avatar img{object-fit:cover;width:100%;height:100%}@media (width<=760px){.profile-hero__avatar{border-radius:50%;width:80px;height:80px}}@media (width<=480px){.profile-hero__avatar{border-width:2px;border-radius:50%;width:68px;height:68px}}.profile-hero__avatar-placeholder{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:700;display:flex}.profile-hero__text{color:#fff;text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.profile-hero__name{color:#fff;text-shadow:0 2px 8px #0006;text-align:left;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:2rem;font-weight:700;line-height:1.15;overflow:hidden}@media (width<=540px){.profile-hero__name{font-size:1.5rem}}.profile-hero__meta{color:#ffffffe0;text-shadow:0 1px 6px #0006;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;display:flex}.profile-hero__meta .profile-hero__handle{font-weight:500}.profile-hero__meta .profile-hero__dot{opacity:.5}.profile-hero__meta .profile-hero__location{align-items:center;gap:.3rem;display:inline-flex}.profile-hero__meta .profile-hero__location svg{opacity:.85;flex-shrink:0;font-size:.8125rem}.profile-hero__meta .profile-hero__touring{opacity:.75;align-items:center;gap:.5rem;display:inline-flex}.profile-hero__meta .profile-hero__touring:before{content:"·";opacity:.6}.profile-hero__bio{color:#ffffffeb;text-shadow:0 1px 6px #0006;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:flex-start;max-width:520px;margin:.625rem 0 0;font-size:.9375rem;line-height:1.45;display:-webkit-box;overflow:hidden}.profile-hero__actions{flex-wrap:wrap;justify-content:flex-end;align-self:end;gap:.5rem;display:flex}.profile-hero__actions button{font:inherit;color:#fff;cursor:pointer;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1px solid #ffffff26;flex-direction:row;align-items:center;gap:.5rem;margin:0;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.profile-hero__actions button:hover{background:#0009;border-color:#ffffff4d}.profile-hero__actions .btn-follow{background:var(--primary-color);border-color:#0000}.profile-hero__actions .btn-follow:hover{transition:transform .2s,box-shadow .2s}.profile-hero__actions .btn-follow:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-hero__actions .btn-follow:hover:active{transform:translateY(0)}.profile-hero__actions .btn-follow.following{background:#00000073}.profile-hero__actions .btn-follow.following:hover{background:#dc26262e;border-color:#dc262680}.profile-hero__actions .btn-buy-profile{background:var(--success-color);border-color:#0000}.profile-hero__actions .btn-buy-profile:hover{transition:transform .2s,box-shadow .2s}.profile-hero__actions .btn-buy-profile:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-hero__actions .btn-buy-profile:hover:active{transform:translateY(0)}.profile-hero__actions .btn-buy-profile:hover{background:var(--success-hover)}.profile-hero__actions .spotlight-btn{border-radius:var(--radius-md);padding:.5rem .875rem;font-size:.875rem}@media (width<=760px){.profile-hero__actions{justify-content:flex-start}.profile-hero__actions .btn-label{display:none}.profile-hero__actions button{padding:.5rem .75rem}}.profile-stat-strip{z-index:2;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;max-width:1200px;margin:1.25rem auto 0;padding:0 1.5rem;display:grid;position:relative}@media (width<=900px){.profile-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;padding:0 1rem}}@media (width<=480px){.profile-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}}.profile-stat{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:.25rem;min-width:0;padding:.875rem .5rem;display:flex;box-shadow:0 4px 12px #0003}.profile-stat--clickable{font:inherit;color:inherit;cursor:pointer;background:0 0;background:var(--card-background);border:none;border:1px solid var(--border-color);cursor:pointer;margin:0;padding:.875rem .5rem;transition:transform .15s,border-color .15s;box-shadow:0 4px 12px #0003}.profile-stat--clickable:hover{border-color:var(--primary-color);transform:translateY(-2px)}.profile-stat__value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:1.25rem;font-weight:700;line-height:1.1;overflow:hidden}@media (width<=480px){.profile-stat__value{font-size:1.0625rem}}.profile-stat__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;display:inline-flex}.profile-body{z-index:1;max-width:1200px;margin:0 auto;padding:0 1.5rem 2rem;position:relative}.profile-tab-panel,.profile-about-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.profile-tab-panel .profile-provenance,.profile-about-section .profile-provenance{color:var(--text-secondary);background:#667eea0f;border:1px solid #667eea26;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.375rem .5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.profile-tab-panel .profile-provenance .provenance-sep,.profile-about-section .profile-provenance .provenance-sep{color:var(--text-muted)}.profile-tab-panel .profile-provenance .provenance-link,.profile-about-section .profile-provenance .provenance-link{color:var(--primary-color);cursor:pointer;font-weight:500}.profile-tab-panel .profile-provenance .provenance-link:hover,.profile-about-section .profile-provenance .provenance-link:hover{text-decoration:underline}.profile-tab-panel .mutual-connections,.profile-about-section .mutual-connections{color:var(--text-secondary);font-size:.8125rem}.profile-tab-panel .profile-about__bio,.profile-about-section .profile-about__bio{color:var(--text-primary);white-space:pre-line;margin:0 0 .875rem;font-size:.95rem;line-height:1.55}.profile-tab-panel .profile-info,.profile-about-section .profile-info{flex-direction:column;align-items:center;gap:.4rem;display:flex}.profile-tab-panel .profile-info .info-item,.profile-about-section .profile-info .info-item{color:var(--text-secondary);flex-direction:row;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.profile-tab-panel .profile-info .info-item svg,.profile-about-section .profile-info .info-item svg{color:var(--text-muted);flex-shrink:0}.profile-tab-panel .profile-info .info-item a,.profile-about-section .profile-info .info-item a{color:var(--primary-color);text-decoration:none}.profile-tab-panel .profile-info .info-item a:hover,.profile-about-section .profile-info .info-item a:hover{text-decoration:underline}.profile-tab-panel .profile-info .links-section,.profile-about-section .profile-info .links-section{width:100%}.profile-tab-panel .profile-info .links-section .links-toggle,.profile-about-section .profile-info .links-section .links-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;width:100%;padding:0;font-size:.8125rem;display:flex}.profile-tab-panel .profile-info .links-section .links-toggle svg,.profile-about-section .profile-info .links-section .links-toggle svg{color:var(--text-muted);flex-shrink:0}.profile-tab-panel .profile-info .links-section .links-toggle span,.profile-about-section .profile-info .links-section .links-toggle span{text-align:left;flex:1}.profile-tab-panel .profile-info .links-section .links-toggle:hover,.profile-about-section .profile-info .links-section .links-toggle:hover,.profile-tab-panel .profile-info .links-section .links-toggle:hover svg,.profile-about-section .profile-info .links-section .links-toggle:hover svg{color:var(--primary-color)}.profile-tab-panel .profile-info .links-section .links-list,.profile-about-section .profile-info .links-section .links-list{flex-direction:column;gap:.25rem;margin-top:.375rem;padding-left:1.25rem;display:flex}.profile-tab-panel .profile-interests,.profile-about-section .profile-interests{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}.profile-tab-panel .profile-interests .interests-title,.profile-about-section .profile-interests .interests-title{width:100%;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0 0 .125rem;font-size:.75rem;font-weight:600}.profile-tab-panel .profile-interests .interest-tag,.profile-about-section .profile-interests .interest-tag{border-radius:var(--radius-full);background:var(--background-secondary);color:var(--primary-color);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.profile-tab-panel .profile-interests .interest-tag:hover,.profile-about-section .profile-interests .interest-tag:hover{background:var(--primary-color-light);border-color:var(--primary-color)}.profile-tab-panel .profile-hashtags .hashtags-title,.profile-about-section .profile-hashtags .hashtags-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.profile-tab-panel .profile-hashtags .hashtags-list,.profile-about-section .profile-hashtags .hashtags-list{flex-wrap:wrap;gap:.375rem;display:flex}.profile-tab-panel .profile-hashtags .hashtag-pill,.profile-about-section .profile-hashtags .hashtag-pill{font:inherit;color:var(--primary-color);cursor:pointer;background:0 0;background:var(--background-secondary);border:none;border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;flex-direction:row;align-items:center;gap:.3rem;margin:0;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.profile-tab-panel .profile-hashtags .hashtag-pill:hover,.profile-about-section .profile-hashtags .hashtag-pill:hover{background:var(--primary-color-light);border-color:var(--primary-color)}.profile-tab-panel .profile-hashtags .hashtag-count,.profile-about-section .profile-hashtags .hashtag-count{color:var(--text-muted);background:var(--background-color);border-radius:var(--radius-full);padding:.05rem .3rem;font-size:.6875rem;font-weight:500}.profile-tab-panel .profile-services-section,.profile-about-section .profile-services-section{background:var(--card-background,#1a1a2e);border:1px solid #ffffff14;border-radius:12px;margin-top:1.25rem;padding:.75rem 1rem}.profile-tab-panel .profile-services-section .collapsible-header,.profile-about-section .profile-services-section .collapsible-header{cursor:pointer;background:0 0;border:none;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.profile-tab-panel .profile-services-section .collapsible-chevron,.profile-about-section .profile-services-section .collapsible-chevron{color:var(--text-secondary);flex-shrink:0;font-size:.7rem}.profile-tab-panel .profile-services-section .services-title,.profile-about-section .profile-services-section .services-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:.7rem;font-weight:700}.profile-tab-panel .profile-services-section .collapsible-body,.profile-about-section .profile-services-section .collapsible-body{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.profile-tab-panel .profile-services-section .collapsible-body--open,.profile-about-section .profile-services-section .collapsible-body--open{grid-template-rows:1fr}.profile-tab-panel .profile-services-section .collapsible-inner,.profile-about-section .profile-services-section .collapsible-inner{padding-top:0;transition:padding-top .25s;overflow:hidden}.collapsible-body--open .profile-tab-panel .profile-services-section .collapsible-inner,.collapsible-body--open .profile-about-section .profile-services-section .collapsible-inner{padding-top:.25rem}.profile-tab-panel .sidebar-klyx-stats,.profile-about-section .sidebar-klyx-stats{flex-direction:column;align-items:center;gap:.5rem;display:flex}.profile-tab-panel .sidebar-klyx-stats .klyx-stat,.profile-about-section .sidebar-klyx-stats .klyx-stat{background:var(--background-secondary);border-radius:var(--radius-md);flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.profile-tab-panel .sidebar-klyx-stats .klyx-stat.badges-row,.profile-about-section .sidebar-klyx-stats .klyx-stat.badges-row{flex-wrap:wrap;align-items:flex-start;gap:.375rem}.profile-tab-panel .sidebar-klyx-stats .klyx-stat-label,.profile-about-section .sidebar-klyx-stats .klyx-stat-label{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:inline-flex}.profile-tab-panel .sidebar-klyx-stats .klyx-stat-value,.profile-about-section .sidebar-klyx-stats .klyx-stat-value{color:var(--primary-color);padding-left:.5rem;font-size:.875rem;font-weight:700}.profile-tab-panel .sidebar-klyx-stats .badges-list,.profile-about-section .sidebar-klyx-stats .badges-list{flex-flow:wrap;align-items:center;gap:.25rem;display:flex}.profile-tab-panel .sidebar-klyx-stats .badges-list .badge,.profile-about-section .sidebar-klyx-stats .badges-list .badge{cursor:pointer;font-size:1.25rem;transition:transform .2s}.profile-tab-panel .sidebar-klyx-stats .badges-list .badge:hover,.profile-about-section .sidebar-klyx-stats .badges-list .badge:hover{transform:scale(1.2)}.profile-tab-panel .sidebar-klyx-stats .badges-list .badge-expand,.profile-tab-panel .sidebar-klyx-stats .badges-list .badge-collapse,.profile-about-section .sidebar-klyx-stats .badges-list .badge-expand,.profile-about-section .sidebar-klyx-stats .badges-list .badge-collapse{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;background:var(--background-color);border:none;border:1px solid var(--border-color);border-radius:var(--radius-full);margin:0;padding:.2rem .6rem;font-size:.7rem}.profile-tab-panel .sidebar-klyx-stats .badges-list .badge-expand:hover,.profile-tab-panel .sidebar-klyx-stats .badges-list .badge-collapse:hover,.profile-about-section .sidebar-klyx-stats .badges-list .badge-expand:hover,.profile-about-section .sidebar-klyx-stats .badges-list .badge-collapse:hover{border-color:var(--primary-color);color:var(--primary-color)}.profile-main{min-width:0;margin-top:1.5rem}.profile-about-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}@media (width>=900px){.profile-about-section{margin-bottom:2.5rem}}.profile-about-mutuals{color:var(--text-secondary);margin-bottom:.875rem;font-size:.8125rem}.profile-about-grid{grid-template-columns:minmax(0,1fr);align-self:stretch;gap:1rem;width:100%;display:grid}@media (width>=900px){.profile-about-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:1.25rem}}.about-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.75rem;min-width:0;padding:1.25rem;display:flex}.about-card__heading{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);margin:0;padding-bottom:.5rem;font-size:.95rem;font-weight:600}.about-card__heading--with-action{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.about-card__heading-action{color:var(--primary-color);text-transform:none;letter-spacing:0;cursor:pointer;font-size:.7rem;font-weight:500;text-decoration:none}.about-card__heading-action:hover{text-decoration:underline}.about-card__empty{color:var(--text-muted);margin:0;font-size:.875rem;font-style:italic}.about-card__field{flex-direction:column;gap:.35rem;display:flex}.about-card__field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.about-card__activity{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.about-card__activity-dot{background:var(--success-color,#4ade80);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--success-color,#4ade80) 35%, transparent);border-radius:50%}.about-card{text-align:left;align-items:stretch}.about-card .profile-interests{justify-content:flex-start}.about-card .profile-interests .interests-title,.about-card .profile-hashtags .hashtags-title{text-align:left}.about-card .badges-list,.about-card .services-grid{justify-content:flex-start}.profile-owner-line{border:1px solid var(--border-color);background:var(--background-secondary);border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.8125rem;display:inline-flex}.profile-owner-line__label{color:var(--text-muted)}.profile-owner-line__link{color:var(--primary-color);cursor:pointer;font-weight:600}.profile-owner-line__link:hover{text-decoration:underline}.about-card .links-list{flex-wrap:wrap;gap:.375rem;display:flex}.link-pill{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:.4rem;max-width:100%;padding:.3rem .7rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;overflow:hidden}.link-pill svg{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.link-pill:hover{background:color-mix(in srgb, var(--primary-color) 12%, var(--background-secondary));border-color:var(--primary-color);text-decoration:none}.about-card--services .services-grid{flex-direction:column;gap:0;margin-top:.25rem;display:flex}.about-card--services .service-card{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:baseline;gap:1rem;padding:.625rem 0;display:flex}.about-card--services .service-card:last-child{border-bottom:none}.about-card--services .service-card .service-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.about-card--services .service-card .service-fee{white-space:nowrap;align-items:baseline;gap:.25rem;display:inline-flex}.about-card--services .service-card .service-fee__amount{color:var(--primary-color);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:700}.about-card--services .service-card .service-fee__unit{color:var(--text-muted);letter-spacing:.02em;font-size:.75rem;font-weight:500}.profile-tabs{border-bottom:2px solid var(--border-color);justify-content:space-around;gap:.25rem;display:flex}.profile-tabs .tab{font:inherit;color:var(--text-secondary);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;flex:1 1 0;margin:0;padding:.875rem 1.25rem;font-size:.9rem;font-weight:600;transition:color .2s;position:relative}.profile-tabs .tab:hover{color:var(--text-primary)}.profile-tabs .tab.active{color:var(--primary-color)}.profile-tabs .tab.active:after{content:"";background:var(--primary-color);height:2px;position:absolute;bottom:-2px;left:0;right:0}.profile-tab-content{min-height:400px;padding:1.5rem 0}.modal-overlay{width:100%;height:100%;z-index:var(--z-modal-backdrop);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-overlay .modal-content{background:var(--card-background);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:80vh;padding:2rem;overflow-y:auto}.modal-overlay .modal-content h2{color:var(--text-primary);margin:0 0 1rem}.modal-overlay .modal-content p{color:var(--text-secondary);margin-bottom:1.5rem}.modal-overlay .modal-content button{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border-radius:var(--radius-md);border:none;margin:0;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.modal-overlay .modal-content button:hover{transition:transform .2s,box-shadow .2s}.modal-overlay .modal-content button:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-overlay .modal-content button:hover:active{transform:translateY(0)}@media (width<=900px){.profile-body{padding:1.25rem 1rem 2rem}.profile-main{margin-top:.5rem}}@media (width<=480px){.profile-body{padding:1rem .75rem 1.5rem}.profile-tabs .tab{padding:.625rem .375rem;font-size:.75rem}}.trading-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:.625rem;padding:1rem 1.25rem;display:flex}.trading-summary__row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.trading-summary__label{color:var(--text-secondary);font-weight:500}.trading-summary__value{color:var(--text-primary);text-align:right;font-weight:700}.trading-summary__value .provenance-link{color:var(--primary-color);cursor:pointer}.trading-summary__value .provenance-link:hover{text-decoration:underline}.profile-badges-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.profile-badges-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8125rem;font-weight:600}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.conversations-list{background:var(--card-background);flex-direction:column;align-items:center;height:100%;display:flex}.conversations-list .conversations-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:1.5rem}.conversations-list .conversations-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.conversations-list .conversations-search{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:1rem 1.5rem}.conversations-list .conversations-search .search-input-wrapper{width:100%;position:relative}.conversations-list .conversations-search .search-input-wrapper .search-icon{color:var(--text-muted);font-size:.875rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.conversations-list .conversations-search .search-input-wrapper .search-input{background:var(--background-secondary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:.75rem 1rem .75rem 2.75rem;font-size:.938rem;transition:all .2s}.conversations-list .conversations-search .search-input-wrapper .search-input::placeholder{color:var(--text-muted)}.conversations-list .conversations-search .search-input-wrapper .search-input:focus{border-color:var(--primary-color);background:var(--card-background);outline:none}.conversations-list .conversations-threads{flex:1;overflow-y:auto}.conversations-list .conversations-threads::-webkit-scrollbar{width:8px;height:8px}.conversations-list .conversations-threads::-webkit-scrollbar-track{background:0 0}.conversations-list .conversations-threads::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.conversations-list .conversations-threads::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.conversations-list .conversations-threads{max-width:-webkit-fill-available}.conversations-list .conversations-threads .thread-item{font:inherit;color:inherit;cursor:pointer;border:none;border-bottom:1px solid var(--border-color);text-align:left;background:0 0;flex-direction:row;align-items:center;gap:.75rem;width:100%;margin:0;padding:1rem 1.5rem;transition:all .2s;display:flex}.conversations-list .conversations-threads .thread-item:hover{background:var(--background-hover)}.conversations-list .conversations-threads .thread-item.active{background:var(--primary-color-light);border-left:3px solid var(--primary-color)}.conversations-list .conversations-threads .thread-item.unread{background:var(--background-secondary)}.conversations-list .conversations-threads .thread-item .thread-avatar{flex-shrink:0;position:relative}.conversations-list .conversations-threads .thread-item .thread-avatar.clickable{cursor:pointer;transition:transform .2s,opacity .2s}.conversations-list .conversations-threads .thread-item .thread-avatar.clickable:hover{opacity:.85;transform:scale(1.05)}.conversations-list .conversations-threads .thread-item .thread-avatar.clickable:active{transform:scale(.98)}.conversations-list .conversations-threads .thread-item .thread-avatar img{object-fit:cover;border-radius:50%;width:48px;height:48px}.conversations-list .conversations-threads .thread-item .thread-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.conversations-list .conversations-threads .thread-item .thread-avatar .online-indicator{width:12px;height:12px;color:var(--success-color);background:var(--card-background);border:2px solid var(--card-background);border-radius:50%;position:absolute;bottom:0;right:0}.conversations-list .conversations-threads .thread-item .thread-info{flex:1;min-width:0}.conversations-list .conversations-threads .thread-item .thread-info .thread-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.conversations-list .conversations-threads .thread-item .thread-info .thread-header .thread-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.938rem;font-weight:600;overflow:hidden}.conversations-list .conversations-threads .thread-item .thread-info .thread-header .thread-time{color:var(--text-muted);flex-shrink:0;margin-left:.5rem;font-size:.75rem}.conversations-list .conversations-threads .thread-item .thread-info .thread-preview{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.conversations-list .conversations-threads .thread-item .thread-info .thread-preview .preview-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.conversations-list .conversations-threads .thread-item .thread-info .thread-preview .unread-badge{background:var(--primary-color);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 .375rem;font-size:.75rem;font-weight:600;display:flex}.conversations-list .conversations-threads .thread-item.unread .thread-name{font-weight:700}.conversations-list .conversations-threads .thread-item.unread .preview-text{color:var(--text-primary);font-weight:600}.conversations-list .conversations-threads .thread-item.spotlighted{background:linear-gradient(135deg,#1b87fa14,#1b87fa0a);border-left:3px solid #1b87fa;animation:3s ease-in-out infinite spotlightPulse;position:relative;box-shadow:0 0 20px #1b87fa26}.conversations-list .conversations-threads .thread-item.spotlighted:hover{background:linear-gradient(135deg,#1b87fa1f,#1b87fa0f);box-shadow:0 0 25px #1b87fa40}.conversations-list .conversations-threads .thread-item.spotlighted .thread-avatar .spotlight-indicator{color:#fff;border:2px solid var(--card-background);z-index:2;background:linear-gradient(135deg,#1b87fa,#4da1fb);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.625rem;animation:2s ease-in-out infinite spotlightBounce;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 8px #1b87fa66}.conversations-list .conversations-threads .thread-item.spotlighted .thread-info .thread-header .spotlight-name-icon{color:#1b87fa;margin-right:.375rem;font-size:.75rem;animation:2s ease-in-out infinite sparkleIcon}.conversations-list .conversations-threads .thread-item.spotlighted .thread-info .thread-preview .unread-badge.spotlighted{background:linear-gradient(135deg,#1b87fa,#4da1fb);animation:2s ease-in-out infinite badgePulse;box-shadow:0 2px 8px #1b87fa66}.conversations-list .conversations-loading{flex-direction:column;align-items:center;gap:1rem;padding:4rem 1.5rem;display:flex}.conversations-list .conversations-loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.conversations-list .conversations-loading p{color:var(--text-secondary);margin:0;font-size:.938rem}@keyframes spotlightBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes sparkleIcon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.conversations-list .conversations-empty{text-align:center;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex}.conversations-list .conversations-empty p{color:var(--text-secondary);margin:0;font-size:.938rem}@media (width<=768px){.conversations-list .conversations-header{padding:1rem}.conversations-list .conversations-header h2{font-size:1.25rem}.conversations-list .conversations-search{padding:.75rem 1rem}.conversations-list .conversations-threads .thread-item{padding:.875rem 1rem}.conversations-list .conversations-threads .thread-item .thread-avatar img,.conversations-list .conversations-threads .thread-item .thread-avatar .avatar-placeholder{border-radius:50%;width:40px;height:40px;font-size:1rem}.conversations-list .conversations-threads .thread-item .thread-info .thread-header .thread-name{font-size:.875rem}.conversations-list .conversations-threads .thread-item .thread-info .thread-preview .preview-text{font-size:.813rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.message-bubble{flex-direction:row;gap:.75rem;width:fit-content;max-width:70%;display:flex}.message-bubble .message-avatar{flex-shrink:0;align-self:flex-end}.message-bubble .message-avatar.clickable{cursor:pointer;transition:transform .2s,opacity .2s}.message-bubble .message-avatar.clickable:hover{opacity:.85;transform:scale(1.05)}.message-bubble .message-avatar.clickable:active{transform:scale(.98)}.message-bubble .message-avatar img{object-fit:cover;border-radius:50%;width:32px;height:32px}.message-bubble .message-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.message-bubble .message-content-wrapper{flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:0;display:flex}.message-bubble .message-bubble-content{border-radius:var(--radius-md);word-wrap:break-word;padding:.75rem 1rem}.message-bubble .message-bubble-content .message-text{white-space:pre-wrap;margin:0;font-size:.938rem;line-height:1.5}.message-bubble .message-footer{align-items:center;gap:.25rem;padding:0 .25rem;display:flex}.message-bubble .message-timestamp{color:var(--text-muted);font-size:.75rem}.message-bubble .message-status{align-items:center;font-size:.75rem;display:flex}.message-bubble .message-status.sent{color:var(--text-muted)}.message-bubble .message-status.read{color:var(--primary-color)}.message-bubble.own{flex-direction:row-reverse;justify-content:flex-end;margin-left:auto;margin-right:.5rem}.message-bubble.own .message-content-wrapper{align-items:flex-end}.message-bubble.own .message-bubble-content{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.message-bubble.own .message-bubble-content .message-text{color:#fff}.message-bubble.own .message-timestamp{text-align:right}.message-bubble.other{justify-content:flex-start;margin-left:.5rem;margin-right:auto}.message-bubble.other .message-content-wrapper{align-items:flex-start}.message-bubble.other .message-bubble-content{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.message-bubble.other .message-bubble-content .message-text{color:var(--text-primary)}.message-bubble.other .message-timestamp{text-align:left}.message-bubble.spotlighted .message-content-wrapper{position:relative}.message-bubble.spotlighted .spotlight-badge{border-radius:var(--radius-sm);color:#1b87fa;background:linear-gradient(135deg,#1b87fa26,#1b87fa40);border:1px solid #1b87fa;flex-direction:row;align-items:center;gap:.375rem;width:fit-content;margin-bottom:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:flex}.message-bubble.spotlighted .spotlight-badge svg{font-size:.75rem;animation:2s ease-in-out infinite sparkle}.message-bubble.spotlighted .message-bubble-content{background:linear-gradient(var(--card-background), var(--card-background)) padding-box, linear-gradient(135deg, #1b87fa 0%, #1b87fa99 50%, #1b87fa 100%) border-box;border:2px solid #0000;animation:3s ease-in-out infinite elegantGlow;position:relative;box-shadow:0 0 25px #1b87fa66,0 0 50px #1b87fa33,inset 0 0 30px #1b87fa14}.message-bubble.spotlighted.own .spotlight-badge{align-self:flex-end}.message-bubble.spotlighted.own .message-bubble-content{background:linear-gradient(var(--primary-color), var(--primary-color)) padding-box, linear-gradient(135deg, #fffc 0%, #fff6 50%, #fffc 100%) border-box}.message-bubble.spotlighted.other .spotlight-badge{align-self:flex-start}@keyframes elegantGlow{0%,to{box-shadow:0 0 25px #1b87fa66,0 0 50px #1b87fa33,inset 0 0 30px #1b87fa14}50%{box-shadow:0 0 35px #1b87fa99,0 0 70px #1b87fa4d,inset 0 0 40px #1b87fa1f}}@media (width<=768px){.message-bubble{gap:.5rem;max-width:85%}.message-bubble .message-avatar img,.message-bubble .message-avatar .avatar-placeholder{border-radius:50%;width:28px;height:28px;font-size:.75rem}.message-bubble .message-bubble-content{padding:.625rem .875rem}.message-bubble .message-bubble-content .message-text{font-size:.875rem}.message-bubble .message-timestamp{font-size:.688rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chat-area{background:var(--background-color);flex-direction:column;align-items:center;height:100%;min-height:0;display:flex}.chat-area .chat-header{border-bottom:1px solid var(--border-color);background:var(--card-background);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex}.chat-area .chat-header .chat-header-left{flex-direction:row;flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.chat-area .chat-header .chat-header-left .btn-back{font:inherit;color:var(--text-primary);cursor:pointer;width:36px;height:36px;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}.chat-area .chat-header .chat-header-left .btn-back:hover{background:var(--background-hover)}.chat-area .chat-header .chat-header-left .participant-avatar{flex-shrink:0}.chat-area .chat-header .chat-header-left .participant-avatar.clickable{cursor:pointer;transition:transform .2s,opacity .2s}.chat-area .chat-header .chat-header-left .participant-avatar.clickable:hover{opacity:.85;transform:scale(1.05)}.chat-area .chat-header .chat-header-left .participant-avatar.clickable:active{transform:scale(.98)}.chat-area .chat-header .chat-header-left .participant-avatar img{object-fit:cover;border-radius:50%;width:40px;height:40px}.chat-area .chat-header .chat-header-left .participant-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;font-weight:700;display:flex}.chat-area .chat-header .chat-header-left .participant-info{flex:1;min-width:0}.chat-area .chat-header .chat-header-left .participant-info .participant-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .125rem;font-size:1rem;font-weight:600;overflow:hidden}.chat-area .chat-header .chat-header-left .participant-info .participant-username{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.813rem;display:block;overflow:hidden}.chat-area .chat-header .btn-options{font:inherit;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}.chat-area .chat-header .btn-options:hover{background:var(--background-hover);color:var(--text-primary)}.chat-area .chat-messages{flex:1;padding:1.5rem;overflow-y:auto}.chat-area .chat-messages::-webkit-scrollbar{width:8px;height:8px}.chat-area .chat-messages::-webkit-scrollbar-track{background:0 0}.chat-area .chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chat-area .chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.chat-area .chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;min-height:0;display:flex}.chat-area .chat-messages>*+*{margin-top:1rem}.chat-area .messages-loading{flex-direction:column;align-items:center;gap:1rem;height:100%;padding:4rem 1.5rem;display:flex}.chat-area .messages-loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.chat-area .messages-loading p{color:var(--text-secondary);margin:0;font-size:.938rem}.chat-area .messages-empty{text-align:center;flex-direction:column;align-items:center;height:100%;display:flex}.chat-area .messages-empty p{color:var(--text-secondary);margin:0;font-size:.938rem}.chat-area .chat-input-container{border-top:1px solid var(--border-color);background:var(--card-background);box-sizing:border-box;z-index:10;flex-shrink:0;width:100%;padding:1rem 1.5rem;position:relative}.chat-area .chat-input-container .chat-input-form{flex-direction:row;align-items:flex-end;gap:.75rem;display:flex}.chat-area .chat-input-container .chat-input-form .btn-attach{font:inherit;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}.chat-area .chat-input-container .chat-input-form .btn-attach:hover:not(:disabled){background:var(--background-hover);color:var(--primary-color)}.chat-area .chat-input-container .chat-input-form .btn-attach:disabled{opacity:.4;cursor:not-allowed}.chat-area .chat-input-container .chat-input-form .message-input{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:40px;max-height:120px;color:var(--text-primary);resize:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.938rem;transition:all .2s}.chat-area .chat-input-container .chat-input-form .message-input::placeholder{color:var(--text-muted)}.chat-area .chat-input-container .chat-input-form .message-input:focus{border-color:var(--primary-color);background:var(--card-background);outline:none}.chat-area .chat-input-container .chat-input-form .message-input:disabled{opacity:.6;cursor:not-allowed}.chat-area .chat-input-container .chat-input-form .btn-spotlight{font:inherit;color:gold;cursor:pointer;background:0 0;background:var(--background-secondary);border:none;border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .2s;display:flex}.chat-area .chat-input-container .chat-input-form .btn-spotlight:hover:not(:disabled){background:#ffd7001a;border-color:gold;transform:scale(1.05)}.chat-area .chat-input-container .chat-input-form .btn-spotlight.active{color:#000;background:linear-gradient(135deg,gold,#ff8c00);border-color:gold;animation:2s ease-in-out infinite spotlightPulse}.chat-area .chat-input-container .chat-input-form .btn-spotlight:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-area .chat-input-container .chat-input-form .btn-send{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .2s;display:flex}.chat-area .chat-input-container .chat-input-form .btn-send:hover:not(:disabled){background:var(--primary-color-dark);transform:scale(1.05)}.chat-area .chat-input-container .chat-input-form .btn-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.typing-indicator{align-items:flex-end;gap:.75rem;max-width:70%;margin-top:1rem;margin-left:.5rem;animation:.3s fadeIn;display:flex}.typing-indicator .typing-avatar{flex-shrink:0}.typing-indicator .typing-avatar img{object-fit:cover;border-radius:50%;width:32px;height:32px}.typing-indicator .typing-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.typing-indicator .typing-bubble{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);border-bottom-left-radius:4px;padding:.75rem 1rem}.typing-indicator .typing-bubble .typing-dots{align-items:center;gap:.25rem;height:20px;display:flex}.typing-indicator .typing-bubble .typing-dots span{background:var(--text-secondary);border-radius:50%;width:8px;height:8px;animation:1.4s infinite typingBounce}.typing-indicator .typing-bubble .typing-dots span:nth-child(2){animation-delay:.2s}.typing-indicator .typing-bubble .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-area.chat-empty .empty-state{flex-direction:column;align-items:center;gap:1rem;height:100%;display:flex}.chat-area.chat-empty .empty-state .empty-icon{opacity:.5;font-size:4rem}.chat-area.chat-empty .empty-state h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.chat-area.chat-empty .empty-state p{color:var(--text-secondary);margin:0;font-size:.938rem}@media (width<=768px){.chat-area{height:100%;max-height:100%}.chat-area .chat-header{padding:.75rem 1rem}.chat-area .chat-header .chat-header-left{gap:.75rem}.chat-area .chat-header .chat-header-left .participant-avatar img,.chat-area .chat-header .chat-header-left .participant-avatar .avatar-placeholder{border-radius:50%;width:36px;height:36px;font-size:1rem}.chat-area .chat-header .chat-header-left .participant-info .participant-name{font-size:.938rem}.chat-area .chat-header .chat-header-left .participant-info .participant-username{font-size:.75rem}.chat-area .chat-messages{overscroll-behavior:contain;padding:1rem;overflow-y:auto!important}.chat-area .chat-input-container{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));position:sticky;bottom:0}.chat-area .chat-input-container .chat-input-form{gap:.5rem}.chat-area .chat-input-container .chat-input-form .btn-attach,.chat-area .chat-input-container .chat-input-form .btn-spotlight,.chat-area .chat-input-container .chat-input-form .btn-send{border-radius:50%;width:36px;height:36px}.chat-area .chat-input-container .chat-input-form .message-input{padding:.625rem .875rem;font-size:16px}.chat-area.chat-empty .empty-state .empty-icon{font-size:3rem}.chat-area.chat-empty .empty-state h3{font-size:1.125rem}.chat-area.chat-empty .empty-state p{font-size:.875rem}}.modal-overlay{z-index:10000;background-color:#000000b3;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.spotlight-confirm-modal{background:var(--bg-secondary);border-radius:12px;width:90%;max-width:500px;animation:.3s ease-out slideUp;box-shadow:0 10px 40px #0000004d}.spotlight-confirm-modal .modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.spotlight-confirm-modal .modal-header h2{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.spotlight-confirm-modal .modal-header h2 .spotlight-icon{color:gold}.spotlight-confirm-modal .modal-header .btn-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:background-color .2s;display:flex}.spotlight-confirm-modal .modal-header .btn-close:hover{background-color:var(--bg-hover)}.spotlight-confirm-modal .modal-body{padding:1.5rem}.spotlight-confirm-modal .modal-body .confirm-message{color:var(--text-primary);margin-bottom:1.5rem;line-height:1.6}.spotlight-confirm-modal .modal-body .cost-breakdown{background:var(--bg-tertiary);border-radius:8px;margin-bottom:1rem;padding:1rem}.spotlight-confirm-modal .modal-body .cost-breakdown .cost-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.spotlight-confirm-modal .modal-body .cost-breakdown .cost-row:not(:last-child){border-bottom:1px solid var(--border-color)}.spotlight-confirm-modal .modal-body .cost-breakdown .cost-row.total{border-top:2px solid var(--border-color);color:var(--text-primary);margin-top:.5rem;padding-top:1rem;font-size:1.1rem}.spotlight-confirm-modal .modal-body .cost-breakdown .cost-row .cost-value{color:#4caf50;font-family:Courier New,monospace;font-weight:500}.spotlight-confirm-modal .modal-body .spotlight-description{color:var(--text-secondary);background:linear-gradient(135deg,#ffd7001a,#ff8c001a);border-left:3px solid gold;border-radius:4px;margin:1rem 0 0;padding:1rem;font-size:.875rem}.spotlight-confirm-modal .modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.spotlight-confirm-modal .modal-footer .btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.spotlight-confirm-modal .modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.spotlight-confirm-modal .modal-footer .btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.spotlight-confirm-modal .modal-footer .btn.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.spotlight-confirm-modal .modal-footer .btn.btn-primary{color:#000;background:linear-gradient(135deg,gold,#ff8c00);font-weight:600}.spotlight-confirm-modal .modal-footer .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.messages-page{background:var(--background-color);width:100%;min-height:100vh}.messages-page .messages-container{box-sizing:border-box;gap:0;width:100%;max-width:1400px;height:100vh;margin-left:auto;margin-right:auto;padding:0;display:flex}.messages-page .messages-container .conversations-panel{border-right:1px solid var(--border-color);background:var(--card-background);flex-direction:column;flex-shrink:0;width:380px;display:flex;overflow:hidden}.messages-page .messages-container .chat-panel{background:var(--background-color);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}@media (width<=1024px){.messages-page .messages-container .conversations-panel{border-right:none;width:100%}.messages-page .messages-container .chat-panel{z-index:100;position:fixed;inset:80px 0 0}}@media (width<=768px){.messages-page .messages-container{height:calc(100vh - 60px)}.messages-page .messages-container .conversations-panel{width:100%}.messages-page .messages-container .chat-panel{top:60px}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.feed-page{background:var(--background-primary);min-height:100vh;padding:2rem 0}@media (width<=639px){.feed-page{padding:1rem 0}}.feed-page .feed-container{width:100%;max-width:var(--content-max-width);box-sizing:border-box;max-width:800px;margin:0 auto;padding-left:1rem;padding-right:1rem}@media (width<=639px){.feed-page .feed-container{padding:0}}.feed-page .feed-header{text-align:center;margin-bottom:2rem}@media (width<=639px){.feed-page .feed-header{margin-bottom:1.5rem;padding:0 1rem}}.feed-page .feed-header h1{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}@media (width<=639px){.feed-page .feed-header h1{font-size:1.5rem}}.feed-page .feed-header p{color:var(--text-secondary);margin:0;font-size:1rem}@media (width<=639px){.feed-page .feed-header p{font-size:.9375rem}}.hashtag-feed-page{background:var(--background-primary);min-height:100vh;padding:1rem}@media (width>=768px){.hashtag-feed-page{padding:2rem}}.hashtag-feed-container{max-width:680px;margin:0 auto}.hashtag-feed-header{margin-bottom:1.5rem}.hashtag-feed-header .back-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:.9rem}.hashtag-feed-header .back-btn:hover{text-decoration:underline}.hashtag-feed-header .hashtag-title{align-items:center;gap:.25rem;display:flex}.hashtag-feed-header .hashtag-title .hashtag-symbol{color:var(--primary-color);font-size:2rem;font-weight:700;line-height:1}.hashtag-feed-header .hashtag-title h1{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.hashtag-feed-header .hashtag-count{color:var(--text-muted);margin:.4rem 0 0;font-size:.875rem}.hashtag-error{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:.875rem}.hashtag-posts{flex-direction:column;gap:1rem;display:flex}.hashtag-post-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem}.hashtag-post-card .post-author-row{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.hashtag-post-card .post-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.hashtag-post-card .post-avatar img{object-fit:cover;width:100%;height:100%}.hashtag-post-card .post-avatar .avatar-placeholder{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:600;display:flex}.hashtag-post-card .post-meta{flex-direction:column;gap:.1rem;display:flex}.hashtag-post-card .post-meta .post-display-name{color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600}.hashtag-post-card .post-meta .post-display-name:hover{text-decoration:underline}.hashtag-post-card .post-meta .post-time{color:var(--text-muted);font-size:.75rem}.hashtag-post-card .post-media{border-radius:8px;margin-top:.75rem;overflow:hidden}.hashtag-post-card .post-media img{object-fit:cover;width:100%;max-height:400px}.hashtag-post-card .post-stats-row{border-top:1px solid var(--border-color);color:var(--text-muted);gap:1rem;margin-top:.75rem;padding-top:.75rem;font-size:.875rem;display:flex}.hashtag-loading{justify-content:center;padding:2rem;display:flex}.hashtag-loading .spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.load-more-btn{border:1px solid var(--border-color);width:100%;color:var(--primary-color);cursor:pointer;background:0 0;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.9rem;font-weight:500;transition:background .15s;display:block}.load-more-btn:hover{background:var(--background-hover,#667eea0f)}.hashtag-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.hashtag-empty p{margin:0;font-size:1rem}.hashtag-empty strong{color:var(--text-primary)}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.create-post-page{background:var(--background-primary);min-height:100vh;padding:2rem 0;overflow-x:hidden}@media (width<=639px){.create-post-page{padding:0}}.create-post-container{box-sizing:border-box;width:100%;max-width:680px;margin:0 auto;padding:0 1rem}@media (width<=639px){.create-post-container{padding:0 .75rem 2rem}}.create-post-header{border-bottom:1px solid var(--border-primary);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.create-post-header h1{color:var(--text-primary);margin:0;font-size:1.375rem;font-weight:700}.create-post-back{background:var(--background-secondary);width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9375rem;transition:background .15s;display:flex}.create-post-back:hover{background:var(--background-tertiary)}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.room-list{background:var(--background-secondary);border-right:1px solid var(--border-primary);flex-direction:column;flex-shrink:0;width:220px;padding:1rem 0;display:flex;overflow-y:auto}@media (width<=639px){.room-list{border-right:none;border-bottom:1px solid var(--border-primary);flex-direction:row;align-items:center;gap:.5rem;width:100%;height:52px;padding:0 .75rem;overflow:auto hidden}}.room-list--loading{gap:.5rem;padding:1rem}.room-list__skeleton{background:var(--background-tertiary);border-radius:6px;height:36px;animation:1.4s infinite pulse}.room-list__heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;padding:0 1rem .5rem;font-size:.6875rem;font-weight:700}@media (width<=639px){.room-list__heading{display:none}}.room-list__items{margin:0;padding:0;list-style:none}@media (width<=639px){.room-list__items{gap:.5rem;display:flex}}.room-list__item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.9375rem;transition:background .12s,color .12s;display:flex}.room-list__item:hover{background:var(--background-hover);color:var(--text-primary)}.room-list__item.active{color:var(--accent-primary,#a855f7);background:#a855f726;font-weight:600}@media (width<=639px){.room-list__item{white-space:nowrap;border:1px solid var(--border-primary);border-radius:20px;width:auto;padding:.375rem .75rem}.room-list__item.active{border-color:var(--accent-primary,#a855f7)}}.room-list__hash{color:var(--text-muted);font-size:.875rem}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chat-msg{align-items:flex-end;gap:.5rem;max-width:75%;display:flex}.chat-msg--own{flex-direction:row-reverse;align-self:flex-end}.chat-msg--own .chat-msg__bubble{background:var(--accent-primary,#a855f7);color:#fff;border-radius:18px 18px 4px}.chat-msg--own .chat-msg__time{color:#ffffffa6}.chat-msg__avatar-wrap{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.chat-msg__avatar{object-fit:cover;border-radius:50%;width:2rem;height:2rem}.chat-msg__avatar--placeholder{background:var(--accent-primary,#a855f7);color:#fff;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.chat-msg__content{flex-direction:column;gap:.2rem;min-width:0;display:flex}.chat-msg__author{color:var(--accent-primary,#a855f7);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600}.chat-msg__author:hover{text-decoration:underline}.chat-msg__bubble{background:var(--background-secondary);border:1px solid var(--border-primary);word-break:break-word;border-radius:18px 18px 18px 4px;align-items:flex-end;gap:.5rem;padding:.5rem .75rem;display:flex}.chat-msg__text{color:var(--text-primary);white-space:pre-wrap;font-size:.9375rem;line-height:1.4}.chat-msg__time{color:var(--text-muted);flex-shrink:0;align-self:flex-end;font-size:.6875rem}.chat-megaphone-bubble{background:linear-gradient(135deg,#a855f72e,#ec48991f);border:1px solid #a855f773;border-left:4px solid #a855f7;border-radius:12px;align-self:stretch;align-items:flex-start;gap:.625rem;margin:.5rem 0;padding:.75rem 1rem;animation:.35s ease-out chat-megaphone-pop,2.4s ease-in-out 2 chat-megaphone-pulse;display:flex;position:relative;box-shadow:0 0 18px #a855f72e}.chat-megaphone-bubble__icon{filter:drop-shadow(0 0 6px #a855f78c);flex-shrink:0;margin-top:.05rem;font-size:1.4rem;animation:.6s ease-in-out chat-megaphone-shake}.chat-megaphone-bubble__content{flex:1;min-width:0}.chat-megaphone-bubble__author{color:var(--accent-primary,#a855f7);cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:.2rem;padding:0;font-size:.8125rem;font-weight:700;display:block}.chat-megaphone-bubble__author:hover{text-decoration:underline}.chat-megaphone-bubble__body{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9375rem;line-height:1.4}.chat-megaphone-bubble__time{color:var(--text-muted);flex-shrink:0;margin-top:.25rem;font-size:.6875rem}@keyframes chat-megaphone-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chat-megaphone-pulse{0%,to{box-shadow:0 0 18px #a855f72e}50%{box-shadow:0 0 28px #a855f773}}@keyframes chat-megaphone-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.megaphone-composer{background:var(--card-background);box-sizing:border-box;border:1px solid #a855f74d;border-radius:16px;width:100%;max-width:480px;padding:1.5rem}.megaphone-composer__header{margin-bottom:1rem}.megaphone-composer__icon{margin-bottom:.5rem;font-size:1.75rem;display:block}.megaphone-composer__title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.megaphone-composer__subtitle{color:var(--text-muted);margin:0;font-size:.8125rem}.megaphone-composer__scope{grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 1rem;display:grid}.megaphone-composer__scope-option{background:var(--background-secondary);border:1px solid var(--border-primary);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.625rem .875rem;transition:all .15s;display:flex}.megaphone-composer__scope-option:hover:not(:disabled){border-color:#a855f780}.megaphone-composer__scope-option.active{border-color:var(--accent-primary,#a855f7);background:#a855f71f}.megaphone-composer__scope-option:disabled{opacity:.55;cursor:not-allowed}.megaphone-composer__scope-option .scope-label{color:var(--text-primary);font-size:.75rem;font-weight:600}.megaphone-composer__scope-option .scope-fee{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.8125rem}.megaphone-composer__input{box-sizing:border-box;border:1px solid var(--border-primary);background:var(--background-secondary);width:100%;color:var(--text-primary);resize:none;border-radius:10px;padding:.75rem;font-family:inherit;font-size:.9375rem;line-height:1.5}.megaphone-composer__input:focus{border-color:var(--accent-primary,#a855f7);outline:none}.megaphone-composer__input::placeholder{color:var(--text-muted)}.megaphone-composer__footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.875rem;display:flex}.megaphone-composer__counter{color:var(--text-muted);font-size:.8125rem}.megaphone-composer__counter.warning{color:#f59e0b;font-weight:600}.megaphone-composer__actions{gap:.5rem;display:flex}.megaphone-composer .btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .15s}.megaphone-composer .btn:disabled{opacity:.45;cursor:not-allowed}.megaphone-composer .btn-secondary{background:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.megaphone-composer .btn-secondary:hover:not(:disabled){background:var(--background-hover)}.megaphone-composer .btn-megaphone{color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899)}.megaphone-composer .btn-megaphone:hover:not(:disabled){opacity:.88}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chat-room{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-room--empty{color:var(--text-muted);justify-content:center;align-items:center;font-size:.9375rem}.chat-room__header{border-bottom:1px solid var(--border-primary);flex-shrink:0;align-items:center;gap:.5rem;padding:.875rem 1.25rem;display:flex}.chat-room__hash{color:var(--text-muted);font-size:1.125rem}.chat-room__name{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.chat-room__desc{color:var(--text-muted);margin-left:.25rem;font-size:.8125rem}@media (width<=639px){.chat-room__desc{display:none}}.chat-room__members{background:var(--background-secondary,var(--background-hover));color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.4rem;margin-left:auto;padding:.2rem .55rem;font-size:.75rem;display:inline-flex}.chat-room__members-dot{background:#22c55e;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 2px #22c55e33}.chat-room__typing{color:var(--text-muted);align-items:center;gap:.4rem;min-height:1.5rem;padding:.35rem 1.25rem .5rem;font-size:.75rem;font-style:italic;display:flex}.chat-room__typing-dots{align-items:center;gap:.15rem;display:inline-flex}.chat-room__typing-dots span{opacity:.4;background:currentColor;border-radius:50%;width:.3rem;height:.3rem;animation:1.2s ease-in-out infinite chat-typing-bounce}.chat-room__typing-dots span:nth-child(2){animation-delay:.15s}.chat-room__typing-dots span:nth-child(3){animation-delay:.3s}@keyframes chat-typing-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.chat-room__banner{background:linear-gradient(135deg,#a855f71f,#ec48991f);border:1px solid #a855f773;border-radius:10px;flex-shrink:0;align-items:flex-start;gap:.625rem;margin:.5rem 1.25rem 0;padding:.625rem .875rem;animation:.25s ease-out banner-slide-in;display:flex}.chat-room__banner-icon{flex-shrink:0;font-size:1.125rem;line-height:1.2}.chat-room__banner-content{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.chat-room__banner-from{color:var(--text-primary);font-size:.75rem;font-weight:600}.chat-room__banner-origin{color:var(--text-muted);margin-left:.25rem;font-weight:400}.chat-room__banner-body{color:var(--text-primary);word-wrap:break-word;font-size:.875rem;line-height:1.35}.chat-room__banner-close{width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;font-size:1.125rem;line-height:1}.chat-room__banner-close:hover{color:var(--text-primary);background:#0000000d}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.chat-room__messages{flex-direction:column;flex:1;gap:.25rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}@media (width<=639px){.chat-room__messages{padding:.75rem}}.chat-room__load-more{border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-self:center;margin-bottom:1rem;padding:.375rem 1rem;font-size:.8125rem}.chat-room__load-more:hover:not(:disabled){background:var(--background-hover)}.chat-room__load-more:disabled{opacity:.5;cursor:not-allowed}.chat-room__empty{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.9375rem}.chat-room__megaphone-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.chat-room__input-bar{border-top:1px solid var(--border-primary);flex-shrink:0;align-items:flex-end;gap:.5rem;padding:.75rem 1.25rem;display:flex}@media (width<=639px){.chat-room__input-bar{padding:.625rem .75rem}}.chat-room__megaphone-btn{border:1px solid var(--border-primary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:2.25rem;height:2.25rem;font-size:1.125rem;transition:background .15s}.chat-room__megaphone-btn:hover{border-color:var(--accent-primary,#a855f7);background:#a855f71f}.chat-room__input-wrap{flex:1;align-items:flex-end;display:flex;position:relative}.chat-room__input{box-sizing:border-box;border:1px solid var(--border-primary);background:var(--background-secondary);width:100%;color:var(--text-primary);resize:none;border-radius:20px;max-height:100px;padding:.625rem 2.5rem .625rem .875rem;font-family:inherit;font-size:.9375rem;line-height:1.4;overflow-y:auto}.chat-room__input:focus{border-color:var(--accent-primary,#a855f7);outline:none}.chat-room__input::placeholder{color:var(--text-muted)}.chat-room__counter{color:var(--text-muted);pointer-events:none;font-size:.6875rem;position:absolute;bottom:.5rem;right:.75rem}.chat-room__counter.warning{color:#f59e0b}.chat-room__send-btn{background:var(--accent-primary,#a855f7);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;transition:opacity .15s,transform .1s;display:flex}.chat-room__send-btn:hover:not(:disabled){opacity:.85}.chat-room__send-btn:active:not(:disabled){transform:scale(.94)}.chat-room__send-btn:disabled{opacity:.35;cursor:not-allowed}.chat-room{position:relative}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chat-page{background:var(--background-primary);height:calc(100vh - 64px);display:flex;overflow:hidden}@media (width<=639px){.chat-page{flex-direction:column;height:calc(100vh - 64px)}}.ach-modal__overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#000000c7;justify-content:center;align-items:center;padding:1rem;animation:.18s ease-out ach-modal-overlay-fade;display:flex;position:fixed;inset:0}.ach-modal{color:#fff;text-align:center;background:linear-gradient(#1c1f2e 0%,#11131c 100%);border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:440px;padding:2.25rem 1.75rem 1.75rem;animation:.28s cubic-bezier(.34,1.56,.64,1) ach-modal-pop;position:relative;box-shadow:0 32px 64px #0000008c,0 0 0 1px #ffffff05}.ach-modal__close{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;width:2rem;height:2rem;font-size:1.5rem;line-height:1;transition:background .15s,color .15s;position:absolute;top:.75rem;right:.875rem}.ach-modal__close:hover{color:#fff;background:#ffffff1f}.ach-modal__hero{justify-content:center;align-items:center;width:124px;height:124px;margin:.25rem auto 1rem;display:flex;position:relative}.ach-modal__halo{background:radial-gradient(circle,#a855f773 0%,#a855f700 70%);border-radius:50%;animation:3.5s ease-in-out infinite ach-modal-halo;position:absolute;inset:-8px}.ach-modal__icon{filter:drop-shadow(0 6px 12px #00000073);font-size:4.5rem;line-height:1;position:relative}.ach-modal__lock-badge{letter-spacing:.05em;text-transform:uppercase;color:#cbd5e1;background:#000000b3;border:1px solid #ffffff26;border-radius:999px;padding:.2rem .625rem;font-size:.7rem;font-weight:600;position:absolute;bottom:-.25rem}.ach-modal__name{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.ach-modal__description{color:#ffffffb8;margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5}.ach-modal__stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem;display:grid}.ach-modal--locked .ach-modal__stats{grid-template-columns:repeat(2,1fr)}.ach-modal__stat{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.25rem;padding:.625rem .5rem;display:flex}.ach-modal__stat-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff80;font-size:.6875rem}.ach-modal__stat-value{font-size:.9375rem;font-weight:600}.ach-modal__stat-value small{color:#ffffff8c;margin-left:.125rem;font-size:.75rem;font-weight:400}.ach-modal__stat-value--mythic{color:#f0abfc}.ach-modal__stat-value--rare{color:#93c5fd}.ach-modal__stat-value--uncommon{color:#6ee7b7}.ach-modal__stat-value--common{color:#ffffffd9}.ach-modal__onchain{color:#052e16;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:999px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.ach-modal__onchain:hover{transform:translateY(-1px);box-shadow:0 6px 18px #22c55e52}.ach-modal__howto{text-align:left;background:#a855f714;border:1px solid #a855f738;border-radius:12px;margin-top:.25rem;padding:1rem}.ach-modal__howto-label{text-transform:uppercase;letter-spacing:.06em;color:#d8b4fed9;margin-bottom:.375rem;font-size:.6875rem;display:block}.ach-modal__howto-text{color:#ffffffd9;margin:0 0 .875rem;font-size:.9375rem;line-height:1.45}.ach-modal__cta{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.ach-modal__cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed59}.ach-modal--rarity-mythic .ach-modal__halo{background:radial-gradient(circle,#e879f999,#0000 70%)}.ach-modal--rarity-rare .ach-modal__halo{background:radial-gradient(circle,#60a5fa80,#0000 70%)}.ach-modal--rarity-uncommon .ach-modal__halo{background:radial-gradient(circle,#34d39973,#0000 70%)}.ach-modal--rarity-common .ach-modal__halo{background:radial-gradient(circle,#a855f74d,#0000 70%)}.ach-modal--locked .ach-modal__icon{filter:drop-shadow(0 6px 12px #00000073)grayscale(.4);opacity:.7}@keyframes ach-modal-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes ach-modal-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ach-modal-halo{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.85;transform:scale(1.08)}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.achievements-page{max-width:960px;color:var(--text-primary,#e0e0e0);margin:0 auto;padding:24px 20px 48px}.achievements-page__header{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.achievements-page__title{margin:0;font-size:1.6rem;font-weight:700}.achievements-page__subtitle{color:var(--text-muted,#888);font-size:.9rem}.achievements-page__stats{color:#6fd49e;background:#4caf7d26;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:4px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.achievements-page__section{margin-bottom:32px}.achievements-page__section-header{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.achievements-page__section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted,#888);margin:0;font-size:.85rem;font-weight:700}.achievements-page__section-hint{color:var(--text-muted,#666);font-size:.75rem}.achievements-page__featured-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=640px){.achievements-page__featured-row{grid-template-columns:repeat(2,1fr)}}.achievements-page__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}@media (width<=640px){.achievements-page__grid{grid-template-columns:repeat(2,1fr)}}.achievements-page__slot{min-height:140px;color:var(--text-muted,#555);text-align:center;border:1px dashed #ffffff1f;border-radius:12px;justify-content:center;align-items:center;padding:8px;font-size:.75rem;transition:background .15s,border-color .15s;display:flex}.achievements-page__slot--drop-active{background:#4caf7d14;border-color:#6fd49e}.achievements-page__loading,.achievements-page__empty{text-align:center;color:var(--text-muted,#888);padding:32px}.achievements-page__footer{justify-content:center;margin-top:40px;display:flex}.achievements-page__back-link{color:var(--text-primary,#e0e0e0);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,color .15s;display:inline-flex}.achievements-page__back-link__arrow{font-size:1rem;line-height:1;transition:transform .15s}.achievements-page__back-link:hover{color:#1b87fa;background:#6fd49e1a;border-color:#7c8fac;transform:translateY(-1px)}.achievements-page__back-link:hover .achievements-page__back-link__arrow{transform:translate(-3px)}.achievements-page__back-link:active{transform:translateY(0)}.ach-card{cursor:default;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:32px 12px 14px;transition:transform .15s,background .15s,border-color .15s;display:flex;position:relative}.ach-card--draggable{cursor:grab;touch-action:none}.ach-card--draggable:hover{background:#ffffff12;border-color:#ffffff29}.ach-card--draggable:active{cursor:grabbing}.ach-card--clickable:not(.ach-card--draggable){cursor:pointer}.ach-card--clickable:hover{background:#ffffff12;border-color:#ffffff38;transform:translateY(-1px)}.ach-card--clickable:focus-visible{outline-offset:2px;outline:2px solid #a855f799}.ach-card--locked{opacity:.55;filter:grayscale(.6)}.ach-card--dragging{opacity:.5}.ach-card__icon{font-size:2rem;line-height:1}.ach-card__name{color:var(--text-primary,#e0e0e0);text-align:center;font-size:.85rem;font-weight:600;line-height:1.2}.ach-card__desc{color:var(--text-muted,#888);text-align:center;margin-top:2px;font-size:.7rem;line-height:1.3}.ach-card__date{color:var(--text-muted,#666);font-size:.65rem}.ach-card__lock{font-size:.8rem;position:absolute;top:8px;left:8px}.ach-card__rarity{color:var(--text-muted,#aaa);letter-spacing:.02em;background:#00000059;border-radius:999px;padding:2px 6px;font-size:.6rem;position:absolute;top:8px;right:8px}.ach-card__rarity--rare{color:#f0b35a;background:#f0b35a26}.ach-card__rarity--mythic{color:#e07ad8;background:#e07ad826}.ach-card__onchain{color:#6fd49e;align-items:center;gap:4px;margin-top:4px;font-size:.65rem;text-decoration:none;display:inline-flex}.ach-card__onchain:hover{text-decoration:underline}.ach-card__pin-handle{color:var(--text-muted,#666);font-size:.65rem;position:absolute;bottom:6px;right:8px}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.admin-dashboard-page{background:var(--background-color);box-sizing:border-box;width:100%;min-height:100vh;padding:2rem}.admin-dashboard-page .admin-dashboard-container{width:100%;max-width:1200px;margin:0 auto}.admin-dashboard-page .admin-dashboard-container .admin-dashboard-header{margin-bottom:2rem}.admin-dashboard-page .admin-dashboard-container .admin-dashboard-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.admin-dashboard-page .admin-dashboard-container .admin-dashboard-header .subtitle{color:var(--text-secondary);font-size:1rem}.admin-dashboard-page .admin-dashboard-container .stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:row;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .2s;display:flex}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card:hover{transition:transform .2s,box-shadow .2s}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card:hover:active{transform:translateY(0)}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card .stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;display:flex}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card .stat-content{flex:1}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card .stat-content .stat-value{color:var(--text-primary);margin-bottom:.25rem;font-size:2rem;font-weight:700}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card .stat-content .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card.blue .stat-icon{color:#3b82f6;background:#3b82f61a}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card.green .stat-icon{color:#22c55e;background:#22c55e1a}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card.purple .stat-icon{color:#a855f7;background:#a855f71a}.admin-dashboard-page .admin-dashboard-container .stats-grid .stat-card.orange .stat-icon{color:#f97316;background:#f973161a}.admin-dashboard-page .admin-dashboard-container .admin-section{margin-bottom:3rem}.admin-dashboard-page .admin-dashboard-container .admin-section h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.admin-dashboard-page .admin-dashboard-container .actions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card{font:inherit;color:inherit;cursor:pointer;background:0 0;background:var(--card-background);border:none;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;flex-direction:row;align-items:flex-start;gap:1.5rem;margin:0;padding:1.5rem;transition:all .2s;display:flex}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card:hover{transition:transform .2s,box-shadow .2s}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card:hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card:hover:active{transform:translateY(0)}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card:hover{border-color:var(--primary-color)}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card .action-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card .action-content{flex:1}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card .action-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card .action-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.blue .action-icon{color:#3b82f6;background:#3b82f61a}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.blue:hover{border-color:#3b82f6}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.green .action-icon{color:#22c55e;background:#22c55e1a}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.green:hover{border-color:#22c55e}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.purple .action-icon{color:#a855f7;background:#a855f71a}.admin-dashboard-page .admin-dashboard-container .actions-grid .action-card.purple:hover{border-color:#a855f7}.admin-dashboard-page .admin-dashboard-container .status-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.admin-dashboard-page .admin-dashboard-container .status-card .status-row{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.admin-dashboard-page .admin-dashboard-container .status-card .status-row:not(:last-child){border-bottom:1px solid var(--border-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-label{color:var(--text-primary);font-size:1rem;font-weight:500}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator{flex-direction:row;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator .status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.success{color:var(--success-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.success .status-dot{background:var(--success-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.warning{color:var(--warning-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.warning .status-dot{background:var(--warning-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.error{color:var(--danger-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.error .status-dot{background:var(--danger-color)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.loading{color:var(--text-secondary)}.admin-dashboard-page .admin-dashboard-container .status-card .status-row .status-indicator.loading .status-dot{background:var(--text-secondary);opacity:.5;animation:none}.admin-dashboard-page .admin-dashboard-container .admin-callout{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.875rem 1.25rem;display:flex}.admin-dashboard-page .admin-dashboard-container .admin-callout .callout-label{color:var(--text-secondary);font-size:.875rem}.admin-dashboard-page .admin-dashboard-container .admin-callout .callout-value{color:var(--primary-color);font-size:1.25rem;font-weight:700}@media (width<=768px){.admin-dashboard-page{padding:1rem}.admin-dashboard-page .admin-dashboard-container .admin-dashboard-header h1{font-size:2rem}.admin-dashboard-page .admin-dashboard-container .stats-grid,.admin-dashboard-page .admin-dashboard-container .actions-grid{grid-template-columns:1fr}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.admin-sync-page{background:var(--background-color);box-sizing:border-box;width:100%;min-height:100vh;padding:2rem}.admin-sync-page .admin-sync-container{width:100%;max-width:1200px;margin:0 auto}.admin-sync-page .admin-sync-container h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.admin-sync-page .admin-sync-container .subtitle{color:var(--text-secondary);margin-bottom:2rem}.admin-sync-page .admin-sync-container .sync-actions{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.admin-sync-page .admin-sync-container .sync-actions .action-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem}.admin-sync-page .admin-sync-container .sync-actions .action-card h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.admin-sync-page .admin-sync-container .sync-actions .action-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.admin-sync-page .admin-sync-container .sync-actions .action-card .input-group{flex-direction:row;align-items:center;gap:.75rem;display:flex}.admin-sync-page .admin-sync-container .sync-actions .action-card .input-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-secondary);color:var(--text-primary);flex:1;padding:.75rem;font-size:1rem}.admin-sync-page .admin-sync-container .sync-actions .action-card .input-group input:focus{border-color:var(--primary-color);outline:none}.admin-sync-page .admin-sync-container .sync-actions .action-card .input-group input:disabled{opacity:.6;cursor:not-allowed}.admin-sync-page .admin-sync-container .sync-actions .action-card button{font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;width:100%;margin:0;padding:.875rem 1.5rem;font-size:.938rem;font-weight:600;transition:all .2s}.admin-sync-page .admin-sync-container .sync-actions .action-card button:disabled{opacity:.6;cursor:not-allowed}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary{background:var(--primary-color);color:#fff}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary:hover:not(:disabled){transition:transform .2s,box-shadow .2s}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary:hover:not(:disabled):hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary:hover:not(:disabled):active{transform:translateY(0)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-secondary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-secondary:hover:not(:disabled){background:var(--background-hover);border-color:var(--primary-color)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger{background:var(--danger-color);color:#fff}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger:hover:not(:disabled){transition:transform .2s,box-shadow .2s}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger:hover:not(:disabled):hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger:hover:not(:disabled):active{transform:translateY(0)}.admin-sync-page .admin-sync-container .sync-actions .action-card button.btn-danger:hover:not(:disabled){opacity:.9}.admin-sync-page .admin-sync-container .sync-status{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1rem}.admin-sync-page .admin-sync-container .sync-status h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.admin-sync-page .admin-sync-container .sync-status h3{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.25rem;font-weight:600}.admin-sync-page .admin-sync-container .sync-status .status-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card{background:var(--background-secondary);border-radius:var(--radius-md);border:2px solid var(--border-color);flex-direction:column;align-items:center;padding:1.5rem;display:flex}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card.success{border-color:var(--success-color)}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card.warning{border-color:var(--warning-color)}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card.error{border-color:var(--danger-color)}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card .stat-value{color:var(--text-primary);margin-bottom:.25rem;font-size:2rem;font-weight:700}.admin-sync-page .admin-sync-container .sync-status .status-summary .stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table{overflow-x:auto}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table{border-collapse:collapse;width:100%}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table thead{background:var(--background-secondary)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table thead th{text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding:1rem;font-weight:600}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr{border-bottom:1px solid var(--border-color)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr:hover{background:var(--background-secondary)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td{color:var(--text-primary);padding:1rem}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td.difference{color:var(--warning-color);font-weight:600}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td .btn-sm{padding:.5rem 1rem;font-size:.875rem}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button{font:inherit;color:#fff;cursor:pointer;background:0 0;background:var(--primary-color);border-radius:var(--radius-sm);border:none;margin:0;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button:hover:not(:disabled){transition:transform .2s,box-shadow .2s}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button:hover:not(:disabled):hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button:hover:not(:disabled):active{transform:translateY(0)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody tr td button:disabled{opacity:.6;cursor:not-allowed}.admin-sync-page .admin-sync-container .sync-status .errors-section ul{padding:0;list-style:none}.admin-sync-page .admin-sync-container .sync-status .errors-section ul li{border-left:4px solid var(--danger-color);border-radius:var(--radius-sm);color:var(--text-primary);background:#dc26261a;margin-bottom:.5rem;padding:.75rem}.admin-sync-page .admin-sync-container .sync-result{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem}.admin-sync-page .admin-sync-container .sync-result h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.admin-sync-page .admin-sync-container .sync-result h3{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.25rem;font-weight:600}.admin-sync-page .admin-sync-container .sync-result .result-summary{background:var(--background-secondary);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.5rem}.admin-sync-page .admin-sync-container .sync-result .result-summary p{color:var(--text-primary);margin-bottom:.5rem}.admin-sync-page .admin-sync-container .sync-result .result-summary p strong{color:var(--text-secondary)}.admin-sync-page .admin-sync-container .sync-result .updated-profiles{margin-bottom:1.5rem}.admin-sync-page .admin-sync-container .sync-result .updated-profiles ul{padding:0;list-style:none}.admin-sync-page .admin-sync-container .sync-result .updated-profiles ul li{background:var(--background-secondary);border-left:4px solid var(--success-color);border-radius:var(--radius-sm);color:var(--text-primary);margin-bottom:.5rem;padding:.75rem}.admin-sync-page .admin-sync-container .sync-result button{font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;background:var(--background-secondary);border:none;border:1px solid var(--border-color);border-radius:var(--radius-md);margin:0;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.admin-sync-page .admin-sync-container .sync-result button:hover{background:var(--background-hover);border-color:var(--primary-color)}@media (width<=768px){.admin-sync-page{padding:1rem}.admin-sync-page .admin-sync-container .sync-actions{grid-template-columns:1fr}.admin-sync-page .admin-sync-container .sync-status .status-summary{grid-template-columns:repeat(2,1fr)}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table{font-size:.875rem}.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table thead th,.admin-sync-page .admin-sync-container .sync-status .out-of-sync-section .profiles-table table tbody td{padding:.75rem}}.sysnotif-page{color:#e0e0e0;max-width:860px;padding:2rem}.sysnotif-header{margin-bottom:2rem}.sysnotif-header h1{margin-bottom:.4rem;font-size:1.6rem;font-weight:700}.sysnotif-header p{opacity:.6;font-size:.9rem}.sysnotif-create{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.sysnotif-create h2{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.sysnotif-form{flex-direction:column;gap:1rem;display:flex}.sysnotif-textarea{color:#fff;resize:vertical;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.sysnotif-textarea:focus{border-color:#7c3aed;outline:none}.sysnotif-form-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sysnotif-label{opacity:.8;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.sysnotif-select{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:.4rem .6rem;font-size:.875rem}.sysnotif-checkbox-label{opacity:.8;cursor:pointer;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.sysnotif-list-section h2{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.sysnotif-empty{opacity:.5;font-size:.9rem}.sysnotif-list{flex-direction:column;gap:1rem;display:flex}.sysnotif-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:1.25rem}.sysnotif-item--active{background:#7c3aed14;border-color:#7c3aed80}.sysnotif-item-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.sysnotif-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.sysnotif-badge--info{color:#fff;background:#1d4ed8}.sysnotif-badge--warning{color:#fff;background:#d97706}.sysnotif-badge--error{color:#fff;background:#dc2626}.sysnotif-badge--success{color:#fff;background:#16a34a}.sysnotif-active-pill{color:var(--primary-color);letter-spacing:.05em;font-size:.7rem;font-weight:700}.sysnotif-date{opacity:.45;margin-left:auto;font-size:.75rem}.sysnotif-message{opacity:.85;margin:0 0 1rem;font-size:.9rem;line-height:1.6}.sysnotif-actions{flex-wrap:wrap;gap:.5rem;display:flex}.sysnotif-btn{cursor:pointer;border:none;border-radius:6px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;transition:opacity .15s}.sysnotif-btn:disabled{opacity:.4;cursor:not-allowed}.sysnotif-btn:hover:not(:disabled){opacity:.85}.sysnotif-btn--primary{color:#fff;background:#7c3aed}.sysnotif-btn--activate{color:#fff;background:#16a34a}.sysnotif-btn--deactivate{color:#e5e7eb;background:#374151}.sysnotif-btn--danger{color:#fff;background:#991b1b}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.spotlight-pricing-admin{max-width:720px;margin:0 auto;padding:2rem}.spotlight-pricing-admin .admin-header{margin-bottom:2rem}.spotlight-pricing-admin .admin-header h1{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}.spotlight-pricing-admin .admin-header .subtitle{color:var(--text-secondary);margin:0;line-height:1.5}.spotlight-pricing-admin .alert{word-break:break-word;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;display:flex}.spotlight-pricing-admin .alert .alert-icon{flex-shrink:0;font-size:1.25rem}.spotlight-pricing-admin .alert.alert-error{color:#ff4d4d;background:#ff4d4d1a;border:1px solid #ff4d4d4d}.spotlight-pricing-admin .alert.alert-success{color:#00b112;background:#60d3941a;border:1px solid #60d3944d}.spotlight-pricing-admin .pricing-form-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.spotlight-pricing-admin .pricing-form-card h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;opacity:.75;margin:0 0 .75rem;font-size:1rem;font-weight:600}.spotlight-pricing-admin .pricing-form-card .current-rate{color:var(--text-primary);margin:0 0 1.75rem;font-size:1.75rem}.spotlight-pricing-admin .pricing-form-card .current-rate strong{font-weight:700}.spotlight-pricing-admin .pricing-form-card .current-rate .muted{color:var(--text-secondary);margin-left:.5rem;font-size:.875rem;font-weight:400}.spotlight-pricing-admin .pricing-form-card form .form-row{align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.spotlight-pricing-admin .pricing-form-card form .form-group{flex-direction:column;flex:1;display:flex}.spotlight-pricing-admin .pricing-form-card form .form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.spotlight-pricing-admin .pricing-form-card form .form-group input{border:1px solid var(--border-color);background:var(--background-color);color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .2s}.spotlight-pricing-admin .pricing-form-card form .form-group input:focus{border-color:var(--primary-color);outline:none}.spotlight-pricing-admin .pricing-form-card form .btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;height:fit-content;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.spotlight-pricing-admin .pricing-form-card form .btn-primary:hover:not(:disabled){background:var(--primary-color-dark)}.spotlight-pricing-admin .pricing-form-card form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.spotlight-pricing-admin .pricing-form-card .rate-preview{background:#1b87fa0f;border:1px solid #1b87fa2e;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.spotlight-pricing-admin .pricing-form-card .rate-preview .muted{color:var(--text-secondary);margin:0 0 .5rem;font-size:.875rem}.spotlight-pricing-admin .pricing-form-card .rate-preview ul{grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.spotlight-pricing-admin .pricing-form-card .rate-preview li{color:var(--text-primary);font-size:.95rem}.spotlight-pricing-admin .pricing-form-card .rate-preview li strong{color:#1b87fa}.spotlight-pricing-admin .pricing-form-card .rate-notes{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding-top:1.25rem;display:flex}.spotlight-pricing-admin .pricing-form-card .rate-notes p.muted{color:var(--text-secondary);margin:0;line-height:1.5}.spotlight-pricing-admin .pricing-form-card .rate-notes p.small{font-size:.85rem}.spotlight-pricing-admin .pricing-form-card .rate-notes code{color:#1b87fa;background:#1b87fa1a;border-radius:4px;padding:.1rem .4rem;font-size:.85em}@media (width<=600px){.spotlight-pricing-admin{padding:1rem}.spotlight-pricing-admin .pricing-form-card form .form-row{flex-direction:column;align-items:stretch}.spotlight-pricing-admin .rate-preview ul{grid-template-columns:1fr}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.spotlight-analytics-admin{max-width:1400px;margin:0 auto;padding:2rem}.spotlight-analytics-admin .admin-header{margin-bottom:2rem}.spotlight-analytics-admin .admin-header h1{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}.spotlight-analytics-admin .admin-header .subtitle{color:var(--text-secondary);margin:0}.spotlight-analytics-admin .alert{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;display:flex}.spotlight-analytics-admin .alert .alert-icon{font-size:1.25rem}.spotlight-analytics-admin .alert.alert-error{color:#ff4d4d;background:#ff4d4d1a;border:1px solid #ff4d4d4d}.spotlight-analytics-admin .filters-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex}.spotlight-analytics-admin .filters-card .filter-group{flex-direction:column;min-width:200px;display:flex}.spotlight-analytics-admin .filters-card .filter-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.spotlight-analytics-admin .filters-card .filter-group input,.spotlight-analytics-admin .filters-card .filter-group select{border:1px solid var(--border-color);background:var(--background-color);color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .2s}.spotlight-analytics-admin .filters-card .filter-group input:focus,.spotlight-analytics-admin .filters-card .filter-group select:focus{border-color:var(--primary-color);outline:none}.spotlight-analytics-admin .filters-card .btn-clear{color:#1b87fa;cursor:pointer;background:#1b87fa1a;border:1px solid #1b87fa;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.spotlight-analytics-admin .filters-card .btn-clear:hover{background:#1b87fa33}.spotlight-analytics-admin .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.spotlight-analytics-admin .metrics-grid .metric-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.spotlight-analytics-admin .metrics-grid .metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.spotlight-analytics-admin .metrics-grid .metric-card.revenue{background:linear-gradient(135deg,#1b87fa0d,#1b87fa1a);border-color:#1b87fa}.spotlight-analytics-admin .metrics-grid .metric-card .metric-icon{font-size:2.5rem}.spotlight-analytics-admin .metrics-grid .metric-card .metric-content{flex:1}.spotlight-analytics-admin .metrics-grid .metric-card .metric-content .metric-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.spotlight-analytics-admin .metrics-grid .metric-card .metric-content .metric-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.spotlight-analytics-admin .metrics-grid .metric-card .metric-content .metric-subtext{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.spotlight-analytics-admin .type-breakdown{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.spotlight-analytics-admin .type-breakdown h2{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.5rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card{border:1px solid var(--border-color);background:#1b87fa0d;border-radius:12px;padding:1.5rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card h3{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin:0 0 1rem;padding-bottom:.75rem;font-size:1.25rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .type-metrics{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .type-metrics .type-metric{background:var(--background-color);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .type-metrics .type-metric .label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .type-metrics .type-metric .value{color:var(--text-primary);font-size:1rem;font-weight:700}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown .engagement-stats{background:var(--background-color);border-radius:8px;justify-content:space-around;padding:1rem;display:flex}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown .engagement-stats .stat{flex-direction:column;align-items:center;gap:.5rem;display:flex}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown .engagement-stats .stat .icon{font-size:1.5rem}.spotlight-analytics-admin .type-breakdown .breakdown-grid .type-card .engagement-breakdown .engagement-stats .stat span:last-child{color:var(--text-primary);font-size:1.25rem;font-weight:700}@media (width<=768px){.spotlight-analytics-admin{padding:1rem}.spotlight-analytics-admin .filters-card{flex-direction:column}.spotlight-analytics-admin .filters-card .filter-group{width:100%}.spotlight-analytics-admin .metrics-grid{grid-template-columns:1fr}.spotlight-analytics-admin .breakdown-grid{grid-template-columns:1fr!important}}.spotlight-transactions-page{max-width:1400px;margin:0 auto;padding:2rem}.spotlight-transactions-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.spotlight-transactions-page .page-header h1{color:var(--text-primary);margin:0;font-size:2rem}.spotlight-transactions-page .page-header p{color:var(--text-secondary);flex-basis:100%;margin:.5rem 0 0}.spotlight-transactions-page .page-header .btn-refresh{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s;display:flex}.spotlight-transactions-page .page-header .btn-refresh:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px)}.spotlight-transactions-page .page-header .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.spotlight-transactions-page .page-header .btn-refresh svg.spinning{animation:1s linear infinite spin}.spotlight-transactions-page .summary-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.spotlight-transactions-page .summary-cards .summary-card{background:var(--card-background);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000001a}.spotlight-transactions-page .summary-cards .summary-card:hover{transform:translateY(-4px)}.spotlight-transactions-page .summary-cards .summary-card.warning{border-left:4px solid #ff9800}.spotlight-transactions-page .summary-cards .summary-card .card-icon{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.spotlight-transactions-page .summary-cards .summary-card .card-icon.blockchain{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.spotlight-transactions-page .summary-cards .summary-card .card-icon.database{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.spotlight-transactions-page .summary-cards .summary-card .card-icon.warning{color:#ff9800;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.spotlight-transactions-page .summary-cards .summary-card .card-content{flex:1}.spotlight-transactions-page .summary-cards .summary-card .card-content h3{color:var(--text-secondary);margin:0 0 .5rem;font-size:.9rem;font-weight:500}.spotlight-transactions-page .summary-cards .summary-card .card-content .card-value{color:var(--text-primary);margin-bottom:.25rem;font-size:2rem;font-weight:700}.spotlight-transactions-page .summary-cards .summary-card .card-content p{color:var(--text-secondary);margin:0;font-size:.85rem}.spotlight-transactions-page .transactions-section h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.spotlight-transactions-page .transactions-section .table-container{background:var(--card-background);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.spotlight-transactions-page .transactions-section .transactions-table{border-collapse:collapse;width:100%}.spotlight-transactions-page .transactions-section .transactions-table thead{background:var(--background-color)}.spotlight-transactions-page .transactions-section .transactions-table thead th{text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding:1rem;font-size:.9rem;font-weight:600}.spotlight-transactions-page .transactions-section .transactions-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.spotlight-transactions-page .transactions-section .transactions-table tbody tr:hover{background:var(--background-hover)}.spotlight-transactions-page .transactions-section .transactions-table tbody tr.has-issue{background:#ff98000d}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td{color:var(--text-primary);padding:1rem;font-size:.9rem}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .tx-hash{color:var(--primary-color);font-family:monospace;text-decoration:none}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .tx-hash:hover{text-decoration:underline}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .function-badge{border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-block}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .function-badge.purchaseDmSpotlight{color:#1976d2;background:#e3f2fd}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .function-badge.purchasePostSpotlight{color:#7b1fa2;background:#f3e5f5}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .function-badge.purchaseProfileSpotlight{color:#388e3c;background:#e8f5e9}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .status-badge{border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-block}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .status-badge.success{color:#4caf50;background:#e8f5e9}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .status-badge.failed{color:#f44336;background:#ffebee}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .badge{border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .badge.success{color:#4caf50;background:#e8f5e9}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .badge.error{color:#f44336;background:#ffebee}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .issue-text{color:#ff9800;font-size:.85rem}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .no-issue{color:var(--text-secondary)}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .btn-record{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:inline-flex}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .btn-record:hover:not(:disabled){background:var(--primary-color-dark)}.spotlight-transactions-page .transactions-section .transactions-table tbody tr td .btn-record:disabled{opacity:.6;cursor:not-allowed}.spotlight-transactions-page .loading,.spotlight-transactions-page .error{text-align:center;color:var(--text-secondary);padding:3rem;font-size:1.2rem}.spotlight-transactions-page .error{color:#f44336}@media (width<=768px){.spotlight-transactions-page{padding:1rem}.spotlight-transactions-page .page-header h1{font-size:1.5rem}.spotlight-transactions-page .summary-cards{grid-template-columns:1fr}.spotlight-transactions-page .table-container{overflow-x:auto}.spotlight-transactions-page .transactions-table{font-size:.8rem}.spotlight-transactions-page .transactions-table th,.spotlight-transactions-page .transactions-table td{padding:.75rem .5rem}}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.network-fees-admin{max-width:1400px;margin:0 auto;padding:2rem}.network-fees-admin .admin-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.network-fees-admin .admin-header h1{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}.network-fees-admin .admin-header .subtitle{color:var(--text-secondary);margin:0}.network-fees-admin .admin-header .btn-toggle{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.network-fees-admin .admin-header .btn-toggle.btn-enabled{color:#00b112;background:#00b11233;border:2px solid #00b112}.network-fees-admin .admin-header .btn-toggle.btn-enabled:hover{background:#00b1124d;transform:translateY(-2px)}.network-fees-admin .admin-header .btn-toggle.btn-disabled{color:#ff4d4d;background:#ff4d4d33;border:2px solid #ff4d4d}.network-fees-admin .admin-header .btn-toggle.btn-disabled:hover{background:#ff4d4d4d;transform:translateY(-2px)}.network-fees-admin .admin-header .btn-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.network-fees-admin .alert{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;display:flex}.network-fees-admin .alert .alert-icon{font-size:1.25rem}.network-fees-admin .alert.alert-error{color:#ff4d4d;background:#ff4d4d1a;border:1px solid #ff4d4d4d}.network-fees-admin .alert.alert-success{color:#00b112;background:#60d3941a;border:1px solid #60d3944d}.network-fees-admin .config-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:2rem}.network-fees-admin .config-summary h2{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.5rem}.network-fees-admin .config-summary .summary-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.network-fees-admin .config-summary .summary-grid .summary-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .2s}.network-fees-admin .config-summary .summary-grid .summary-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.network-fees-admin .config-summary .summary-grid .summary-card .summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value.calculated{color:#1b87fa}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value.status{font-size:1.5rem}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value.status.enabled{color:#00b112}.network-fees-admin .config-summary .summary-grid .summary-card .summary-value.status.disabled{color:#ff4d4d}.network-fees-admin .config-summary .summary-grid .summary-card .summary-note{color:var(--text-muted);font-size:.875rem}.network-fees-admin .config-form-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:2rem}.network-fees-admin .config-form-card h2{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.5rem}.network-fees-admin .config-form-card form .form-row{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.network-fees-admin .config-form-card form .form-group{flex-direction:column;display:flex}.network-fees-admin .config-form-card form .form-group label{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem;font-weight:600}.network-fees-admin .config-form-card form .form-group label .field-description{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem;font-weight:400;display:block}.network-fees-admin .config-form-card form .form-group input{border:1px solid var(--border-color);background:var(--background-color);color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .2s}.network-fees-admin .config-form-card form .form-group input:focus{border-color:var(--primary-color);outline:none}.network-fees-admin .config-form-card form .form-group input:disabled{opacity:.6;cursor:not-allowed}.network-fees-admin .config-form-card form .calculated-preview{background:#1b87fa1a;border:1px solid #1b87fa4d;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.network-fees-admin .config-form-card form .calculated-preview h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.125rem}.network-fees-admin .config-form-card form .calculated-preview p{color:var(--text-secondary);margin:0;line-height:1.6}.network-fees-admin .config-form-card form .calculated-preview p strong{color:#1b87fa;font-size:1.125rem}.network-fees-admin .config-form-card form .btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.network-fees-admin .config-form-card form .btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px)}.network-fees-admin .config-form-card form .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.network-fees-admin .info-panel{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.network-fees-admin .info-panel h2{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.5rem}.network-fees-admin .info-panel .info-content{flex-direction:column;gap:1.5rem;display:flex}.network-fees-admin .info-panel .info-content .info-section{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.network-fees-admin .info-panel .info-content .info-section.warning{background:#ffc1071a;border-color:#ffc1074d}.network-fees-admin .info-panel .info-content .info-section.warning h3{color:#ffc107}.network-fees-admin .info-panel .info-content .info-section h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.125rem}.network-fees-admin .info-panel .info-content .info-section p{color:var(--text-secondary);margin:0 0 .75rem;line-height:1.6}.network-fees-admin .info-panel .info-content .info-section p:last-child{margin-bottom:0}.network-fees-admin .info-panel .info-content .info-section ul{color:var(--text-secondary);margin:.75rem 0 0;padding-left:1.5rem;line-height:1.8}.network-fees-admin .info-panel .info-content .info-section ul li{margin-bottom:.5rem}.network-fees-admin .info-panel .info-content .info-section ul li strong{color:var(--text-primary)}@media (width<=768px){.network-fees-admin{padding:1rem}.network-fees-admin .admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.network-fees-admin .admin-header .btn-toggle{width:100%}.network-fees-admin .summary-grid{grid-template-columns:1fr!important}.network-fees-admin .config-form-card form .form-row{grid-template-columns:1fr}}.admin-locations-page{background:var(--background-color);min-height:calc(100vh - 80px);padding:2rem 1.5rem}.admin-locations-container{max-width:1100px;margin:0 auto}.loc-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.loc-header .loc-header-icon{color:var(--primary-color);flex-shrink:0;font-size:2rem}.loc-header h1{color:var(--text-primary);margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.loc-header p{color:var(--text-secondary);margin:0;font-size:.9375rem}.loc-tabs{border-bottom:1px solid #ffffff1a;gap:.25rem;margin-bottom:1.75rem;display:flex}.loc-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s}.loc-tab:hover{color:var(--text-primary)}.loc-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.loc-section{flex-direction:column;gap:1.25rem;display:flex}.loc-section-desc{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:1rem 1.25rem;font-size:.875rem;line-height:1.6}.loc-section-desc code{color:#c4b5fd;background:#8b5cf626;border-radius:4px;padding:.1em .35em;font-size:.875em}.loc-dropzone{text-align:center;cursor:pointer;color:var(--text-secondary);border:2px dashed #ffffff26;border-radius:14px;padding:2.5rem 1.5rem;font-size:.9375rem;transition:all .25s}.loc-dropzone .dropzone-icon{color:var(--primary-color);opacity:.7;margin-bottom:1rem;font-size:2.5rem}.loc-dropzone .dropzone-link{color:var(--primary-color);font-weight:500}.loc-dropzone .dropzone-filename{color:var(--text-primary);margin:0;font-weight:600}.loc-dropzone .dropzone-size{margin:.25rem 0 0;font-size:.8125rem}.loc-dropzone:hover,.loc-dropzone.dragging{border-color:var(--primary-color);background:#8b5cf60f}.loc-dropzone.has-file{background:#8b5cf60d;border-style:solid;border-color:#8b5cf680}.loc-options{flex-direction:column;gap:1rem;display:flex}.loc-option-group{flex-direction:column;gap:.5rem;display:flex}.loc-option-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.loc-radio-group{flex-direction:column;gap:.5rem;display:flex}.loc-radio{cursor:pointer;color:var(--text-secondary);border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.loc-radio input[type=radio]{accent-color:var(--primary-color);flex-shrink:0;margin-top:2px}.loc-radio strong{color:var(--text-primary)}.loc-radio.active,.loc-radio:hover{background:#8b5cf60f;border-color:#8b5cf666}.loc-checkbox{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:.75rem;font-size:.875rem;display:flex}.loc-checkbox input[type=checkbox]{accent-color:var(--primary-color);flex-shrink:0;margin-top:2px}.loc-checkbox strong{color:var(--text-primary)}.loc-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.loc-btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);color:#fff}.loc-btn-primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.loc-btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.loc-btn-danger:hover:not(:disabled){background:#ef444440}.loc-btn-sm{padding:.375rem .75rem;font-size:.8125rem}.loc-btn:disabled{opacity:.5;cursor:not-allowed}.loc-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.loc-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.loc-result{border:1px solid;border-radius:14px;padding:1.5rem}.loc-result.dry-run{background:#3b82f60f;border-color:#3b82f64d}.loc-result.dry-run .result-icon{color:#60a5fa}.loc-result.success{background:#22c55e0f;border-color:#22c55e4d}.loc-result.success .result-icon{color:#4ade80}.loc-result .result-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.loc-result .result-header .result-icon{font-size:1.5rem}.loc-result .result-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.loc-result .result-stats{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.loc-result .result-stats .stat{flex-direction:column;gap:.2rem;min-width:120px;display:flex}.loc-result .result-stats .stat span{color:var(--text-secondary);font-size:.8125rem}.loc-result .result-stats .stat strong{color:var(--text-primary);font-size:1.25rem;font-weight:700}.loc-result .result-stats .stat.error strong{color:#f87171}.loc-result .result-errors{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:1rem}.loc-result .result-errors .result-errors-header{color:#fbbf24;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.loc-result .result-errors .result-errors-header svg{flex-shrink:0}.loc-result .result-errors .result-errors-header span{flex:1}.errors-table{border-collapse:collapse;width:100%;font-size:.8125rem}.errors-table th,.errors-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:.5rem .75rem}.errors-table th{color:var(--text-secondary);font-weight:600}.errors-table td:first-child{width:60px;color:var(--text-secondary)}.loc-form{flex-direction:column;gap:1rem;display:flex}.loc-form-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=700px){.loc-form-row{grid-template-columns:1fr}}.loc-field{flex-direction:column;gap:.375rem;display:flex}.loc-field--full{grid-column:1/-1}.loc-field label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.loc-field input{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.625rem .875rem;font-size:.9375rem;transition:border-color .2s}.loc-field input:focus{border-color:var(--primary-color);outline:none}.loc-field input::placeholder{color:var(--text-secondary);opacity:.5}.loc-field .field-hint{color:var(--text-secondary);opacity:.7;font-size:.75rem}.loc-search-bar{align-items:center;gap:.75rem;display:flex}.loc-search-bar input{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:.625rem .875rem;font-size:.9375rem}.loc-search-bar input:focus{border-color:var(--primary-color);outline:none}.loc-search-bar input::placeholder{color:var(--text-secondary);opacity:.5}.loc-search-bar .loc-search-cc{text-align:center;flex:0 0 60px}.loc-count{color:var(--text-secondary);margin:0;font-size:.875rem}.loc-table-wrap{overflow-x:auto}.loc-table{border-collapse:collapse;width:100%;font-size:.875rem}.loc-table th,.loc-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:.625rem .875rem}.loc-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:.8125rem;font-weight:600}.loc-table td{color:var(--text-primary)}.loc-table tr:hover td{background:#ffffff08}.loc-table tr.decommissioned td{opacity:.45}.loc-status{border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.loc-status.active{color:#4ade80;background:#22c55e26}.loc-status.inactive{color:#f87171;background:#ef444426}.loc-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:1rem;padding-top:1rem;font-size:.875rem;display:flex}.loc-empty{text-align:center;color:var(--text-secondary);padding:3rem 0;font-size:.9375rem}.chat-rooms-admin-page{max-width:1200px;margin:0 auto;padding:2rem}.chat-rooms-admin-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.chat-rooms-admin-page .page-header h1{color:var(--text-primary);margin:0;font-size:1.75rem}.chat-rooms-admin-page .page-header p{color:var(--text-secondary);margin:.35rem 0 0}.chat-rooms-admin-page .page-header .header-actions{align-items:center;gap:.5rem;display:flex}.chat-rooms-admin-page .page-header .btn-refresh{background:var(--card-background);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.chat-rooms-admin-page .page-header .btn-refresh:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.chat-rooms-admin-page .page-header .btn-refresh .spinning{animation:1s linear infinite spin}.chat-rooms-admin-page .btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-weight:600;transition:background .15s;display:inline-flex}.chat-rooms-admin-page .btn-primary:hover:not(:disabled){background:var(--primary-color-dark)}.chat-rooms-admin-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}.chat-rooms-admin-page .btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:.55rem 1.1rem}.chat-rooms-admin-page .btn-secondary:hover:not(:disabled){background:var(--background-hover)}.chat-rooms-admin-page .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.chat-rooms-admin-page .suggested-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.chat-rooms-admin-page .suggested-card__head{margin-bottom:.75rem}.chat-rooms-admin-page .suggested-card__head h2{color:var(--text-primary);margin:0;font-size:.95rem}.chat-rooms-admin-page .suggested-card__head p{color:var(--text-muted);margin:.25rem 0 0;font-size:.8125rem}.chat-rooms-admin-page .suggested-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;display:grid}.chat-rooms-admin-page .suggested-chip{background:var(--background-color);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:.15rem .5rem;padding:.55rem .75rem;transition:all .15s;display:grid}.chat-rooms-admin-page .suggested-chip:hover:not(:disabled){border-color:var(--primary-color);background:var(--background-hover)}.chat-rooms-admin-page .suggested-chip:disabled{opacity:.55;cursor:not-allowed}.chat-rooms-admin-page .suggested-chip__slug{color:var(--text-muted);grid-area:1/1;font-family:monospace;font-size:.75rem}.chat-rooms-admin-page .suggested-chip__name{color:var(--text-primary);grid-area:2/1;font-size:.9rem;font-weight:600}.chat-rooms-admin-page .suggested-chip__action{color:var(--primary-color);white-space:nowrap;grid-area:1/2/span 2;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.chat-rooms-admin-page .create-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.chat-rooms-admin-page .create-card h2{color:var(--text-primary);margin:0 0 1rem;font-size:1rem}.chat-rooms-admin-page .create-card .create-grid{grid-template-columns:1fr 1fr;gap:.75rem 1rem;display:grid}.chat-rooms-admin-page .create-card .create-grid label{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.chat-rooms-admin-page .create-card .create-grid label.span-2{grid-column:1/-1}.chat-rooms-admin-page .create-card .create-grid label input{border:1px solid var(--border-color);background:var(--background-color);color:var(--text-primary);border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.chat-rooms-admin-page .create-card .create-grid label input:focus{border-color:var(--primary-color);outline:none}.chat-rooms-admin-page .create-card .create-grid label small{color:var(--text-muted);font-size:.75rem}.chat-rooms-admin-page .create-card .create-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.chat-rooms-admin-page .rooms-table-wrap{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.chat-rooms-admin-page .loading{text-align:center;color:var(--text-secondary);padding:3rem}.chat-rooms-admin-page .rooms-table{border-collapse:collapse;text-align:left;width:100%}.chat-rooms-admin-page .rooms-table thead{background:var(--background-color)}.chat-rooms-admin-page .rooms-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.chat-rooms-admin-page .rooms-table tbody tr{border-bottom:1px solid var(--border-color)}.chat-rooms-admin-page .rooms-table tbody tr:last-child{border-bottom:none}.chat-rooms-admin-page .rooms-table tbody tr:hover{background:var(--background-hover)}.chat-rooms-admin-page .rooms-table tbody tr.inactive{opacity:.55}.chat-rooms-admin-page .rooms-table tbody tr td{color:var(--text-primary);vertical-align:middle;padding:.75rem 1rem;font-size:.9rem}.chat-rooms-admin-page .rooms-table tbody tr td.num-cell{width:70px}.chat-rooms-admin-page .rooms-table tbody tr td.num-cell input{border:1px solid var(--border-color);background:var(--background-color);width:50px;color:var(--text-primary);border-radius:4px;padding:.3rem .4rem;font-size:.85rem}.chat-rooms-admin-page .rooms-table tbody tr td.slug-cell{color:var(--text-secondary);white-space:nowrap;font-family:monospace}.chat-rooms-admin-page .rooms-table tbody tr td.muted{color:var(--text-muted);font-size:.825rem}.chat-rooms-admin-page .rooms-table tbody tr td.action-cell{justify-content:flex-end;gap:.4rem;display:flex}.chat-rooms-admin-page .rooms-table tbody tr td .desc{color:var(--text-secondary)}.chat-rooms-admin-page .rooms-table tbody tr td input[type=text]{border:1px solid var(--border-color);background:var(--background-color);width:100%;color:var(--text-primary);border-radius:4px;padding:.4rem .6rem;font-size:.875rem}.chat-rooms-admin-page .rooms-table tbody tr .empty{text-align:center;color:var(--text-secondary);padding:3rem}.chat-rooms-admin-page .status-pill{cursor:pointer;border:none;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:600;transition:opacity .15s}.chat-rooms-admin-page .status-pill.active{color:#16a34a;background:#22c55e26}.chat-rooms-admin-page .status-pill.inactive{color:var(--text-muted);background:#94a3b826}.chat-rooms-admin-page .status-pill:hover:not(:disabled){opacity:.8}.chat-rooms-admin-page .status-pill:disabled{opacity:.5;cursor:not-allowed}.chat-rooms-admin-page .btn-icon{border:1px solid var(--border-color);background:var(--card-background);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.chat-rooms-admin-page .btn-icon:hover:not(:disabled){background:var(--background-hover)}.chat-rooms-admin-page .btn-icon.edit:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.chat-rooms-admin-page .btn-icon.save:hover:not(:disabled){color:#16a34a;border-color:#16a34a}.chat-rooms-admin-page .btn-icon.cancel:hover:not(:disabled){color:#ef4444;border-color:#ef4444}.chat-rooms-admin-page .btn-icon:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.chat-rooms-admin-page{padding:1rem}.chat-rooms-admin-page .create-grid{grid-template-columns:1fr!important}.chat-rooms-admin-page .rooms-table-wrap{overflow-x:auto}.chat-rooms-admin-page .rooms-table{font-size:.825rem}}:root{--primary-color:#1b87fa;--primary-color-light:#1bb5fa;--primary-color-dark:#1b70fa;--primary-rgb:27, 135, 250;--secondary-color:#7c8fac;--secondary-color-light:#e0f2fe;--success-color:#00b112;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#0284c7;--background-color:#f1f1f2;--surface-color:#fff;--card-background:#f8f8f8;--border-color:#d3d3d3;--background-hover:#e5e5e5;--background-info:#f0f9ff;--background-primary:#f1f1f2;--background-secondary:#f8f8f8;--border-primary:#d3d3d3;--accent-primary:#1b87fa;--text-primary:#000;--text-secondary:#828282;--text-muted:#818384;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}[data-theme=dark]{--background-color:#0f0f0f;--surface-color:#1a1a1a;--card-background:#262626;--border-color:#404040;--background-hover:#333;--background-info:#1e293b;--background-primary:#0f0f0f;--background-secondary:#262626;--border-primary:#404040;--text-primary:#fff;--text-secondary:#a1a1a1;--text-muted:#737373;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}.klyx-text-gradient{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.klyx-text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.klyx-text-balance{text-wrap:balance}:root{--space-unit:16px;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--padding-card:24px;--padding-modal:32px;--padding-section:48px;--appbar-height:70px;--sidebar-width:280px;--sidebar-collapsed-width:70px;--footer-height:60px;--content-max-width:1400px;--dashboard-max-width:1400px;--feed-max-width:680px;--profile-max-width:1200px;--settings-max-width:800px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px;--avatar-2xl:120px;--button-sm:32px;--button-md:40px;--button-lg:48px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--input-sm:32px;--input-md:40px;--input-lg:48px;--page-content-height:calc(100vh - 70px);--full-page-height:calc(100vh - 70px - 60px);--screen-xs:375px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-base:0;--z-sticky:5;--z-card:10;--z-dropdown:15;--z-tooltip:20;--z-popover:25;--z-spotlight-card:30;--z-appbar:50;--z-sidebar:55;--z-floating-action:60;--z-drawer:100;--z-modal-backdrop:150;--z-modal:160;--z-notification:170;--z-toast:180;--z-fullscreen:200;--z-loading-overlay:250;--z-critical:999}.klyx-shadow-none{box-shadow:none!important}.klyx-shadow-xs,.klyx-shadow-sm{box-shadow:var(--shadow-sm)}.klyx-shadow-md{box-shadow:var(--shadow-md)}.klyx-shadow-lg{box-shadow:var(--shadow-lg)}.klyx-shadow-xl{box-shadow:var(--shadow-xl)}.klyx-shadow-primary{box-shadow:0 8px 16px -4px #f26d634d}.klyx-glow{box-shadow:0 0 16px #f26d6399}.klyx-fade-in{animation:.25s cubic-bezier(0,0,.2,1) klyx-fade-in}.klyx-fade-in-up{animation:.25s cubic-bezier(0,0,.2,1) klyx-fade-in-up}.klyx-scale-in{animation:.25s cubic-bezier(0,0,.2,1) klyx-scale-in}.klyx-spin{animation:1s linear infinite klyx-spin}.klyx-pulse{animation:2s cubic-bezier(.4,0,.2,1) infinite klyx-pulse}.klyx-glow{animation:2s cubic-bezier(.4,0,.2,1) infinite klyx-glow}.klyx-transition-all{transition:all .25s cubic-bezier(.4,0,.2,1)}.klyx-transition-colors{transition:color,background-color,border-color .25s cubic-bezier(.4,0,.2,1)}.klyx-transition-transform{transition:transform .25s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ug-page{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.ug-header h1{color:var(--text-primary);margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.ug-header p{color:var(--text-secondary);margin:0;font-size:.9375rem}.ug-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ug-presets{gap:.375rem;display:flex}.ug-preset-btn,.ug-gran-btn{font:inherit;color:var(--text-secondary);cursor:pointer;border:none;border:1px solid var(--border-color);background:0 0;background:var(--card-background);cursor:pointer;border-radius:6px;margin:0;padding:.4rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s}.ug-preset-btn:hover,.ug-gran-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.ug-preset-btn.active,.ug-gran-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.ug-date-range{align-items:center;gap:.5rem;margin-left:auto;display:flex}.ug-date-range label{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.ug-date-range label input[type=date]{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.375rem .625rem;font-size:.8125rem}.ug-date-range label input[type=date]:focus{border-color:var(--primary-color);outline:none}.ug-date-sep{color:var(--text-muted);font-size:.875rem}.ug-granularity{gap:.25rem;display:flex}.ug-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.ug-funnel{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ug-funnel-arrow{color:var(--text-muted);flex-shrink:0;font-size:1rem}@media (width<=768px){.ug-funnel-arrow{display:none}}.ug-funnel-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;gap:.5rem;min-width:200px;padding:1rem;display:flex}.ug-funnel-icon{color:var(--primary-color);font-size:1.5rem}.ug-funnel-icon.verified{color:#22c55e}.ug-funnel-icon.profile{color:#f59e0b}.ug-funnel-body{flex-direction:column;gap:.125rem;display:flex}.ug-funnel-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.ug-funnel-label{color:var(--text-secondary);font-size:.8125rem}.ug-funnel-split{color:var(--text-muted);gap:.875rem;font-size:.8125rem;display:flex}.ug-funnel-split span{align-items:center;gap:.3rem;display:flex}.ug-funnel-rate{color:var(--text-muted);font-size:.8125rem;font-weight:500}.ug-chart-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem}.ug-chart-card h2{color:var(--text-primary);margin:0 0 1.25rem;font-size:1rem;font-weight:600}.ug-loading,.ug-empty{height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9375rem;display:flex}.ug-table-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem}.ug-table-card h2{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.ug-table-wrap{overflow-x:auto}.ug-table{border-collapse:collapse;width:100%;font-size:.875rem}.ug-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.625rem 1rem;font-weight:600}.ug-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.625rem 1rem}.ug-table tbody tr:last-child td{border-bottom:none}.ug-table tbody tr:hover td{background:var(--background-hover)}.ug-table strong{font-weight:600}.access-audit{max-width:1100px;padding:2rem}.access-audit .audit-header{margin-bottom:1.5rem}.access-audit .audit-header h1{margin:0 0 .25rem;font-size:1.5rem}.access-audit .audit-header .subtitle{color:var(--text-secondary,#888);margin:0;font-size:.875rem}.access-audit .audit-form{background:var(--card-bg,#1a1a2e);border:1px solid var(--border-color,#333);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.access-audit .audit-form label{margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.access-audit .audit-form .audit-form-row{align-items:center;gap:.75rem;display:flex}.access-audit .audit-form .audit-input{border:1px solid var(--border-color,#444);background:var(--input-bg,#0d0d1a);color:var(--text-primary,#fff);border-radius:6px;width:160px;padding:.5rem .75rem;font-size:.9rem}.access-audit .audit-form .audit-hint{color:var(--text-secondary,#888);margin:.5rem 0 0;font-size:.78rem}.access-audit .alert{border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.access-audit .alert.alert-error{color:#fca5a5;background:#ef444426;border:1px solid #ef444466}.access-audit .alert.alert-success{color:#86efac;background:#22c55e26;border:1px solid #22c55e66}.access-audit .audit-summary{gap:1rem;margin-bottom:1rem;display:flex}.access-audit .audit-summary .summary-card{border:1px solid;border-radius:8px;flex-direction:column;flex:1;gap:.25rem;padding:1rem;display:flex}.access-audit .audit-summary .summary-card.card-ok{background:#22c55e1a;border-color:#22c55e4d}.access-audit .audit-summary .summary-card.card-warn{background:#eab3081a;border-color:#eab3084d}.access-audit .audit-summary .summary-card.card-neutral{background:var(--card-bg,#1a1a2e);border-color:var(--border-color,#333)}.access-audit .audit-summary .summary-card .summary-label{color:var(--text-secondary,#888);font-size:.75rem}.access-audit .audit-summary .summary-card .summary-value{font-size:1.5rem;font-weight:700}.access-audit .sync-bar{background:#eab3081a;border:1px solid #eab3084d;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.access-audit .sync-bar p{flex:1;margin:0}.access-audit .no-records{color:var(--text-secondary,#888);padding:1rem 0;font-style:italic}.access-audit .audit-table-wrap{border:1px solid var(--border-color,#333);border-radius:8px;overflow-x:auto}.access-audit .audit-table{border-collapse:collapse;width:100%;font-size:.85rem}.access-audit .audit-table th{background:var(--card-bg,#1a1a2e);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#888);border-bottom:1px solid var(--border-color,#333);padding:.6rem .75rem;font-size:.75rem;font-weight:600}.access-audit .audit-table .subheader th{background:var(--card-bg-dark,#111);padding:.3rem .75rem;font-size:.7rem}.access-audit .audit-table td{border-bottom:1px solid var(--border-color,#222);text-align:left;vertical-align:middle;padding:.65rem .75rem}.access-audit .audit-table tr:last-child td{border-bottom:none}.access-audit .audit-table .row-mismatch{background:#eab3080f}.access-audit .audit-table .cell-wallet{text-align:left;color:var(--text-secondary,#aaa);font-family:monospace;font-size:.8rem}.access-audit .audit-table .cell-bool{text-align:center;font-size:1rem;position:relative}.access-audit .audit-table .cell-bool.tick-yes{color:#4ade80}.access-audit .audit-table .cell-bool.tick-no{color:#f87171}.access-audit .audit-table .cell-bool.cell-mismatch{background:#eab30826;border-radius:4px}.access-audit .audit-table .cell-bool .cell-expiry{color:var(--text-secondary,#888);font-size:.7rem;display:block}.access-audit .audit-table .cell-expiry-chain{color:var(--text-secondary,#aaa);font-size:.78rem}.access-audit .audit-table .mismatch-badge{color:#000;text-align:center;vertical-align:middle;background:#eab308;border-radius:50%;width:14px;height:14px;margin-left:4px;font-size:.65rem;font-weight:700;line-height:14px;display:inline-block}.access-audit .audit-table .badge{border-radius:12px;padding:.2rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.access-audit .audit-table .badge.badge-ok{color:#86efac;background:#22c55e33}.access-audit .audit-table .badge.badge-warn{color:#fde047;background:#eab30833}.footer{background-color:#1a1a1a;border-top:1px solid #ffffff1a;width:100%;margin-top:auto;position:relative;bottom:0}.footer-container{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex}@media (width<=768px){.footer-container{flex-direction:column;gap:1rem;padding:1.5rem 1rem}}.footer-copyright{color:#ffffffb3;font-size:.875rem;font-weight:400}@media (width<=768px){.footer-copyright{text-align:center;order:2}}.footer-social{align-items:center;gap:1.5rem;display:flex}@media (width<=768px){.footer-social{order:1}}.footer-social-link{color:#fff9;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.footer-social-link:before{content:"";z-index:-1;background-color:#0000;border-radius:50%;transition:all .3s;position:absolute;inset:0}.footer-social-link:hover{color:var(--hover-color,#fff);transform:translateY(-2px)scale(1.1)}.footer-social-link:hover:before{background-color:#ffffff1a}.footer-social-link:active{transform:translateY(0)scale(1.05)}.footer-social-link:focus-visible{outline:2px solid var(--hover-color,#3b82f6);outline-offset:2px}.footer-social-link svg{transition:all .3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-container{animation:.5s ease-out fadeInUp}.hamburger-overlay{z-index:1100;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.hamburger-menu{background:var(--surface-color);border-right:1px solid var(--border-color);z-index:1101;flex-direction:column;width:280px;max-width:85vw;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.hamburger-menu.open{transform:translate(0)}.hamburger-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;display:flex}.hamburger-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.hamburger-close-btn{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:inline-flex}.hamburger-close-btn:hover{background:var(--background-hover);color:var(--text-primary)}.hamburger-close-btn:active{transform:scale(.95)}.hamburger-items{flex:1;margin:0;padding:.5rem 0;list-style:none}.hamburger-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:1rem;padding:.875rem 1.25rem;transition:all .2s;display:flex}.hamburger-item:hover{background:var(--background-hover);color:var(--text-primary)}.hamburger-item.active{background:rgba(var(--primary-rgb), .1);border-left-color:var(--primary-color);color:var(--primary-color)}.hamburger-item.active .hamburger-item-icon{color:var(--primary-color)}.hamburger-item-icon{width:1.5rem;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.25rem;transition:color .2s;display:flex}.hamburger-item-content{flex-direction:column;flex:1;gap:.125rem;display:flex}.hamburger-item-label{font-size:.9375rem;font-weight:500;line-height:1.2}.hamburger-item-description{color:var(--text-muted);font-size:.75rem;line-height:1.2}.hamburger-footer{border-top:1px solid var(--border-color);padding:1rem 1.25rem}.hamburger-version{color:var(--text-muted);text-align:center;margin:0;font-size:.75rem}.messages-overlay{z-index:1100;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.messages-panel{background:var(--surface-color);border-left:1px solid var(--border-color);z-index:1101;flex-direction:column;width:380px;max-width:100vw;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.messages-panel.open{transform:translate(0)}@media (width<=480px){.messages-panel{width:100vw}}.messages-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;display:flex}.messages-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.messages-close-btn{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:inline-flex}.messages-close-btn:hover{background:var(--background-hover);color:var(--text-primary)}.messages-list{flex:1;overflow-y:auto}.messages-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.messages-empty svg{opacity:.3;margin-bottom:1rem;font-size:3rem}.messages-empty p{margin:0;font-size:.9375rem}.message-item{cursor:pointer;border-bottom:1px solid var(--border-color);gap:.75rem;padding:1rem 1.25rem;transition:all .2s;display:flex;position:relative}.message-item:hover{background:var(--background-hover)}.message-item.unread{background:rgba(var(--primary-rgb), .05)}.message-avatar{border-radius:50%;flex-shrink:0;width:3rem;height:3rem;overflow:hidden}.message-avatar img{object-fit:cover;width:100%;height:100%}.message-avatar-placeholder{width:100%;height:100%;color:var(--text-primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.message-content{flex:1;min-width:0}.message-header-row{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.message-from-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.message-timestamp{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.message-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;line-height:1.4;overflow:hidden}.message-unread-indicator{background:var(--primary-color);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.messages-footer{border-top:1px solid var(--border-color);padding:1rem 1.25rem}.messages-view-all-btn{background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .3);width:100%;color:var(--primary-color);cursor:pointer;border-radius:.5rem;padding:.75rem;font-size:.9375rem;font-weight:600;transition:all .2s}.messages-view-all-btn:hover{background:rgba(var(--primary-rgb), .2);border-color:var(--primary-color)}.notifications-overlay{z-index:1100;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.notifications-panel{background:var(--surface-color);border-left:1px solid var(--border-color);z-index:1101;flex-direction:column;width:420px;max-width:100vw;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.notifications-panel.open{transform:translate(0)}@media (width<=480px){.notifications-panel{width:100vw}}.notifications-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.notifications-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.notifications-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.notifications-unread-count{color:var(--text-muted);font-size:.8125rem}.notifications-close-btn{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:inline-flex}.notifications-close-btn:hover{background:var(--background-hover);color:var(--text-primary)}.notifications-tabs{border-bottom:1px solid var(--border-color);scrollbar-width:none;gap:.5rem;padding:.75rem 1.25rem;display:flex;overflow-x:auto}.notifications-tabs::-webkit-scrollbar{display:none}.notifications-tab{border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:1.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.notifications-tab:hover{background:var(--background-hover);color:var(--text-primary)}.notifications-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary)}.notifications-mark-read-btn{border:1px solid rgba(var(--primary-rgb), .3);color:var(--primary-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.notifications-mark-read-btn:hover:not(:disabled){background:rgba(var(--primary-rgb), .1);border-color:var(--primary-color)}.notifications-mark-read-btn:disabled{opacity:.35;cursor:default;border-color:var(--border-color);color:var(--text-muted)}.notifications-mark-read-btn svg{font-size:.8rem}@media (width<=480px){.notifications-mark-read-btn{padding:.375rem}.notifications-mark-read-btn .mark-read-label{display:none}}.notifications-list{flex:1;padding:.5rem 0;overflow-y:auto}.notifications-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.notifications-empty svg{opacity:.3;margin-bottom:1rem;font-size:3rem}.notifications-empty p{margin:0;font-size:.9375rem}.notification-item{cursor:pointer;gap:.75rem;padding:1rem 1.25rem;transition:all .2s;display:flex;position:relative}.notification-item:hover{background:var(--background-hover)}.notification-item.unread{background:rgba(var(--primary-rgb), .05)}.notification-item:not(:last-child){border-bottom:1px solid var(--border-color)}.notification-icon-wrapper{flex-shrink:0}.notification-avatar{object-fit:cover;border-radius:50%;width:2.5rem;height:2.5rem}.notification-icon{border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;display:flex}.notification-icon.like{color:#ef4444;background:#ef44441a}.notification-icon.comment{background:rgba(var(--primary-rgb), .1);color:var(--primary-color)}.notification-icon.follow{color:#10b981;background:#10b9811a}.notification-icon.purchase{color:#f59e0b;background:#f59e0b1a}.notification-icon.spotlight{color:#eab308;background:#eab3081a}.notification-icon.royalty{color:#a855f7;background:#a855f71a}.notification-icon.system{color:#8b5cf6;background:#8b5cf61a}.notification-content{flex:1;min-width:0}.notification-title{color:var(--text-primary);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.notification-message{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;margin:0 0 .25rem;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-message.expanded{-webkit-line-clamp:unset;display:block;overflow:visible}.notification-expand-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0 0 .5rem;font-size:.75rem;font-weight:600}.notification-expand-btn:hover{text-decoration:underline}.notification-timestamp{color:var(--text-muted);font-size:.75rem}.notification-dismiss-btn{width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;font-size:.875rem;transition:all .2s;display:inline-flex}.notification-item:hover .notification-dismiss-btn{opacity:1}.notification-dismiss-btn:hover{background:var(--background-hover);color:var(--text-secondary)}.notification-unread-indicator{background:var(--primary-color);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.notifications-footer{border-top:1px solid var(--border-color);padding:1rem 1.25rem}.notifications-view-all-btn{background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .3);width:100%;color:var(--primary-color);cursor:pointer;border-radius:.5rem;padding:.75rem;font-size:.9375rem;font-weight:600;transition:all .2s}.notifications-view-all-btn:hover{background:rgba(var(--primary-rgb), .2);border-color:var(--primary-color)}.user-menu{z-index:10000;position:relative}.user-menu-trigger{cursor:pointer;background:0 0;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.25rem .5rem;transition:all .2s;display:flex}.user-menu-trigger:hover{background:var(--background-hover)}.user-menu-trigger:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.user-avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-initials{color:var(--text-primary);font-size:.875rem;font-weight:600}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.875rem;font-weight:500;overflow:hidden}@media (width<=768px){.user-name.desktop-only{display:none}}.user-menu-icon{color:var(--text-muted);font-size:.75rem;transition:transform .2s}.user-menu-icon.open{transform:rotate(180deg)}.user-menu-dropdown{background:var(--background-color);border:1px solid var(--border-color);z-index:9999;border-radius:.75rem;width:320px;max-width:90vw;animation:.2s slideDown;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 10px 40px #00000080}.user-menu-header{background:var(--background-hover);gap:.75rem;padding:1.25rem;display:flex}.user-avatar-large{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex;overflow:hidden}.user-avatar-large img{object-fit:cover;width:100%;height:100%}.user-avatar-large .user-initials{font-size:1.25rem}.user-info{flex:1;min-width:0}.user-display-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:1rem;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;overflow:hidden}.user-menu-wallet{background:rgba(var(--primary-rgb), .05);padding:1rem 1.25rem}.wallet-info{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.wallet-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.wallet-balance{color:var(--primary-color);font-size:1.25rem;font-weight:700}.wallet-address-btn{background:var(--background-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:Courier New,monospace;font-size:.8125rem;transition:all .2s;display:flex}.wallet-address-btn:hover{background:var(--background-hover);border-color:var(--border-color)}.wallet-address-btn svg{color:var(--primary-color)}.user-menu-divider{background:var(--background-hover);height:1px;margin:0}.user-menu-items{margin:0;padding:.5rem 0;list-style:none}.user-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.9375rem;transition:all .2s;display:flex}.user-menu-item:hover{background:var(--background-hover);color:var(--text-primary)}.user-menu-item:hover svg{color:var(--primary-color)}.user-menu-item svg{width:1.125rem;color:var(--text-primary);transition:color .2s}.user-menu-logout{color:#ef4444;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.user-menu-logout:hover{background:#ef44441a}.user-menu-logout svg{width:1.125rem}.user-menu-theme{padding:.75rem 1.25rem}.theme-toggle-row{justify-content:space-between;align-items:center;display:flex}.theme-toggle-label{color:var(--text-primary);align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.theme-toggle-label svg{width:1.125rem;color:var(--text-primary)}.theme-toggle-switch{background:var(--background-hover);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;width:48px;height:24px;padding:0;transition:all .3s;position:relative}.theme-toggle-switch:hover{background:var(--background-hover)}.theme-toggle-switch.active{background:var(--primary-color);border-color:var(--primary-color)}.theme-toggle-slider{background:var(--surface-color);border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:2px;left:2px}.theme-toggle-switch.active .theme-toggle-slider{transform:translate(24px)}.user-menu-section-header{color:var(--success-color);text-transform:uppercase;letter-spacing:.5px;background:#60d3941a;border-top:1px solid #60d39433;border-bottom:1px solid #60d39433;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:600;display:flex}.user-menu-section-header svg{width:1rem;color:var(--success-color)}.admin-items{background:#60d39405}.admin-items .admin-item:hover{background:#60d3941a}.admin-items .admin-item:hover svg{color:var(--success-color)}.admin-items .admin-item svg{color:#60d394cc}.search-bar{width:100%;position:relative}.search-bar.mobile .search-input-wrapper{background:var(--surface-color);border:1px solid var(--border-color)}.search-bar.mobile .search-results{border:none;border-top:1px solid var(--border-color);border-radius:0;height:100vh;max-height:none;position:fixed;bottom:0;left:0;right:0}.search-input-wrapper{background:var(--background-hover);border:1px solid var(--border-color);border-radius:2rem;align-items:center;gap:.5rem;padding:0 1rem;transition:all .2s;display:flex;position:relative}.search-input-wrapper:focus-within{background:var(--background-hover);border-color:rgba(var(--primary-rgb), .5);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}.search-icon{color:var(--text-muted);flex-shrink:0;font-size:1rem}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-size:.9375rem}.search-input::placeholder{color:var(--text-muted)}.search-clear-btn{width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:inline-flex}.search-clear-btn:hover{background:var(--background-hover);color:var(--text-secondary)}.search-cancel-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .5rem;font-size:.9375rem;font-weight:500;transition:opacity .2s}.search-cancel-btn:hover{opacity:.8}.search-results{background:var(--surface-color);border:1px solid var(--border-color);z-index:1200;border-radius:.75rem;max-height:70vh;animation:.2s slideDown;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #00000080}.search-loading,.search-no-results{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.search-loading svg,.search-no-results svg{opacity:.3;font-size:2rem}.search-loading p,.search-no-results p{margin:0;font-size:.9375rem}.search-spinner{border:3px solid rgba(var(--primary-rgb), .2);border-top-color:var(--primary-color);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}.search-results-header{background:var(--background-hover);border-bottom:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.search-results-count{color:var(--text-muted);font-weight:400}.search-results-list{max-height:calc(70vh - 3rem);margin:0;padding:0;list-style:none;overflow-y:auto}.search-result-item{border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;transition:all .2s;display:flex}.search-result-item:hover{background:var(--background-hover)}.search-result-item:last-child{border-bottom:none}.search-result-icon-wrapper{flex-shrink:0;position:relative}.search-result-avatar{object-fit:cover;border-radius:50%;width:2.5rem;height:2.5rem}.search-result-icon{background:rgba(var(--primary-rgb), .1);width:2.5rem;height:2.5rem;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.search-result-type-badge{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600;position:absolute;bottom:-4px;right:-4px}.search-result-content{flex:1;min-width:0}.search-result-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .125rem;font-size:.9375rem;font-weight:500;overflow:hidden}.search-result-subtitle{border-top:1px solid var(--border-color);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;padding-top:.25rem;font-size:.8125rem;overflow:hidden}.app-bar{z-index:1000;background:color-mix(in srgb, var(--surface-color) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:transform .3s,opacity .3s;position:fixed;top:0;left:0;right:0}.app-bar.visible{opacity:1;transform:translateY(0)}.app-bar.hidden{opacity:0;transform:translateY(-100%)}.app-bar-container{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex}@media (width<=768px){.app-bar-container{gap:1rem;padding:.75rem 1rem}}.app-bar-left{align-items:center;gap:1rem;display:flex}.app-bar-logo{cursor:pointer;align-items:center;gap:.5rem;transition:opacity .2s;display:flex}.app-bar-logo:hover{opacity:.8}.app-bar-logo img{width:auto;height:32px}.app-bar-logo .app-bar-brand{color:var(--text-primary);letter-spacing:.5px;font-size:1.25rem;font-weight:700}@media (width<=480px){.app-bar-logo .app-bar-brand{display:none}}.app-bar-center{flex:1;justify-content:center;max-width:600px;display:flex}@media (width<=768px){.app-bar-center{display:none}}.app-bar-right{align-items:center;gap:.5rem;display:flex}.app-bar-icon-btn{width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:inline-flex;position:relative}.app-bar-icon-btn:hover{background:var(--background-hover);color:var(--text-primary)}.app-bar-icon-btn:active{transform:scale(.95)}.app-bar-icon-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-bar-icon-btn.mobile-only{display:none}@media (width<=768px){.app-bar-icon-btn.mobile-only{display:inline-flex}}.app-bar-badge{background:var(--danger-color);color:#fff;border:2px solid var(--surface-color);border-radius:10px;justify-content:center;align-items:center;min-width:.125rem;height:.625rem;padding:0 .25rem;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:0;right:0;box-shadow:0 2px 4px #0003}.mobile-search-overlay{background:color-mix(in srgb, var(--surface-color) 95%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:999;padding:1rem;animation:.2s slideDown;position:fixed;top:60px;left:0;right:0}@media (width>=769px){.mobile-search-overlay{display:none}}body.app-bar-visible{padding-top:60px}.session-timeout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.session-timeout-modal{background:var(--card-background);border:1px solid var(--border-color);width:90%;max-width:420px;box-shadow:var(--shadow-xl);text-align:center;border-radius:12px;padding:2rem;animation:.2s ease-out slideUp}.modal-icon{margin-bottom:.75rem;font-size:2.5rem}.session-timeout-modal h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.modal-message{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.875rem}.countdown-display{background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;margin:0 0 1.25rem;padding:1.25rem}.countdown-time{color:var(--primary-color);letter-spacing:.05em;margin-bottom:.25rem;font-size:2.5rem;font-weight:700;display:block}.countdown-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;display:block}.modal-info{color:var(--text-muted);margin:0 0 1.5rem;font-size:.8125rem}.modal-actions{justify-content:center;gap:.75rem;display:flex}.logout-btn,.continue-btn{cursor:pointer;border-radius:8px;min-width:130px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.logout-btn{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.logout-btn:hover{background:var(--background-hover);color:var(--text-primary);border-color:var(--text-muted)}.continue-btn{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.continue-btn:hover{background:var(--primary-color-dark);border-color:var(--primary-color-dark)}.logout-btn:active,.continue-btn:active{transform:translateY(1px)}