:root{--royal:#5b3a86;--royal-deep:#43286a;--royal-soft:#efe9f5;--brass:#c19a45;--ink:#1c1822;--muted:#6d6678;--line:#e9e5ee;--surface:#fff;--surface2:#f6f3f9;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--maxw:430px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%;width:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#2a2433;-webkit-font-smoothing:antialiased}.app{height:100dvh;width:100%;max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--surface2)}.scroll{flex:1 1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:16px;width:100%}.clk{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clk:active{opacity:.7}.appbar{background:var(--surface);border-bottom:1px solid var(--line);padding:calc(var(--safe-t) + 12px) 16px 13px;flex:0 0 auto}.lodge{gap:11px}.crest,.lodge{display:flex;align-items:center}.crest{width:40px;height:40px;border-radius:50%;flex:0 0 auto;background:linear-gradient(150deg,var(--royal),var(--royal-deep));border:2px solid var(--brass);justify-content:center;font-size:19px}.lodge .nm{min-width:0;flex:1 1}.lodge .t1{font-family:Lora,serif;font-weight:600;font-size:17px;line-height:1.1}.lodge .t2{letter-spacing:.04em;margin-top:2px}.lodge .t2,.sectlabel{font-size:11px;color:var(--muted);text-transform:uppercase}.sectlabel{letter-spacing:.16em;font-weight:600;margin:16px 18px 10px}.room{gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px;margin:0 14px 9px}.room,.tile{display:flex;align-items:center}.tile{width:44px;height:44px;border-radius:12px;flex:0 0 auto;justify-content:center;font-size:21px}.room .info{min-width:0;flex:1 1}.room .name{font-weight:600;font-size:15.5px;display:flex;align-items:center;gap:6px}.room .prev{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;max-width:100%}.room .meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}.badge{background:var(--royal);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.post{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;margin:0 14px 11px}.prow{display:flex;align-items:center;gap:9px;margin-bottom:9px}.av{width:36px;height:36px;border-radius:50%;flex:0 0 auto;justify-content:center;color:#fff;font-size:13px}.av,.pname{display:flex;align-items:center;font-weight:600}.pname{font-size:14px;gap:6px;flex-wrap:wrap;min-width:0}.pill{font-size:10px;font-weight:600;color:var(--royal-deep);background:var(--royal-soft);padding:2px 7px;border-radius:6px}.ptext{font-size:14.5px;line-height:1.5;color:#2c2735;overflow-wrap:anywhere}.pfoot{gap:18px;margin-top:12px;padding-top:11px;font-size:12.5px;color:var(--muted);font-weight:500}.pfoot,.tabbar{display:flex;border-top:1px solid var(--line)}.tabbar{flex:0 0 auto;background:var(--surface);padding:9px 6px calc(var(--safe-b) + 12px)}.tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:500;padding:2px}.tab .ic{font-size:21px;filter:grayscale(1);opacity:.5}.tab.on{color:var(--royal)}.tab.on .ic{filter:none;opacity:1}.fab{position:absolute;right:16px;bottom:calc(var(--safe-b) + 86px);font-weight:600;font-size:14px;padding:14px 18px;border-radius:100px;box-shadow:0 10px 24px -6px rgba(67,40,106,.65);display:flex;align-items:center;gap:7px;z-index:30}.btn-primary,.fab{background:var(--royal);color:#fff;border:none}.btn-primary{font-weight:700;border-radius:100px;padding:14px 22px;font-size:16px}