*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;background-color:#f8f5ee;font-family:Kanit,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{margin:0;padding:0;height:100%;padding-top:env(safe-area-inset-top)}.app-container.svelte-12qhfyh{width:100%;min-height:100dvh;background-color:#f8f5ee;display:flex;flex-direction:column;position:relative}.content.svelte-12qhfyh{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.content.svelte-12qhfyh::-webkit-scrollbar{display:none}.install-banner.svelte-12qhfyh{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:0 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));animation:svelte-12qhfyh-slideUp .35s cubic-bezier(.16,1,.3,1)}.install-banner.dismissing.svelte-12qhfyh{animation:svelte-12qhfyh-slideDown .3s cubic-bezier(.55,0,1,.45) forwards}.install-banner-content.svelte-12qhfyh{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#3c372deb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 8px 32px #0000002e;max-width:480px;margin:0 auto}.install-banner-icon.svelte-12qhfyh{font-size:28px;flex-shrink:0}.install-banner-text.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.install-banner-text.svelte-12qhfyh strong:where(.svelte-12qhfyh){color:#fff;font-size:15px;font-weight:600;line-height:1.2}.install-banner-text.svelte-12qhfyh span:where(.svelte-12qhfyh){color:#ffffffa6;font-size:12px;line-height:1.3}.install-banner-actions.svelte-12qhfyh{display:flex;align-items:center;gap:8px;flex-shrink:0}.install-btn.svelte-12qhfyh{background:#f8f5ee;color:#3c372d;border:none;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:600;font-family:Kanit,sans-serif;cursor:pointer;transition:transform .15s,opacity .15s;white-space:nowrap}.install-btn.svelte-12qhfyh:active{transform:scale(.95);opacity:.85}.dismiss-btn.svelte-12qhfyh{background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px 6px;line-height:1;transition:color .15s}.dismiss-btn.svelte-12qhfyh:hover{color:#ffffffd9}@keyframes svelte-12qhfyh-slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes svelte-12qhfyh-slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}