:root{--dialog-surface:#10192da6;--dialog-border:#c5bdd92e;--dialog-radius:24px;--dialog-duration:.18s}.app-dialog{color:#ece8f5;border:1px solid var(--dialog-border);border-radius:var(--dialog-radius);background:var(--dialog-surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overscroll-behavior:contain;scrollbar-width:thin;opacity:0;width:min(440px,100vw - 28px);max-height:calc(100dvh - 32px);transition:opacity var(--dialog-duration) ease,transform var(--dialog-duration) ease;padding:22px;overflow-y:auto;transform:translateY(8px)scale(.99);box-shadow:0 18px 65px #0005}.app-dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity var(--dialog-duration) ease;background:#03071373}.app-dialog[data-state=open]{opacity:1;transform:none}.app-dialog[data-state=open]::backdrop{opacity:1}.app-dialog[data-state=closing]{opacity:0;transform:translateY(5px)}.app-dialog__header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.app-dialog__header h2{margin:0;font-size:1.25rem;font-weight:600}.app-icon-button{color:#d3c8e3;background:#b4a6cd0d;border:1px solid #c5bdd92b;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.app-icon-button svg{width:20px;height:20px}.app-secondary-button,.app-primary-button{color:#e3dcec;font:inherit;background:#b4a6cd0d;border:1px solid #c5bdd930;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:.9rem;display:inline-flex}.app-primary-button{background:#ad95da30;border-color:#c1a6e35c}.app-secondary-button svg,.app-primary-button svg{width:18px;height:18px}.app-dialog button:hover:not(:disabled){filter:brightness(1.15)}.app-dialog button:disabled{opacity:.45;cursor:default}.app-dialog button:focus-visible{outline-offset:3px;outline:2px solid #c5b2e2}.app-dialog__actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.avatar-editor__drop{text-align:center;border:1px dashed #0000;border-radius:18px;transition:border-color .16s,background .16s}.avatar-editor__drop.is-dragging{background:#b4a6cd0d;border-color:#c0a5ec88}.avatar-editor__preview{place-items:start center;min-height:398px;padding-top:10px;display:grid}.avatar-editor__preview>img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:min(100%,280px)}.avatar-editor__error{color:#edb7c7;font-size:.85rem}.avatar-editor-dialog .avatar-cropper canvas{opacity:0;width:min(100%,280px);transition:opacity .18s}.avatar-editor-dialog .avatar-cropper canvas[data-ready=true]{opacity:1}.avatar-editor-dialog .avatar-cropper__tools{gap:10px;display:flex}.avatar-editor-dialog .avatar-cropper__tools button{background:#b4a6cd0d;border:1px solid #c5bdd92b;border-radius:14px;align-items:center;gap:7px;min-height:38px;padding:6px 12px;display:inline-flex}.avatar-cropper__tools svg{width:17px;height:17px}@media (prefers-reduced-motion:reduce){.app-dialog,.app-dialog::backdrop,.avatar-editor-dialog .avatar-cropper canvas{transition:none}}.avatar-editor__file-actions,.avatar-editor__save-actions{align-items:center;gap:10px;display:flex}.avatar-editor-dialog .app-dialog__actions{flex-wrap:wrap;justify-content:space-between;gap:14px}.avatar-editor-dialog .avatar-cropper__tools{gap:12px;margin:16px 0 8px}.avatar-editor-dialog .avatar-cropper__zoom{margin-top:12px}.avatar-editor-dialog .avatar-editor__preview{height:auto;min-height:420px;margin-bottom:12px}.avatar-editor-dialog .avatar-editor__preview>img{aspect-ratio:1;width:min(100%,300px);height:auto;margin:0 auto;display:block}.avatar-editor-dialog .avatar-cropper canvas{aspect-ratio:1;width:min(100%,300px);height:auto}@media (max-width:360px){.avatar-editor-dialog{padding:16px}.avatar-editor__save-actions{gap:7px}.avatar-editor__save-actions button{padding:9px 12px}.avatar-editor__file-actions{gap:7px}}
.profile-page{padding-top:100px}.profile-page__header{display:none}.profile-page__content{padding-top:0}.profile-overview__surface,.profile-settings__surface,.profile-email-change__surface,.public-profile__surface{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(125deg,#718fca0c,#7963a307),#0d16231a;border-color:#a9b9e432;box-shadow:0 0 35px #6881cb09,inset 0 1px #c0c9ff07}.profile-overview__surface:before{opacity:.12}.profile-composition.is-overview .profile-page{min-height:0;padding-top:clamp(90px,10vh,110px);padding-bottom:0}.profile-composition.is-overview .profile-page__content,.profile-composition.is-overview .profile-page__shell{flex:none}.profile-composition.is-overview{min-height:100dvh;padding-bottom:16px;overflow-x:clip}.profile-galaxy{isolation:isolate;width:min(1000px,100% - 28px);height:clamp(220px,35dvh,310px);margin:-6px auto 0;position:relative}.profile-galaxy canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.profile-galaxy a,.profile-galaxy button{color:#e8e5fb;min-height:48px;font:inherit;text-shadow:0 1px 10px #030817;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:clamp(15px,1.5vw,19px);text-decoration:none;transition:color .16s,text-shadow .16s,filter .16s;display:inline-flex;position:absolute}.profile-galaxy svg{filter:drop-shadow(0 0 6px #b4a3f955);flex:none;width:26px;height:26px}.profile-galaxy__favorite{cursor:default;top:20%;left:24%}.profile-galaxy__topics{top:57%;left:60%}.profile-galaxy a:hover,.profile-galaxy button:hover{color:#fff;text-shadow:0 0 15px #ab9bff;filter:drop-shadow(0 0 7px #ab9bff88);background:0 0}.profile-galaxy a:focus-visible,.profile-galaxy button:focus-visible{outline-offset:3px;outline:2px solid #bbb0ec}.profile-avatar-edit__hint{background:#060b206b;border-radius:50%;height:auto;inset:0}.profile-avatar-edit__hint svg{filter:drop-shadow(0 1px 5px #0008);width:32px;height:32px}.profile-settings__menu{box-shadow:none;background:0 0;border:0}.profile-settings__menu-button{background:#b5a2df05}.profile-settings__menu-button.is-active{background:#b5a2df14}.profile-password-dialog__toggle{place-items:center;min-width:40px;padding:0;display:grid}[data-password-toggle] svg{width:21px;height:21px}.public-profile-page [data-public-profile-menu-trigger],[data-public-profile-menu-trigger],.public-profile__more-button{aspect-ratio:1;place-items:center;padding:0;display:grid;border-radius:50%!important}.messenger-launcher{color:#d6d9ff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#121b3466;border:1px solid #b2bbf0a6;box-shadow:0 0 25px #8590d21c}.messenger-launcher:hover{background:#26305077;box-shadow:0 0 28px #8590d22d}.messenger-launcher>svg{width:28px;height:28px}.home-explore{gap:20px}@media (max-width:700px){.profile-composition.is-overview .profile-page{padding-top:82px}.profile-galaxy{max-width:360px;height:250px;margin-top:-2px}.profile-galaxy__favorite{top:22%;left:13%}.profile-galaxy__topics{top:60%;left:48%}.profile-galaxy a,.profile-galaxy button{gap:8px;padding:10px}.profile-galaxy svg{width:23px;height:23px}.profile-settings__menu{background:0 0;border:0;flex-wrap:nowrap;justify-content:center;gap:6px;padding:0;display:flex}.profile-settings__menu-button{border-radius:14px;flex:1;min-width:0;padding:10px 8px;font-size:.86rem}}@media (hover:none){.profile-avatar-edit__hint{display:none}}@media (prefers-reduced-motion:reduce){.profile-galaxy a,.profile-galaxy button{transition:none}}.profile-social-actions .social-menu>button{border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.social-confirm-dialog.app-dialog{margin:auto;inset:0;box-shadow:0 18px 65px #0005}.profile-settings__back-button.btn,.profile-email-change__back-button.btn{color:#d5dafa;background:#b5a2df0a;border-color:#aeb8e348}.profile-settings__save-button.btn{color:#e8e7fa;background:#b5a2df20;border:1px solid #bdabe34d}.profile-settings__save-button.btn:hover{background:#b5a2df30}.profile-overview__header{padding:26px 34px}.profile-overview__avatar{flex-basis:132px;width:132px;height:132px}.profile-overview__avatar-image{box-shadow:0 0 24px #786cd21c}.profile-overview__surface{border-color:#b1c4fb66;box-shadow:inset 0 1px 12px #88a2f00b,0 0 28px #5774d20c}.profile-settings__surface,.profile-email-change__surface{border-color:#b1c4fb42}.profile-password-dialog__surface,.profile-logout-dialog__surface{background:linear-gradient(135deg,#7e91be14,#70668f0a),#0c17294d;border-color:#b7c8f74d;box-shadow:inset 0 1px #d8e2ff0b,0 18px 60px #0003}.app-dialog--profile{--dialog-surface:#0c172957;--dialog-border:#b7c8f742;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-dialog--profile::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0307134d}.password-field__toggle,.profile-password-dialog__toggle,.password-field__toggle:hover,.profile-password-dialog__toggle:hover{color:#c4cceb;place-items:center;padding:0;display:grid;box-shadow:none!important;background:0 0!important;border:0!important}.password-field__toggle svg,.profile-password-dialog__toggle svg{width:21px;height:21px}.password-field__toggle:focus-visible,.profile-password-dialog__toggle:focus-visible{outline-offset:2px;outline:2px solid #b5a8ee}.messenger-launcher{padding:0;line-height:0}.messenger-launcher>svg{margin:auto;display:block;transform:translateY(-1px)}@media (max-width:700px){.profile-overview__header{padding:22px 18px}.profile-overview__avatar{flex-basis:112px;width:112px;height:112px}.profile-overview__identity{gap:12px}}@media (min-width:701px) and (max-height:700px){.profile-composition.is-overview .profile-page{padding-top:80px}.profile-overview__header{padding-block:20px}.profile-overview__avatar{flex-basis:112px;width:112px;height:112px}.profile-galaxy{height:220px}}.profile-settings__field-card{box-shadow:none;background:#9eafea05;border-color:#b7c8f717}.password-field__toggle{width:36px;min-width:36px;right:8px}.password-field__input{padding-right:48px}.recovery-card .password-field{display:block}.recovery-card .password-field__input{padding-right:48px}@media (max-width:700px) and (max-height:700px){.profile-composition.is-overview .profile-page{padding-top:76px}.profile-overview__header{padding:16px}.profile-overview__avatar{flex-basis:84px;width:84px;height:84px}.profile-overview__username{font-size:1.55rem}.profile-overview__bio{max-height:48px;margin-top:8px}.profile-galaxy{height:180px}.profile-galaxy a,.profile-galaxy button{font-size:14px}}.profile-logout-dialog__actions{flex-direction:row;gap:10px}.profile-logout-dialog__actions .btn{color:#e2e7ff;background:#b9c8f509;border:1px solid #b9c8f539;border-radius:14px;flex:1;min-height:44px}.profile-logout-dialog__actions .btn-danger{color:#f3c6d2;background:#c56a821a;border-color:#eaa1b54d}.profile-logout-dialog__actions .btn-danger:hover{background:#c56a8230}.profile-email-change__header{text-align:left;flex-direction:row;align-items:center}.profile-email-change__title{font-size:clamp(1.5rem,3vw,2rem)}.profile-email-change__card{box-shadow:none;background:0 0;border:0;padding:12px 0 0}.profile-email-change__card-title{display:none}.profile-email-change__text{text-align:left}.profile-email-change__send-code-button.btn,.profile-email-change__primary-button.btn{color:#e8e7fa;background:#b5a2df20;border:1px solid #bdabe34d}