.app{max-width:480px;margin:0 auto;padding:16px 16px 100px;display:flex;flex-direction:column;gap:20px}.header{text-align:center;padding:12px 0 4px}.header__title{font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#50a8eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__subtitle{margin-top:4px;font-size:.85rem;color:var(--tg-theme-hint-color)}.tabs{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0}.tabs::-webkit-scrollbar{display:none}.tabs__btn{flex:0 0 auto;padding:8px 16px;border:none;border-radius:20px;font-size:.82rem;font-weight:500;white-space:nowrap;cursor:pointer;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);transition:background .2s,color .2s,box-shadow .2s}.tabs__btn--active{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);box-shadow:0 2px 8px #50a8eb59}.inputs{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:.8rem;font-weight:600;color:var(--tg-theme-hint-color);text-transform:uppercase;letter-spacing:.04em}.field__input{width:100%;padding:14px 16px;border:1.5px solid var(--tg-theme-secondary-bg-color);border-radius:14px;font-size:1.1rem;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);outline:none;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield}.field__input::-webkit-inner-spin-button,.field__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field__input:focus{border-color:var(--tg-theme-button-color);box-shadow:0 0 0 3px #50a8eb26}.result-area{display:flex;justify-content:center;align-items:center;min-height:100px}.result{text-align:center;animation:resultPop .35s cubic-bezier(.34,1.56,.64,1)}.result--empty .result__placeholder{font-size:1rem;color:var(--tg-theme-hint-color)}.result__value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#50a8eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}@keyframes resultPop{0%{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.actions{display:flex;gap:10px;justify-content:center}.actions__btn{padding:10px 28px;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);transition:background .2s,transform .15s}.actions__btn:active{transform:scale(.96)}.actions__btn--share{background:linear-gradient(135deg,#6366f1,#50a8eb);color:#fff}.usage{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:var(--tg-theme-secondary-bg-color);font-size:.8rem}.usage__text{color:var(--tg-theme-hint-color)}.usage__upgrade{border:none;background:transparent;color:var(--tg-theme-link-color);font-weight:600;font-size:.8rem;cursor:pointer}.history{margin-top:4px}.history__title{font-size:.9rem;font-weight:700;margin-bottom:10px;color:var(--tg-theme-hint-color);text-transform:uppercase;letter-spacing:.04em}.history__list{list-style:none;display:flex;flex-direction:column;gap:8px}.history__item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:var(--tg-theme-secondary-bg-color);font-size:.82rem}.history__mode{flex:0 0 auto;padding:2px 8px;border-radius:6px;background:#6366f11f;color:#6366f1;font-weight:600;font-size:.72rem}.history__expr{flex:1;color:var(--tg-theme-hint-color)}.history__res{font-weight:700;color:var(--tg-theme-text-color)}.dev-toggle{text-align:center;margin-top:8px}.dev-toggle__btn{border:1px dashed var(--tg-theme-hint-color);background:transparent;color:var(--tg-theme-hint-color);padding:6px 16px;border-radius:8px;font-size:.72rem;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.modal{width:100%;max-width:340px;background:var(--tg-theme-bg-color);border-radius:20px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;gap:14px;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal__title{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#50a8eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal__text{font-size:.88rem;color:var(--tg-theme-hint-color);line-height:1.5}.modal__price{font-size:1.8rem;font-weight:800;color:var(--tg-theme-text-color)}.modal__btn{padding:14px;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#6366f1,#50a8eb);color:#fff;transition:transform .15s}.modal__btn:active{transform:scale(.97)}.modal__close{border:none;background:transparent;color:var(--tg-theme-hint-color);font-size:.85rem;cursor:pointer;padding:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2678b6;--tg-theme-button-color: #50a8eb;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f0f0f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-height:100vh;-webkit-font-smoothing:antialiased}