*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background-color:#f3f4f6;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bottom-nav-height:4rem;--ads-bar-height:3rem;--app-height:100%}.main{flex:1 1;overflow-y:auto}.main__content{max-width:800px;margin:0 auto}.main__content h1{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.main__content p{color:#666;margin-bottom:1.5rem}.settings__list{display:flex;flex-direction:column;gap:1rem}.settings__item{padding:1rem;background:#f8fafc;border-radius:.5rem}.settings__item h2{font-size:1rem;font-weight:500;margin-bottom:.5rem;color:#2c3e50}.settings__item p{font-size:.875rem;color:#64748b;margin:0}button{cursor:pointer;border:none;background:none;font-family:inherit}button:focus{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:rgba(107,114,128,.3);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.5)}.settings{max-width:768px;margin:0 auto;padding:24px 16px;min-height:calc(100vh - 64px);background-color:#fff}@media(min-width:640px){.settings{padding:32px 24px}}.settings__header{text-align:center;margin-bottom:32px;position:relative}.settings__header:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:2px}.settings__header h1{font-size:28px;font-weight:700;background:linear-gradient(90deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.settings__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.settings__loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spinner .8s linear infinite}.settings__loading p{color:#64748b;font-size:15px}.settings__profile{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin-bottom:32px;text-align:center;position:relative;overflow:hidden}.settings__profile:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(90deg,#2563eb,#3b82f6);opacity:.1}.settings__profile-info{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.settings__profile-image{object-fit:cover}.settings__profile-image,.settings__profile-initial{width:96px;height:96px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.settings__profile-initial{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:600}.settings__profile-text{text-align:center}.settings__profile-text h2{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:8px}.settings__profile-text p{font-size:15px;color:#64748b}.settings__menu{margin-bottom:32px}.settings__section{margin-bottom:24px}.settings__section h3{font-size:14px;font-weight:600;color:#64748b;margin-bottom:12px;padding:0 8px;text-transform:uppercase;letter-spacing:.05em}.settings__items{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.settings__item{width:100%;display:flex;align-items:center;padding:20px;border:none;background:none;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.settings__item:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background-color:#e2e8f0}.settings__item:last-child:after{display:none}.settings__item:hover{background-color:#f8fafc}.settings__item:hover .settings__item-icon{transform:scale(1.1);color:#2563eb}.settings__item:hover .settings__item-arrow{transform:translateX(4px);color:#2563eb}.settings__item:active{background-color:#f1f5f9}.settings__item--logout{color:#ef4444}.settings__item--logout .settings__item-icon{color:#ef4444;background-color:#fee2e2}.settings__item--logout:hover .settings__item-icon{color:#dc2626;background-color:#fecaca}.settings__item-icon{width:36px;height:36px;margin-right:16px;color:#64748b;flex-shrink:0;background-color:#f8fafc;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings__item-icon svg{width:20px;height:20px}.settings__item-content{flex:1 1;min-width:0}.settings__item-label{display:block;font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.settings__item-description{display:block;font-size:14px;color:#64748b}.settings__item-arrow{width:20px;height:20px;color:#94a3b8;margin-left:12px;flex-shrink:0;transition:all .2s ease}.settings__footer{text-align:center;padding:32px 0;color:#64748b}.settings__footer__version{font-size:14px;margin-bottom:12px;font-weight:500}.settings__footer__links{font-size:14px}.settings__footer__links a{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s ease}.settings__footer__links a:hover{color:#1d4ed8}.settings__footer__links span{margin:0 8px;color:#94a3b8}.settings__login{background:#fff;border-radius:24px;padding:40px 32px;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.settings__login-content{max-width:320px;margin:0 auto}.settings__login-content h2{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:12px}.settings__login-content p{font-size:16px;color:#64748b;line-height:1.6;margin-bottom:32px}.settings__button{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.settings__button--login{background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff}.settings__button--login:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(37,99,235,.2)}.settings__button--login:active{transform:translateY(0)}@keyframes spinner{to{transform:rotate(1turn)}}.premium-banner{background:linear-gradient(135deg,#4A90E2,#2E5C8F);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;color:#fff}.premium-banner .premium-content{display:flex;align-items:flex-start;margin-bottom:1.5rem}.premium-banner .premium-content .crown-icon{font-size:2rem;color:gold;margin-right:1rem}.premium-banner .premium-content .premium-info{flex:1 1}.premium-banner .premium-content .premium-info h2{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.premium-banner .premium-content .premium-info p{font-size:.875rem;opacity:.9}.premium-banner .premium-content .premium-price{text-align:right}.premium-banner .premium-content .premium-price .original-price{text-decoration:line-through;opacity:.7;font-size:.875rem}.premium-banner .premium-content .premium-price .discount-price{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;color:gold;font-size:.875rem;margin:.25rem 0}.premium-banner .premium-content .premium-price .discount-price svg{font-size:1rem}.premium-banner .premium-content .premium-price .final-price{font-size:1.125rem;font-weight:700}.premium-banner .premium-button{width:100%;padding:1rem;border:none;border-radius:.375rem;background-color:gold;color:#2c3e50;font-weight:700;cursor:pointer;transition:all .2s ease}.premium-banner .premium-button:hover{background-color:rgb(229.5,193.5,0)}.app-info{text-align:center;padding:2rem 0;color:#6b7280}.app-info .version{font-size:.875rem;margin-bottom:.5rem}.app-info .links{font-size:.875rem}.app-info .links a{color:#6b7280;text-decoration:none}.app-info .links a:hover{color:#2c3e50}.app-info .links .divider{margin:0 .5rem}