body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
.wat-appbar{position:fixed;z-index:55;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:6px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:#fffdf7f5;border-top:1px solid #dfd9bd;box-shadow:0 -3px 20px #02241c12;backdrop-filter:blur(12px);font-family:"Noto Sans Lao",sans-serif}
.wat-appbar a,.wat-appbar button{flex:1;max-width:160px;min-height:54px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:12px;background:transparent;color:#064e3b;text-decoration:none;font:inherit;font-size:13px;font-weight:700;cursor:pointer;line-height:1.4}
.wat-appbar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wat-appbar [data-wat-share]{background:#064e3b;color:#fff8dc}.wat-appbar [data-wat-install]{background:#f6e2a2;color:#40300b}.wat-appbar a:hover,.wat-appbar button:hover{filter:brightness(.94)}
.wat-appbar [aria-current=page]{background:#e6eee8}.wat-appbar [hidden],.wat-dialog [hidden]{display:none!important}
.wat-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #e5d79c;border-radius:22px;background:#fffdf7;color:#173b30;font:16px/1.7 "Noto Sans Lao",sans-serif;box-shadow:0 24px 90px #0005;text-align:left}
.wat-dialog::backdrop{background:#02241c99;backdrop-filter:blur(3px)}.wat-dialog h2{font-size:23px;line-height:1.4;margin:0 42px 14px 0;color:#064e3b}.wat-dialog p{margin:8px 0 14px}.wat-dialog img{width:100%;height:auto;border-radius:12px;display:block;margin-bottom:14px}.wat-dialog .wat-close{position:absolute;right:14px;top:12px;border:0;background:#eee9d9;border-radius:50%;height:36px;width:36px;color:#173b30;font:24px/1 sans-serif;cursor:pointer}
.wat-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.wat-dialog .wat-action{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #d3d9cf;border-radius:11px;padding:9px 12px;background:#fff;color:#064e3b;text-decoration:none;font:700 15px/1.5 "Noto Sans Lao",sans-serif;cursor:pointer}.wat-dialog .wat-primary{background:#064e3b;color:#fff;border-color:#064e3b}.wat-dialog label{font-size:13px}.wat-dialog input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #b7c9c0;border-radius:8px;background:#fff;font:14px sans-serif;color:#174532}.wat-dialog ol{padding-left:24px}.wat-status{font-size:14px;color:#376349;min-height:1.4em}.wat-offline{position:fixed;z-index:54;bottom:calc(86px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);max-width:90%;padding:7px 14px;border-radius:12px;background:#fff2c8;color:#493b14;font:13px/1.5 "Noto Sans Lao",sans-serif;text-align:center;box-shadow:0 3px 14px #0002}.wat-offline[hidden]{display:none}
.wat-dialog button:focus-visible,.wat-dialog a:focus-visible,.wat-appbar a:focus-visible,.wat-appbar button:focus-visible{outline:3px solid #edb633;outline-offset:3px}
@media(min-width:800px){.wat-appbar{left:auto;right:22px;bottom:18px;border:1px solid #dfd9bd;border-radius:18px;padding:7px;gap:4px}.wat-appbar a,.wat-appbar button{min-width:86px}.wat-offline{bottom:100px}.wat-dialog{padding:28px}}
@media print{.wat-appbar,.wat-offline,.wat-dialog{display:none!important}body{padding-bottom:0}}