body{overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}button,input,select,textarea,.account-chip,.main-nav button,.room-link,.group-head{min-height:44px}.card,.panel,.post,.notice,.room-banner,.admin-control-room,.admin-list-card,.ad{max-width:100%;overflow-wrap:anywhere}pre,code,.admin-result-box{max-width:100%;overflow-x:auto;white-space:pre-wrap}@media(max-width:820px){body{font-size:16px}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto;gap:.55rem;padding:.65rem 1rem}.brand{min-width:0}.brand small{display:none}.main-nav{grid-column:1/-1;display:flex;gap:.45rem;overflow-x:auto;padding:.15rem 0 .3rem}.main-nav button{flex:0 0 auto;white-space:nowrap;padding-left:.9rem;padding-right:.9rem}.hero{margin:.75rem 1rem;padding:1.2rem;border-radius:22px}.hero h1,#heroTitle{font-size:2.35rem;line-height:1.05}.hero p,#heroSub{font-size:1rem;line-height:1.45}.app-shell{display:grid;grid-template-columns:1fr;gap:.85rem;padding:0 1rem 1.5rem}.sidebar{order:2}.grid,.admin-op-grid,.cards-grid,.source-grid,.weather-grid,.road-grid,.room-shell{display:grid;grid-template-columns:1fr!important;gap:.85rem}.room-menu{position:static;max-height:none;overflow:visible}.card,.panel,.post,.notice,.room-banner,.admin-control-room,.ad{border-radius:18px;padding:1rem}.actions,.admin-toolbar,.admin-chip-row,.portal-socials,.portal-fields{display:flex;flex-wrap:wrap;gap:.5rem}.actions>*,.admin-toolbar>*,.portal-fields>*,.portal-socials>*{flex:1 1 100%}input,select,textarea{width:100%;font-size:16px}}@media(max-width:430px){.logo{width:38px;height:38px}.main-nav button,.account-chip,.pill,button{min-height:46px}.hero h1,#heroTitle{font-size:2rem}.card h2,.panel h2,.room-banner h2{font-size:1.35rem}}