:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--font-unbounded: "Unbounded", -apple-system, BlinkMacSystemFont, sans-serif;--ease-out-smooth: cubic-bezier(.33, 1, .68, 1);--ease-in-out-soft: cubic-bezier(.45, 0, .55, 1);--duration-fast: .2s;--duration-normal: .28s;--duration-slow: .4s;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .15);--shadow-card-hover: 0 8px 28px rgba(0, 0, 0, .2)}html{box-sizing:border-box;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}html,body{height:100%;min-height:100dvh;margin:0;overflow:hidden;-webkit-overflow-scrolling:touch;font-family:var(--font-unbounded);background:var(--tg-theme-bg-color, #1a1a2e);color:var(--tg-theme-text-color, #e8e8f0);word-wrap:break-word;overflow-wrap:break-word}#root{height:100%;min-height:0;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;max-height:calc(100dvh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));overflow:hidden;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.app-content,.tab-panel{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.tab-panel-scroll{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:10px 10px 16px}.tabs{display:flex;gap:2px;padding:6px 4px 0;border-bottom:1px solid var(--tg-theme-hint-color, rgba(255, 255, 255, .12));flex-shrink:0;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs button{flex:1 1 0;min-width:0;padding:6px 4px;border:none;background:transparent;color:var(--tg-theme-hint-color, #8a8a9a);font-family:var(--font-unbounded);font-size:11px;font-weight:500;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;white-space:nowrap;transition:color var(--duration-normal) var(--ease-out-smooth),background-color var(--duration-normal) var(--ease-out-smooth),transform var(--duration-fast) var(--ease-out-smooth)}.tabs button:hover{color:var(--tg-theme-text-color, #e8e8f0)}.tabs button:active{transform:scale(.98)}.tabs button.active{color:var(--tg-theme-button-text-color, #fff);background:var(--tg-theme-button-color, #3390ec)}@media (min-width: 400px){.tabs{padding:8px 6px 0;gap:4px}.tabs button{padding:8px 6px;font-size:12px}}.card{margin:0 0 10px;padding:12px 14px;background:var(--tg-theme-secondary-bg-color, rgba(42, 42, 62, .85));border-radius:var(--radius-lg);min-width:0;overflow-wrap:break-word;box-shadow:var(--shadow-card);transition:box-shadow var(--duration-normal) var(--ease-out-smooth),transform var(--duration-fast) var(--ease-out-smooth)}.card.card-fill{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card:active{transform:scale(.995)}@media (max-width: 360px){.card{margin:10px 8px;padding:12px 14px;border-radius:var(--radius-md)}}.card h3{margin:0 0 8px;font-size:15px;font-weight:600;word-break:break-word;letter-spacing:-.02em}.card h4{font-family:var(--font-unbounded);font-weight:500}.card p{margin:4px 0;font-size:13px;color:var(--tg-theme-hint-color, #a0a0b0);word-break:break-word;line-height:1.4}.btn{padding:10px 14px;border:none;border-radius:var(--radius-md);font-family:var(--font-unbounded);font-size:13px;font-weight:500;cursor:pointer;background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #fff);flex-shrink:0;transition:background-color var(--duration-normal) var(--ease-out-smooth),color var(--duration-normal) var(--ease-out-smooth),transform var(--duration-fast) var(--ease-out-smooth),box-shadow var(--duration-normal) var(--ease-out-smooth)}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn.danger{background:#c0392b}.btn.danger:hover{filter:brightness(1.08)}.btn.small{padding:6px 10px;font-size:11px;font-weight:500;border-radius:var(--radius-sm);transition:background-color var(--duration-normal) var(--ease-out-smooth),color var(--duration-normal) var(--ease-out-smooth),border-color var(--duration-normal) var(--ease-out-smooth),transform var(--duration-fast) var(--ease-out-smooth)}.btn.small:active{transform:scale(.96)}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:0;flex:1;align-content:start}.btn.slot-btn{width:100%;min-width:0;text-align:center;white-space:nowrap;transition:background-color var(--duration-normal) var(--ease-out-smooth),border-color var(--duration-normal) var(--ease-out-smooth),transform var(--duration-fast) var(--ease-out-smooth)}.btn.slot-btn:active:not(:disabled){transform:scale(.95)}.loading,.error{text-align:center;padding:20px 16px;font-family:var(--font-unbounded);color:var(--tg-theme-hint-color, #a0a0b0);word-break:break-word;font-size:13px}.error{color:#e74c3c}.app-content>*{animation:contentFadeIn var(--duration-normal) var(--ease-out-smooth)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-footer{padding:10px;flex-shrink:0;min-width:0;border-top:1px solid var(--tg-theme-hint-color, rgba(255, 255, 255, .12));transition:border-color var(--duration-normal) var(--ease-out-smooth)}.btn-close{width:100%;max-width:100%;font-weight:500}.card ul li{transition:background-color var(--duration-fast) var(--ease-out-smooth)}.chat-messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}