*{box-sizing:border-box;margin:0;padding:0}:root{--tg-theme-bg-color:#fff;--tg-theme-text-color:#000;--tg-theme-hint-color:#999;--tg-theme-link-color:#2481cc;--tg-theme-button-color:#2481cc;--tg-theme-button-text-color:#fff;--tg-theme-secondary-bg-color:#f0f0f0}html,body{background-color:var(--tg-theme-bg-color);width:100%;height:100%;color:var(--tg-theme-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex;position:relative}#progress-bar{background-color:var(--tg-theme-button-color);opacity:0;z-index:1000;width:0%;height:3px;transition:width .2s ease-out,opacity .3s ease-out;position:fixed;top:0;left:0}#ptr-indicator{background-color:var(--tg-theme-secondary-bg-color);opacity:0;z-index:999;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:-40px;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 2px 6px #00000026}#ptr-indicator .ptr-spinner{border:2px solid var(--tg-theme-hint-color);border-top-color:var(--tg-theme-button-color);border-radius:50%;width:18px;height:18px}#ptr-indicator.ready .ptr-spinner{animation:.8s linear infinite spin}#offline-banner{color:#fff;text-align:center;z-index:1001;background-color:#d9534f;padding:8px 16px;font-size:13px;transition:transform .3s ease-out;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}#offline-banner.visible{transform:translateY(0)}#loading{background-color:var(--tg-theme-bg-color);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}#loading .spinner{border:3px solid var(--tg-theme-hint-color);border-top-color:var(--tg-theme-button-color);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}#loading .text{color:var(--tg-theme-hint-color);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}#website-frame{border:none;flex:1;width:100%;height:100%}#error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;display:none}#error .icon{font-size:48px}#error .message{color:var(--tg-theme-text-color);font-size:16px}#error .hint{color:var(--tg-theme-hint-color);font-size:13px}#error button{background-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px}#settings-btn{color:#fff;cursor:pointer;z-index:998;-webkit-backdrop-filter:blur(8px);background-color:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;position:fixed;top:12px;right:12px}#settings-btn:active{transform:scale(.92)}#settings-backdrop{opacity:0;pointer-events:none;z-index:1002;background-color:#00000080;transition:opacity .25s;position:fixed;inset:0}#settings-backdrop.visible{opacity:1;pointer-events:auto}#settings-sheet{background-color:var(--tg-theme-bg-color);z-index:1003;border-top-left-radius:16px;border-top-right-radius:16px;padding:8px 0 24px;transition:transform .3s ease-out;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 24px #0003}#settings-sheet.visible{transform:translateY(0)}.sheet-handle{background-color:var(--tg-theme-hint-color);opacity:.5;border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.settings-item{color:var(--tg-theme-text-color);cursor:pointer;border-top:1px solid var(--tg-theme-secondary-bg-color);padding:14px 20px;font-size:15px}.settings-item:first-child{border-top:none}.settings-item:active{background-color:var(--tg-theme-secondary-bg-color)}