.language-switcher{position:relative;display:inline-block}.language-switcher__button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease;min-width:140px;justify-content:space-between}.language-switcher__button:hover{background:#f5f5f5;border-color:#999}.language-switcher__button:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.language-switcher__flag{font-size:20px;line-height:1}.language-switcher__label{flex:1;text-align:left}.language-switcher__arrow{font-size:10px;color:#666;transition:transform .2s ease}.language-switcher__dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:180px;max-height:300px;overflow-y:auto;margin-top:4px}.language-switcher__option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:#fff;color:#333;cursor:pointer;font-size:14px;text-align:left;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.language-switcher__option:last-child{border-bottom:none}.language-switcher__option:hover{background:#f5f5f5}.language-switcher__option.active{background:#e3f2fd;color:#1976d2;font-weight:600}.language-switcher__option.active:hover{background:#bbdefb}.language-switcher__option-label{flex:1}.language-switcher__dropdown::-webkit-scrollbar{width:6px}.language-switcher__dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.language-switcher__dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.language-switcher__dropdown::-webkit-scrollbar-thumb:hover{background:#555}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.login__container{width:100%;max-width:400px;background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 10px 40px var(--shadow)}.login__title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);text-align:center}.login__subtitle{margin:0 0 2rem;font-size:.95rem;color:var(--text-secondary);text-align:center}.login__form{display:flex;flex-direction:column;gap:1.5rem}.login__error{padding:.75rem 1rem;background:#fee;border:1px solid #fcc;color:#c33;border-radius:8px;font-size:.9rem}.login__field{display:flex;flex-direction:column;gap:.5rem}.login__label{font-size:.9rem;font-weight:600;color:#34495e}.login__input{width:100%;padding:.75rem 1rem;border:2px solid var(--input-border);border-radius:8px;font-size:1rem;color:var(--text-primary);background:var(--input-bg);transition:all .3s ease;font-family:inherit}.login__input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.login__button{padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login__button:hover:not(:disabled){background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.login__button:disabled{opacity:.6;cursor:not-allowed}.login__options{display:flex;align-items:center;justify-content:flex-start}.login__remember{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#34495e;-webkit-user-select:none;user-select:none}.login__remember input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3498db}.login__remember span{font-weight:500}.login__footer{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.login__footer p{margin:0;color:#7f8c8d;font-size:.9rem}.login__link{color:#3498db;text-decoration:none;font-weight:600;transition:color .3s ease}.login__link:hover{color:#2980b9;text-decoration:underline}.register{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.register__container{width:100%;max-width:500px;background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 10px 40px var(--shadow)}.register__title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);text-align:center}.register__subtitle{margin:0 0 1.5rem;font-size:.95rem;color:var(--text-secondary);text-align:center}.register__tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem;padding-bottom:0}.register__tab{flex:1;padding:.75rem 1rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:#7f8c8d;transition:all .3s ease;position:relative;margin-bottom:-2px}.register__tab:hover{color:#3498db;background:#3498db0d}.register__tab.active{color:#3498db;border-bottom-color:#3498db;font-weight:600}.register__tab:focus{outline:none}.register__form{display:flex;flex-direction:column;gap:1.25rem}.register__error{padding:.75rem 1rem;background:#fee;border:1px solid #fcc;color:#c33;border-radius:8px;font-size:.9rem}.register__row{display:grid;grid-template-columns:1fr;gap:1rem}.register__field{display:flex;flex-direction:column;gap:.5rem}.register__label{font-size:.9rem;font-weight:600;color:#34495e}.register__required{color:#e74c3c}.register__input,.register__select{width:100%;padding:.75rem 1rem;border:2px solid var(--input-border);border-radius:8px;font-size:1rem;color:var(--text-primary);background:var(--input-bg);transition:all .3s ease;font-family:inherit}.register__input:focus,.register__select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.register__help-text{font-size:.75rem;color:#7f8c8d;font-style:italic}.register__button{padding:.75rem 1.5rem;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.register__button:hover:not(:disabled){background:#229954;transform:translateY(-1px);box-shadow:0 4px 8px #27ae604d}.register__button:disabled{opacity:.6;cursor:not-allowed}.register__footer{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.register__footer p{margin:0;color:#7f8c8d;font-size:.9rem}.register__link{color:#3498db;text-decoration:none;font-weight:600;transition:color .3s ease}.register__link:hover{color:#2980b9;text-decoration:underline}.register__success-container{display:flex;align-items:center;justify-content:center;min-height:400px}.register__success{text-align:center;padding:2rem;width:100%}.register__success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#27ae60;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;font-weight:700;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.register__success-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 2rem;line-height:1.6}.register__success-actions{display:flex;justify-content:center;gap:1rem}.register__button--success{background:#27ae60;color:#fff;text-decoration:none;display:inline-block;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;transition:all .3s ease}.register__button--success:hover{background:#229954;transform:translateY(-1px);box-shadow:0 4px 8px #27ae604d}@media (min-width: 640px){.register__row{grid-template-columns:repeat(2,1fr)}}.social-media-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.social-media-modal__content{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.social-media-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.social-media-modal__header h3{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.social-media-modal__close{background:none;border:none;font-size:2rem;line-height:1;color:#7f8c8d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.social-media-modal__close:hover{background:#f0f0f0;color:#2c3e50}.social-media-modal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.social-media-modal__item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;border:2px solid #e0e0e0;border-radius:12px;text-decoration:none;color:#2c3e50;transition:all .3s ease;cursor:pointer;background:#fff}.social-media-modal__item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026;border-color:var(--platform-color);background:var(--platform-color);color:#fff}.social-media-modal__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:transform .3s ease}.social-media-modal__icon svg{width:100%;height:100%;fill:currentColor}.social-media-modal__item:hover .social-media-modal__icon{transform:scale(1.1)}.social-media-modal__name{font-size:.875rem;font-weight:500;text-align:center}.social-media-modal__empty{text-align:center;padding:40px 20px;color:#7f8c8d}.social-media-modal__empty p{margin:0;font-size:1rem}@media (max-width: 768px){.social-media-modal__content{padding:20px;max-width:90%}.social-media-modal__grid{grid-template-columns:repeat(2,1fr);gap:12px}.social-media-modal__item{padding:16px 12px}.social-media-modal__icon{width:40px;height:40px;margin-bottom:8px}.social-media-modal__name{font-size:.75rem}}.profile-header{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;overflow:hidden;margin-bottom:0}.profile-header__background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.9}.profile-header__content{position:relative;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1}.profile-header__avatar-wrapper{margin-bottom:1.5rem}.profile-header__avatar{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;border:4px solid white;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease;background:#fff}.profile-header__avatar:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}.profile-header__avatar--uploading{opacity:.7;cursor:wait}.profile-header__avatar-img{width:100%;height:100%;object-fit:cover}.profile-header__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2.5rem;font-weight:600}.profile-header__avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.profile-header__avatar:hover .profile-header__avatar-overlay{opacity:1}.profile-header__avatar-icon{font-size:1.5rem;margin-bottom:.25rem}.profile-header__avatar-text{font-size:.75rem;font-weight:500}.profile-header__avatar-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.profile-header__info{color:#fff}.profile-header__name{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#fff}.profile-header__username{margin:0 0 1rem;font-size:1rem;color:#ffffffe6;font-weight:400}.profile-header__meta{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;font-size:.9rem;color:#ffffffd9}.profile-header__role{background:#fff3;padding:.25rem .75rem;border-radius:20px;text-transform:capitalize;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-header__separator{color:#fff9}.profile-header__email{color:#ffffffe6}.profile-header__actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.profile-header__follow-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3498db,#2980b9,#1f6391);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;box-shadow:0 4px 12px #3498db4d}.profile-header__follow-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db,#2980b9);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.profile-header__follow-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3498db4d}.profile-header__follow-icon{font-size:1.1rem}.profile-header__logout-btn{margin-top:0;padding:.75rem 1.5rem;background:linear-gradient(135deg,#e74c3c,#c0392b,#a93226);color:#fff;border:none;border-radius:3px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 8px #e74c3c66,0 2px 4px #0003,inset 0 1px #fff3,inset 0 -1px #0000001a;transform:perspective(1000px) rotateX(0)}.profile-header__logout-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s;opacity:0}.profile-header__logout-btn:hover:before{opacity:1;animation:shine .8s ease-in-out}.profile-header__logout-btn:hover{background:linear-gradient(135deg,#c0392b,#e74c3c,#c0392b);transform:perspective(1000px) rotateX(-5deg) translateY(-3px) scale(1.02);box-shadow:0 8px 16px #e74c3c80,0 4px 8px #0000004d,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-header__logout-btn:active{transform:perspective(1000px) rotateX(0) translateY(0) scale(.98);box-shadow:0 2px 4px #e74c3c66,0 1px 2px #0003,inset 0 2px 4px #0003}.profile-header__success{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#27ae60;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px #27ae604d;z-index:10;animation:slideUp .3s ease;max-width:90%;text-align:center}.profile-header__error{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#e74c3c;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;z-index:10;box-shadow:0 4px 12px #0003}@media (min-width: 768px){.profile-header__content{flex-direction:row;text-align:left;padding:3rem 2.5rem}.profile-header__avatar-wrapper{margin-bottom:0;margin-right:2rem}.profile-header__avatar{width:140px;height:140px}.profile-header__name{font-size:2.25rem}.profile-header__username{font-size:1.1rem}.profile-header__actions{margin-top:1.5rem;justify-content:flex-start}.profile-header__logout-btn{margin-top:0;width:auto}}@media (max-width: 767px){.profile-header__follow-btn,.profile-header__logout-btn{padding:.6rem 1.2rem;font-size:.85rem}}@media (min-width: 1024px){.profile-header__content{padding:4rem 3rem}.profile-header__avatar{width:160px;height:160px;border-width:5px}.profile-header__name{font-size:2.5rem}}.profile-info{width:100%}.profile-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.profile-info__header h2{margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:600}.profile-info__edit-btn,.profile-info__save-btn,.profile-info__cancel-btn{padding:.55rem 1.2rem;border:none;border-radius:3px;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:perspective(1000px) rotateX(0)}.profile-info__edit-btn{background:linear-gradient(135deg,#3498db,#2980b9,#21618c);color:#fff;box-shadow:0 4px 8px #3498db66,0 2px 4px #0003,inset 0 1px #fff3,inset 0 -1px #0000001a}.profile-info__edit-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s;opacity:0}.profile-info__edit-btn:hover:before{opacity:1;animation:shine .8s ease-in-out}.profile-info__edit-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db,#2980b9);transform:perspective(1000px) rotateX(-5deg) translateY(-3px) scale(1.02);box-shadow:0 8px 16px #3498db80,0 4px 8px #0000004d,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-info__edit-btn:active{transform:perspective(1000px) rotateX(0) translateY(0) scale(.98);box-shadow:0 2px 4px #3498db66,0 1px 2px #0003,inset 0 2px 4px #0003}.profile-info__save-btn{background:linear-gradient(135deg,#27ae60,#229954,#1e8449);color:#fff;box-shadow:0 4px 8px #27ae6066,0 2px 4px #0003,inset 0 1px #fff3,inset 0 -1px #0000001a}.profile-info__save-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s;opacity:0}.profile-info__save-btn:hover:before{opacity:1;animation:shine .8s ease-in-out}.profile-info__save-btn:hover:not(:disabled){background:linear-gradient(135deg,#229954,#27ae60,#229954);transform:perspective(1000px) rotateX(-5deg) translateY(-3px) scale(1.02);box-shadow:0 8px 16px #27ae6080,0 4px 8px #0000004d,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-info__save-btn:active:not(:disabled){transform:perspective(1000px) rotateX(0) translateY(0) scale(.98);box-shadow:0 2px 4px #27ae6066,0 1px 2px #0003,inset 0 2px 4px #0003}.profile-info__save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.profile-info__cancel-btn{background:linear-gradient(135deg,#e0e0e0,#bdc3c7,#95a5a6);color:#2c3e50;margin-right:.75rem;box-shadow:0 4px 8px #0003,0 2px 4px #0000001a,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.profile-info__cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#bdc3c7,#e0e0e0,#bdc3c7);transform:perspective(1000px) rotateX(-5deg) translateY(-3px) scale(1.02);box-shadow:0 8px 16px #0000004d,0 4px 8px #0003,inset 0 1px #fff6,inset 0 -1px #0000001a}.profile-info__cancel-btn:active:not(:disabled){transform:perspective(1000px) rotateX(0) translateY(0) scale(.98);box-shadow:0 2px 4px #0003,0 1px 2px #0000001a,inset 0 2px 4px #0003}.profile-info__actions{display:flex;gap:.5rem}.profile-info__message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem}.profile-info__message--error{background:#fee;border:1px solid #fcc;color:#c33}.profile-info__message--success{background:#efe;border:1px solid #cfc;color:#3c3}.profile-info__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.profile-info__field{display:flex;flex-direction:column}.profile-info__field--full{grid-column:1 / -1}.profile-info__label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.profile-info__value{font-size:1rem;color:var(--text-primary);padding:.75rem;background:var(--bg-tertiary);border-radius:8px;min-height:2.5rem;display:flex;align-items:center}.profile-info__value--bio{white-space:pre-wrap;line-height:1.6;min-height:auto;padding:1rem}.profile-info__country{font-weight:600;color:var(--text-primary)}.profile-info__help-text{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-secondary);font-style:italic}.profile-info__empty{color:var(--text-tertiary);font-style:italic}.profile-info__input{width:100%;padding:.75rem 1rem;border:2px solid var(--input-border);border-radius:8px;font-size:1rem;color:var(--text-primary);background:var(--input-bg);transition:all .3s ease;font-family:inherit}.profile-info__input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.profile-info__input--textarea{resize:vertical;min-height:100px;line-height:1.6}@media (min-width: 640px){.profile-info__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.profile-info__header h2{font-size:1.75rem}.profile-info__grid{gap:2rem}}.guideline-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.guideline-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guideline-modal__content{position:relative;width:100%;max-width:700px;max-height:85vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;z-index:10001;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.guideline-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:linear-gradient(135deg,#f8f9fa,#fff);flex-shrink:0}.guideline-modal__title{margin:0;font-size:20px;font-weight:600;color:#1d2327;display:flex;align-items:center;gap:10px}.guideline-modal__icon{font-size:24px}.guideline-modal__close{width:36px;height:36px;border:none;background:#f0f0f1;font-size:24px;color:#646970;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;flex-shrink:0}.guideline-modal__close:hover{background:#e5e5e5;color:#1d2327;transform:rotate(90deg)}.guideline-modal__body{flex:1;overflow-y:auto;padding:24px;background:#fff}.guideline-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#646970}.guideline-modal__spinner{width:40px;height:40px;border:4px solid #f0f0f1;border-top-color:#2271b1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.guideline-modal__loading p{margin:0;font-size:14px}.guideline-modal__error{padding:24px;text-align:center;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828}.guideline-modal__error p{margin:0 0 16px;font-weight:500}.guideline-modal__retry-button{padding:8px 16px;background:#2271b1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.guideline-modal__retry-button:hover{background:#135e96}.guideline-modal__empty{padding:60px 20px;text-align:center;color:#646970}.guideline-modal__empty p{margin:0;font-size:14px}.guideline-modal__list{display:flex;flex-direction:column;gap:12px}.guideline-item{border:1px solid #dcdcde;border-radius:8px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.guideline-item:hover{box-shadow:0 4px 12px #00000014;border-color:#c3c4c7;transform:translateY(-2px)}.guideline-item__header{padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fafafa,#fff);transition:background .2s ease;-webkit-user-select:none;user-select:none}.guideline-item__header:hover{background:linear-gradient(135deg,#f5f5f5,#fafafa)}.guideline-item__title-wrapper{flex:1;min-width:0;padding-right:16px}.guideline-item__title{margin:0;font-size:15px;font-weight:600;color:#1d2327;line-height:1.5;display:flex;align-items:center;gap:8px}.guideline-item__title:before{content:"❓";font-size:18px;flex-shrink:0}.guideline-item__toggle{font-size:12px;color:#646970;-webkit-user-select:none;user-select:none;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease,background .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background:#f0f0f1;flex-shrink:0}.guideline-item__toggle:hover{background:#e5e5e5;color:#2271b1}.guideline-item[data-expanded=true] .guideline-item__toggle{transform:rotate(90deg);color:#2271b1;background:#e7f3ff}.guideline-item__content{padding:0 20px;background:#fff;border-top:1px solid #e5e5e5;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease;opacity:0}.guideline-item[data-expanded=true] .guideline-item__content{max-height:2000px;padding:20px;opacity:1}.guideline-item__answer{color:#2c3338;line-height:1.8;font-size:14px}.guideline-item__answer p{margin:0 0 12px}.guideline-item__answer p:last-child{margin-bottom:0}.guideline-item__answer:before{content:"💡";margin-right:8px;font-size:16px}@media (max-width: 768px){.guideline-modal{padding:10px}.guideline-modal__content{max-height:90vh;border-radius:8px}.guideline-modal__header{padding:16px 20px}.guideline-modal__title{font-size:18px}.guideline-modal__body{padding:20px}.guideline-item__header{padding:14px 16px}.guideline-item__title{font-size:14px}}.guideline-modal__body::-webkit-scrollbar{width:8px}.guideline-modal__body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.guideline-modal__body::-webkit-scrollbar-thumb{background:#c3c4c7;border-radius:4px}.guideline-modal__body::-webkit-scrollbar-thumb:hover{background:#8c8f94}.brand-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.brand-form__header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.brand-form__header h2{margin:0 0 .5rem;color:#333;font-size:1.5rem}.brand-form__subtitle{margin:0;color:#666;font-size:.9rem}.brand-form__form{display:flex;flex-direction:column;gap:1.5rem}.brand-form__field{display:flex;flex-direction:column;gap:.5rem}.brand-form__label{font-weight:600;color:#333;font-size:.95rem}.brand-form__label-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand-form__guideline-button{padding:.5rem 1rem;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap}.brand-form__guideline-button:hover{background:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.brand-form__guideline-button:active{transform:translateY(0)}.brand-form__required{color:#e74c3c}.brand-form__input,.brand-form__textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit;color:#333;background:#fff;transition:border-color .3s}.brand-form__input:focus,.brand-form__textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.brand-form__input--error{border-color:#e74c3c}.brand-form__textarea{resize:vertical;min-height:100px}.brand-form__error{color:#e74c3c;font-size:.85rem;margin-top:-.25rem}.brand-form__help{margin:0;color:#666;font-size:.85rem;font-style:italic}.brand-form__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.brand-form__button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.brand-form__button--cancel{background:#95a5a6;color:#fff}.brand-form__button--cancel:hover:not(:disabled){background:#7f8c8d}.brand-form__button--save{background:#3498db;color:#fff}.brand-form__button--save:hover:not(:disabled){background:#2980b9}.brand-form__button:disabled{opacity:.6;cursor:not-allowed}.store-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.store-form__header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.store-form__header h2{margin:0 0 .5rem;color:#333;font-size:1.5rem}.store-form__subtitle{margin:0;color:#666;font-size:.9rem}.store-form__form{display:flex;flex-direction:column;gap:1.5rem}.store-form__field{display:flex;flex-direction:column;gap:.5rem}.store-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.store-form__label{font-weight:600;color:#333;font-size:.95rem}.store-form__label-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.store-form__guideline-button{padding:.5rem 1rem;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap}.store-form__guideline-button:hover{background:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.store-form__guideline-button:active{transform:translateY(0)}.store-form__required{color:#e74c3c}.store-form__input,.store-form__textarea,.store-form__select{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit;color:#333;background:#fff;transition:border-color .3s}.store-form__input:focus,.store-form__textarea:focus,.store-form__select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.store-form__input--error{border-color:#e74c3c}.store-form__textarea{resize:vertical;min-height:100px}.store-form__error{color:#e74c3c;font-size:.85rem;margin-top:-.25rem}.store-form__help{margin:0;color:#666;font-size:.85rem;font-style:italic}.store-form__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.store-form__button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.store-form__button--cancel{background:#95a5a6;color:#fff}.store-form__button--cancel:hover:not(:disabled){background:#7f8c8d}.store-form__button--save{background:#3498db;color:#fff}.store-form__button--save:hover:not(:disabled){background:#2980b9}.store-form__button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.store-form__row{grid-template-columns:1fr}.store-form{padding:1rem}}.profile{width:100%;max-width:1200px;margin:0 auto;padding:0;background:var(--bg-secondary);min-height:100vh}.profile--loading,.profile--error{display:flex;justify-content:center;align-items:center;min-height:400px}.profile__loader{font-size:1.2rem;color:#7f8c8d}.profile__error{text-align:center;padding:2rem}.profile__error p{color:#e74c3c;margin-bottom:1rem}.profile__error button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 6px #3498db4d,0 2px 4px #0003,inset 0 1px #fff3;transform:perspective(1000px) rotateX(0)}.profile__success-message{margin:1rem 1.5rem;padding:1rem 1.5rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.75rem;animation:slideDown .3s ease}.profile__success-message:before{content:"✓";font-size:1.2rem;font-weight:700;color:#27ae60}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile__error button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);transition:all .5s;opacity:0}.profile__error button:hover:before{opacity:1;animation:shine .6s ease-in-out}.profile__error button:hover{transform:perspective(1000px) rotateX(-5deg) translateY(-2px);box-shadow:0 8px 12px #3498db66,0 4px 8px #0000004d,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#2980b9,#3498db)}.profile__error button:active{transform:perspective(1000px) rotateX(0) translateY(0);box-shadow:0 2px 4px #3498db4d,0 1px 2px #0003,inset 0 2px 4px #0003}@keyframes shine{0%{left:-50%}to{left:150%}}.profile:not(.profile--vendor) .profile__tabs{display:none!important}.profile__tabs{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:1rem;background:var(--card-bg);border-bottom:2px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;position:relative}.profile__tabs::-webkit-scrollbar{display:none}.profile__tab{display:flex!important;align-items:center;gap:.4rem;padding:.5rem .9rem;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);border:none;border-bottom:3px solid transparent;border-radius:3px 3px 0 0;cursor:pointer;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0;min-width:fit-content;font-weight:500;text-transform:uppercase;letter-spacing:.2px;box-shadow:0 2px 4px #0000000d;transform:perspective(1000px) rotateX(0)}.profile__tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3498db1a,#3498db0d);opacity:0;transition:opacity .3s ease;border-radius:3px 3px 0 0}.profile__tab:hover{color:#3498db;background:linear-gradient(135deg,#3498db26,#3498db14);transform:perspective(1000px) rotateX(-2deg) translateY(-2px);box-shadow:0 4px 8px #3498db33,0 2px 4px #0000001a}.profile__tab:hover:before{opacity:1}.profile__tab--active{color:#3498db;border-bottom-color:#3498db;font-weight:700;background:linear-gradient(135deg,#3498db33,#3498db1a);box-shadow:0 4px 8px #3498db4d,0 2px 4px #0000001a,inset 0 1px #fff3;transform:perspective(1000px) rotateX(0);text-shadow:0 1px 2px rgba(52,152,219,.3)}.profile__tab--active:before{opacity:1}.profile__tab-icon{font-size:.95rem}.profile__tab-label{display:inline}.profile__tab-badge{position:absolute;top:-6px;right:-6px;background:#e74c3c;color:#fff;border-radius:12px;padding:2px 6px;font-size:.7rem;font-weight:600;min-width:18px;text-align:center;line-height:1.2;box-shadow:0 2px 4px #0003}.profile__tab{position:relative}.profile__tab:last-child{display:flex!important;visibility:visible!important}.profile__tab[data-contests-tab]{display:flex!important;visibility:visible!important;flex-shrink:0}.profile__content{padding:1.5rem;background:var(--card-bg);min-height:400px;max-height:calc(100vh - 200px);overflow-y:auto}@media (max-width: 767px){.profile__content{padding-bottom:calc(1.5rem + 80px + env(safe-area-inset-bottom,0px))}.profile{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (min-width: 640px) and (max-width: 767px){.profile__tab-label{display:inline}.profile__content{padding:2rem;padding-bottom:calc(2rem + 80px + env(safe-area-inset-bottom,0px))}}@media (min-width: 768px){.profile{padding:0 1rem}.profile__tabs{padding:1.5rem 2rem;gap:1rem}.profile__tab{padding:1rem 1.5rem;font-size:1rem}.profile__content{padding:2.5rem;border-radius:0 0 12px 12px}}@media (min-width: 1024px){.profile__content{padding:3rem}}.profile__add-recipe{width:100%;height:100%;display:flex;flex-direction:column}.profile__add-recipe-intro{text-align:center;padding:3rem 1rem}.profile__add-recipe-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.profile__add-recipe-header h2{margin:0;font-size:1.5rem;color:#2c3e50;font-weight:700}.profile__guideline-button{padding:.4rem .8rem;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap;box-shadow:0 2px 4px #28a7454d}.profile__guideline-button:hover{background:#218838;box-shadow:0 4px 8px #28a74566}.profile__guideline-button:active{background:#1e7e34;transform:scale(.98)}.profile__add-recipe-intro h2{font-size:1.5rem;color:#2c3e50;margin-bottom:.75rem}.profile__add-recipe-intro p{font-size:.95rem;color:#7f8c8d;margin-bottom:1.5rem}.profile__add-recipe-btn{padding:.7rem 1.5rem;background:linear-gradient(135deg,#27ae60,#229954,#1e8449);color:#fff;border:none;border-radius:3px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 8px #27ae6066,0 2px 4px #0003,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;transform:perspective(1000px) rotateX(0)}.profile__add-recipe-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s;opacity:0}.profile__add-recipe-btn:hover:before{opacity:1;animation:shine .8s ease-in-out}.profile__add-recipe-btn:hover{background:linear-gradient(135deg,#229954,#27ae60,#229954);transform:perspective(1000px) rotateX(-8deg) translateY(-4px) scale(1.02);box-shadow:0 12px 24px #27ae6080,0 6px 12px #0000004d,inset 0 1px #fff6,inset 0 -1px #0000001a;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile__add-recipe-btn:active{transform:perspective(1000px) rotateX(0) translateY(0) scale(.98);box-shadow:0 3px 6px #27ae6066,0 1px 3px #0003,inset 0 2px 4px #0003}.profile__user-recipe-list{margin-top:3rem;padding-top:3rem;border-top:2px solid #e9ecef}.profile__recipe-form-wrapper{width:100%;max-width:900px;margin:2rem auto;padding:1rem;display:flex;flex-direction:column}.profile__recipe-form-wrapper .recipe-form--embedded{width:100%;max-width:100%;max-height:80vh;min-height:500px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0;border-radius:12px;margin:0;background:#fff}.profile__recipe-form-wrapper .recipe-form--embedded .recipe-form__header{position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #e0e0e0;padding:1.25rem 1.5rem;flex-shrink:0}.profile__recipe-form-wrapper .recipe-form--embedded .recipe-form__form{padding:1.5rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.profile__recipe-form-wrapper .recipe-form--embedded .recipe-form__form::-webkit-scrollbar{width:8px}.profile__recipe-form-wrapper .recipe-form--embedded .recipe-form__form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.profile__recipe-form-wrapper .recipe-form--embedded .recipe-form__form::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.profile__recipe-form-wrapper .recipe-form--embedded .recipe-form__form::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.profile__recipe-form-wrapper{padding:.5rem;margin:1rem auto}.profile__recipe-form-wrapper .recipe-form--embedded{max-height:85vh;min-height:400px}.profile__recipe-form-wrapper .recipe-form--embedded .recipe-form__header,.profile__recipe-form-wrapper .recipe-form--embedded .recipe-form__form{padding:1rem}}.profile__gamification{width:100%}.profile__gamification-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:1rem;background:#fff;border-bottom:2px solid #e9ecef;margin-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.profile__gamification-tabs::-webkit-scrollbar{display:none}.profile__gamification-tab{position:relative;padding:.75rem 1.5rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px 8px 0 0;cursor:pointer;font-size:.875rem;font-weight:500;color:#7f8c8d;white-space:nowrap;transition:all .2s;border-bottom:none;flex-shrink:0}.profile__gamification-tab:hover{background:#e9ecef;color:#2c3e50}.profile__gamification-tab--active{background:#fff;color:#667eea;border-color:#667eea;border-bottom-color:#fff;position:relative;z-index:1;font-weight:600}.profile__gamification-tab-badge{position:absolute;top:-6px;right:-6px;background:#e74c3c;color:#fff;border-radius:12px;padding:2px 6px;font-size:.7rem;font-weight:700;min-width:18px;text-align:center;line-height:1.2;box-shadow:0 2px 4px #0003;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile__gamification-content{width:100%}.profile__contests{width:100%;padding:1rem}.profile__contests .contests-page{padding:0;max-width:100%;margin:0}.profile__contests .contests-header{margin-bottom:20px}.profile__contests .contests-header h1{font-size:24px;margin-bottom:8px}.profile__contests .contests-description{font-size:14px}@media (max-width: 768px){.profile__tabs{padding:.75rem;gap:.4rem}.profile__tab{padding:.45rem .8rem;font-size:.75rem}.profile__tab-icon{font-size:.85rem}.profile__gamification-tabs{padding:.75rem;gap:.25rem}.profile__gamification-tab{padding:.5rem 1rem;font-size:.8rem}.profile__contests{padding:.75rem}.profile__contests .contests-header h1{font-size:20px}}.profile__vendor-form{width:100%;max-width:800px;margin:0 auto;padding:2rem}.profile__vendor-form-header{margin-bottom:2rem;text-align:center}.profile__vendor-form-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.profile__vendor-form-header p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.profile__vendor-status{margin-top:1rem;display:flex;justify-content:center}.profile__vendor-status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.profile__vendor-status-badge--pending{background:#fff3cd;color:#856404;border:1px solid #ffc107}.profile__vendor-status-badge--active{background:#d4edda;color:#155724;border:1px solid #28a745}@media (max-width: 768px){.profile__vendor-form{padding:1rem}.profile__vendor-form-header h2{font-size:1.5rem}}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:var(--card-bg);border-top:1px solid var(--border-color);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:99999;box-shadow:0 -2px 10px var(--shadow);min-height:60px;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;isolation:isolate;visibility:visible!important;opacity:1!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding:8px;scroll-padding-right:calc(1.5rem + env(safe-area-inset-right,0px));position:relative;will-change:scroll-position;padding-right:calc(1.5rem + env(safe-area-inset-right,0px));padding-left:calc(.5rem + env(safe-area-inset-left,0px))}.bottom-navigation::-webkit-scrollbar{display:none}.bottom-navigation__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:fit-content;flex-shrink:0;padding:4px 8px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;position:relative;scroll-snap-align:start;z-index:2;opacity:1!important;visibility:visible!important}.bottom-navigation__item:active{opacity:.7}.bottom-navigation__item--active{color:var(--text-primary)}.bottom-navigation__item--active .bottom-navigation__icon{transform:scale(1.1)}.bottom-navigation__icon{display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:4px;transition:transform .2s ease;position:relative;z-index:3;opacity:1!important}.bottom-navigation__emoji{font-size:24px;line-height:1}.bottom-navigation__icon-text{font-size:20px}.bottom-navigation__label{font-size:11px;font-weight:500;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:3;opacity:1!important}.bottom-navigation__item--active .bottom-navigation__label{color:var(--text-primary);font-weight:600}.bottom-navigation__badge{position:absolute;top:-4px;right:-4px;background-color:red;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.4;z-index:10;box-shadow:0 2px 4px #0003}@media (max-width: 767px){.bottom-navigation:before{content:"";position:absolute;top:0;left:0;width:30px;height:100%;background:linear-gradient(to right,var(--card-bg) 0%,color-mix(in srgb,var(--card-bg) 60%,transparent) 50%,transparent 100%);pointer-events:none;z-index:0;opacity:0;transition:opacity .3s ease}.bottom-navigation:after{content:"";position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(to left,var(--card-bg) 0%,color-mix(in srgb,var(--card-bg) 60%,transparent) 50%,transparent 100%);pointer-events:none;z-index:0;opacity:0;transition:opacity .3s ease}.bottom-navigation[data-scrollable=true]:not([data-scrolled-to-start=true]):before{opacity:1}.bottom-navigation[data-scrollable=true]:not([data-scrolled-to-end=true]):after{opacity:1}.bottom-navigation[data-scrollable=false]:before,.bottom-navigation[data-scrollable=false]:after{display:none}.bottom-navigation[data-scrolled-to-start=true]:before{opacity:0}.bottom-navigation[data-scrolled-to-end=true]:after{opacity:0}}@media (max-width: 767px){.bottom-navigation{padding-right:calc(1.5rem + env(safe-area-inset-right,0px));padding-left:calc(.5rem + env(safe-area-inset-left,0px))}.bottom-navigation__item:last-child{padding-right:calc(20px + env(safe-area-inset-right,0px));margin-right:calc(.5rem + env(safe-area-inset-right,0px));opacity:1!important;visibility:visible!important}}@media (max-width: 480px){.bottom-navigation{position:fixed!important;bottom:calc(0px + env(safe-area-inset-bottom,0px));justify-content:flex-start;gap:.5rem;padding-left:calc(.5rem + env(safe-area-inset-left,0px));padding-right:calc(1.5rem + env(safe-area-inset-right,0px))}.bottom-navigation__item{min-width:70px;flex:0 0 auto}.bottom-navigation__item:last-child{padding-right:calc(20px + env(safe-area-inset-right,0px));margin-right:calc(.5rem + env(safe-area-inset-right,0px));opacity:1!important;visibility:visible!important}.bottom-navigation__label{font-size:10px}.bottom-navigation__icon,.bottom-navigation__emoji{font-size:22px}}@supports (-webkit-touch-callout: none){.bottom-navigation{position:fixed;bottom:calc(0px + env(safe-area-inset-bottom,0px))}}.app{min-height:100vh;background:var(--bg-secondary);padding-bottom:80px}@media (max-width: 767px){.app{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #f8f9fa;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-tertiary: #95a5a6;--border-color: #e0e0e0;--border-color-light: #e9ecef;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15);--input-bg: #ffffff;--input-border: #e0e0e0;--card-bg: #ffffff;--hover-bg: #f8f9fa}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #404040;--border-color-light: #4a4a4a;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4);--input-bg: #2d2d2d;--input-border: #404040;--card-bg: #2d2d2d;--hover-bg: #3a3a3a}[data-theme=gold]{--bg-primary: #D3AF38;--bg-secondary: #e6c619;--bg-tertiary: #e6c619;--text-primary: #5C4A2A;--text-secondary: #8B6F47;--text-tertiary: #A68B5B;--border-color: #D3AF38;--border-color-light: #E5C97A;--shadow: rgba(211, 175, 56, .2);--shadow-hover: rgba(211, 175, 56, .3);--input-bg: #D3AF38;--input-border: #D3AF38;--card-bg: #D3AF38;--hover-bg: #e6c619}[data-theme=silver]{--bg-primary: #666666;--bg-secondary: #a0a0a0;--bg-tertiary: #a0a0a0;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #c0c0c0;--border-color: #666666;--border-color-light: #888888;--shadow: rgba(102, 102, 102, .2);--shadow-hover: rgba(102, 102, 102, .3);--input-bg: #666666;--input-border: #666666;--card-bg: #666666;--hover-bg: #a0a0a0}[data-theme=violet]{--bg-primary: #701870;--bg-secondary: #ae26ae;--bg-tertiary: #ae26ae;--text-primary: #ffffff;--text-secondary: #f0d0f0;--text-tertiary: #e0a0e0;--border-color: #701870;--border-color-light: #c050c0;--shadow: rgba(112, 24, 112, .2);--shadow-hover: rgba(112, 24, 112, .3);--input-bg: #701870;--input-border: #701870;--card-bg: #701870;--hover-bg: #ae26ae}[data-theme=midnight]{--bg-primary: #070a25;--bg-secondary: #0f1a4a;--bg-tertiary: #1a2a5a;--text-primary: #ffffff;--text-secondary: #b0c4de;--text-tertiary: #87ceeb;--border-color: #1a2a5a;--border-color-light: #2a3a6a;--shadow: rgba(7, 10, 37, .3);--shadow-hover: rgba(7, 10, 37, .4);--input-bg: #070a25;--input-border: #1a2a5a;--card-bg: #070a25;--hover-bg: #0f1a4a}[data-theme=grass]{--bg-primary: #4a7c59;--bg-secondary: #6b9c7a;--bg-tertiary: #7fb88f;--text-primary: #ffffff;--text-secondary: #e8f5e9;--text-tertiary: #c8e6c9;--border-color: #4a7c59;--border-color-light: #8bc34a;--shadow: rgba(74, 124, 89, .2);--shadow-hover: rgba(74, 124, 89, .3);--input-bg: #4a7c59;--input-border: #4a7c59;--card-bg: #4a7c59;--hover-bg: #6b9c7a}[data-theme=princess-pink]{--bg-primary: #ff084a;--bg-secondary: #ff3d6b;--bg-tertiary: #ff6b8c;--text-primary: #ffffff;--text-secondary: #ffe0e8;--text-tertiary: #ffc0d0;--border-color: #ff084a;--border-color-light: #ff6b8c;--shadow: rgba(255, 8, 74, .2);--shadow-hover: rgba(255, 8, 74, .3);--input-bg: #ff084a;--input-border: #ff084a;--card-bg: #ff084a;--hover-bg: #ff3d6b}[data-theme=orange]{--bg-primary: #ff5921;--bg-secondary: #ff7a4d;--bg-tertiary: #ff9b79;--text-primary: #ffffff;--text-secondary: #ffe8e0;--text-tertiary: #ffd0c0;--border-color: #ff5921;--border-color-light: #ff9b79;--shadow: rgba(255, 89, 33, .2);--shadow-hover: rgba(255, 89, 33, .3);--input-bg: #ff5921;--input-border: #ff5921;--card-bg: #ff5921;--hover-bg: #ff7a4d}[data-theme=blue]{--bg-primary: #3b5998;--bg-secondary: #5b7fb8;--bg-tertiary: #7ba5d8;--text-primary: #ffffff;--text-secondary: #e0e8f0;--text-tertiary: #c0d0e8;--border-color: #3b5998;--border-color-light: #7ba5d8;--shadow: rgba(59, 89, 152, .2);--shadow-hover: rgba(59, 89, 152, .3);--input-bg: #3b5998;--input-border: #3b5998;--card-bg: #3b5998;--hover-bg: #5b7fb8}[data-theme=soft-blue]{--bg-primary: #8b9dc3;--bg-secondary: #a8b8d8;--bg-tertiary: #c5d3ed;--text-primary: #ffffff;--text-secondary: #f0f4f8;--text-tertiary: #e0e8f0;--border-color: #8b9dc3;--border-color-light: #c5d3ed;--shadow: rgba(139, 157, 195, .2);--shadow-hover: rgba(139, 157, 195, .3);--input-bg: #8b9dc3;--input-border: #8b9dc3;--card-bg: #8b9dc3;--hover-bg: #a8b8d8}[data-theme=purple]{--bg-primary: #800080;--bg-secondary: #a040a0;--bg-tertiary: #c060c0;--text-primary: #ffffff;--text-secondary: #f0d0f0;--text-tertiary: #e0a0e0;--border-color: #800080;--border-color-light: #c060c0;--shadow: rgba(128, 0, 128, .2);--shadow-hover: rgba(128, 0, 128, .3);--input-bg: #800080;--input-border: #800080;--card-bg: #800080;--hover-bg: #a040a0}[data-theme=pomegranate-flower]{--bg-primary: #ff0000;--bg-secondary: #ff3333;--bg-tertiary: #ff6666;--text-primary: #ffffff;--text-secondary: #ffe0e0;--text-tertiary: #ffc0c0;--border-color: #ff0000;--border-color-light: #ff6666;--shadow: rgba(255, 0, 0, .2);--shadow-hover: rgba(255, 0, 0, .3);--input-bg: #ff0000;--input-border: #ff0000;--card-bg: #ff0000;--hover-bg: #ff3333}html{overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden;position:relative;min-height:100vh;min-height:-webkit-fill-available}@media (max-width: 767px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}