.button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500;text-decoration:none;border-radius:var(--radius-xl);cursor:pointer;outline:none;font-family:inherit;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button:active:not(.button--disabled){opacity:.85}.button:focus-visible{outline:none}.button--outline{background:var(--color-background);border:2px solid var(--color-border);color:var(--color-text-primary)}.button--outline:focus-visible:not(.button--disabled),.button--outline:hover:not(.button--disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.button--solid{background:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.button--solid:focus-visible:not(.button--disabled),.button--solid:hover:not(.button--disabled){background:var(--color-primary-hover,var(--color-primary));border-color:var(--color-primary-hover,var(--color-primary))}.button--ghost{background:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);color:var(--color-text-primary)}.button--ghost:focus-visible:not(.button--disabled),.button--ghost:hover:not(.button--disabled){border-color:var(--color-border);background:var(--color-surface)}.button--sm{padding:10px 18px;font-size:13px}.button--md{padding:14px 22px;font-size:14px}.button--lg{padding:16px 26px;font-size:15px}.button--full-width{width:100%}.button--secondary{background:rgba(0,0,0,0)}.button--secondary:focus-visible:not(.button--disabled),.button--secondary:hover:not(.button--disabled){background:var(--color-surface)}.fancy-button{box-sizing:border-box;font-weight:500;text-decoration:none;border-radius:var(--radius-xl);cursor:pointer;outline:none;font-family:inherit;white-space:nowrap;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,opacity .2s ease}.fancy-button,.fancy-button__content{display:inline-flex;align-items:center;justify-content:center;position:relative}.fancy-button__content{z-index:1}.fancy-button__content>*{position:relative;z-index:1}.fancy-button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.fancy-button:active:not(.fancy-button--disabled){opacity:.7;transform:translateY(5px)}.fancy-button:focus-visible{outline:none}.fancy-button--outline{background:var(--color-background);border:2px solid var(--color-border);color:var(--color-text-primary)}.fancy-button--outline:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,var(--color-primary-light) 0,transparent 100%);opacity:0;transition:opacity var(--transition-normal);mix-blend-mode:normal}.fancy-button--outline:focus-visible:not(.fancy-button--disabled),.fancy-button--outline:hover:not(.fancy-button--disabled){border-color:var(--color-primary);transition:border-color .3s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,opacity .2s ease}.fancy-button--outline:focus-visible:not(.fancy-button--disabled):after,.fancy-button--outline:hover:not(.fancy-button--disabled):after{opacity:1;z-index:0}.fancy-button--solid{background:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.fancy-button--solid:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--transition-normal)}.fancy-button--solid:focus-visible:not(.fancy-button--disabled),.fancy-button--solid:hover:not(.fancy-button--disabled){background:var(--color-primary-hover,var(--color-primary));border-color:var(--color-primary-hover,var(--color-primary));transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,opacity .2s ease}.fancy-button--solid:focus-visible:not(.fancy-button--disabled):after,.fancy-button--solid:hover:not(.fancy-button--disabled):after{opacity:1}.fancy-button--ghost{background:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);color:var(--color-text-primary)}.fancy-button--ghost:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,var(--color-primary-light) 0,transparent 100%);opacity:0;transition:opacity var(--transition-normal)}.fancy-button--ghost:focus-visible:not(.fancy-button--disabled),.fancy-button--ghost:hover:not(.fancy-button--disabled){border-color:var(--color-border);background:var(--color-surface);transition:border-color .3s ease,background .3s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,opacity .2s ease}.fancy-button--ghost:focus-visible:not(.fancy-button--disabled):after,.fancy-button--ghost:hover:not(.fancy-button--disabled):after{opacity:1}.fancy-button--sm{padding:10px 18px;font-size:13px}.fancy-button--md{padding:14px 22px;font-size:14px}.fancy-button--lg{padding:16px 26px;font-size:15px}.fancy-button--full-width{width:100%}.fancy-button--hover-elevation:hover:not(.fancy-button--disabled){transform:translateY(-4px);box-shadow:var(--shadow-lg)}.input-wrapper{display:flex;flex-direction:column;width:100%}.input-wrapper--full-width{width:100%}.input__label{display:block;margin-bottom:3px;padding-left:5px;font-size:14px;font-weight:400;color:var(--color-text-secondary)}.input__required{color:var(--color-error);margin-left:4px}.input{display:block;width:100%;border-radius:8px;border:2px solid var(--input-border);background:var(--input-background);color:var(--input-text);font-family:inherit}.input::placeholder{color:var(--input-placeholder);opacity:1}.input{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--input-border-focus-light,rgba(90,220,90,.1))}.input--disabled{opacity:.6;cursor:not-allowed}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.input--sm{padding:8px 12px;font-size:13px;line-height:1}.input--md{padding:12px 14px;font-size:14px;line-height:1}.input--lg{padding:14px;font-size:15px;line-height:1}.input__error-message{color:var(--color-error)}.input__error-message,.input__helper-text{margin-top:8px;margin-bottom:0;font-size:13px;line-height:1.4}.input__helper-text{color:var(--color-text-muted)}@media(max-width:639px){.input--sm{font-size:16px;padding:8px 14px}.input--md{font-size:16px;padding:12px 14px}.input--lg{font-size:16px;padding:14px}.input__label{font-size:13px}.input__error-message,.input__helper-text{font-size:12px}}[data-theme=dark]{--input-border-focus-light:rgba(90,220,90,0.15)}:root,[data-theme=light]{--input-border-focus-light:rgba(122,194,122,0.15)}.toggle{position:relative;width:52px;height:28px;background:var(--color-border);border-radius:14px;border:none;cursor:pointer;transition:all .2s ease-in-out;padding:2px}.toggle:hover{background:var(--color-border-hover)}.toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle.active{background:var(--color-primary)}.toggle.disabled{opacity:.5;cursor:not-allowed}.toggle__info{display:flex;flex-direction:column;align-items:center;gap:4px}.toggle__label{font-size:15px;font-weight:500;color:var(--color-text-primary)}.toggle__description{font-size:13px;color:var(--color-text-secondary)}.toggle__slider{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease-in-out;color:var(--color-text-secondary)}.toggle.active .toggle__slider{transform:translateX(24px);color:var(--color-primary)}.toggle__slider svg{width:14px;height:14px}.settings-modal{display:flex;flex-direction:column;height:70vh;max-height:500px;overflow:hidden}@media(min-width:640px){.settings-modal{flex-direction:row;max-height:600px}}.settings-modal__sidebar{display:flex;flex-direction:column;gap:20px;padding:20px;border-right:1px solid var(--color-border-divider,var(--color-border))}@media(max-width:639px){.settings-modal__sidebar{border-right:none;border-bottom:1px solid var(--color-border-divider,var(--color-border));padding:16px}}@media(min-width:640px){.settings-modal__sidebar{width:240px;flex-shrink:0;padding:24px}}.settings-modal__nav{display:flex;flex-direction:row;gap:8px;padding-bottom:16px}@media(min-width:640px){.settings-modal__nav{flex-direction:column;gap:4px;padding-bottom:20px}}.settings-modal__nav-item{background:none;border:none;margin:0;font:inherit;color:inherit;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:14px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease-in-out;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);text-align:left;flex-shrink:0}@media(max-width:639px){.settings-modal__nav-item{flex-direction:column;gap:4px;padding:8px 12px;font-size:12px;flex:1 1;justify-content:center}}.settings-modal__nav-item.active,.settings-modal__nav-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}[data-theme=light] .settings-modal__nav-item.active{background:var(--color-surface)}@media(max-width:639px){.settings-modal__nav-item.active{background:var(--color-surface-hover);color:var(--color-text-primary)}}.settings-modal__nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-modal__nav-icon{flex-shrink:0;width:20px;height:20px}@media(max-width:639px){.settings-modal__nav-icon{width:18px;height:18px}}.settings-modal__nav-label{font-weight:500}.settings-modal__actions{display:flex;flex-direction:row;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border)}@media(max-width:639px){.settings-modal__actions{position:sticky;bottom:0;padding:12px 0 0;background:rgba(0,0,0,0);border-top:1px solid var(--color-border)}}@media(min-width:640px){.settings-modal__actions{flex-direction:column;padding-top:20px}}.settings-modal__content{flex:1 1;min-height:0;position:relative;overflow:hidden}.settings-modal__scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-modal__scroll::-webkit-scrollbar{display:none}.settings-modal__scrollbar{position:absolute;top:12px;right:4px;bottom:12px;width:6px;border-radius:100px;opacity:0;transition:opacity .4s ease;z-index:1}.settings-modal__content:hover .settings-modal__scrollbar,.settings-modal__scrollbar.visible{opacity:1}.settings-modal__scrollbar-thumb{position:absolute;left:0;width:100%;background:var(--color-border);border-radius:100px;transition:background .2s ease;cursor:grab}.settings-modal__scrollbar-thumb:hover{background:var(--color-text-secondary)}.settings-modal__scrollbar-thumb.dragging{background:var(--color-text-secondary);cursor:grabbing}.settings-modal__panel{animation:fadeIn .2s ease-in-out}.settings-modal__section{display:flex;flex-direction:column;gap:24px;padding:20px}@media(min-width:640px){.settings-modal__section{padding:24px}}.settings-modal__section--profile .settings-modal__avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:var(--color-surface);border-radius:12px}.settings-modal__section--profile .settings-modal__avatar-wrapper{width:100px;height:100px;border-radius:50%;overflow:hidden;position:relative}.settings-modal__section--profile .settings-modal__avatar-wrapper--clickable{cursor:pointer}.settings-modal__section--profile .settings-modal__avatar-wrapper--clickable:hover .settings-modal__avatar-overlay{opacity:1}.settings-modal__section--profile .settings-modal__avatar{width:100%;height:100%;object-fit:cover}.settings-modal__section--profile .settings-modal__avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:50%;opacity:0;transition:opacity .2s ease}.settings-modal__section--profile .settings-modal__avatar-overlay-icon{color:#fff;width:24px;height:24px}.settings-modal__section--profile .settings-modal__avatar-overlay-icon.spin{animation:spinAvatar 1s linear infinite}.settings-modal__section--profile .settings-modal__avatar-upload-input{display:none}.settings-modal__section--profile .settings-modal__avatar-actions,.settings-modal__section--profile .settings-modal__profile-actions{display:flex;gap:8px}@keyframes spinAvatar{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-modal__section--security .settings-modal__password-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--color-surface);border-radius:12px}.settings-modal__section--security .settings-modal__password-form>.fancy-button{margin-top:12px;margin-bottom:12px}.settings-modal__section--security .settings-modal__password-info{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.settings-modal__section--security .settings-modal__oauth-section{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--color-surface);border-radius:12px}.settings-modal__section--security .settings-modal__oauth-providers{display:flex;flex-direction:column;gap:12px}.settings-modal__section--security .settings-modal__oauth-provider-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:color-mix(in srgb,var(--color-surface) 50%,var(--color-background));border:1px solid rgba(0,0,0,0);border-radius:8px;gap:12px}.settings-modal__section--security .settings-modal__oauth-provider-row.linked{background:var(--color-background)}[data-theme=light] .settings-modal__section--security .settings-modal__oauth-provider-row{border-color:var(--color-border)}[data-theme=light] .settings-modal__section--security .settings-modal__oauth-provider-row.linked{border-color:color-mix(in srgb,var(--color-primary) 70%,transparent)}.settings-modal__section--security .settings-modal__oauth-provider-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--color-text-primary);text-transform:capitalize}.settings-modal__section--security .settings-modal__oauth-provider-actions{display:flex;align-items:center;gap:8px}.settings-modal__section--security .settings-modal__oauth-info{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface);border-radius:8px}.settings-modal__section--security .settings-modal__oauth-label{font-size:14px;color:var(--color-text-secondary)}.settings-modal__section--security .settings-modal__oauth-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-xl);font-size:13px;font-weight:500;background:var(--color-surface);color:var(--color-text-primary)}.settings-modal__section--security .settings-modal__oauth-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#4ade80;flex-shrink:0}.settings-modal__section--security .settings-modal__loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-text-secondary);font-size:14px}.settings-modal__password-input-wrapper{position:relative}.settings-modal__password-input-wrapper .input-wrapper{width:100%}.settings-modal__password-input-wrapper .input{padding-right:44px}.settings-modal__password-toggle{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:rgba(0,0,0,0);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.settings-modal__password-toggle:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.settings-modal__password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.settings-modal__password-toggle svg{width:18px;height:18px}.settings-modal__form-group{display:flex;flex-direction:column;gap:8px}.settings-modal__email-verify{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.settings-modal__email-verify-hint{font-size:13px;color:var(--color-text-secondary)}.settings-modal__email-verify-link{color:var(--color-primary)!important;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 50%,transparent);cursor:pointer}.settings-modal__email-verify-link:hover{opacity:.8}.settings-modal__email-verify-sent{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-primary)}.settings-modal__email-verify-sent svg{width:14px;height:14px}.settings-modal__bio-textarea{display:block;width:100%;border-radius:8px;border:2px solid var(--input-border);background:var(--input-background);color:var(--input-text);font-family:inherit;font-size:14px;line-height:1.5;padding:12px 14px;resize:vertical;min-height:80px;max-height:200px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.settings-modal__bio-textarea::placeholder{color:var(--input-placeholder);opacity:1}.settings-modal__bio-textarea:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--input-border-focus-light,rgba(90,220,90,.1))}.settings-modal__bio-counter{font-size:12px;color:var(--color-text-muted);text-align:right}.settings-modal__links-list{display:flex;flex-direction:column;gap:8px}.settings-modal__link-row{display:flex;align-items:center;gap:8px}.settings-modal__link-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:none;background:rgba(0,0,0,0);color:var(--color-text-muted);border-radius:var(--radius-md,6px);cursor:pointer;transition:color .2s ease,background .2s ease}.settings-modal__link-remove:hover{color:var(--color-error);background:var(--color-surface)}.settings-modal__link-remove svg{width:16px;height:16px}.settings-modal__label{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px;display:block}.settings-modal__section--notifications .settings-modal__setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-surface);border-radius:8px;gap:16px}@media(max-width:639px){.settings-modal__section--notifications .settings-modal__setting-item{flex-direction:column;align-items:flex-start;gap:12px}}.settings-modal__section--notifications .settings-modal__setting-info{flex:1 1;display:flex;flex-direction:column;gap:4px}.settings-modal__section--notifications .settings-modal__setting-title{font-size:15px;font-weight:500;color:var(--color-text-primary)}.settings-modal__section--notifications .settings-modal__setting-description{font-size:13px;color:var(--color-text-secondary)}.settings-modal__section--email .settings-modal__subscription-status{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--color-surface);border-radius:12px;gap:16px}.settings-modal__section--email .settings-modal__subscription-label{font-size:16px;font-weight:500;color:var(--color-text-primary)}.settings-modal__toggle{position:relative;width:52px;height:28px;background:var(--color-border);border-radius:14px;border:none;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1);padding:2px}.settings-modal__toggle:hover{background:var(--color-border-hover)}.settings-modal__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-modal__toggle.active{background:var(--color-primary)}.settings-modal__toggle.active:hover{background:var(--color-primary-hover)}.settings-modal__toggle--large{width:64px;height:36px;border-radius:18px;padding:4px}@media(max-width:639px){.settings-modal__toggle{width:48px;height:26px}.settings-modal__toggle--large{width:60px;height:34px}}.settings-modal__toggle-slider{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.34,1.56,.64,1);color:var(--color-border)}.settings-modal__toggle.active .settings-modal__toggle-slider{transform:translateX(24px);color:var(--color-primary)}.settings-modal__toggle--large.active .settings-modal__toggle-slider{transform:translateX(28px);width:28px;height:28px}.settings-modal__toggle-slider svg{width:14px;height:14px}.settings-modal__toggle--large .settings-modal__toggle-slider svg{width:16px;height:16px}@media(max-width:639px){.settings-modal__toggle-slider{width:22px;height:22px}.settings-modal__toggle.active .settings-modal__toggle-slider{transform:translateX(22px)}.settings-modal__toggle--large.active .settings-modal__toggle-slider{transform:translateX(24px);width:26px;height:26px}}.settings-modal__radio-group{display:flex;flex-direction:column;gap:8px}.settings-modal__radio-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface);border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.settings-modal__radio-item.active,.settings-modal__radio-item:hover{background:var(--color-surface-hover)}.settings-modal__radio-item.active .settings-modal__radio-label{color:var(--color-text-primary);font-weight:500}.settings-modal__radio-item input[type=radio]{appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-surface);cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease-in-out}.settings-modal__radio-item input[type=radio]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background:var(--color-primary);border-radius:50%;transition:transform .2s ease-in-out}.settings-modal__radio-item input[type=radio]:checked{border-color:var(--color-primary)}.settings-modal__radio-item input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}.settings-modal__radio-item input[type=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-modal__radio-label{font-size:14px;color:var(--color-text-primary);transition:all .2s ease-in-out}.user-menu{position:relative}.user-menu__trigger{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer;overflow:hidden;transition:var(--transition-transform)}.user-menu__trigger:active{transform:scale(.95)}.user-menu__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.user-menu__avatar-wrapper{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;opacity:.6;transition:opacity .3s ease}.user-menu__avatar-wrapper:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.05);border-radius:50%;pointer-events:none;z-index:1}.user-menu__avatar-wrapper--large{width:40px;height:40px}.user-menu__avatar{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;background:var(--color-surface);filter:grayscale(80%);transition:filter .3s ease}.user-menu__avatar--large{width:40px;height:40px}.user-menu__header:hover .user-menu__avatar-wrapper,.user-menu__trigger:hover .user-menu__avatar-wrapper{opacity:1}.user-menu__header:hover .user-menu__avatar,.user-menu__trigger:hover .user-menu__avatar{filter:grayscale(0)}.user-menu__header{display:flex;align-items:center;gap:12px;padding:16px}.user-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:100;animation:dropdown-appear .15s ease-out}.user-menu__name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.user-menu__divider{height:1px;background:var(--color-border);margin:0 8px}.user-menu__divider+.user-menu__item{margin-top:10px}.user-menu__item:last-child{margin-bottom:10px}.user-menu__item{background:none;border:none;margin:0;font:inherit;color:inherit;display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;font-size:14px;color:var(--user-menu-item-color);text-decoration:none;cursor:pointer;transition:color .15s ease-in-out}.user-menu__item:active,.user-menu__item:hover{color:var(--user-menu-item-hover)}.user-menu__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.user-menu__item:last-child{border-radius:0 0 8px 8px}.user-menu__item svg{width:18px;height:18px;color:currentColor}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-buttons{display:flex;align-items:center;gap:4px}.action-buttons__button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.125rem;background:rgba(0,0,0,0);transition:var(--transition-color);cursor:pointer}.action-buttons__button:active{transform:scale(.95)}.action-buttons__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.action-buttons__button svg{width:20px;height:20px}.action-buttons__button{color:var(--color-text-muted)}.action-buttons__button:hover{color:var(--color-text-primary)}@media(prefers-color-scheme:dark){.action-buttons__button{color:var(--color-text-muted)}.action-buttons__button:hover{color:var(--color-primary)}}[data-theme=light] .action-buttons__button{color:var(--color-text-muted)}[data-theme=light] .action-buttons__button:hover{color:var(--color-text-primary)}[data-theme=dark] .action-buttons__button{color:var(--color-text-muted)}[data-theme=dark] .action-buttons__button:hover{color:var(--color-primary)}.app-bar__right{gap:var(--space-md);transform:translateZ(0);isolation:isolate}.app-bar__nav,.app-bar__right{display:flex;align-items:center}.app-bar__nav{gap:var(--space-sm)}.app-bar__nav-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal)}.app-bar__nav-button:hover{background:var(--color-surface-hover);color:var(--color-primary)}.app-bar__nav-button:focus{outline:2px solid var(--color-focus);outline-offset:2px}.app-bar__nav-button svg{width:20px;height:20px}.app-bar{position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:none;background:var(--nav-background);border-bottom:1px solid hsla(0,0%,100%,0)}@media(prefers-color-scheme:dark){.app-bar--scrolled{box-shadow:0 2px 6px rgba(0,0,0,.3);background:rgba(15,15,15,.8);border-bottom:1px solid #222}}[data-theme=dark] .app-bar--scrolled{box-shadow:0 2px 6px rgba(0,0,0,.3);background:rgba(15,15,15,.8);border-bottom:1px solid #222}@media(prefers-color-scheme:light){.app-bar--scrolled{box-shadow:0 2px 6px rgba(0,0,0,.1);background:hsla(0,0%,100%,.8);border-bottom:1px solid #fff}}[data-theme=light] .app-bar--scrolled{box-shadow:0 2px 6px rgba(0,0,0,.1);background:hsla(0,0%,100%,.8);border-bottom:1px solid #fff}.app-bar__container{display:flex;align-items:center;justify-content:space-between;height:var(--space-xl);max-width:100%;height:60px;padding:0 20px}@media(min-width:768px){.app-bar__container{height:80px;padding:0 40px}}@media(min-width:1024px){.app-bar__container{height:80px;padding:0 40px}}@media(min-width:1441px){.app-bar__container{padding:40px}}.app-page-wrapper{display:flex;flex-direction:column;width:100%;margin:0 auto;transition:var(--transition-normal)}.app-page-wrapper main{width:100%}.app-page-wrapper{padding:0 36px}@media(min-width:768px){.app-page-wrapper{padding:0 40px}}@media(min-width:1024px){.app-page-wrapper{padding:0 68px}}@media(min-width:1441px){.app-page-wrapper{padding:0 86px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.app-footer{width:100%;background:rgba(0,0,0,0);border-top:none;padding:28px 0;margin-top:10px;margin-bottom:64px}@media(min-width:768px){.app-footer{padding:64px 0}}.app-footer__container{width:100%;margin:0 auto}.app-footer__content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.app-footer__text{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-secondary);margin:0}@media(min-width:768px){.app-footer__text{font-size:var(--font-size-lg)}}.app-footer__brand{font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.app-footer__brand--accent{color:var(--color-primary-text)}.footer-social-icons{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}@media(min-width:768px){.footer-social-icons{gap:24px}}.footer-social-icons__link{display:flex;align-items:center;justify-content:center;width:56px;height:56px;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-xl);background:var(--color-background);border:2px solid var(--color-border);transition:color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;position:relative;overflow:hidden}@media(min-width:768px){.footer-social-icons__link{width:64px;height:64px}}.footer-social-icons__link:visited{color:var(--color-text-muted)}.footer-social-icons__link svg{width:32px;height:32px;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}@media(min-width:768px){.footer-social-icons__link svg{width:36px;height:36px}}.footer-social-icons__link svg path{fill:currentColor;fill-opacity:.9;transition:fill-opacity .3s ease}.footer-social-icons__link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-light) 0,transparent 100%);opacity:0;transition:opacity var(--transition-normal)}.footer-social-icons__link:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.footer-social-icons__link:hover:before{opacity:1}.footer-social-icons__link:hover svg{transform:scale(1.1)}.footer-social-icons__link:hover svg path{fill-opacity:1}.footer-social-icons__link:hover:visited{color:var(--color-primary)}.footer-social-icons__link:active{transform:translateY(-2px)}