.spinner{display:inline-block;border:3px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spinner-rotate .8s linear infinite}.spinner--dark{border-color:#0003;border-top-color:currentColor}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0000000d;color:#333}.achievement-toast{position:fixed;bottom:100px;left:16px;right:16px;display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:16px;background:#1e1e1ef0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;z-index:10001;box-shadow:0 8px 32px #0006;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.achievement-toast--enter{animation:achievement-toast-in .4s ease forwards}.achievement-toast--exit{opacity:0;transform:translateY(20px)}@keyframes achievement-toast-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.achievement-toast-coin{width:48px;height:48px;flex-shrink:0;perspective:300px}.achievement-toast-coin-img{width:100%;height:100%;object-fit:contain;animation:achievement-coin-spin 1.2s ease-in-out infinite;transform-style:preserve-3d}@keyframes achievement-coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.achievement-toast-text{display:flex;flex-direction:column;gap:2px}.achievement-toast-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.achievement-toast-name{font-size:15px;font-weight:600}.welcome-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:welcome-overlay-in .3s ease;padding:24px}@keyframes welcome-overlay-in{0%{opacity:0}to{opacity:1}}.welcome-modal{position:relative;width:100%;max-width:400px;padding:40px 28px 32px;border-radius:24px;background:#282828f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;text-align:center;box-shadow:0 16px 48px #0006;animation:welcome-modal-in .35s ease}@keyframes welcome-modal-in{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-modal-close{position:absolute;top:14px;right:14px;border:none;background:transparent;color:#fff9;cursor:pointer;padding:4px;border-radius:50%;transition:color .2s}.welcome-modal-close:hover{color:#fff}.welcome-modal-content{display:flex;flex-direction:column;gap:16px}.welcome-modal-title{font-size:22px;font-weight:700;margin:0}.welcome-modal-text{font-size:14px;line-height:1.6;color:#ffffffd9;margin:0}.welcome-modal-text strong{color:#fff}:root{--lg-bg-color: rgba(60, 60, 60, .6);--lg-highlight: rgba(255, 255, 255, .75);--lg-text: #ffffff;--lg-red: #fb4268;--lg-grey: #444739}.glass-container{position:relative;display:flex;align-items:center;background:transparent;border-radius:2rem;overflow:hidden;flex:1 1 auto;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;color:var(--lg-text)}.glass-container--rounded{border-radius:3rem}.glass-container--large,.glass-container--medium{flex:1 1 auto}.glass-container--small{flex:0 1 auto}.glass-filter,.glass-overlay,.glass-specular{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.glass-filter{z-index:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);filter:url(#lensFilter) saturate(110%) brightness(1.1);will-change:filter,backdrop-filter;transform:translateZ(0)}.glass-overlay{z-index:1;background:var(--lg-bg-color)}.glass-specular{z-index:2;box-shadow:inset 1px 1px #fff3,inset 0 0 5px #ffffff1a}.glass-content{position:relative;z-index:3;display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:12px 16px;gap:16px;flex-wrap:nowrap}.glass-content--alone{justify-content:center}.glass-item{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;cursor:pointer;padding:.5rem;border-radius:2rem;position:relative;z-index:1;box-sizing:border-box;width:80px;flex-shrink:0;flex-grow:0}.glass-item svg{color:#fff;height:30px;margin-bottom:.1rem}.glass-item--active{color:#fff;width:80px}.glass-item--active svg{color:#ffffffe6}.glass-content__link{margin-bottom:-1px;margin-top:6px}.glass-content__link img{width:78px}.layout{height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.layout-background{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:0;will-change:transform;transform:translateZ(0)}.layout-content{flex:1;width:100%;min-height:0;overflow:hidden;position:relative;z-index:1}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:12px 16px;z-index:9999}.tab-link{text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.glass-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.glass-item--no-history{opacity:.5}.glass-item--no-history .tab-icon,.glass-item--no-history .tab-label{color:#8e8e93}.tab-link.disabled{pointer-events:none;cursor:not-allowed}.tab-icon{width:22px;height:22px;margin-bottom:.1rem;display:flex;align-items:center;justify-content:center;color:#fff}.tab-avatar-wrap{width:28px;height:28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff3;margin-bottom:.1rem}.tab-avatar{width:100%;height:100%;object-fit:cover}.tab-avatar-placeholder{color:#fffc}.tab-label{font-size:11px;font-weight:500;color:#fff}.tab-button.active .tab-label{color:#08c}.tab-active-indicator{position:absolute;top:12px;left:16px;width:80px;height:calc(100% - 24px);background:#00000040;border-radius:25px;z-index:0;transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.floating-textarea-field{position:relative}.floating-textarea{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:22px 12px 8px;color:#fff;background:#ffffff14;font-size:15px;transition:border-color .2s;resize:vertical;min-height:80px;font-family:inherit;line-height:1.4}.floating-textarea:focus{outline:none;border-color:#d4b896b3}.floating-textarea--error{border-color:#ff453a99}.floating-textarea--error:focus{border-color:#ff453acc}.floating-textarea-label--error{color:#ff453acc!important}.floating-textarea-field:has(.floating-textarea-counter) .floating-textarea{padding-right:50px}.floating-textarea-label{position:absolute;left:13px;top:22px;font-size:15px;color:#ffffff59;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:left center}.floating-textarea-label--active{top:10px;transform:translateY(0);font-size:11px;font-weight:500;letter-spacing:.2px;color:#ffffff8c}.floating-textarea-counter{position:absolute;right:12px;top:10px;font-size:11px;color:#ffffff59;pointer-events:none}.training-container{min-height:100%;background-color:#fff;position:relative;padding:64px 16px 16px}.training-container.has-background-image{background-color:transparent}.training-container.dark{background-color:#000}.training-container.pink-panther{background-color:#f59fe2}.training-container.blue-lagoon{background-color:#70b0cc}.training-container.forest{background-color:#2d5016}.training-background{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:0;will-change:transform;transform:translateZ(0)}.training-content{position:relative;z-index:1;max-width:520px;margin:0 auto}.center-empty-wrapper{display:flex;justify-content:center;align-items:center;min-height:60vh}.center-empty-wrapper .glass-container{border-radius:1rem!important}.training-content>.glass-container{border-radius:1rem!important;align-items:stretch!important}.training-content>.glass-container .glass-content{align-items:stretch!important;justify-content:flex-start!important;width:100%;padding:24px 20px}.title{font-size:20px;font-weight:700;margin-bottom:12px;color:#000}.title-centered{text-align:center;color:#fff}.primary-button{background-color:transparent;border-radius:12px;border:1px solid rgb(255,255,255);padding:12px 18px;color:#fff;font-weight:600;font-size:16px;cursor:pointer}.primary-button:hover{opacity:.85}.primary-button.disabled{opacity:.5;cursor:not-allowed}.training-container.light .primary-button.disabled,.training-container.light .line-title.disabled,.training-container.light .line-sub.disabled{opacity:.6;color:#666}.section-title{color:#fff;font-size:20px;font-weight:700}.badges-row{margin:12px 0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.badges-row::-webkit-scrollbar{display:none}.badges-scroll{display:flex;gap:8px}.badge{position:relative;background-color:#3c3c3cd9;border-radius:18px;padding:10px 16px;color:#fff;border:1px solid transparent;cursor:pointer;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0;max-width:180px;text-align:center;transition:transform .15s,box-shadow .15s}.badge-content{position:relative;z-index:1;display:inline;line-height:1.4}.badge:hover{transform:scale(1.03)}.badge:active{transform:scale(.97)}.badge.active{background-color:#d4b896;color:#2d2d2d}.badge--favorite.active{background:linear-gradient(135deg,#e5d4b8,#d4b896);color:#2d2d2d}.badge-star{font-size:12px;color:#d4b896;line-height:1;margin-right:6px}.badge--favorite.active .badge-star{color:#2d2d2d}.badge--favorite{border-color:#d4b89680;box-shadow:0 0 12px #d4b89633,inset 0 0 12px #d4b89614}.badge--favorite:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(135deg,#d4b89633,#e5d4b814,#d4b89633,#c9a8701f);background-size:300% 300%;animation:trainingFavoriteShimmer 4s ease infinite}.badge--favorite:not(.active):hover{box-shadow:0 0 16px #d4b89659,inset 0 0 14px #d4b8961a}.badge--favorite.active{border-color:#d4b89699;box-shadow:0 0 16px #d4b89659,inset 0 0 10px #d4b8961f}@keyframes trainingFavoriteShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pack-container{margin-top:12px}.pack-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.pack-title{flex:1;min-width:0;color:#fff;font-size:16px;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.pack-meta{flex-shrink:0;color:#8e8e93;font-size:12px}.pack-line{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;transition:opacity .35s ease}.pack-line.done{opacity:.6}.checkbox{width:22px;height:22px;border-radius:6px;border:2px solid #ffffff;display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.checkbox.checked{background-color:#d4b896;border-color:#d4b896}.checkmark{color:#fff;font-size:14px;font-weight:700;animation:checkmark-in .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes checkmark-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.pack-line-content{flex:1;min-width:0}.line-title{position:relative;display:block;color:#fff;font-size:15px;font-weight:500;transition:color .35s ease;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal}.line-title:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#8e8e93;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.4,0,.2,1);pointer-events:none}.line-title.disabled{color:#8e8e93}.line-title.disabled:after{transform:scaleX(1)}.line-sub{position:relative;display:block;color:#d0d0d0;font-size:13px;transition:color .35s ease;word-wrap:break-word;overflow-wrap:break-word}.line-sub:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#8e8e93;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.4,0,.2,1);pointer-events:none}.line-sub.disabled{color:#8e8e93}.line-sub.disabled:after{transform:scaleX(1)}.prev-row{display:flex;align-items:center;gap:4px;margin-top:2px}.prev-text{color:#8e8e93;font-size:12px}.footer-row{padding-top:10px;padding-bottom:8px;display:flex;justify-content:flex-end;flex-shrink:0}.timer-text{color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:visible}.finish-block{margin-top:12px;margin-bottom:16px;text-align:center;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.success-text{color:#fff;text-align:center}.finish-button{background-color:#d4b896;color:#2d2d2d;border-radius:12px;padding:12px 18px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:background-color .2s}.finish-button:hover{background-color:#c9a870}.finish-button:active{background-color:#b89660}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;padding:16px}.modal-content-wrapper{width:100%;max-width:520px;position:relative;pointer-events:auto}.edit-modal .glass-container,.edit-modal .glass-filter,.edit-modal .glass-overlay,.edit-modal .glass-specular{border-radius:1rem!important}.modal-title{color:#fff;font-size:18px;font-weight:600;text-align:center}.field-label{color:#fff;font-size:12px;margin-bottom:4px;display:block}.input{width:100%;border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:10px 12px;color:#fff;background-color:#3c3c433d;font-size:16px;margin-bottom:12px}.input::placeholder{color:#8e8e93}.modal-actions{display:flex;gap:12px;margin-top:8px}.modal-button{flex:1;padding:12px;border-radius:12px;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.modal-cancel-button{background-color:#3c3c435c}.modal-create-button{background-color:#d4b896;color:#2d2d2d}.edit-modal-reps-display{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.edit-modal-reps-label{color:#ffffffb3;font-size:14px}.edit-modal-reps-value{color:#fff;font-size:18px;font-weight:600}.edit-modal-sets-block{margin-bottom:12px}.edit-modal-sets-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.edit-modal-sets-counter{color:#8e8e93;font-size:12px}.edit-modal-sets-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.edit-modal-set-chip{position:relative;display:inline-flex;align-items:center}.edit-modal-set-input{width:40px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff14;color:#fff;font-size:15px;text-align:center;padding:0;-moz-appearance:textfield;transition:border-color .2s}.edit-modal-set-input::-webkit-outer-spin-button,.edit-modal-set-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-modal-set-input:focus{outline:none;border-color:#d4b896b3}.edit-modal-set-remove{position:absolute;right:-5px;top:-5px;width:16px;height:16px;border-radius:50%;background:#ff453a;color:#fff;border:1px solid rgba(255,255,255,.15);cursor:pointer;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;z-index:1;transition:transform .15s}.edit-modal-set-remove:hover{transform:scale(1.15)}.edit-modal-set-add{width:40px;height:36px;border-radius:8px;background:transparent;color:#ffffff80;border:1px dashed rgba(255,255,255,.2);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.edit-modal-set-add:hover{border-color:#d4b89699;color:#d4b896;background:#d4b8961a}.floating-field{position:relative}.floating-input{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:22px 12px 8px;color:#fff;background:#ffffff14;font-size:15px;transition:border-color .2s}.floating-input:focus{outline:none;border-color:#d4b896b3}.floating-input--error{border-color:#ff453a99}.floating-input--error:focus{border-color:#ff453acc}.floating-label--error{color:#ff453acc!important}.floating-field:has(.floating-counter) .floating-input{padding-right:50px}.floating-label{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:15px;color:#ffffff59;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:left center}.floating-label--active{top:10px;transform:translateY(0);font-size:11px;font-weight:500;letter-spacing:.2px;color:#ffffff8c}.floating-counter{position:absolute;right:12px;top:10px;font-size:11px;color:#ffffff59;pointer-events:none}.cpm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:10000;display:flex;justify-content:center;align-items:center;padding:16px}.cpm-wrapper{width:100%;max-width:440px;max-height:75vh;z-index:10001;pointer-events:auto;display:flex;flex-direction:column}.cpm-glass{border-radius:1rem!important;transition:all .3s ease;display:flex;flex-direction:column;align-items:stretch!important;overflow:hidden;max-height:100%}.cpm-content{flex-direction:column;align-items:stretch;padding:20px!important;gap:0!important;overflow:hidden;display:flex;flex:1;min-height:0}.cpm-title{color:#fff;font-size:18px;font-weight:700;text-align:center;margin-bottom:16px}.cpm-scroll{flex:1;overflow-y:auto;height:calc(88vh - 230px);-ms-overflow-style:none;scrollbar-width:none}.cpm-scroll::-webkit-scrollbar{display:none}.cpm-section{margin-bottom:16px}.cpm-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.cpm-label{color:#ffffffb3;font-size:12px;font-weight:500;letter-spacing:.2px}.cpm-counter{color:#ffffff59;font-size:11px}.cpm-input{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 12px;color:#fff;background:#ffffff14;font-size:15px;transition:border-color .2s}.cpm-input:focus{outline:none;border-color:#d4b896b3}.cpm-input::placeholder{color:#ffffff4d}.cpm-input--small{width:56px;height:36px;padding:0 8px;text-align:center}.cpm-reps-display{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:36px;padding:0 8px;color:#fff;font-size:15px;font-weight:500}.cpm-error{color:#ff453a;font-size:11px;margin-top:4px;display:block}.cpm-exercise{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;margin-bottom:12px}.cpm-sets-list{transition:all .25s ease}.cpm-set-chip{overflow:visible}.cpm-exercise-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.cpm-exercise-num{flex:1;min-width:0;color:#ffffff73;font-size:12px;font-weight:500;letter-spacing:.2px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.cpm-exercise-remove{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#ff3b3026;color:#ff453a;border:none;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.cpm-exercise-remove:hover{background:#ff3b304d}.cpm-reps-sets-row{display:flex;gap:16px;margin-top:12px;align-items:flex-start}.cpm-reps-block{flex-shrink:0}.cpm-reps-block .cpm-label{display:block;margin-bottom:6px}.cpm-sets-block{flex:1;min-width:0}.cpm-sets-list{display:flex;flex-wrap:wrap;gap:12.5px;align-items:center}.cpm-set-chip{position:relative;display:inline-flex;align-items:center}.cpm-set-input{width:40px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff14;color:#fff;font-size:15px;text-align:center;padding:0;-moz-appearance:textfield;transition:border-color .2s}.cpm-set-input::-webkit-outer-spin-button,.cpm-set-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cpm-set-input:focus{outline:none;border-color:#d4b896b3}.cpm-set-input::placeholder{color:#ffffff40}.cpm-set-remove{position:absolute;right:-5px;top:-5px;width:16px;height:16px;border-radius:50%;background:#ff453a;color:#fff;border:1px solid rgba(255,255,255,.15);cursor:pointer;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;z-index:1;transition:transform .15s}.cpm-set-remove:hover{transform:scale(1.15)}.cpm-set-add{width:40px;height:36px;border-radius:8px;background:transparent;color:#ffffff80;border:1px dashed rgba(255,255,255,.2);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.cpm-set-add:hover{border-color:#d4b89699;color:#d4b896;background:#d4b8961a}.cpm-set-add:active{transform:scale(.9);background:#d4b89626}.cpm-add-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cpm-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.15);color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.cpm-add-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.cpm-add-btn:active:not(.cpm-add-btn--disabled){transform:scale(.95);background:#ffffff24}.cpm-add-btn--disabled{opacity:.4;cursor:not-allowed}.cpm-actions{display:flex;gap:10px;margin-top:16px}.cpm-btn{flex:1;padding:12px;border-radius:10px;border:none;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.cpm-btn--cancel{background:#ffffff1a}.cpm-btn--cancel:hover{background:#ffffff26}.cpm-btn--submit{background:#d4b896;color:#2d2d2d}.cpm-btn--submit:hover:not(:disabled){background:#c9a870}.cpm-btn--disabled{opacity:.4;cursor:not-allowed}.cpm-input[type=number]::-webkit-outer-spin-button,.cpm-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cpm-input[type=number]{-moz-appearance:textfield}.pack-card-wrapper{width:100%;position:relative;cursor:pointer;padding:10px 10px 0}.pack-card-wrapper .glass-container{border-radius:1rem!important;overflow:visible!important;transition:transform .15s,box-shadow .15s,border-color .3s;border:1px solid transparent}.pack-card-wrapper:hover .glass-container{transform:scale(1.02);box-shadow:0 8px 16px #0000004d,0 0 24px #00000026}.pack-card-wrapper:active .glass-container{transform:scale(.98);box-shadow:0 4px 8px #0003}.pack-card-wrapper--favorite .glass-container{border-color:#d4b89680;box-shadow:0 0 18px #d4b89640,inset 0 0 20px #d4b8961f}.pack-card-wrapper--favorite .glass-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(135deg,#d4b89640,#e5d4b81a,#d4b89640,#c9a87026);background-size:300% 300%;animation:favoriteShimmer 4s ease infinite}@keyframes favoriteShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pack-card-wrapper--favorite:hover .glass-container{box-shadow:0 0 20px #d4b89640,0 8px 16px #00000040}.pack-star{position:absolute;top:-8px;left:-8px;width:28px;height:28px;display:flex;justify-content:center;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;z-index:10;padding:0;transition:transform .15s,background .15s,box-shadow .15s;font-size:14px;line-height:1;color:#ffffff80}.pack-star:hover{transform:scale(1.15);background:#ffffff26;color:#fffc}.pack-star:active{transform:scale(.9)}.pack-star--active{background:#d4b89699;border-color:#d4b89699;color:#2d2d2d;box-shadow:0 0 8px #d4b89666}.pack-star--active:hover{background:#d4b896cc;box-shadow:0 0 12px #d4b89680}.pack-delete{position:absolute;top:-8px;right:-8px;width:28px;height:28px;display:flex;justify-content:center;align-items:center;background:#ff453a8c;border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;z-index:10;padding:0;transition:transform .15s,background .15s;font-size:13px;font-weight:600;color:#fff;line-height:1}.pack-delete:hover{transform:scale(1.15);background:#ff453acc}.pack-delete:active{transform:scale(.9);background:#ff453af2}.pack-title{color:#fff;font-size:18px;font-weight:600;padding-right:24px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;min-width:0}.pack-line{padding-bottom:12px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08)}.pack-line--last{border-bottom:none;margin-bottom:0;padding-bottom:0}.pack-line-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.pack-line-text{color:#fff;font-size:16px;font-weight:500;margin-bottom:4px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal}.pack-line-sub{color:#fff;font-size:14px;margin-bottom:4px}.pack-line-date{color:#fff;font-size:12px;flex-shrink:0;margin-left:12px}.packs-container{min-height:100%;background-color:#fff;position:relative;padding:64px 16px 16px}.packs-container.has-background-image{background-color:transparent}.packs-container.dark{background-color:#000}.packs-container.pink-panther{background-color:#f59fe2}.packs-container.blue-lagoon{background-color:#70b0cc}.packs-container.forest{background-color:#2d5016}.packs-background{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:0;will-change:transform;transform:translateZ(0)}.packs-content{position:relative;z-index:1;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.packs-content>.glass-container{border-radius:1rem!important}.top-card-button{width:100%;background:transparent;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;transition:transform .15s,opacity .15s}.top-card-button:hover{transform:scale(1.05);opacity:.85}.top-card-button:active{transform:scale(.95);opacity:1}.plus-icon{color:#fff;width:32px;height:32px}.packs-filter{display:flex;gap:8px;width:100%;padding:0 10px}.packs-filter-btn{flex:1;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#28282880;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffa6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-shadow:0 1px 3px rgba(0,0,0,.4)}.packs-filter-btn:hover{background:#28282899;color:#ffffffd9}.packs-filter-btn:active{transform:scale(.97)}.packs-filter-btn--active,.packs-filter-btn--active:hover,.packs-filter-btn--active:focus{background:#d4b89640;border-color:#d4b89680;color:#e5d4b8}.packs-list{width:100%;display:flex;flex-direction:column;gap:16px}.packs-empty{text-align:center;color:#fff6;font-size:14px;padding:24px 0}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.floating-select{position:relative;width:100%;margin-bottom:16px}.floating-select-label{display:block;font-size:14px;color:#ffffffe6;margin-bottom:6px}.floating-select-button{position:relative;width:100%;padding:12px 36px 12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:15px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;transition:border-color .2s,background-color .2s}.floating-select-button:hover:not(:disabled){background:#ffffff1f;border-color:#d4b89666}.floating-select-button:disabled{opacity:.6;cursor:not-allowed}.floating-select-placeholder{color:#ffffff80}.floating-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;opacity:.8;transition:transform .2s ease;pointer-events:none}.floating-select-arrow--open{transform:translateY(-50%) rotate(180deg)}.floating-select-list{position:fixed;margin:0;padding:0;list-style:none;background-color:#3c3c3cfa;border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 20px #0006;overflow-y:auto;overflow-x:hidden;z-index:10001}.floating-select-item{width:100%;padding:12px 16px;border:none;background:transparent;color:#ffffffe6;font-size:15px;text-align:left;cursor:pointer;transition:background-color .15s ease}.floating-select-item:hover{background-color:#ffffff2e}.floating-select-item--active{background-color:#d4b89659;color:#fff}.floating-select-item--active:hover{background-color:#d4b89680}.collapsible-card{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0;overflow:visible}.collapsible-card.profile-card{align-items:stretch}.collapsible-card-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.collapsible-card-trigger .label{flex:1}.collapsible-card-chevron{color:#fffffff2;font-size:20px;font-weight:700;line-height:1;flex-shrink:0;transition:transform .25s ease}.collapsible-card-chevron--open{transform:rotate(90deg)}.collapsible-card-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.collapsible-card-body--open{grid-template-rows:1fr}.collapsible-card-content{overflow:hidden;width:100%;min-width:0}.avatar-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.avatar-crop-content{background:#3c3c3cf2;border-radius:16px;padding:24px;max-width:90vw;max-height:90vh;overflow:auto}.avatar-crop-content h3{color:#fff;margin:0 0 16px;font-size:16px}.avatar-crop-content .ReactCrop{max-height:60vh}.avatar-crop-actions{display:flex;gap:12px;margin-top:16px}.avatar-crop-actions .image-button{flex:1;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.5);background:#3c3c433d;color:#fff;cursor:pointer;font-size:14px}.avatar-circle{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff3}.avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-circle .avatar-placeholder{color:#fffc}.settings-container{min-height:100%;background-color:#fff;position:relative;padding:64px 16px 24px}.settings-container.has-background-image{background-color:transparent}.settings-container.dark{background-color:#000}.settings-container.pink-panther{background-color:#f59fe2}.settings-container.blue-lagoon{background-color:#70b0cc}.settings-container.forest{background-color:#2d5016}.settings-background{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:0;will-change:transform;transform:translateZ(0)}.settings-content{position:relative;z-index:1;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.label{color:#fff;font-size:14px;display:block}.image-buttons{display:flex;gap:12px;margin-top:12px}.image-button{flex:1;padding:14px;border-radius:10px;border:1px solid rgba(142,142,147,.3);background-color:#0003;color:#fff;font-size:14px;cursor:pointer}.image-button--loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.delete-button{border-color:#ff3b30;color:#ff3b30}.delete-button:hover:not(:disabled){background-color:#ff3b301a}.delete-button:disabled{opacity:.5;cursor:not-allowed}.theme-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.theme-row .label,.settings-view-row .label{margin-bottom:0;flex-shrink:0}.settings-unified-content{flex-direction:column;align-items:stretch;padding:24px;gap:12px}.settings-view-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-card{display:flex;align-items:center;border-radius:12px;background-color:#00000026;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:background-color .2s}.profile-card:hover{background-color:#00000040}.profile-card .label{margin-bottom:0;flex-shrink:0}.profile-card .theme-status{flex:1;text-align:right}.profile-card-achievements-list{display:flex;flex-direction:column;gap:10px;padding:0 12px 14px;width:100%;box-sizing:border-box}.profile-card-achievement{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;position:relative;z-index:1}.profile-card-achievement--unlocked{background:#ffffff26}.profile-card-achievement--locked{opacity:.4;filter:grayscale(.8)}.profile-card-achievement-icon{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;object-fit:contain}.profile-card-achievement--unlocked .profile-card-achievement-icon{filter:brightness(1.1) saturate(1.1);animation:achievement-shimmer 3s ease-in-out infinite}@keyframes achievement-shimmer{0%,to{filter:brightness(1.1) saturate(1.1)}50%{filter:brightness(1.35) saturate(1.2) drop-shadow(0 0 6px rgba(255,210,80,.5))}}.profile-card-achievement-info{display:flex;flex-direction:column;gap:3px}.profile-card-achievement-name{font-weight:700;font-size:15px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.profile-card-achievement-desc{font-size:13px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.profile-card-achievement-date{font-size:11px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-top:1px}.profile-card-feedback-form{display:flex;flex-direction:column;gap:12px;padding:0 12px 14px;width:100%;box-sizing:border-box}.profile-card-feedback-form .profile-edit-field{margin:0}.profile-save-success{color:#34c759!important}.profile-card-dropdown{padding:0 12px 12px;width:100%;box-sizing:border-box}.profile-card-dropdown-text{font-size:13px;color:#ffffffe6;animation:profile-dropdown-content .25s ease}.profile-card-dropdown-label{color:#ffffff80}@keyframes profile-dropdown-content{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-card-dropdown-text div{margin-bottom:12px}.profile-card-dropdown-text div:last-child{margin-bottom:0}.settings-edit-form{display:flex;flex-direction:column;gap:16px;margin-top:8px;width:100%}.settings-hint{font-size:12px;opacity:.8;margin-top:4px}.settings-bg-actions{display:flex;align-items:center;gap:12px}.settings-bg-status{flex:1;padding:14px 0;font-size:14px;color:#fff9;white-space:nowrap}.settings-bg-status--selected{color:#ffffffe6}.settings-bg-delete-btn{flex:0;padding:10px 16px;font-size:13px}.settings-avatar-block{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.settings-avatar-block--edit{align-items:stretch;width:calc(100% + 48px);margin:-24px -24px 12px;order:-1;transform-origin:center center;animation:avatar-expand .35s ease-out forwards}@keyframes avatar-expand{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.settings-avatar-edit-wide{display:flex;align-items:center;justify-content:center;width:100%;min-height:180px;padding:0;border:none;background:#0003;cursor:pointer;overflow:hidden;border-radius:1rem 1rem 0 0;position:relative;box-shadow:inset 0 0 40px 8px #0006}.settings-avatar-edit-wrap{position:relative;width:100%}.settings-avatar-edit-wide img{width:100%;height:auto;object-fit:contain;object-position:center;display:block}.settings-avatar-edit-wide .avatar-placeholder{color:#fff9}.settings-avatar-upload-btn{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:8px 16px;border:none;background:transparent;color:#ffffffe6;font-size:14px;cursor:pointer}.settings-avatar-delete-btn{position:absolute;bottom:12px;right:12px;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:#00000080;color:#ff3b30;cursor:pointer;display:flex;align-items:center;justify-content:center}.settings-avatar-delete-btn:hover{background:#000000b3}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.settings-modal{background:#3c3c3cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;padding:24px;max-width:320px;border:1px solid rgba(255,255,255,.2)}.settings-modal-text{color:#fff;font-size:16px;margin:0 0 20px}.settings-modal-actions{display:flex;gap:12px}.settings-modal-actions .image-button{flex:1}.settings-modal--email-confirm{max-width:360px}.settings-modal--email-confirm .settings-modal-actions{flex-wrap:wrap}.settings-modal--email-confirm .settings-modal-actions .image-button:first-child{flex:1 1 100%}.settings-avatar-hover-wrap{position:relative;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%;overflow:hidden;display:block}.settings-avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .25s ease;color:#fffffff2;border-radius:50%}.settings-avatar-edit-overlay svg{transform:scale(.7);opacity:0;transition:transform .25s ease,opacity .25s ease}.settings-avatar-hover-wrap:hover .settings-avatar-edit-overlay,.settings-avatar-hover-wrap:focus-visible .settings-avatar-edit-overlay{opacity:1}.settings-avatar-hover-wrap:hover .settings-avatar-edit-overlay svg,.settings-avatar-hover-wrap:focus-visible .settings-avatar-edit-overlay svg{transform:scale(1);opacity:1}.settings-avatar-name{color:#fff;font-size:16px;font-weight:600;margin-top:8px}.settings-avatar-email{color:#ffffffd9;font-size:13px;margin-top:2px}.settings-avatar-circle{width:96px;height:96px}.settings-avatar-edit-row{display:flex;align-items:center;gap:16px}.settings-avatar-edit .settings-avatar-preview{width:80px;height:80px;flex-shrink:0}.theme-status{color:#fff;font-size:14px;font-weight:500;opacity:1;flex-shrink:0;text-align:right}.theme-dropdown-wrapper{position:relative;flex:1;max-width:200px;z-index:10000;overflow:visible}.theme-dropdown-button{width:100%;padding:10px 36px 10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.5);background-color:#3c3c433d;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.theme-dropdown-button:hover{background-color:#3c3c435c}.theme-dropdown-arrow{font-size:10px;opacity:.8;margin-left:8px}.theme-dropdown-list{position:fixed;z-index:99999;background-color:#3c3c3cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.2);overflow:hidden;box-shadow:0 6px 20px #0006;min-width:200px}.theme-dropdown-item{width:100%;padding:12px;border:none;background-color:transparent;color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.theme-dropdown-item:last-child{border-bottom:none}.theme-dropdown-item:hover{background-color:#ffffff1a}.theme-dropdown-item.active{background-color:#0088cc4d;color:#fff}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-logout-btn{padding:8px;border:none;background:transparent;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ff3b30}.profile-logout-btn:hover{background-color:#ff3b3026}.settings-profile-card{position:relative;border-radius:1rem!important}.profile-logout-btn--corner{position:absolute;top:16px;right:16px;z-index:10}.profile-logout-btn--corner svg{color:#ffffffe6}.profile-edit-btn{padding:8px;border:none;background:transparent;color:#fffc;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.profile-edit-btn:hover{color:#fff;background-color:#ffffff26}.profile-edit-form{display:flex;flex-direction:column;gap:16px;margin-top:8px}.profile-edit-field{display:flex;flex-direction:column;gap:6px;width:100%}.profile-input-wrap{position:relative;width:100%}.profile-input-wrap--invalid .profile-input{border-color:#ff3b30}.profile-floating-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:14px;pointer-events:none;transition:top .2s ease,transform .2s ease,font-size .2s ease,color .2s ease}.profile-input-wrap:has(input:focus) .profile-floating-label,.profile-input-wrap:has(input:not(:placeholder-shown)) .profile-floating-label{top:8px;transform:none;font-size:11px;color:#ffffffb3}.profile-floating-label--textarea{top:16px;transform:none}.profile-input-wrap--textarea:has(textarea:focus) .profile-floating-label--textarea,.profile-input-wrap--textarea:has(textarea:not(:placeholder-shown)) .profile-floating-label--textarea{top:8px;font-size:11px;color:#ffffffb3}.profile-textarea{min-height:100px;padding-top:24px;resize:vertical;font-family:inherit;line-height:1.4}.profile-input-wrap--textarea .profile-textarea{padding-top:28px}.profile-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.5);background-color:#3c3c433d;color:#fff;font-size:14px;box-sizing:border-box}.profile-select-wrap{position:relative;width:100%}.profile-select-button{width:100%;padding:10px 36px 10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.5);background-color:#3c3c433d;color:#fff;font-size:14px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.profile-select-button:hover{background-color:#3c3c435c}.profile-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;opacity:.8;transition:transform .2s ease}.profile-select-arrow--open{transform:translateY(-50%) rotate(180deg)}.profile-select-list{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:0;list-style:none;background-color:#3c3c3cfa;border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 20px #0006;overflow:hidden;z-index:1000}.profile-select-list--fixed{position:fixed;z-index:10001}.profile-select-item{width:100%;padding:12px 16px;border:none;background:transparent;color:#ffffffe6;font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s ease}.profile-select-item:hover{background-color:#ffffff2e}.profile-select-item--active:hover{background-color:#0088cc80}.profile-select-item--active{background-color:#0088cc59;color:#fff}.profile-input-wrap .profile-input{padding-top:24px;min-height:48px}.profile-input-wrap:has(input:focus) .profile-input,.profile-input-wrap:has(input:not(:placeholder-shown)) .profile-input{padding-top:24px}.profile-input::placeholder{color:transparent}.profile-save-error{color:#ff6b6b;font-size:13px;margin:0}.profile-edit-actions{display:flex;gap:12px;margin-top:8px}.profile-edit-actions .image-button{flex:1}.profile-edit-actions .image-button:disabled{opacity:.5;cursor:not-allowed}.ai-container{min-height:100vh;height:100%;background-color:#fff;position:relative;padding:64px 16px 16px;overflow-y:auto;overflow-x:hidden}.ai-container.has-background-image{background-color:transparent}.ai-container.dark{background-color:#000}.ai-container.pink-panther{background-color:#f59fe2}.ai-container.blue-lagoon{background-color:#70b0cc}.ai-container.forest{background-color:#2d5016}.ai-background{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:0;will-change:transform;transform:translateZ(0)}.ai-content{position:relative;z-index:1;max-width:520px;margin:0 auto;text-align:center;padding-top:40vh}.ai-title{font-size:24px;font-weight:700;margin-bottom:12px;color:#000}.ai-title.dark{color:#fff}.ai-subtitle{font-size:16px;color:#8e8e93}.ai-subtitle.dark{color:#b0b0b0}.history-container{background-color:#fff;position:relative;padding:64px 16px 24px;overflow-x:hidden}.history-container.has-background-image{background-color:transparent}.history-container.dark{background-color:#000}.history-container.pink-panther{background-color:#f59fe2}.history-container.blue-lagoon{background-color:#70b0cc}.history-container.forest{background-color:#2d5016}.history-background{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:0;will-change:transform;transform:translateZ(0)}.history-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;z-index:1}.history-title{color:#fff;font-size:20px;font-weight:700;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.history-container.light .history-title{color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.5)}.history-container.has-background-image .history-title{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.3)}.history-clear-btn{background-color:transparent;border:1px solid rgba(255,255,255,.5);border-radius:8px;padding:6px 12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.3)}.history-container.light .history-clear-btn{border-color:#0000004d;color:#1a1a1a;text-shadow:none}.history-container.has-background-image .history-clear-btn{text-shadow:0 1px 3px rgba(0,0,0,.5)}.history-clear-btn:hover{background-color:#ffffff1a}.history-container.light .history-clear-btn:hover{background-color:#0000000f}.history-filter{display:flex;gap:8px;width:100%;max-width:520px;margin:0 auto 12px;position:relative;z-index:1}.history-filter-btn{flex:1;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#28282880;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffa6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-shadow:0 1px 3px rgba(0,0,0,.4)}.history-container.light .history-filter-btn{border-color:#00000026;background:#0000000a;color:#000c;text-shadow:none}.history-filter-btn:hover{background:#28282899;color:#ffffffd9}.history-container.light .history-filter-btn:hover{background:#00000014}.history-filter-btn:active{transform:scale(.97)}.history-filter-btn--active,.history-filter-btn--active:hover,.history-filter-btn--active:focus{background:#d4b89640;border-color:#d4b89680;color:#e5d4b8}.history-container.light .history-filter-btn--active,.history-container.light .history-filter-btn--active:hover,.history-container.light .history-filter-btn--active:focus{background:#d4b89633;border-color:#d4b89666;color:#8b7355}.history-empty{color:#8e8e93;position:relative;z-index:1}.history-list{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;position:relative;z-index:1}.history-card{background-color:#3c3c3cd9;border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.2)}.history-card--clickable{width:100%;text-align:left;cursor:pointer;font:inherit;transition:transform .15s,box-shadow .15s}.history-card--clickable:hover{transform:scale(1.01);box-shadow:0 4px 12px #0003}.history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.history-pack-name{flex:1;min-width:0;color:#fff;font-weight:600;font-size:16px;margin:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.history-date{flex-shrink:0;color:#8e8e93;font-size:12px}.history-line{color:#d0d0d0;margin-top:2px;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.analytics-container{padding:64px 12px 24px;min-height:100vh;box-sizing:border-box}.analytics-container.has-background-image{background-color:transparent}.analytics-container.dark{background-color:#000}.analytics-container.light{background-color:#fff}.analytics-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#323232e6;border:1px solid rgba(255,255,255,.25);border-radius:1rem;color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #0003;transition:background .2s,border-color .2s,transform .15s}.analytics-container.light .analytics-back{background:#fffffff2;border-color:#0000001f;color:#1a1a1a;text-shadow:none;box-shadow:0 1px 4px #00000014}.analytics-back:hover{background:#414141f2;border-color:#d4b89680}.analytics-container.light .analytics-back:hover{background:#fff;border-color:#0003}.analytics-back:active{transform:scale(.98)}.analytics-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 16px;text-shadow:0 1px 3px rgba(0,0,0,.5);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.analytics-container.light .analytics-title{color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.5)}.analytics-content{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%}.analytics-back{margin-bottom:0;align-self:flex-start}.analytics-latest{padding:20px!important;border-radius:1rem!important;overflow:hidden}.analytics-latest-content{flex-direction:column!important;gap:0!important;align-items:stretch!important}.analytics-latest-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.analytics-latest .analytics-title{margin:0 0 2px;font-size:20px;font-weight:600;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;min-width:0}.analytics-latest-subtitle{display:block;color:#ffffff80;font-size:12px;font-weight:500}.analytics-latest-info{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;margin-bottom:14px;background:#ffffff0d;border-radius:12px}.analytics-latest-date{color:#ffffffbf;font-size:13px}.analytics-latest-total{color:#d4b896;font-size:16px;font-weight:600}.analytics-latest-lines{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.analytics-latest-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:12px 14px;background:#ffffff0f;border-radius:10px;color:#ffffffe6;font-size:14px;line-height:1.4;min-width:0}.analytics-latest-line-name{font-weight:600;color:#fff;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.analytics-latest-line-sets{color:#ffffffb3}.analytics-latest-line-detail{color:#fff9;font-size:13px}.analytics-latest-line-comment{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);color:#fff9;font-size:12px;font-style:italic;word-wrap:break-word;overflow-wrap:break-word}.analytics-chart-wrap{padding:16px 8px!important;border-radius:1rem!important;overflow:hidden}.analytics-chart-content{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding-left:8px!important;padding-right:8px!important}.analytics-chart-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.analytics-chart-desc{color:#fff9;font-size:12px;margin:0 0 16px;word-wrap:break-word;overflow-wrap:break-word}.analytics-chart-filter{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:16px}.analytics-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#ffffffb3;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .2s,border-color .2s,background .2s;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;text-align:left}.analytics-filter-chip:hover{background:#ffffff1f;border-color:#ffffff59}.analytics-filter-chip.active{border-color:var(--chip-color, #5cb85c);background:#ffffff1f;color:#fffffff2}.analytics-filter-dot{width:10px;height:10px;border-radius:50%;background:var(--chip-color, rgba(255, 255, 255, .5));flex-shrink:0}.analytics-filter-chip:not(.active) .analytics-filter-dot{opacity:.4}.analytics-chart{height:380px;width:100%;min-width:0;min-height:280px}.analytics-chart-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.analytics-chart-legend-item{display:inline-flex;align-items:center;gap:6px;color:#ffffffd9;font-size:12px}.analytics-chart-legend-dot{width:10px;height:10px;border-radius:50%}.analytics-empty{color:#fff9;font-size:14px;text-align:center;padding:24px;margin:0}.auth-container{min-height:100vh;height:100%;position:relative;padding:64px 16px 16px;overflow-y:auto;display:flex;align-items:center;justify-content:center}.auth-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#667eea);background-size:400% 400%;animation:auth-bg-gradient 15s ease infinite}.auth-container.has-background-image .auth-video,.auth-container.has-background-image .auth-video-overlay{display:none}.auth-container.has-background-image:before,.auth-container.auth-with-video:not(.has-background-image):before{display:none}.auth-container.dark:before{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460,#1a1a2e,#16213e)}.auth-container.pink-panther:before{background:linear-gradient(135deg,#f59fe2,#ec4899,#f472b6,#fbbf24,#f59fe2)}.auth-container.blue-lagoon:before{background:linear-gradient(135deg,#70b0cc,#38bdf8,#22d3ee,#0ea5e9,#70b0cc)}.auth-container.forest:before{background:linear-gradient(135deg,#2d5016,#166534,#22c55e,#15803d,#2d5016)}@keyframes auth-bg-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-container.has-background-image{background-color:transparent}.auth-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.auth-video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:-1}.auth-container.dark,.auth-container.pink-panther,.auth-container.blue-lagoon,.auth-container.forest{background-color:transparent}.auth-content-wrapper{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center}.auth-content{position:relative;z-index:1;max-width:400px;width:100%;margin:0 auto}.auth-content--privacy{max-width:560px}.auth-form{flex-direction:column;align-items:stretch;padding:32px 24px!important;text-align:left}.auth-form--privacy{justify-content:flex-start;align-items:stretch}.register-avatar-row{display:flex;justify-content:center;margin-bottom:20px}.register-avatar-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0}.register-avatar-circle{width:80px;height:80px;position:relative}.register-avatar-remove{position:absolute;top:2px;right:2px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.register-avatar-label{font-size:12px;color:#fffc}.auth-title{font-size:24px;font-weight:600;color:#fff;margin-bottom:24px;text-align:center}.auth-label{display:block;font-size:14px;color:#ffffffe6;margin-bottom:6px}.auth-input,.auth-select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:#0003;color:#fff;font-size:16px;margin-bottom:16px}.auth-input::placeholder{color:#ffffff80}.auth-select{cursor:pointer}.auth-select option{background:#333;color:#fff}.auth-password-wrap{position:relative;margin-bottom:16px}.auth-password-wrap .auth-input{margin-bottom:0}.auth-input-with-toggle{padding-right:90px}.auth-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#d4b896;font-size:13px;cursor:pointer;padding:4px 8px}.auth-password-toggle:hover{color:#e5d4b8;text-decoration:underline}.auth-error{color:#ff6b6b;font-size:14px;margin-bottom:12px}.auth-error--prominent{background:#ff3c3c26;border:1px solid rgba(255,80,80,.4);border-radius:8px;padding:10px 14px;font-size:14px;font-weight:500;color:#ff6b6b;text-align:center;margin-bottom:12px}.auth-error-block{margin-bottom:8px}.auth-forgot-btn{display:inline-block;background:none;border:none;color:#d4b896;font-size:14px;font-weight:500;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px;margin-top:6px}.auth-forgot-btn:hover{color:#e5d4b8}.auth-forgot-success{text-align:center;color:#fffffff2;font-size:14px;line-height:1.6}.auth-forgot-success p{margin-bottom:16px}.auth-forgot-success-text{text-align:center;color:#ffffffd9;font-size:14px;line-height:1.6;margin-bottom:20px}.auth-input--error{border-color:#ff505099!important}.auth-field-error{color:#ff6b6b;font-size:12px;margin-top:-12px;margin-bottom:12px}.auth-button{width:100%;padding:14px;border-radius:10px;background:#d4b896;color:#2d2d2d;font-size:16px;font-weight:600;margin-top:8px;transition:background-color .2s}.auth-button--loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-button:hover:not(:disabled){background:#c9a870}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-button--secondary{background:#fff3;margin-top:8px}.auth-button--secondary:hover:not(:disabled){background:#ffffff4d}.auth-consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:14px;color:#ffffffe6;cursor:pointer}.auth-consent input{margin-top:3px;flex-shrink:0}.auth-consent-link{color:#d4b896;text-decoration:underline}.auth-consent-link:hover{color:#e5d4b8}.auth-link{margin-top:20px;text-align:center;font-size:14px;color:#ffffffe6}.auth-link a{color:#d4b896;font-weight:500}.auth-link a:hover{color:#e5d4b8;text-decoration:underline}.privacy-content{color:#fffffff2;font-size:14px;line-height:1.6;padding:16px 20px 24px;min-width:0;overflow-wrap:break-word;word-wrap:break-word}.privacy-content section{margin-bottom:24px;padding:8px 0}.privacy-content section:last-of-type{margin-bottom:0}.privacy-content h2{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px}.privacy-content p{margin:0 0 10px}.privacy-content ul{margin:8px 0;padding-left:20px}*{margin:0;padding:0;box-sizing:border-box;letter-spacing:.05em}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000}body:has(.light) .disabled,.light .disabled{opacity:.6!important;color:#666!important}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{height:100vh;width:100%;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}svg.glass-filter-svg{position:absolute;width:0;height:0;pointer-events:none}