.password-input{width:100%}.password-input-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.password-input-required{color:var(--color-error-500)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-field{width:100%;padding-right:2.5rem}.password-input-field-error{border-color:var(--color-error-500)}.password-input-toggle{position:absolute;right:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.password-input-toggle:hover:not(:disabled){color:var(--color-text-primary)}.password-input-toggle:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.password-input-strength{margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.password-input-strength-bar{flex:1;height:4px;background-color:var(--color-border-primary);border-radius:var(--radius-full);overflow:hidden}.password-input-strength-fill{height:100%;transition:width var(--transition-fast),background-color var(--transition-fast);border-radius:var(--radius-full)}.password-input-strength-0{background-color:var(--color-error-500)}.password-input-strength-1{background-color:var(--color-warning-500)}.password-input-strength-2{background-color:var(--color-warning-400)}.password-input-strength-3{background-color:var(--color-success-500)}.password-input-strength-4{background-color:var(--color-success-400)}.password-input-strength-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:60px;text-align:right}.password-input-error{color:var(--color-error-500);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.password-input-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:block}.password-strength-indicator{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.password-strength-bar{flex:1;height:4px;background-color:var(--color-border-primary);border-radius:var(--radius-full);overflow:hidden}.password-strength-fill{height:100%;width:0%;transition:width var(--transition-base),background-color var(--transition-base);border-radius:var(--radius-full)}.password-strength-fill-weak{width:33.33%;background-color:var(--color-status-error)}.password-strength-fill-medium{width:66.66%;background-color:var(--color-status-warning)}.password-strength-fill-strong{width:100%;background-color:var(--color-status-success)}.password-strength-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:60px;text-align:right}.password-strength-weak .password-strength-label{color:var(--color-status-error)}.password-strength-medium .password-strength-label{color:var(--color-status-warning)}.password-strength-strong .password-strength-label{color:var(--color-status-success)}.password-setup-modal-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md)}.password-setup-modal{background-color:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:480px;padding:var(--spacing-xl);border:1px solid var(--color-border-primary)}.password-setup-modal-header{margin-bottom:var(--spacing-lg)}.password-setup-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.password-setup-modal-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.password-setup-modal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-setup-modal-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.password-setup-modal-error{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-status-error-bg);color:var(--color-status-error-text);font-size:var(--font-size-sm)}.password-setup-modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.password-setup-modal-button{flex:1;height:var(--button-height-md);padding:0 var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.password-setup-modal-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.password-setup-modal-button-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.password-setup-modal-button-primary:hover:not(:disabled){background-color:var(--color-button-primary-hover)}.password-setup-modal-button-primary:active:not(:disabled){background-color:var(--color-button-primary-active)}.password-setup-modal-success{text-align:center;padding:var(--spacing-xl) 0}.password-setup-modal-success-icon{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-status-success-bg);color:var(--color-status-success);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-lg)}.password-setup-modal-success h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.password-setup-modal-success p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-bg-secondary);flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initial{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.avatar-clickable{cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast)}.avatar-clickable:hover{opacity:var(--opacity-hover);transform:scale(1.05)}.avatar-clickable:active{opacity:var(--opacity-pressed);transform:scale(.95)}.avatar-clickable:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.avatar-sm{width:2rem;height:2rem;font-size:var(--font-size-sm)}.avatar-md{width:2.5rem;height:2.5rem;font-size:var(--font-size-base)}.avatar-lg{width:3.5rem;height:3.5rem;font-size:var(--font-size-xl)}.search-results-panel{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;max-height:500px;overflow-y:auto;z-index:1000;padding:var(--spacing-md)}.search-results-loading,.search-results-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-base)}.search-results-section{margin-bottom:var(--spacing-lg)}.search-results-section:last-child{margin-bottom:0}.search-results-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm)}.search-results-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.search-results-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.search-results-item:hover{background-color:var(--color-bg-secondary)}.search-results-item-content{flex:1;min-width:0}.search-results-item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results-item-meta{font-size:var(--font-size-sm);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-primary);height:var(--header-height);position:sticky;top:0;z-index:var(--z-sticky);width:100%;box-shadow:none;margin:0}@media(min-width:768px){.app-header{position:sticky}}@media(max-width:767px){.app-header{position:relative;width:100%;margin:0}}.app-header-left{flex:0 0 auto;min-width:0}.app-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-center{flex:1;display:flex;justify-content:center;padding:0 var(--spacing-md);min-width:0}.app-header-search-wrapper{position:relative;width:100%;max-width:500px}.app-header-search{position:relative;width:100%;display:flex;align-items:center}.app-header-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;z-index:2;display:block;line-height:1}.app-header-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md)!important;padding-left:3rem!important;height:var(--input-height-md);border-radius:var(--radius-full)!important;box-sizing:border-box}.app-header-right{flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-sm)}.app-header-bell{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background-color:transparent;color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast)}.app-header-bell:hover{opacity:var(--opacity-hover);background-color:var(--color-bg-tertiary)}.app-header-bell:active{opacity:var(--opacity-pressed)}.app-header-bell-badge{position:absolute;top:4px;right:4px;background-color:var(--color-status-error, #ef4444);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.app-header-menu-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background-color:transparent;color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast)}.app-header-menu-button:hover{opacity:var(--opacity-hover)}.app-header-menu-button:active{opacity:var(--opacity-pressed)}@media(max-width:767px){.app-header{padding:var(--spacing-sm) var(--spacing-md)}.app-header-title{font-size:var(--font-size-lg)}.app-header-center{padding:0 var(--spacing-sm)}.app-header-search{max-width:none}}.content-18plus-wall{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-elevated);border-radius:var(--radius-md);z-index:10}.content-18plus-wall-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);max-width:400px;gap:var(--spacing-md)}.content-18plus-wall-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.content-18plus-wall-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.content-18plus-wall-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.content-18plus-wall-button{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:1px solid var(--color-button-primary-bg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.content-18plus-wall-button:hover{background-color:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.content-18plus-wall-button:active{background-color:var(--color-button-primary-active);border-color:var(--color-button-primary-active)}.asset-tile{cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.asset-tile:hover{transform:translateY(-2px)}.asset-tile-grid{position:relative;width:100%;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden}.asset-tile-grid .asset-tile-name{display:none}.asset-tile-list{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md)}.asset-tile-list:hover{background-color:var(--color-bg-tertiary)}.asset-tile-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:var(--color-bg-tertiary)}.asset-tile-grid .asset-tile-thumbnail{border-radius:0}.asset-tile-list .asset-tile-thumbnail{position:relative;width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-sm)}.asset-tile-thumbnail img{width:100%;height:100%;object-fit:cover}.asset-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.asset-tile-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-xs);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity var(--transition-base)}.asset-tile:hover .asset-tile-overlay{opacity:1}.asset-tile-duration{align-self:flex-end;padding:var(--spacing-xs) var(--spacing-sm);background-color:#000000b3;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:#fff}.asset-tile-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-tile-list .asset-tile-name{font-size:var(--font-size-base);font-weight:600}.asset-tile-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.asset-tile-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.asset-tile-multiselect{position:relative}.asset-tile-selected{border:3px solid var(--color-interactive-primary)!important;border-radius:var(--radius-md)}.asset-tile-grid.asset-tile-selected,.asset-tile-list.asset-tile-selected{border:3px solid var(--color-interactive-primary)!important}.asset-tile-multiselect .asset-tile-overlay{opacity:1}.asset-tile-creator-avatar{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);z-index:2;width:2rem;height:2rem;border-radius:50%;border:2px solid var(--color-bg-primary);background:var(--color-bg-primary);padding:0;cursor:pointer;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;justify-content:center}.asset-tile-creator-avatar:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.asset-tile-creator-avatar .avatar{width:100%;height:100%;border-radius:50%;flex-shrink:0}.asset-tile-creator-avatar .avatar img,.asset-tile-creator-avatar .avatar .avatar-initial{width:100%;height:100%}.upload-asset-form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px;margin:0 auto}.upload-asset-form-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0}.upload-asset-form-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-base)}.upload-asset-form-dropzone:hover{border-color:var(--color-interactive-primary);background-color:var(--color-bg-tertiary)}.upload-asset-form-dropzone p{margin:0;color:var(--color-text-primary);font-weight:500}.upload-asset-form-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400}.upload-asset-form-input{display:none}.upload-asset-form-files{display:flex;flex-direction:column;gap:var(--spacing-md)}.upload-asset-form-files h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.upload-asset-form-file-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.upload-asset-form-file-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);position:relative}.upload-asset-form-file-info{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.upload-asset-form-file-name{flex:1;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-asset-form-file-size{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.upload-asset-form-file-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.upload-asset-form-progress-bar{flex:1;height:4px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.upload-asset-form-progress-fill{height:100%;background-color:var(--color-interactive-primary);transition:width var(--transition-base)}.upload-asset-form-progress-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);min-width:60px;text-align:right}.upload-asset-form-file-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);padding:var(--spacing-xs);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.upload-asset-form-file-remove:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.upload-asset-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.upload-asset-form-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:none}.upload-asset-form-button:disabled{opacity:.5;cursor:not-allowed}.upload-asset-form-button-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.upload-asset-form-button-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.upload-asset-form-button-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.upload-asset-form-button-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.upload-asset-form-overall-progress{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-bg-secondary)}.upload-asset-form-overall-progress-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.upload-asset-form-overall-progress-text{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.upload-asset-form-overall-progress-percent{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.upload-asset-form-error-summary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-status-error-bg);color:var(--color-status-error-text);font-size:var(--font-size-xs)}.upload-asset-form-error-summary svg{flex-shrink:0}.upload-asset-form-file-name-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0}.upload-asset-form-file-status-icon{display:flex;align-items:center;flex-shrink:0}.upload-asset-form-icon-success{color:var(--color-status-success)}.upload-asset-form-icon-error{color:var(--color-status-error)}.upload-asset-form-spinner{width:14px;height:14px;border:2px solid var(--color-border-secondary);border-top-color:var(--color-interactive-primary);border-radius:50%;animation:spin .8s linear infinite}.upload-asset-form-pending-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-tertiary)}.upload-asset-form-file-item-error{border:1px solid var(--color-status-error);background-color:var(--color-status-error-bg)}.upload-asset-form-file-error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-status-error-bg);color:var(--color-status-error-text);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.upload-asset-form-file-error svg{flex-shrink:0}.upload-asset-form-file-warning{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-status-warning-bg, #fef3c7);color:var(--color-status-warning-text, #92400e);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.upload-asset-form-file-warning svg{flex-shrink:0}.upload-asset-form-file-status-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);font-style:italic}.upload-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px dashed var(--color-border-secondary);border-radius:0;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);width:100%;height:100%!important;min-height:0!important;max-height:100%!important}.upload-tile:hover{border-color:var(--color-interactive-primary);background-color:var(--color-bg-tertiary);color:var(--color-interactive-primary)}.upload-tile:active{opacity:var(--opacity-pressed)}.upload-tile-label{font-size:var(--font-size-sm);font-weight:500}.asset-list{width:100%;display:block;min-width:0}.asset-list-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;grid-auto-rows:auto!important;grid-auto-flow:row!important;gap:0;padding:0;justify-content:start;width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box}.asset-list-grid>*{width:100%;aspect-ratio:1!important;min-width:0;min-height:0}@media(min-width:768px){.asset-list-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))!important}}@media(min-width:1024px){.asset-list-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}}.asset-list-list{display:flex;flex-direction:column}.asset-list-upload-tile-list{aspect-ratio:auto;min-height:auto;padding:var(--spacing-md);flex-direction:row;justify-content:flex-start;gap:var(--spacing-md);border-radius:var(--radius-md)}.asset-list-upload-tile-list .upload-tile-label{font-size:var(--font-size-base)}.asset-list-loading,.asset-list-loading-more{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.asset-list-observer{height:1px;width:100%}.rich-text-input-wrapper{width:100%;position:relative;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast);height:8rem;display:flex;flex-direction:column}.rich-text-input-wrapper:focus-within{border-color:var(--color-border-focus)}.rich-text-input-wrapper.disabled{opacity:.6;cursor:not-allowed}.rich-text-input-wrapper>div{width:100%;height:100%;display:flex;flex-direction:column;flex:1}.rich-text-input-editor{width:100%;height:100%;min-height:80px;padding:12px;border:none;border-radius:0;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;transition:all var(--transition-fast);outline:none;display:flex;flex-direction:column;flex:1}.rich-text-input-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--color-text-tertiary);pointer-events:none;position:absolute}.ProseMirror{outline:none;min-height:60px;height:100%;flex:1;display:flex;flex-direction:column}.ProseMirror strong{font-weight:600;color:var(--color-text-primary)}.ProseMirror em{font-style:italic}.ProseMirror a{color:var(--color-interactive-primary);text-decoration:underline;cursor:pointer}.ProseMirror a:hover{text-decoration:none}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em;margin:.5em 0}.ProseMirror ul{list-style-type:disc}.ProseMirror ol{list-style-type:decimal}.ProseMirror li{margin:.25em 0}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{font-weight:600;margin:.75em 0 .5em;line-height:1.2}.ProseMirror h1{font-size:1.5em}.ProseMirror h2{font-size:1.25em}.ProseMirror h3{font-size:1.1em}.ProseMirror h1:first-child,.ProseMirror h2:first-child,.ProseMirror h3:first-child{margin-top:0}.ProseMirror code{background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:.125em .25em;border-radius:var(--radius-sm);font-size:.9em;font-family:var(--font-family-mono)}.ProseMirror pre{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:.75em 1em;margin:.5em 0;overflow-x:auto}.ProseMirror pre code{background:transparent;padding:0;font-size:.875em;color:var(--color-text-primary)}.ProseMirror blockquote{border-left:3px solid var(--color-border-primary);padding-left:1em;margin:.5em 0;color:var(--color-text-secondary);font-style:italic}.date-time-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.date-time-input-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.date-time-input-group{display:flex;gap:var(--spacing-sm);align-items:stretch}.date-time-input-field{flex:1;display:flex}.date-time-input-date,.date-time-input-time{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;outline:none;transition:border-color var(--transition-fast);width:100%}.date-time-input-date:focus,.date-time-input-time:focus{border-color:var(--color-border-focus)}.date-time-input-date::-webkit-calendar-picker-indicator,.date-time-input-time::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;filter:invert(.5)}.date-time-input-date::-webkit-calendar-picker-indicator:hover,.date-time-input-time::-webkit-calendar-picker-indicator:hover{opacity:1}@media(max-width:768px){.date-time-input-group{flex-direction:column}}.tag-selector{position:relative;width:100%}.tag-selector-input-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-primary)}.tag-selector-search-icon{color:var(--color-text-tertiary);flex-shrink:0}.tag-selector-input{flex:1;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-base)}.tag-selector-input::placeholder{color:var(--color-text-tertiary)}.tag-selector-spinner{width:16px;height:16px;border:2px solid var(--color-border-primary);border-top-color:var(--color-interactive-primary);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.tag-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:1000}.tag-selector-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-base);transition:background-color var(--transition-fast)}.tag-selector-option:hover{background-color:var(--color-bg-secondary)}.tag-selector-option.tag-selector-create{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-interactive-primary);font-weight:var(--font-weight-medium)}.tag-selector-loading,.tag-selector-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.tag-selector-selected{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.tag-selector-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.tag-selector-chip-remove{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-xs);transition:background-color var(--transition-fast),color var(--transition-fast)}.tag-selector-chip-remove:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.asset-paywall-editor{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.asset-paywall-editor-loading{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.asset-paywall-editor-asset{display:flex;gap:var(--spacing-md);align-items:flex-start}.asset-paywall-editor-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.asset-paywall-editor-thumbnail img{width:100%;height:100%;object-fit:cover}.asset-paywall-editor-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.asset-paywall-editor-info{flex:1;min-width:0}.asset-paywall-editor-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-paywall-editor-current{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.asset-paywall-editor-current-item{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.asset-paywall-editor-controls{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.asset-paywall-editor-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.asset-paywall-editor-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.asset-paywall-editor-tiers{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.asset-paywall-editor-tier-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.asset-paywall-editor-tier-checkbox:hover{background:var(--color-bg-secondary)}.asset-paywall-editor-tier-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0}.asset-paywall-editor-tier-checkbox span{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1}.asset-paywall-editor-ppv-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-elevated);color:var(--color-text-primary);width:100%}.asset-paywall-editor-ppv-input:focus{outline:none;border-color:var(--color-interactive-primary)}.asset-paywall-editor-hint{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.paywall-review-step{display:flex;flex-direction:column;height:100%;min-height:400px}.paywall-review-step-header{margin-bottom:var(--spacing-lg)}.paywall-review-step-header h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.paywall-review-step-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.paywall-review-step-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-right:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.paywall-review-step-list::-webkit-scrollbar{width:8px}.paywall-review-step-list::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.paywall-review-step-list::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-sm)}.paywall-review-step-list::-webkit-scrollbar-thumb:hover{background:var(--color-border-secondary)}.paywall-review-step-loading,.paywall-review-step-error,.paywall-review-step-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);min-height:300px;color:var(--color-text-secondary)}.paywall-review-step-error{color:var(--color-status-error);gap:var(--spacing-md)}.paywall-review-step-error button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm)}.paywall-review-step-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-primary)}.paywall-review-step-skip,.paywall-review-step-next{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border-primary)}.paywall-review-step-skip{background:transparent;color:var(--color-text-secondary)}.paywall-review-step-skip:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.paywall-review-step-next{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-button-primary-bg)}.paywall-review-step-next:hover:not(:disabled){background:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.paywall-review-step-next:disabled{opacity:.6;cursor:not-allowed}.create-post-modal{max-width:600px;display:flex;flex-direction:column;height:100%;width:100%}@media(min-width:769px){.create-post-modal{max-width:900px;height:auto;max-height:calc(90dvh - 2 * var(--spacing-xl));display:flex;flex-direction:column;width:80vw}}.create-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.create-post-header h2{margin:0;color:var(--color-text-primary)}.create-post-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.create-post-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.create-post-body{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;flex:1;min-height:0}@media(min-width:769px){.create-post-body{flex:1;min-height:0;max-height:calc(90dvh - 200px)}}.create-post-content{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);resize:vertical;min-height:120px}.create-post-content:focus{outline:none;border-color:var(--color-border-focus)}.create-post-assets-section{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;min-height:0}@media(min-width:769px){.create-post-assets-section{flex:1;min-height:0;display:flex;flex-direction:column}}.create-post-assets-header{display:flex;gap:var(--spacing-md);align-items:center}.create-post-add-files-row{display:flex;width:100%}.create-post-assets-search{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);position:relative}.create-post-assets-search svg{flex-shrink:0;position:absolute;left:calc(var(--spacing-md) + 8px);pointer-events:none;color:var(--color-text-secondary)}.create-post-assets-search-input{flex:1;border:none;background:none;color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;padding-left:calc(var(--spacing-md) + var(--spacing-sm) + 5px)!important}.create-post-assets-search-input::placeholder{color:var(--color-text-tertiary)}.create-post-add-files-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-button-secondary-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-button-secondary-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);width:100%;justify-content:center}@media(min-width:769px){.create-post-add-files-btn{width:auto;min-width:180px}}.create-post-add-files-btn:hover{background:var(--color-bg-tertiary)}.create-post-assets-list{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--color-bg-primary);overflow-y:auto;flex:1;min-height:0}@media(min-width:769px){.create-post-assets-list{flex:1;min-height:200px;max-height:400px}}.create-post-settings{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.create-post-setting{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-post-setting label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm)}.create-post-setting input[type=checkbox]{cursor:pointer}.create-post-ppv-input{padding:var(--spacing-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.create-post-ppv-input:focus{outline:none;border-color:var(--color-border-focus)}.create-post-schedule-input{width:100%}.create-post-footer{display:flex;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-primary);flex-shrink:0;margin-top:auto}.create-post-back,.create-post-skip,.create-post-next,.create-post-submit{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm)}.create-post-back{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.create-post-back:hover:not(:disabled){background:var(--color-bg-tertiary)}.create-post-skip{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.create-post-skip:hover:not(:disabled){background:var(--color-bg-tertiary)}.create-post-next{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);margin-left:auto}.create-post-next:hover:not(:disabled){background:var(--color-button-primary-hover)}.create-post-submit{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.create-post-submit:hover:not(:disabled){background:var(--color-button-primary-hover)}.create-post-back:disabled,.create-post-skip:disabled,.create-post-next:disabled,.create-post-submit:disabled{opacity:.6;cursor:not-allowed}.create-post-paywall-skip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);gap:var(--spacing-md)}@media(max-width:768px){.create-post-modal{max-height:100dvh;display:flex;flex-direction:column;border-radius:0;height:100dvh}.create-post-header{flex-shrink:0}.create-post-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.create-post-assets-section{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.create-post-assets-list{order:1;flex:1;min-height:0;max-height:none;overflow-y:auto}.create-post-assets-header{order:2;flex-shrink:0}.create-post-add-files-row{order:3;flex-shrink:0}.create-post-footer{flex-shrink:0;order:4;position:sticky;bottom:0;background:var(--color-bg-primary);z-index:10}}.create-post-tags-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-post-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.create-post-18plus-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-post-18plus-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}.create-post-18plus-checkbox{width:1.25rem;height:1.25rem;cursor:pointer}.create-post-18plus-checkbox:disabled{opacity:.6;cursor:not-allowed}.create-post-18plus-label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.create-message-blast-modal{max-width:600px;display:flex;flex-direction:column;height:100%;width:100%}@media(min-width:769px){.create-message-blast-modal{max-width:900px;height:auto;max-height:calc(90dvh - 2 * var(--spacing-xl));display:flex;flex-direction:column;width:80vw}}.create-message-blast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.create-message-blast-header h2{margin:0;color:var(--color-text-primary)}.create-message-blast-body{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;flex:1;min-height:0}@media(min-width:769px){.create-message-blast-body{flex:1;min-height:0;max-height:calc(90dvh - 200px)}}.create-message-blast-content{width:100%;min-height:120px}.create-message-blast-assets-section{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;min-height:0}@media(min-width:769px){.create-message-blast-assets-section{flex:1;min-height:0;display:flex;flex-direction:column}}.create-message-blast-assets-header{display:flex;gap:var(--spacing-md);align-items:center}.create-message-blast-add-files-row{display:flex;width:100%}.create-message-blast-assets-search{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);position:relative}.create-message-blast-assets-search svg{flex-shrink:0;position:absolute;left:calc(var(--spacing-md) + 8px);pointer-events:none;color:var(--color-text-secondary)}.create-message-blast-assets-search-input{flex:1;border:none;background:none;color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;padding-left:calc(var(--spacing-md) + var(--spacing-sm) + 5px)!important}.create-message-blast-assets-search-input::placeholder{color:var(--color-text-tertiary)}.create-message-blast-add-files-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-button-secondary-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-button-secondary-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);width:100%;justify-content:center}@media(min-width:769px){.create-message-blast-add-files-btn{width:auto;min-width:180px}}.create-message-blast-add-files-btn:hover{background:var(--color-bg-tertiary)}.create-message-blast-assets-list{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--color-bg-primary);overflow-y:auto;flex:1;min-height:0}@media(min-width:769px){.create-message-blast-assets-list{flex:1;min-height:200px;max-height:400px}}.create-message-blast-schedule-section{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.create-message-blast-schedule-input{width:100%}.create-message-blast-footer{display:flex;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-primary);flex-shrink:0;margin-top:auto}.create-message-blast-back,.create-message-blast-skip,.create-message-blast-next,.create-message-blast-send-now,.create-message-blast-schedule{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm)}.create-message-blast-back{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.create-message-blast-back:hover:not(:disabled){background:var(--color-bg-tertiary)}.create-message-blast-skip{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.create-message-blast-skip:hover:not(:disabled){background:var(--color-bg-tertiary)}.create-message-blast-next{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);margin-left:auto}.create-message-blast-next:hover:not(:disabled){background:var(--color-button-primary-hover)}.create-message-blast-send-now{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.create-message-blast-send-now:hover:not(:disabled){background:var(--color-bg-tertiary)}.create-message-blast-schedule{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.create-message-blast-schedule:hover:not(:disabled){background:var(--color-button-primary-hover)}.create-message-blast-back:disabled,.create-message-blast-skip:disabled,.create-message-blast-next:disabled,.create-message-blast-send-now:disabled,.create-message-blast-schedule:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.create-message-blast-modal{max-height:100dvh;display:flex;flex-direction:column;border-radius:0}.create-message-blast-body,.create-message-blast-assets-section{flex:1;min-height:0}.create-message-blast-header{flex-shrink:0}.create-message-blast-body{flex:1;display:flex;flex-direction:column;min-height:0;justify-content:flex-end}.create-message-blast-assets-section{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:flex-end}.create-message-blast-assets-list{order:1;flex:1;min-height:0;max-height:none}.create-message-blast-assets-header{order:2;flex-shrink:0}.create-message-blast-add-files-row{order:3;flex-shrink:0}.create-message-blast-footer{flex-shrink:0;order:4}}.create-event-modal{max-width:600px;display:flex;flex-direction:column;height:100%;width:100%}@media(min-width:769px){.create-event-modal{max-width:900px;height:auto;max-height:calc(90dvh - 2 * var(--spacing-xl));display:flex;flex-direction:column;width:80vw}}.create-event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.create-event-header h2{margin:0;color:var(--color-text-primary)}.create-event-body{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;flex:1;min-height:0}@media(min-width:769px){.create-event-body{flex:1;min-height:0;max-height:calc(90dvh - 200px)}}.create-event-form-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-event-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.create-event-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit}.create-event-input:focus{outline:none;border-color:var(--color-border-focus)}.create-event-description{width:100%;min-height:120px}.create-event-assets-section{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;min-height:0}@media(min-width:769px){.create-event-assets-section{flex:1;min-height:0;display:flex;flex-direction:column}}.create-event-assets-header{display:flex;gap:var(--spacing-md);align-items:center}.create-event-add-files-row{display:flex;width:100%}.create-event-assets-search{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);position:relative}.create-event-assets-search svg{flex-shrink:0;position:absolute;left:calc(var(--spacing-md) + 8px);pointer-events:none;color:var(--color-text-secondary)}.create-event-assets-search-input{flex:1;border:none;background:none;color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;padding-left:calc(var(--spacing-md) + var(--spacing-sm) + 5px)!important}.create-event-assets-search-input::placeholder{color:var(--color-text-tertiary)}.create-event-add-files-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-button-secondary-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-button-secondary-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);width:100%;justify-content:center}@media(min-width:769px){.create-event-add-files-btn{width:auto;min-width:180px}}.create-event-add-files-btn:hover{background:var(--color-bg-tertiary)}.create-event-assets-list{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--color-bg-primary);overflow-y:auto;flex:1;min-height:0}@media(min-width:769px){.create-event-assets-list{flex:1;min-height:200px;max-height:400px}}.create-event-footer{display:flex;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-primary);flex-shrink:0;margin-top:auto}.create-event-back,.create-event-skip,.create-event-next,.create-event-submit{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm)}.create-event-back{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.create-event-back:hover:not(:disabled){background:var(--color-bg-tertiary)}.create-event-skip{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.create-event-skip:hover:not(:disabled){background:var(--color-bg-tertiary)}.create-event-next{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);margin-left:auto}.create-event-next:hover:not(:disabled){background:var(--color-button-primary-hover)}.create-event-submit{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.create-event-submit:hover:not(:disabled){background:var(--color-button-primary-hover)}.create-event-back:disabled,.create-event-skip:disabled,.create-event-next:disabled,.create-event-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.create-event-modal{max-height:100dvh;display:flex;flex-direction:column;border-radius:0}.create-event-body,.create-event-assets-section{flex:1;min-height:0}.create-event-header{flex-shrink:0}.create-event-body{flex:1;display:flex;flex-direction:column;min-height:0;justify-content:flex-end}.create-event-assets-section{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:flex-end}.create-event-assets-list{order:1;flex:1;min-height:0;max-height:none}.create-event-assets-header{order:2;flex-shrink:0}.create-event-add-files-row{order:3;flex-shrink:0}.create-event-footer{flex-shrink:0;order:4}}.create-event-18plus-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-event-18plus-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}.create-event-18plus-checkbox{width:1.25rem;height:1.25rem;cursor:pointer}.create-event-18plus-checkbox:disabled{opacity:.6;cursor:not-allowed}.create-event-18plus-label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.create-popover{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px}@media(max-width:768px){.create-popover{min-width:240px;max-width:calc(100vw - 32px)}}.create-popover-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);text-align:left;width:100%}.create-popover-option:hover{background-color:var(--color-bg-secondary)}.create-popover-option:active{opacity:var(--opacity-pressed)}.create-popover-option svg{flex-shrink:0;color:var(--color-text-secondary)}.create-popover-option:hover svg{color:var(--color-text-primary)}.create-popover-option span{flex:1}.become-a-muse-form{max-width:600px;width:100%}.become-a-muse-form-title{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--color-text-primary)}.become-a-muse-form-info{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.become-a-muse-form-info p{margin:0 0 .75rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.become-a-muse-form-info p:last-child{margin-bottom:0}.become-a-muse-form-info strong{color:var(--color-text-primary)}.become-a-muse-form-form{display:flex;flex-direction:column;gap:1.5rem}.become-a-muse-form-field{display:flex;flex-direction:column;gap:.5rem}.become-a-muse-form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.required{color:var(--color-status-error)}.become-a-muse-form-input{width:100%;padding:.75rem;border:1px solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);color:var(--color-input-text);font-size:.875rem;font-family:inherit}.become-a-muse-form-input:focus{outline:none;border-color:var(--color-input-border-focus)}.become-a-muse-form-input:disabled{opacity:.6;cursor:not-allowed}.become-a-muse-form-hint{font-size:.75rem;color:var(--color-text-secondary);margin:0}.become-a-muse-form-file-input{display:none}.become-a-muse-form-id-upload{display:flex;flex-direction:column;gap:.5rem}.become-a-muse-form-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);font-family:inherit;width:fit-content}.become-a-muse-form-upload-button:hover:not(:disabled){background-color:var(--color-button-secondary-hover);border-color:var(--color-interactive-primary)}.become-a-muse-form-upload-button:active:not(:disabled){background-color:var(--color-button-secondary-active)}.become-a-muse-form-upload-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.become-a-muse-form-id-uploaded{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--color-status-success-bg);border:1px solid var(--color-status-success);border-radius:var(--radius-md);color:var(--color-status-success-text);font-size:.875rem}.become-a-muse-form-remove-id{background:none;border:none;color:var(--color-status-success-text);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color var(--transition-base)}.become-a-muse-form-remove-id:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.become-a-muse-form-remove-id:disabled{opacity:.6;cursor:not-allowed}.become-a-muse-form-date-input{cursor:pointer}.become-a-muse-form-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.become-a-muse-form-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.become-a-muse-form-socials-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.become-a-muse-form-add-social{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);font-family:inherit}.become-a-muse-form-add-social:hover:not(:disabled){background-color:var(--color-button-secondary-hover);border-color:var(--color-interactive-primary)}.become-a-muse-form-add-social:active:not(:disabled){background-color:var(--color-button-secondary-active)}.become-a-muse-form-add-social:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.become-a-muse-form-socials{display:flex;flex-direction:column;gap:.75rem}.become-a-muse-form-social-item{display:flex;gap:.5rem;align-items:flex-start}.become-a-muse-form-social-url{flex:1}.become-a-muse-form-remove-social{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all .2s ease;flex-shrink:0}.become-a-muse-form-remove-social:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-status-error)}.become-a-muse-form-remove-social:disabled{opacity:.6;cursor:not-allowed}.become-a-muse-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.become-a-muse-form-button{padding:.75rem 1.5rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);font-family:inherit}.become-a-muse-form-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.become-a-muse-form-button-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-button-primary-bg)}.become-a-muse-form-button-primary:hover:not(:disabled){background-color:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.become-a-muse-form-button-primary:active:not(:disabled){background-color:var(--color-button-primary-active);border-color:var(--color-button-primary-active)}.become-a-muse-form-button-secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border-color:var(--color-border-primary)}.become-a-muse-form-button-secondary:hover:not(:disabled){background-color:var(--color-button-secondary-hover);border-color:var(--color-interactive-primary)}.become-a-muse-form-button-secondary:active:not(:disabled){background-color:var(--color-button-secondary-active)}.become-a-muse-form-checkbox-wrapper{display:flex;align-items:flex-start;gap:.75rem}.become-a-muse-form-checkbox{margin-top:.25rem;width:1.25rem;height:1.25rem;cursor:pointer;flex-shrink:0}.become-a-muse-form-checkbox:disabled{opacity:.6;cursor:not-allowed}.become-a-muse-form-checkbox-label{display:flex;align-items:flex-start;cursor:pointer;flex:1}.become-a-muse-form-checkbox-text{font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.become-a-muse-form-18plus-blurb{margin-top:.75rem;padding:.75rem;background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md)}.become-a-muse-form-18plus-blurb p{margin:0;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}.app-left-panel{position:relative;width:var(--sidebar-width);background-color:var(--color-bg-primary);padding:var(--spacing-lg) 0;overflow-y:auto;overflow-x:hidden;z-index:var(--z-base);flex-shrink:0;display:flex;flex-direction:column;height:calc(100dvh - var(--header-height));max-height:calc(100dvh - var(--header-height))}.app-left-panel-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-md)}.app-left-panel-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.app-left-panel-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.app-left-panel-item-active{background-color:var(--color-interactive-primary);color:var(--color-text-inverse)}.app-left-panel-item-active:hover{background-color:var(--color-interactive-primary-hover)}.app-left-panel-item-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.app-left-panel-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--color-text-primary)}.app-left-panel-item-badge{position:absolute;top:-.375rem;right:-.375rem;min-width:1.125rem;height:1.125rem;padding:0 .25rem;background-color:var(--color-status-error);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:.625rem;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--color-bg-primary)}.app-left-panel-label{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary)}.app-left-panel-create{margin-top:auto;padding:var(--spacing-md);border-top:1px solid var(--color-border-primary)}.app-left-panel-create-btn{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;cursor:pointer;transition:background-color var(--transition-fast);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.app-left-panel-create-btn:hover{background-color:var(--color-interactive-primary-hover)}.app-left-panel-create-btn .app-left-panel-icon,.app-left-panel-create-btn .app-left-panel-label{color:var(--color-button-primary-text)}.notification{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);position:relative}.notification:hover{background-color:var(--color-bg-elevated);border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.notification-unread{border-left:3px solid var(--color-interactive-primary);background-color:var(--color-bg-elevated)}.notification-read{opacity:.7}.notification-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.notification-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.notification-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0;flex:1}.notification-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-interactive-primary);flex-shrink:0}.notification-group-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:var(--color-interactive-primary);color:#fff;font-size:var(--font-size-xs);font-weight:600;margin-left:var(--spacing-xs)}.notification-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.notification-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.notification-link{font-size:var(--font-size-xs);color:var(--color-interactive-primary);font-weight:500}.notification-success{border-left-color:var(--color-status-success, #10b981)}.notification-info{border-left-color:var(--color-status-info, #3b82f6)}.notification-warning{border-left-color:var(--color-status-warning, #f59e0b)}.notification-danger{border-left-color:var(--color-status-error, #ef4444)}.notification-unread.notification-success{border-left-color:var(--color-status-success, #10b981)}.notification-unread.notification-info{border-left-color:var(--color-status-info, #3b82f6)}.notification-unread.notification-warning{border-left-color:var(--color-status-warning, #f59e0b)}.notification-unread.notification-danger{border-left-color:var(--color-status-error, #ef4444)}.notification-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.notification-list-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.notification-list-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.notification-list-mark-all{background:none;border:none;color:var(--color-interactive-primary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.notification-list-mark-all:hover{background-color:var(--color-bg-tertiary)}.notification-list-filters{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.notification-filter{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.notification-filter:hover{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.notification-filter.active{background-color:var(--color-interactive-primary);color:#fff;border-color:var(--color-interactive-primary)}.notification-list-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.notification-list-loading,.notification-list-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-secondary);text-align:center}.notification-list-load-more{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.crypto-payment-flow{display:flex;flex-direction:column;gap:var(--spacing-lg)}.crypto-payment-flow h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.crypto-payment-flow p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.crypto-payment-flow-instructions{text-align:center}.crypto-payment-flow-instructions strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.crypto-payment-flow-awaiting{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl)}.crypto-payment-flow-awaiting h3{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.crypto-payment-flow-qr-container{display:flex;justify-content:center;padding:var(--spacing-lg);margin:var(--spacing-lg) 0;animation:fadeIn var(--transition-slower) ease-out}.crypto-payment-flow-qr-wrapper{display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-fast);position:relative;overflow:hidden}.crypto-payment-flow-qr-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.crypto-payment-flow-qr-wrapper:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.crypto-payment-flow-qr-code{display:flex;justify-content:center;align-items:center}.crypto-payment-flow-qr-code svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(calc(var(--spacing-sm) * -1.25)) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.crypto-payment-flow-address-display{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin:var(--spacing-md) 0}.crypto-payment-flow-address{flex:1;font-family:var(--font-family-mono);font-size:var(--font-size-xs);word-break:break-all;color:var(--color-text-primary)}.crypto-payment-flow-copy-button{padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.crypto-payment-flow-copy-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-interactive-primary)}.crypto-payment-flow-wallet-info{padding:var(--spacing-md);background:var(--color-bg-elevated);border-radius:var(--radius-md);margin:var(--spacing-md) 0}.crypto-payment-flow-wallet-info p{margin:var(--spacing-sm) 0;font-size:var(--font-size-sm)}.crypto-payment-flow-wallet-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.crypto-payment-flow-verify-section{margin:var(--spacing-lg) 0}.crypto-payment-flow-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.crypto-payment-flow-verify-input-group{display:flex;gap:var(--spacing-sm)}.crypto-payment-flow-input{flex:1;padding:var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-family-mono)}.crypto-payment-flow-input:focus{outline:none;border-color:var(--color-interactive-primary)}.crypto-payment-flow-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.crypto-payment-flow-button:hover:not(:disabled){background:var(--color-button-primary-hover)}.crypto-payment-flow-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.crypto-payment-flow-button-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.crypto-payment-flow-button-secondary:hover:not(:disabled){background:var(--color-bg-secondary)}.crypto-payment-flow-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.crypto-payment-flow-actions .crypto-payment-flow-button{flex:1}.crypto-payment-flow-success,.crypto-payment-flow-error,.crypto-payment-flow-verifying,.crypto-payment-flow-waiting{text-align:center}.crypto-payment-flow-success-icon{width:var(--spacing-4xl);height:var(--spacing-4xl);border-radius:var(--radius-full);background:var(--color-status-success);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:700;margin:0 auto 1rem}.crypto-payment-flow-spinner{width:var(--spacing-2xl);height:var(--spacing-2xl);border:3px solid var(--color-border-primary);border-top-color:var(--color-interactive-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.crypto-payment-flow-error-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);justify-content:center}.crypto-payment-flow-error-actions .crypto-payment-flow-button{flex:0 1 auto}.crypto-payment-flow-info{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-elevated);border-radius:var(--radius-md);text-align:center}.crypto-payment-flow-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:inherit;color:var(--color-input-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);text-align:left;position:relative}.dropdown-trigger:hover:not(.dropdown-disabled){border-color:var(--color-input-border-hover)}.dropdown-trigger:focus:not(.dropdown-disabled){outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px rgba(var(--color-border-focus),.1)}.dropdown-trigger.dropdown-disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.dropdown-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.dropdown-trigger-text:empty:before{content:attr(aria-label);color:var(--color-input-placeholder)}.dropdown-chevron{flex-shrink:0;width:1rem;height:1rem;color:var(--color-text-secondary);transition:transform var(--transition-fast),color var(--transition-fast);margin-left:var(--spacing-xs);padding:0}.dropdown-chevron-open{transform:rotate(180deg)}.dropdown-trigger:hover:not(.dropdown-disabled) .dropdown-chevron{color:var(--color-text-primary)}.dropdown-trigger-sm{padding:calc(var(--spacing-xs) + 2px) var(--spacing-sm);font-size:var(--font-size-sm)}.dropdown-trigger-md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.dropdown-trigger-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.dropdown-menu{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xs);margin:0;list-style:none;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-top{animation:dropdown-fade-in-top .15s ease-out}@keyframes dropdown-fade-in-top{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{padding:var(--spacing-sm) var(--spacing-md);margin:2px 0;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-base);transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.dropdown-option:hover:not(.dropdown-option-disabled){background-color:var(--color-bg-secondary)}.dropdown-option-highlighted{background-color:var(--color-bg-secondary)}.dropdown-option-selected{background-color:var(--color-interactive-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-medium)}.dropdown-option-selected:hover:not(.dropdown-option-disabled){background-color:var(--color-interactive-primary);opacity:.9}.dropdown-option-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;color:var(--color-text-tertiary)}.dropdown-option-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-tertiary);font-style:italic;cursor:default}.dropdown-search{padding:var(--spacing-xs);border-bottom:1px solid var(--color-border-primary);position:sticky;top:0;background-color:var(--color-bg-elevated);z-index:1}.dropdown-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast)}.dropdown-search-input:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 2px rgba(var(--color-border-focus),.1)}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-sm)}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.credit-purchase-flow{width:100%}.purchase-credits-custom-amount{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-primary)}.purchase-credits-custom-input-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.purchase-credits-custom-input{flex:1;padding:.75rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:1rem;background:var(--color-bg-elevated);color:var(--color-text-primary)}.purchase-credits-custom-input-label{font-weight:500;color:var(--color-text-secondary)}.purchase-credits-fee-note{font-size:.875rem;color:var(--color-text-secondary);margin-top:.5rem}.convert-earnings-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.convert-earnings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.convert-earnings-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.convert-earnings-close{background:none;border:none;font-size:2rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.convert-earnings-close:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-primary)}.convert-earnings-close:disabled{opacity:.5;cursor:not-allowed}.convert-earnings-content{display:flex;flex-direction:column;gap:1.5rem}.convert-earnings-available{padding:1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);text-align:center}.convert-earnings-available-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.convert-earnings-available-value{font-size:2rem;font-weight:600;color:var(--color-interactive-primary)}.convert-earnings-form{display:flex;flex-direction:column;gap:.75rem}.convert-earnings-input-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.convert-earnings-input-group{display:flex;gap:.75rem}.convert-earnings-input{flex:1;padding:.75rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:1rem;background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}.convert-earnings-input:focus{outline:none;border-color:var(--color-interactive-primary);box-shadow:0 0 0 3px var(--color-interactive-primary-alpha)}.convert-earnings-input:disabled{opacity:.6;cursor:not-allowed}.convert-earnings-convert-all{padding:.75rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.convert-earnings-convert-all:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.convert-earnings-convert-all:disabled{opacity:.5;cursor:not-allowed}.convert-earnings-hint{font-size:.75rem;color:var(--color-text-secondary)}.convert-earnings-button{width:100%;padding:1rem;background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.convert-earnings-button:hover:not(:disabled){background:var(--color-button-primary-hover)}.convert-earnings-button:disabled{opacity:.6;cursor:not-allowed}.convert-earnings-history{display:flex;flex-direction:column;gap:.75rem}.convert-earnings-history-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.convert-earnings-history-loading,.convert-earnings-history-empty{padding:1rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.convert-earnings-history-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.convert-earnings-history-item{padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.convert-earnings-history-item-main{display:flex;justify-content:space-between;align-items:center}.convert-earnings-history-amount{font-weight:500;color:var(--color-interactive-primary)}.convert-earnings-history-date{font-size:.75rem;color:var(--color-text-secondary)}.purchase-credits-modal{display:flex;flex-direction:column;max-width:500px;width:100%;max-height:90vh}.purchase-credits-modal-mobile{max-width:100%;max-height:100vh}.purchase-credits-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.purchase-credits-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.purchase-credits-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.purchase-credits-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.purchase-credits-content{flex:1;padding:var(--spacing-md) 0}.purchase-credits-earnings-option{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-bottom:1.5rem}.purchase-credits-earnings-info{display:flex;flex-direction:column;gap:.5rem}.purchase-credits-earnings-label{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.purchase-credits-earnings-amount{font-size:1.5rem;font-weight:600;color:var(--color-interactive-primary)}.purchase-credits-earnings-note{font-size:.875rem;color:var(--color-text-secondary)}.purchase-credits-earnings-button{width:100%;padding:1rem;background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.purchase-credits-earnings-button:hover{background:var(--color-button-secondary-hover);border-color:var(--color-border-secondary)}.purchase-credits-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--color-text-secondary);font-size:.875rem}.purchase-credits-divider:before,.purchase-credits-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border-primary)}.purchase-credits-divider span{padding:0 1rem}.purchase-credits-step{display:flex;flex-direction:column;gap:1.5rem}.purchase-credits-step h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.purchase-credits-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.purchase-credits-back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.purchase-credits-back-button:hover{background:var(--color-bg-elevated);border-color:var(--color-interactive-primary)}.purchase-credits-amount-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.purchase-credits-amount-button{padding:1.5rem;background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:1.125rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.purchase-credits-amount-button:hover{border-color:var(--color-interactive-primary);background:var(--color-bg-secondary);transform:translateY(-2px)}.purchase-credits-method-options{display:flex;flex-direction:column;gap:1rem}.purchase-credits-method-button{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.purchase-credits-method-button:hover{border-color:var(--color-interactive-primary);background:var(--color-bg-secondary)}.purchase-credits-crypto-select,.purchase-credits-crypto-dropdown{width:100%}.purchase-credits-fiat-info{display:flex;flex-direction:column;gap:1.5rem}.purchase-credits-fiat-receive{padding:1.5rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;gap:.5rem}.purchase-credits-fiat-receive-label{font-size:.875rem;color:var(--color-text-secondary);margin:0}.purchase-credits-fiat-receive-value{font-size:1.75rem;font-weight:600;color:var(--color-interactive-primary);margin:0}.purchase-credits-summary{padding:1.5rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.75rem}.purchase-credits-summary-row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-secondary)}.purchase-credits-summary-total{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);padding-bottom:.75rem;border-bottom:1px solid var(--color-border-primary)}.purchase-credits-breakdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:color var(--transition-fast)}.purchase-credits-breakdown-toggle:hover{color:var(--color-text-primary)}.purchase-credits-breakdown{padding-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.purchase-credits-fee-explanation{padding-top:.75rem;border-top:1px solid var(--color-border-primary);margin-top:.5rem}.purchase-credits-fee-explanation-text{font-size:.75rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.purchase-credits-crypto-info{padding:1.5rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;gap:1.5rem}.purchase-credits-crypto-receive{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-primary)}.purchase-credits-crypto-receive-label{font-size:.875rem;color:var(--color-text-secondary);margin:0}.purchase-credits-crypto-receive-value{font-size:1.75rem;font-weight:600;color:var(--color-interactive-primary);margin:0}.purchase-credits-crypto-amount{display:flex;flex-direction:column;gap:.5rem}.purchase-credits-crypto-amount-label{font-size:.875rem;color:var(--color-text-secondary);margin:0}.purchase-credits-crypto-amount-value{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.purchase-credits-crypto-info p{margin:.5rem 0}.purchase-credits-crypto-info strong{color:var(--color-text-primary);font-weight:600}.purchase-credits-quote-sources{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.purchase-credits-button{width:100%;padding:1rem;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.purchase-credits-button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.purchase-credits-button-primary:hover:not(:disabled){background:var(--color-button-primary-hover)}.purchase-credits-button:disabled{opacity:.6;cursor:not-allowed}.purchase-credits-success{text-align:center;padding:3rem 1.5rem}.purchase-credits-success-icon{width:var(--spacing-4xl);height:var(--spacing-4xl);border-radius:var(--radius-full);background:var(--color-status-success);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-lg)}.purchase-credits-success h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.purchase-credits-success p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.purchase-credits-stripe-form{margin-top:1.5rem}.purchase-credits-stripe-element{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.purchase-credits-error{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--color-status-error-bg);color:var(--color-status-error);border-radius:var(--radius-sm);border:1px solid var(--color-status-error);font-size:var(--font-size-sm)}.gift-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.gift-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.gift-modal-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.gift-modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.gift-modal-close:hover{background:var(--color-bg-elevated)}.gift-modal-content{padding:var(--spacing-lg);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.gift-modal-section{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.gift-modal-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.gift-modal-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;transition:border-color var(--transition-fast)}.gift-modal-input:focus{outline:none;border-color:var(--color-interactive-primary)}.gift-modal-input:disabled{opacity:.6;cursor:not-allowed}.gift-modal-hint{font-size:.75rem;color:var(--color-text-secondary)}.gift-modal-balance{margin-left:var(--spacing-sm)}.gift-modal-search-container{position:relative}.gift-modal-loading{position:absolute;top:100%;left:0;right:0;padding:var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);z-index:10}.gift-modal-search-results{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);z-index:10;box-shadow:0 4px 12px #0000001a}.gift-modal-search-result{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.gift-modal-search-result:hover{background:var(--color-bg-primary)}.gift-modal-search-result-info{flex:1;min-width:0}.gift-modal-search-result-name{font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-modal-search-result-username{font-size:.875rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-modal-selected-user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.gift-modal-selected-user-info{flex:1;min-width:0}.gift-modal-selected-user-name{font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-modal-selected-user-username{font-size:.875rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-modal-remove-user{background:none;border:none;font-size:1.25rem;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.gift-modal-remove-user:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.gift-modal-remove-user:disabled{opacity:.6;cursor:not-allowed}.gift-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}.gift-modal-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.gift-modal-button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.gift-modal-button-primary:hover:not(:disabled){background:var(--color-button-primary-hover)}.gift-modal-button-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.gift-modal-button-secondary:hover:not(:disabled){background:var(--color-button-secondary-hover)}.gift-modal-button:disabled{opacity:.6;cursor:not-allowed}.pending-crypto-payments{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}.pending-crypto-payments-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.pending-crypto-payments-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pending-crypto-payment-item{padding:var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.pending-crypto-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.pending-crypto-payment-asset{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.pending-crypto-payment-spinner{width:var(--spacing-md);height:var(--spacing-md);border:2px solid var(--color-border-primary);border-top-color:var(--color-interactive-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.pending-crypto-payment-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pending-crypto-payment-amount,.pending-crypto-payment-credits{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pending-crypto-payment-amount strong,.pending-crypto-payment-credits strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.pending-crypto-payment-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.muse-balance-panel{padding:var(--spacing-md);display:flex;flex-direction:column;gap:1.5rem}.muse-balance-panel-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.muse-balance-panel-balance{padding:1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);text-align:center}.muse-balance-panel-balance-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.muse-balance-panel-balance-value{font-size:2rem;font-weight:600;color:var(--color-interactive-primary)}.muse-balance-panel-actions{display:flex;flex-direction:column;gap:.75rem}.muse-balance-panel-purchase-button{width:100%;padding:1rem;background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.muse-balance-panel-purchase-button:hover:not(:disabled){background:var(--color-button-primary-hover)}.muse-balance-panel-purchase-button:disabled{opacity:.6;cursor:not-allowed}.muse-balance-panel-gift-button{width:100%;padding:1rem;background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.muse-balance-panel-gift-button:hover:not(:disabled){background:var(--color-button-secondary-hover)}.muse-balance-panel-gift-button:disabled{opacity:.6;cursor:not-allowed}.muse-balance-panel-earnings{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-primary)}.muse-balance-panel-earnings-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.muse-balance-panel-earnings-value{font-size:1.5rem;font-weight:600;color:var(--color-interactive-primary)}.muse-balance-panel-convert-button{width:100%;padding:1rem;background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.muse-balance-panel-convert-button:hover:not(:disabled){background:var(--color-button-secondary-hover);border-color:var(--color-border-secondary)}.muse-balance-panel-convert-button:disabled{opacity:.6;cursor:not-allowed}.app-right-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);height:var(--header-height);border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.app-right-panel-header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.app-right-panel-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-right-panel-header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.app-right-panel-icon-group{display:flex;align-items:center;gap:var(--spacing-xs)}.app-right-panel-icon-button{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.app-right-panel-icon-button:hover{background-color:var(--color-bg-elevated)}.app-right-panel-icon-button:active{opacity:var(--opacity-pressed)}.app-right-panel-icon-button.app-right-panel-icon-active{background-color:var(--color-bg-elevated);color:var(--color-interactive-primary)}.app-right-panel-icon-badge{position:absolute;top:-4px;right:-4px;background-color:var(--color-status-error);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.app-right-panel-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.app-right-panel-close:hover{background-color:var(--color-bg-elevated)}.app-right-panel-close:active{opacity:var(--opacity-pressed)}@media(min-width:768px){.app-right-panel-close{display:none}}.app-right-panel{background-color:var(--color-bg-primary);display:flex;flex-direction:column;overflow:hidden;height:calc(100dvh - var(--header-height))}.app-right-panel-desktop{position:relative;width:var(--sidebar-width);z-index:var(--z-base);flex-shrink:0}.app-right-panel-mobile{position:fixed;right:0;top:0;bottom:0;width:min(85vw,400px);z-index:var(--z-modal);transform:translate(100%);transition:transform var(--transition-slow);height:100dvh;max-height:100dvh}.app-right-panel-mobile.app-right-panel-open{transform:translate(0)}.app-right-panel-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);z-index:calc(var(--z-modal) - 1);animation:fade-in var(--transition-base);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app-right-panel-header-content{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.app-right-panel-content{flex:1;overflow-y:auto}.app-footer{position:fixed;bottom:0;left:0;right:0;min-height:4rem;background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;padding-top:1rem;z-index:var(--z-sticky);transition:transform var(--transition-base);box-shadow:none}.app-footer:after{content:"";position:absolute;top:1rem;left:0;right:0;bottom:0;background-color:var(--color-bg-primary);z-index:-1}.app-footer-nav{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:space-between;width:100%;flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md)}.app-footer-nav-expanded{flex-wrap:wrap}.app-footer-nav>*{flex:1 1 0;min-width:0;max-width:calc((100% - 2 * var(--spacing-md) - 5 * var(--spacing-sm)) / 6)}.app-footer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-secondary)!important;text-decoration:none;transition:color var(--transition-fast);min-width:0}.app-footer-item:hover{color:var(--color-text-primary)}.app-footer-item-active{color:var(--color-interactive-primary)}.app-footer-item-active:hover{color:var(--color-interactive-primary-hover)}.app-footer-item-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.app-footer-icon{width:1.75rem;height:1.75rem}.app-footer-item-badge{position:absolute;top:-.375rem;right:-.375rem;min-width:1.125rem;height:1.125rem;padding:0 .25rem;background-color:var(--color-status-error);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:.625rem;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--color-bg-primary)}.app-footer-label{font-size:.5625rem;font-weight:var(--font-weight-medium);color:inherit;line-height:1;text-align:center;width:100%}.app-footer-create-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-button-primary-bg);color:var(--color-button-primary-text)!important;border:none;cursor:pointer;transition:background-color var(--transition-fast);min-width:0;text-decoration:none}.app-footer-create-btn-expanded{flex-direction:column}.app-footer-create-btn:hover{background:var(--color-interactive-primary-hover)}.app-footer-create-btn .app-footer-icon,.app-footer-create-btn .app-footer-label,.app-footer-create-btn-expanded .app-footer-label{color:var(--color-button-primary-text)}.app-footer-profile-btn{padding:var(--spacing-sm);background:none;border:none;cursor:pointer;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.app-footer-profile-btn-expanded{flex-direction:column}.app-footer-profile-btn:hover{background-color:var(--color-bg-tertiary)}.app-footer-drawer-toggle{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:6rem;height:1rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-bottom:none;cursor:pointer;transition:background-color var(--transition-fast);z-index:calc(var(--z-sticky) + 2);padding:0;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%);overflow:hidden}.app-footer-drawer-toggle:hover{background-color:var(--color-bg-tertiary)}.app-footer-drawer-toggle .app-footer-icon{width:1rem;height:1rem;color:var(--color-text-secondary)}.app-footer-drawer{width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.app-footer-drawer-open{max-height:6rem}.app-footer-drawer-content{padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;width:100%}.app-footer-drawer-content>*{flex:1 1 0;min-width:0;max-width:calc((100% - 2 * var(--spacing-md) - 4 * var(--spacing-md)) / 5)}.app-footer-drawer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-secondary)!important;text-decoration:none;transition:color var(--transition-fast);min-width:0;background:none;border:none;cursor:pointer;font-family:inherit}.app-footer-drawer-item:hover{color:var(--color-text-primary)}.app-footer-drawer-item-active{color:var(--color-interactive-primary)}.app-footer-drawer-item-active:hover{color:var(--color-interactive-primary-hover)}.app-footer-drawer-icon{width:1.75rem;height:1.75rem}.app-footer-drawer-label{font-size:.5625rem;font-weight:var(--font-weight-medium);color:inherit;line-height:1;text-align:center;width:100%}.app-main-panel{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}@media(min-width:768px){.app-main-panel{height:calc(100dvh - var(--header-height));flex:1;min-width:0}}@media(max-width:767px){.app-main-panel{height:100dvh;margin-top:0;margin-bottom:0;padding:var(--spacing-md) 0;padding-top:calc(var(--header-height) + var(--spacing-sm));padding-bottom:calc(4rem + var(--spacing-md));transition:opacity var(--transition-base)}.app-main-panel.dimmed{opacity:.5;pointer-events:none}}.app-modal-backdrop{position:fixed;inset:0;z-index:var(--z-popover);display:flex;align-items:center;justify-content:center;pointer-events:none}.app-modal-backdrop.app-modal-open{pointer-events:auto}.app-modal-desktop{background-color:var(--color-bg-overlay);opacity:0;transition:opacity var(--transition-base)}.app-modal-desktop.app-modal-open{opacity:1}.app-modal-content-desktop{background-color:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90dvh;position:relative;transform:scale(.95);transition:transform var(--transition-base);overflow:hidden;display:flex;flex-direction:column}.app-modal-open .app-modal-content-desktop{transform:scale(1)}.app-modal-mobile{align-items:flex-end;background-color:transparent;opacity:1}.app-modal-content-mobile{background-color:var(--color-bg-primary);border-radius:0;width:100%;height:100dvh;position:relative;transform:translateY(100%);transition:transform var(--transition-slow);overflow:hidden}.app-modal-content-mobile.app-modal-open{transform:translateY(0)}.app-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-full);font-size:var(--font-size-2xl);line-height:1;cursor:pointer;z-index:1;transition:background-color var(--transition-fast)}.app-modal-close:hover{background-color:var(--color-bg-tertiary)}.app-modal-close:active{opacity:var(--opacity-pressed)}.app-modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1;min-height:0}.app-modal-content-desktop .app-modal-body{max-height:calc(90dvh - 2 * var(--spacing-md))}.app-modal-content-mobile .app-modal-body{height:100%}.toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast-desktop{bottom:var(--spacing-lg);right:var(--spacing-lg);align-items:flex-end;max-width:400px}.toast-mobile{top:var(--spacing-lg);left:50%;transform:translate(-50%);width:calc(100% - var(--spacing-lg) * 2);max-width:400px;align-items:stretch}.toast-item{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-lg);pointer-events:auto;cursor:pointer;animation:toast-slide-in .3s ease-out;min-width:200px}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-mobile .toast-item{animation:toast-slide-in-mobile .3s ease-out}@keyframes toast-slide-in-mobile{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-content{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.toast-message{flex:1;color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.toast-close{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1;cursor:pointer;padding:0;transition:color var(--transition-fast)}.toast-close:hover{color:var(--color-text-primary)}.toast-success{border-left:3px solid var(--color-status-success)}.toast-error{border-left:3px solid var(--color-status-error)}.toast-warning{border-left:3px solid var(--color-status-warning)}.toast-info{border-left:3px solid var(--color-status-info)}.app-layout{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background-color:var(--color-bg-primary)}@media(min-width:768px){.app-layout{max-width:1200px;margin-left:auto;margin-right:auto}}.app-layout-body{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.app-header-wrapper,.app-footer-wrapper{transition:transform var(--transition-base)}.app-header-wrapper.app-header-hidden{transform:translateY(-100%);pointer-events:none;opacity:0}.app-header-wrapper.app-header-visible{transform:translateY(0);pointer-events:auto;opacity:1}.app-footer-wrapper.app-footer-hidden{transform:translateY(100%);pointer-events:none;opacity:0}.app-footer-wrapper.app-footer-visible{transform:translateY(0);pointer-events:auto;opacity:1}@media(max-width:767px){.app-header-wrapper{position:fixed;top:0;left:0;right:0;width:100%;z-index:var(--z-sticky);will-change:transform,opacity;background-color:var(--color-bg-primary)}.app-footer-wrapper{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:var(--z-sticky);will-change:transform,opacity;background-color:var(--color-bg-primary)}}.protected-route-loading{display:flex;justify-content:center;align-items:center;min-height:100dvh}.theme-tester{min-height:100dvh;padding:2rem;max-width:1400px;margin:0 auto;overflow-y:auto;height:100%}.theme-tester-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.theme-tester-subtitle{color:var(--color-text-secondary)}.theme-tester-actions{display:flex;gap:var(--spacing-sm)}.theme-tester-content{display:grid;gap:var(--spacing-xl)}.theme-tester-section-title{margin-bottom:var(--spacing-lg)}.theme-tester-grid{display:grid;gap:var(--spacing-md)}.theme-tester-font-xs{font-size:var(--font-size-xs)}.theme-tester-font-sm{font-size:var(--font-size-sm)}.theme-tester-font-base{font-size:var(--font-size-base)}.theme-tester-font-lg{font-size:var(--font-size-lg)}.theme-tester-font-xl{font-size:var(--font-size-xl)}.theme-tester-font-2xl{font-size:var(--font-size-2xl)}.theme-tester-font-3xl{font-size:var(--font-size-3xl)}.theme-tester-weight-light{font-weight:var(--font-weight-light)}.theme-tester-weight-normal{font-weight:var(--font-weight-normal)}.theme-tester-weight-medium{font-weight:var(--font-weight-medium)}.theme-tester-weight-semibold{font-weight:var(--font-weight-semibold)}.theme-tester-weight-bold{font-weight:var(--font-weight-bold)}.theme-tester-line-tight{line-height:var(--line-height-tight)}.theme-tester-line-normal{line-height:var(--line-height-normal)}.theme-tester-line-relaxed{line-height:var(--line-height-relaxed)}.theme-tester-text-primary{color:var(--color-text-primary)}.theme-tester-text-secondary{color:var(--color-text-secondary)}.theme-tester-text-tertiary{color:var(--color-text-tertiary)}.theme-tester-text-disabled{color:var(--color-text-disabled)}.theme-tester-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.theme-tester-subsection-title{margin-bottom:var(--spacing-sm)}.theme-tester-button-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.theme-tester-button-sm{height:var(--button-height-sm)}.theme-tester-button-md{height:var(--button-height-md)}.theme-tester-button-lg{height:var(--button-height-lg)}.theme-tester-radius-sm{border-radius:var(--radius-sm)}.theme-tester-radius-md{border-radius:var(--radius-md)}.theme-tester-radius-lg{border-radius:var(--radius-lg)}.theme-tester-radius-xl{border-radius:var(--radius-xl)}.theme-tester-radius-full{border-radius:var(--radius-full)}.theme-tester-forms{display:grid;gap:var(--spacing-lg)}.theme-tester-form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.theme-tester-input,.theme-tester-textarea,.theme-tester-select{width:100%;max-width:400px}.theme-tester-checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.theme-tester-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-tester-radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.theme-tester-radio-label{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-tester-status{display:flex;flex-direction:column;gap:var(--spacing-md)}.theme-tester-status-item{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid}.theme-tester-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.theme-tester-card-text{color:var(--color-text-secondary)}.theme-tester-colors{display:grid;gap:var(--spacing-lg)}.theme-tester-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm)}.theme-tester-color-item{text-align:center}.theme-tester-color-swatch{height:60px;border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);border:1px solid var(--color-border-primary)}.theme-tester-color-label{color:var(--color-text-tertiary)}.theme-tester-semantic-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.theme-tester-semantic-swatch{height:80px;border-radius:var(--radius-md);border:1px solid var(--color-border-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.theme-tester-semantic-bg-primary{background-color:var(--color-bg-primary)}.theme-tester-semantic-bg-secondary{background-color:var(--color-bg-secondary)}.theme-tester-semantic-bg-elevated{background-color:var(--color-bg-elevated)}.theme-tester-spacing{display:flex;flex-direction:column;gap:var(--spacing-md)}.theme-tester-spacing-item{display:flex;align-items:center;gap:var(--spacing-md)}.theme-tester-spacing-label{width:100px;color:var(--color-text-tertiary)}.theme-tester-spacing-bar{height:20px;background-color:var(--color-primary-500);border-radius:var(--radius-sm)}.theme-tester-spacing-value{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.theme-tester-shadows{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.theme-tester-shadow-item{text-align:center}.theme-tester-shadow-box{height:100px;background-color:var(--color-bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.theme-tester-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.theme-tester-link-primary{color:var(--color-link)}.theme-tester-link-visited{color:var(--color-link-visited)}.theme-tester-link-underlined{text-decoration:underline}.creator-name-clickable{cursor:pointer;color:var(--color-text-primary);transition:color var(--transition-base);text-decoration:none}.creator-name-clickable:hover{color:var(--color-interactive-primary);text-decoration:underline}.creator-name-clickable:focus{outline:2px solid var(--color-interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}.featured-post-preview{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all .2s ease}.featured-post-preview:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.featured-post-preview-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.featured-post-preview-creator-info{display:flex;flex-direction:column;gap:2px;flex:1}.featured-post-preview-creator-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary)}.featured-post-preview-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.featured-post-preview-thumbnail{width:100%;margin-bottom:var(--spacing-sm);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-secondary)}.featured-post-preview-thumbnail img{width:100%;height:auto;display:block;object-fit:cover;max-height:200px}.featured-post-preview-content{margin-top:var(--spacing-xs)}.featured-post-preview-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;word-wrap:break-word}.feedback-form{width:100%;max-width:600px;padding:var(--spacing-lg)}.feedback-form-header{margin-bottom:var(--spacing-lg)}.feedback-form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.feedback-form-blurb{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--color-interactive-primary)}.feedback-form-blurb p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.feedback-form-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feedback-form-errors{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-bg-error);border-radius:var(--radius-md);border:1px solid var(--color-border-error)}.feedback-form-error{color:var(--color-text-error);font-size:var(--font-size-sm)}.feedback-form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feedback-form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.feedback-form-required{color:var(--color-text-error)}.feedback-form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:120px;transition:border-color var(--transition-fast)}.feedback-form-textarea:focus{outline:none;border-color:var(--color-interactive-primary)}.feedback-form-dropdown{width:100%}.feedback-form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.feedback-form-cancel,.feedback-form-submit{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.feedback-form-cancel{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.feedback-form-cancel:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.feedback-form-submit{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.feedback-form-submit:hover:not(:disabled){background-color:var(--color-interactive-primary-hover)}.feedback-form-submit:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.feedback-form-cancel:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.feedback-banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky, 1000);background:linear-gradient(135deg,var(--color-interactive-primary) 0%,var(--color-interactive-primary-hover) 100%);color:var(--color-text-inverse);cursor:pointer;transition:background var(--transition-fast);box-shadow:0 2px 4px #0000001a}.feedback-banner:hover{background:linear-gradient(135deg,var(--color-interactive-primary-hover) 0%,var(--color-interactive-primary) 100%)}.feedback-banner-content{padding:var(--spacing-sm) var(--spacing-md);text-align:center;max-width:100%}.feedback-banner-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-block;line-height:1.5}.feedback-banner-text strong{font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.full-screen-layout{min-height:100dvh;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:var(--color-bg-primary);overflow-x:hidden;width:100%;padding-top:2.5rem}.full-screen-layout-split{display:grid;grid-template-columns:1fr 1fr;height:100dvh;min-height:100dvh;max-height:100dvh;width:100%;overflow:hidden}.full-screen-layout-branding{background:linear-gradient(135deg,#0284c7,#075985,#9333ea);display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-2xl);position:relative;overflow-x:hidden;overflow-y:auto;height:100%}.full-screen-layout-branding:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);opacity:1;pointer-events:none}.full-screen-layout-branding:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse"><path d="M 60 0 L 0 0 0 60" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.6;animation:full-screen-layout-float-pattern 20s ease-in-out infinite;pointer-events:none}@keyframes full-screen-layout-float-pattern{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2%,-2%) rotate(1deg)}}.full-screen-layout-branding-content{position:relative;z-index:1;text-align:center;color:var(--color-text-inverse);max-width:500px;padding:var(--spacing-xl)}.full-screen-layout-branding-logo{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;color:#fff;letter-spacing:-1px;text-shadow:0 2px 20px rgba(0,0,0,.2)}.full-screen-layout-branding-tagline{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xl) 0;color:#fff;line-height:var(--line-height-relaxed);text-shadow:0 2px 10px rgba(0,0,0,.15)}.full-screen-layout-branding-blurb{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2)}.full-screen-layout-branding-blurb p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:#fffffff2;margin:0;text-shadow:0 1px 5px rgba(0,0,0,.1)}.full-screen-layout-form-section{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--color-bg-primary);position:relative;width:100%;height:100%;overflow:hidden;padding:0}.full-screen-layout-form-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,#f0f9ff 0%,transparent 30%),radial-gradient(circle at 100% 100%,#faf5ff 0%,transparent 30%);opacity:.3;pointer-events:none}.full-screen-layout-form-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-3xl) var(--spacing-2xl);-webkit-overflow-scrolling:touch;min-height:0}.full-screen-layout-hero{text-align:center;margin-bottom:var(--spacing-2xl);width:100%;position:relative;z-index:1}.full-screen-layout-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);background:linear-gradient(135deg,#0284c7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.full-screen-layout-hero-text{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.full-screen-layout-bottom{width:100%;padding:var(--spacing-2xl);background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);border-top:1px solid var(--color-border-primary);position:relative}.full-screen-layout-bottom:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-300),transparent)}.full-screen-layout-featured-posts-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2xl) 0;color:var(--color-text-primary);text-align:center;background:linear-gradient(135deg,#0284c7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.full-screen-layout-featured-posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto}@media(max-width:768px){.full-screen-layout{padding-top:0;height:100dvh;min-height:100dvh;position:relative}.full-screen-layout-split{grid-template-columns:1fr}.full-screen-layout-branding{min-height:300px;padding:var(--spacing-2xl) var(--spacing-lg)}.full-screen-layout-branding-logo{font-size:var(--font-size-4xl)}.full-screen-layout-branding-tagline{font-size:var(--font-size-lg)}.full-screen-layout-branding-blurb{padding:var(--spacing-md)}.full-screen-layout-branding-blurb p{font-size:var(--font-size-sm)}.full-screen-layout-form-section{height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0}.full-screen-layout-form-content{padding:var(--spacing-2xl) var(--spacing-lg)}.full-screen-layout-hero{margin-bottom:var(--spacing-xl)}.full-screen-layout-title{font-size:var(--font-size-2xl)}.full-screen-layout-bottom{padding:var(--spacing-xl);border-top:1px solid var(--color-border-primary)}.full-screen-layout-featured-posts-list{grid-template-columns:1fr;gap:var(--spacing-lg)}}.register-form{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.register-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.register-required{color:var(--color-status-error)}.register-optional{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs)}.register-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .2s ease;background:var(--color-input-bg);color:var(--color-input-text);font-family:var(--font-family-base)}.register-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb, 14, 165, 233),.1)}.register-input::placeholder{color:var(--color-input-placeholder)}.register-field-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs);margin-bottom:0}.register-field-error{color:var(--color-status-error-text);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.register-error{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-status-error-bg);color:var(--color-status-error-text);font-size:var(--font-size-sm);border:1px solid var(--color-status-error)}.register-terms{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin:var(--spacing-lg) 0 0 0;line-height:var(--line-height-relaxed)}.register-terms-link{color:var(--color-link);text-decoration:none;transition:color .2s ease}.register-terms-link:hover{color:var(--color-link-hover);text-decoration:underline}.register-submit{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.register-submit:hover:not(:disabled){background:var(--color-button-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.register-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000001a}.register-submit:disabled{background:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.register-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin-top:var(--spacing-lg);line-height:var(--line-height-relaxed);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.register-links{text-align:center;margin-top:var(--spacing-xl)}.register-link-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.register-link{color:var(--color-link);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color .2s ease}.register-link:hover{color:var(--color-link-hover);text-decoration:underline}.register-loading{display:flex;justify-content:center;align-items:center;min-height:50dvh;flex-direction:column;gap:var(--spacing-md)}.register-loading div{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.register-seed-phrase-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:0;flex:0 1 auto}.register-seed-phrase-wrapper .full-screen-layout-hero,.register-seed-phrase-wrapper .seed-phrase-display{flex-shrink:0}.seed-phrase-input{max-width:600px;margin:0 auto}.seed-phrase-input-title{margin-bottom:var(--spacing-md)}.seed-phrase-input-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.seed-phrase-input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.seed-phrase-input-word{display:flex;align-items:center;gap:var(--spacing-xs)}.seed-phrase-input-word-number{color:var(--color-text-tertiary);min-width:24px;font-size:var(--font-size-sm)}.seed-phrase-input-field{flex:1;font-family:var(--font-family-mono);font-size:var(--font-size-sm);width:100%;min-width:0}.seed-phrase-input-submit{width:100%}.login-page .full-screen-layout-form-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-form-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:stretch}.login-page .full-screen-layout-hero{width:100%;margin-bottom:var(--spacing-2xl)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.login-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.login-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .2s ease;background:var(--color-input-bg);color:var(--color-input-text);font-family:var(--font-family-base)}.login-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb, 14, 165, 233),.1)}.login-input::placeholder{color:var(--color-input-placeholder)}.login-error{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-status-error-bg);color:var(--color-status-error-text);font-size:var(--font-size-sm);border:1px solid var(--color-status-error)}.login-terms{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin:var(--spacing-lg) 0 0 0;line-height:var(--line-height-relaxed)}.login-terms-link{color:var(--color-link);text-decoration:none;transition:color .2s ease}.login-terms-link:hover{color:var(--color-link-hover);text-decoration:underline}.login-submit{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.login-submit:hover:not(:disabled){background:var(--color-button-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000001a}.login-submit:disabled{background:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.login-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);font-size:var(--font-size-sm)}.login-link{color:var(--color-link);text-decoration:none;transition:color .2s ease}.login-link:hover{color:var(--color-link-hover);text-decoration:underline}.login-link-separator{color:var(--color-text-tertiary)}.login-link-highlight{color:var(--color-link);font-weight:var(--font-weight-semibold)}.login-link-small{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.multi-device-page .full-screen-layout-form-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.multi-device-authorization{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%}.multi-device-qr-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--color-bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary)}.multi-device-qr-code{padding:var(--spacing-md);background-color:#fff;border-radius:var(--radius-md)}.multi-device-qr-instructions{text-align:center;font-size:var(--font-size-sm);max-width:300px}.multi-device-code-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--color-bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary);width:100%;max-width:400px}.multi-device-code-display{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);width:100%}.multi-device-code-digits{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);font-family:Courier New,monospace;letter-spacing:var(--spacing-md);color:var(--color-text-primary)}.multi-device-code-instructions{text-align:center;font-size:var(--font-size-sm)}.multi-device-auth-type-toggle{display:flex;gap:var(--spacing-sm)}.multi-device-polling{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg)}.multi-device-spinner{width:32px;height:32px;border:3px solid var(--color-border-primary);border-top-color:var(--color-button-primary-bg);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.multi-device-expires{margin-top:var(--spacing-xs)}.multi-device-form-wrapper{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:stretch}.multi-device-page .full-screen-layout-hero{width:100%;margin-bottom:var(--spacing-2xl)}.multi-device-form{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.multi-device-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.multi-device-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.multi-device-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .2s ease;background:var(--color-input-bg);color:var(--color-input-text);font-family:var(--font-family-base)}.multi-device-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb, 14, 165, 233),.1)}.multi-device-input::placeholder{color:var(--color-input-placeholder)}.multi-device-error{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-status-error-bg);color:var(--color-status-error-text);font-size:var(--font-size-sm);border:1px solid var(--color-status-error)}.multi-device-success{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-status-success-bg);color:var(--color-status-success-text);font-size:var(--font-size-sm);border:1px solid var(--color-status-success);margin-top:var(--spacing-xs)}.multi-device-hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.multi-device-submit{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.multi-device-submit:hover:not(:disabled){background:var(--color-button-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.multi-device-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000001a}.multi-device-submit:disabled{background:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.multi-device-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);font-size:var(--font-size-sm)}.multi-device-link{color:var(--color-link);text-decoration:none;transition:color .2s ease}.multi-device-link:hover{color:var(--color-link-hover);text-decoration:underline}.multi-device-link-separator{color:var(--color-text-tertiary)}.multi-device-entry-mode{margin:var(--spacing-md) 0}.multi-device-entry-mode-toggle{display:flex;gap:var(--spacing-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-xs);background:var(--color-bg-secondary)}.multi-device-entry-mode-toggle .btn{flex:1;transition:all .2s ease}.multi-device-entry-mode-toggle .btn.active{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.multi-device-validate-btn,.multi-device-scan-btn,.multi-device-continue-btn{width:100%;margin-top:var(--spacing-sm)}.vault-page-details{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg)}.vault-page-details-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0}.vault-page-details-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.vault-page-details-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.vault-page-details-stat{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-bg-secondary)}.vault-page-details-stat-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.vault-page-details-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.vault-page-details-stat-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.vault-page-details-type-list,.vault-page-details-status-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vault-page-details-type-item,.vault-page-details-status-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-bg-secondary)}.vault-page-details-type-label,.vault-page-details-status-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);text-transform:capitalize}.vault-page-details-type-count,.vault-page-details-status-count{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.confirmation-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:400px;width:100%;margin:0 auto}.confirmation-dialog-header{display:flex;align-items:center;gap:var(--spacing-md)}.confirmation-dialog-icon{color:var(--color-status-error);flex-shrink:0}.confirmation-dialog-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.confirmation-dialog-message{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5;margin:0;white-space:pre-line}.confirmation-dialog-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-sm)}.confirmation-dialog-button{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);min-width:80px}.confirmation-dialog-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.confirmation-dialog-button-confirm{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-button-primary-bg)}.confirmation-dialog-button-confirm:hover{background-color:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover)}.confirmation-dialog-button-danger{background-color:var(--color-status-error);border-color:var(--color-status-error)}.confirmation-dialog-button-danger:hover{background-color:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover)}.vault-page{display:flex;flex-direction:column;width:100%;height:100%}.vault-page-controls-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);padding-top:0;background-color:var(--color-bg-primary);min-width:0;overflow:hidden}.vault-page-controls-wrapper{background-color:var(--color-bg-primary)}.vault-page-controls-row-1{padding-top:var(--spacing-md)}.vault-page-filters{display:flex;gap:var(--spacing-sm);flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.vault-page-filters::-webkit-scrollbar{display:none}.vault-page-filter-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0}.vault-page-filter-button:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.vault-page-filter-button.active{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-interactive-primary, var(--color-primary-600))}.vault-page-view-toggle{display:flex;gap:var(--spacing-xs);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--spacing-xs);background-color:var(--color-bg-secondary);flex-shrink:0}.vault-page-view-button{padding:var(--spacing-sm);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.vault-page-view-button:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.vault-page-view-button.active{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.vault-page-select-controls{display:flex;gap:var(--spacing-sm);align-items:center;flex-shrink:0}.vault-page-select-button,.vault-page-cancel-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.vault-page-select-button:hover,.vault-page-cancel-button:hover{background-color:var(--color-bg-tertiary)}.vault-page-delete-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-status-error);border-radius:var(--radius-md);background-color:var(--color-status-error);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.vault-page-delete-button:hover:not(:disabled){background-color:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover)}.vault-page-delete-button:disabled{opacity:.6;cursor:not-allowed}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-list-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.tag-list-chip-text{color:var(--color-text-primary)}.tag-list-chip-remove{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-xs);transition:background-color var(--transition-fast),color var(--transition-fast)}.tag-list-chip-remove:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.asset-page-details{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg)}.asset-page-details-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0;word-break:break-word}.asset-page-details-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.asset-page-details-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.asset-page-details-info-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.asset-page-details-info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-secondary)}.asset-page-details-info-item:last-child{border-bottom:none}.asset-page-details-info-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.asset-page-details-info-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;word-break:break-word}.asset-page-details-hash{font-family:monospace;font-size:var(--font-size-xs);max-width:200px;overflow:hidden;text-overflow:ellipsis}.asset-page-details-error{color:var(--color-status-error)}.asset-page-details-description{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.6;margin:0}.asset-page-details-link{font-size:var(--font-size-sm);color:var(--color-interactive-primary);text-decoration:none;transition:color var(--transition-fast)}.asset-page-details-link:hover{color:var(--color-primary-hover);text-decoration:underline}.asset-page-details-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.asset-page-details-profile-button{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-button-primary-bg);border-radius:var(--radius-md);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);width:100%}.asset-page-details-profile-button:hover:not(:disabled){background-color:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.asset-page-details-profile-button:active:not(:disabled){background-color:var(--color-button-primary-active);border-color:var(--color-button-primary-active)}.asset-page-details-profile-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.asset-page-details-banner-button{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-button-secondary-bg);border-radius:var(--radius-md);background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);width:100%}.asset-page-details-banner-button:hover:not(:disabled){background-color:var(--color-button-secondary-hover);border-color:var(--color-button-secondary-hover)}.asset-page-details-banner-button:active:not(:disabled){background-color:var(--color-button-secondary-active);border-color:var(--color-button-secondary-active)}.asset-page-details-banner-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.asset-page-details-delete-button{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-status-error);border-radius:var(--radius-md);background-color:var(--color-status-error);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);width:100%}.asset-page-details-thumbnail-button{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-button-secondary-bg);border-radius:var(--radius-md);background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);width:100%}.asset-page-details-thumbnail-button:hover:not(:disabled){background-color:var(--color-button-secondary-hover);border-color:var(--color-button-secondary-hover)}.asset-page-details-thumbnail-button:active:not(:disabled){background-color:var(--color-button-secondary-active);border-color:var(--color-button-secondary-active)}.asset-page-details-thumbnail-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.asset-page-details-delete-button:hover{background-color:var(--color-error-600);border-color:var(--color-error-600)}.asset-page-details-delete-button:active{background-color:var(--color-error-700);border-color:var(--color-error-700)}.asset-page-details-18plus-button{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-button-secondary-bg);border-radius:var(--radius-md);background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);width:100%}.asset-page-details-18plus-button:hover:not(:disabled){background-color:var(--color-button-secondary-hover);border-color:var(--color-button-secondary-hover)}.asset-page-details-18plus-button:active:not(:disabled){background-color:var(--color-button-secondary-active);border-color:var(--color-button-secondary-active)}.asset-page-details-18plus-button.active{background-color:var(--color-status-warning);border-color:var(--color-status-warning);color:var(--color-text-inverse)}.asset-page-details-18plus-button.active:hover:not(:disabled){background-color:var(--color-warning-600);border-color:var(--color-warning-600)}.asset-page-details-18plus-button.active:active:not(:disabled){background-color:var(--color-warning-700);border-color:var(--color-warning-700)}.asset-page-details-18plus-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.asset-page-details-paywall-settings,.asset-page-details-paywall-display{display:flex;flex-direction:column;gap:var(--spacing-md)}.asset-page-details-edit-paywall-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-button-secondary-bg);border-radius:var(--radius-md);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);width:100%}.asset-page-details-edit-paywall-button:hover{background-color:var(--color-button-secondary-hover);border-color:var(--color-button-secondary-hover)}.asset-page-details-edit-paywall-button:active{background-color:var(--color-button-secondary-active);border-color:var(--color-button-secondary-active)}.asset-page-details-edit-paywall-button-warning{background-color:var(--color-status-warning);border-color:var(--color-status-warning);color:var(--color-text-inverse)}.asset-page-details-edit-paywall-button-warning:hover:not(:disabled){background-color:var(--color-warning-600);border-color:var(--color-warning-600)}.asset-page-details-edit-paywall-button-warning:active:not(:disabled){background-color:var(--color-warning-700);border-color:var(--color-warning-700)}.asset-page-details-paywall-edit{display:flex;flex-direction:column;gap:var(--spacing-lg)}.asset-page-details-paywall-edit-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.asset-page-details-paywall-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.asset-page-details-paywall-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base)}.asset-page-details-paywall-input:focus{outline:none;border-color:var(--color-interactive-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.asset-page-details-paywall-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.asset-page-details-paywall-tiers{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:200px;overflow-y:auto;padding:var(--spacing-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary)}.asset-page-details-paywall-tier-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background-color var(--transition-base);border-radius:var(--radius-sm)}.asset-page-details-paywall-tier-checkbox:hover{background-color:var(--color-bg-tertiary)}.asset-page-details-paywall-tier-checkbox input[type=checkbox]{cursor:pointer}.asset-page-details-paywall-edit-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.asset-page-details-paywall-cancel-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-button-ghost-border);border-radius:var(--radius-md);background-color:var(--color-button-ghost-bg);color:var(--color-button-ghost-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.asset-page-details-paywall-cancel-button:hover:not(:disabled){background-color:var(--color-button-ghost-hover);border-color:var(--color-button-ghost-hover)}.asset-page-details-paywall-cancel-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.asset-page-details-paywall-save-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-button-primary-bg);border-radius:var(--radius-md);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.asset-page-details-paywall-save-button:hover:not(:disabled){background-color:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.asset-page-details-paywall-save-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.asset-page-details-paywall-purchase{display:flex;flex-direction:column;gap:var(--spacing-md)}.asset-page-details-paywall-purchase-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);text-align:center}.asset-page-details-paywall-purchase-content svg{color:var(--color-text-secondary)}.asset-page-details-paywall-purchase-content h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.asset-page-details-paywall-purchase-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.asset-page-details-paywall-tiers-list{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.asset-page-details-paywall-purchase-button{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-button-primary-bg);border-radius:var(--radius-md);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.asset-page-details-paywall-purchase-button:hover:not(:disabled){background-color:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.asset-page-details-paywall-purchase-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.asset-page-details-paywall-access{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--color-status-success);border-radius:var(--radius-md);background-color:var(--color-status-success-alpha);color:var(--color-status-success);font-size:var(--font-size-sm);font-weight:500}.asset-page-details-paywall-access svg{flex-shrink:0}.asset-page{width:100%;padding:var(--spacing-lg);padding-top:0}.asset-page-view-toggle{align-items:center;justify-content:center;padding:var(--spacing-md)}.asset-page-view-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);width:100%;justify-content:center}.asset-page-view-button:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.asset-page-view-button:disabled{opacity:.6;cursor:not-allowed}.asset-page-player-container{justify-content:center;align-items:center;width:100%;min-height:400px;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden}.asset-page-player{max-width:100%;max-height:80dvh;width:auto;height:auto}.asset-page-loading,.asset-page-error{align-items:center;justify-content:center;padding:var(--spacing-2xl);min-height:400px}.asset-page-error{color:var(--color-status-error)}.asset-page-header{align-items:center;margin-bottom:var(--spacing-md)}.asset-page-back-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.asset-page-back-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.asset-page-no-preview{align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.asset-page-paywall-section{padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.asset-page-paywall-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.asset-page-creator-section{padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.asset-page-creator-info{display:flex;align-items:center;gap:var(--spacing-md);padding:0;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast);text-align:left;width:100%}.asset-page-creator-info:hover{opacity:.8}.asset-page-creator-details{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.asset-page-creator-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.asset-page-creator-handle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.become-a-muse-blurb{padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.become-a-muse-blurb-icon{color:var(--color-interactive-primary);margin-bottom:.5rem}.become-a-muse-blurb-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.become-a-muse-blurb-description{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.become-a-muse-blurb-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,var(--color-button-primary-bg) 0%,var(--color-interactive-primary-hover) 100%);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);font-family:inherit;margin-top:.5rem;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;position:relative;overflow:hidden}.become-a-muse-blurb-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.become-a-muse-blurb-button:hover{background:linear-gradient(135deg,var(--color-button-primary-hover) 0%,var(--color-interactive-primary-active) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0003,0 4px 8px #00000026}.become-a-muse-blurb-button:hover:before{left:100%}.become-a-muse-blurb-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026,0 1px 2px #0000001a}.become-a-muse-blurb-button:focus{outline:none;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,0 0 0 3px #0ea5e94d}.become-a-muse-blurb-button:focus-visible{outline:2px solid var(--color-interactive-primary);outline-offset:2px}.become-a-muse-blurb-loading{padding:2rem;color:var(--color-text-secondary);font-size:.875rem}.become-a-muse-blurb-icon-pending{color:#ffc107}.become-a-muse-blurb-icon-rejected{color:#dc3545}.become-a-muse-blurb-status-badge{display:inline-block;padding:.375rem .875rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:.5rem 0}.become-a-muse-blurb-status-pending{background-color:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.become-a-muse-blurb-status-rejected{background-color:#dc354533;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.become-a-muse-blurb-rejection-reason{margin-top:1rem;padding:1rem;background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md);text-align:left;width:100%}.become-a-muse-blurb-rejection-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.become-a-muse-blurb-rejection-text{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary);margin:0;white-space:pre-wrap;word-wrap:break-word}.asset-selector-modal{display:flex;flex-direction:column;height:600px;max-height:80dvh}.asset-selector-modal-title{font-size:1.5rem;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;color:var(--color-text-primary)}.asset-selector-modal-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.5rem}.asset-selector-modal-search{margin-bottom:1.5rem}.asset-selector-modal-search-input{width:100%;padding:.75rem;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-input-text);font-family:inherit}.asset-selector-modal-search-input:focus{outline:none;border-color:var(--color-input-border-focus)}.asset-selector-modal-assets{flex:1;overflow-y:auto;min-height:0}.asset-selector-modal-loading{display:flex;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--color-text-secondary)}.asset-selector-modal-empty-state{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.asset-selector-modal-empty-message{padding:2rem;text-align:center;color:var(--color-text-secondary)}.asset-selector-modal-grid{display:grid;gap:1rem}.asset-selector-modal-grid-square{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.asset-selector-modal-grid-banner{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.asset-selector-modal-tile{display:flex;flex-direction:column;cursor:pointer;border:2px solid var(--color-input-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base);background:var(--color-bg-secondary)}.asset-selector-modal-tile:hover{border-color:var(--color-interactive-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.asset-selector-modal-tile-thumbnail{width:100%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-selector-modal-tile-thumbnail-square{aspect-ratio:1}.asset-selector-modal-tile-thumbnail-banner{aspect-ratio:16 / 9}.asset-selector-modal-tile-thumbnail img{width:100%;height:100%;object-fit:cover}.asset-selector-modal-tile-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-tertiary)}.asset-selector-modal-tile-name{padding:.5rem;font-size:.75rem;color:var(--color-text-secondary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.asset-selector-modal-loading-more{text-align:center;padding:1rem;color:var(--color-text-secondary);font-size:.875rem}.asset-selector-modal-observer{height:1px}.asset-selector-modal-upload-tile{border-style:dashed!important;border-color:var(--color-border-secondary);background:var(--color-bg-primary);border-width:2px}.asset-selector-modal-upload-tile:hover{border-color:var(--color-interactive-primary)!important;background:var(--color-bg-secondary);border-style:solid!important}.asset-selector-modal-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:var(--color-text-secondary)}.asset-selector-modal-upload-tile:hover .asset-selector-modal-upload-content{color:var(--color-interactive-primary)}.asset-selector-modal-upload-label{font-size:.875rem;font-weight:500}.asset-selector-modal-upload-content svg{color:inherit}.profile-picture-modal{position:relative;display:flex;flex-direction:column;height:100%;max-height:80dvh}.profile-picture-modal-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text-primary)}.profile-picture-modal-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.5rem}.profile-picture-modal-search{margin-bottom:1.5rem}.profile-picture-modal-search-input{width:100%;padding:.75rem;border:1px solid var(--color-border-primary);border-radius:var(--border-radius);background:var(--color-background);color:var(--color-text-primary);font-size:.875rem}.profile-picture-modal-search-input:focus{outline:none;border-color:var(--color-interactive-primary)}.profile-picture-modal-search-input:disabled{opacity:.6;cursor:not-allowed}.profile-picture-modal-assets{flex:1;overflow-y:auto;min-height:0}.profile-picture-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:.5rem 0}.profile-picture-modal-tile{cursor:pointer;transition:transform .2s ease;display:flex;flex-direction:column;gap:.5rem}.profile-picture-modal-tile:hover{transform:scale(1.05)}.profile-picture-modal-tile:active{transform:scale(.98)}.profile-picture-modal-tile-thumbnail{width:100%;aspect-ratio:1;border-radius:var(--border-radius);overflow:hidden;background:var(--color-surface-secondary);border:1px solid var(--color-border-primary)}.profile-picture-modal-tile-thumbnail img{width:100%;height:100%;object-fit:cover}.profile-picture-modal-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.profile-picture-modal-tile-name{font-size:.75rem;color:var(--color-text-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}.profile-picture-modal-loading,.profile-picture-modal-loading-more,.profile-picture-modal-empty{text-align:center;padding:2rem;color:var(--color-text-secondary)}.profile-picture-modal-updating{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--border-radius)}.profile-picture-modal-updating p{color:var(--color-text-primary);font-weight:500}.profile-picture-modal-observer{height:1px;width:100%}.create-tier-modal-backdrop{position:fixed;inset:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-md)}.create-tier-modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column}.create-tier-modal-content-mobile{width:100%;max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90dvh}.create-tier-modal-content-desktop{width:100%;max-width:500px}.create-tier-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.create-tier-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.create-tier-modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-secondary);cursor:pointer;padding:0;width:var(--spacing-2xl);height:var(--spacing-2xl);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.create-tier-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.create-tier-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.create-tier-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-tier-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.create-tier-input,.create-tier-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:all var(--transition-fast)}.create-tier-input:focus,.create-tier-textarea:focus{outline:none;border-color:var(--color-border-focus)}.create-tier-input:disabled,.create-tier-textarea:disabled{opacity:var(--opacity-pressed);cursor:not-allowed}.create-tier-input-error{border-color:var(--color-status-error)!important}.create-tier-input-error:focus{border-color:var(--color-status-error)!important}.create-tier-error{color:var(--color-status-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.create-tier-textarea{resize:vertical;min-height:80px}.create-tier-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-sm)}.create-tier-button{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.create-tier-button:disabled{opacity:var(--opacity-pressed);cursor:not-allowed}.create-tier-button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.create-tier-button-primary:hover:not(:disabled){background:var(--color-button-primary-hover)}.create-tier-button-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary)}.create-tier-button-secondary:hover:not(:disabled){background:var(--color-button-secondary-hover)}.creator-dashboard{padding:1rem;display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto}.creator-dashboard-loading{text-align:center;padding:2rem;color:var(--color-text-secondary)}.creator-dashboard-section{display:flex;flex-direction:column;gap:1rem}.creator-dashboard-section-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.creator-dashboard-empty{text-align:center;padding:2rem;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1rem;align-items:center}.creator-dashboard-tiers{display:flex;flex-direction:column;gap:.75rem}.creator-dashboard-tier{padding:1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.75rem}.creator-dashboard-tier-inactive{opacity:.6;background:var(--color-bg-secondary)}.creator-dashboard-tier-inactive-badge{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-primary);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-primary)}.creator-dashboard-tier-actions{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border-primary)}.creator-dashboard-tier-status-button{width:100%;padding:.5rem 1rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.creator-dashboard-tier-status-button-activate{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-button-primary-bg)}.creator-dashboard-tier-status-button-activate:hover{background:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.creator-dashboard-tier-status-button-deactivate{background:transparent;color:var(--color-status-error);border-color:var(--color-status-error)}.creator-dashboard-tier-status-button-deactivate:hover{background:var(--color-status-error-bg);border-color:var(--color-status-error)}.creator-dashboard-tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.creator-dashboard-tier-header-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.creator-dashboard-tier-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.creator-dashboard-tier-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.creator-dashboard-tier-price{font-size:.875rem;font-weight:600;color:var(--color-interactive-primary)}.creator-dashboard-tier-description{font-size:.875rem;color:var(--color-text-secondary);margin:.5rem 0;line-height:1.5}.creator-dashboard-tier-meta{font-size:.75rem;color:var(--color-text-tertiary);display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.creator-dashboard-tier-purchases{font-weight:500;color:var(--color-text-secondary)}.creator-dashboard-stats{display:flex;flex-direction:column;gap:.75rem}.creator-dashboard-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.creator-dashboard-stat-label{font-size:.875rem;color:var(--color-text-secondary)}.creator-dashboard-stat-value{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.creator-dashboard-button{padding:.75rem 1rem;background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);width:100%}.creator-dashboard-button:hover{background:var(--color-button-primary-hover)}.creator-dashboard-button-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary)}.creator-dashboard-button-secondary:hover{background:var(--color-button-secondary-hover)}.creator-dashboard-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.creator-dashboard-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.creator-dashboard-banner-preview{display:flex;flex-direction:column;gap:.5rem}.creator-dashboard-banner-image{width:100%;max-height:150px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.creator-dashboard-blurb-display{display:flex;flex-direction:column;gap:.5rem}.creator-dashboard-blurb-text{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);min-height:60px}.creator-dashboard-edit-blurb{display:flex;flex-direction:column;gap:.5rem}.creator-dashboard-textarea{padding:.75rem;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary);font-family:inherit;resize:vertical;min-height:80px}.creator-dashboard-textarea:focus{outline:none;border-color:var(--color-border-focus)}.creator-dashboard-edit-actions{display:flex;gap:.5rem}.creator-dashboard-links-header{display:flex;justify-content:space-between;align-items:center}.creator-dashboard-button-link{padding:.5rem .75rem;background:transparent;color:var(--color-interactive-primary);border:none;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:color var(--transition-fast)}.creator-dashboard-button-link:hover{color:var(--color-interactive-hover)}.creator-dashboard-link-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.creator-dashboard-input{padding:.5rem;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-primary);font-family:inherit}.creator-dashboard-input:focus{outline:none;border-color:var(--color-border-focus)}.creator-dashboard-links-list{display:flex;flex-direction:column;gap:.5rem}.creator-dashboard-link-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.creator-dashboard-link-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.creator-dashboard-link-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.creator-dashboard-link-url{font-size:.75rem;color:var(--color-text-secondary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-dashboard-link-url:hover{color:var(--color-interactive-primary);text-decoration:underline}.creator-dashboard-link-actions{display:flex;gap:.5rem;flex-shrink:0}.creator-dashboard-button-icon{padding:.5rem;background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.creator-dashboard-button-icon:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-focus);color:var(--color-text-primary)}.creator-dashboard-button-icon:disabled{opacity:.5;cursor:not-allowed}.creator-dashboard-button-icon-danger:hover:not(:disabled){background:var(--color-status-error-bg);border-color:var(--color-status-error);color:var(--color-status-error)}.banner-selector-search{padding:1rem;border-bottom:1px solid var(--color-border-primary)}.banner-selector-search-input{width:100%;padding:.5rem;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary)}.banner-selector-search-input:focus{outline:none;border-color:var(--color-border-focus)}.banner-selector-item{aspect-ratio:16 / 9;border:2px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.wallet-balance-panel{padding:0;display:flex;flex-direction:column;gap:1.5rem}.wallet-balance-panel-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.wallet-balance-panel-balance{padding:1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);text-align:center}.wallet-balance-panel-balance-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.wallet-balance-panel-balance-value{font-size:2rem;font-weight:600;color:var(--color-interactive-primary)}.wallet-balance-panel-balance-clickable{background:none;border:none;padding:0;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:2rem;font-weight:600;color:var(--color-interactive-primary);text-align:center;width:100%}.wallet-balance-panel-balance-clickable:hover:not(:disabled){opacity:.8;transform:scale(1.05)}.wallet-balance-panel-balance-clickable:disabled{cursor:not-allowed;opacity:.6}.wallet-balance-panel-actions{display:flex;flex-direction:column;gap:.75rem}.wallet-balance-panel-cashout-button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.wallet-balance-panel-cashout-button:hover:not(:disabled){background:var(--color-button-primary-hover)}.wallet-balance-panel-cashout-button:disabled{opacity:.6;cursor:not-allowed}.wallet-balance-panel-section{display:flex;flex-direction:column;gap:1rem}.wallet-balance-panel-section-header{display:flex;justify-content:space-between;align-items:center}.wallet-balance-panel-section-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.wallet-balance-panel-remove-button{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.wallet-balance-panel-remove-button:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.wallet-balance-panel-saved-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem}.wallet-balance-panel-add-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.wallet-balance-panel-add-button:hover{background:var(--color-button-secondary-hover)}.wallet-balance-panel-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.wallet-balance-panel-field{display:flex;flex-direction:column;gap:.5rem}.wallet-balance-panel-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.wallet-balance-panel-input{width:100%;padding:.75rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast)}.wallet-balance-panel-input:focus{outline:none;border-color:var(--color-border-focus)}.wallet-balance-panel-input:disabled{opacity:.6;cursor:not-allowed}.wallet-balance-panel-hint{font-size:.75rem;color:var(--color-text-tertiary);margin:0;margin-top:.25rem}.wallet-balance-panel-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.wallet-balance-panel-button{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.wallet-balance-panel-button:disabled{opacity:.6;cursor:not-allowed}.wallet-balance-panel-button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.wallet-balance-panel-button-primary:hover:not(:disabled){background:var(--color-button-primary-hover)}.wallet-balance-panel-button-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary)}.wallet-balance-panel-button-secondary:hover:not(:disabled){background:var(--color-button-secondary-hover)}.change-password-modal-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md)}.change-password-modal{background-color:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:480px;border:1px solid var(--color-border-primary)}.change-password-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-primary)}.change-password-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.change-password-modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-base)}.change-password-modal-close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.change-password-modal-form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.change-password-modal-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.change-password-modal-error{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-status-error-bg);color:var(--color-status-error-text);font-size:var(--font-size-sm)}.change-password-modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.change-password-modal-button{flex:1;height:var(--button-height-md);padding:0 var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.change-password-modal-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.change-password-modal-button-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.change-password-modal-button-primary:hover:not(:disabled){background-color:var(--color-button-primary-hover)}.change-password-modal-button-primary:active:not(:disabled){background-color:var(--color-button-primary-active)}.change-password-modal-button-secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.change-password-modal-button-secondary:hover:not(:disabled){background-color:var(--color-button-secondary-hover)}.change-password-modal-button-secondary:active:not(:disabled){background-color:var(--color-button-secondary-active)}.profile-page{padding:2rem;max-width:800px;margin:0 auto}.profile-page-become-creator{background:linear-gradient(135deg,var(--color-interactive-primary) 0%,var(--color-interactive-primary-hover) 100%);border:none;color:var(--color-text-inverse)}.profile-page-become-creator-content{text-align:center}.profile-page-become-creator-title{font-size:1.75rem;font-weight:var(--font-weight-semibold);margin:0 0 1rem;color:var(--color-text-inverse)}.profile-page-become-creator-description{font-size:1rem;line-height:var(--line-height-relaxed);color:var(--color-text-inverse);margin:0 0 1.5rem;opacity:.95}.profile-page-title{font-size:2rem;font-weight:600;margin:0 0 2rem;color:var(--color-text-primary)}.profile-page-section{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.5rem}.profile-page-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-card-border)}.profile-page-section-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text-primary)}.profile-page-feedback-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.profile-page-feedback-btn:hover{background-color:var(--color-interactive-primary-hover)}.profile-page-field{margin:1.5rem 0}.profile-page-field:last-child{margin-bottom:0}.profile-page-field-last{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-card-border)}.profile-page-label-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:.5rem}.profile-page-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin:0}.profile-page-help-button{display:flex;align-items:center;justify-content:center;width:var(--spacing-xl);height:var(--spacing-xl);padding:0;background:transparent;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.profile-page-help-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.profile-page-input{width:100%;padding:.75rem;border:1px solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);color:var(--color-input-text);font-size:.875rem;font-family:inherit}.profile-page-input:focus{outline:none;border-color:var(--color-input-border-focus)}.profile-page-input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.profile-page-input-readonly{background-color:var(--color-bg-secondary);cursor:default}.profile-page-field-hint{font-size:.75rem;color:var(--color-text-secondary);margin-top:.5rem;margin-bottom:0}.profile-page-checkbox-wrapper{display:flex;align-items:flex-start;gap:.75rem}.profile-page-checkbox{margin-top:.25rem;width:1.25rem;height:1.25rem;cursor:pointer;flex-shrink:0}.profile-page-checkbox:disabled{opacity:.6;cursor:not-allowed}.profile-page-checkbox-label{display:flex;align-items:flex-start;cursor:pointer;flex:1}.profile-page-checkbox-text{font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.profile-page-field-warning{color:var(--color-status-warning)}.profile-page-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base);font-family:inherit}.profile-page-button:hover:not(:disabled){background-color:var(--color-button-secondary-hover);border-color:var(--color-border-primary)}.profile-page-button:active:not(:disabled){background-color:var(--color-button-secondary-active);border-color:var(--color-border-primary)}.profile-page-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.profile-page-button-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-button-primary-bg)}.profile-page-button-primary:hover:not(:disabled){background-color:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.profile-page-button-primary:active:not(:disabled){background-color:var(--color-button-primary-active);border-color:var(--color-button-primary-active)}.profile-page-button-secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border-color:var(--color-border-primary)}.profile-page-button-secondary:hover:not(:disabled){background-color:var(--color-button-secondary-hover);border-color:var(--color-border-primary)}.profile-page-button-secondary:active:not(:disabled){background-color:var(--color-button-secondary-active);border-color:var(--color-border-primary)}.profile-page-button-icon{padding:.5rem;min-width:auto}.profile-page-button-danger{background-color:var(--color-status-error);color:var(--color-text-inverse);border-color:var(--color-status-error)}.profile-page-button-danger:hover:not(:disabled){background-color:var(--color-status-error);border-color:var(--color-status-error);opacity:var(--opacity-hover)}.profile-page-button-danger:active:not(:disabled){background-color:var(--color-status-error);border-color:var(--color-status-error);opacity:var(--opacity-pressed)}.profile-page-picture-section{display:flex;align-items:center;gap:1.5rem}.profile-page-avatar{width:80px;height:80px;min-width:80px;min-height:80px;max-width:100%;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-card-border);flex-shrink:0}.profile-page-avatar-placeholder{width:80px;height:80px;min-width:80px;min-height:80px;max-width:100%;border-radius:var(--radius-full);background-color:var(--color-interactive-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-weight-semibold);border:2px solid var(--color-card-border);flex-shrink:0}.profile-page-email-display{display:flex;gap:.75rem;align-items:flex-start}.profile-page-email-edit{display:flex;flex-direction:column;gap:.75rem}.profile-page-email-actions{display:flex;gap:.75rem}.profile-page-key-display{display:flex;gap:.5rem;align-items:center;width:100%;min-width:0}.profile-page-key-input{font-family:Courier New,monospace}.profile-page-banner-preview{display:flex;flex-direction:column;gap:.5rem}.profile-page-banner-image{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-card-border)}.profile-page-blurb-display{display:flex;flex-direction:column;gap:.5rem}.profile-page-blurb-text{font-size:.875rem;color:var(--color-text-primary);line-height:1.5;margin:0;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-input-border);border-radius:var(--radius-md);min-height:60px}.profile-page-blurb-text-empty{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-input-border);border-radius:var(--radius-md);min-height:60px}.profile-page-edit-blurb{display:flex;flex-direction:column;gap:.5rem}.profile-page-edit-blurb .rich-text-input-wrapper{min-height:120px}.profile-page-links-header{display:flex;justify-content:space-between;align-items:center}.profile-page-button-link{padding:.5rem .75rem;background:var(--color-button-ghost-bg);color:var(--color-link);border:none;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background-color var(--transition-base),color var(--transition-base);border-radius:var(--radius-md)}.profile-page-button-link:hover{background:var(--color-button-ghost-hover);color:var(--color-link-hover)}.profile-page-link-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-input-border);border-radius:var(--radius-md)}.profile-page-link-form-extracted-label{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.profile-page-link-form-extracted-label-text{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.profile-page-link-form-edit-label-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:transparent;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.profile-page-link-form-edit-label-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.profile-page-links-list{display:flex;flex-direction:column;gap:.5rem}.profile-page-link-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-input-border);border-radius:var(--radius-md)}.profile-page-link-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.profile-page-link-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.profile-page-link-url{font-size:.75rem;color:var(--color-text-secondary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page-link-url:hover{color:var(--color-link-hover);text-decoration:underline}.profile-page-link-actions{display:flex;gap:.5rem;flex-shrink:0}.banner-selector-modal{display:flex;flex-direction:column;height:500px}.banner-selector-search{padding:1rem;border-bottom:1px solid var(--color-card-border)}.banner-selector-search-input{width:100%;padding:.5rem;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-input-text)}.banner-selector-search-input:focus{outline:none;border-color:var(--color-input-border-focus)}.banner-selector-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;padding:1rem}.banner-selector-item{aspect-ratio:16 / 9;border:2px solid var(--color-input-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.banner-selector-item:hover{border-color:var(--color-interactive-primary);transform:scale(1.05)}.banner-selector-item img{width:100%;height:100%;object-fit:cover}.banner-selector-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:.75rem}.banner-selector-loading{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--color-text-secondary)}.profile-page-wallet-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-card-border)}.profile-page-wallet-address{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--color-text-primary);word-break:break-all;overflow-wrap:break-word;min-width:0;flex:1}.profile-page-wallet-address>span{word-break:break-all;overflow-wrap:break-word;min-width:0}.profile-page-wallet-balance{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-interactive-primary)}.profile-page-external-wallet{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-card-border)}.profile-page-external-wallet-add{display:flex;flex-direction:column;gap:.75rem}.profile-page-external-wallet-actions{display:flex;gap:.75rem}.profile-page-spinner{display:inline-block;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.profile-page,.profile-page-section{padding:1rem}.profile-page-picture-section{flex-direction:column;align-items:flex-start;gap:1rem}.profile-page-avatar,.profile-page-avatar-placeholder{width:100px;height:100px;min-width:100px;min-height:100px}.profile-page-email-display,.profile-page-email-actions,.profile-page-external-wallet-actions{flex-direction:column}.profile-page-external-wallet{flex-direction:column;align-items:flex-start}.profile-page-key-display{flex-wrap:wrap}.profile-page-key-input{font-size:.7rem;line-height:1.4;white-space:normal;word-break:break-all;overflow-wrap:break-word;overflow-x:visible;height:auto;min-height:2.5rem}.profile-page-wallet-address{flex-wrap:wrap;font-size:.75rem}.profile-page-wallet-address>svg{flex-shrink:0}}.profile-page-payment-method{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-bottom:.5rem}.profile-page-payment-method-info{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}.profile-page-payment-method-actions{display:flex;gap:.5rem}.profile-page-payment-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-bottom:.5rem}.profile-page-payment-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}@media(max-width:768px){.profile-page-payment-method{flex-direction:column;align-items:flex-start;gap:.75rem}.profile-page-payment-method-actions{width:100%;flex-direction:column}.profile-page-payment-method-actions .profile-page-button{width:100%}.profile-page-payment-form-actions{flex-direction:column}.profile-page-payment-form-actions .profile-page-button{width:100%}}.profile-right-panel{display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto}.profile-page-version-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-card-border);display:flex;flex-direction:column;gap:.5rem;align-items:center}.profile-page-version-info{display:flex;gap:.5rem;align-items:center;font-size:.75rem;color:var(--color-text-secondary)}.profile-page-version-label{font-weight:500}.profile-page-version-value{font-family:Courier New,monospace;color:var(--color-text-primary)}.profile-page-version-warning{margin-top:.75rem;padding:.75rem;background-color:var(--color-status-warning);background-color:rgba(var(--color-status-warning-rgb, 255, 193, 7),.1);border:1px solid var(--color-status-warning);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%;max-width:500px}.profile-page-version-warning-text{font-size:.75rem;color:var(--color-status-warning);text-align:center;margin:0}.profile-page-version-reload{font-size:.75rem;padding:.375rem .75rem}.profile-page-passkeys-list{margin-bottom:var(--spacing-md)}.profile-page-passkey-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);background-color:var(--color-bg-secondary)}.profile-page-passkey-item:last-child{margin-bottom:0}.profile-page-password-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.profile-page-password-actions{display:flex;gap:var(--spacing-sm);align-items:center}.profile-page-password-actions .profile-page-button{flex:1}.profile-page-seed-phrase-modal{position:fixed;inset:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 2000);padding:var(--spacing-lg)}.profile-page-seed-phrase-modal-content{background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.profile-page-seed-phrase-modal-body{padding:0;flex:1}.profile-page-seed-phrase-modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--color-border-primary);display:flex;justify-content:flex-end}@media(max-width:768px){.profile-page-seed-phrase-modal{padding:var(--spacing-md)}.profile-page-seed-phrase-modal-content{max-height:95vh}.profile-page-seed-phrase-modal-footer{padding:var(--spacing-lg)}}.reactions{display:flex;align-items:center}.reaction-button{display:flex;align-items:center;gap:6px;background:var(--color-button-ghost-bg);padding:8px 12px;cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;min-height:36px;color:var(--color-button-ghost-text)}.reaction-button:hover{background:var(--color-button-ghost-hover);border-color:var(--color-border-primary);transform:translateY(-1px)}.reaction-button.active{background:var(--color-button-ghost-bg);border-color:var(--color-border-primary)}.reaction-button.active .reaction-icon{color:#e91e63}.reaction-button.active .reaction-count{color:var(--color-text-primary)}.reaction-button:disabled{opacity:.6;cursor:not-allowed}.reaction-button:disabled:hover{transform:none}.reaction-icon{font-size:1.125rem;line-height:1;color:var(--color-text-secondary);transition:color var(--transition-fast)}.reaction-count{color:var(--color-text-primary);font-weight:600;font-size:.875rem}.follow-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-button-primary-bg);border-radius:var(--radius-md);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.follow-button:hover:not(:disabled){background-color:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.follow-button:active:not(:disabled){background-color:var(--color-button-primary-active);border-color:var(--color-button-primary-active);transform:translateY(0)}.follow-button.following{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border-color:var(--color-button-secondary-bg)}.follow-button.following:hover:not(:disabled){background-color:var(--color-button-secondary-hover);border-color:var(--color-button-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.follow-button.following:active:not(:disabled){background-color:var(--color-button-secondary-active);border-color:var(--color-button-secondary-active);transform:translateY(0)}.follow-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none}.follow-button span{display:inline-block}.integrated-purchase-flow{width:100%;display:flex;flex-direction:column}.integrated-purchase-flow-loading{padding:2rem;text-align:center;color:var(--color-text-secondary)}.integrated-purchase-flow-header{padding:1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:1.5rem}.integrated-purchase-flow-header h3{margin:0 0 .5rem;color:var(--color-text-primary)}.integrated-purchase-flow-header p{margin:.25rem 0;color:var(--color-text-secondary);font-size:.875rem}.integrated-purchase-flow-shortfall{color:var(--color-status-error);font-weight:600;margin-top:.5rem!important}.integrated-purchase-flow-actions{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.integrated-purchase-flow-button{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.integrated-purchase-flow-button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.integrated-purchase-flow-button-primary:hover{background:var(--color-button-primary-hover)}.integrated-purchase-flow-button-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary)}.integrated-purchase-flow-button-secondary:hover{background:var(--color-button-secondary-hover)}.asset-paywall{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;aspect-ratio:1 / 1;min-height:220px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary)}.asset-paywall-preview{position:absolute;inset:0;z-index:0}.asset-paywall-preview-media{width:100%;height:100%;object-fit:cover}.asset-paywall-overlay{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.asset-paywall-content{text-align:center;width:100%;max-width:100%}.asset-paywall-content h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.asset-paywall-content p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.asset-paywall-tiers{margin:var(--spacing-xs) 0;text-align:left;max-height:4rem;overflow-y:auto}.asset-paywall-tiers p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.asset-paywall-tiers ul{list-style:none;padding:0;margin:0}.asset-paywall-tiers li{padding:2px 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-primary)}.asset-paywall-tiers li:last-child{border-bottom:none}.asset-paywall-button{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-base);width:100%;max-width:200px;margin:var(--spacing-xs) auto 0}.asset-paywall-button:hover{background:var(--color-button-primary-hover)}.asset-paywall-button:active{transform:scale(.98)}.post-attachment-carousel{position:relative;width:100%}.post-attachment-carousel-container{position:relative;width:100%;height:500px;overflow:hidden;border-radius:4px}@media(max-width:768px){.post-attachment-carousel-container{height:400px}}.post-attachment-carousel-track{display:flex;width:100%;height:100%;transition:transform .3s ease-in-out}.post-attachment-carousel-item{min-width:100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.post-attachment-carousel-player{width:100%;height:100%;max-width:100%;max-height:100%;display:block;object-fit:contain}.post-attachment-carousel-player canvas,.post-attachment-carousel-player video{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:4px;object-fit:contain}.post-attachment-carousel-player audio{width:100%;max-width:100%;border-radius:4px}.post-attachment-error{padding:16px;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:4px;min-height:200px;display:flex;align-items:center;justify-content:center}.post-attachment-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast)}.post-attachment-carousel-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.post-attachment-carousel-nav-left{left:12px}.post-attachment-carousel-nav-right{right:12px}.post-attachment-carousel-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:8px}.post-attachment-carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--color-text-tertiary);cursor:pointer;padding:0;transition:all var(--transition-fast)}.post-attachment-carousel-dot:hover{background:var(--color-text-secondary);transform:scale(1.2)}.post-attachment-carousel-dot.active{background:var(--color-interactive-primary);width:24px;border-radius:4px}.rich-text-renderer{color:var(--color-text);line-height:1.5}.rich-text-renderer p{margin:0 0 .5em}.rich-text-renderer p:last-child{margin-bottom:0}.rich-text-renderer strong{font-weight:600;color:var(--color-text)}.rich-text-renderer em{font-style:italic}.rich-text-renderer a{color:var(--color-interactive-primary);text-decoration:underline;cursor:pointer}.rich-text-renderer a:hover{text-decoration:none}.rich-text-renderer ul,.rich-text-renderer ol{padding-left:1.5em;margin:.5em 0}.rich-text-renderer ul{list-style-type:disc}.rich-text-renderer ol{list-style-type:decimal}.rich-text-renderer li{margin:.25em 0}.rich-text-renderer h1,.rich-text-renderer h2,.rich-text-renderer h3,.rich-text-renderer h4,.rich-text-renderer h5,.rich-text-renderer h6{font-weight:600;margin:.75em 0 .5em;line-height:1.2}.rich-text-renderer h1{font-size:1.5em}.rich-text-renderer h2{font-size:1.25em}.rich-text-renderer h3{font-size:1.1em}.rich-text-renderer h1:first-child,.rich-text-renderer h2:first-child,.rich-text-renderer h3:first-child{margin-top:0}.rich-text-renderer code{background:var(--color-bg-tertiary);color:var(--color-text);padding:.125em .25em;border-radius:3px;font-size:.9em;font-family:Courier New,monospace}.rich-text-renderer pre{background:var(--color-bg-tertiary);border-radius:4px;padding:.75em 1em;margin:.5em 0;overflow-x:auto}.rich-text-renderer pre code{background:transparent;padding:0;font-size:.875em;color:var(--color-text)}.rich-text-renderer blockquote{border-left:3px solid var(--color-border-primary);padding-left:1em;margin:.5em 0;color:var(--color-text-secondary);font-style:italic}.tip-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.tip-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.tip-modal-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.tip-modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.tip-modal-close:hover{background:var(--color-bg-elevated)}.tip-modal-content{padding:var(--spacing-lg) 0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.tip-modal-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.tip-modal-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tip-modal-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.tip-modal-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}.tip-modal-menu-item{padding:var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.tip-modal-menu-item:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-interactive-primary)}.tip-modal-menu-item-selected{background:var(--color-button-primary-bg);border-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.tip-modal-menu-item:disabled{opacity:.6;cursor:not-allowed}.tip-modal-menu-item-amount{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.tip-modal-menu-item-description{font-size:.75rem;opacity:.8;color:var(--color-text-secondary)}.tip-modal-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;transition:border-color var(--transition-fast)}.tip-modal-input:focus{outline:none;border-color:var(--color-interactive-primary)}.tip-modal-input:disabled{opacity:.6;cursor:not-allowed}.tip-modal-hint{font-size:.75rem;color:var(--color-text-secondary)}.tip-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary)}.tip-modal-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.tip-modal-button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.tip-modal-button-primary:hover:not(:disabled){background:var(--color-button-primary-hover)}.tip-modal-button-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.tip-modal-button-secondary:hover:not(:disabled){background:var(--color-button-secondary-hover)}.tip-modal-button:disabled{opacity:.6;cursor:not-allowed}.tip-modal-insufficient{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.tip-modal-insufficient h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.tip-modal-insufficient p{margin:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:.875rem}.tip-modal-shortfall{color:var(--color-status-error);font-weight:600;margin-top:var(--spacing-sm)!important}.tip-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.tip-button:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.tip-button:active:not(:disabled){transform:scale(.98)}.tip-button:disabled{opacity:.6;cursor:not-allowed}.tip-button-minimal{background-color:transparent;border:none;padding:var(--spacing-xs)}.tip-button-minimal:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:transparent}.post{background:var(--color-surface);cursor:pointer;transition:all .2s;padding:var(--spacing-md)}.post:hover{border-color:var(--color-interactive-primary);box-shadow:0 2px 8px #0000001a}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.post-header-actions,.post-creator{display:flex;align-items:center;gap:12px}.post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.post-creator-info{display:flex;flex-direction:column}.post-creator-name{font-weight:600;color:var(--color-text)}.post-time{font-size:.875rem;color:var(--color-text-secondary)}.post-content{margin-bottom:12px}.post-text{color:var(--color-text);line-height:1.5;margin-top:12px;margin-bottom:0}.post-reactions{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--spacing-sm);justify-content:space-between}.post-reactions-left{display:flex;align-items:center;gap:12px}.post-action{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:all .2s}.post-action:hover{background:var(--color-surface-hover);color:var(--color-text)}.post-tags{margin-left:auto;display:flex;align-items:center}.feed-page{max-width:800px;margin:0 auto}.feed-banner{margin-bottom:24px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);padding:1.5rem;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;position:relative;overflow:hidden}.feed-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}.feed-banner:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-600) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00000026,0 4px 8px #0000001a}.feed-banner:hover:before{left:100%}.feed-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;z-index:1}.feed-banner-text{display:flex;align-items:center;gap:1rem;flex:1}.feed-banner-icon{width:2rem;height:2rem;color:var(--color-text-primary);flex-shrink:0}.feed-banner-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.feed-banner-description{margin:0;font-size:.875rem;color:var(--color-text-primary);opacity:.9}.feed-banner-button{padding:.75rem 1.5rem;background:var(--color-text-inverse);color:var(--color-primary-600);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);font-family:inherit;white-space:nowrap;flex-shrink:0}.feed-banner-button:hover{background:var(--color-neutral-50);transform:scale(1.05)}.feed-banner-button:active{transform:scale(1)}.feed-header{margin-bottom:24px}.feed-header h1{margin:0 0 16px;color:var(--color-text)}.feed-tabs{display:flex;gap:8px;border-bottom:2px solid var(--color-border-primary)}.feed-tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-weight:500;transition:all .2s;margin-bottom:-2px}.feed-tab:hover{color:var(--color-text)}.feed-tab.active{color:var(--color-interactive-primary);border-bottom-color:var(--color-interactive-primary)}.feed-content{display:flex;flex-direction:column}.feed-empty{text-align:center;padding:48px;color:var(--color-text-secondary)}.post-comments-panel{width:100%;height:100%;display:flex;flex-direction:column;padding:16px}.post-comments-panel-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:16px;flex-shrink:0}.post-comments-panel-content{flex:1;overflow-y:auto;min-height:0;margin-bottom:16px}.post-comments-panel-form{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.post-comments-panel-input{width:100%}.post-comments-panel-submit{align-self:flex-end;padding:8px 16px;background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.post-comments-panel-submit:hover:not(:disabled){background:var(--color-button-primary-bg-hover)}.post-comments-panel-submit:disabled{opacity:.6;cursor:not-allowed}.post-comments-panel-loading,.post-comments-panel-empty{text-align:center;padding:32px;color:var(--color-text-secondary)}.post-comments-panel-list{display:flex;flex-direction:column;gap:16px}.post-comments-panel-comment{padding:16px}.post-comments-panel-comment.optimistic{opacity:.7;transition:opacity var(--transition-fast)}.post-comments-panel-comment-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-comments-panel-comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.post-comments-panel-comment-author{display:flex;flex-direction:column;gap:2px}.post-comments-panel-comment-author-name{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.post-comments-panel-comment-time{font-size:.75rem;color:var(--color-text-secondary)}.post-comments-panel-comment-content{color:var(--color-text-primary);line-height:1.5;margin-bottom:8px}.post-comments-panel-comment-replies{background:none;border:none;color:var(--color-interactive-primary);font-size:.875rem;cursor:pointer;padding:4px 0;text-align:left;transition:all var(--transition-fast)}.post-comments-panel-comment-replies:hover{text-decoration:underline}.post-page{width:100%;max-width:800px;margin:0 auto;padding:16px}.post-page-loading,.post-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--color-text-secondary)}.post-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.post-page-header-actions{display:flex;align-items:center;gap:.5rem}.post-page-back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;padding:8px 12px;border-radius:4px;transition:all var(--transition-fast)}.post-page-back-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.post-page-feature-button{background:var(--color-button-ghost-background);border:1px solid var(--color-button-ghost-border);color:var(--color-button-ghost-text);cursor:pointer;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;border-radius:var(--border-radius-md);transition:all .2s ease}.post-page-feature-button:hover:not(:disabled){background:var(--color-button-ghost-background-hover);border-color:var(--color-button-ghost-border-hover);color:var(--color-button-ghost-text-hover)}.post-page-feature-button:disabled{opacity:.5;cursor:not-allowed}.post-page-content{display:flex;flex-direction:column;gap:24px}.post-page-post{width:100%}.post-page-share-button{display:flex;align-items:center;gap:8px;background:var(--color-button-ghost-background);border:1px solid var(--color-button-ghost-border);color:var(--color-button-ghost-text);cursor:pointer;font-size:.875rem;padding:8px 12px;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.post-page-share-button:hover{background:var(--color-button-ghost-background-hover);border-color:var(--color-button-ghost-border-hover);color:var(--color-button-ghost-text-hover)}.post-page-login-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);margin-top:var(--spacing-xl);background:var(--color-card-bg);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.post-page-login-cta-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.post-page-login-cta-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.6;max-width:500px}.post-page-login-cta-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.post-page-login-cta-button:hover{background:var(--color-button-primary-hover);transform:translateY(-1px)}.event-asset-carousel{position:relative;width:100%}.event-asset-carousel-container{position:relative;width:100%;height:500px;overflow:hidden;border-radius:var(--radius-md)}@media(max-width:768px){.event-asset-carousel-container{height:400px}}.event-asset-carousel-track{display:flex;width:100%;height:100%;transition:transform var(--transition-base)}.event-asset-carousel-item{min-width:100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.event-asset-carousel-player{width:100%;height:100%;max-width:100%;max-height:100%;display:block;object-fit:contain}.event-asset-carousel-player canvas,.event-asset-carousel-player video{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:var(--radius-md);object-fit:contain}.event-asset-carousel-player audio{width:100%;max-width:100%;border-radius:var(--radius-md)}.event-asset-carousel-error{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-md);min-height:200px;display:flex;align-items:center;justify-content:center}.event-asset-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast)}.event-asset-carousel-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.event-asset-carousel-nav-left{left:var(--spacing-sm)}.event-asset-carousel-nav-right{right:var(--spacing-sm)}.event-asset-carousel-dots{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs)}.event-asset-carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--color-text-tertiary);cursor:pointer;padding:0;transition:all var(--transition-fast)}.event-asset-carousel-dot:hover{background:var(--color-text-secondary);transform:scale(1.2)}.event-asset-carousel-dot.active{background:var(--color-interactive-primary);width:24px;border-radius:var(--radius-sm)}.event-card{background:var(--color-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-base)}.event-card:hover{border-color:var(--color-interactive-primary);box-shadow:var(--shadow-md)}.event-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.event-card-creator{display:flex;align-items:center;gap:var(--spacing-sm)}.event-card-creator-info{display:flex;flex-direction:column}.event-card-creator-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.event-card-date{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.event-card-content{margin-bottom:var(--spacing-md)}.event-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.event-card-description{color:var(--color-text-secondary);line-height:1.5;font-size:var(--font-size-sm)}.event-card-assets{margin-top:var(--spacing-md)}.creator-page{display:flex;flex-direction:column;width:100%;max-width:900px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl)}.creator-page-loading,.creator-page-error{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.creator-page-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);min-height:60vh}.creator-page-not-found-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6}.creator-page-not-found-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.creator-page-not-found-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.6}.creator-page-not-found-message strong{color:var(--color-text-primary);font-weight:500}.creator-page-not-found-hint{font-size:var(--font-size-base);color:var(--color-text-tertiary);margin:0 0 var(--spacing-xl) 0}.creator-page-not-found-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.creator-page-not-found-button:hover{background:var(--color-button-primary-hover);transform:translateY(-1px)}.creator-page-banner{width:100%;height:17.5rem;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));box-shadow:var(--shadow-xl)}.creator-page-banner-image{width:100%;height:100%;object-fit:cover}.creator-page-banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500))}.creator-page-header{margin-top:calc(var(--spacing-xl) * -1);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-card-bg);border:1px solid var(--color-card-border);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-lg)}.creator-page-header-top{display:flex;gap:var(--spacing-lg)}.creator-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500))}.creator-page-avatar-wrap{flex-shrink:0}.creator-page-header-main{flex:1;min-width:0}.creator-page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}.creator-page-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0;line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary)}.creator-page-handle{margin-top:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.creator-page-actions-row{display:flex;gap:var(--spacing-sm);align-items:center}.creator-page-tip-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.creator-page-tip-button:hover{background:var(--color-button-primary-hover)}.creator-page-bio{width:100%;margin-top:0;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.creator-page-section{margin-top:var(--spacing-lg);padding:0 var(--spacing-md)}.creator-page-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.creator-page-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-lg);max-width:100%}.creator-page-link-tile{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-decoration:none;color:var(--color-text-primary);transition:transform var(--transition-fast),opacity var(--transition-fast);max-width:80px}.creator-page-link-tile:hover{transform:scale(1.05);opacity:.8}.creator-page-link-tile-icon{width:64px;height:64px;max-width:64px;max-height:64px;border-radius:var(--radius-lg);object-fit:contain}.creator-page-link-tile-label{font-size:var(--font-size-xs);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.creator-page-subscription-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.creator-page-subscription-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);text-align:center;transition:background var(--transition-fast)}.creator-page-subscription-button-featured{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.creator-page-subscription-button-featured:hover:not(:disabled){background:var(--color-button-primary-hover)}.creator-page-subscription-button-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary)}.creator-page-subscription-button-secondary:hover:not(:disabled){background:var(--color-button-secondary-hover);border-color:var(--color-interactive-primary)}.creator-page-subscription-button-name{font-weight:var(--font-weight-bold)}.creator-page-subscription-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.creator-page-subscription-badge{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-base);text-align:center}.creator-page-subscription-badge-name{font-weight:var(--font-weight-bold)}.creator-page-subscription-badge-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.creator-page-tabs{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-md)}.creator-page-tab{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-bold);border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.creator-page-tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary-500)}.creator-page-tab-panel,.creator-page-featured-posts{display:flex;flex-direction:column;gap:var(--spacing-md)}.creator-page-count-display{text-align:center;padding:var(--spacing-3xl);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.creator-page-login-cta{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.creator-page-login-cta-title{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-lg)}.creator-page-login-cta-subtitle{margin-top:var(--spacing-sm);color:var(--color-text-secondary)}.creator-page-login-cta-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-bold);transition:background var(--transition-fast)}.creator-page-login-cta-button:hover{background:var(--color-button-primary-hover)}.creator-page-follow-cta{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.creator-page-follow-cta-title{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-lg)}.creator-page-follow-cta-subtitle{margin-top:var(--spacing-sm);color:var(--color-text-secondary)}.creator-page-follow-cta-button-wrapper{margin-top:var(--spacing-md)}.creator-page-asset-tile{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.creator-page-asset-tile:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.creator-page-asset-tile-player,.creator-page-asset-tile-thumbnail{width:100%;height:100%;object-fit:cover}.creator-page-asset-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);font-size:var(--font-size-3xl)}.creator-page-asset-tile-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;cursor:pointer;transition:background var(--transition-base)}.creator-page-asset-tile-overlay:hover{background:var(--color-bg-overlay-hover, rgba(0, 0, 0, .7))}.creator-page-asset-tile-overlay-content{text-align:center;color:var(--color-text-primary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);width:100%}.creator-page-asset-tile-overlay-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.creator-page-asset-tile-overlay-options{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;max-width:12rem}.creator-page-asset-tile-overlay-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);width:100%}.creator-page-asset-tile-overlay-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-interactive-primary);transform:scale(1.02)}.creator-page-asset-tile-overlay-button:active{transform:scale(.98)}.creator-page-asset-tile-overlay-button-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.creator-page-asset-tile-overlay-button-price{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.creator-page-asset-tile-overlay-button-ppv{border-color:var(--color-interactive-primary)}.creator-page-asset-tile-overlay-button-ppv:hover{background:var(--color-interactive-primary);color:var(--color-button-primary-text)}.creator-page-asset-tile-overlay-button-ppv:hover .creator-page-asset-tile-overlay-button-label,.creator-page-asset-tile-overlay-button-ppv:hover .creator-page-asset-tile-overlay-button-price{color:var(--color-button-primary-text)}.creator-page-asset-tile-overlay-button-sub{border-color:var(--color-border-secondary)}.creator-page-asset-tile-overlay-button-sub:hover{background:var(--color-bg-tertiary);border-color:var(--color-interactive-secondary)}.creator-page-asset-modal{display:flex;flex-direction:column;max-width:90vw;max-height:90vh;width:100%;height:100%}.creator-page-asset-modal-player{width:100%;height:100%;object-fit:contain}.creator-page-sentinel{height:1px}.creator-page-loading-more{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-md)}.creator-page-empty{color:var(--color-text-secondary);padding:var(--spacing-md);text-align:center}.creator-page-content-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.creator-page-content-filter{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.creator-page-content-filter:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.creator-page-content-filter.active{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-button-primary-bg)}.creator-page-content-filter.active:hover{background:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}@media(max-width:640px){.creator-page{padding:var(--spacing-md) 0}.creator-page-banner{height:12.5rem}.creator-page-title-row{flex-direction:column;align-items:flex-start}.creator-page-actions-row{width:100%}}.user-list-item{display:flex;align-items:center;padding:var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-border-primary)}.user-list-item:hover{background-color:var(--color-bg-secondary)}.user-list-item-avatar{position:relative;margin-right:var(--spacing-md);flex-shrink:0}.user-list-item-online-indicator{position:absolute;bottom:0;right:0;width:var(--spacing-sm);height:var(--spacing-sm);background-color:var(--color-status-success);border:2px solid var(--color-bg-primary);border-radius:var(--radius-full)}.user-list-item-content{flex:1;min-width:0}.user-list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.user-list-item-name{display:flex;align-items:center;gap:var(--spacing-xs)}.user-list-item-display-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-base)}.user-list-item-creator-badge{padding:2px var(--spacing-xs);background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.user-list-item-header-right{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.user-list-item-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-shrink:0}.user-list-item-unread-badge{min-width:1.25rem;height:1.25rem;padding:0 .375rem;background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;line-height:1}.user-list-item-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list{display:flex;flex-direction:column;height:100%}.user-list-search{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.user-list-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-fast)}.user-list-search-input:focus{border-color:var(--color-interactive-primary)}.user-list-items{flex:1;overflow-y:auto}.user-list-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.user-list-empty p{margin:0;font-size:var(--font-size-sm)}.chats-page{display:flex;flex-direction:column;height:100%}.chats-page-header{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.chats-page-header h1{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.chats-page-tabs{display:flex;border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-primary)}.chats-page-tab{flex:1;padding:var(--spacing-md);border:none;background:none;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.chats-page-tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.chats-page-tab-active{color:var(--color-interactive-primary);border-bottom-color:var(--color-interactive-primary)}.chats-page-content{flex:1;overflow:hidden}.chats-page-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);position:sticky;top:0;z-index:10;gap:var(--spacing-md)}.chat-header-main{display:flex;align-items:center;flex:1;min-width:0}.chat-header-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:var(--spacing-sm);border:none;background-color:transparent;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.chat-header-back:hover{background-color:var(--color-bg-secondary)}.chat-header-avatar{position:relative;margin-right:var(--spacing-md);flex-shrink:0}.chat-header-online-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;background-color:var(--color-status-success);border:2px solid var(--color-bg-primary);border-radius:var(--radius-full)}.chat-header-content{flex:1;min-width:0}.chat-header-name{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.chat-header-display-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer}.chat-header-display-name:hover{color:var(--color-interactive-primary)}.chat-header-creator-badge{padding:2px var(--spacing-xs);background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--spacing-xs)}.chat-header-status{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.chat-header-tip-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.chat-header-tip-button:hover{background:var(--color-button-primary-hover)}.chat-input{display:flex;flex-direction:column;border-top:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);padding:var(--spacing-md)}.chat-input-assets{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.chat-input-asset-tag{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.chat-input-asset-remove{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.chat-input-asset-remove:hover{background-color:var(--color-bg-tertiary)}.chat-input-container{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.chat-input-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);flex-shrink:0}.chat-input-button:hover{background-color:var(--color-bg-tertiary)}.chat-input-button:active{opacity:var(--opacity-pressed)}.chat-input-button-send{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.chat-input-button-send:hover{background-color:var(--color-interactive-primary-hover)}.chat-input-editor-wrapper{flex:1;position:relative;min-height:40px;max-height:200px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);overflow-y:auto}.chat-input-editor-wrapper:focus-within{border-color:var(--color-interactive-primary)}.chat-input-editor{min-height:40px;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.5;outline:none}.chat-input-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--color-text-tertiary);pointer-events:none;position:absolute}.ProseMirror{outline:none;min-height:24px}.ProseMirror p{margin:0 0 .5em}.ProseMirror p:last-child{margin-bottom:0}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-text-tertiary);float:left;height:0;pointer-events:none}.chat-input-link{color:var(--color-interactive-primary);text-decoration:underline}.chat-input-link:hover{text-decoration:none}.message{display:flex;margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.message-own{justify-content:flex-end}.message-other{justify-content:flex-start}.message-avatar{margin-right:var(--spacing-sm);flex-shrink:0}.message-content-wrapper{max-width:70%;display:flex;flex-direction:column}.message-own .message-content-wrapper{align-items:flex-end}.message-other .message-content-wrapper{align-items:flex-start}.message-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.message-sender-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.message-creator-badge{padding:2px var(--spacing-xs);background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.message-content{position:relative;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);word-wrap:break-word}.message-own .message-content{background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border-bottom-right-radius:var(--radius-sm)}.message-other .message-content{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm)}.message-deleted .message-content{background-color:transparent;color:var(--color-text-tertiary);font-style:italic}.message-text{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.message-actions{position:absolute;bottom:100%;left:0;margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;white-space:nowrap;max-width:calc(100vw - 2 * var(--spacing-md))}.message-own .message-actions{left:auto;right:0}.message-content-wrapper{position:relative;overflow:visible}.message{overflow:visible}.message-action-button{display:flex;align-items:center;justify-content:center;width:var(--spacing-2xl);height:var(--spacing-2xl);padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.message-action-button:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.message-action-edit{color:var(--color-interactive-primary)}.message-action-edit:hover{background-color:var(--color-interactive-primary);color:var(--color-text-inverse)}.message-action-delete{color:var(--color-status-error)}.message-action-delete:hover{background-color:var(--color-status-error);color:var(--color-text-inverse)}.message-reaction-picker{display:flex;gap:var(--spacing-xs)}.message-reaction-emoji{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.message-reaction-emoji:hover{background-color:var(--color-bg-secondary)}.message-reactions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.message-reaction{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast);opacity:var(--opacity-hover)}.message-reaction:hover{background-color:var(--color-bg-tertiary);opacity:1}.message-reaction-active{background-color:var(--color-bg-tertiary);border-color:var(--color-border-primary);opacity:1}.message-reaction-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.message-reaction-active .message-reaction-count{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.message-footer{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.message-time{font-size:var(--font-size-xs)}.message-edited{font-size:var(--font-size-xs);font-style:italic}.message-edit-mode{padding:var(--spacing-sm)}.message-edit-container{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.message-edit-input{width:100%;min-height:60px;padding:var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.message-edit-editor{outline:none;min-height:40px;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary)}.message-edit-editor p{margin:0}.message-edit-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-tertiary);pointer-events:none;height:0}.message-edit-link{color:var(--color-interactive-primary);text-decoration:underline;cursor:pointer}.message-edit-buttons{display:flex;gap:var(--spacing-xs);align-self:flex-end}.message-edit-button{display:flex;align-items:center;justify-content:center;width:var(--spacing-2xl);height:var(--spacing-2xl);padding:0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.message-edit-button:hover{background-color:var(--color-bg-tertiary)}.message-edit-save{color:var(--color-interactive-primary)}.message-edit-save:hover{background-color:var(--color-interactive-primary);color:var(--color-text-inverse)}.message-edit-cancel{color:var(--color-text-secondary)}.message-edit-cancel:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.chat__tip{padding:var(--spacing-md);background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-md);margin:var(--spacing-xs) 0}.chat__tip p{margin:0;line-height:var(--line-height-normal)}.chat__tip p:first-child{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.chat__tip p:last-child{color:var(--color-text-secondary)}.chat__tip p b{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.message-content .chat__tip{background:linear-gradient(135deg,#ffd70026,#ffa50026);border:1px solid rgba(255,215,0,.4)}.message-own .message-content .chat__tip{background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid rgba(255,255,255,.3)}.message-own .message-content .chat__tip p:first-child,.message-own .message-content .chat__tip p b{color:var(--color-text-inverse)}.message-own .message-content .chat__tip p:last-child{color:var(--color-text-inverse);opacity:.9}.message-assets{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.message-asset{position:relative;border-radius:var(--radius-md);overflow:hidden;max-width:100%}.message-asset-player{width:100%;max-width:400px;height:auto;border-radius:var(--radius-md);display:block}.message-asset-player canvas,.message-asset-player video,.message-asset-player audio{width:100%;max-width:400px;height:auto;border-radius:var(--radius-md);display:block}.message-asset-error{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-sm)}.shared-chat-assets{padding:var(--spacing-md);height:100%;display:flex;flex-direction:column}.shared-chat-assets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.shared-chat-assets-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.shared-chat-assets-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-bg-secondary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.shared-chat-assets-grid{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;flex:1}.shared-chat-assets-item{cursor:pointer;transition:transform var(--transition-fast)}.shared-chat-assets-item:hover{transform:scale(1.05)}.shared-chat-assets-thumbnail{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-secondary);position:relative}.shared-chat-assets-player{width:100%;height:100%;object-fit:cover}.shared-chat-assets-thumbnail .asset-paywall{width:100%;height:100%;min-height:unset}.shared-chat-assets-thumbnail .asset-paywall-overlay{min-height:unset;padding:var(--spacing-xs)}.shared-chat-assets-thumbnail .asset-paywall-content{max-width:100%}.shared-chat-assets-thumbnail .asset-paywall-content h3{font-size:var(--font-size-xs);margin:0 0 2px}.shared-chat-assets-thumbnail .asset-paywall-content p{font-size:10px;margin:0 0 2px}.shared-chat-assets-thumbnail .asset-paywall-button{padding:4px var(--spacing-xs);font-size:10px;margin-top:4px}.shared-chat-assets-name{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-chat-assets-loading,.shared-chat-assets-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.shared-assets-modal{display:flex;flex-direction:column;max-width:90vw;max-height:90dvh}.shared-assets-modal-player{width:100%;max-height:70dvh;object-fit:contain}.shared-assets-modal-info{padding:var(--spacing-md)}.shared-assets-modal-info h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.shared-assets-modal-info p{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.chat-page{display:flex;flex-direction:column;height:100%;background-color:var(--color-bg-primary)}.chat-page-loading,.chat-page-error{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.chat-page-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md) 0;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;scroll-behavior:smooth}.chat-page-loading-more{padding:var(--spacing-sm) var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);position:sticky;top:0;background-color:var(--color-bg-primary);z-index:1}.chat-page-typing{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-md) var(--spacing-md);flex-shrink:0}.chat-page-typing-indicator{display:flex;gap:4px}.chat-page-typing-indicator span{width:8px;height:8px;background-color:var(--color-text-secondary);border-radius:var(--radius-full);animation:typing-bounce 1.4s infinite ease-in-out}.chat-page-typing-indicator span:nth-child(1){animation-delay:-.32s}.chat-page-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-page-typing-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.onlyfans-import{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.onlyfans-import h1{margin-bottom:var(--spacing-xl)}.import-state{text-align:center;padding:var(--spacing-xl)}.import-ready{display:flex;flex-direction:column;gap:var(--spacing-lg)}.catalog-summary{background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg)}.catalog-summary h2{margin-bottom:.5rem}.catalog-summary .note{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic}.btn-primary{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;align-self:flex-start}.btn-primary:hover{background:var(--color-interactive-primary-hover)}.import-uploading{display:flex;flex-direction:column;gap:var(--spacing-lg)}.progress-overall{display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-bar{height:var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.progress-fill{height:100%;background:var(--color-interactive-primary);transition:width var(--transition-slow)}.file-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.file-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.file-name{flex:1;font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.file-status{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-transform:capitalize}.file-progress{flex:1;height:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.file-progress-bar{height:100%;background:var(--color-interactive-primary);transition:width var(--transition-slow)}.file-error{color:var(--color-status-error);font-size:var(--font-size-sm)}.import-complete{text-align:center;padding:var(--spacing-xl)}.import-complete h2{color:var(--color-status-success);margin-bottom:var(--spacing-md)}.import-error{text-align:center;padding:var(--spacing-xl)}.import-error h2{color:var(--color-status-error);margin-bottom:var(--spacing-md)}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:2rem}.error-page-content{text-align:center;max-width:500px;width:100%}.error-page-icon{font-size:4rem;margin-bottom:1.5rem}.error-page-title{font-size:2rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.error-page-message{font-size:1rem;color:var(--color-text-secondary);margin:0 0 2rem;line-height:1.5}.error-page-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-page-button{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.error-page-button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.error-page-button-primary:hover{background:var(--color-button-primary-hover)}.error-page-button-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary)}.error-page-button-secondary:hover{background:var(--color-button-secondary-hover)}.muse-hub-home{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.muse-hub-header{margin-bottom:var(--spacing-xl);text-align:center}.muse-hub-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.muse-hub-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.muse-hub-error{text-align:center;padding:var(--spacing-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--spacing-xl)}.muse-hub-error h2{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.muse-hub-error p{color:var(--color-text-secondary)}.muse-hub-apps{display:flex;flex-direction:column;gap:var(--spacing-xl)}.muse-hub-section{margin-bottom:var(--spacing-xl)}.muse-hub-section:last-child{margin-bottom:0}.muse-hub-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.muse-hub-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-lg)}.muse-hub-app-card{position:relative;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.muse-hub-app-card:hover{border-color:var(--color-interactive-primary);box-shadow:var(--shadow-md)}.muse-hub-app-card-clickable{cursor:pointer}.muse-hub-app-card-clickable:hover{transform:translateY(-2px)}.muse-hub-app-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-shrink:0}.muse-hub-app-icon{width:28px;height:28px;color:var(--color-interactive-primary)}.muse-hub-app-status-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;box-shadow:var(--shadow-sm);z-index:1}.muse-hub-app-status-coming-soon{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.muse-hub-app-status-closed-beta{background-color:var(--color-status-warning);color:var(--color-text-inverse)}.muse-hub-app-status-early-access{background-color:var(--color-status-success);color:var(--color-text-inverse)}.muse-hub-app-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}@media(max-width:768px){.muse-hub-home{padding:var(--spacing-md)}.muse-hub-title{font-size:var(--font-size-4xl)}.muse-hub-apps-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-md)}.muse-hub-app-icon-wrapper{width:48px;height:48px}.muse-hub-app-icon{width:24px;height:24px}.muse-hub-app-name{font-size:var(--font-size-sm)}}.muse-hub-app-layout{display:flex;flex-direction:column;height:100%}.muse-hub-app-header{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-sm)}.muse-hub-app-back{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.muse-hub-app-back:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.muse-hub-app-back:focus{outline:2px solid var(--color-interactive-primary);outline-offset:2px}.muse-hub-app-content{flex:1;overflow-y:auto}.tip-menu-manager{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tip-menu-manager-header{display:flex;justify-content:space-between;align-items:center}.tip-menu-manager-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.tip-menu-manager-add-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.tip-menu-manager-add-button:hover{background:var(--color-button-primary-hover)}.tip-menu-manager-loading,.tip-menu-manager-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.tip-menu-manager-form{padding:var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.tip-menu-manager-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tip-menu-manager-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.tip-menu-manager-input{padding:var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;transition:border-color var(--transition-fast)}.tip-menu-manager-input:focus{outline:none;border-color:var(--color-interactive-primary)}.tip-menu-manager-input:disabled{opacity:.6;cursor:not-allowed}.tip-menu-manager-form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-sm)}.tip-menu-manager-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.tip-menu-manager-button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.tip-menu-manager-button-primary:hover:not(:disabled){background:var(--color-button-primary-hover)}.tip-menu-manager-button-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.tip-menu-manager-button-secondary:hover:not(:disabled){background:var(--color-button-secondary-hover)}.tip-menu-manager-button:disabled{opacity:.6;cursor:not-allowed}.tip-menu-manager-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.tip-menu-manager-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.tip-menu-manager-item-content{flex:1}.tip-menu-manager-item-amount{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.tip-menu-manager-item-description{font-size:.875rem;color:var(--color-text-secondary)}.tip-menu-manager-item-actions{display:flex;gap:var(--spacing-xs)}.tip-menu-manager-item-button{padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.tip-menu-manager-item-button:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.tip-menu-manager-item-button-danger:hover{background:var(--color-status-error);color:#fff}.rich-text-help-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column}.rich-text-help-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.rich-text-help-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.rich-text-help-modal-close{display:flex;align-items:center;justify-content:center;width:var(--spacing-2xl);height:var(--spacing-2xl);padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.rich-text-help-modal-close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.rich-text-help-modal-content{padding:var(--spacing-lg);flex:1}.rich-text-help-modal-intro{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-relaxed)}.rich-text-help-modal-tip{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-lg) 0 0 0;padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);line-height:var(--line-height-relaxed)}.rich-text-help-modal-tip code{font-family:Courier New,monospace;font-size:var(--font-size-xs);padding:2px 4px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary)}.rich-text-help-modal-category{margin-bottom:var(--spacing-xl)}.rich-text-help-modal-category:last-child{margin-bottom:0}.rich-text-help-modal-category-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-secondary)}.rich-text-help-modal-shortcuts{display:flex;flex-direction:column;gap:var(--spacing-sm)}.rich-text-help-modal-shortcut{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.rich-text-help-modal-shortcut:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-focus)}.rich-text-help-modal-shortcut-main{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.rich-text-help-modal-shortcut-code{font-family:Courier New,monospace;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.rich-text-help-modal-shortcut-description{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1}.rich-text-help-modal-shortcut-keyboard{font-family:system-ui,-apple-system,sans-serif;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}@media(max-width:768px){.rich-text-help-modal{max-width:100%;max-height:95vh}.rich-text-help-modal-shortcut{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.rich-text-help-modal-shortcut-main{width:100%}.rich-text-help-modal-shortcut-keyboard{align-self:flex-end}}.muse-hub-my-page{max-width:900px;margin:0 auto;padding:var(--spacing-md)}.muse-hub-my-page-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.muse-hub-my-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-primary)}.muse-hub-my-page-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.muse-hub-my-page-preview-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.muse-hub-my-page-preview-btn:hover{background-color:var(--color-interactive-primary-hover)}.muse-hub-my-page-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.muse-hub-my-page-section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-primary)}.muse-hub-my-page-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.muse-hub-my-page-help-button{display:flex;align-items:center;justify-content:center;width:var(--spacing-2xl);height:var(--spacing-2xl);padding:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.muse-hub-my-page-help-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.muse-hub-my-page-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.muse-hub-my-page-empty p{margin-bottom:var(--spacing-md)}.muse-hub-my-page-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.muse-hub-my-page-button:hover{background-color:var(--color-interactive-primary-hover)}.muse-hub-my-page-button-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.muse-hub-my-page-button-secondary:hover{background-color:var(--color-button-ghost-hover)}.muse-hub-my-page-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.muse-hub-my-page-tiers{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.muse-hub-my-page-tier{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.muse-hub-my-page-tier-inactive{opacity:var(--opacity-pressed)}.muse-hub-my-page-tier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.muse-hub-my-page-tier-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.muse-hub-my-page-tier-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.muse-hub-my-page-tier-inactive-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.muse-hub-my-page-tier-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-interactive-primary)}.muse-hub-my-page-tier-description{color:var(--color-text-secondary);margin:var(--spacing-sm) 0;font-size:var(--font-size-base)}.muse-hub-my-page-tier-meta{display:flex;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.muse-hub-my-page-tier-purchases{font-weight:var(--font-weight-medium)}.muse-hub-my-page-tier-actions{margin-top:var(--spacing-sm);display:flex;gap:var(--spacing-xs)}.muse-hub-my-page-tier-featured-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.muse-hub-my-page-tier-featured-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-primary);color:var(--color-text-primary)}.muse-hub-my-page-tier-featured-button-active{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:var(--color-button-primary-bg)}.muse-hub-my-page-tier-featured-button-active:hover{background-color:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.muse-hub-my-page-tier-status-button{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.muse-hub-my-page-tier-status-button-deactivate{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.muse-hub-my-page-tier-status-button-deactivate:hover{background-color:var(--color-status-error);color:var(--color-text-inverse)}.muse-hub-my-page-tier-status-button-activate{background-color:var(--color-status-success);color:var(--color-text-inverse)}.muse-hub-my-page-tier-status-button-activate:hover{background-color:var(--color-interactive-primary-hover)}.muse-hub-my-page-bio-edit{display:flex;flex-direction:column;gap:var(--spacing-md)}.muse-hub-my-page-bio-actions{display:flex;gap:var(--spacing-sm)}.muse-hub-my-page-bio-display{display:flex;flex-direction:column;gap:var(--spacing-md)}.muse-hub-my-page-bio-text{color:var(--color-text-primary);line-height:var(--line-height-relaxed);min-height:var(--spacing-2xl)}.muse-hub-my-page-bio-text-empty{color:var(--color-text-secondary);font-style:italic;line-height:var(--line-height-relaxed)}.muse-hub-my-page-link-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md);background-color:var(--color-bg-primary);border-radius:var(--radius-md)}.muse-hub-my-page-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--color-bg-primary);color:var(--color-text-primary)}.muse-hub-my-page-input:focus{outline:none;border-color:var(--color-interactive-primary)}.muse-hub-my-page-link-form-actions{display:flex;gap:var(--spacing-sm)}.muse-hub-my-page-link-form-extracted-label{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.muse-hub-my-page-link-form-extracted-label-text{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.muse-hub-my-page-link-form-edit-label-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:transparent;border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.muse-hub-my-page-link-form-edit-label-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.muse-hub-my-page-links-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.muse-hub-my-page-link-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.muse-hub-my-page-link-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.muse-hub-my-page-link-label{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.muse-hub-my-page-link-url{font-size:var(--font-size-sm);color:var(--color-interactive-primary);text-decoration:none;word-break:break-all}.muse-hub-my-page-link-url:hover{text-decoration:underline}.muse-hub-my-page-link-actions{display:flex;gap:var(--spacing-xs)}.muse-hub-my-page-link-action-btn{display:flex;align-items:center;justify-content:center;width:var(--spacing-2xl);height:var(--spacing-2xl);padding:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.muse-hub-my-page-link-action-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.muse-hub-my-page-link-action-btn-danger:hover{background-color:var(--color-status-error);color:var(--color-text-inverse)}.muse-hub-my-page-banner-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.muse-hub-my-page-banner-preview{width:100%;max-height:200px;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.muse-hub-my-page-banner-image{width:100%;height:auto;object-fit:cover}.muse-hub-my-page-banner-empty{color:var(--color-text-secondary);padding:var(--spacing-lg);text-align:center;background-color:var(--color-bg-primary);border-radius:var(--radius-md);border:1px dashed var(--color-border-primary)}.muse-hub-my-page-18plus-toggle{display:flex;flex-direction:column;gap:var(--spacing-sm)}.muse-hub-my-page-toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.muse-hub-my-page-toggle-input{width:20px;height:20px;cursor:pointer;accent-color:var(--color-interactive-primary)}.muse-hub-my-page-toggle-input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.muse-hub-my-page-toggle-text{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.muse-hub-my-page-toggle-loading{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.muse-hub-my-page-section-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-normal)}.muse-hub-my-page-tags{display:flex;flex-direction:column;gap:var(--spacing-md)}.muse-hub-my-page-tags-list,.muse-hub-my-page-tags-actions{margin-top:var(--spacing-sm)}@media(max-width:768px){.muse-hub-my-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.muse-hub-my-page-preview-btn{width:100%;justify-content:center}}.theme-picker{display:flex;flex-direction:column;gap:var(--spacing-xl)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.theme-card{border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.theme-card:hover{border-color:var(--color-interactive-primary)}.theme-card.selected{border-color:var(--color-interactive-primary);box-shadow:0 0 0 2px #0ea5e933}.theme-preview{aspect-ratio:1;padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}.theme-preview-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.theme-preview-avatar{width:60px;height:60px;border-radius:var(--radius-full);background:#fff3}.theme-preview-links{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.theme-preview-link{height:40px;background:#ffffff1a;border-radius:var(--radius-md)}.theme-preview-avatar{border:3px solid transparent}.theme-info{padding:var(--spacing-md);background:var(--color-bg-primary)}.theme-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.theme-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.links-manager{display:flex;flex-direction:column;gap:var(--spacing-lg)}.panel-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;color:var(--color-text-primary)}.panel-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg) 0}.links-manager-loading{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.add-link-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-interactive-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;align-self:flex-start;transition:opacity var(--transition-fast)}.add-link-btn:hover{opacity:var(--opacity-hover)}.link-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.form-group input,.form-group select{padding:var(--spacing-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-base)}.form-group select{cursor:pointer}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:var(--font-weight-normal)}.featured-checkbox{width:1.25rem;height:1.25rem;margin:0;padding:0;border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);accent-color:var(--color-interactive-primary);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.featured-checkbox:hover{border-color:var(--color-border-secondary)}.featured-checkbox:checked{background-color:var(--color-interactive-primary);border-color:var(--color-interactive-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2' d='M4 8l2 2 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:.875rem}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.save-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);min-height:var(--button-height-md)}.save-btn:hover{background-color:var(--color-button-primary-hover)}.save-btn:active{background-color:var(--color-button-primary-active)}.cancel-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);min-height:var(--button-height-md)}.cancel-btn:hover{background-color:var(--color-button-secondary-hover)}.cancel-btn:active{background-color:var(--color-button-secondary-active)}.links-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-links{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.link-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg)}.link-info{flex:1;min-width:0}.link-info h4{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.link-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.link-url{font-size:var(--font-size-xs);color:var(--color-interactive-primary);text-decoration:none;word-break:break-all}.link-url:hover{text-decoration:underline}.link-actions{display:flex;gap:var(--spacing-sm);margin-left:var(--spacing-md)}.edit-btn,.delete-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast)}.edit-btn{background:var(--color-interactive-primary);color:var(--color-text-inverse)}.delete-btn{background:var(--color-error-500);color:var(--color-text-inverse)}.edit-btn:hover,.delete-btn:hover{opacity:var(--opacity-hover)}.select-background-btn,.change-background-btn,.clear-background-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:var(--font-weight-medium);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.select-background-btn:hover,.change-background-btn:hover{background:var(--color-interactive-primary);color:var(--color-text-inverse);border-color:var(--color-interactive-primary)}.clear-background-btn{background:transparent;color:var(--color-text-secondary)}.clear-background-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.background-preview{display:flex;flex-direction:column;gap:var(--spacing-sm)}.background-preview-image{width:100%;max-width:300px;height:150px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.background-preview-actions{display:flex;gap:var(--spacing-sm)}.my-links-page{max-width:1400px;margin:0 auto}.my-links-page-loading{padding:var(--spacing-4xl);text-align:center;color:var(--color-text-secondary)}.my-links-page-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.my-links-page-url{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.url-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.url-link{color:var(--color-interactive-primary);text-decoration:none;font-family:var(--font-family-mono);flex:1;min-width:200px}.url-link:hover{text-decoration:underline}.copy-url-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-interactive-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast)}.copy-url-btn:hover{opacity:var(--opacity-hover)}.my-links-page-content,.my-links-page-panels{display:flex;flex-direction:column}.preview-page-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-interactive-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);cursor:pointer;margin-bottom:var(--spacing-lg);transition:all var(--transition-fast)}.preview-page-btn:hover{background:var(--color-interactive-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.panel-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-bg-secondary)}.panel-tab{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-semibold);margin-bottom:-2px;transition:all var(--transition-base)}.panel-tab:hover{color:var(--color-text-primary)}.panel-tab.active{color:var(--color-interactive-primary);border-bottom-color:var(--color-interactive-primary)}.panel-content{flex:1;padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.my-links-page-preview{position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem);overflow:auto}@media(max-width:768px){.my-links-page,.my-links-page-header{padding:var(--spacing-md)}.my-links-page-url{flex-direction:column;align-items:flex-start}.url-link{width:100%}.panel-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.panel-tab{white-space:nowrap}}.analytics-page{max-width:1200px;margin:0 auto}.analytics-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-border-primary)}.analytics-tab{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);margin-bottom:-2px;transition:all var(--transition-base)}.analytics-tab:hover{color:var(--color-text-primary)}.analytics-tab.active{color:var(--color-interactive-primary);border-bottom-color:var(--color-interactive-primary)}.analytics-title{font-size:2rem;font-weight:600;color:var(--color-text-primary);margin:0 0 2rem}.analytics-loading,.analytics-empty{text-align:center;padding:3rem;color:var(--color-text-secondary)}.analytics-section{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.analytics-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.analytics-section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.analytics-time-selector{display:flex;gap:.5rem}.analytics-time-button{padding:.5rem 1rem;background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.analytics-time-button:hover{background:var(--color-button-secondary-hover)}.analytics-time-button.active{background:var(--color-interactive-primary);color:var(--color-text-inverse);border-color:var(--color-interactive-primary)}.analytics-chart-container{width:100%;height:300px;margin-top:var(--spacing-md)}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.analytics-stat-card{padding:var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);text-align:center}.analytics-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.analytics-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.analytics-table-container{overflow-x:auto;margin-top:var(--spacing-md)}.analytics-table{width:100%;border-collapse:collapse}.analytics-table thead{background:var(--color-bg-secondary)}.analytics-table th{padding:var(--spacing-sm);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:2px solid var(--color-border-primary)}.analytics-table td{padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-primary)}.analytics-table tbody tr:hover{background:var(--color-bg-secondary)}.analytics-table-row-clickable{cursor:pointer}.analytics-table-row-clickable:hover{background:var(--color-bg-tertiary)}.analytics-table-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}@media(max-width:768px){.analytics-page{padding:var(--spacing-sm)}.analytics-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.analytics-time-selector{width:100%;flex-wrap:wrap}.analytics-time-button{flex:1;min-width:80px}.analytics-table-container{overflow-x:scroll}.analytics-table{min-width:600px}}.schedule-page{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.schedule-page-header{margin-bottom:var(--spacing-xl)}.schedule-page-header h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.schedule-page-subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.schedule-page-loading,.schedule-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);text-align:center}.schedule-page-empty-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.schedule-page-content{width:100%}.schedule-timeline{display:flex;flex-direction:column;gap:var(--spacing-xl)}.schedule-date-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.schedule-date-header{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border-primary)}.schedule-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.schedule-item{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.schedule-item:hover{border-color:var(--color-border-secondary)}.schedule-item-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast)}.schedule-item-header:hover{background:var(--color-bg-secondary)}.schedule-item-icon{flex-shrink:0;color:var(--color-text-secondary)}.schedule-item-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.schedule-item-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:capitalize}.schedule-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-item-preview{font-size:var(--font-size-sm);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-item-time{flex-shrink:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.schedule-item-details{padding:var(--spacing-md);padding-top:0;border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.schedule-item-status{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(max-width:768px){.schedule-page{padding:var(--spacing-md)}.schedule-item-header{flex-wrap:wrap}.schedule-item-time{width:100%;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-primary)}}.muse-hub-coming-soon{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.muse-hub-coming-soon-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-primary)}.muse-hub-coming-soon-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.muse-hub-coming-soon-icon{width:40px;height:40px;color:var(--color-interactive-primary)}.muse-hub-coming-soon-title{font-size:2rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.muse-hub-coming-soon-badge{display:inline-block;padding:.5rem 1rem;background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.muse-hub-coming-soon-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.muse-hub-coming-soon-description{font-size:1.125rem;color:var(--color-text-primary);line-height:1.6;text-align:center}.muse-hub-coming-soon-details{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.muse-hub-coming-soon-details-title{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.muse-hub-coming-soon-features{list-style:none;padding:0;margin:0 0 var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.muse-hub-coming-soon-features li{padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary);line-height:1.6}.muse-hub-coming-soon-features li:before{content:"→";position:absolute;left:0;color:var(--color-interactive-primary);font-weight:var(--font-weight-semibold)}.muse-hub-coming-soon-note{margin:var(--spacing-md) 0 0 0;padding:var(--spacing-md);background-color:var(--color-bg-primary);border-left:3px solid var(--color-interactive-primary);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--color-text-secondary);font-style:italic}@media(max-width:768px){.muse-hub-coming-soon{padding:var(--spacing-md)}.muse-hub-coming-soon-title{font-size:1.5rem}}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.admin-access-denied h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--color-text-primary)}.admin-access-denied p{font-size:1rem;color:var(--color-text-secondary);margin:.5rem 0}.admin-applications-list{padding:2rem;max-width:1400px;margin:0 auto}.admin-applications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-applications-header h1{font-size:2rem;font-weight:600;margin:0;color:var(--color-text-primary)}.admin-applications-filters{display:flex;gap:.5rem}.admin-applications-filters button{padding:.5rem 1rem;border:1px solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);color:var(--color-input-text);font-size:.875rem;cursor:pointer;transition:all .2s}.admin-applications-filters button:hover{border-color:var(--color-input-border-focus);background-color:var(--color-card-bg)}.admin-applications-filters button.active{background-color:var(--color-interactive-primary);color:#fff;border-color:var(--color-interactive-primary)}.admin-applications-loading,.admin-applications-empty{text-align:center;padding:3rem;color:var(--color-text-secondary);font-size:1rem}.admin-applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.admin-applications-card{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .2s}.admin-applications-card:hover{border-color:var(--color-interactive-primary);box-shadow:0 4px 12px #0000001a}.admin-applications-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.admin-applications-card-user{display:flex;align-items:center;gap:1rem;flex:1}.admin-applications-card-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.admin-applications-card-avatar img{width:100%;height:100%;object-fit:cover}.admin-applications-card-avatar-placeholder{width:100%;height:100%;background-color:var(--color-interactive-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.admin-applications-card-user-info{flex:1;min-width:0}.admin-applications-card-username{font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-applications-card-email{font-size:.875rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-applications-status-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.admin-applications-status-pending{background-color:#ffc10733;color:#ffc107}.admin-applications-status-approved{background-color:#28a74533;color:#28a745}.admin-applications-status-rejected{background-color:#dc354533;color:#dc3545}.admin-applications-card-body{display:flex;flex-direction:column;gap:.75rem}.admin-applications-card-field{display:flex;justify-content:space-between;align-items:center}.admin-applications-card-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.admin-applications-card-value{font-size:.875rem;color:var(--color-text-primary)}.admin-applications-load-more{display:flex;justify-content:center;margin-top:2rem;padding:1rem}.admin-applications-load-more-button{padding:.75rem 2rem;background-color:var(--color-interactive-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.admin-applications-load-more-button:hover:not(:disabled){background-color:var(--color-interactive-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.admin-applications-load-more-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.rejection-reason-modal{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:500px;width:100%;margin:0 auto}.rejection-reason-modal-header{display:flex;align-items:center;gap:var(--spacing-md)}.rejection-reason-modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.rejection-reason-modal-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rejection-reason-modal-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.rejection-reason-modal-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.rejection-reason-modal-required{color:var(--color-status-error)}.rejection-reason-modal-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family-base);resize:vertical;min-height:120px;transition:border-color var(--transition-fast)}.rejection-reason-modal-textarea:focus{outline:none;border-color:var(--color-border-focus)}.rejection-reason-modal-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.rejection-reason-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-sm)}.rejection-reason-modal-button{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);min-width:80px;font-family:var(--font-family-base)}.rejection-reason-modal-button:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.rejection-reason-modal-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.rejection-reason-modal-button-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.rejection-reason-modal-button-primary{background-color:var(--color-status-error);color:var(--color-text-inverse);border-color:var(--color-status-error)}.rejection-reason-modal-button-primary:hover:not(:disabled){background-color:var(--color-error-600);border-color:var(--color-error-600)}.admin-application-detail{padding:2rem;max-width:1200px;margin:0 auto}.admin-application-detail-loading,.admin-application-detail-error{text-align:center;padding:3rem;color:var(--color-text-secondary);font-size:1rem}.admin-application-detail-header{margin-bottom:2rem}.admin-application-detail-back{background:none;border:none;color:var(--color-interactive-primary);font-size:.875rem;cursor:pointer;padding:.5rem 0;transition:opacity .2s}.admin-application-detail-back:hover{opacity:.8}.admin-application-detail-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border-primary);overflow-x:auto}.admin-application-detail-tab{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap;min-width:120px}.admin-application-detail-tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.admin-application-detail-tab-active{color:var(--color-interactive-primary);border-bottom-color:var(--color-interactive-primary);font-weight:500}.admin-application-detail-tab-status{font-weight:600;text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.admin-application-detail-tab-active .admin-application-detail-tab-status{color:var(--color-interactive-primary)}.admin-application-detail-tab-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.admin-application-detail-tab-active .admin-application-detail-tab-date{color:var(--color-text-primary)}.admin-application-detail-content{display:flex;flex-direction:column;gap:2rem}.admin-application-detail-section{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:1.5rem}.admin-application-detail-section h2{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:var(--color-text-primary)}.admin-application-detail-user{display:flex;gap:1.5rem;align-items:flex-start}.admin-application-detail-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.admin-application-detail-avatar img{width:100%;height:100%;object-fit:cover}.admin-application-detail-avatar-placeholder{width:100%;height:100%;background-color:var(--color-interactive-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600}.admin-application-detail-user-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.admin-application-detail-fields{display:flex;flex-direction:column;gap:1rem}.admin-application-detail-field{display:flex;gap:1rem;align-items:flex-start}.admin-application-detail-field-full{flex-direction:column;gap:.5rem}.admin-application-detail-label{font-weight:600;color:var(--color-text-secondary);min-width:150px;flex-shrink:0}.admin-application-detail-value{color:var(--color-text-primary);word-break:break-word}.admin-application-detail-status{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-application-detail-status-pending{background-color:#ffc10733;color:#ffc107}.admin-application-detail-status-approved{background-color:#28a74533;color:#28a745}.admin-application-detail-status-rejected{background-color:#dc354533;color:#dc3545}.admin-application-detail-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.admin-application-detail-image{display:flex;flex-direction:column;gap:.75rem}.admin-application-detail-image h3{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-primary)}.admin-application-detail-image img{width:100%;max-width:100%;height:auto;border:1px solid var(--color-card-border);border-radius:var(--radius-md);object-fit:contain;background-color:var(--color-input-bg)}.admin-application-detail-image-missing{padding:2rem;text-align:center;color:var(--color-text-secondary);background-color:var(--color-input-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md)}.admin-application-detail-socials{display:flex;flex-direction:column;gap:.75rem}.admin-application-detail-social-link{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);transition:all .2s}.admin-application-detail-social-link:hover{border-color:var(--color-interactive-primary);background-color:var(--color-card-bg)}.admin-application-detail-social-platform{font-weight:600;font-size:.875rem;color:var(--color-interactive-primary)}.admin-application-detail-social-url{font-size:.875rem;color:var(--color-text-secondary);word-break:break-all}.admin-application-detail-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-card-border)}.admin-application-detail-button{padding:.75rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.admin-application-detail-button:disabled{opacity:.6;cursor:not-allowed}.admin-application-detail-button-approve{background-color:var(--color-status-success);color:var(--color-text-inverse);border-color:var(--color-status-success)}.admin-application-detail-button-approve:hover:not(:disabled){background-color:var(--color-success-600);border-color:var(--color-success-600)}.admin-application-detail-button-approve:active:not(:disabled){background-color:var(--color-success-700);border-color:var(--color-success-700)}.admin-application-detail-button-reject{background-color:var(--color-status-error);color:var(--color-text-inverse);border-color:var(--color-status-error)}.admin-application-detail-button-reject:hover:not(:disabled){background-color:var(--color-error-600);border-color:var(--color-error-600)}.admin-application-detail-button-reject:active:not(:disabled){background-color:var(--color-error-700);border-color:var(--color-error-700)}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--radius-none: 0;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-slower: .5s ease-in-out;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-max-width: 1280px;--header-height: 4rem;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--opacity-disabled: .5;--opacity-hover: .8;--opacity-pressed: .6}:root[data-theme=light],:root:not([data-theme]){--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-primary-950: #082f49;--color-secondary-50: #faf5ff;--color-secondary-100: #f3e8ff;--color-secondary-200: #e9d5ff;--color-secondary-300: #d8b4fe;--color-secondary-400: #c084fc;--color-secondary-500: #a855f7;--color-secondary-600: #9333ea;--color-secondary-700: #7e22ce;--color-secondary-800: #6b21a8;--color-secondary-900: #581c87;--color-secondary-950: #3b0764;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-success-950: #052e16;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-warning-950: #451a03;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-error-950: #450a0a;--color-neutral-50: #faf9f7;--color-neutral-100: #f5f4f2;--color-neutral-200: #e8e6e3;--color-neutral-300: #d6d3d1;--color-neutral-400: #a8a5a2;--color-neutral-500: #787574;--color-neutral-600: #575451;--color-neutral-700: #444241;--color-neutral-800: #292826;--color-neutral-900: #1a1917;--color-neutral-950: #0f0e0d;--color-bg-primary: var(--color-neutral-50);--color-bg-secondary: var(--color-neutral-100);--color-bg-tertiary: var(--color-neutral-200);--color-bg-elevated: #fefefe;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-700);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-400);--color-text-inverse: #ffffff;--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-neutral-300);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-interactive-primary: var(--color-primary-500);--color-interactive-primary-hover: var(--color-primary-600);--color-interactive-primary-active: var(--color-primary-700);--color-interactive-secondary: var(--color-secondary-600);--color-interactive-secondary-hover: var(--color-secondary-700);--color-interactive-secondary-active: var(--color-secondary-800);--color-button-primary-bg: var(--color-interactive-primary);--color-button-primary-text: var(--color-text-inverse);--color-button-primary-hover: var(--color-interactive-primary-hover);--color-button-primary-active: var(--color-interactive-primary-active);--color-button-secondary-bg: var(--color-bg-secondary);--color-button-secondary-text: var(--color-text-primary);--color-button-secondary-hover: var(--color-bg-tertiary);--color-button-secondary-active: var(--color-neutral-300);--color-button-ghost-bg: transparent;--color-button-ghost-text: var(--color-text-primary);--color-button-ghost-hover: var(--color-bg-secondary);--color-button-ghost-active: var(--color-bg-tertiary);--color-input-bg: var(--color-bg-elevated);--color-input-border: var(--color-border-primary);--color-input-border-hover: var(--color-border-secondary);--color-input-border-focus: var(--color-border-focus);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-tertiary);--color-card-bg: var(--color-bg-elevated);--color-card-border: var(--color-border-primary);--color-card-shadow: var(--shadow-md);--color-link: var(--color-interactive-primary);--color-link-hover: var(--color-interactive-primary-hover);--color-link-visited: var(--color-secondary-600);--color-status-success: var(--color-success-500);--color-status-success-bg: var(--color-success-50);--color-status-success-text: var(--color-success-700);--color-status-warning: var(--color-warning-500);--color-status-warning-bg: var(--color-warning-50);--color-status-warning-text: var(--color-warning-700);--color-status-error: var(--color-error-500);--color-status-error-bg: var(--color-error-50);--color-status-error-text: var(--color-error-700);--color-status-info: var(--color-primary-500);--color-status-info-bg: var(--color-primary-50);--color-status-info-text: var(--color-primary-700)}:root[data-theme=dark]{--color-primary-50: #082f49;--color-primary-100: #0c4a6e;--color-primary-200: #075985;--color-primary-300: #0369a1;--color-primary-400: #0284c7;--color-primary-500: #0ea5e9;--color-primary-600: #38bdf8;--color-primary-700: #7dd3fc;--color-primary-800: #bae6fd;--color-primary-900: #e0f2fe;--color-primary-950: #f0f9ff;--color-secondary-50: #3b0764;--color-secondary-100: #581c87;--color-secondary-200: #6b21a8;--color-secondary-300: #7e22ce;--color-secondary-400: #9333ea;--color-secondary-500: #a855f7;--color-secondary-600: #c084fc;--color-secondary-700: #d8b4fe;--color-secondary-800: #e9d5ff;--color-secondary-900: #f3e8ff;--color-secondary-950: #faf5ff;--color-success-50: #052e16;--color-success-100: #14532d;--color-success-200: #166534;--color-success-300: #15803d;--color-success-400: #16a34a;--color-success-500: #22c55e;--color-success-600: #4ade80;--color-success-700: #86efac;--color-success-800: #bbf7d0;--color-success-900: #dcfce7;--color-success-950: #f0fdf4;--color-warning-50: #451a03;--color-warning-100: #78350f;--color-warning-200: #92400e;--color-warning-300: #b45309;--color-warning-400: #d97706;--color-warning-500: #f59e0b;--color-warning-600: #fbbf24;--color-warning-700: #fcd34d;--color-warning-800: #fde68a;--color-warning-900: #fef3c7;--color-warning-950: #fffbeb;--color-error-50: #450a0a;--color-error-100: #7f1d1d;--color-error-200: #991b1b;--color-error-300: #b91c1c;--color-error-400: #dc2626;--color-error-500: #ef4444;--color-error-600: #f87171;--color-error-700: #fca5a5;--color-error-800: #fecaca;--color-error-900: #fee2e2;--color-error-950: #fef2f2;--color-neutral-50: #0f0f0f;--color-neutral-100: #1a1a1a;--color-neutral-200: #2a2a2a;--color-neutral-300: #404040;--color-neutral-400: #525252;--color-neutral-500: #737373;--color-neutral-600: #a3a3a3;--color-neutral-700: #d4d4d4;--color-neutral-800: #e5e5e5;--color-neutral-900: #f5f5f5;--color-neutral-950: #fafafa;--color-bg-primary: var(--color-neutral-50);--color-bg-secondary: var(--color-neutral-100);--color-bg-tertiary: var(--color-neutral-200);--color-bg-elevated: var(--color-neutral-100);--color-bg-overlay: rgba(0, 0, 0, .7);--color-text-primary: var(--color-neutral-950);--color-text-secondary: var(--color-neutral-700);--color-text-tertiary: var(--color-neutral-600);--color-text-disabled: var(--color-neutral-500);--color-text-inverse: var(--color-neutral-50);--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-neutral-700);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-interactive-primary: var(--color-primary-500);--color-interactive-primary-hover: var(--color-primary-400);--color-interactive-primary-active: var(--color-primary-300);--color-interactive-secondary: var(--color-secondary-500);--color-interactive-secondary-hover: var(--color-secondary-600);--color-interactive-secondary-active: var(--color-secondary-700);--color-button-primary-bg: var(--color-interactive-primary);--color-button-primary-text: var(--color-text-primary);--color-button-primary-hover: var(--color-interactive-primary-hover);--color-button-primary-active: var(--color-interactive-primary-active);--color-button-secondary-bg: var(--color-bg-secondary);--color-button-secondary-text: var(--color-text-primary);--color-button-secondary-hover: var(--color-neutral-200);--color-button-secondary-active: var(--color-neutral-300);--color-button-ghost-bg: transparent;--color-button-ghost-text: var(--color-text-primary);--color-button-ghost-hover: var(--color-bg-secondary);--color-button-ghost-active: var(--color-bg-tertiary);--color-input-bg: var(--color-neutral-100);--color-input-border: var(--color-neutral-300);--color-input-border-hover: var(--color-neutral-400);--color-input-border-focus: var(--color-border-focus);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-tertiary);--color-card-bg: var(--color-neutral-100);--color-card-border: var(--color-neutral-200);--color-card-shadow: var(--shadow-xl);--color-link: var(--color-interactive-primary);--color-link-hover: var(--color-interactive-primary-hover);--color-link-visited: var(--color-secondary-500);--color-status-success: var(--color-success-500);--color-status-success-bg: var(--color-success-950);--color-status-success-text: var(--color-success-300);--color-status-warning: var(--color-warning-500);--color-status-warning-bg: var(--color-warning-950);--color-status-warning-text: var(--color-warning-300);--color-status-error: var(--color-error-500);--color-status-error-bg: var(--color-error-950);--color-status-error-text: var(--color-error-300);--color-status-info: var(--color-primary-500);--color-status-info-bg: var(--color-primary-950);--color-status-info-text: var(--color-primary-300)}:root[data-theme=dark] input[type=text],:root[data-theme=dark] input[type=email],:root[data-theme=dark] input[type=password],:root[data-theme=dark] input[type=number],:root[data-theme=dark] input[type=search],:root[data-theme=dark] input[type=tel],:root[data-theme=dark] input[type=url],:root[data-theme=dark] textarea,:root[data-theme=dark] select{border-width:.5px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}a:visited{color:var(--color-link-visited)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.btn-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.btn-primary:hover{background-color:var(--color-button-primary-hover)}.btn-primary:active{background-color:var(--color-button-primary-active)}.btn-secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary)}.btn-secondary:hover{background-color:var(--color-button-secondary-hover)}.btn-secondary:active{background-color:var(--color-button-secondary-active)}.btn-ghost{background-color:var(--color-button-ghost-bg);color:var(--color-button-ghost-text)}.btn-ghost:hover{background-color:var(--color-button-ghost-hover)}.btn-ghost:active{background-color:var(--color-button-ghost-active)}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{font-family:inherit;font-size:inherit;color:var(--color-input-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);pointer-events:auto;cursor:text}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;margin:0;padding:0;border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);accent-color:var(--color-interactive-primary);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;transition:border-color var(--transition-fast),background-color var(--transition-fast)}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--color-border-secondary)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--color-interactive-primary);border-color:var(--color-interactive-primary)}input[type=checkbox]:focus,input[type=radio]:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #0ea5e91a}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}input[type=radio]{border-radius:var(--radius-full)}input[type=checkbox]:checked:before{content:"";display:block;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}input[type=radio]:checked:before{content:"";display:block;width:.5rem;height:.5rem;margin:.25rem;border-radius:var(--radius-full);background-color:#fff}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder)}input:hover,textarea:hover,select:hover{border-color:var(--color-input-border-hover)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px rgba(var(--color-border-focus),.1)}input:disabled,textarea:disabled,select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.card{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--color-card-shadow)}.status-success{background-color:var(--color-status-success-bg);color:var(--color-status-success-text);border-color:var(--color-status-success)}.status-warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning-text);border-color:var(--color-status-warning)}.status-error{background-color:var(--color-status-error-bg);color:var(--color-status-error-text);border-color:var(--color-status-error)}.status-info{background-color:var(--color-status-info-bg);color:var(--color-status-info-text);border-color:var(--color-status-info)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}html,body{height:100%;overflow:hidden}#root{min-width:320px;height:100%;overflow:hidden}
