.mobile-bottom-bar,.mobile-create-sheet{display:none}
@media(max-width:760px){
  body:has(.mobile-bottom-bar) .content{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  .mobile-bottom-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;align-items:end;gap:2px;padding:8px 8px calc(7px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #dde5f1;box-shadow:0 -8px 25px #1b3c6810;box-sizing:border-box}
  .mobile-bottom-bar>a,.mobile-bottom-bar>button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;padding:4px 1px;margin:0;border:0;border-radius:10px;background:transparent;text-decoration:none;color:#8394af;box-sizing:border-box;font-size:10px;font-weight:600;line-height:1.2;text-align:center;overflow-wrap:anywhere}
  .mobile-bottom-bar .ui-icon{display:block;width:24px;height:24px}
  .mobile-bottom-bar [aria-current="page"]{color:#2362e8;background:#edf4ff}
  .mobile-bottom-bar .mobile-create-toggle{color:#2362e8;overflow:visible}
  .mobile-create-circle{display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-height:52px;border:3px solid #fff;border-radius:50%;background:#2863eb;color:white;box-shadow:0 5px 15px #2362e844;margin-top:-22px;box-sizing:border-box}
  .mobile-create-circle .ui-icon{width:29px;height:29px}
  .mobile-create-sheet[open]{display:block;position:fixed;inset:auto 0 0;margin:0 auto;max-width:560px;width:100%;max-height:75dvh;overflow:auto;padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px));border:1px solid #d5e1f1;border-radius:20px 20px 0 0;background:#f5f9ff;box-sizing:border-box;color:var(--navy)}
  .mobile-create-sheet::backdrop{background:#13274666}
  .mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
  .mobile-sheet-header h2{margin:0;font-size:17px}
  .mobile-sheet-header button{width:44px;height:44px;min-height:44px;padding:0;font-size:25px}
  .mobile-create-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mobile-create-actions a{display:flex;align-items:center;gap:8px;min-width:0;min-height:54px;padding:9px;border:1px solid #cbdcf3;border-radius:10px;background:white;color:var(--navy);text-decoration:none;font-size:13px;box-sizing:border-box;overflow-wrap:anywhere}
  .mobile-create-actions .ui-icon{display:block;flex-shrink:0}
}