.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}.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-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-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-secondary-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-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-primary);background-color:var(--color-bg-tertiary);color:var(--color-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)}.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}@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}.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-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)}.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-interactive-primary);color:var(--color-text-inverse)}.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}.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-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--color-text-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)}.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-interactive-primary);color:var(--color-text-inverse);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-text-inverse)}.app-left-panel-feedback-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-tertiary);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.app-left-panel-feedback-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.app-left-panel-feedback-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.app-left-panel-feedback-btn:hover .app-left-panel-feedback-icon{color:var(--color-text-secondary)}.app-left-panel-feedback-label{font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.app-left-panel-feedback-btn:hover .app-left-panel-feedback-label{color:var(--color-text-secondary)}.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-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-primary);flex-shrink:0}.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-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-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-primary);color:#fff;border-color:var(--color-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)}.payment-flow-container{max-width:600px;margin:0 auto;padding:20px;background:var(--color-background-primary, #fff);border-radius:8px;box-shadow:0 2px 8px #0000001a}.payment-flow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--color-border-primary, #e0e0e0)}.payment-flow-header h2{margin:0;font-size:24px;color:var(--color-text-primary, #333)}.payment-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-text-secondary, #666);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.payment-close:hover{background-color:var(--color-background-secondary, #f5f5f5)}.payment-summary{display:flex;flex-direction:column;gap:20px}.payment-summary-section{padding:15px;background:var(--color-background-secondary, #fafafa);border-radius:4px}.payment-summary-section h3{margin:0 0 15px;font-size:18px;color:var(--color-text-primary, #333)}.payment-items{margin-bottom:15px}.payment-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border-primary, #e0e0e0)}.payment-item:last-child{border-bottom:none}.payment-item-name{color:var(--color-text-primary, #333)}.payment-item-price{font-weight:600;color:var(--color-text-primary, #333)}.payment-total{text-align:right;font-size:20px;padding-top:15px;border-top:2px solid var(--color-border-primary, #e0e0e0);color:var(--color-text-primary, #333)}.payment-details{display:flex;flex-direction:column;gap:10px}.payment-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.payment-detail-row span{color:var(--color-text-secondary, #666)}.payment-detail-row code{background:var(--color-background-primary, #fff);padding:4px 8px;border-radius:4px;font-family:monospace;font-size:12px;color:var(--color-text-primary, #333)}.payment-error-message{background:var(--color-error-background, #fee);color:var(--color-error-text, #c00);padding:12px;border-radius:4px;font-size:14px}.payment-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.payment-button{padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.payment-button:disabled{opacity:.5;cursor:not-allowed}.payment-button-primary{background:var(--color-primary, #007bff);color:#fff}.payment-button-primary:hover:not(:disabled){background:var(--color-primary-dark, #0056b3)}.payment-button:not(.payment-button-primary){background:var(--color-background-secondary, #f5f5f5);color:var(--color-text-primary, #333);border:1px solid var(--color-border-primary, #e0e0e0)}.payment-button:not(.payment-button-primary):hover:not(:disabled){background:var(--color-border-primary, #e0e0e0)}.payment-loading{text-align:center;padding:40px 20px}.payment-spinner{width:48px;height:48px;border:4px solid var(--color-border-primary, #e0e0e0);border-top-color:var(--color-primary, #007bff);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.payment-loading h3{margin:0 0 10px;color:var(--color-text-primary, #333)}.payment-loading p{margin:0;color:var(--color-text-secondary, #666)}.payment-success,.payment-error{text-align:center;padding:40px 20px}.payment-success-icon{width:64px;height:64px;background:var(--color-success, #28a745);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 20px}.payment-success h2{margin:0 0 10px;color:var(--color-text-primary, #333)}.payment-success p{margin:0 0 15px;color:var(--color-text-secondary, #666)}.payment-transaction{margin-top:15px;font-size:12px;color:var(--color-text-secondary, #666)}.payment-transaction code{background:var(--color-background-secondary, #f5f5f5);padding:4px 8px;border-radius:4px;font-family:monospace}.payment-error h2{margin:0 0 10px;color:var(--color-error-text, #c00)}.payment-error p{margin:0 0 20px;color:var(--color-text-secondary, #666)}.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-danger);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}.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-primary);color:var(--color-primary)}.confirmation-dialog-button-confirm{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.confirmation-dialog-button-confirm:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.confirmation-dialog-button-danger{background-color:var(--color-danger);border-color:var(--color-danger)}.confirmation-dialog-button-danger:hover{background-color:var(--color-danger-hover, #dc3545);border-color:var(--color-danger-hover, #dc3545)}.cart-container{width:100%;height:100%;padding:var(--spacing-md);display:flex;flex-direction:column;overflow-y:auto}.cart-loading,.cart-empty,.cart-paid{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-text-secondary, #666);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.cart-empty h3,.cart-paid h3{margin:0 0 10px;color:var(--color-text-primary, #333)}.cart-transaction{margin-top:15px;font-size:12px;color:var(--color-text-secondary, #666)}.cart-transaction code{background:var(--color-background-secondary, #f5f5f5);padding:4px 8px;border-radius:4px;font-family:monospace}.cart-error{background:var(--color-error-background, #fee);color:var(--color-error-text, #c00);padding:12px;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.cart-error button{background:none;border:none;color:var(--color-error-text, #c00);cursor:pointer;font-size:20px;padding:0;width:24px;height:24px}.cart-items{margin-bottom:var(--spacing-md);flex:1;overflow-y:auto}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--color-border-primary, #e0e0e0);border-radius:4px;margin-bottom:10px;background:var(--color-background-secondary, #fafafa)}.cart-item-info h4{margin:0 0 5px;font-size:16px;color:var(--color-text-primary, #333)}.cart-item-type{margin:0;font-size:12px;color:var(--color-text-secondary, #666);text-transform:uppercase}.cart-item-actions{display:flex;align-items:center;gap:15px}.cart-item-price{font-weight:600;color:var(--color-text-primary, #333);font-size:16px}.cart-item-remove{background:var(--color-error-background, #fee);color:var(--color-error-text, #c00);border:1px solid var(--color-error-text, #c00);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.cart-item-remove:hover{background:var(--color-error-text, #c00);color:#fff}.cart-footer{border-top:1px solid var(--color-border-primary, #e0e0e0);padding-top:var(--spacing-md);flex-shrink:0}.cart-total{text-align:right;margin-bottom:15px;font-size:20px;color:var(--color-text-primary, #333)}.cart-wallet-info{background:var(--color-background-secondary, #f5f5f5);padding:12px;border-radius:4px;margin-bottom:20px}.cart-wallet-info p{margin:0 0 8px;font-size:12px;color:var(--color-text-secondary, #666);text-transform:uppercase}.cart-wallet-address{display:block;font-family:monospace;font-size:12px;word-break:break-all;color:var(--color-text-primary, #333)}.cart-actions{display:flex;gap:10px;justify-content:flex-end}.cart-button{padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.cart-button:disabled{opacity:.5;cursor:not-allowed}.cart-button-primary{background:var(--color-primary, #007bff);color:#fff}.cart-button-primary:hover:not(:disabled){background:var(--color-primary-dark, #0056b3)}.cart-button-secondary{background:var(--color-background-secondary, #f5f5f5);color:var(--color-text-primary, #333);border:1px solid var(--color-border-primary, #e0e0e0)}.cart-button-secondary:hover:not(:disabled){background:var(--color-border-primary, #e0e0e0)}.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-primary, #007bff)}.app-right-panel-icon-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-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) - 4 * var(--spacing-md)) / 5)}.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-icon{width:1.75rem;height:1.75rem}.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-interactive-primary);color:var(--color-text-inverse)!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-text-inverse)}.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}.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}.seed-phrase-display{max-width:100%;width:100%;margin:0 auto;box-sizing:border-box;flex-shrink:0}.seed-phrase-display-title{margin-bottom:var(--spacing-md)}.seed-phrase-display-warning{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.seed-phrase-display-content{margin-bottom:var(--spacing-lg)}.seed-phrase-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);width:100%;box-sizing:border-box;flex-wrap:wrap;gap:var(--spacing-xs)}.seed-phrase-display-label{font-weight:var(--font-weight-medium)}.seed-phrase-display-actions{display:flex;gap:var(--spacing-sm)}.seed-phrase-display-action-btn{font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.seed-phrase-display-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);min-height:120px;width:100%;box-sizing:border-box}.seed-phrase-display-grid-visible{background-color:var(--color-bg-secondary)}.seed-phrase-display-word{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);font-size:var(--font-size-sm);min-width:0;overflow:hidden}.seed-phrase-display-word-number{color:var(--color-text-tertiary);min-width:24px}.seed-phrase-display-word-text{font-family:var(--font-family-mono);color:transparent;text-shadow:0 0 8px var(--color-text-primary);word-break:break-word;overflow-wrap:break-word}.seed-phrase-display-word-text-visible{color:var(--color-text-primary);text-shadow:none}.seed-phrase-display-confirm{display:flex;flex-direction:column;gap:var(--spacing-sm)}.seed-phrase-display-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm)}.seed-phrase-display-confirm-btn,.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}.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-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%}.seed-phrase-migration-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)}.seed-phrase-migration-modal-content{background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.seed-phrase-migration-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-primary)}.seed-phrase-migration-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;color:var(--color-text-primary)}.seed-phrase-migration-modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all .2s ease}.seed-phrase-migration-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.seed-phrase-migration-modal-body{padding:var(--spacing-xl);flex:1}.seed-phrase-migration-modal-warning{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.seed-phrase-migration-modal-warning svg{flex-shrink:0;margin-top:2px}.seed-phrase-migration-modal-description{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-relaxed)}.seed-phrase-migration-modal-error{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.seed-phrase-migration-modal-loading{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary)}.seed-phrase-migration-modal-input-wrapper{position:relative;margin-bottom:var(--spacing-md)}.seed-phrase-migration-modal-clear{margin-top:var(--spacing-md);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);background-color:var(--color-button-ghost-bg);color:var(--color-button-ghost-text);border:1px solid var(--color-border-primary);padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.seed-phrase-migration-modal-clear:hover:not(:disabled){background-color:var(--color-button-ghost-hover);color:var(--color-button-ghost-text)}.seed-phrase-migration-modal-clear:active:not(:disabled){background-color:var(--color-button-ghost-active)}.seed-phrase-migration-modal-clear:disabled{opacity:var(--opacity-disabled, .5);cursor:not-allowed}.seed-phrase-migration-modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--color-border-primary);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.seed-phrase-migration-modal-footer .btn{background-color:var(--color-button-ghost-bg);color:var(--color-button-ghost-text);border:1px solid var(--color-border-primary);padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.seed-phrase-migration-modal-footer .btn:hover:not(:disabled){background-color:var(--color-button-ghost-hover);color:var(--color-button-ghost-text)}.seed-phrase-migration-modal-footer .btn:active:not(:disabled){background-color:var(--color-button-ghost-active)}.seed-phrase-migration-modal-footer .btn:disabled{opacity:var(--opacity-disabled, .5);cursor:not-allowed}@media(max-width:768px){.seed-phrase-migration-modal{padding:var(--spacing-md)}.seed-phrase-migration-modal-content{max-height:95vh}.seed-phrase-migration-modal-header,.seed-phrase-migration-modal-body,.seed-phrase-migration-modal-footer{padding:var(--spacing-lg)}}.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)}.qr-scanner{display:flex;flex-direction:column;width:100%;max-width:500px}.qr-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.qr-scanner-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.qr-scanner-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s}.qr-scanner-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.qr-scanner-content{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-scanner-reader{width:100%;max-width:400px}.qr-scanner-hint{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0}.qr-scanner-error{padding:1.5rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border);text-align:center}.qr-scanner-error p{margin:0 0 .5rem;color:var(--text-primary)}.qr-scanner-error-hint{font-size:.875rem;color:var(--text-secondary);margin:0}.qr-scanner-camera-selector{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;max-width:400px;margin-bottom:var(--spacing-sm)}.qr-scanner-camera-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap}.qr-scanner-camera-select{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm);font-family:var(--font-family-base);cursor:pointer;transition:all .2s ease}.qr-scanner-camera-select: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)}.qr-scanner-camera-select:disabled{opacity:.6;cursor:not-allowed}.multi-device-page .full-screen-layout-form-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.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)}.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-interactive-primary, var(--color-primary-600));color:var(--color-text-inverse, white);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-interactive-primary, var(--color-primary-600));color:var(--color-text-inverse, white)}.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-danger);border-radius:var(--radius-md);background-color:var(--color-danger);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-danger-hover, #dc3545);border-color:var(--color-danger-hover, #dc3545)}.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-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-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-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-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-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-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{display:flex;flex-direction:column;width:100%;padding:var(--spacing-lg);padding-top:0;gap:var(--spacing-md)}.asset-page-view-toggle{display:flex;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)}.asset-page-view-button:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.asset-page-view-button:disabled{opacity:.6;cursor:not-allowed}.asset-page-player-container{display:flex;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{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);min-height:400px}.asset-page-error{color:var(--color-error)}.asset-page-header{display:flex;align-items:center;gap:var(--spacing-md);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-primary);color:var(--color-primary)}.asset-page-no-preview{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.asset-page-paywall-section{display:flex;flex-direction:column;gap:var(--spacing-md);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}.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-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}.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);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-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)}.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:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-tier-modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000004d;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:1.5rem;border-bottom:1px solid var(--color-border-primary)}.create-tier-modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.create-tier-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: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:1rem;padding:1.5rem}.create-tier-field{display:flex;flex-direction:column;gap:.5rem}.create-tier-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.create-tier-input,.create-tier-textarea{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)}.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:.6;cursor:not-allowed}.create-tier-textarea{resize:vertical;min-height:80px}.create-tier-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.create-tier-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)}.create-tier-button:disabled{opacity:.6;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)}.creator-dashboard-tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.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-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.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-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)}.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);padding-left:1em;margin:.5em 0;color:var(--color-text-secondary);font-style:italic}.seed-phrase-qr-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)}.seed-phrase-qr-modal-content{background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.seed-phrase-qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-primary)}.seed-phrase-qr-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;color:var(--color-text-primary)}.seed-phrase-qr-modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all .2s ease}.seed-phrase-qr-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.seed-phrase-qr-modal-body{padding:var(--spacing-xl);flex:1}.seed-phrase-qr-modal-description{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-relaxed)}.seed-phrase-qr-modal-password-fields{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.seed-phrase-qr-modal-error{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.seed-phrase-qr-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.seed-phrase-qr-modal-actions .btn{min-width:120px}.seed-phrase-qr-modal-qr-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0}.seed-phrase-qr-modal-qr-wrapper{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}@media(max-width:768px){.seed-phrase-qr-modal{padding:var(--spacing-md)}.seed-phrase-qr-modal-content{max-height:95vh}.seed-phrase-qr-modal-header,.seed-phrase-qr-modal-body{padding:var(--spacing-lg)}.seed-phrase-qr-modal-actions{flex-direction:column}.seed-phrase-qr-modal-actions .btn{width:100%}}.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-title{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:var(--color-text-primary)}.profile-page-field{margin-bottom:1.5rem}.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{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.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-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)}font-size: .75rem; flex: 1; min-width: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-overflow: ellipsis; } .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-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}.insufficient-funds-modal{max-width:600px;width:100%;display:flex;flex-direction:column;height:100%}.insufficient-funds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-shrink:0}.insufficient-funds-header h2{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.insufficient-funds-content{flex:1;min-height:0}.insufficient-funds-summary{margin-bottom:2rem;padding:1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.insufficient-funds-summary p{margin:.5rem 0;color:var(--color-text-primary)}.insufficient-funds-shortfall{color:var(--color-status-error);font-weight:600}.insufficient-funds-options{display:flex;flex-direction:column;gap:1.5rem}.insufficient-funds-options h3{margin:0 0 1rem;font-size:1.25rem;color:var(--color-text-primary)}.insufficient-funds-option{padding:1rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-elevated)}.insufficient-funds-option-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-weight:600;color:var(--color-text-primary)}.insufficient-funds-coming-soon{margin-left:auto;padding:.25rem .75rem;background:var(--color-status-info-bg);color:var(--color-status-info-text);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.insufficient-funds-option-description{margin:0;color:var(--color-text-secondary);font-size:.875rem}.insufficient-funds-divider{display:flex;align-items:center;text-align:center;margin:1rem 0;color:var(--color-text-tertiary);font-size:.875rem}.insufficient-funds-divider:before,.insufficient-funds-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border-primary)}.insufficient-funds-divider span{padding:0 1rem}.insufficient-funds-alternatives{display:flex;flex-direction:column;gap:1rem}.insufficient-funds-alternatives h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-text-primary)}.insufficient-funds-alternative{display:flex;gap:1rem;padding:1rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.insufficient-funds-alternative svg{color:var(--color-text-secondary);flex-shrink:0;margin-top:.25rem}.insufficient-funds-alternative strong{display:block;margin-bottom:.25rem;color:var(--color-text-primary)}.insufficient-funds-alternative p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.insufficient-funds-wallet-info{margin-top:1.5rem;padding:1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.insufficient-funds-wallet-label{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-secondary)}.insufficient-funds-wallet-address{display:block;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.875rem;color:var(--color-text-primary);word-break:break-all}.insufficient-funds-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary);display:flex;justify-content:flex-end;flex-shrink:0}.insufficient-funds-button{padding:.75rem 1.5rem;background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s}.insufficient-funds-button:hover{background:var(--color-button-primary-hover)}.paywall{padding:32px;text-align:center;background:var(--color-bg-elevated);border:2px dashed var(--color-border-primary);border-radius:8px}.paywall-content h3{margin:0 0 8px;color:var(--color-text-primary)}.paywall-content p{margin:0 0 16px;color:var(--color-text-secondary)}.paywall-button{padding:12px 24px;background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s}.paywall-button:hover{background:var(--color-button-primary-hover)}.paywall-button:disabled{opacity:.6;cursor:not-allowed}.paywall-tiers{margin:16px 0;text-align:left}.paywall-tiers p{margin:0 0 8px;font-weight:600;color:var(--color-text-primary)}.paywall-tiers ul{list-style:none;padding:0;margin:0}.paywall-tiers li{padding:8px 0;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-primary)}.paywall-tiers li:last-child{border-bottom:none}.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}.post{background:var(--color-surface);cursor:pointer;transition:all .2s;padding:var(--spacing-md)}.post:hover{border-color:var(--color-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-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)}.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-primary);border-bottom-color:var(--color-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-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%}.analytics-page{padding:2rem;max-width:1200px;margin:0 auto}.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:1.5rem;margin-bottom:2rem}.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-button-primary-text);border-color:var(--color-interactive-primary)}.analytics-chart-container{width:100%;height:300px;margin-top:1rem}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.analytics-stat-card{padding:1.5rem;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:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.analytics-stat-value{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.analytics-table-container{overflow-x:auto;margin-top:1rem}.analytics-table{width:100%;border-collapse:collapse}.analytics-table thead{background:var(--color-bg-secondary)}.analytics-table th{padding:.75rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--color-text-primary);border-bottom:2px solid var(--color-border-primary)}.analytics-table td{padding:.75rem;font-size:.875rem;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:.75rem;color:var(--color-text-secondary);margin-top:.25rem}@media(max-width:768px){.analytics-page{padding:1rem}.analytics-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.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}}.creator-links-panel{padding:20px}.creator-links-panel-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.creator-links-panel-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.creator-links-panel-tiers{display:flex;flex-direction:column;gap:16px}.creator-links-panel-tier{padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.creator-links-panel-tier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.creator-links-panel-tier-name{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.creator-links-panel-tier-price{font-size:16px;font-weight:600;color:var(--color-interactive-primary)}.creator-links-panel-tier-description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 12px}.creator-links-panel-tier-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-secondary);margin-bottom:12px}.creator-links-panel-tier-purchases{font-weight:500}.creator-links-panel-subscribe-button{width:100%;padding:10px 16px;background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.creator-links-panel-subscribe-button:hover:not(:disabled){background:var(--color-button-primary-hover)}.creator-links-panel-subscribe-button:disabled{opacity:.6;cursor:not-allowed}.creator-links-panel-subscribe-button.subscribed{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.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-banner{width:100%;height:280px;margin-bottom:var(--spacing-xl);border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));box-shadow:var(--shadow-xl);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.creator-page-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl)}.creator-page-banner-image{width:100%;height:100%;object-fit:cover;object-position:center}.creator-page-info{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.creator-page-info: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-info:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.creator-page-avatar{flex-shrink:0;position:relative}.creator-page-avatar:after{content:"";position:absolute;inset:-4px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));opacity:0;transition:opacity var(--transition-base);z-index:-1}.creator-page-info:hover .creator-page-avatar:after{opacity:.2}.creator-page-details{flex:1;min-width:0}.creator-page-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-text-primary),var(--color-primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-tight);letter-spacing:-.02em}.creator-page-blurb{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.creator-page-follow{flex-shrink:0}.creator-page-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.creator-page-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}.creator-page-link:hover{background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));color:var(--color-text-inverse);border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-md)}.creator-page-link-icon{width:20px;height:20px;flex-shrink:0;filter:brightness(.9);transition:filter var(--transition-fast)}.creator-page-link:hover .creator-page-link-icon{filter:brightness(1.2)}.creator-page-link-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.creator-page-featured{margin-top:var(--spacing-2xl)}.creator-page-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid;border-image:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500)) 1;position:relative}.creator-page-section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500))}.creator-page-posts{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.creator-page{padding:var(--spacing-md)}.creator-page-banner{height:200px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg)}.creator-page-info{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg)}.creator-page-follow{width:100%}.creator-page-name{font-size:var(--font-size-2xl)}.creator-page-links{padding:var(--spacing-md);border-radius:var(--radius-lg)}.creator-page-section-title{font-size:var(--font-size-xl)}}.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)}.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:12px;height:12px;background-color:var(--color-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-primary);color:var(--color-text-on-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.user-list-item-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-shrink:0}.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)}.user-list-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);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-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)}.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);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-primary);border-bottom-color:var(--color-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;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);position:sticky;top:0;z-index:10}.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-input{display:flex;flex-direction:column;border-top:1px solid var(--color-border);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-interactive-primary);color:var(--color-text-inverse)}.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);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:1.5}.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);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:28px;height:28px;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-error-500)}.message-action-delete:hover{background-color:var(--color-error-500);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:4px;margin-top:6px}.message-reaction{display:flex;align-items:center;gap:4px;padding:2px 6px;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:.85}.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);border-radius:var(--radius-md)}.message-edit-editor{outline:none;min-height:40px;font-size:var(--font-size-base);line-height:1.5;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:32px;height:32px;padding:0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);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)}.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:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));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);margin-bottom:var(--spacing-xs)}.shared-chat-assets-player{width:100%;height:100%;object-fit:cover}.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;padding:var(--spacing-md) 0;display:flex;flex-direction:column}.chat-page-loading-more{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.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)}.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}.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)}}.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-primary);color:#fff;border-color:var(--color-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-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-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-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-primary);color:var(--color-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-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-primary);border-bottom-color:var(--color-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-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-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-primary);background-color:var(--color-card-bg)}.admin-application-detail-social-platform{font-weight:600;font-size:.875rem;color:var(--color-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: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-bg-primary: var(--color-neutral-50);--color-bg-secondary: var(--color-neutral-100);--color-bg-tertiary: var(--color-neutral-200);--color-bg-elevated: #ffffff;--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-600);--color-interactive-primary-hover: var(--color-primary-700);--color-interactive-primary-active: var(--color-primary-800);--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: #0a0a0a;--color-neutral-100: #171717;--color-neutral-200: #262626;--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-600);--color-interactive-primary-active: var(--color-primary-700);--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-neutral-50);--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}