.app-bottom-nav{position:fixed;z-index:4000;left:50%;bottom:0;width:min(430px,100%);transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dfd3ca;background:rgba(255,253,249,.96);backdrop-filter:blur(12px)}.app-bottom-nav button{min-width:0;padding:5px 2px;border:0;background:none;color:#6e625b;font-size:19px}.app-bottom-nav span{display:block;margin-top:2px;font-size:9px;font-weight:700}.app-profile-button{position:fixed;z-index:3900;top:calc(16px + env(safe-area-inset-top));right:max(calc((100vw - 430px)/2 + 16px),16px);width:36px;height:36px;border:1px solid #dfd3ca;border-radius:50%;background:#fff;color:#9b654b}.app-modal{position:fixed;z-index:5000;inset:0;display:grid;align-items:end;background:rgba(35,29,25,.48)}.app-modal-card{position:relative;width:min(430px,100%);max-height:86dvh;margin:auto auto 0;padding:24px 18px calc(80px + env(safe-area-inset-bottom));overflow:auto;border-radius:24px 24px 0 0;background:#fffdf9}.app-modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;font-size:22px}.app-list{display:grid;gap:8px}.app-list article,.app-list>button,.contact-list article{padding:12px;border:1px solid #e5d8cf;border-radius:12px;background:#faf6f1;text-align:left}.app-list article strong,.app-list article small{display:block}.app-list article button{margin-top:8px}.profile-edit label,.contact-list label{display:grid;gap:5px}.profile-edit input,.contact-list input{padding:10px;border:1px solid #ddd;border-radius:9px}.profile-edit>button{margin-top:12px}.contact-list{display:grid;gap:10px}.friend-star{float:right;border:0;background:none;font-size:24px;color:#a86849}.name-choice{display:flex;gap:6px;margin-top:8px}.name-choice button{flex:1;padding:8px;border:1px solid #ddd;border-radius:999px;background:#fff}.name-choice button.on{background:#a86849;color:white}.app-shell,.app{padding-bottom:76px!important}